/*
    Theme Name: amec
    Author: cuongnq6889(@gmail.com)
    Author URI: http://webteam.vn
    Tags: Blank, HTML5, CSS3
    License: MIT
    License URI: http://opensource.org/licenses/mit-license.php
*/

*{margin: 0; padding: 0; box-sizing: border-box;}
body{font: 14px/20px 'Roboto', sans-serif;}
a{text-decoration: none; color: #056839;}
a:hover{text-decoration: none; color: #f36f20;}
.font12{font-size: 12px;}
.font13{font-size: 13px;}
.font14{font-size: 14px;}
.font15{font-size: 15px;}
.font16{font-size: 16px;}
.font17{font-size: 17px;}
.font18{font-size: 18px;}
.font19{font-size: 19px;}
.font20{font-size: 20px;}
.font21{font-size: 21px;}
.font22{font-size: 22px;}
.font24{font-size: 24px;    line-height: 35px;}
.font25{font-size: 25px;    line-height: 35px;}
.font26{font-size: 26px;    line-height: 35px;}
.font29{font-size: 29px;    line-height: 35px;}
.font28{font-size: 28px;    line-height: 35px;}
.font30{font-size: 30px;    line-height: 35px;}
.font32{font-size: 32px;    line-height: 35px;}
.font33{font-size: 33px;    line-height: 35px;}
.font37{font-size: 37px;    line-height: 42px;}
.font39{font-size: 39px;    line-height: 42px;}
.font40{font-size: 40px;    line-height: 42px;}
.font42{font-size: 42px;    line-height: 55px;}

.mart20{margin-top: 20px;}
.mar10{margin: 10px 0 !important;}
.mart10{margin-top: 10px !important;}
.marb20{margin-bottom: 20px;}
.marb10{margin-bottom: 10px !important;}
.marb50{margin-bottom: 50px;}
.mart50{margin-top: 50px;}
.space10, .h10{height: 10px;}
.space15, .h15{height: 15px;}
.space20, .h20{height: 20px;}
.space30, .h30{height: 30px;}
.no-margin{margin: 0 !important;}
.h1, .h2, .h3, h1, h2, h3{padding: 0; margin: 0; font-size: inherit;}

/*.no-padding{padding: 0 !important;}*/
.no-border{border: none !important;}


.bg_xanh6{background: #67ad4a;}
.bg_white{background: #fff;}

.cl_white{color: #fff;}
.cl_666{color: #666;}
.cl_nav a{color: #3e3e3e;}
.cl_xanh6{color: #00a651;}
.cl_cam{color: #ff7200;}
.cl_red, .cl_red a{color: #ff0000;}
.cl_tinnoibat{color: #282828 !important;}

.italic{font-style: italic;}
.clear{clear: both;}
.none, .hamburger, .mobile{display: none;}
.block{display: block;}
.left{float: left;}
.right{float: right;}
.fullw{float: left;     width: 100%;    text-align: center;}
.rows, .full, .box{float: left;  width: 100%; margin: 0;}
.wd50{width: 50%;}
.wd100{width: 100%; display: inline-block;}
.relative{position: relative;}
.transition{-webkit-transition: all 0.3s; transition: all 0.3s;}
.border{border:1px solid #e1e1e1;}
.bold{font-weight: bold;}
.pad15{padding: 15px;}
.pad30{padding:30px 0;}
.pad50{padding:50px 0;}
.padt50{padding-top: 50px;}
.padb50{padding-bottom: 50px;}
.space60{height: 60px;}
ul{list-style: none;}
.txt_upcase{text-transform: uppercase;}
.txt-center{text-align: center;}
.no-padding{padding: 0;}
.wrap_item, .w100{ float: left; width: 100%; }
.scholarship-event-thumbnail{
    height: 350px;
    position: relative;
    border-radius: 0px;
    padding: 2px;
}
.goc_amec {
    right: 0px;
    bottom: -3px;
    position: absolute;
    width: 100%;
    padding-right: 10px;
    font-size: 16px;
    font-family: "Roboto-Regular",sans-serif;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.313;
    text-align: right;
    font-weight: 700;
    font-style: normal;
    z-index: 121;
    background: -webkit-linear-gradient(#eee,#fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.view span{
    padding-left: 3px;
}
/*------------------------------------*\
    CUSTOMIZE
\*------------------------------------*/
#nav .dropdown-menu{display: none;}
header nav .nav-item.has-child:after,header nav .nav-item:first-child:after{     
    content: '|';
    font-size: 13px;
    line-height: 47px;
    color: #eee;
    display: inline-block;
    width: 1px;
    position: absolute;
    top: -3px;
    right: 0; 
}
header nav .nav-item.has-child:hover .dropdown-menu {
    display: block !important;
    margin-top: 0;
    border-radius: 4px;
    padding: 15px 0;
    min-width: 200px;
    border-top:solid 1px #ccc;
}
#nav .nav-item.active a{
border-radius: 40px;
    background-color: #056839;
    color: #fff;
}
header nav{    white-space: nowrap;    float: right;}

.scholarship-event-thumbnail{overflow: hidden;}
#content-post tr,#content-post td{border: 1px solid #acbed4; padding: 5px;}
#content-post .bg_white p{text-align: justify;}
#content-post .bg_white ul{list-style: disc; margin-left: 20px; line-height: 180%;}
.loichao1{font-size: 21px;line-height: 30px;    color: #75767a;  margin: 10px 0;}
.loichao1 span{   
    display: inline-block; 
    line-height: 1.6;
    font-weight: bold;
    padding: 5px 14px 4px;
    font-family: Arial, Helvetica, sans-serif;
    border-bottom: 2px solid #1B80C5;
    border-radius: 3px;
    background: none ;
    color: #F44336;
    font-size: 18px;
    border: 1px solid #F44336;
}
.loichao1 span:hover{background: #ea3338; color: #fff;}
.loichao2 .kv{display: inline-block;padding: 5px 15px;background:#056839;font-size: 13px;border-radius: 3px;margin: 10px;font-family: Roboto Condensed;cursor: pointer;}
.loichao2 span{color: #fff;margin: 0 3px;}
.loichao2 .kv:hover{background: #fff; border: 1px solid red; }
.loichao2 .kv:hover span{color: red;}

.view{position: absolute; top: 10px; font-size: 12px; right: 10px; padding: 0 8px 2px;    color: #ffffff;    border-radius: 10px;    background: rgba(150, 152, 156, 0.68);}
.round_titsub{position: absolute;background: rgba(5, 104, 57, 0.45);bottom:0px;padding: 5px 0; width: 100%;}
.box-item:hover .round_tit_sub{background: rgba(0, 0, 0, 0.48);}
.round_titsub a{line-height: 20px;}
.sub-box .box-item{height: 150px; overflow: hidden;}

.scholarship-event .caption-text{    
    font-size: 22px;
    font-family: "Roboto-Regular", sans-serif;
    color: rgb(255, 255, 255);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 27px;
    text-align: left;
    z-index: 71;
    opacity: 1;
    padding: 5px 10px;
    float: left;}
 .scholarship-event{max-height: 350px; overflow: hidden; position: relative;}
/* .tit-amec-social{font-size: 26px;margin-bottom: 18px; }*/
.tit-amec-social strong{color: #eb3335;}
.tit-amec-social span{color: #444;margin-right: 5px;}

.boc-flag{padding: 0 35px;}
.choose-flag{    margin-top: 10px;    height: 95px; overflow: hidden; }
.choose-flag p{
    color: #000;
    font-size: 13px;
    text-align: center;
    /*padding-top: 10px;*/
}
.choose-flag img{
    width: 65px;
    height: auto;
}
.choose-flag img:hover{
    animation-name: flag_zoom;
    animation-duration: 0.5s;
    animation-direction: alternate;
    animation-fill-mode: forwards;
    animation-timing-function: ease;
}
.ico-choose-flag .fa{font-size: 35px; color: #354c9c; margin: 5px; cursor: pointer; position: absolute; top: 40px;}
.ico-choose-flag .fa.fa-owl-prev{left: 0;}
.ico-choose-flag .fa.fa-owl-next{right: 0;}
.ico-choose-flag .fa:hover{color: #F44336;}

.carousel-indicators {    left: 0;    width: 90%;    margin-left: 0;    text-align: right; }
/* AMEC ACADEMY */
.border-academy{border: 1px solid #3f3f41;}
.amec-academy{background: #056839;
    padding: 15px;
    width: 434px;}
.wr-flag-amec-academy{margin-bottom: 20px;}
.wr-flag-amec-academy a{width: 32%; text-align: center; float: left; margin-left: 1%;}

.tit-amec-social{font-size: 26px;margin-bottom: 18px;border-bottom: 1px solid #a3a4a8;padding: 10px;}
.new_fb_title{ text-transform: uppercase;font-size: 20px; line-height: 38px; color:#056839; position: relative;}
.new_fb_title span{background: #efefed; padding-right: 10px;}
.new_fb_title i{position: absolute;
    height: 1px;
    right: 16px;
    width: calc(100% - 362px);
    background: #123392;
    display: inline-block;
    top: 18px;}
/*.amec-academy{background: #fff; border: 1px solid #ccc; padding: 18px; max-width: 450px; height: 238px; overflow-x: hidden;}
.amec-academy a{}
.wr-flag-amec-academy a{width: calc((100% - 4px)/3); float: left;}*/




/* AMEC ACADEMY */
.wp-caption-text{text-align: center !important;}
.thumbnail .caption a{font-weight: bold;}
/*Contact Form*/
.infomation-form{    background-color:#056839;    height: 493px;    width: 100%;    padding: 0 30px 0 30px; }
.tit_contact_form{color: #fff; padding-bottom: 10px;     margin-bottom: 10px; float: left; white-space: nowrap; width: 100%;}
.infomation-form.pull-left .wpcf7{width: 100%; float: left;}
#form_widget .wpcf7-form-control-wrap input[type="text"], #form_widget .wpcf7-form-control-wrap input[type="email"] , #form_widget .wpcf7-form-control-wrap textarea{
    width: 100%;
    border-radius: 3px;
    border: 0px;
    background-color: #FFF;
    color: #333;
    font-size: 16px;
    padding: 8px;
}
#form_widget input[type="submit"], #content-post .wpcf7 input[type="submit"] {
    background: #ec3237;
    box-shadow: none;
    border: medium none;
    border-radius: 3px;
    color: #FFF;
    cursor: pointer;
    padding: 10px 15px;
    font-size: 20px;
    font-family: "Roboto",sans-serif;
    +margin-left: 230px;
}
#form_widget span.wpcf7-not-valid-tip{position: absolute; top: -5px; right: 1px; background: #fff;  }
#form1 .wpcf7{}
#form1 .modal-content{padding: 15px 20px 15px 20px;    background-color: #FFFFFF; }
#form1 button.close {
    width: 28px;
    height: 28px;
    background: #FFFFFF;
    border-radius: 50%;
    position: absolute;
    right: -10px;
    top: -10px;
    opacity: 1;
}

#content-post .wpcf7 { width: 50%; padding: 0px 0px 10px 0px;}
#content-post .wpcf7 p{/*color: #354c9c;*/}

#content-post .wpcf7 .wpcf7-form-control-wrap input[type="text"], 
#content-post .wpcf7 .wpcf7-form-control-wrap input[type="email"] , 
#content-post .wpcf7 .wpcf7-form-control-wrap textarea{
	width: 98%; padding: 5px 10px; color: #354c9c;
} 
#content-post .wpcf7 option, #content-post .wpcf7 select{padding: 5px 10px; color: #354c9c;}
#content-post .wpcf7 input[type="submit"] {
	float: left; margin-left: 0;
}

.box-lienhe-chantrang{
    /*margin-top: -48px;*/
}
.header-main .logo img{
    width: 68px;
    height: auto;
    padding: 12px 0px;
}
header {
    border-bottom: 4px solid #056839;
}
@keyframes bg_xemthem{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
@keyframes xem_them{
    0%{transform: scale(1);}
    100%{transform: scale(1.4);}
}
.amec-image:hover .overlay{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: block;
    animation-name: bg_xemthem;
    animation-duration: 0.4s;
    animation-direction: alternate;
    animation-fill-mode: forwards;
    transition-timing-function: linear;
}

.amec-image:hover .overlay a{
    display: block;
    width: 100%;
    height: 100%;
    display: block;
    animation-name: xem_them;
    animation-duration: 0.5s 0.3s;
    animation-direction: alternate;
    animation-fill-mode: forwards;
    transition-timing-function: linear;
}

.amec-image .overlay a{
    line-height: 240px;
    text-decoration: none;
    font-size: 18px;
    font-weight: lighter;
    display: none;
    text-transform: initial;
}
.about-amec h2{
    padding-top: 20px;
    padding-bottom: 15px;
}
.w-thumb{
    width: 100%;
    height: 136px;
    overflow: hidden;
    display: block;
}
.short-image{
    width:100%;
    height: auto;
}
/*Single*/
#content-post h1, #content-post h2, #content-post h3{font-weight: bold; cursor: pointer; margin: 10px 0; color:#0066B3;}
#content-post h1:hover{color:#333;}
#content-post h2:hover, #content-post h3:hover{color:#0066B3;}

h1{font-size: 25px;
    font-weight: 500;
    line-height: 28px;
    color: #0066B3;padding: 8px 0;}
#content-post iframe{
    max-width: 100%;
}
#content-post h1{
	margin-bottom: 10px;
}
#content-post h2{
	margin-bottom: 10px;font-size: 135%;
}
#content-post h3{
	margin-bottom: 10px;font-size: 125%; 
}
#content-post h4{
	margin-bottom: 10px;font-size: 115%;
}
.comment-form-comment.cm_fields{
	padding: 0px;
}
.form-submit{
	margin: 0px;
	margin-top: 8px;
	margin-bottom: 20px;
}
#content-post .post-info span{
	margin-right: 10px;
	color: #777;
}
#content-post .post-info{
	margin-bottom: 15px;
}
.row-hot{margin-bottom: 10px; padding-bottom: 10px; +border-bottom: 1px solid #666;}
#feature-post-title{
	margin-top: 25px;
}
#feature-post-title h4{text-transform: uppercase;}

.related_tit{    font-size: 22px;    font-weight: 500;    color: #0066B3; margin-bottom: 20px;}
.related_news li{width: 50%; margin-bottom: 20px; padding-right: 20px; float: left;}
.related_news li img{margin-right: 10px; float: left;}
.related_news li span{float: left; width: calc(100% - 170px);}
/*Category*/
.pagination ul,.pagination{width: 100%; text-align: center;}
.pagination li{display: inline-block;}
.pagination span,.pagination a:hover{ color: #00818e; border:1px solid #00818e; }
.pagination span, .pagination a{font-size: 18px;font-weight: bold;padding: 7px;width: 36px;display: inline-block;}
/*effect*/
/*************** scroll *******************/

.abs::-webkit-scrollbar ,
.gallery_01 ul::-webkit-scrollbar{
    width: 6px;
}
.xoay360anh .large-image::-webkit-scrollbar {
    height:  6px;
}

 
/* Track */

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #b7b7b7;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
    background: #b7b7b7; 
}
.abs::-webkit-scrollbar-thumb:window-inactive{
    background: #b7b7b7;
}
.abs::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #b7b7b7;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
.abs .abs_li_even{background: #b7b7b7; color: #fff;}
#sidebar li:hover a, #sidebar li a.active{    color: #f36f20; }
.over-hidden{overflow: hidden;}
.service .service-th{
    -moz-transition: transform .2s ease,background .2s ease,box-shadow .25s ease;
    -webkit-transition: transform .2s ease,background .2s ease,box-shadow .25s ease;
    transition: transform .2s ease,background .2s ease,box-shadow .25s ease;
}
.service .service-th:hover {
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
    /*background: #fff;*/
    box-shadow: 0 3px 8px rgba(0,0,0,.4);
}


.led {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes flag_zoom{
    0%{ transform: scale(1); }
    100%{transform: scale(1.3);}
}
@keyframes blinker {  
    0% { opacity: 1.0; color: #fe0202;}
    25% { opacity: 0.5; color:#666;}
    50% { opacity: 1.0; color:#2fbb03;}
    75% { opacity: 0.5; color:#fc6e0f;}
    100% { opacity: 1.0;  color: #fe0202;}
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; color: #fe0202;}
    25% { opacity: 0.5; color:#666;}
    50% { opacity: 1.0; color:#2fbb03;}
    75% { opacity: 0.5; color:#fc6e0f;}
    100% { opacity: 1.0;  color: #fe0202;}
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; color: #fe0202;}
    25% { opacity: 0.5; color:#666;}
    50% { opacity: 1.0; color:#2fbb03;}
    75% { opacity: 0.5; color:#fc6e0f;}
    100% { opacity: 1.0;  color: #fe0202;}
}


/*single*/

@media only screen and (max-width: 1365px) and (min-width: 991px) {

}
@media (max-width: 990px){

}
@media (max-width: 768px){
    .destop{display: none;}
    .mobile{display: block;}   
    .newest-event .caption-text, .scholarship-event .caption-text{    font-size: 16px;}
    .newest-event{margin-bottom: 20px; height: auto;}
    .first-old-event-o img, .first-old-event-tr img, .first-old-event-tw img, .amec-recu-ctv img, .amec-academy {width: 100%; height: auto;}
    .iframe_youtube{width: 100%}
    /*.row-hot .col-sm-5 img{width: 30%; float: left;}
    .row-hot .col-sm-7{width: 65%; float: right;}*/

    .related_news li img,.related_news li span{width: 100%;}
    .logo img{max-height:48px;}
}
@media (max-width: 600px){
    
    #content-post .wpcf7{width: 100%; padding: 10px 15px;}    
    .popular-event, .social_fb_title{font-size: 20px;} 
    .social-facebook iframe,.social-facebook iframe.if_fb, .related_news li span,
    .fb-page, .fb-page span, .fb-page span iframe[style], .social-facebook{width: 100% !important;}
    .social-facebook .fb-page iframe {max-width: 100% !important;}
    .related_news li img, .related_news li span{width: 100%; margin: 10px 0;}
    .copy-wright{display:none}
    #content-post {    margin: 30px -15px;}
    .feature-image,.amec-recu-ctv{width: 100%; height: auto;}
    .box-footer{padding-bottom: 54px;}
    .sub-box .box-item, .scholarship-event-thumbnail, .w-thumb, .img-8{height: auto !important;}
    .img-8 img{    min-width: 100% !important;   min-height: auto !important; height: 193px;}
    .box-content-event img, .box-content-scholarship img{max-height: 250px; min-height: auto !important;}
    .amec-recu-ctv, .social-facebook{margin-top: 15px; margin-bottom: 15px;}
    .iframe_youtube{margin-bottom: 15px;}
}

@media (min-width: 768px){
    .sub-box .box-item{ overflow: hidden;}
}

/*comment*/
.commentlist .children{}
.commentlist .comment-author {    color: #333;    font-size: 12pt;    font-weight: 700;    margin: 0;}
.commentlist .comment-author img{    background: #fff;    border: 1px solid #bfbfbf;    float: left;    margin: 0 10px 0 0;    padding: 2px;width: 50px;}
/*------------------------------------*\
    TYPOGRAPHY
\*------------------------------------*/


@font-face {
    font-family:'MyriadPro';
    src:url('fonts/Myriad-Pro-Regular.ttf')  format('truetype');
    font-weight:normal;
}
@font-face {
    font-family:'HelveticaBold';
    src:url('fonts/SFUHelveticaBold.ttf')  format('truetype');
}
.MyriadPro{font-family: 'MyriadPro';}
.HelveticaBold{font-family: 'HelveticaBold';}
.robotoCondensed{font-family: 'Roboto Condensed';}

/*------------------------------------*\
    IMAGES
\*------------------------------------*/
img.img-full, .img-full img{width: 100%;}
img{max-width: 100%;}
.the_content img{height: auto;}
.date{font-style: italic; font-size: 14px; margin: 5px 0;}
.img-scale:hover img{    -webkit-transform: scale(1.08);    transform: scale(1.08); cursor: pointer; }
.img-scale img{-webkit-transition: all 0.3s; transition: all 0.3s;}

.img-8{ overflow: hidden;}
.img-8 img{ width:100%; /*min-height: 300px; min-width: 500px;*/}
.scholarship-event img{min-height: 350px; width: 100%;}
/*------------------------------------*\

    WORDPRESS CORE

\*------------------------------------*/
.logged-in #wpadminbar {display: block;}#wpadminbar {display: none;}.alignnone{margin:5px 20px 20px 0}.aligncenter,div.aligncenter{display:block;margin:5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignleft,a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{background:#FFF;border:1px solid #F0F0F0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignleft,.wp-caption.alignnone{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.gallery-caption{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}


/* Custom widget */
.rpwwt-widget .title {
 text-transform: uppercase;
margin-top: 10px;
margin-bottom: 10px;
font-size: 18px;
font-weight: 500;
line-height: 1.1;
}

.widget-triangle  ul {
    margin: 0.75em 0;
    padding: 0 1em;
    list-style: none !important;
}
.widget-triangle ul li:before { 
    content: "";
    border-color: transparent #111;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    top: 1.2em;
    position: relative;
}
.van-phong-amec-title a{
    font-size: 18px;
    text-transform: uppercase;
    color: #643ef3;
}
.van-phong-amec-title span{
    font-size: 18px;
    text-transform: uppercase;
    color: #643ef3;   
}
.van-phong-amec-title a.active{
    color: #ff2f06;
    font-weight: bold;
}