/*---------------------------color setup--------------------------------------*/
@main_color:#666667;
@light_main_color:#939496;
@second_color:#1e1855;
@light_second_color:#181346;
@third_color:#333;


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

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


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

.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:Arial, "Microsoft YaHei", "YouYuan",  Helvetica, NSimSun, Hiragino Sans GB, Arial, sans-serif; line-height:1.2}
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;}

.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;}

#mobile_size_box{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 .navbar a{font-size:14px; font-weight:600; text-transform: uppercase;}

.div_top_cp{background:#141414; color:@white; font-size: 10px;}

#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:@white; color:@main_color; z-index:2000; font-size:0.8rem;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:@dark_gray; font-size:0.8rem}
.top_cp_div a:hover{color:@second_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:7rem 1rem 7rem 1rem; 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-4-4-2-1 {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
}

.321{box-shadow:none !important; border-radius:none;}
#scrollUp {bottom: 20px;right: 20px;height: 38px;  /* Height of image */width: 38px; /* Width of image */background: url("/img/top.png") no-repeat;}




/*########################################################*/
/*  grid function css start  */
/*########################################################*/

/*.grid{max-width:1920px; margin-top:30px;}*/

.grid {background:none;}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid-item {
  float: left;
  width: 33.33%;
  height: auto;
  background: none;
  margin-bottom:40px;
  margin-left:0;
  margin-right:0;
  border:none;
}

.grid-item:hover {
 opacity:0.7;
}

.grid-item-inner {
  width: 100%;
  background: none;
  margin-left:auto;
  margin-right:auto;
  padding:0 20px;
}

.grid-item-inner img {
  width: 100%;
}

.is-checked{background:#F8B53B;}

.grid_function_image img{-webkit-border-radius: 3px;border-radius: 3px;}
.grid_function_content_title{margin-top:5px;}
.grid_function_content_subname{margin-top:5px;}
.grid_function_content_intro{margin-top:5px;}
/*########################################################*/
/*  grid function css end  */
/*########################################################*/



/*########################################################*/
/*  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 a{color:@second_color; text-decoration:none; font-size:16px; font-weight:bold;}
.sublevel_default_homepage a:hover{color:@dark_gray;}
/*------------------top--------------------------*/
.sublevel_default_homepage .sublevel_top_title{padding-top: 1rem}
.sublevel_default_homepage .sublevel_top_subname{padding-top:1rem; font-size:12px}
.sublevel_default_homepage .sublevel_top_content{padding-top:1rem; color:@dark_gray;}
.sublevel_default_homepage .sublevel_top_full_div{padding-bottom:15px;}
/*------------------left--------------------------*/
.sublevel_default_homepage .media-object{max-width:64px;}
.sublevel_default .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:@second_color; padding-bottom:10px;}
.sublevel_default a{color:@second_color;}
.sublevel_default a:hover{color:@third_color;}

/*------------------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;}
/*------------------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;}
#section_homepage_project .grid_function_content_intro{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{max-width:104px; padding-bottom:0.5rem; margin:0 auto;}
.footer_social_media_group_single{ float:left; padding-right:13px}
.footer_social_media_group_single a:hover{ opacity: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_copyright{color:@white; text-transform:uppercase; font-size:0.8rem; background: #333;}
.section_footer_copyright a{color:@gray;}
.section_footer_copyright a:hover{color:@white;}

.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:109px; padding-bottom:30px;}
.menu_track{padding-top:30px;}

.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;}

#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 */
/*########################################################*/

input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search-md]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
textarea.md-textarea:focus:not([readonly]) {
border-bottom: 1px solid #999;
-webkit-box-shadow: 0 1px 0 0 #999;
box-shadow: 0 1px 0 0 #999; }
input[type=text]:focus:not([readonly]) + label,
input[type=password]:focus:not([readonly]) + label,
input[type=email]:focus:not([readonly]) + label,
input[type=url]:focus:not([readonly]) + label,
input[type=time]:focus:not([readonly]) + label,
input[type=date]:focus:not([readonly]) + label,
input[type=datetime-local]:focus:not([readonly]) + label,
input[type=tel]:focus:not([readonly]) + label,
input[type=number]:focus:not([readonly]) + label,
input[type=search-md]:focus:not([readonly]) + label,
input[type=search]:focus:not([readonly]) + label,
textarea.md-textarea:focus:not([readonly]) + label {
  color: #999; }
  
#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;}

/*########################################################*/
/*  MDB FIXED End */
/*########################################################*/



.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;}


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



/*------------for birdview---------------------*/
.homepage_normal_section{padding-top:6rem; padding-bottom:6rem}


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

.homepage_section_main_title{color:@second_color; font-weight:bold; text-align:center;}
.homepage_section_main_title h1{font-weight:400;}
.homepage_section_secondary_title{color:@gray; max-width:700px; margin:0 auto; text-align:center; font-weight: bold; font-size: 1.1rem}

.btn{box-shadow:none;}
.btn:hover{box-shadow:none;}

.btn-primary {
  background-color: @second_color; }
  .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;
  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;
    border-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:5rem;}
.feedback_inner_title{color:@second_color; padding-bottom:3rem; font-weight:600; text-align:center}
.section_homepage_feedback_inner 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: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:0.5rem;font-size:2rem; font-weight:400}
.feedback_content_name a{color:@second_color;}
.feedback_content_name a:hover{color:@dark_gray;}
.feedback_intro{padding-top:1rem;color:@dark_gray; max-width:750px; margin:0 auto;}
.feedback_intro i{font-size:1.8rem; color:@second_color;}
.carousel-control-next, .carousel-control-prev{color:#8e8f91; font-size:2rem}
.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:@light_second_color !important;}
.lalala{display: block;}


