/*---------------------------color setup--------------------------------------*/
@main_color:#333334;
@light_main_color:#939496;
@second_color_old:#eb582b;
@second_color:#757575;
@light_second_color:#fb754c;
@third_color:#333;


@white:#fff;
@black:#000;
@dark_gray:#757575;
@text_dark_gray:#444;
@gray:#939496;
@red:#D2322D;
/*----------------------------color setup-------------------------------------*/

.primary-color{background-color: @second_color_old !important; }
.primary-header{background:@second_color !important; color: @white;}

.black-header{background:#2b2a2c !important; color: @white;}

.text_primary{color: @second_color !important; }

.text-danger{color: @second_color !important; }

.dw-text-danger{color: @second_color; }

.dw-text-black{color: #252525 !important; }

.dw-text-gray{color: #999; }

/*----------------------------basic setup-------------------------------------*/
html,
body {
   color: @main_color;
   height: 100%;
   font-size:14px;
   font-family:"Raleway", "Microsoft YaHei","YouYuan", Arial, Helvetica, NSimSun, Hiragino Sans GB, sans-serif;
   font-style: normal;
   font-weight: 400;
   -webkit-text-size-adjust: none;
   background:none;
   line-height: 1.3;
}

.special_font_f{font-family:"Lato", "Microsoft YaHei","YouYuan", Arial, Helvetica, NSimSun, Hiragino Sans GB, sans-serif;}

.error-message{color:#ff4444;}
.dw_rank_active{
  color:@second_color;
}
.dw_rank_inactive{
  color:gray;
}

.fullsize_container{width:100%; background:#ffffff; padding-left:10px; padding-right:10px}
.container{padding:0;margin-top:0px;}
.container_960{max-width:960px;margin:0 auto;}
.container_1280{max-width:1280px; padding:0;margin:0 auto;}
.container_1720{max-width:1720px; padding:0;margin:0 auto;}
.container_1920{max-width:1920px; padding:0;margin:0 auto;}
.container_1440{max-width:1440px; padding:0;margin:0 auto;}

h1,h2,h3,h4,h5,h6{font-family:"Raleway", "Microsoft YaHei","YouYuan", Arial, Helvetica, NSimSun, Hiragino Sans GB, sans-serif; line-height:1.3; text-transform: uppercase;}
h4{text-transform:capitalize;letter-spacing:0;}
h5{font-size:1.35rem;}
h6{font-size:1.15rem;}

a{color:@second_color;text-decoration:none; background:none;}
a:hover{color:@main_color;text-decoration:none;background:none;}
a:active{color:@main_color;text-decoration:none;background:none;}

form label{ margin-bottom: 0.8rem; color:@dark_gray;}
.checkbox-primary-filled [type="checkbox"][class*="filled-in"]:checked + label::after{border-color:@second_color;background-color:@second_color; }
[type="radio"] + label, [type="checkbox"] + label {line-height: 18px;font-size: 1rem;}

.text-small{font-size: 0.8rem}

.bt-1rem{border-top:0.5rem solid #252525;}
.bt-2rem{border-top:0.7rem solid #252525;}
.bt-3rem{border-top:0.9rem solid #252525;}
.bt-4rem{border-top:1.1rem solid #252525;}
.bt-5rem{border-top:1.3rem solid #252525;}

.bb-1rem{border-bottom:0.5rem solid #252525;}
.bb-2rem{border-bottom:0.7rem solid #252525;}
.bb-3rem{border-bottom:0.9rem solid #252525;}
.bb-4rem{border-bottom:1.1rem solid #252525;}
.bb-5rem{border-bottom:1.3rem solid #252525;}

.border_radius_5{
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

.border_radius_5 img{-webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;}

.clear{clear:both;}
.self_clear:after{content: ""; display: table; clear: both;}
.test{outline:1px red solid;}
.second_line{padding-left:20px;}
.box_shadow_none{ box-shadow:none !important;}
/*----------------------------basic setup-------------------------------------*/

/*----------------------------special setup-------------------------------------*/
.lang_on{color:@white !important;}
.lang_on:hover{color:@second_color !important;}
.lang_off{color:@second_color !important;}
.lang_off:hover{color:@white !important;}

.btn-sm{font-size:0.85rem !important;}

#language_popup_desktop::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-left: 0.3em solid transparent;
}

#language_popup::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: .255em;
  vertical-align: .1em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-left: 0.3em solid transparent;
}

#mobile_size_box{display: none;}
.mobile_bottom_cp{display: none;}

.bg_menu{background:url(/img/mmenu_out_image.jpg) center center no-repeat; background-size:cover; padding-top:3.5rem; position:relative;}
/*.normal_size_box{display:block; position: relative; top:0; width:100%; z-index:500; padding:0 5px;}
.normal_size_box_nav_div{float:right; padding-top:30px}
.normal_size_box_nav_visiable_div{padding-top:1.5rem;}*/

.normal_size_box{}

.normal_size_box .navbar a{font-size:14px; font-weight:400;}
.navbar .dropdown-menu a{color:@main_color !important;}

#computer_normal_nav .top_logo_div{max-width:75px; padding-top:1rem;padding-bottom:1rem;}

.top_slide_show{padding:0rem 2rem;}

#computer_normal_nav{position: fixed;z-index: 999;width: 100%;top: 0;}

.top_normal_div{position: fixed; top:0; z-index:999; width:100%; margin:0 auto; background:#fff;}

.top_cp_div{background:@second_color; color:@white; z-index:2000; font-size:0.9rem;border-bottom:1px solid @second_color;}
.top_cp_div .autocomplete_result a{ color:@main_color; font-size:0.8rem;}
.top_cp_div .autocomplete_result a:hover{ color:@second_color;}
.top_cp_div a{color:@white; font-size:0.9rem}
.top_cp_div a:hover{color:@main_color}

.top_info{text-transform: none !important; color:@second_color;}
.top_info a{color:@dark_gray; font-size:10px}
.top_info a:hover{color:@gray;}

.top_content_div{background:@white;-webkit-box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.2);box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.2);}

.homepage_section_div_title{font-size:38px;text-align:center; text-transform:uppercase; font-weight:bold; color:@main_color; padding-bottom:10px}
.homepage_section_div_title_border{height:5px; background:@second_color; max-width:200px; margin:0 auto;}
.homepage_section_div_sub_title{font-size:12px;text-align:center; margin:0 auto; margin-top:25px; color:@light_main_color; max-width:600px;}
.homepage_section_div_content{font-size:14px; line-height:1.5; color:@main_color;margin-top:30px;}
.homepage_section_div{position:relative;background:@white; padding:6rem 2rem 5rem 2rem; z-index:10;}
.homepage_section_conent_div{position:relative; z-index:10}

.homepage_small_title_div{margin-bottom:60px;}
.homepage_small_title_name{font-size:2rem; color:@third_color;}
.homepage_small_title_intro{font-size:1rem; color:@dark_gray; max-width:550px; margin:0 auto;}
.homepage_small_title_border{height:3px; background:@second_color; width:130px; margin:10px 0;}

.gallery_upload_div h4{color:@second_color;}
.file_upload_div h4{color:@second_color;}

.card-columns-5-4-2-1 {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
}

#scrollUp {bottom: 20px;right: 20px;height: 38px;  /* Height of image */width: 38px; /* Width of image */background: url("/img/top.png") no-repeat;}


/*########################################################*/
/*  feedback function css start  */
/*########################################################*/
.section_feedback_single_div{padding:20px;}
.section_feedback_single_div_inner{border:1px solid #efefef;-webkit-transition-timing-function: ease;transition-timing-function: ease;}
.section_feedback_single_div_inner:hover{-webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.09);box-shadow: 0 0 1px 1px rgba(0,0,0,0.09);transition:0.2s;}
.section_feedback_single_div_top{padding-top:20px;padding-bottom:20px; color:#666;}
.section_feedback_single_div_img{padding-bottom:20px;}
.section_feedback_single_div_title{font-size:16px;padding-bottom:5px; font-weight:bold;}
.section_feedback_single_div_bottom{background:#efefef;padding:15px;}
.section_feedback_single_div_bottom_icon_audio{float:left;}
.section_feedback_single_div_bottom_icon_video{float:left;}
.section_feedback_single_div_bottom_date{float:right; line-height:25px;}
/*########################################################*/
/*  feedback function css end  */
/*########################################################*/



/*########################################################*/
/*  member function css start  */
/*########################################################*/
.account_wall{
	max-width:500px;
    margin:35px auto;
    padding: 40px 10px 20px 10px;
    background-color: #f7f7f7;
    -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.2);
box-shadow: 0 0 10px 1px rgba(0,0,0,0.2);
}

.profile-img
{
    width: 150px;
    height: 150px;
    margin: 0 auto 25px;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
	border:3px solid #ffffff;
	-webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.3);
box-shadow: 0 0 10px 1px rgba(0,0,0,0.3);
}

.account_wall_title{font-size:14px; color:#666; text-align:center; margin-bottom:15px; text-transform:uppercase; font-weight:700;}

.member_register_notice{color:#333;}
.member_register_notice a{color:@second_color;}
.member_register_notice a:hover{color:@main_color;}
.member_project_list_panel .media{ border-bottom: 1px dotted #999; padding-bottom:20px}
.member_project_list_panel .media:last-child{ border-bottom: 0px dotted #999; padding-bottom:0px}
.member_project_list_pagination .pagination{ margin-bottom:5px;}
/*########################################################*/
/*  member function css end  */
/*########################################################*/




/*########################################################*/
/*  sublevel default homepage css start  */
/*########################################################*/
.sublevel_default_homepage{background: none !important; padding-bottom: 2rem; text-align: left;}
.sublevel_default_homepage a{color:@second_color; text-transform: uppercase; font-size:16px;}
.sublevel_default_homepage a:hover{color:@main_color}
.sublevel_default_homepage img{box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15) }
.sublevel_default_homepage .card-body{padding-left: 0; padding-right: 0}
/*------------------top--------------------------*/
.sublevel_default_homepage .sublevel_top_title{margin-top:10px;font-size:16px}
.sublevel_default_homepage .sublevel_top_subname{margin-top:0px; font-size:12px}
.sublevel_default_homepage .sublevel_top_content{color:@dark_gray;margin-top:7px;}
.sublevel_default_homepage .sublevel_top_full_div{padding-bottom:15px;}
/*------------------left--------------------------*/
.sublevel_default_homepage .media-object{max-width:64px;}
.sublevel_default_homepage .media-heading{font-size:16px;}
/*########################################################*/
/*  sublevel default homepage css end  */
/*########################################################*/



/*########################################################*/
/*  sublevel default homepage logos css start  */
/*########################################################*/
.sublevel_default_homepage_logos{background: none !important; padding-bottom: 0.5rem; text-align: left;}
.sublevel_default_homepage_logos a{color:@second_color; text-transform: uppercase; font-size:16px;}
.sublevel_default_homepage_logos a:hover{color:@main_color}
.sublevel_default_homepage_logos img{box-shadow:none; }
.sublevel_default_homepage_logos .card-body{padding:0; margin:0;}
/*------------------top--------------------------*/
.sublevel_default_homepage_logos .sublevel_top_title{margin-top:10px;font-size:16px;padding:0; margin:0;}
.sublevel_default_homepage_logos .sublevel_top_subname{margin-top:0px; font-size:12px;padding:0; margin:0;}
.sublevel_default_homepage_logos .sublevel_top_content{color:@dark_gray;margin-top:7px;padding:0; margin:0;}
.sublevel_default_homepage_logos .sublevel_top_full_div{padding-bottom:15px;padding:0; margin:0;}
/*------------------left--------------------------*/
.sublevel_default_homepage_logos .media-object{max-width:64px;padding:0; margin:0;}
.sublevel_default_homepage_logos .media-heading{font-size:16px;padding:0; margin:0;}
/*########################################################*/
/*  sublevel default homepage css end  */
/*########################################################*/


/*########################################################*/
/*  sublevel default homepage-c-i css start  */
/*########################################################*/
.sublevel_default_homepage_circle{background: none !important; padding-bottom: 2rem; text-align: center !important;}
.sublevel_default_homepage_circle a{color:@second_color; text-transform: uppercase; font-size:16px;}
.sublevel_default_homepage_circle a:hover{color:@main_color}
.sublevel_default_homepage_circle img{border:3px solid #ffffff; border-radius: 50%;box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)  }
/*------------------top--------------------------*/
.sublevel_default_homepage_circle .sublevel_top_title{margin-top:10px;font-size:16px}
.sublevel_default_homepage_circle .sublevel_top_subname{margin-top:0px; font-size:12px}
.sublevel_default_homepage_circle .sublevel_top_content{color:@dark_gray;margin-top:7px;}
.sublevel_default_homepage_circle .sublevel_top_full_div{padding-bottom:15px;}
/*------------------left--------------------------*/
.sublevel_default_homepage_circle .media-object{max-width:64px;}
.sublevel_default_homepage_circle .media-heading{font-size:16px;}
/*########################################################*/
/*  sublevel default homepage css end  */
/*########################################################*/


/*########################################################*/
/*  sublevel default service css start  */
/*########################################################*/
.sublevel_default_service{color:@second_color; padding-bottom:10px; background-color: transparent;}
.sublevel_default_service a{color:@third_color;}
.sublevel_default_service a:hover{color:@second_color;}
/*------------------top--------------------------*/
.sublevel_default_service .sublevel_top_title{margin-top:10px; font-size:16px}
.sublevel_default_service .sublevel_top_subname{margin-top:0px; font-size:12px;}
.sublevel_default_service .sublevel_top_content{color:@dark_gray;margin-top:7px;}
.sublevel_default_service .sublevel_top_full_div{padding-bottom:15px;}
/*------------------left--------------------------*/
.sublevel_default_service .media-object{max-width:64px;}
.sublevel_default_service .media-heading{font-size:16px;}
/*########################################################*/
/* sublevel default service css end   */
/*########################################################*/


/*########################################################*/
/*  sublevel default css start  */
/*########################################################*/
.sublevel_default{color:@main_color; padding-bottom:10px;}
.sublevel_default a{color:@second_color; text-transform: uppercase;}
.sublevel_default a:hover{color:@main_color;}
.sublevel_default img{box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)  }
/*------------------top--------------------------*/
.sublevel_default .sublevel_top_title{margin-top:10px; font-size:16px}
.sublevel_default .sublevel_top_subname{margin-top:0px; font-size:12px;}
.sublevel_default .sublevel_top_content{color:@dark_gray;margin-top:7px;}
.sublevel_default .sublevel_top_full_div{padding-bottom:15px;}
.sublevel_default .sublevel_top_full_div h4{font-size: 1.2rem}
.sublevel_default .sublevel_top_full_div h4 a{color:#666;}
.sublevel_default .sublevel_top_full_div h5{font-size: 1.1rem}
/*------------------left--------------------------*/
.sublevel_default .media-object{max-width:64px;}


/*########################################################*/
/* sublevel default css end   */
/*########################################################*/

.homepage_prodcuts_div .sublevel_top_title{ margin-top:20px}
.homepage_prodcuts_div .sublevel_top_title a{font-size:20px; color:@second_color; text-transform:uppercase;}
.homepage_prodcuts_div .sublevel_top_title a:hover{color:@light_main_color;}

#section_homepage_service .sublevel_top_content{font-size:10px;}

.footer_abouts_div{text-align:center;}

.footer_content_html{padding:3rem 2rem; max-width:650px; margin:0 auto}
.footer_content_html_name{color:@white; padding-bottom:2rem; text-transform:uppercase; font-size:1rem;}
.footer_content_html_content{color:@white;font-size:0.8rem;}

.footer_social_media_group{font-size:1rem;}
.footer_social_media_group_single{ float:left; padding-right:5px}
.footer_social_media_group_single a{color:@white;}
.footer_social_media_group_single a:hover{ color:rgba(255,255,255,0.8);}

.section_normal_payments{max-width:304px; margin:0 auto; padding-bottom:25px;}
.section_normal_payments_single{ float:left; padding-right:15px}

.section_footer{padding:3rem 1rem;}
.section_footer_copyright{text-transform:uppercase; font-size:0.8rem; color: @white;}
.section_footer_copyright a{color:@white;}
.section_footer_copyright a:hover{color:@main_color}

.section_footer_social_media a{color:@second_color; font-size: 1.4rem; padding-right: 0.3rem;}
.section_footer_social_media a:hover{color:@gray;}

.bg_video{
position: fixed;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
z-index: -100;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background-size: cover;
transition: 1s opacity;
}

/*########################################################*/
/*  Trung Image Function Start*/
/*########################################################*/
.tile-grid{display: flex;flex-wrap:wrap;justify-content:space-between;width:100%;margin:auto;}
.tile-grid>div>a{width: 100%;display: block;}
.tile-grid>div>img{width: 100%;display: block;}
.tile-grid>div{position: relative;}
.tile-grid .cell>div{position: absolute;top:0;left:0; background:none;width: 100%;height: 100%;display:flex;justify-content: center;align-items: center;}
.tile-grid .cell>div>a{position: absolute;top:0;left:0;background:#666;opacity:0.2;width: 100%;height: 100%;display:flex;justify-content: center;align-items: center;}
.tile-grid .cell>div>a:hover{opacity:0;}
body:after {content: 'xl';display: none;}
.d-container:first-child {margin-top: 0}
.d-container {background: #f7f7f7;border-bottom: 1px solid #eee;margin: 2em auto;padding: 2em 5%;width: 100%}
.d-container:after {clear: both;content: "";display: table}
.d-container>h1 {color: #333;font-size: 2em;line-height: 1.2;margin: 0 0 .5em;text-align: center}
.d-flex-vertical {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;min-height: 15em}
.d-flex-vertical-center {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;background: #fff;color: #333;padding: 2.5em;-webkit-box-flex: 0;
-webkit-flex: 0 0 200px;-ms-flex: 0 0 200px;flex: 0 0 200px;border: 1px solid #ddd}
/*########################################################*/
/*  Trung Image Function End*/
/*########################################################*/

.animated_point_7s {animation-duration: .7s;animation-fill-mode: both;}

.to-animate,
.to-animate-2,
.to-animate-3,
.single-animate {opacity: 0;}

.homepage_big_title_div{margin:250px 0 200px 0;}
.homepage_big_title_name{font-size:32px; color:@white;text-shadow: 2px 2px 2px @main_color;}
.homepage_big_title_intro{font-size:16px; color:@white;text-shadow: 2px 2px 2px @main_color;}
.homepage_big_title_border{height:3px; background:#d5d5d6; width:130px; margin:10px 0;-webkit-box-shadow: 1px 1px 18px 0 rgba(14,5,10,0.5);
box-shadow: 1px 1px 18px 0 rgba(14,5,10,0.5);}

.not_homepage_content_div{padding-top:150px; padding-bottom:30px;}
.menu_track{padding-top:10px;}

.homepage_form_searching_div_title{color:@second_color; margin-bottom:10px; text-transform:uppercase; font-size:34px; font-weight:bold;}
.homepage_form_searching_div_intro{color:#666; margin:0px auto 20px auto; max-width:550px; font-size:16px; }
.homepage_form_searching_div{ max-width:700px; margin:0px auto;}
.homepage_form_searching_div_full{padding:60px 0;}
.homepage_section_info_tab_title{font-weight:bold;}
.homepage_section_info_tab_inner{padding:10px 0;}

.homepage_section_info_tab_inner_single{padding:15px 0;	border-radius: 5px; border-bottom:1px dashed #efefef;transition: 0s background-color; -webkit-transition-timing-function: ease;transition-timing-function: ease-in;}
.homepage_section_info_tab_inner_single:hover{background-color:#f8f8f8;transition:0.5s;}
.homepage_section_info_tab_inner_single_content_name{padding-bottom:10px; font-size:14px; font-weight:bold;}
.homepage_section_info_tab_inner_single_content_name a{color:#333;}
.homepage_section_info_tab_inner_single_content_name a:hover{color:@second_color;}
.homepage_section_info_tab_inner_single_content_intro{font-size:12px}
.homepage_section_info_tab_inner_single_content_intro a{color:#333; }
.homepage_section_info_tab_inner_single_content_intro a:hover{color:@second_color;}

.side-nav .sidenav-bg{position: relative;}

/*########################################################*/
/*  Nav Bar Start */
/*########################################################*/
.normal_size_box_nav_visiable_div .navbar-expand-lg .navbar-nav .nav-link{padding-left:2.85rem; padding-right:2.85rem; font-weight:bold;}
.dropdown .dropdown-menu.dropdown-primary .dropdown-item:hover, .dropdown .dropdown-menu.dropdown-primary .dropdown-item:active{background:@second_color;}
.normal_size_box .navbar-expand-lg .navbar-nav .nav-item:last-child > a{padding-right: 0;}


#computer_normal_nav .navbar-expand-lg .navbar-nav .nav-link{padding-left:2rem; padding-right:2rem;font-weight:bold;}
/*########################################################*/
/*  Nav Bar End */
/*########################################################*/

.flickity-prev-next-button{width:24px; height: 24px;}



/*########################################################*/
/*  MDB FIXED Start */
/*########################################################*/

.form-control:focus{border-color: rgba(186,186,186,.8);box-shadow:0 0 0 .2rem rgba(235,234,234,.55);}  

#accordion a{color:@main_color;}
#accordion a:hover{color:#666;}

.pagination.pg-blue .active .page-link{background-color:@second_color;}
.page-link{color:@second_color;}

.primary-text{color:@second_color;}

/*########################################################*/
/*  MDB FIXED End */
/*########################################################*/
.primary_bg_color{background:@second_color;}


.card-rotating .avatar img{border-radius:50%;}
.team-section .avatar img{border-radius:50%;  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.simple_media_content .media img {width: 130px;}

.md-form input[type="date"]:focus:not([readonly]), 
.md-form input[type="datetime-local"]:focus:not([readonly]), 
.md-form input[type="email"]:focus:not([readonly]), 
.md-form input[type="number"]:focus:not([readonly]), 
.md-form input[type="password"]:focus:not([readonly]), 
.md-form input[type="search-md"]:focus:not([readonly]), 
.md-form input[type="search"]:focus:not([readonly]), 
.md-form input[type="tel"]:focus:not([readonly]), 
.md-form input[type="text"]:focus:not([readonly]), 
.md-form input[type="time"]:focus:not([readonly]), 
.md-form input[type="url"]:focus:not([readonly]), 
.md-form textarea.md-textarea:focus:not([readonly]){border-color:1px solid #4285f4; box-shadow:0 1px 0 0 #4285f4; }



.visiable_item{display:block;}
.invisiable_item{display:none;}
.mobile_hidden{display:block;}
.normal_hidden{display:block;}

.dropdown .dropdown-menu.dropdown-primary .dropdown-item:hover, .dropdown .dropdown-menu.dropdown-primary .dropdown-item:active{background:@second_color !important;}
/*.normal_size_box .dropdown:hover>.dropdown-menu {display: block;}
.normal_size_box .dropdown>.dropdown-toggle:active {pointer-events: none;}*/


/*------------for handandhand.co.nz---------------------*/
.homepage_normal_section{padding-top:7rem; padding-bottom:7rem}
.section_homepage_abouts_content{padding-top:5rem; padding-bottom: 5rem;}

.row{margin-left:0; margin-right:0;}
.dw-text{color:@second_color !important; font-size: 2.5rem}
.navbar.navbar-dark .breadcrumb .nav-item .nav-link:hover, .navbar.navbar-dark .navbar-nav .nav-item .nav-link:hover{color:@light_second_color;}

.why_choose_us_single{padding-bottom: 3rem}
.why_choose_us_text_title{font-size: 1.4rem; color:@main_color; font-weight: bold;}
.why_choose_us_text_subtitle{color:@gray;}

.homepage_section_main_title{color:@main_color; font-weight:400; text-align:center; font-size: 3rem; text-transform: uppercase;}
.homepage_section_main_border{height:7px; background: @second_color; max-width: 200px; margin: 1.5rem auto 2.5rem auto}
.homepage_section_secondary_title{color:#666; max-width:1280px; margin:0 auto; text-align:center; font-size: 1.3rem;}

#order_history_search_form .btn-danger {
  background-color: @second_color !important; }
  #order_history_search_form .btn-danger:hover {
    background-color: @light_second_color !important; }
  #order_history_search_form .btn-danger:focus, #order_history_search_form .btn-danger:active, #order_history_search_form .btn-danger.active {
    background-color: @light_second_color !important; }
  #order_history_search_form .btn-danger.dropdown-toggle {
    background-color: @second_color !important; }
    #order_history_search_form .btn-danger.dropdown-toggle:hover, #order_history_search_form .btn-danger.dropdown-toggle:focus {
      background-color: @light_second_color !important; }

.btn-default {
  background-color: @main_color !important; }
  .btn-default:hover {
    background-color: #333 !important; }
  .btn-default:focus, #order_history_search_form .btn-default:active, .btn-default.active {
    background-color: #333 !important; }
   .btn-default.dropdown-toggle {
    background-color: @main_color !important; }
     .btn-default.dropdown-toggle:hover, .btn-default.dropdown-toggle:focus {
      background-color: #333 !important; }

      .btn-default:not([disabled]):not(.disabled).active, .btn-default:not([disabled]):not(.disabled):active{background: #444 !important;}

.btn-outline-default {
  border: 2px solid @main_color !important;
  color: @main_color !important;
  background-color: transparent; }
  .btn-outline-default:hover, .btn-outline-default:focus, .btn-outline-default:active, .btn-outline-default:active:focus, .btn-outline-default.active {
    background-color: transparent;
    color: @main_color !important;
    border-color: @main_color !important; }

.btn-primary {
  background-color: @second_color !important; }
  .btn-primary:hover {
    background-color: @light_second_color !important; }
  .btn-primary:focus, .btn-primary:active, .btn-primary.active {
    background-color: @light_second_color !important; }
  .btn-primary.dropdown-toggle {
    background-color: @second_color !important; }
    .btn-primary.dropdown-toggle:hover, .btn-primary.dropdown-toggle:focus {
      background-color: @light_second_color !important; }

.btn-outline-primary {
  border: 2px solid @second_color !important;
  color: @second_color !important;
  background-color: transparent; }
  .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary:active:focus, .btn-outline-primary.active {
    background-color: transparent;
    color: @second_color !important;
    border-color: @second_color !important; }

.switch.primary-switch label input[type=checkbox]:checked + .lever {
    background-color: @second_color;
}
.switch label input[type="checkbox"]:checked + .lever::after{background-color:@second_color;}

.single_team_member{}
.single_team_member_name a{font-weight:400;}
.single_team_member_name a:hover{font-weight:400;color:@dark_gray;}
.single_team_member_subname a{color:@dark_gray; font-weight:300;}
.single_team_member_subname a:hover{color:@second_color;}
.single_team_member_intro{color:#757575;}

.single_news{}
.single_news_name a{font-weight:500;color:@dark_gray;}
.single_news_name a:hover{color:@second_color;}
.single_news_subname a{color:@second_color; font-weight:400; font-size:0.9rem;}
.single_news_subname a:hover{color:@dark_gray;}
.single_news_intro{color:#999;}

.section_homepage_feedback{ background:url(/img/bg_review.jpg) center; background-size: cover; padding:5rem 0;}
.section_homepage_feedback_inner{background:rgba(255,255,255,.80); border-radius:10px; padding:8rem 5rem;}
.feedback_inner_title{color:@second_color; padding-bottom:3rem; font-weight:600; text-align:center}
.section_homepage_feedback_inner .avatar img{border:5px solid @white;box-shadow:0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);}
.feedback_subname{padding-top:0.2rem; font-size:1.5rem;}
.feedback_subname a{color:@dark_gray; font-weight:400;}
.feedback_subname a:hover{color:@second_color;}
.feedback_content_name{padding-top:2rem;font-size:2.5rem; font-weight:600; text-transform: uppercase;}
.feedback_content_name a{color:@second_color;}
.feedback_content_name a:hover{color:@dark_gray;}
.feedback_intro{padding-top:1.3rem;color:@dark_gray; max-width:750px; margin:0 auto; font-size: 1.2rem;}
.feedback_intro i{font-size:1.2rem; color:@second_color;}
.feedback_intro .fa-quote-left{color:@second_color; font-size: 1.2rem}
.feedback_intro .fa-quote-right{color:@second_color; font-size: 1.2rem}
.carousel-control-next, .carousel-control-prev{color:#8e8f91; font-size:2rem; width: 5%;}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover{color:#333;}

.enquiry_form_header{background:@second_color;}

.homepage_section_inner_bg_div h5{font-weight:400; font-size:1.4rem}
.footer_site_div{padding-top:2rem;}
.footer_site_div h5{padding-bottom:1.5rem;}
.footer_contact p{font-size:0.9rem;}
.homepage_section_inner_bg_div table td{font-weight:400;}
.hidden-md-up{display:none;}
.social-section i{font-size:2.5rem;}
.space_col{height:0.5rem;}

.language_change_div a{color:@white !important; }
.language_change_div a:hover{color:@main_color !important;}

.top_search_div a{color:@white !important;}
.top_search_div a:hover{color:@white !important;}

.normal_size_box .navbar-expand-lg .navbar-nav .nav-link{padding-left:1.47rem; padding-right:1.47rem;}
.why_choose_us_row{padding-top:4rem;}
.homepage_category_div{padding-top:3rem;}

#form_searching_info .input-group .form-control{padding-top:0; padding-bottom:5px;}

.nz_factory .left-right-funtion-portfolio-description{background: #ffe4d7 !important; }
.cn_factory .left-right-funtion-portfolio-description{background: #e0f6f8 !important; }

.video_slide .carousel .video-fluid{height:auto;}
.video_slide .carousel-caption{bottom:0; top:0; left:5%; right: 5%;}
.video_slide .carousel-control-next, .carousel-control-prev{width:5%;}

.section_footer_content{padding-top:5rem; padding-bottom: 5rem;}
.section_footer_abouts{font-size: 0.8rem;}
.section_footer_contacts_single{font-size:1rem; }

.footer_col_tilte{font-size: 2.4rem; color:@white; text-transform: uppercase;}
.footer_col_content{padding-top: 2rem; color:rgba(255,255,255,0.9); font-weight: 600}
.footer_col_content .btn{border:2px solid @white !important; font-size: 0.7rem !important; }
.footer_col_content .btn-sm{padding-left:0.5rem; padding-right: 0.5rem;}

.section_footer hr{border-top:1px solid rgba(255,255,255,0.2); margin-top: 4rem}


.section_products .card-title{font-size:1.2rem; font-weight: bold; text-transform: uppercase; }
.section_products .card-subtitle{font-size:1.1rem; font-weight: bold; text-transform: uppercase; }
.section_products .card-subtitle a{color: #222;}
.section_products .card-subtitle a:hover{color: @second_color;}

.side-nav .collapsible a{color: @main_color !important; font-weight: bold;}
.side-nav .collapsible a:hover{color: @second_color !important;}
.side-nav .collapsible > li a.collapsible-header:hover {
  background-color: rgba(0, 0, 0, 0.15);
}

.section_homepage_services{padding:6rem 1rem 4rem 1rem;}
.section_homepage_services_group{padding-top: 1rem}

.services {position: relative;padding: 2rem; margin-bottom: 3rem; background: @white; border-radius: 2%; border: 2px solid #e5e7ef; color:#3e434b !important; -webkit-transition: 0.3s; -o-transition: 0.3s;transition: 0.3s;}
.services:hover, .services:focus {background: @second_color; color: rgba(255, 255, 255, 0.1); border: 2px solid @second_color; }
.services .icon {text-align: center; margin: 0 auto; margin-bottom:1rem; width: 90px;height: 90px; display: table; -webkit-transition: 0.3s; -o-transition: 0.3s;transition: 0.3s; }
.services .icon i {display: table-cell; vertical-align: middle; height: 90px; font-size: 90px; line-height: 90px; color: @second_color; }
.services:hover .icon i, .services:focus .icon i {color: @white; }
.services .icon svg {display: table-cell; vertical-align: middle; height: 90px; font-size: 90px; line-height: 90px; color: @second_color; }
.services:hover .icon svg, .services:focus .icon svg {color: @white; }
.services a {color: @main_color; font-size:1.4rem; text-transform: uppercase;}
.services:hover a, .services:focus a {color: @white; }

.services_1:hover, .services:focus {background: #02a0e9; border-color: #02a0e9; }
.services_1 .icon i {color: #02a0e9;}
.services_1 .icon svg {color: #02a0e9;}

.services_2:hover, .services:focus {background: #7ac744; border-color: #7ac744; }
.services_2 .icon i {color: #7ac744;}
.services_2 .icon svg {color: #7ac744;}

.services_3:hover, .services:focus {background: #d93d3c; border-color: #d93d3c; }
.services_3 .icon i {color: #d93d3c;}
.services_3 .icon svg {color: #d93d3c;}

.services_4:hover, .services:focus {background: #eb6300; border-color: #eb6300; }
.services_4 .icon i {color: #eb6300;}
.services_4 .icon svg {color: #eb6300;}

.video_slide .carousel .video-fluid{height:auto;}
.video_slide .carousel-caption{bottom:0; top:0; left:0% !important; right: 0% !important; padding-top: 0; padding-bottom: 0;}
.video_slide .carousel-control-next, .carousel-control-prev{width:5%;}
.video_slide .carousel-indicators{bottom:8%;}


.dw_modal .nav-tabs{background:@second_color; padding:1rem;}
.dw_modal select.form-control:not([size]):not([multiple]){height:calc(2.6rem);}


.mobile_bottom_cp{background: #ffffff !important;box-shadow: 0 5px 11px 0 rgba(0,0,0,.28),0 4px 15px 0 rgba(0,0,0,.25) !important;}
.bottom_single_data{font-size: 0.8rem;  }
.bottom_single{border-right: 1px solid #f8f8f8; border-left: 1px solid #f8f8f8;padding-bottom:0.5rem;padding-top:0.5rem; color:@gray !important;}
.bottom_single .bottom_single_data{color:@gray !important;}
.bottom_single i{color:@second_color !important;}

/*--------------school css start---------------------*/

.dw_list_filter .card {margin-bottom: 1.2rem;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);}
.dw_list_filter .card .card-body {border-top: 1px solid #eee;} 
.dw_list_filter .card .card-header{padding:0.7rem 1rem;}
.dw_list_filter .card-header a{color:@second_color;}
.dw_list_filter .card-header a:hover{color:@gray;}
.dw_list_filter .card-body a{color:@dark_gray;}
.dw_list_filter .card-body a:hover{color:@second_color;}
.dw_list_filter .card-body .badge{font-size: 0.8rem}
.dw_list_filter .card-body .badge-primary{background:@second_color !important;}

.dw_lessons_list .card-body {color:@text_dark_gray;}
.dw_lessons_list .card-body .card-title{font-size: 1.6rem;}
.dw_lessons_list .card-btn-div .btn{width:90%; font-size: 0.9rem;}

.dw_single_lesson .card-body {color:@text_dark_gray;}
.dw_single_lesson .lesson-border{height: 3px; max-width: 120px; margin:0 auto;}
.dw_single_lesson .card-btn-div .btn{min-width: 300px;}
.dw_single_lesson .lesson-intro{max-width: 700px; margin:0 auto;color: @gray;}
.dw_single_lesson .single_data{font-size: 1.1rem}
.dw_single_lesson .lesson-price{font-size: 1.8rem;}

#pick_up_student_form .form-check-label{line-height: 22px;}

.single_student_detail{font-size: 1.2rem; padding-bottom: 0.6rem}
.single_student_detail span{color:@second_color; font-weight: bold;}
.single_student_div .lesson_pass_date{background: rgba(0, 188, 212, 0.1);}
.single_student_div .lesson_missed{background: rgba(233, 30, 99, 0.1);}


.course_conflict{background: rgba(233, 30, 99, 0.1);}

.card-personal .card-body span:hover, .card-personal .card-body span:active{color:@second_color;}
.mdb-feed .news .excerpt .brief a{color:@second_color;}
.mdb-feed .news .excerpt .brief a:hover{color:@gray;}
.teacher_comment{color:@second_color !important;}

.lesson_pass_date{background: rgba(0, 188, 212, 0.1);}
.lesson_missed{background: rgba(233, 30, 99, 0.1);}


.order_list_paid{background: rgba(0, 188, 212, 0.1);}
.order_list_unpaid{background: rgba(233, 30, 99, 0.1);}


.dropzone .dz-preview .dz-remove{padding-top: 1rem;}
#img_add_avatar{max-width: 250px}
/*--------------school css end---------------------*/




/*------------for handandhand.co.nz---------------------*/

.order_history_results .card-header{text-align: center;}
.order_history_results .unpaid_card .card-body{background:rgba(233, 30, 99, 0.1); }
.order_history_results .paid_card .card-body{background:rgba(76, 175, 80, 0.2); }
.order_history_results .processing_card .card-body{background:rgba(255, 235, 59, 0.2) ; }

.students_list .testimonial-card .card-up{background:rgba(220, 53, 69, .9);}

.waring_notice{color:rgba(220, 53, 70, 0.9);}

#slide-out{background:#ffffff; z-index: 99999}
.slide_out_logo{border-bottom: 2px solid @second_color;}
#slide-out-mobile-cp{background:#ffffff; z-index: 99999}
.mobile_size_box_nav{padding:0.5rem; box-shadow: 0 5px 11px 0 rgba(0,0,0,.28),0 4px 15px 0 rgba(0,0,0,.25) !important; background: #ffffff;}
.mobile_size_box_nav_menu{padding-top:5px;}
.mobile_size_box_nav_language{padding-top: 9px;}
.section_why_choose_us{background:url(/img/bg_section_why.png) right bottom no-repeat !important; background-size:cover !important;}
.section_footer{background:url(/img/bg_footer_20250304.png) center center no-repeat !important; background-size:cover !important;}
.mobile_size_box_nav_logo img{max-width: 200px}

.alert-primary{background: @second_color; color: @white; border:none;}
.border_radius_none{border-radius:0;}

.check_out_product_name{font-size: 1.2rem; color: @second_color; font-weight: bold;}
.check_out_product_name a{color: @second_color}
.check_out_product_name a:hover{color: @dark_gray}

.check_out_student_name{color: @dark_gray;}
.check_out_student_name a{color: @dark_gray}
.check_out_student_name a:hover{color: @second_color}

.minus_price{color:@second_color;}

.order_invoice_item_name{font-size:1.2rem; color: @second_color;}
.order_invoice_item_name a{color: @second_color;}
.order_invoice_item_name a:hover{color: @dark_gray;}


.div_payment_timer_title{font-size:1.7rem; font-weight: bold; color: @second_color;}
.div_payment_choose{max-width: 450px; margin: 0 auto;}

.payment_show_single{display:none; max-width: 450px; margin: 2rem auto;}

.money_out{background:rgba(233, 30, 99, 0.18);}
.money_in{background:rgba(200, 235, 159, 0.4); }



.section_subscribe_border{background: url(/img/subscribe_letter_border.jpg) repeat-x; height:13px;}
.section_subscribe_inner{background:#252b33; padding:110px 15px; } 
.section_subscribe_content{color:#bdc3c7;} 
.section_subscribe_content_title{color:@white; font-size:32px; text-transform:uppercase; padding-bottom:20px} 
.section_subscribe_content_subtitle{font-size:14px;} 
.section_subscribe_content_form{padding:20px;} 
.section_subscribe_content_notice{font-size:10px;} 
.section_subscribe_content_form{max-width:550px; margin:0 auto;} 

.section_homepage_abouts{padding:7rem 0.5rem 7rem 0.5rem; text-align:center;}
.section_homepage_abouts_inner{}
.section_homepage_abouts_title{font-size: 3rem; font-weight: 500; padding-top: 1.6rem; color:@main_color; line-height: 1.2; text-transform: uppercase;}
.section_homepage_abouts_sub_title{font-size: 2rem; font-weight: 500; padding-top: 1.6rem; color: @second_color; line-height: 1.2;}
.section_homepage_abouts_border{height: 4px; background: @second_color; width: 200px; float: right;}
.section_homepage_abouts_content{font-size: 1.1rem; font-weight: 500; padding-top: 0.6rem; color: @main_color;line-height: 1.2; padding-top: 1.6rem; }

.slide_out_logo img{max-width: 60%}

.top_cp{background:@second_color;color:@white;}
.top_social_media a{font-size: 1.1rem; color:@white; padding-right: 3px}
.top_social_media a:hover{color:@main_color;}
.top_cp_slogan{font-size: 1.1rem; color: @white; text-transform: uppercase;}
.top_cp_slogan a{color:@white;}
.top_cp_slogan a:hover{color:@main_color;}

.homepage_section_div_bg_h_1{background:url(/img/bg_h_1.png) center center no-repeat}
.homepage_section_div_bg_h_2{background:url(/img/bg_h_2.png) bottom center no-repeat}
.homepage_section_div_bg_h_3{background:url(/img/bg_h_3.png) bottom center no-repeat}


.blueimp-gallery > .prev,
.blueimp-gallery > .next {
  top: 0% !important;
  padding-top: 50vh;
  width: 10% !important;
  height: 100vh !important;
  font-size: 20px !important;
  line-height: 1 !important;
  color: #fff !important;
}

.blueimp-gallery > .next {
  left: auto !important;
  right: 0px !important;
}

.blueimp-gallery > .prev {
  left: 0px !important;
  right: auto !important;
}

.blueimp-gallery > .close {
  color: #fff !important;
}

.blueimp-gallery > .play-pause {
  color: #fff !important; 
  opacity: 1 !important;
}


.top_slideshow{padding-top:0;}

.h_3_box{position: relative; margin-top: -10rem; color:@white; margin-bottom:3rem;}
.h_box_1st{background:@second_color;}
.h_box_2nd{background:#2b3f7e;}
.h_box_3rd{background:@second_color;}
.h_3_box_border{width:20%; margin:0 auto; height: 3px; background: @white}

.h_box_1st img, .h_box_3rd img{position: relative; margin-top: -3.7rem;}
.h_box_1st, .h_box_3rd{padding-bottom: 2rem; border-radius: 1%}
.h_box_1st .h_3_box_title, .h_box_3rd .h_3_box_title{font-size:2rem; text-transform: uppercase;}
.h_box_1st .h_3_box_content, .h_box_3rd .h_3_box_content{font-size:1rem;}

.h_box_2nd img{position: relative; margin-top: -4.6rem;}
.h_box_2nd{margin-top: -4.6rem; padding-bottom: 3rem; margin-bottom: -4.6rem;border-radius: 1%;}
.h_box_2nd .h_3_box_title {font-size:2.5rem; text-transform: uppercase;}
.h_box_2nd .h_3_box_content{font-size:1rem;}

.navbar-brand img{max-width: 250px}


.hp_card .card-subtitle{font-size: 0.9rem; font-weight: bold; text-transform: uppercase;}
.hp_card .card-subtitle a{color:#888;}
.hp_card .card-subtitle a:hover{color:@second_color; font-weight: bold;}

.hp_card .card-title a{font-size: 1.2rem;text-transform: uppercase;}

.testimonial .avatar img{max-width: 200px}

/*----------------------------special setup-------------------------------------*/

@media (min-width: 1199px) and (max-width: 1721px){
  .top_top_nav{padding: 0 30px;}
}

@media (min-width: 992px) and (max-width: 1199px){

.top_top_nav{padding: 0 30px;}

.bg_menu{padding-top:1rem;}
.top_slide_show{padding:0rem 1rem;}
.fullsize_container{padding-left:10px;padding-right:10px;}
.homepage_section_div_title{font-size:30px;}

.not_homepage_content_div{padding-top:125px;padding-bottom:30px;}

.card-columns-5-4-2-1 {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
}

/*########################################################*/
/*  Nav Bar Start */
/*########################################################*/
.normal_size_box_nav_visiable_div .navbar-expand-lg .navbar-nav .nav-link{padding-left:2rem; padding-right:2rem}

#computer_normal_nav .navbar-expand-lg .navbar-nav .nav-link{padding-left:1.5rem; padding-right:1.5rem}
/*########################################################*/
/*  Nav Bar End */
/*########################################################*/

/*---------------------------Trung Function------------------------------------------*/
body:after {content: "l";}
/*---------------------------Trung Function------------------------------------------*/


.mobile_hidden{display:none;}
.normal_hidden{display:none;}
.visiable_item{display:block;}

.normal_size_box .navbar a{font-size:12px;}
.normal_size_box .navbar-expand-lg .navbar-nav .nav-link{padding-left:0.83rem; padding-right:0.83rem;}
.navbar-brand img{max-width:120px;}
.homepage_normal_section{padding-top:4rem; padding-bottom:4rem;}
.homepage_category_div{padding-top:2rem;}

.why_choose_us_single{padding-bottom: 2rem}
.dw-text{font-size: 2.5rem}
.why_choose_us_text_title{font-size: 1rem;}
.why_choose_us_text_subtitle{font-size: 0.7rem;}

.section_why_choose_us_img{margin-top: 4rem;}
.navbar-brand img{max-width: 180px}

.homepage_section_main_title{font-size: 2rem;}
.homepage_section_secondary_title{font-size: 1rem; margin-bottom: 1rem !important;}

.section_homepage_abouts{padding:5rem 0.5rem 3rem 0.5rem; text-align:right;}
.section_homepage_abouts_inner{width:80%;}
.section_homepage_abouts_title {font-size: 3rem; padding-top: 1.5rem; }
.section_homepage_abouts_sub_title {font-size: 2.2rem; padding-top: 1.5rem; }
.section_homepage_abouts_border{width: 200px;}
.section_homepage_abouts_content{font-size: 1rem; font-weight: normal; padding-top: 1.5rem;}
.section_homepage_abouts_btn{text-align: right;}

.h_box_1st img, .h_box_3rd img{margin-top:-5.7rem;}
.h_box_1st, .h_box_3rd{padding-bottom: 2rem; padding-top: 2rem; border-radius: 0%}
.h_box_1st .h_3_box_title, .h_box_3rd .h_3_box_title{font-size:1.4rem;}

.h_box_2nd img{margin-top: -6.7rem;}
.h_box_2nd{margin-top: -2rem; padding-top: 2rem; padding-bottom: 2rem; margin-bottom:-2rem;border-radius: 0%;}
.h_box_2nd .h_3_box_title {font-size:1.4rem;}
.top_slideshow{padding-bottom: 100px}

}

@media (min-width: 768px) and (max-width: 991px){
.normal_size_box{display:none;}
#mobile_size_box{display:block;}
.mobile_bottom_cp{display:block;}
.bg_menu{display:none;}
.normal_size_box_inner{display:none;}
.normal_size_box_nav_visiable_div{padding-top:0rem;}
.homepage_section_div_title{font-size:24px;}
.not_homepage_content_div{padding-top:40px;padding-bottom:30px;}

.card-columns-5-4-2-1 {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
}

.side-nav .collapsible a{font-size:1rem;}

/*---------------------------Trung Function------------------------------------------*/
body:after {content: "m";}
/*---------------------------Trung Function------------------------------------------*/

.mobile_hidden{display:none;}
.normal_hidden{display:none;}
#computer_normal_nav{display:none;}

.hidden-md-up{display:block;}

.homepage_normal_section{padding-top:4rem; padding-bottom:4rem}
.why_choose_us_row{padding-top:1rem;}

.homepage_category_div{padding-top:2rem;}

.single_team_member h3{font-size:1.4rem !important;}
.single_team_member .btn{padding:1rem !important;}
.video_slide{padding-top: 70px}

.language_change_div a{color: @second_color !important; }
.language_change_div a:hover{color: @main_color !important; }

.homepage_section_main_title{font-size: 2rem;}
.homepage_section_secondary_title{font-size: 1rem; margin-bottom: 1rem !important;}

.top_slideshow{padding-top: 40px}

.bottom_single{padding-bottom:0.8rem;padding-top:0.8rem;}


/*--------------school css start---------------------*/
.dw_single_lesson .single_data .single_data_top{padding-bottom: 0.5rem;}
/*--------------school css end---------------------*/

.section_homepage_abouts{padding:4rem 0.5rem;}
.section_homepage_abouts_left{text-align: right; font-size: 2.43rem; line-height: 1.3;}
.section_homepage_abouts_right{font-size: 1rem; font-weight: 500; padding-top: 0.6rem; line-height: 1.2; }

.section_homepage_feedback_inner{padding:5rem 1rem;}

.section_homepage_abouts{padding:5rem 0.5rem 3rem 0.5rem; text-align:center;}
.section_homepage_abouts_inner{width:100%;}
.section_homepage_abouts_title {font-size: 3rem; padding-top: 1.5rem; }
.section_homepage_abouts_sub_title {font-size: 2.2rem; padding-top: 1.5rem; }
.section_homepage_abouts_border{width: 200px; float:none; margin:0 auto;}
.section_homepage_abouts_content{font-size: 1rem; font-weight: normal; padding-top: 1.5rem; }
.section_homepage_abouts_btn{text-align: center;}

.section_footer_content{padding-top:2rem; padding-bottom: 2rem;}
.section_footer_logo img{max-width: 60%;}

.mobile_bottom_space{height: 57px}

.h_3_box{margin-top: 0rem;}
.h_3_box_border{width:40%;}

.h_box_1st img, .h_box_3rd img{margin-top:-5.7rem;}
.h_box_1st, .h_box_3rd{padding-bottom: 2rem; padding-top: 2rem; border-radius: 1%}
.h_box_1st .h_3_box_title, .h_box_3rd .h_3_box_title{font-size:1.4rem;}

.h_box_2nd img{margin-top: -6.7rem;}
.h_box_2nd{margin-top: -2rem; padding-top: 2rem; padding-bottom: 2rem; margin-bottom:-2rem;border-radius: 1%;}
.h_box_2nd .h_3_box_title {font-size:1.4rem;}


}



@media (min-width: 577px) and (max-width: 767px) {
h1{font-size:2rem;}	
	
.homepage_section_div_title{font-size:24px;}
.homepage_section_div{padding:3rem 1rem;}	
.second_line{padding-left:0;margin-top:10px;display:block;}	
.mobile_top_blank_div{height:70px;}
.media-object{max-width:100px;}

.normal_size_box{display:none;}
#mobile_size_box{display:block;}
.mobile_bottom_cp{display: block;}
.bg_menu{display:none;}
.mobile_hidden{display:block;}
.normal_hidden{display:none;}
.top_normal_div{display:none;}
.bg_video{ display:none;}
#computer_normal_nav{display:none;}
.not_homepage_content_div{padding-top:40px;padding-bottom:30px;}

.card-columns-5-4-2-1 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}


/*---------------------------Trung Function------------------------------------------*/
body:after {content: "s";}
.d-flex-vertical-center {-webkit-box-flex: 0;-webkit-flex: 0 0 400px;-ms-flex: 0 0 400px;flex: 0 0 400px}
/*---------------------------Trung Function------------------------------------------*/

.simple_media_content .media img {width: 160px;}
.simple_media_content .media{text-align:center;}

.sub_left_div .float-left{ text-align:center}
.sub_left_div .float-right{ text-align:center !important;}

.side-nav .collapsible a{font-size:1rem;}
.hidden-md-up{display:block;}

.language_change_div a{color:@second_color !important;}
.language_change_div a:hover{color:@second_color !important;}

.top_search_div a{color:@second_color !important;}
.top_search_div a:hover{color:@second_color !important;}

.homepage_normal_section{padding-top:2rem; padding-bottom:2rem}
.why_choose_us_row{padding-top:0rem;}
.homepage_category_div{padding-top:0;}

.homepage_section_info_tab_inner_single .media_img{display:none !important;}
.homepage_section_info_tab_inner_single .media{padding-left:0 !important; padding-right:0 !important;}
.homepage_section_info_tab_inner_single .media-body{padding-left:0 !important;}

/* .video_slide{display: none;} */

.homepage_section_main_title{font-size: 2rem;}
.homepage_section_secondary_title{font-size: 1rem;}

.why_choose_us_text_title{font-size: 1.2rem;}
.section_why_choose_us_content{margin-top: 0rem !important;}

.top_slideshow{padding-top: 40px}
.calendar_search_single{margin-bottom: 1rem}

.check_out_delete_all_btn{margin-bottom: 3rem;}

.flickity-prev-next-button{width:40px; height: 40px;}
.carousel-control-next, .carousel-control-prev{width:15% !important;}
.feedback_intro{font-size:1rem !important;}
.feedback_content_name{font-size: 1.8rem !important;}
.section_homepage_feedback_inner{padding:4rem 1rem;}
.section_homepage_feedback_inner .avatar .img-fluid{max-width: 80% !important;}

/*--------------school css start---------------------*/
.dw_single_lesson .card-btn-div .btn{min-width: 80%;}
.dw_single_lesson .avatar {margin-bottom: 2rem;}
.dw_single_lesson .single_data .single_data_top{padding-bottom: 0.5rem;}
/*--------------school css end---------------------*/

.section_homepage_abouts{padding:3rem 0.5rem 3rem 0.5rem; text-align:center;}
.section_homepage_abouts_inner{width:100%;}
.section_homepage_abouts_title {font-size: 2.2rem; padding-top: 1rem; }
.section_homepage_abouts_sub_title {font-size: 1.8rem; padding-top: 1rem; }
.section_homepage_abouts_border{width: 200px; float:none; margin:0 auto;}
.section_homepage_abouts_content{font-size: 1rem; font-weight: normal; padding-top: 1rem; }
.section_homepage_abouts_btn{text-align: center;}

.section_footer_content{padding-top:1rem; padding-bottom: 1rem;}
.section_footer_logo img{max-width: 70%;}
.section_footer_abouts{padding-top:1rem;}

.mobile_bottom_space{height: 47px}


.footer_col_content{padding-bottom: 2rem}

.h_3_box{margin-top: 0rem;}
.h_3_box_border{width:40%;}

.h_box_1st img, .h_box_3rd img{margin-top:0rem;}
.h_box_1st, .h_box_3rd{padding-bottom: 2rem; padding-top: 2rem; border-radius: 0%}
.h_box_1st .h_3_box_title, .h_box_3rd .h_3_box_title{font-size:1.4rem;}

.h_box_2nd img{margin-top: 0rem;}
.h_box_2nd{margin-top: 0rem; padding-top: 2rem; padding-bottom: 2rem; margin-bottom:0rem;border-radius: 0%;}
.h_box_2nd .h_3_box_title {font-size:1.4rem;}

}



@media (max-width: 576px) {
h1{font-size:2rem;}	
	
.homepage_section_div_title{font-size:24px;}
.homepage_section_div{padding:3rem 1rem;}	
.second_line{padding-left:0;margin-top:10px;display:block;}	
.not_homepage_content_div{padding-top:40px;padding-bottom:30px;}
.mobile_top_blank_div{height:70px;}
.media-object{max-width:100px;}
	
.normal_size_box{display:none;}
#mobile_size_box{display:block;}
.mobile_bottom_cp{display: block;}
.bg_menu{display:none;}
.mobile_hidden{display:block;}
.normal_hidden{display:none;}
.top_normal_div{display:none;}
.bg_video{ display:none;}
#computer_normal_nav{display:none;}

.card-columns-5-4-2-1 {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}

/*---------------------------Trung Function------------------------------------------*/
body:after {content: "s";}
.d-flex-vertical-center {-webkit-box-flex: 0;-webkit-flex: 0 0 400px;-ms-flex: 0 0 400px;flex: 0 0 400px}
/*---------------------------Trung Function------------------------------------------*/

/*---------------------------member Function------------------------------------------*/
.member_project_list_panel .btn{margin-bottom:10px; width:100%;}
.member_project_list_panel .btn:last-child{margin-bottom:0px;}
.member_project_detail_panel .btn{margin-bottom:10px; width:100%;}
.member_project_detail_panel .btn:last-child{margin-bottom:0px;}
/*---------------------------member Function------------------------------------------*/

.simple_media_content .media img {width: 160px; align-items:center; text-align: center;}
.simple_media_content .media{text-align:center;}

.sub_left_div .float-left{ text-align:center}
.sub_left_div .float-right{ text-align:center !important;}

.side-nav .collapsible a{font-size:1rem;}

.hidden-md-up{display:block;}

.language_change_div a{color:@second_color !important;}
.language_change_div a:hover{color:@second_color !important;}

.top_search_div a{color:@second_color !important;}
.top_search_div a:hover{color:@second_color !important;}

.homepage_normal_section{padding-top:2rem; padding-bottom:2rem}
.why_choose_us_row{padding-top:0rem;}
.homepage_category_div{padding-top:0;}

.section_homepage_feedback_inner{padding:4rem 1rem;}

.homepage_section_info_tab_inner_single .media_img{display:none !important;}
.homepage_section_info_tab_inner_single .media{padding-left:0 !important; padding-right:0 !important;}
.homepage_section_info_tab_inner_single .media-body{padding-left:0 !important;}

/* .video_slide{display: none;} */
.section_footer_logo img{max-width:80%}

.why_choose_us_single{padding-bottom: 2rem}
.dw-text{font-size: 2rem}
.why_choose_us_text_title{font-size: 1.2rem;}
.section_why_choose_us_content{margin-top: 1rem !important;}

.homepage_section_main_title{font-size: 1.7rem;}
.homepage_section_secondary_title{font-size: 1rem}

.top_slideshow{padding-top: 40px}

.calendar_search_single{margin-bottom: 1rem}

.check_out_delete_all_btn{margin-bottom: 4rem;}

.flickity-prev-next-button{width:40px; height: 40px;}
.carousel-control-next, .carousel-control-prev{width:15% !important;}
.feedback_intro{font-size:1rem !important;}
.feedback_content_name{font-size: 1.8rem !important;}
.section_homepage_feedback_inner .avatar .img-fluid{max-width: 80% !important;}

/*--------------school css start---------------------*/
.dw_single_lesson .card-btn-div .btn{min-width: 80%;}
.dw_single_lesson .avatar {margin-bottom: 2rem;}
.dw_single_lesson .single_data{text-align:left; line-height: 1.8; }
/*--------------school css end---------------------*/

.section_homepage_abouts{padding:3rem 0.5rem 3rem 0.5rem; text-align:center;}
.section_homepage_abouts_inner{width:100%;}
.section_homepage_abouts_title {font-size: 1.8rem; padding-top: 1rem; }
.section_homepage_abouts_sub_title {font-size: 1.2rem; padding-top: 1rem; }
.section_homepage_abouts_border{width: 160px; float:none; margin:0 auto;}
.section_homepage_abouts_content{font-size: 1rem; font-weight: normal; padding-top: 1rem; padding-bottom: 0rem; }
.section_homepage_abouts_btn{text-align: center;}

.section_footer_content{padding-top:1rem; padding-bottom: 1rem;}
.section_footer_abouts{padding-top:2rem;}

.mobile_bottom_space{height: 47px}

.footer_col_content{padding-bottom: 2rem}

.section_footer hr{margin-top: 2rem;}



.h_3_box{margin-top: 0rem;}
.h_3_box_border{width:40%;}

.h_box_1st img, .h_box_3rd img{margin-top:0rem;}
.h_box_1st, .h_box_3rd{padding-bottom: 2rem; padding-top: 2rem; border-radius: 0%}
.h_box_1st .h_3_box_title, .h_box_3rd .h_3_box_title{font-size:1.4rem;}

.h_box_2nd img{margin-top: 0rem;}
.h_box_2nd{margin-top: 0rem; padding-top: 2rem; padding-bottom: 2rem; margin-bottom:0rem;border-radius: 0%;}
.h_box_2nd .h_3_box_title {font-size:1.4rem;}

}







.audioplayer
{
	height: 2.5em; /* 40 */
	color: #fff;
	text-shadow: 1px 1px 0 #000;
	border: 1px solid #222;
	position: relative;
	z-index: 1;
	background: #333;
	background: -webkit-gradient( linear, left top, left bottom, from( #444 ), to( #222 ) );
	background: -webkit-linear-gradient( top, #444, #222 );
	background: -moz-linear-gradient( top, #444, #222 );
	background: -ms-radial-gradient( top, #444, #222 );
	background: -o-linear-gradient( top, #444, #222 );
	background: linear-gradient( top, #444, #222 );
	-webkit-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 1.25em rgba( 0, 0, 0, .5 ); /* 20 */
	-moz-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 1.25em rgba( 0, 0, 0, .5 ); /* 20 */
	box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 1.25em rgba( 0, 0, 0, .5 ); /* 20 */
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
	.audioplayer-mini
	{
		width: 2.5em; /* 40 */
		margin: 0 auto;
	}
	.audioplayer > div
	{
		position: absolute;
	}
	.audioplayer-playpause
	{
		width: 2.5em; /* 40 */
		height: 100%;
		text-align: left;
		text-indent: -9999px;
		cursor: pointer;
		z-index: 2;
		top: 0;
		left: 0;
	}
		.audioplayer:not(.audioplayer-mini) .audioplayer-playpause
		{
			border-right: 1px solid #555;
			border-right-color: rgba( 255, 255, 255, .1 );
		}
		.audioplayer-mini .audioplayer-playpause
		{
			width: 100%;
		}
		.audioplayer-playpause:hover,
		.audioplayer-playpause:focus
		{
			background-color: #222;
		}
		.audioplayer-playpause a
		{
			display: block;
		}
		.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a
		{
			width: 0;
			height: 0;
			border: 0.5em solid transparent; /* 8 */
			border-right: none;
			border-left-color: #fff;
			content: '';
			position: absolute;
			top: 50%;
			left: 50%;
			margin: -0.5em 0 0 -0.25em; /* 8 4 */
		}
		.audioplayer-playing .audioplayer-playpause a
		{
			width: 0.75em; /* 12 */
			height: 0.75em; /* 12 */
			position: absolute;
			top: 50%;
			left: 50%;
			margin: -0.375em 0 0 -0.375em; /* 6 */
		}
			.audioplayer-playing .audioplayer-playpause a:before,
			.audioplayer-playing .audioplayer-playpause a:after
			{
				width: 40%;
				height: 100%;
				background-color: #fff;
				content: '';
				position: absolute;
				top: 0;
			}
			.audioplayer-playing .audioplayer-playpause a:before
			{
				left: 0;
			}
			.audioplayer-playing .audioplayer-playpause a:after
			{
				right: 0;
			}
	.audioplayer-time
	{
		width: 4.375em; /* 70 */
		height: 100%;
		line-height: 2.375em; /* 38 */
		text-align: center;
		z-index: 2;
		top: 0;
	}
		.audioplayer-time-current
		{
			border-left: 1px solid #111;
			border-left-color: rgba( 0, 0, 0, .25 );
			left: 2.5em; /* 40 */
		}
		.audioplayer-time-duration
		{
			border-right: 1px solid #555;
			border-right-color: rgba( 255, 255, 255, .1 );
			right: 2.5em; /* 40 */
		}
			.audioplayer-novolume .audioplayer-time-duration
			{
				border-right: 0;
				right: 0;
			}
	.audioplayer-bar
	{
		height: 0.875em; /* 14 */
		background-color: #222;
		cursor: pointer;
		z-index: 1;
		top: 50%;
		right: 6.875em; /* 110 */
		left: 6.875em; /* 110 */
		margin-top: -0.438em; /* 7 */
	}
		.audioplayer-novolume .audioplayer-bar
		{
			right: 4.375em; /* 70 */
		}
		.audioplayer-bar div
		{
			width: 0;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
		}
		.audioplayer-bar-loaded
		{
			background-color: #333;
			z-index: 1;
		}
		.audioplayer-bar-played
		{
			background: #007fd1;
			background: -webkit-gradient( linear, left top, right top, from( #007fd1 ), to( #c600ff ) );
			background: -webkit-linear-gradient( left, #007fd1, #c600ff );
			background: -moz-linear-gradient( left, #007fd1, #c600ff );
			background: -ms-radial-gradient( left, #007fd1, #c600ff );
			background: -o-linear-gradient( left, #007fd1, #c600ff );
			background: linear-gradient( left, #007fd1, #c600ff );
			z-index: 2;
		}
	.audioplayer-volume
	{
		width: 2.5em; /* 40 */
		height: 100%;
		border-left: 1px solid #111;
		border-left-color: rgba( 0, 0, 0, .25 );
		text-align: left;
		text-indent: -9999px;
		cursor: pointer;
		z-index: 2;
		top: 0;
		right: 0;
	}
		.audioplayer-volume:hover,
		.audioplayer-volume:focus
		{
			background-color: #222;
		}
		.audioplayer-volume-button
		{
			width: 100%;
			height: 100%;
		}
			.audioplayer-volume-button a
			{
				width: 0.313em; /* 5 */
				height: 0.375em; /* 6 */
				background-color: #fff;
				display: block;
				position: relative;
				z-index: 1;
				top: 40%;
				left: 35%;
			}
				.audioplayer-volume-button a:before,
				.audioplayer-volume-button a:after
				{
					content: '';
					position: absolute;
				}
				.audioplayer-volume-button a:before
				{
					width: 0;
					height: 0;
					border: 0.5em solid transparent; /* 8 */
					border-left: none;
					border-right-color: #fff;
					z-index: 2;
					top: 50%;
					right: -0.25em;
					margin-top: -0.5em; /* 8 */
				}
				.audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after
				{
					/* "volume" icon by Nicolas Gallagher, http://nicolasgallagher.com/pure-css-gui-icons */
					width: 0.313em; /* 5 */
					height: 0.313em; /* 5 */
					border: 0.25em double #fff; /* 4 */
					border-width: 0.25em 0.25em 0 0; /* 4 */
					left: 0.563em; /* 9 */
					top: -0.063em; /* 1 */
					-webkit-border-radius: 0 0.938em 0 0; /* 15 */
					-moz-border-radius: 0 0.938em 0 0; /* 15 */
					border-radius: 0 0.938em 0 0; /* 15 */
					-webkit-transform: rotate( 45deg );
					-moz-transform: rotate( 45deg );
					-ms-transform: rotate( 45deg );
					-o-transform: rotate( 45deg );
					transform: rotate( 45deg );
				}
		.audioplayer-volume-adjust
		{
			height: 6.25em; /* 100 */
			cursor: default;
			position: absolute;
			left: 0;
			right: -1px;
			top: -9999px;
			background: #222;
			background: -webkit-gradient( linear, left top, left bottom, from( #444 ), to( #222 ) );
			background: -webkit-linear-gradient( top, #444, #222 );
			background: -moz-linear-gradient( top, #444, #222 );
			background: -ms-radial-gradient( top, #444, #222 );
			background: -o-linear-gradient( top, #444, #222 );
			background: linear-gradient( top, #444, #222 );
			-webkit-border-top-left-radius: 2px;
			-webkit-border-top-right-radius: 2px;
			-moz-border-radius-topleft: 2px;
			-moz-border-radius-topright: 2px;
			border-top-left-radius: 2px;
			border-top-right-radius: 2px;
		}
			.audioplayer-volume:not(:hover) .audioplayer-volume-adjust
			{
				opacity: 0;
			}
			.audioplayer-volume:hover .audioplayer-volume-adjust
			{
				top: auto;
				bottom: 100%;
			}
			.audioplayer-volume-adjust > div
			{
				width: 40%;
				height: 80%;
				background-color: #222;
				cursor: pointer;
				position: relative;
				z-index: 1;
				margin: 30% auto 0;
			}
				.audioplayer-volume-adjust div div
				{
					width: 100%;
					height: 100%;
					position: absolute;
					bottom: 0;
					left: 0;
					background: #007fd1;
					background: -webkit-gradient( linear, left bottom, left top, from( #007fd1 ), to( #c600ff ) );
					background: -webkit-linear-gradient( bottom, #007fd1, #c600ff );
					background: -moz-linear-gradient( bottom, #007fd1, #c600ff );
					background: -ms-radial-gradient( bottom, #007fd1, #c600ff );
					background: -o-linear-gradient( bottom, #007fd1, #c600ff );
					background: linear-gradient( bottom, #007fd1, #c600ff );
				}
		.audioplayer-novolume .audioplayer-volume
		{
			display: none;
		}

	.audioplayer-play,
	.audioplayer-pause,
	.audioplayer-volume a
	{
		-webkit-filter: drop-shadow( 1px 1px 0 #000 );
		-moz-filter: drop-shadow( 1px 1px 0 #000 );
		-ms-filter: drop-shadow( 1px 1px 0 #000 );
		-o-filter: drop-shadow( 1px 1px 0 #000 );
		filter: drop-shadow( 1px 1px 0 #000 );
	}
	.audioplayer-bar,
	.audioplayer-bar div,
	.audioplayer-volume-adjust div
	{
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.audioplayer-bar,
	.audioplayer-volume-adjust > div
	{
		-webkit-box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 );
		-moz-box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 );
		box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 );
	}
	.audioplayer-volume-adjust div div,
	.audioplayer-bar-played
	{
		-webkit-box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 );
		-moz-box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 );
		box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 );
	}
	.audioplayer-volume-adjust
	{
		-webkit-box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );
		-moz-box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );
		box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );
	}
	.audioplayer *,
	.audioplayer *:before,
	.audioplayer *:after
	{
		-webkit-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
		-moz-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
		-ms-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
		-o-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
		transition: color .25s ease, background-color .25s ease, opacity .5s ease;
	}





#left-right-funtion-portfolio {
  float: left;
  width: 100%;
}

.left-right-funtion-title{text-transform:uppercase;}
.left-right-funtion-title h1{font-weight:400;}
.left-right-funtion-title a{color:@second_color;}
.left-right-funtion-title a:hover{color:@dark_gray;}
.left-right-funtion-subname{color:dark_gray; max-width:350px; margin:0 auto;}
.left-right-funtion-border{height:3px; background:@second_color; max-width:120px; margin:20px auto;}
.left-right-funtion-introduction{font-size:14px; color: @dark_gray;}
.left-right-funtion-buttons{margin-top:20px;}
.left-right-funtion-buttons .btn-lg{padding:0.6rem 3rem;}

@media screen and (max-width: 768px) {
  #left-right-funtion-portfolio {
    margin-bottom: 0em;
  }
}
@media screen and (max-width: 1200px) {
  #left-right-funtion-portfolio {
    padding-left: 0em;
    padding-right: 0em;
  }
}
#left-right-funtion-portfolio .left-right-funtion-portfolio-item {
  float: left;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  #left-right-funtion-portfolio .left-right-funtion-portfolio-item {
    display: block;
  }
}
#left-right-funtion-portfolio .left-right-funtion-portfolio-item .left-right-funtion-portfolio-description,
#left-right-funtion-portfolio .left-right-funtion-portfolio-item .left-right-funtion-portfolio-figure {
  width: 50%;
}
@media screen and (max-width: 768px) {
  #left-right-funtion-portfolio .left-right-funtion-portfolio-item .left-right-funtion-portfolio-description,
  #left-right-funtion-portfolio .left-right-funtion-portfolio-item .left-right-funtion-portfolio-figure {
    display: block;
    width: 100%;
  }
}
#left-right-funtion-portfolio .left-right-funtion-portfolio-item .left-right-funtion-portfolio-figure {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  #left-right-funtion-portfolio .left-right-funtion-portfolio-item .left-right-funtion-portfolio-figure {
    height: 400px;
  }
}
#left-right-funtion-portfolio .left-right-funtion-portfolio-item .left-right-funtion-portfolio-description {
  background: #faf9f9;
  padding: 10rem;
}
@media screen and (max-width: 1200px) {
  #left-right-funtion-portfolio .left-right-funtion-portfolio-item .left-right-funtion-portfolio-description {
    padding: 6em;
  }
}
@media screen and (max-width: 768px) {
  #left-right-funtion-portfolio .left-right-funtion-portfolio-item .left-right-funtion-portfolio-description {
    padding: 3em;
  }
}

#left-right-funtion-portfolio .left-right-funtion-portfolio-item.left-right-funtion-img-right .left-right-funtion-portfolio-figure {
  position: absolute;
  right: 0px;
  top: 0;
  bottom: 0;
}
@media screen and (max-width: 768px) {
  #left-right-funtion-portfolio .left-right-funtion-portfolio-item.left-right-funtion-img-right .left-right-funtion-portfolio-figure {
    position: relative;
    top: auto;
    bototm: auto;
    height: 400px;
  }
}















/*---------------------------------dropdown4 hover effect start---------------------------------*/

@media only screen and (max-width: 991px) {
    .btco-hover-menu .show > .dropdown-toggle::after{
        transform: rotate(-90deg);
    }
}
@media only screen and (min-width: 991px) {

    .btco-hover-menu .collapse ul li{position:relative;}
    .btco-hover-menu .collapse ul li:hover> ul{display:block}
    .btco-hover-menu .collapse ul ul{position:absolute;top:100%;left:0;display:none}
    /*******/
    .btco-hover-menu .collapse ul ul li{position:relative}
    .btco-hover-menu .collapse ul ul li:hover> ul{display:block}
    .btco-hover-menu .collapse ul ul ul{position:absolute;top:0;left:100%;display:none}
    /*******/
    .btco-hover-menu .collapse ul ul ul li{position:relative}
    .btco-hover-menu .collapse ul ul ul li:hover ul{display:block}
    .btco-hover-menu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;display:none;z-index:1}

}
/*---------------------------------dropdown4 hover effect end---------------------------------*/