.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.7rem; padding-right:1.7rem;}
.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:10rem; padding-bottom: 10rem;}
.section_footer_abouts{font-size: 0.7rem; max-width: 600px; margin: 0 auto; color: @white;}
.section_footer_contacts_single{font-size:1rem; color:@white; }

.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;}

.homepage_title_border{height:3px; background: @second_color; max-width: 140px; margin: 0 auto; }
.homepage_section_title{color:#252525; font-weight:bold;}

.homepage_why_choose_us{padding-top: 2.7rem;}
.homepage_why_choose_us .btn-floating{width: 70px; height: 70px; background: @second_color;}
.homepage_why_choose_us i{line-height: 70px; font-size:2rem}
.why_choose_us_single_title{font-size:1.1rem; text-transform: uppercase; font-weight: bold;}
.why_choose_us_single_title a{color:@third_color;}
.why_choose_us_single_title a:hover{color:@second_color;}
.why_choose_us_single_intro{font-size:0.9rem;}
.why_choose_us_single{padding-bottom: 3rem;}
.homepage_section_content{color:#999999;}

/*------------for birdview---------------------*/

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

@media (min-width: 992px) and (max-width: 1199px){
.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:83px;padding-bottom:20px;}

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

.div_top_cp{padding-left: 15px; padding-right: 15px}

/*########################################################*/
/*  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 */
/*########################################################*/

/*---------------------------Grid Function------------------------------------------*/
.grid-item {width: 25%}
/*---------------------------Grid Function------------------------------------------*/

/*---------------------------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:16px;}
.normal_size_box .navbar-expand-lg .navbar-nav .nav-link{padding-left:1rem; padding-right:1rem;}
.navbar-brand img{max-width:120px;}
.homepage_normal_section{padding-top:4rem; padding-bottom:4rem}
.homepage_category_div{padding-top:2rem;}

.homepage_why_choose_us .btn-floating{width: 50px; height: 50px;}
.homepage_why_choose_us i{line-height: 50px; font-size:1.6rem}

}

@media (min-width: 768px) and (max-width: 991px){
.normal_size_box{display:none;}
#mobile_size_box{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:83px;padding-bottom:20px;}

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

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

/*---------------------------Grid Function------------------------------------------*/
.grid-item {width: 33.33%;}
/*---------------------------Grid Function------------------------------------------*/

/*---------------------------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_why_choose_us .btn-floating{width: 60px; height: 60px;}
.homepage_why_choose_us i{line-height: 60px; font-size:1.6rem}

}



@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;}
.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:73px;padding-bottom:20px;}

.card-columns-4-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_img{padding-top:2rem;}

.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;}
}

@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:73px;padding-bottom:20px;}
.mobile_top_blank_div{height:70px;}
.media-object{max-width:100px;}
	
.normal_size_box{display:none;}
#mobile_size_box{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-4-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: 140px}

.homepage_section_img{padding-top:2rem;}

.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;}
}







.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:12px; 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: #fff;
  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;
  }
}