.btnstyle_2 a { min-width: 200px; float: left; text-align: center; padding:12px 20px; background: #C4832A; color: #fff; font-size: 18px; line-height: 24px; }
.btnstyle_2 a:hover { background: #000; color: #fff; }
.btnstyle_2 a:focus { color:#fff;  }

.border_btn { margin-top: 20px; }
.border_btn a { border: 1px solid #000000; padding: 10px 15px;  text-align: center;   width: auto; float: none; display: inline-block; text-transform: uppercase; min-width: 200px;  font-weight: normal;  font-size: 16px;  line-height: 24px;  color: #000; }
.border_btn a:hover { background: #C4832A; border-color:#C4832A; color: #fff; }

.section_title h2 { position: relative; margin:0 0 20px; color: #000; font-weight: 300; font-size: 52px; line-height: 64px;  }
.section_title h2:after { position: relative; content: "";  vertical-align: middle; float: none; display: inline-block; background: #C4832A; width: 68px; height: 2px; margin-left: 15px; }

header { width: 100%; }
.not-sticky-header.page-template-about-template header { position: fixed; }

/*-hero-*/
.hero_area { text-align: center; padding: 100px 0; height: 980px; display: flex; align-items: center; }
.hero_area .subtitle { color: #fff; font-weight: bold; font-size: 16px; line-height: 21px; text-transform: uppercase; margin-bottom: 40px; }
.hero_area h2, .hero_area h1 { color:#fff; margin: 30px 0 40px; font-weight: 300; font-size: 55px; line-height: 64px; text-align: center; text-transform: uppercase; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15); -webkit-text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15); -moz-text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15); -ms-text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15); }
.page .section.section-standard .the-content h1{font-weight: 300;font-size: 55px;line-height: 64px;}
/*--services--*/
.services_area { text-align: center; padding:80px 0; }
.services_area h3, .services_area h1 { color: #BDBDBD; text-transform: uppercase; font-weight: normal;  font-size: 30px; line-height: 36px; }
.services_area .services_cover {  margin-top: 50px; }
.services_area .services_box { width: 25%; float: left; }
.services_area .services_box span { color: rgba(0, 0, 0, 0.6); font-size: 14px;  }
.services_area .services_box h6 { margin:8px 0 15px; font-size: 16px;  line-height: 24px; }
.services_area .services_box .services_arrow img { opacity: 0.3; }

/*-half-img-hover-*/
.halfimgtext_area { display: flex;  flex-wrap: wrap; position: relative}
.halfimgtext_area .imgtext_box { width: 50%; float: left; padding:30px; position: relative; height: 1200px; display: flex; align-items: center; }
.halfimgtext_area .imgtext_box:first-child:before { position: absolute; content: ""; right:0; top:50%; width: 1px; height:calc(100% - 100px); background: rgba(255, 255, 255, 0.5); transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); }
.halfimgtext_area .imgtext_box .imgtext_boxinner { text-align: center; width: 100%; transition: all .4s ease; }
.halfimgtext_area .imgtext_box:hover .imgtext_boxinner { opacity: 0; }

.halfimgtext_area .imgtext_box:hover .imgtext_boxhover { opacity: 1; }
.halfimgtext_area .imgtext_box .imgtext_boxhover { position: absolute; left: 0; top:0; padding: 30px; width: 100%; height: 100%; opacity: 0; transition: all .4s ease;  display: flex; align-items: center; }
.halfimgtext_area .imgtext_box .imgtext_boxhover:after {  position: absolute; content: ""; right:0; top:0; width: 100%; height:100%; background: linear-gradient(180deg, #C4832A 0%, rgba(196, 131, 42, 0) 100%); mix-blend-mode: normal; transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); }
.halfimgtext_area .imgtext_box .imgtext_boxhover h2 img {  transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); }
.halfimgtext_area .imgtext_box h2 { color: #fff; font-weight: 300; font-size: 55px; line-height: 64px; max-width: 500px;  margin: 0 auto; float: none; }
.halfimgtext_area .imgtext_box h2 img { padding: 30px 0; opacity: 0.5;  float: right;  }
.halfimgtext_area .imgtext_box .imgtext_hovertext { color:#fff; font-size: 28px; line-height: 36px; margin:20px 0; }
.halfimgtext_area .imgtext_box h6 { font-size:20px; line-height: 28px; color: #fff; font-weight: normal; }
.halfimgtext_area .imgtext_box .imgtext_hoverwrap { margin: 0 auto; float: none; max-width: 500px; position: relative; z-index: 1; }

/*.left_padding { padding-left: calc((100% - 1140px) / 2); }  
.right_padding { padding-right: calc((100% - 1140px) / 2); }  
*/
/*-fifty box-*/
.fiftytextimg_area { display: flex;  flex-wrap: wrap;}
.fiftytextimg_area .fiftytextimg_boxleft { width: 50%; padding: 60px 50px 60px calc((100% - 1140px) / 2); background: #F9F9F9; font-size: 18px; line-height: 24px;  display: flex; align-items: center; }
.fiftytextimg_area .fiftytextimg_boxleft h2 { position: relative; margin:0 0 15px; color: #000; font-weight: 300; font-size: 55px; line-height: 64px;  }
.fiftytextimg_area .fiftytextimg_boxleft h2:after { position: relative; content: "";  vertical-align: middle; float: none; display: inline-block; background: #C4832A; width: 68px; height: 2px; margin-left: 15px; }
.fiftytextimg_area .fiftytextimg_boxleft h6 { color: rgba(0, 0, 0, 0.6); text-transform: uppercase; font-weight: bold; font-size: 16px; line-height: 24px; }
.fiftytextimg_area .fiftytextimg_boxleft a.line-button {margin-top: 25px !important;}
.fiftytextimg_area .fiftytextimg_img { width: 50%; min-height: 720px; }
.fiftytextimg_area .fiftytextimg_subtitle { position: relative; color: #000; font-size: 18px; line-height: 24px; }
/*.fiftytextimg_area .fiftytextimg_subtitle:after { position: relative; content: "";  vertical-align: middle; float: none; display: inline-block; background: #000; width: 68px; height: 2px; margin-left: 15px; }*/
.fiftytextimg_area .fiftytextimg_subtitle:empty { display: none; }
.fiftytextimg_area.fiftytextimg_imgleft .fiftytextimg_boxleft { padding: 60px calc((100% - 1140px) / 2) 60px 60px; }
.fiftytextimg_area .fiftytextimg_leftwrap {  }

/**/
.ourbusiness_area { padding: 100px; text-align: center; }
.ourbusiness_area .ourbusiness_cover { display: flex; flex-wrap: wrap; }
.ourbusiness_area .ourbusiness_box:first-child { width: 100%; }
.ourbusiness_area .ourbusiness_box:first-child:before { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; background: rgb(0,0,0,0.2); z-index: -1; }
.ourbusiness_area .ourbusiness_box:first-child:hover:before { opacity: 0;  }

.ourbusiness_area .ourbusiness_box { width: 50%; min-height: 275px; position: relative; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 16px; line-height: 24px; z-index: 1; }
.ourbusiness_area .ourbusiness_box:nth-child(2):before,.ourbusiness_area .ourbusiness_box:nth-child(5):before { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; background: rgb(0,0,0,0.3); z-index: -1; }
.ourbusiness_area .ourbusiness_box:nth-child(2):hover:before,.ourbusiness_area .ourbusiness_box:nth-child(5):hover:before { opacity: 0; }

.ourbusiness_area .ourbusiness_box h3 {  color: #fff; font-weight: bold; font-size: 30px; line-height: 40px; }
.ourbusiness_area .ourbusiness_box .ourbusiness_boxhover { position: absolute; top:0; left: 0; width: 100%; height: 100%; background: rgb(0,0,0,0.5); padding: 30px; opacity: 0; visibility: hidden; transition: all .4s ease;  display: flex; align-items: center; }
.ourbusiness_area .ourbusiness_box:hover .ourbusiness_boxhover { opacity: 1; visibility: visible; }
.ourbusiness_area .ourbusiness_box:hover .ourbusiness_boxtitle { opacity: 0; }
.ourbusiness_area .ourbusiness_box .ourbusiness_boxhover h6 { color: rgba(255, 255, 255, 0.6); text-transform: uppercase; font-size: 16px; line-height: 24px;}
.ourbusiness_area .ourbusiness_box .ourbusiness_hoverinner { width: 100%; }

/**/
.contentmore_area { padding: 80px 0; position: relative; text-align: center; }
.contentmore_area .contentmore_read {  position: relative; }
.contentmore_area .contentmore_read:after { position: absolute; content: ""; left:0; bottom: 0; width: 100%; height: 100px; background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transition: all .4s ease; }
.contentmore_area .readmore { color: rgba(0, 0, 0, 0.4); font-weight: bold; font-size: 16px; line-height: 24px; text-align: center; cursor: pointer; }
.contentmore_area .readmore:hover span { color:#C4832A;  }
.contentmore_area .contentmore_textbts { margin-top: 20px; }
.contentmore_area .contentmore_btns { text-align: center; display: flex; align-items: center; margin:30px 0; flex-wrap: wrap; }
.contentmore_area .contentmore_btns a { width: calc(25% - 30px);  margin: 0 15px; border: 1px solid #BDBDBD; padding: 10px 20px; color: #000000; font-weight: normal; font-size: 18px; line-height: 24px; min-height: 101px; display: flex; align-items: center; justify-content: center; }
.contentmore_area .contentmore_btns a:hover { border-color: #C4832A; }

.contentmore_area .contentmore_btnlogos { display: none; }
.contentmore_area .contentmore_logos { margin: 40px 0; display: flex; align-items: center; justify-content: center;  }
.contentmore_area .contentmore_logos .contentmore_logobox { padding:0 10px;}
.contentmore_area.opentext .contentmore_read:after { opacity:0; }
.contentmore_area .readless { display: none; font-size: 16px; }
.contentmore_area.opentext .readmore span { display: none; }
.contentmore_area.opentext span.readless { display: block;  }

.overview-read-more.active span, .overview-read-more .readless {display: none;}
.overview-read-more.active .readless {display: inline-block;}
.overview-read-more span {font-weight: bold; font-size: 16px; color: rgba(0, 0, 0, 0.4); cursor: pointer;}
.items-section.collapsable.active {max-height: 9999px;}
.overview-read-more span:hover {color: #C4832A;}
.items-section.collapsable {max-height: 365px; overflow: hidden; margin-bottom: 55px; position: relative; transition: max-height 0.5s;}
.items-section.collapsable:after {content: ''; position: absolute; height: 144px; left: 0; right: 0; bottom: 0; background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);}
.items-section.collapsable.active:after {height: 0;}

/**/
.vertical_slider { position: relative; padding-top: 40px; }
.vertical_slider .vertical_sliderbox { min-height: 780px; position: relative; color: #fff; font-weight: normal; font-size: 18px; line-height: 24px; margin-top: 30px; }
.vertical_slider .vertical_sliderbox .vertical_boxinner { position: absolute; padding:50px; left:calc(100% - 1160px); top: 0; width: 100%;  max-width: 850px; height: 100%; display: flex; justify-content: flex-end; padding-top: 200px;}
.vertical_slider .vertical_sliderbox .vertical_boxinner:after { position: absolute; content: ""; left: 0; top:-20px; width: 100%; height: calc(100% + 20px); background: linear-gradient(180deg, #C4832A 0%, rgba(196, 131, 42, 0) 100%); mix-blend-mode: multiply;  }
.vertical_slider .vertical_sliderbox .vertical_boxcontent { max-width: 520px; float: right; z-index: 1; position: relative; }
.vertical_slider .vertical_sliderbox h6 { color: rgba(255, 255, 255, 0.6); text-transform: uppercase; font-weight: bold; font-size: 16px; line-height: 24px; }
.vertical_slider .vertical_sliderbox h2 { position: relative; margin:0 0 15px; color: #fff; font-weight: 300; font-size: 55px; line-height: 64px; }
.vertical_slider .vertical_sliderbox .year { display: none; }

.year_slider { position: absolute; max-width: 850px; width: 100%; top:50%; left: calc(100% - 1180px); transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.year_slider .slick-list { max-width: 200px; }
.year_slider .year_box { font-weight: bold; font-size: 40px; line-height: 38px; color: #fff; }
.year_slider .year_box span { padding: 15px 0; display: block; text-align: center; opacity: 0.2; transition: all .4s ease; }
.year_slider .slick-active.slick-center.year_box span { opacity: 1; }

.vertical_slider .slick-arrow { position:absolute; top:0; left: 50%; padding:0; z-index: 99; color: #fff; border:none; font-size:0; min-width:auto;  width:40px; height:40px; line-height:0; outline:none; background:transparent;  transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); }
.vertical_slider .slick-arrow:hover { background:transparent;  }
.vertical_slider .slick-arrow:hover:before { color:#fff; }
.vertical_slider .slick-prev { top:-120px; left: 100px;}
.vertical_slider .slick-arrow:before { font-family:'FontAwesome'; font-size:30px; color:#fff;  }
.vertical_slider .slick-prev:before { content: "\f106"; left:-1px; position: relative; top: 3px; }

.vertical_slider .slick-next {  top:auto; bottom: -120px; left: 100px; }
.vertical_slider .slick-next:before { content: "\f107"; right: -2px; position: relative; top: 3px }

.first_slide { position: absolute;  left: 0;  bottom: -40px; }
.last_slide { position: absolute;  left: 5px;  top: -40px; }



/**/
.ourproject_area { position:relative; padding-top: 50px; padding-bottom: 30px; }
.ourproject_area:before { position: absolute; content: ""; left: 0; top: 0; width:calc(100% - 300px); height: calc(100% - 100px); background: #F6F6F6; z-index: -1; }

.ourproject_area .ourproject_box:first-child { display: block;  }
.ourproject_area .ourproject_box { display: none;  }
.ourproject_area .ourproject_box .ourproject_mobtitle { display: none;  }

.ourproject_area .ourproject_box .ourproject_boxinner { display: flex; }
.ourproject_area .ourproject_box .ourproject_boxleft { width: 50%; padding: 50px 40px 50px calc((100% - 1140px) / 2); }
.ourproject_area .ourproject_box .ourproject_boximgcover { width: 50%;  }
.ourproject_area .ourproject_box .ourproject_boximg { width: 100%; min-height: 720px; }
.ourproject_area .ourproject_box h6 { color: rgba(0, 0, 0, 0.6); text-transform: uppercase; font-weight: bold; font-size: 16px; line-height: 24px; }
.ourproject_area .ourproject_box h2 { position: relative; margin:0 0 15px; color: #000; font-weight: 300; font-size: 52px; line-height: 64px;  }
.ourproject_area .ourproject_box h2:after { position: relative; content: "";  vertical-align: middle; float: none; display: inline-block; background: #C4832A; width: 68px; height: 2px; margin-left: 15px; }

.ourproject_area .ourproject_title { margin-bottom: 50px; }
.ourproject_area .ourproject_title .container-fluid { display: flex; align-items: center;  }
.ourproject_area .ourproject_title ul { width: 100%; padding: 0; margin:0; list-style: none; }
.ourproject_area .ourproject_title ul li { width: auto; float: left; margin-right: 50px; }
.ourproject_area .ourproject_title ul li:last-child { margin-right: 0; }
.ourproject_area .ourproject_title ul li a { width: auto; float: left; color: #000000; font-weight: normal; font-size: 18px; line-height: 24px; }
.ourproject_area .ourproject_title ul li a:hover,.ourproject_area .ourproject_title ul li.current a { color: #C4832A; }

.ourproject_area .project_btn { float: right; position: relative; right: -130px; }
.ourproject_area .project_btn a { min-width: 230px; float: left; text-align: center; padding:12px 20px; background: #000; color: #fff; font-size: 18px; line-height: 24px; }
.ourproject_area .project_btn a:hover { background: #C4832A;  }

.ourproject_boximgcover .slick-arrow { border: 0; background: #000; font-size: 0;  color: #fff; line-height: 103px; text-align: center; width: 135px; position: absolute; bottom: 0; left: 0; z-index: 3; transition: all 0.3s;  }
.ourproject_boximgcover .slick-arrow:hover { background: #C4832A; }
.ourproject_boximgcover .slick-arrow.slick-next { left: 135px; }
.ourproject_boximgcover .slick-arrow:before { position: absolute; font-weight: 300; font-family:'FontAwesome'; content: ""; left: 0; top:0; width: 100%;  height: 100%;  font-size: 44px; }
.ourproject_boximgcover .slick-prev:before { content: "\f104"; }
.ourproject_boximgcover .slick-next:before { content: "\f105"; }

.ourproject_boximgcover ul.slick-dots { position: absolute; right: calc(100% + 115px); padding: 0; margin: 0; list-style: none; bottom: 15px; min-width: 100%; text-align: right; }
.ourproject_boximgcover ul.slick-dots li { display: inline-block; }
.ourproject_boximgcover ul.slick-dots li + li { margin-left: 2px; }
.ourproject_boximgcover ul.slick-dots li button { background: transparent; border: 0; font-weight: bold; font-size: 18px; color: rgba(0, 0, 0, 0.3); transition: all 0.3s; }
.ourproject_boximgcover ul.slick-dots li button:hover, .ourproject_boximgcover ul.slick-dots li.slick-active button { color: #000; }
.ourproject_boximgcover ul.slick-dots li.slick-active:after { content: ''; display: inline-block; width: 80px; height: 2px; background: #000; vertical-align: middle; margin: -2px 5px 0; }

/**/
.humancapital_area { padding: 150px 0; text-align: center; }
.humancapital_area h3 { color: #BDBDBD; text-transform: uppercase; margin-bottom: 20px; font-weight: normal; font-size: 30px; line-height: 36px; }
.humancapital_area .humancapital_text { margin: 0 auto; float: none; display: inline-block; max-width: 870px;  }

.workingcyfield_area { text-align: center; height: 1200px; display: flex;   align-items: center; }

/**/
.ourteam_area { text-align: center; }
.ourteam_area .ourteam_top { text-align: center; padding: 100px 0; }
.ourteam_area .ourteam_top .container-fulid { display: flex; align-items: center;  }
.ourteam_area .ourteam_top h3 { color: #BDBDBD; text-transform: uppercase; margin-bottom: 20px; font-weight: normal; font-size: 30px; line-height: 36px; }
.ourteam_area .ourteam_top .ourteam_subtext p:last-child { margin-bottom: 0;  }

.ourteam_area .ourteam_wrapper {  max-width: 1700px; float: none; display: inline-block; width: 100%; text-align: left; }

.ourteam_area .ourteam_tabtitle { margin-bottom: 40px;  }
.ourteam_area .ourteam_tabtitle .container-fluid { display: flex; align-items: center; }
.ourteam_area .ourteam_tabtitle ul { width: 100%; padding: 0; margin:0; list-style: none; }
.ourteam_area .ourteam_tabtitle ul li { width: auto; float: left; margin-right: 20px; }
.ourteam_area .ourteam_tabtitle ul li:last-child { margin-right: 0; }
.ourteam_area .ourteam_tabtitle ul li a { width: auto; float: left; color: #000000; font-weight: normal; font-size: 16px; line-height: 24px; }
.ourteam_area .ourteam_tabtitle ul li a:hover,.ourteam_area .ourteam_tabtitle ul li.current a { color: #C4832A; }
.ourteam_area .ourteam_tabtitle .teamjoin_btn { float: right; position: relative; right: -120px }

.ourteam_area .ourteam_boxcover { padding: 40px 0 170px; position: relative; }
.ourteam_area .ourteam_boxcover:before { position: absolute; content: "";  left: 0; top: 0; width: calc(100% - 300px); height: calc(100% - 80px);  background: #F6F6F6; z-index: -1; }

.ourteam_area .ourteam_tabboxwrap { display: flex; flex-wrap: wrap;  }
.ourteam_area .ourteam_tabboxwrap .ourteam_tabbox.ourteam_tabfirstbox { align-items: center; padding: 50px; cursor: pointer; float: left; }
.ourteam_area .ourteam_tabboxwrap .ourteam_tabbox.ourteam_tabfirstbox span { font-size: 14px; color: rgba(255, 255, 255, 0.6); margin-bottom: 20px; }
.ourteam_area .ourteam_tabboxwrap .ourteam_tabbox.ourteam_tabfirstbox h2 { display: none; color: #fff; margin: 0; font-size: 55px; line-height: 62px; font-weight: 300	; position: relative; }
.ourteam_area .ourteam_tabboxwrap .ourteam_tabbox.ourteam_tabfirstbox h2:after { position: relative; content: "";  vertical-align: middle; float: none; display: inline-block; background: #C4832A; width: 68px; height: 2px; margin-left: 15px; }

.ourteam_area .ourteam_tabboxwrap .ourteam_tabbox.ourteam_tabfirstbox .ourteam_tabboxinner { text-align: left;  }
.ourteam_area .ourteam_tabboxwrap .ourteam_itemwrap { width: 100%;  }
.ourteam_area .ourteam_tabboxwrap .ourteam_tabbox.ourteam_tabfirstbox + .ourteam_boxitem { display: block; }
/*.ourteam_area .ourteam_tabboxwrap .ourteam_tabbox.ourteam_tabfirstbox + .ourteam_boxitem { width: 75%; float: left; display: block; }
.ourteam_area .ourteam_tabboxwrap .ourteam_tabbox.ourteam_tabfirstbox + .ourteam_boxitem .ourteam_tabbox { width: 33.33%; }*/

.ourteam_area .ourteam_tabboxwrap .ourteam_tabbox.ourteam_tabfirstbox h2:first-child { display: block; }
.ourteam_area .ourteam_tabboxwrap .ourteam_boxitem:first-child { display: block; }
.ourteam_area .ourteam_tabboxwrap .ourteam_boxitem {  display: none; width: 100%;}
.ourteam_area .ourteam_tabboxwrap .ourteam_boxitem .ourteam_tabbox { width: 25%; float: left; }

.ourteam_area .ourteam_tabboxwrap .ourteam_tabbox.has-popup { cursor: pointer;}
.ourteam_area .ourteam_tabboxwrap .ourteam_tabbox { width: 25%; height: 410px; background-color: #000; padding: 30px; display: flex; align-items: flex-end; }
.ourteam_area .ourteam_tabboxwrap .ourteam_tabboxinner { width: 100%; text-align: center; }
.ourteam_area .ourteam_tabboxwrap .ourteam_tabboxinner h4 {  color: #fff; font-weight: bold; font-size: 24px; line-height: 30px; }
.ourteam_area .ourteam_tabboxwrap .ourteam_tabboxinner span {  color: #DBDBDB; display: block; font-weight: 500; }
.ourteam_area .ourteam_tabboxwrap .ourteam_tabboxinner span.client_position { text-transform: uppercase;  }
.ourteam_area .ourteam_tabboxwrap .ourteam_tabboxinner span.client_btn {color: #fff; margin-top: 12px;}

/**/
.jointeam_area { position: relative; padding: 100px 0; }
.jointeam_area .container-1170 {  display: flex; align-items: center; }
.jointeam_area .jointeam_left { width: 45%;  padding-right: 80px; }
.jointeam_area .jointeam_left h3 { position: relative; color: #000000; font-weight: normal; font-size: 30px; line-height: 38px; margin-bottom: 30px; }
.jointeam_area .jointeam_left h3:before { position: relative; content: ""; display: block; background: #C4832A;width: 68px; height: 2px; margin-bottom:20px; }
.jointeam_area .jointeam_right { width: 85%;  }
.jointeam_area .jointeam_right .jointeam_img { padding-top: 74%; }

.jointeam_area.jointeam_imgleft {  }
.jointeam_area.jointeam_imgleft .container-fluid.container-1170 { flex-direction: row-reverse;  }
.jointeam_area.jointeam_imgleft .jointeam_left { padding-right: 0; padding-left: 80px; }

/**/
.openingandform_area { position: relative; display: flex; }
.openingandform_area:before { position: absolute; content: ""; left: 0; top: 0; width: 50%; height: 100%; background: #F9F9F9; }
.openingandform_area:after { position: absolute; content: ""; right:0; top: 0; width: 50%; height: 100%;  
/*	background:url("/wp-content/uploads/2022/12/newjobimg.jpg"); */
background: #000;
}

.openingandform_area .container-1170 {  display: flex;  }
.openingandform_area h2 { position: relative; margin:0 0 15px; color: #000; font-weight: 300; font-size: 52px; line-height: 64px;  }
.openingandform_area h2:after { position: relative; content: "";  vertical-align: middle; float: none; display: inline-block; background: #C4832A; width: 68px; height: 2px; margin-left: 15px; }

.openingandform_area .openingandform_left { width: 50%; position: relative; z-index: 1; padding:80px 70px 50px 0px; }
.openingandform_area .openingandform_right { width: 50%; position: relative; z-index: 1; padding:80px 0 50px 70px; }
.openingandform_area .openingandform_box { display: flex; flex-wrap: wrap; margin:40px -10px 0; }
.openingandform_area .openingandform_box a { border: 1px solid #000000; padding: 14px 20px; min-height: 100px; display: flex; align-items: center; color: rgb(0 0 0 / 0.5);  font-weight: bold; font-size: 18px; width: calc(50% - 30px);  margin: 0 15px 30px; text-align: center; justify-content: center;}
.openingandform_area .openingandform_box a:hover { border-color: #C4832A; }
.openingandform_area .openingandform_right h2 {  color: #fff; }

.contact_form .wpforms-container form { width: 100%; float:left; color: #fff; font-size: 16px; line-height: 24px; }
.contact_form .wpforms-container form input,.contact_form .wpforms-container form textarea,.contact_form .wpforms-container form select { width: 100% !important; height: 55px !important; float: left !important; background: rgba(255,255,255,0.1) !important; padding: 10px 20px !important; border-radius: 0 !important; box-sizing: border-box !important; border: 0 !important; color: #fff !important; }
.contact_form .wpforms-container form textarea { height: 120px !important; margin-bottom: 20px; }
.contact_form .wpforms-container form .wpforms-submit { margin-top: 20px; min-width: 220px; font-weight: normal; font-size: 20px !important; line-height: 26px; text-transform: uppercase; height: auto !important;  padding: 12px 15px !important; }
.contact_form div.wpforms-container div.wpforms-uploader { background: none; min-width: 45px; min-height: 45px; border: 0; width: 100% !important; max-width: 100% !important; display: block !important; }
.contact_form .wpforms-container form .dz-message svg { display: none; }
.contact_form .wpforms-container form .dz-message span { font-size: 0; }
.contact_form .wpforms-container form .wpforms-field-description { font-weight: normal; font-size: 18px !important; line-height: 26px !important; margin: 0 0 0 20px !important; position: absolute; top: 20px; left: 45px;}
.contact_form .wpforms-container form .wpforms-field-file-upload { display: flex; align-items: center; }
.contact_form div.wpforms-container div.wpforms-field-file-upload {
    position: relative !important;
    display: block !important;
}
.contact_form div.wpforms-container div.wpforms-field-file-upload:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 45px;
    height: 45px;
    background: url(../../../uploads/2020/11/upload.png) no-repeat center / cover;
    z-index: -1;
}
div.wpforms-container div.wpforms-uploader .dz-message+.dz-preview {
    padding-top: 50px !important;
}
div.wpforms-container div.wpforms-uploader .dz-preview {
    padding-top: 50px !important;
    margin-left: -20px;
    width: calc(100% + 40px);
}

.contact_form .wpforms-container form .iti.iti--allow-dropdown .wpforms-field-large { padding-left: 52px !important; }
.contact_form .wpforms-container form .iti__country-list { color: #000; }
.contact_form div.wpforms-container .wpforms-form .choices__list--single .choices__item { opacity: 1; }
.contact_form .wpforms-container form .wpforms-field-select .choices__inner { background: rgba(255,255,255,.1); color: #fff; border: none; height: 55px;  padding: 10px 14px; }
.contact_form div.wpforms-container .wpforms-form .choices[data-type*="select-one"]:after { content: "\f107"; font-family:'FontAwesome'; border: none; font-size: 24px; line-height: 24px;  margin: 0; transform: translateY(-50%);  color: #fff; }
.contact_form div.wpforms-container-full .wpforms-form input[type=checkbox] { cursor: pointer; width: 22px !important; height: 20px !important; float: left !important; padding: 4px 6px 0 !important; box-shadow: 0 0 1px 1px #404040; margin: 5px 20px 0 0 !important;}
.contact_form div.wpforms-container-full .wpforms-form .wpforms-field-checkbox .choice-1.depth-1 { display: flex; }
.contact_form .wpforms-container form .choices__list--dropdown .choices__list div { color: #000; }

.contact_form #wpforms-2217-field_7-container ul { margin-top: 15px !important; }
.contact_form #wpforms-2217-field_7-container input[type=checkbox] { margin-top: 0 !important; }

.contact_form .wpforms-container form input::-webkit-input-placeholder,.contact_form .wpforms-container form textarea::-webkit-input-placeholder { color: #fff; opacity:1; font-size:16px; line-height:20px;}
.contact_form .wpforms-container form input::-moz-placeholder,.contact_form .wpforms-container form textarea::-moz-placeholder { color: #fff; opacity:1; font-size:16px; line-height:20px;}
.contact_form .wpforms-container form input:-ms-input-placeholder,.contact_form .wpforms-container form textarea:-ms-input-placeholder { color: #fff; opacity:1; font-size:16px; line-height:20px;}
.contact_form .wpforms-container form input:-moz-placeholder,.contact_form .wpforms-container form textarea:-moz-placeholder { color: #fff; opacity:1; font-size:16px; line-height:20px; }


/**/
.wewanthere_area { padding: 100px 0; text-align: center; }
.wewanthere_area h3 { color: #BDBDBD; text-transform: uppercase; margin-bottom: 0; font-weight: normal; font-size: 30px; line-height: 36px; }

/**/
.contactinfoform_area { position: relative; }
.contactinfoform_area .container-1170 {  display: flex; }
.contactinfoform_area:before { position: absolute; content: ""; left: 0; top: 0; width: 50%; height: 100%; background: #F9F9F9; }
.contactinfoform_area:after { position: absolute; content: ""; right:0; top: 0; width: 50%; height: 100%; background: #000000; }
.contactinfoform_area .contactbg_img { width: 50%; float: left; }

.contactinfoform_area .contactinfoform_left { width: 50%; position: relative; z-index: 1; padding:80px 70px 70px 0px; font-weight: normal; font-size: 20px; line-height: 30px; }
.contactinfoform_area .contactinfoform_left h5 { font-weight: bold; font-size: 24px; line-height: 30px; margin: 0 0 40px; }
.contactinfoform_area .contactinfoform_right { width: 50%; position: relative; z-index: 1;  padding:80px 0 50px 70px; }
.contactinfoform_area .contactinfoform_right h2 {  color: #fff; }

.contactinfoform_area h2 { position: relative; margin:0 0 20px; color: #000; font-weight: 300; font-size: 52px; line-height: 64px;  }
.contactinfoform_area h2:after { position: relative; content: "";  vertical-align: middle; float: none; display: inline-block; background: #C4832A; width: 68px; height: 2px; margin-left: 15px; }
.contactinfoform_area .contactinfo_mailtext { margin-top: 70px; }
.contactinfoform_area .contactinfo_mailtext a { color: #000; }
.contactinfoform_area .contactinfo_mailtext a:hover { color: #C4832A; }
.contactinfoform_area  .mailbox { display: block; margin-top: 30px; font-weight: bold; }

.contactinfoform_area .contactinfo_left { margin-top: 70px; }
.contactinfoform_area .contactbg_img { width: 50%; float: left; height: 100%; position: absolute; left: 0;  top: 0; }

/**/
.addinlocation_area { position: relative; padding: 90px 0; text-align: center; }
.addinlocation_area h3 { color: #BDBDBD; text-align: center; text-transform: uppercase; margin-bottom: 0; font-weight: normal; font-size: 30px; line-height: 36px; }
.addinlocation_area .addinlocation_cover { display: flex; margin-top: 70px; }

.addinlocation_area .addinlocation_cover { max-width:1300px; float: none; display: flex; margin:70px auto 0; width: 100%; }
.addinlocation_cover .addinlocation_left { width: 50%; position: relative; height: 825px; mix-blend-mode: luminosity; display: flex; align-items: center;   transition: all .4s ease;  }
.addinlocation_cover .addinlocation_left:before {  position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.3;  }
.addinlocation_cover .addinlocation_left:hover { mix-blend-mode: normal; }
.addinlocation_cover .addinlocation_left:hover:before { opacity: 0.5; }

.addinlocation_cover .addinlocation_left:hover .addinlocation_athenstext { opacity: 0; }
.addinlocation_cover .addinlocation_left:hover .addinlocation_athenshover { opacity: 1; visibility: visible; }

.addinlocation_cover .addinlocation_right { width: 50%; position: relative; height: 825px; mix-blend-mode: luminosity; display: flex; align-items: center;   transition: all .4s ease;  }
.addinlocation_cover .addinlocation_right:before {  position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.3;}
.addinlocation_cover .addinlocation_right:hover { mix-blend-mode: normal;  }
.addinlocation_cover .addinlocation_right:hover:before { opacity: 0.5; }
.addinlocation_cover .addinlocation_right:hover .addinlocation_athenstext { opacity: 0; }
.addinlocation_cover .addinlocation_right:hover .addinlocation_athenshover { opacity: 1; visibility: visible; }

.addinlocation_cover .addinlocation_athenstext { position: relative; z-index: 1; width: 100%; text-align: center; font-weight: bold; font-size: 16px; line-height: 30px; color: #fff; transition: all .4s ease; }
.addinlocation_cover .addinlocation_athenstext span { color: rgba(255, 255, 255, 0.6); font-size: 14px; }

.addinlocation_cover .addinlocation_athenshover { position: absolute; display: flex; align-items: center; opacity: 0; visibility: hidden; left: 0; top: 0; width: 100%; height: 100%; text-align: center; color: #fff; font-size: 20px; line-height: 26px; transition: all .4s ease; }
.addinlocation_cover .addinlocation_athenshover .addinloca_hoverinner { width: 100%; font-weight: normal;  }
.addinlocation_cover .addinlocation_athenshover .addinlocation_athenstext { opacity: 1 !important; margin-bottom: 50px; }
.addinlocation_cover .addinlocation_athenshover .addinlocation_athenstext h6 { font-size: 20px; }

.addinlocation_cover .addinlocation_athenshover h5 { font-weight: normal; font-size: 20px; line-height: 28px; margin: 0 0 30px; }
.addinlocation_cover .addinlocation_athenshover .btn_style { width: 100%; margin-top: 30px; }
.addinlocation_cover .addinlocation_athenshover .btn_style a { font-weight: normal; float: none; display: inline-block; background: #fff; font-size: 20px; line-height: 24px;  min-width: 230px; padding: 12px 20px; color: #C4832A; text-transform: uppercase; }
.addinlocation_cover .addinlocation_athenshover .btn_style a:hover { background: #C4832A; color: #fff; }
.addinlocation_cover .addinlocation_athenshover a {  color: #fff; }
.addinlocation_cover .addinlocation_athenshover .contactinfo_mailtext { margin-top: 70px; }
.addinlocation_cover .addinlocation_athenshover .mailbox { display: block; }

/**/
.contact_form div.wpforms-container-full .wpforms-form .wpforms-field-label-inline {  color: #fff; }
div.wpforms-container .wpforms-form .choices__list--dropdown .choices__list { margin-left: -1px; border: 1px solid #707477; }
div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__input { color: #000 !important; }
div.wpforms-container .wpforms-form .choices__list--dropdown { z-index: 9 !important; }

.contact_form div.wpforms-container-full .wpforms-form #wpforms-2218-field_17-container ul { margin-top: 15px !important; }
.contact_form div.wpforms-container-full .wpforms-form #wpforms-2218-field_17-container input[type=checkbox] { margin-top: 0 !important; }
#wpforms-2218-field_17-container {  }

/**/
.becompartner_area { padding:50px 0; display: flex; flex-wrap: wrap; background: #F6F6F6; position: relative; }
.becompartner_area .becompartner_left { width: 60%; padding:60px 50px 60px 50px;  position: relative; z-index: 1; }
.becompartner_area .becompartner_right { width: 40%; padding:40px; background: #000000; position: relative; z-index: 1; overflow: hidden; }
.becompartner_area .becompartner_bgimg { position: absolute; top:0; right: 0; width: 35%; height: 100%;  }
.becompartner_area h2 { position: relative; margin:0 0 20px; color: #fff; font-weight: 300; font-size: 52px; line-height: 64px;  }
.becompartner_area h2:after { position: relative; content: "";  vertical-align: middle; float: none; display: inline-block; background: #C4832A; width: 68px; height: 2px; margin-left: 15px; }
.becompartner_area h3 { position: relative; color: #000000; text-transform: uppercase; margin-bottom: 20px; font-weight: 300; font-size: 30px; line-height: 36px; }
.becompartner_area h3:after { position: relative; content: "";  vertical-align: middle; float: none; display: inline-block; background: #C4832A; width: 68px; height: 2px; margin-left: 15px; }
.becompartner_area .becompartner_left ul { padding:0; margin:0; list-style: none; }
.becompartner_area .becompartner_left ul li { position: relative; width: 100%; margin-bottom: 13px; padding-left: 28px; }
.becompartner_area .becompartner_left ul li:before { position: absolute; content: ""; left:0; top:5px; width: 14px; height: 13px;  background: url('../../../uploads/2020/11/list-dots.png') no-repeat center center; }

.contact_form div.wpforms-container .wpforms-form .choices[data-type*="select-one"]:after { font-size: 18px; margin: 0 !important; }
.contact_form div.wpforms-container .wpforms-form .choices__list.choices__list--dropdown { border: none;  outline: none; box-shadow: none !important; }
.contact_form .choices__list.choices__list--dropdown .choices__input{ display: none !important; }
.contact_form div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item { color: #707477 ; font-family: 'Roboto'; padding: 5px 18px;  border-bottom: 1px solid #ccc; font-size: 14px; line-height: 24px; transition: all .4s ease; }
.contact_form div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item:hover { color: #000000; background: transparent; }
.contact_form div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item:after { display: none; }
.contact_form div.wpforms-container .wpforms-form .is-flipped.is-open .choices__inner { border-color: #C4832A; box-shadow: none; }
.contact_form div.wpforms-container .wpforms-form .choices[data-type*="select-one"].is-open:after { color: #C4832A; }
.contact_form div.wpforms-container .wpforms-form .choices__button { display: none !important; }
.contact_form div.wpforms-container .wpforms-form .choices__list--dropdown { min-width: 100%; }
.contact_form div.wpforms-container-full .wpforms-form .choices .choices__inner { box-shadow: none !important; }
.contact_form div.wpforms-container-full .wpforms-form .is-open .choices .choices__inner { border-color: #C4832A !important; }


/* ENERGY PAGE */

.energy_hero h2 { text-transform:capitalize; }

.energy_section { padding:170px 0 150px; }
h2.title { font-weight: 300; font-size: 55px; line-height: 64px; margin-bottom: 50px; position: relative; display: inline-block; vertical-align: top; }
h2.title:before { position: absolute; content: ""; width: 68px; height: 2px; background: #C4832A; right: -118px; top: 50%; transform: translateY(-50%); }
.energy_section .energy_text { max-width: 970px; margin-bottom: 70px; }
.energy_section ul { list-style: none; padding: 0; margin: 0; display: flex; align-items: center; }
.energy_section ul li {display: flex; align-items: center; }
.energy_section ul li:not(:first-child) { margin-left: 100px; }
.energy_section ul li .number { font-weight: 200; color: #C4832A; font-size: 80px; line-height: 94px; }
.energy_section ul li .content { font-weight: 500; color: #C4832A; text-transform: uppercase; margin-left:60px; }

.energy-bg,.imgtext_box-bg {position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; opacity: 0; transition: all .8s ease;}
.energy-bg.active,.imgtext_box-bg.active {opacity: 1}
.energy_bottom { display: flex;  flex-wrap: wrap; position: relative; transition: all .8s ease; }
.energy_bottom .energy-box { width: 50%; float: left; padding:30px; height: 760px; display: flex; align-items: center; margin: 150px 0 70px; position: relative; }
.energy_bottom:before { position: absolute; content: ""; right:0; left:0; margin: 0 auto; top:150px; width: 1px; height: calc(100% - 220px); background: rgba(255, 255, 255, 0.5); z-index:1; }
.energy_bottom .energy-box .energybox-inner { width: 100%; transition: all .4s ease; color: #fff; max-width: 460px; margin: 0 auto; position: relative; z-index: 1; }
.energy_bottom .energy-box h2 { color: #fff;  font-weight: 300;  font-size: 55px; line-height: 64px;  margin-bottom: 15px;  float: none;  text-transform: uppercase;  }
.energy_bottom .energy-box .inner-text { text-transform: uppercase;  font-weight: 500; max-width: 260px; }
.energy_bottom .energy-box h2 img { float: right; padding: 50px 0 50px; opacity: 0.5; }
.energy_bottom .energy-box.energybox-img { position: absolute; top: 0; left: 0; width: 100%; height: 0; }
.energy_bottom .energy-box .energytext-hover p { margin: 40px 0 60px; font-size: 22px; line-height: 28px; font-weight: 400; }
.energy_bottom .energy-box .energybox-innerhover h2 img { transform: rotate(180deg); }
.energy_bottom .energy-box .learn-btn a { font-size: 16px; color: rgba(255, 255, 255, 0.6); text-transform: uppercase; }
.energy_bottom .energy-box .learn-btn a:hover { color: #fff; }

.energy_bottom .energy-box:before { position: absolute; content: ""; width: 100%; top: -150px; left: 0; bottom: -70px; background: linear-gradient(180deg, #707477 0%, rgba(112, 116, 119, 0) 100%); transform: rotate(-180deg); opacity: 0; transition: all .4s ease; }
.energy_bottom .energy-box:hover:before { opacity: 1; }
.energy_bottom .energy-box:after { position: absolute; content: ""; width: 100%; top: -150px; left: 0; bottom: -70px; background: linear-gradient(180deg, #707477 0%, rgba(112, 116, 119, 0) 100%); transform: rotate(-180deg); mix-blend-mode: multiply; backdrop-filter: blur(3px); opacity: 0; transition: all .4s ease; }
.energy_bottom .energy-box.active:after { backdrop-filter: blur(3px); opacity: 1; }
.energy_bottom .energy-box.active:before { background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%); opacity: 1; }
.energy_bottom .energy-box:hover .energybox-inner { opacity: 0; }
.energy_bottom .energy-box .energybox-innerhover { width: 100%; transition: all .4s ease; right: 107px; opacity: 0; color: #fff; max-width: 460px; margin: 0 auto; position: absolute; z-index: 1; }
.energy_bottom .energy-box:hover .energybox-innerhover { opacity: 1; }

.energy_bottom .energy-box.first .energybox-inner { margin: 0 80px 0 auto; }
.energy_bottom .energy-box.second .energybox-inner { margin: 0 auto 0 80px; }
.energy_bottom .energy-box.second .energybox-innerhover { left: 107px; right: auto; }

/* EPC SECTION */
.epc-section { position: relative; padding: 125px 0 75px; }
.epc-section:before { position: absolute; content: ""; width: calc((100% - 330px) / 2); top: 0; right: 0; bottom: 0; background: #F9F9F9; z-index: -1; }
.epc-section .left { width: calc(100% - 350px); padding-right: 60px; }
.epc-section .flex { display: flex; align-items: flex-end; }
.epc-section .contract-text { font-weight: bold; font-size: 16px; color: rgba(0, 0, 0, 0.4); text-transform: uppercase; }
.epc-section .left h2, .epc-section .left h1 { font-weight: 300; font-size: 55px; line-height: 64px; margin: 50px 0 30px;text-transform: uppercase; }
.epc-section .left h4 { font-size: 30px; font-weight: 400; }
.epc-section .right { width: 350px; display: flex; align-items: center; padding-left: 60px; }
.epc-section .right ul { display: flex; align-items: center; list-style: none; padding: 0; margin: 0; }
.epc-section .right ul li { margin-left: 25px; }
.epc-section .right ul li a { color: rgba(0, 0, 0, 0.3); }
.epc-section .right ul li a:hover { color: #000; }
.epc-section .right .text { font-size: 14px; color: rgba(0, 0, 0, 0.3); }

/* BROCHURE SECTION */
.brochure-section { padding: 40px 125px 0; text-align: center; background: #111; }
.brochure-section .white_btn a { border-color: #C4832A; color: #fff; text-transform: capitalize; font-size: 18px; line-height: 21px; font-weight: 500; padding: 17px 15px; min-width: 195px; border-radius: 3px; }
.brochure-section .brochure-img { margin: 55px 0 -120px; }

/* EPC BROCHURE SECITON */
.energy-brochure-section {padding: 55px 0; background: #111111; position: relative; z-index: 2;}
.energy-brochure-section + .commerimg_tabarea {margin-top: -80px;}


/* EPC OVERVIEW SECITON */
.epc-overview-section { padding: 200px 0 120px; }

.liststyle_box ul, .items-section > ul { list-style: none; padding: 0; margin: 0; line-height: 32px; }
.liststyle_box ul li, .items-section > ul > li { position: relative; padding-left: 25px; }
.items-section > ul > li {width: 100%;}
.items-section > ul > li > ul {list-style: none;padding-left: 0;}
.items-section > ul > li > ul > li {position: relative;padding-left: 25px;}
.items-section > ul > li > ul > li:before {position: absolute; content: ""; border-left: 2px solid #C4832A; border-bottom: 2px solid #C4832A; width: 12px; height: 9px; top: 9px; left: 0;}
.items-section > ul > li > ul > li:after {content: ''; left: 11px; top: 11px; border-width: 6px 6px; border-color: transparent; border-style: solid; border-left-color: #C4832A; width: 12px; height: 12px; position: absolute;}
.liststyle_box ul > li:before, .items-section > ul > li:before { position: absolute; content: ""; border: 2px solid #C4832A; transform: rotate(45deg); width: 9px; height: 9px; top: 12px; left: 0; }
.liststyle_box ul li p { margin: 0; }
.liststyle_box ul li ul { margin: 0; }
.liststyle_box ul li ul li:before { position: absolute; content: "-"; left: 0; top: 0; border: none;   transform: none; }
.liststyle_box ul li ul li { padding-left: 15px; }

.readmore a { font-weight: bold; font-size: 16px; color: rgba(0, 0, 0, 0.4); text-transform: uppercase; }
.epc-overview-section .contentmore_btnlogos { display: none; }
.epc-overview-section a.readless, .epc-overview-section.opentext a { display: none; }
.epc-overview-section .readmore { margin-top: 40px; }
.epc-overview-section.opentext a.readless { display: block; }
.epc-overview-section .contentmore_read .text { position: relative; }
.epc-overview-section .contentmore_read .text:after { position: absolute; content: ""; bottom: 0; left:0; width: 100%; height: 100px; background: #fff; opacity: 0.5; }
.epc-overview-section.opentext .contentmore_read .text:after { display: none; }

/* EPC VIDEO SECIOTN */
.epc-video-section { min-height: 850px; padding: 300px 0 ;}
.epc-video-section .video-body { text-align: center; }
.epc-video-section .video-body .video-content { display: none; position: absolute; left: 0; right: 0; top: 45px; }
.epc-video-section .video-body .video-content:first-child { display: block; }
.epc-video-section .tab-pane { position: relative; }
.epc-video-section .tab-pane .video-menu { width:450px; padding-left: 80px; position: relative; z-index: 1; }
.epc-video-section .tab-pane .tabs-menu-item { opacity: 0.5; margin-bottom: 45px; }
.epc-video-section .tab-pane .tabs-menu-item.current { opacity: 1; }
.epc-video-section .tab-pane .tabs-menu-item:last-child { margin-bottom: 0; }
.epc-video-section .tab-pane .tabs-menu-item a { color: #fff; }
.epc-video-section .tab-pane .tabs-menu-item a h4 { font-size: 26px; margin-bottom: 25px; }
.epc-video-section .tab-pane .tabs-menu-item .content { display: none; color: #fff; }
.epc-video-section .tab-pane .tabs-menu-item.current .content { display: block; cursor: pointer; }
.epc-video-section .tab-pane .tabs-menu-item.current .content a { color:#fff; }

/* CONTRACT SECTION */
.contract_hero { display: block; padding-bottom: 0; position: relative; }
.contract_hero h2, .contract_hero h1 { text-transform: capitalize; }
.contract_hero .home-hero-slide-content, .contract_hero .home-hero-slide-content > span { height: 285px; }
.contract_hero .home-hero-slide-content:hover > span { height: 510px; }

/**/
.whatwedo_area { position: relative; padding: 100px 0 50px; }
.whatwedo_area h2 { position: relative; margin:0 0 20px; color: #000; font-weight: 300; font-size: 52px; line-height: 64px;  }
.whatwedo_area h2:after { position: relative; content: "";  vertical-align: middle; float: none; display: inline-block; background: #C4832A; width: 68px; height: 2px; margin-left: 15px; }
.whatwedo_area .whatwedo_cover { display: flex; align-items: center; flex-wrap: wrap; margin-top: 80px; }
.whatwedo_area .whatwedo_cover .whatwedo_box { width: 33.33%;  margin-bottom: 60px; display: flex;  align-items: center; }
.whatwedo_area .whatwedo_cover .whatwedo_box .whatwedo_img { margin-right: 0; width: 50px; }
.whatwedo_area .whatwedo_cover .whatwedo_box .whatwedo_img img { max-width: 100%; max-height: 100%; object-fit: contain; }
.whatwedo_area .whatwedo_cover .whatwedo_box h4 { font-weight: 500; margin: 0; width: calc(100% - 50px); padding-left: 15px; }

/**/
.projectpart_area { position: relative; display: flex; flex-wrap: wrap; }
.projectpart_area .projectpart_box { width: 33.33%; padding: 60px 50px; background: #F9F9F9; }
.projectpart_area .projectpart_box:nth-child(2) { background: #F1F1F1; }
.projectpart_area .projectpart_box:nth-child(3) { background: #ECEAEA; }
.projectpart_area .projectpart_box h5 { margin:0; text-transform: uppercase; font-size: 20px; line-height:28px; color: #000000; }

.projectpart_area .projectpart_slidebox { width: 100%; display: flex; flex-wrap: wrap;  }
.projectpart_area .projectpart_itemcover { margin-top:30px; }
.projectpart_area .projectpart_itemcover .projectpart_item { width: 50%; margin-bottom: 10px; }
.projectpart_area .projectpart_itemcover .projectpart_item h2 { color: #C4832A; font-weight: 200; font-size: 80px; line-height: 94px; }
.projectpart_area .projectpart_itemcover .projectpart_item .projectpart_itemtitle { color: #C4832A; text-transform: uppercase; font-weight: 500; font-size: 16px; line-height: 21px; padding-right: 20px; }
.projectpart_area .projectpart_itemcover .projectpart_item h2 .numscroller + span {font-size: 60px;margin-left: -14px;}

.projectpart_area .slick-dots { padding:20px 0 0; margin:0; list-style: none; width: 100%; display: flex; }
.projectpart_area .slick-dots li { width: auto; }
.projectpart_area .slick-dots li button { width: 8px; height: 8px; margin-right: 10px; padding: 0; font-size: 0; border:none; outline:none; background: rgba(0, 0, 0, 0.1); }
.projectpart_area .slick-dots li.slick-active button { background: #000;  }
.projectpart_area .slick-dots li button:before { display: none; }

/**/
.energy_halfhover.energy_bottom .energy-box h2 img { padding:30px 0; }

.hero_area .home-hero-slide-content-inner { text-align: left; margin-top: -80px; }
.hero_area a.home-hero-slide-link {  margin-top: 10px; margin-bottom: 10px;  opacity: 0.5; font-weight: 400; }
.hero_area a.home-hero-slide-link img { display: none; }
.hero_area a.home-hero-slide-link:hover { opacity: 1; }

.hero_area .home-hero-slide-desc { position: relative; }
.hero_area .home-hero-slide-desc ul { position: relative; list-style: none; padding:0 0 0 10px; text-align: left; }
.hero_area .home-hero-slide-desc ul li { position: relative; padding-left: 20px; margin-bottom: 10px; }
.hero_area .home-hero-slide-desc ul li:before { position: absolute; content: ""; border: 2px solid #fff;  left: 0; top: 8px; width: 8px;  height: 8px; transform: rotate(45deg); }


.fancybox-stage .fancybox-content{ overflow:visible !important; padding:0 !important; text-align:center;}
.fancybox-stage .fancybox-content p { margin:0; }
.fancybox-stage .fancybox-close-small{ top:0px !important; right:-50px !important; }
.fancybox-stage .fancybox-close-small:after{ background:#888; color:#fff;  }
.fancybox-stage .fancybox-button { background:#C4832A;top:0;right:0; border-radius:50%;min-width:auto }
.fancybox-stage .fancybox-button svg path{ fill:#ffff; color:#fff;}
.videopopbox { display: none; line-height: 0; }


.commercial_hero.hero_area h2, .commercial_hero.hero_area h1 { margin-top: 200px; text-transform: capitalize; }
.commercial_hero .hero_subtext { color:#fff; font-size: 22px; line-height: 30px; margin-top: 70px; max-width: 1015px; }

.commercial_area { position: relative; padding: 100px 0 70px; }
.commercial_area .commercial_bgimg { position: absolute; top:0; left: 0; width: 100%; height: 700px; }

.commercial_area .commercial_boxcover { display: flex; flex-wrap: wrap; width: 100%; position: relative; }
.commercial_area .commercial_boxcover .commercial_box { width: 33.33%; padding:0 15px; margin-bottom: 30px; }
.commercial_area .commercial_boxcover .commercial_box .commercial_boxinner { display: flex; justify-content: center; align-items: center; position: relative; height: 370px; width: 100%; }
.commercial_area .commercial_boxcover .commercial_box .commercial_boxinner:before { position: absolute; content: ""; left:0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); transition: all .4s ease; border: 3px solid transparent;}
.commercial_area .commercial_boxcover .commercial_box:hover .commercial_boxinner:before {border: 3px solid #C4832A;}
.commercial_area .commercial_boxcover .commercial_box h3 { color:#fff; position: relative; width: 100%; font-weight: bold; text-align: center; padding: 10px; }
.commercial_area .commercial_boxcover .commercial_box .commercial_btn { position: absolute; left: 0; bottom: 20px; width: 100%; color: #fff; text-align: center; font-weight: normal; font-size: 16px; line-height: 24px; transition: all .4s ease; opacity: 0; }
.commercial_area .commercial_boxcover .commercial_box .commercial_btn a { color:#fff; }
.commercial_area .commercial_boxcover .commercial_box .commercial_btn a:hover { color: #C4832A; }
.commercial_area .commercial_boxcover .commercial_box:hover .commercial_btn { opacity: 1; }
.commercial_area .commercial_boxcover .commercial_box:hover .commercial_boxinner:before { background: rgba(0, 0, 0, 0.6); }

/**/
.conproject_area { position: relative; width: 100%; padding-top: 10px; padding-bottom: 75px; background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); }
.conproject_area:before { content: ""; background-image: url('../img/pattern-bg.png'); background-repeat: no-repeat; background-size: cover; position: absolute; left: 0; right: 0; top: -80px; height: 623px; background-position: center; z-index: -1; }
.conproject_area:after { content: ''; position: absolute; background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); top: 315px; left: 0; right: 0; z-index: -1; height: 265px; transform: rotate(180deg);}
.conproject_area .contaner { max-width: 1280px; }
.conproject_area .conproject_projecttab { display: flex; width: 100%; flex-wrap: wrap; }
.conproject_area .conproject_projecttab .conproject_projectbox { padding: 0 5px; width: 33.33%; cursor: pointer; }
.conproject_area .conproject_projecttab .conproject_projectbox h3 {color: #fff; padding:10px; width: 100%; text-align: center; margin:0; }
.conproject_area .conproject_projecttab .conproject_projectbox .conproject_projectboxiner { position: relative; min-height: 170px; display: flex;  align-items: center;  justify-content: center; filter: grayscale(1); }
.conproject_area .conproject_projecttab .conproject_projectbox .conproject_projectboxiner:before { position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 5px; background: #C4832A; opacity: 0; transition: all .4s ease; }
.conproject_area .conproject_projecttab .conproject_projectbox:hover .conproject_projectboxiner:before { opacity: 1;  }
.conproject_area .conproject_projecttab .conproject_projectbox:hover .conproject_projectboxiner { filter: grayscale(0);}
.conproject_area .conproject_projecttab .conproject_projectbox .conproject_projectboxiner.active:before { opacity: 1;}
.conproject_area .conproject_projecttab .conproject_projectbox .conproject_projectboxiner.active { filter: grayscale(0); }

.conproject_area .conproject_projecttab .conproject_projectboxes .facetwp-facet > div,
.conproject_area .conproject_projecttab .conproject_projectboxes .facetwp-radio .facetwp-counter {display: none }
.conproject_area .conproject_projecttab .conproject_projectboxes .facetwp-radio:nth-last-child(1) {background: url(../../../wp-content/uploads/2020/11/comimg-bg.png)}
.conproject_area .conproject_projecttab .conproject_projectboxes .facetwp-radio:nth-last-child(2) {background: url(../../../wp-content/uploads/2020/11/tab1.png)}
.conproject_area .conproject_projecttab .conproject_projectboxes .facetwp-radio:nth-last-child(1),
.conproject_area .conproject_projecttab .conproject_projectboxes .facetwp-radio:nth-last-child(2) {font-weight: bold;font-size: 24px;color: #fff;min-height: 170px;display: flex;align-items: center;justify-content: center;filter: grayscale(1); transition: all 0.4s}
.conproject_area .conproject_projecttab .conproject_projectboxes { width: 66.66%; cursor: pointer; }
.conproject_area .conproject_projecttab .conproject_projectboxes .facetwp-radio {position:relative;background: transparent; padding: 0; margin: 0 5px; width: calc(50% - 10px); float:left; text-align: center;}
.conproject_area .conproject_projecttab .conproject_projectboxes .facetwp-radio.checked, .conproject_area .conproject_projecttab .conproject_projectboxes .facetwp-radio:hover {filter: grayscale(0);}
.conproject_area .conproject_projecttab .conproject_projectboxes .facetwp-radio:before {position: absolute;content: "";left: 0;bottom: 0;width: 100%;height: 5px;background: #C4832A;opacity: 0;transition: all .4s ease;}
.conproject_area .conproject_projecttab .conproject_projectboxes .facetwp-radio.checked:before, .conproject_area .conproject_projecttab .conproject_projectboxes .facetwp-radio:hover:before {opacity: 1}

.conproject_area .conproject_tabsubtitle { width: 100%; text-align: center; padding: 80px 0 70px; }
.conproject_area .conproject_tabsubtitle > div,
.conproject_area .conproject_tabsubtitle ul { width:auto; float: none; display: inline-block; line-height: 0; list-style: none; margin: 0; padding: 0; background: #EFEFEF; border-radius: 29px; }
.conproject_area .conproject_tabsubtitle .facetwp-overlay {display:none}
.conproject_area .conproject_tabsubtitle > div > div,
.conproject_area .conproject_tabsubtitle ul li {  width: auto; float: none; display: inline-block;background: transparent; margin: 0; }
.conproject_area .conproject_tabsubtitle > div > div,
.conproject_area .conproject_tabsubtitle ul li a { float: left; min-width: 260px; max-width: 260px; position: relative; border-radius: 29px; text-align: center; width: auto; color: #707477; font-weight: bold; font-size: 22px; line-height: 30px; padding: 10px 20px; }
/*.conproject_area .conproject_tabsubtitle ul li a:before { position: absolute; content: ""; left: 0; top: 50%; width: 2px; height: 30px;  background: rgba(0, 0, 0, 0.2); transform: translateY(-50%); }*/
.conproject_area .conproject_tabsubtitle ul li:first-child a:before { display: none; }
.conproject_area .conproject_tabsubtitle > div > div:hover,
.conproject_area .conproject_tabsubtitle > div > div.checked,
.conproject_area .conproject_tabsubtitle ul li a:hover,
.conproject_area .conproject_tabsubtitle ul li a.active { background: #C4832A; color: #fff; }
.conproject_area .conproject_tabsubtitle > div > div .facetwp-counter {display:none;}

.conproject_area .conproject_tabinertitle .categor_btn { width: auto; border: 1px solid #000000; min-width: 145px; color: #000; padding: 10px 20px; text-align: center; font-weight: normal; font-size: 16px; line-height: 24px; }
.conproject_area .conproject_tabinertitle .categor_btn:hover { background: #000; color: #fff; }
.conproject_area .conproject_tabinertitle { position: relative; display: flex; align-items: center; }
.conproject_area .conproject_tabinertitle .project_status { position: relative; width: 100%; padding:0; margin: 0; text-align: right; }
.conproject_area .conproject_tabinertitle .project_status > div {display: flex;justify-content: flex-end;}
.conproject_area .conproject_tabinertitle .project_status > div > div:hover,
.conproject_area .conproject_tabinertitle .project_status > div > div.checked {color:#C4832A;}
.conproject_area .conproject_tabinertitle .project_status > div > div {padding: 0;background: transparent;}
.conproject_area .conproject_tabinertitle .project_status > div > div + div {margin-left: 20px;}
.conproject_area .conproject_tabinertitle .project_status > div > div .facetwp-counter {display:none;}

.conproject_area .conproject_tabinertitle ul li { width: auto; float: none; display: inline-block; }
.conproject_area .conproject_tabinertitle ul li a { width: auto; color: #000; font-weight: normal; margin-left: 20px; font-size: 18px; line-height: 24px; }
.conproject_area .conproject_tabinertitle ul li a:hover,.conproject_area .conproject_tabinertitle ul li a.active { color: #C4832A; }
.clear-proj-cats {color: #C4832A; font-size: 14px; margin-left: 25px; cursor: pointer;}
.clear-proj-cats.active {display: inline-block}

.conproject_area .conproject_tabboxcover {  display: flex; flex-wrap: wrap; justify-content: center;  margin: 40px -15px 0 -15px; }
.conproject_area .conproject_tabboxcover .conproject_tabbox { width: 33.33%; padding: 0 15px; margin-bottom: 30px; }
.conproject_area .conproject_tabboxcover .conproject_tabbox h4 { color: #fff; padding: 0 15px; }
.conproject_area .conproject_tabboxcover .conproject_tabboxsubtitle { color: #fff; font-size: 14px; line-height: 24px; text-align: center; }
.conproject_area .conproject_tabboxcover .conproject_tabbox .conproject_boxtoptitle { position: absolute; width: 100%; left: 0; top: 20px; color: #fff; padding: 0 15px; transition: all .4s ease; opacity: 0; }
.conproject_area .conproject_tabboxcover .conproject_tabbox .conproject_tabboxinner { text-align: center; padding: 20px; position: relative; height: 360px; display: flex; align-items: center; }
.conproject_area .conproject_tabboxcover .conproject_tabbox .conproject_tabboxinner:before { position: absolute; content: "" ; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); border:3px solid transparent;  transition: all .4s ease; }
.conproject_area .conproject_tabboxcover .conproject_tabbox:hover .conproject_tabboxinner:before { background: rgba(0,0,0,0.6); border:3px solid #C4832A; }
.conproject_area .conproject_tabboxcover .conproject_tabbox .conproject_tabboxinner .conproject_tablink { position: absolute; left: 0; bottom: 30px; width: 100%; color: #fff; opacity: 0; transition:all .4s ease;  }
.conproject_area .conproject_tabboxcover .conproject_tabbox .conproject_tabboxinner .conproject_tablink a { text-transform: uppercase; color: #fff; }
.conproject_area .conproject_tabboxcover .conproject_tabbox .conproject_boxcentertitle { position: relative; width: 100%; }
.conproject_area .conproject_tabboxcover .conproject_tabbox:hover .conproject_tabboxinner .conproject_tablink { opacity: 1; }
.conproject_area .conproject_tabboxcover .conproject_tabbox:hover .conproject_boxtoptitle { opacity: 1; }

.sidebar_open .conproject_area .conproject_sidebar { left: 0; }
.conproject_area .conproject_sidebar { position: fixed; left: -480px; top:0; width: 100%; max-width: 470px; min-height: 100%; background: #f2f2f2; padding: 60px 40px 50px 40px; z-index: 9999; transition: all .4s ease; }
.conproject_area .conproject_sidebar .sidebar_close { position: absolute; cursor: pointer; right: 30px; top: 60px; }
.conproject_area .conproject_sidebar .sidebar_close img { max-width: 22px;  }
.conproject_area .conproject_sidebar h2 { padding: 0 10px; margin-bottom: 50px; }
.conproject_area .conproject_sidebar ul,
.conproject_area .conproject_sidebar .conpro_sidebarbox > div .facetwp-overlay {display:none;}
.conproject_area .conproject_sidebar .conpro_sidebarbox > div { text-align: left; margin-top: 20px; display: flex; flex-wrap: wrap; }
.conproject_area .conproject_sidebar ul li,
.conproject_area .conproject_sidebar .conpro_sidebarbox > div > div { width: 50%; padding:0 10px; }
.conproject_area .conproject_sidebar ul li a,
.conproject_area .conproject_sidebar .conpro_sidebarbox > div > div { font-size: 14px; background: transparent; float: left; border: 1px solid #000; padding: 14px 10px; border-radius: 30px; width: calc(50% - 20px); text-align: center; margin:0 10px 20px; }
div#innertab1 h2 {margin-top: 50px;}
.conproject_area .conproject_sidebar .conpro_sidebarbox > div > div .facetwp-counter {display: none;}
.conproject_area .conproject_sidebar .conpro_sidebarbox > div > div:hover,
.conproject_area .conproject_sidebar .conpro_sidebarbox > div > div.checked {color:#C4832A;}


/**/
.similarbox_area { position: relative; background: #111111; padding: 70px 0; }
.similarbox_area .container h2 { position: relative; margin:0 0 20px; color: #fff; font-weight: 300; font-size: 52px; line-height: 64px;  }
.similarbox_area .container h2:after { position: relative; content: "";  vertical-align: middle; float: none; display: inline-block; background: #C4832A; width: 68px; height: 2px; margin-left: 15px; }
.similarbox_area .similarbox_cover { width: 100%; display: flex; flex-wrap: wrap;  max-width: 1400px;  margin: 30px auto 0; }
.similarbox_area .similarbox { width: 50%; padding: 0 15px; }
.similarbox_area .similarbox .similarbox_inner { height: 360px; display: flex; align-items: center; padding:0 20px;  transition: all 0.5s;position:relative; }
.similarbox_area .similarbox .similarbox_inner:hover { transform: scale(1.01); }
.similarbox_area .similarbox .similarbox_inner h2 { width: 100%; position: relative; text-align: center; color: #fff; font-weight: 300; font-size: 40px; line-height: 50px; }
.similarbox_area .similarbox .similarbox_inner h2 a { color: #fff; }
.similarbox_inner:before {content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.3);}
section.imgaeslider_area_section + .similarbox_area_section .similarbox_area {padding-top: 150px !important;}

/**/
.imgaeslider_area { position: relative; width: 100%; z-index: 1;  background: #111111; padding: 70px 0 0; text-align: center; }
.imgaeslider_area .monthslider_main { position: relative; }
.imgaeslider_area .monthslider { width: 100%; position: relative; padding: 0 50px; }
.imgaeslider_area .monthslider:before { position: absolute; content: ""; left: 0; top: 50%; width: 100%; height: 1px; background: #fff; transform: translateY(-50%); }
.imgaeslider_area .monthslider:after { position: absolute; content: ""; width: 7px; height: 7px; border-radius: 50%; right: 0; top: 50%; background: #fff; margin-top: -4px; }
.imgaeslider_area .monthslider_main:before { position: absolute; content: ""; width: 7px; height: 7px; border-radius: 50%; left: 0; top: 50%; background: #fff; margin-top: -4px;  }

.imgaeslider_area .monthslider .monthslider_box { text-align: center; }
.imgaeslider_area .monthslider .monthslider_box span { cursor: pointer; margin:0; min-width: 180px; float: none; display: inline-block; font-weight: 500; font-size: 18px; line-height: 24px; padding: 10px 20px; text-align: center; color:#fff; background:#252525; border: 1px solid rgba(0, 0, 0, 0.1); }
.imgaeslider_area .monthslider .monthslider_box.slick-current span { color: #C4832A; background: #fff; }

.imgaeslider_area .fullimgslider_main { width: 100%; padding: 0 20px; }
.imgaeslider_area .fullimgslider { width: 100%; display: inline-block; max-width: 1635px; float: none; margin-top: 0; background: #111; margin-bottom: 0; position: relative;  top: 80px; }
.imgaeslider_area .fullimgslider_box { height: 847px; width: 100%; }

/**/
.keyinfo_area { position: relative; width: 100%; }
.keyinfo_area .keyinfo_top { background: #F9F9F9; padding: 160px 0 270px; }
.keyinfo_area .keyinfo_boxcover { background: #fff; padding-bottom: 100px; width: 100%; }
.keyinfo_area .keyinfo_boxcover .container-fluid { display: flex; flex-wrap: wrap; }
.keyinfo_area .keyinfo_boxcover .keyinfo_box { width: 50%; padding: 0 30px; margin-top: -200px; font-weight: normal;font-size: 18px; line-height: 26px; }
.keyinfo_area .keyinfo_boxcover .keyinfo_box .keyinfo_boximg { width: 175px; height: 200px; margin-left: -30px; margin-bottom: -130px; position: relative; }
.keyinfo_area .keyinfo_boxcover .keyinfo_box .keyinfo_boxcontent { padding: 50px 40px; background: #fff; box-shadow: 0px 4px 28px rgba(0, 0, 0, 0.08); }
.keyinfo_area .keyinfo_boxcover .keyinfo_box .keyinfo_boxcontent ul {margin: 0 -15px 30px; list-style: none; padding: 0; line-height: 32px;}
.keyinfo_area .keyinfo_boxcover .keyinfo_box .keyinfo_boxcontent ul ul {margin: 0;}
.keyinfo_area .keyinfo_boxcover .keyinfo_box .keyinfo_boxcontent ul li {width: 100%; margin: 0 0 10px; position: relative; padding-left: 40px;}
.keyinfo_area .keyinfo_boxcover .keyinfo_box.keyinfo_boxtext .keyinfo_boxcontent ul {columns: 2; -webkit-columns: 2; -moz-columns: 2;}
.keyinfo_area .keyinfo_boxcover .keyinfo_box .keyinfo_boxcontent ul li:before {position: absolute; content: ""; border: 2px solid #C4832A; transform: rotate(45deg); width: 9px; height: 9px; top: 12px; left: 15px;}
.keyinfo_area .keyinfo_boxcover .keyinfo_box h3 { margin-bottom: 90px; width: 60%; font-size: 30px; line-height: 40px; }
.keyinfo_area .keyinfo_boxcover .keyinfo_boxtext.keyinfo_box h3 {width: calc(100% - 164px);}
.keyinfo_area .keyinfo_boxcover .keyinfo_boxtext { width: 100%; }
.keyinfo_area .keyinfo_boxcover .keyinfo_boxtext p:last-child { margin-bottom: 0; }
.keyinfo_area .keyinfo_boxcover .keyinfo_boxttle { display: flex; justify-content: flex-end; }

.keyinfo_area .keyinfo_iconboxcover { position: relative; display: flex; flex-wrap: wrap; }
.keyinfo_area .keyinfo_iconboxcover .keyinfo_iconbox { width: 50%; padding: 0 10px; display: flex; margin-bottom: 50px; }
.keyinfo_area .keyinfo_iconboxcover .keyinfo_icon { max-width: 40px; margin-right: 15px;}
.keyinfo_area .keyinfo_iconboxcover .keyinfo_icontext span { font-weight: bold; display: block; color: rgba(0, 0, 0, 0.6); font-size: 14px; line-height: 20px; }
.keyinfo_area .keyinfo_iconboxcover .keyinfo_icontext h3 { color: #000; font-size: 20px; line-height: 26px; width: 100%; margin:0; }
.keyinfo_icontext > span {padding-top: 5px;}


/**/
.commerimg_tabarea { position: relative; background: #111111; padding: 80px 20px 0; text-align: center; z-index: 1; }
.commerimg_tabarea .commerimg_tabcover { max-width: 1400px; float: none; display: inline-block; width: 100%; margin-bottom: -100px; }
.commerimg_tabarea .commerimg_tabcover .commerimg_boxcover { width: 100%; }
.commerimg_tabarea .commerimg_tabcover .commerimg_tabbox:first-child { display: block; }
.commerimg_tabarea .commerimg_tabcover .commerimg_tabbox { height: 847px; width:100%; display: none; position: relative; }
.commerimg_tabarea .commerimg_tabtitle { text-align: center; position: absolute; width: 100%; left: 0; bottom: 0  }
.commerimg_tabarea .commerimg_tabtitle a { width: auto; float: none; display: inline-block; padding: 10px 20px; margin: 0 15px; text-align: center; min-width: 165px; background: rgba(0, 0, 0, 0.5); border: 1px solid rgba(0, 0, 0, 0.1); font-weight: 500; font-size: 20px;line-height: 23px; color: #fff; }
.commerimg_tabarea .commerimg_tabtitle a.active,.commerimg_tabarea .commerimg_tabtitle a:hover { background: #fff; color: #C4832A; }

/**/
.keyinfo_fullwidth {  }
.keyinfo_fullwidth.keyinfo_area .keyinfo_boxcover .keyinfo_box { width: 100%; font-size: 16px; line-height: 24px; }
.keyinfo_fullwidth.keyinfo_area .keyinfo_boxcover .keyinfo_box h3 { width: 82%; }
.keyinfo_fullwidth.keyinfo_area .keyinfo_boxcover ul { position: relative; list-style: none; padding:0 0 50px 0; text-align: left; display: flex; flex-wrap: wrap; }
.keyinfo_fullwidth.keyinfo_area .keyinfo_boxcover ul li { position: relative; padding-left: 25px; width: 50%; margin-bottom: 10px; }
.keyinfo_fullwidth.keyinfo_area .keyinfo_boxcover ul li:before { position: absolute; content: ""; border: 2px solid #C4832A;  left: 0; top: 8px; width: 8px;  height: 8px; transform: rotate(45deg); }

/**/
.post_listingarea { position: relative; padding: 70px 0; }
.post_listingarea .topic_filter { margin-bottom: 50px; }
.post_listingarea .topic_filter ul { width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.post_listingarea .topic_filter ul li { width: auto; float: none; display: inline-block; }
.post_listingarea .topic_filter ul li a { width: auto; color: #000; font-size: 18px; line-height: 24px; padding:0 30px; }
.post_listingarea .topic_filter ul li a:hover,.post_listingarea .topic_filter ul li a.active { color: #C4832A; }

.post_listingarea .blogpost_cover { width: 100%; }
.post_listingarea .blogpost_cover .blogpost_wrap { width: 100%; text-align: center; }
.post_listingarea .blogpost_item { width: 33.33%; padding: 0 15px; margin-bottom: 30px; text-align: left; float: none; display: inline-block; margin-right: -4px; vertical-align: top; }
.post_listingarea .blogpost_item .blogpost_iteminner { box-shadow: 0px 4px 28px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0px 4px 28px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 4px 28px rgba(0, 0, 0, 0.08); -ms-box-shadow: 0px 4px 28px rgba(0, 0, 0, 0.08); }
.post_listingarea .blogpost_item .post_img { width: 100%; height: 190px; position: relative; }
.post_listingarea .blogpost_item .post_img a { position: absolute; left:0; bottom: 0; font-size: 14px; line-height: 22px; width: auto; padding: 10px 20px; text-align: center; color: #fff; background: #707477; min-width: 110px; }
.post_listingarea .blogpost_item .post_content { padding: 20px; background: #FFFFFF;  }
.post_listingarea .blogpost_item .post_content h3 { width: 100%; margin: 10px 0; font-weight: normal; font-size: 22px; line-height: 30px; }
.post_listingarea .blogpost_item .post_content h3 a { color: #000; }
.post_listingarea .blogpost_item .post_content h3 a:hover { color: #C4832A; }

.post_listingarea .blogpost_item .post_content .post_date { color: #BFBEBE; font-size: 16px; line-height: 24px; }
.post_listingarea .blogpost_item .post_content .post_more { margin-top: 40px; }
.post_listingarea .blogpost_item .post_content .post_more a { font-weight: 300; font-size: 16px; line-height: 24px; color: #707477; text-transform: uppercase; }
.post_listingarea .blogpost_item .post_content .post_more a:hover { color: #C4832A; }
.post_listingarea .blogpost_item .post_content .post_height { width: 100%; }

/*.post_listingarea .blogpost_item:first-child .post_img a { background: #C4832A; }
.post_listingarea .blogpost_item:nth-child(2n) .post_img a { background: #707477; }
.post_listingarea .blogpost_item:nth-child(3n) .post_img a { background: #BDBDBD; } */

.post_listingarea .blogpost_item.real-estate .post_img a { background: #C4832A; }
.post_listingarea .blogpost_item.contracting .post_img a { background: #707477; }
.post_listingarea .blogpost_item.energy .post_img a { background: #BDBDBD; }


.loadmore_post { text-align: center; margin: 50px 0 10px; }
.loadmore_post span { float: none; display: inline-block; min-width: 200px; text-transform: uppercase; padding: 12px 20px; font-weight: 500; font-size: 18px; line-height: 24px; color: #000; border: 1px solid #DEDEDE; transition: all .4s ease; cursor: pointer; }
.loadmore_post span:hover { background: #DEDEDE; color: #fff; }

/**/
.featured_postslider { width: 100%; position: relative; }
.featured_postslider .featured_postcover { width: 100%; position: relative; }
.featured_postslider .featured_postbox { width: 100%; padding: 100px 0 150px; position: relative; z-index: 1; }
.featured_postslider .featured_postbox:before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; z-index: -1; }

.featured_postslider .ourproject_boximgcover ul.slick-dots li button { background: transparent !important; }

.featured_postslider .featured_postbox .featured_postboxinner { width: 50%; }
.featured_postslider .featured_postbox .featured_posttopic { width: 100%; }
.featured_postslider .featured_postbox .featured_posttopic a { width: 100%; font-weight: bold; color: #fff; text-transform: uppercase; font-size: 16px; line-height: 24px; }
.featured_postslider .featured_postbox h2 { margin: 50px 0 20px; width:100%;  color: #fff; font-weight: 300; font-size: 36px; line-height: 44px; }
.featured_postslider .featured_postbox h2 a { color: #fff; }
.featured_postslider .featured_postbox h2 a:hover { color: #ccc; }

.featured_postslider .featured_postbox .feartud_postdate { width:100%; text-transform: uppercase; color: #BFBEBE; font-size: 16px; line-height: 24px; }
.featured_postslider .featured_postbox .feartud_postmore { margin-top: 100px; }
.featured_postslider .featured_postbox .feartud_postmore a { font-weight: 300; font-size: 16px; line-height: 24px; color: #fff; text-transform: uppercase; }
.featured_postslider .featured_postbox .feartud_postmore a:hover { color: #C4832A; }

.fullimgslider .slick-arrow, .preview-gallery-section-main-slider .slick-arrow, .featured_postslider .slick-arrow {position:absolute;top:50%;padding:0;border: 1px solid #C4832A;font-size:0;min-width:auto;width:40px;height:40px;line-height:0;outline:none;background:transparent;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index:2;color:#C4832A;}
.fullimgslider .slick-arrow:hover, .preview-gallery-section-main-slider .slick-arrow:hover, .featured_postslider .slick-arrow:hover { background:transparent; color:#C4832A; }
.fullimgslider .slick-arrow:hover:before, .preview-gallery-section-main-slider .slick-arrow:hover:before, .featured_postslider .slick-arrow:hover:before { color:#C4832A; }
.fullimgslider .slick-prev, .preview-gallery-section-main-slider .slick-prev, .featured_postslider .slick-prev {left:5%;color: #C4832A;}
.fullimgslider .slick-arrow:before, .preview-gallery-section-main-slider .slick-arrow:before, .featured_postslider .slick-arrow:before {font-family:'FontAwesome';font-size:24px;color: #C4832A;}
.fullimgslider .slick-prev:before, .preview-gallery-section-main-slider .slick-prev:before, .featured_postslider .slick-prev:before { content: "\f104"; left:-1px; position: relative; top: 3px; }
.fullimgslider .slick-next, .preview-gallery-section-main-slider .slick-next, .featured_postslider .slick-next { right:5%;}
.fullimgslider .slick-next:before, .preview-gallery-section-main-slider .slick-next:before, .featured_postslider .slick-next:before { content: "\f105"; right: -2px; position: relative; top: 3px }

.featured_postslider .slider__counter { position: absolute; bottom: 50px; padding: 0 20px; left: 50%; width: 100%; color: #fff; font-size: 16px; line-height: 24px; max-width: 1200px; text-align: right; transform: translateX(-50%);}


/**/
.blogpost_innerarea { position: relative; width: 100%; padding: 125px 0 80px; }
.blogpost_innerarea .container { display: flex; flex-wrap: wrap; }
.blogpost_innerarea .blogpost_innerleft { width: 70%; padding-right: 30px; }
.blogpost_innerarea .blogpost_innerright { width: 30%; padding-left: 30px; padding-top: 100px; }
.blogpost_innerarea .blogpost_innerleft .blogpost_innertop .post_topic { color: rgba(0, 0, 0, 0.4); font-weight: bold; font-size: 16px; line-height: 24px; }
.blogpost_innerarea .blogpost_innerleft .blogpost_innertop h2, .blogpost_innerarea .blogpost_innerleft .blogpost_innertop h1 { width: 100%; margin: 30px 0 20px; color: #000000; font-weight: 300; font-size: 36px; line-height: 44px; }
.blogpost_innerarea .blogpost_innerleft .blogpost_follow { display: flex; align-items: center; margin-bottom: 20px; }
.blogpost_innerarea .blogpost_innerleft .blogpost_follow .post_date { color: rgba(0, 0, 0, 0.4); text-transform: uppercase; font-weight: normal; font-size: 14px; line-height: 22px; margin-right: 15px; position: relative;padding-right: 15px; margin-bottom: 0; }
.blogpost_innerarea .blogpost_innerleft .blogpost_follow .post_date:after { position: absolute; content: ""; right: 0; top: 50%; transform: translateY(-50%); background: #C4832A; width: 1px; height: calc(100% - 7px);  }

.blogpost_innerarea .blogpost_innerleft .blogpost_follow ul { width: auto; padding: 0; margin: 0; text-align: center; line-height: 0; }
.blogpost_innerarea .blogpost_innerleft .blogpost_follow ul li { width: auto; margin-left: 0; margin-right: 15px; float: none; display: inline-block; color: rgba(0, 0, 0, 0.4); text-transform: uppercase; font-size: 14px; line-height: 22px; }
.blogpost_innerarea .blogpost_innerleft .blogpost_follow ul li a { color: rgba(0, 0, 0, 0.4); text-transform: uppercase; font-size: 14px; line-height: 22px; }
.blogpost_innerarea .blogpost_innerleft .blogpost_follow ul li a:hover { color:#C4832A ;  }

.blogpost_innerarea .publicity_post { position: relative; width: 100%; }
.blogpost_innerarea .publicity_post .publicity_postbox { width: 100%; margin-bottom: 30px; }
.blogpost_innerarea .publicity_post .publicity_postbox:last-child { margin-bottom: 0; }
.blogpost_innerarea .publicity_post .publicity_postbox iframe { width:100%; }

/**/
.morearticles_area { position: relative; width: 100%; }
.morearticles_area .morearticles_top { padding: 130px 0 280px; background: #F9F9F9; }
.morearticles_area .morearticles_top h2 { padding: 0 15px; }
.morearticles_area .morearticles_cover { padding-bottom: 60px; }
.morearticles_cover .morearticles_box { width: 33.33%; padding: 0 15px; margin-top: -190px; margin-bottom: 30px; text-align: left; float: none; display: inline-block; margin-right: -4px; vertical-align: top; }
.morearticles_cover .morearticles_box .blogpost_iteminner { box-shadow: 0px 4px 28px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0px 4px 28px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 4px 28px rgba(0, 0, 0, 0.08); -ms-box-shadow: 0px 4px 28px rgba(0, 0, 0, 0.08); }
.morearticles_cover .morearticles_box .post_img { width: 100%; height: 190px; position: relative; }
.morearticles_cover .morearticles_box .post_content { padding: 40px; background: #FFFFFF;  }
.morearticles_cover .morearticles_box .post_content h3 { width: 100%; margin: 10px 0; font-weight: normal; font-size: 22px; line-height: 30px; }
.morearticles_cover .morearticles_box .post_content h3 a { color: #000; }
.morearticles_cover .morearticles_box .post_content h3 a:hover { color: #C4832A; }

.morearticles_cover .morearticles_box .post_content .post_date { color: rgba(0, 0, 0, 0.4); font-size: 16px; line-height: 24px; }
.morearticles_cover .morearticles_box .post_content .post_more { margin-top: 20px; }
.morearticles_cover .morearticles_box .post_content .post_more a { font-weight: 300; font-size: 16px; line-height: 24px; color: #707477; text-transform: uppercase; }
.morearticles_cover .morearticles_box .post_content .post_more a:hover { color: #C4832A; }
.morearticles_cover .morearticles_box .post_content .post_height { width: 100%; }

/**/
.myaccount_area {  position: relative; width: 100%; }
.myaccount_area:before { position: absolute; content: ""; right: 0; top: 0; width: 50%; height: 100%; background: #F9F9F9; }
.myaccount_area .container { display: flex; flex-wrap: wrap; }
.myaccount_area h4, .myaccount_area h1 { width: 100%;  font-size: 22px; line-height: 26px; text-transform: uppercase; color: #000; margin-bottom: 35px; }
.myaccount_area .myaccount_left { width: 50%; padding: 100px 50px; position: relative; }
.myaccount_area .myaccount_right { width: 50%; padding: 100px 50px; position: relative; background: #F9F9F9; }

.myaccount_area.loggedIn .myaccount_left {width: 66.666%;}
.myaccount_area.loggedIn .myaccount_right {width: 33.3333%;}
.myaccount_area.loggedIn:before {width: 33.333%;}
.useful-links:after {content: ''; display: block;	clear: both;}
.useful-links .row {margin: 0 -10px;}
.useful-links .row div {width: 33.333%;float: left;padding: 0 10px;}
.useful-links a {display: block; padding: 17px 5px; text-align: center; border: 1px solid #000000; margin-bottom: 20px; color: rgba(0,0,0,0.5);font-weight: bold;font-size: 18px;}
.useful-links a:hover {color: #000;border: 1px solid #C4832A;}
.pricelists a {display: block;max-width: 253px;width: 100%;padding: 17px 5px; text-align: center; background: #FFFFFF; border: 1px solid #C4832A; margin-bottom: 20px;color: #C4832A;font-weight: bold; font-size: 18px;}
.pricelists a:hover { color: #000;}
.myaccount_area.loggedIn > div {max-width: 1300px; margin: 0 auto; padding: 0 15px;}
.myaccount_area.loggedIn > div .container {width: 100%; padding: 0;}
.myaccount_area.loggedIn div#formid > a {margin-top: 30px;display: block;max-width: max-content;}

.myaccount_area .formtab_title { width: 100%; margin-bottom: 30px; }
.myaccount_area .formtab_title .formtab_titlewrap { background: #EFEFEF; border-radius: 29px;  width: auto; display: inline-flex;  line-height: 0; }
.myaccount_area .formtab_title a { width: auto; background: #EFEFEF; border-radius: 29px; padding: 6px 20px 10px 20px; text-align: center; min-width: 120px; font-size: 16px; line-height: 24px; color: #707477; }
.myaccount_area .formtab_title a:hover,.myaccount_area .formtab_title a.active { background: #C4832A; color: #fff; }

.myaccount_area .myaccountform_cover {  }
.myaccount_area .myaccountform_cover .myaccountform_box:first-child { display: block; }
.myaccount_area .myaccountform_cover .myaccountform_box { width: 100%; display: none; }

.myaccount_area form .wpforms-submit {margin-top: 70px !important; min-width: 230px; text-transform: uppercase !important; padding: 14px 15px !important; min-width: 200px; text-align: center; background: #fff !important; transition: all .4s ease; }
.myaccount_area form .wpforms-submit:hover { background: #C4832A !important; border: 1px solid #C4832A !important;   color: #fff !important; }
.myaccount_area form input { background: rgba(0, 0, 0, 0.05) !important; max-width: 300px !important; width: 100% !important; height: 60px !important; border: none !important; padding: 10px 20px !important; }
.myaccount_area .myaccount_right .partner_btn { width: 100%; }
.myaccount_area .myaccount_right .partner_btn a { width:auto; transition: all .4s ease; text-transform: uppercase; min-width: 230px; display: inline-block; background-color: #fff; border: 1px solid #ddd; color: #333; font-size: 1em; padding: 14px 15px; text-align: center; }
.myaccount_area .myaccount_right .partner_btn a:hover { background: #C4832A !important; border: 1px solid #C4832A !important;   color: #fff !important;  }
.myaccount_area .myaccount_right ul { position: relative; list-style: none; margin-bottom: 0; padding:0 0 151px 0; text-align: left; display: flex; flex-wrap: wrap; }
.myaccount_area .myaccount_right ul li { position: relative; padding-left: 25px; width: 100%; margin-bottom: 10px; }
.myaccount_area .myaccount_right ul li:before { position: absolute; content: ""; border: 2px solid #C4832A;  left: 0; top: 8px; width: 8px;  height: 8px; transform: rotate(45deg); }
.myaccount_area form .wpforms-field-description a { color: #000000; font-size: 14px; line-height: 24px; margin-top: 18px; display: block; }

.myaccount_area form input::-webkit-input-placeholder { color: #000; font-family: 'Roboto', sans-serif; opacity:1; font-size:18px; line-height:20px;}
.myaccount_area form input::-moz-placeholder { color: #000; font-family: 'Roboto', sans-serif; opacity:1; font-size:18px; line-height:20px;}
.myaccount_area form input:-ms-input-placeholder { color: #000; font-family: 'Roboto', sans-serif; opacity:1; font-size:18px; line-height:20px;}
.myaccount_area form input:-moz-placeholder { color: #000; font-family: 'Roboto', sans-serif; opacity:1; font-size:18px; line-height:20px; }

.fullimgslider  ul.slick-dots, .preview-gallery-section-main-slider ul.slick-dots, .featured_postcover ul.slick-dots { margin:0; padding:10px 0 0; text-align:center; position: absolute; bottom: 30px; list-style:none; float:left; width:100%;}
.fullimgslider  ul.slick-dots li, .preview-gallery-section-main-slider ul.slick-dots li, .featured_postcover ul.slick-dots li { display:inline-block; padding:0 5px; }
.fullimgslider  ul.slick-dots li button, .preview-gallery-section-main-slider ul.slick-dots li button, .featured_postcover ul.slick-dots li button { display:inline-block; background:#a1a1a1;  min-width:auto; padding:0; border:0;width:12px; height:12px; border-radius:100%; font-size:0; text-indent:-9999; cursor:pointer; }
.fullimgslider  ul.slick-dots li button:hover , .fullimgslider  ul.slick-dots li.slick-active button,
.preview-gallery-section-main-slider ul.slick-dots li button:hover , .preview-gallery-section-main-slider ul.slick-dots li.slick-active button,
.featured_postcover ul.slick-dots li button:hover , .featured_postcover ul.slick-dots li.slick-active button{ background:#C4832A; }

.fullimgslider_box { position: relative; }
.preview-gallery-counter, .fullimgslider_box .slider__counter { position: absolute; bottom: 50px; padding: 0 50px; left: 0; width: 100%; color: #fff; font-size: 16px; line-height: 24px;  text-align: right; }


/*.post_listingarea .blogpost_item:nth-child(3n+1) .post_img a {background-color: #C4832A;}*/

/**/

/* 27-11-2020 */
.transparent-header header.not-sticky-header { position: fixed; }
body.transparent-header header { top: 0 !important;  position: fixed; }
.fiftytextimg_area { overflow: hidden; }
.vertical_slider_v2 .slick-next:after { content: "2019"; }

.jointeam_area_join { padding-top: 140px; padding-bottom: 135px; }

.jointeam_area_join .jointeam_right {  width: 52%; }
.jointeam_area_join .jointeam_left { width: 49%;  padding-right: 110px; }
.jointeam_area_join_v2.jointeam_imgleft .jointeam_left { padding-left: 70px; }

.contact_form div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item { padding: 10px 38px; }
.contact_form div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item.parent_option {padding: 10px 20px;color: #000;font-weight: 400;}
.contact_form div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item.parent_option {pointer-events: none; }

/*28-11-2020*/
.openingandform_area_v2 .openingandform_right { padding: 80px 0 80px 90px; }

div.wpforms-container-full .wpforms-form .wpforms-field-file-upload { padding-top: 25px;  padding-bottom: 20px !important; }

.fancy_open_body .fancybox-slide { padding: 0; }
.fancy_open_body .becompartner_area_section { width: 100%; text-align: left; }
.fancy_open_body button.fancybox-button { top: 2px !important; right: 10px !important; }
.becompartner_area_section .becompartner_area { min-height: 100vh; }

.becompartner_area_section .becompartner_right { width: 50%; padding: 100px 35px 80px 90px; }
.becompartner_area_section .becompartner_left, .becompartner_area_section .becompartner_left.becompartner_area_section_global.join_team_area_section_global { width: 50%; padding-top: 195px; }
.becompartner_area_section .becompartner_right .becompartner_inner { width: 100%; max-width: 540px; }
.becompartner_area_section h5 { font-weight: 700; font-size: 18px; margin-bottom: 16px; }
.becompartner_area_section .becompartner_left ul {  margin-bottom: 24px; }
.becompartner_area .btnstyle_2 a { margin-top: 18px; text-transform: uppercase; }
.becompartner_area .btnstyle_2 a:focus { color: #fff;  }
.becompartner_area_section div.wpforms-container-full .wpforms-form .wpforms-field-file-upload {  padding-top: 25px; padding-bottom: 10px; }
.becompartner_area_section h3 { font-size: 36px; line-height: 42px; font-weight: 300; margin-bottom: 38px; }

.workingcyfield_area .btnstyle_2 a { text-transform: uppercase; }

.wewanthere_area_v2 { padding: 145px 0; }
.addinlocation_area { padding-top: 140px; padding-bottom: 155px; }
.addinlocation_area .addinlocation_cover { margin-top: 100px; }

.addinlocation_athenstext h6 {  font-size: 26px; }
.addinlocation_cover .addinlocation_athenstext span { font-size: 16px; }
.addinlocation_cover .addinlocation_athenshover { z-index: 1;  }

.epc-section .right { padding-left: 0; }
.epc-section .right .text { display: block; padding-right: 20px; }
.epc-section .right ul li { margin-left: 0; margin-right: 25px; }

.contract_hero {  padding-top: 140px; }
.contract_hero .home-hero-slide-title { font-weight: bold;  font-size: 24px; }
.contract_hero .home-hero-slide-content:hover .home-hero-slide-content-inner { top: auto; transform: none;  bottom: 30px; }
div.wpforms-container-full .wpforms-form .wpforms-field:after , div.wpforms-container-full .wpforms-form .wpforms-field:before {content: "";display: table;clear: both;}

.whatwedo_area .whatwedo_cover { margin-left: -15px; margin-right: -15px; }
.whatwedo_area .whatwedo_cover .whatwedo_box { padding:  0 15px 15px; }
.whatwedo_area .container { max-width: 1000px; }

.commercial_area { padding-top: 140px; padding-bottom: 110px; }
.commercial_area .commercial_boxcover .commercial_box .commercial_btn { bottom: 38px; }
.commercial_area {position: relative;z-index: 1;background: #f9f9f9;overflow: hidden;}
.commercial_area:before {content: "";background-image: url('https://149558127.v2.pressablecdn.com/wp-content/uploads/2020/12/secvat.svg');background-repeat: no-repeat;background-size: 100%;position: absolute;left: 0;right: 0;top: -210px;bottom: 0;height: 830px;z-index: -2;  }
.commercial_area:after { content: ""; position: absolute; left: 0; right: 0; top: 330px; height: 320px; z-index: -1; background: linear-gradient(180deg, #f9f9f9 0%, rgba(255, 255, 255, 0) 100%); transform: rotate(-180deg); }

.hero_area {  position: relative; z-index: 1; }
.hero_area:after {content: "";position: absolute;bottom: 0;left: 0;right: 0;background: linear-gradient(180deg, #707477 0%, rgba(112, 116, 119, 0) 100%);mix-blend-mode: multiply;transform: rotate(-180deg);height: 300px;z-index: -1;}
.hero_area:before {content: ''; position: absolute; bottom: 0; top: 0; left: 0; right: 0; z-index: -2; background: linear-gradient(270deg, rgba(0, 0, 0, 0.32) 5.83%, rgba(0, 0, 0, 0.2) 91.9%), linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)); }

.featured_postslider .featured_postbox:before {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,0.3);z-index: -1;opacity: 1;}
.loadmore_post span:hover { background: #C4832A !important; border: 1px solid #C4832A !important; color: #fff !important; }

.epc-section .contract-text a {  color: rgba(0, 0, 0, 0.4); }
.epc-section .contract-text a:hover { color: #C4832A; }

/*---*/
.spcvideoslide_imgtextmain { position: relative; width: 100%; min-height: 850px; overflow: hidden;}
.spcvideoslide_imgtextmain .spcvideoslide_imgmain { width: 100%; z-index:11; position: relative; }
.spcvideoslide_imgtextmain .spcvideoslide_imgmain .spcvideoslide_img { position: absolute; min-height: 850px;  width: 100%; height: 100%; }
.spcvideoslide_imgtextmain .spcvideoslide_imgmain .spcvideoslide_img:before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.2; }
.spcvideoslide_imgtextmain .slick-list { padding: 0 !important; }
.spcvideoslide_imgtextmain .spcvideoslide_temaintop .spcvideoslide_text{ display: flex; align-items: center; opacity: 0.5; min-height: 90px; transition: all .4s ease; }
.spcvideoslide_imgtextmain .spcvideoslide_text a { color: #fff; }
.spcvideoslide_imgtextmain .spcvideoslide_text h4 { color: #fff; line-height: 32px; font-size: 26px; margin-bottom: 15px; }
.spcvideoslide_imgtextmain .spcvideoslide_text .videoplay_btn { color:#fff;  display:none; }
.spcvideoslide_imgtextmain .slick-current.spcvideoslide_text { opacity: 1; }
.spcvideoslide_imgtextmain .slick-current.spcvideoslide_text .videoplay_btn { display: block; }
.spcvideoslide_imgtextmain .spcvideoslide_textmain { position: absolute; width: 100%; left: 0; top:50%; z-index:11; transform: translateY(-50%); }
.spcvideoslide_imgtextmain .spcvideoslide_textmain .container { width: 450px; margin:0 0 0 60px; }
.spcvideoslide_imgtextmain .spcvideoslide_textwrap { width: 100%; }

/*.spcvideoslide_imgtextmain .videoplay_main.spcvideoslide_textmain .slick-track { display: flex; align-items: center; }*/
.spcvideoslide_imgtextmain .videoplay_main { width: auto; left: 50%; top: 50%; transform: translateX(-50%)translateY(-50%); }
/*.spcvideoslide_imgtextmain .videoplay_main .spcvideoslide_text { opacity: 0; text-align: center; display: none; width: 100% !important; }*/
.spcvideoslide_imgtextmain .videoplay_main .spcvideoslide_text.slick-current { opacity: 1; display: block; }
.spcvideoslide_imgtextmain .videoplay_main .spcvideoslide_text a { float: none; display: inline-block; }
.spcvideoslide_imgtextmain .videoplay_main.spcvideoslide_textmain .container { margin:0; width:100%; text-align: center; }

/**/
.becompartner_area_section_global { text-align: left !important; }
.becompartner_area_section_global.becompartner_area_section .becompartner_left { padding-left: 50px; padding-top:145px; padding-right: 125px; }
.becompartner_area_section_global.becompartner_area_section .becompartner_right { padding:50px 85px; }
.becompartner_area_section_globalbecompartner_area_section .becompartner_right .becompartner_inner { max-width: 100%; }
.becompartner_area_section_global.becompartner_area_section .becompartner_left > * {max-width: 710px; margin-left: auto; }
.becompartner_text {white-space: pre-line;}

.contact_form div.wpforms-container-full .wpforms-form label.wpforms-error { font-size: 12px; color: #C4832A; text-decoration: underline !important; position: relative !important; width: 100%; }
.contact_form div.wpforms-container-full .wpforms-field-file-upload label.wpforms-error { position:absolute !important; bottom: -8px; }
.wpforms-error-container {background: #9F050B !important; color: #fff !important; padding: 5px 10px !important;  margin-top: 15px !important;}
.wpforms-error-container:first-child {margin: 0 0 15px !important;}

.fancybox-stage .becompartner_area_section .becompartner_area { text-align: left !important;  }

.projects-gallery-section .proj-tab-content-intro { margin-top: 25px; padding-top: 25px; margin-bottom: 25px; }

.yearsbtn { color: rgba(255, 255, 255, 0.6); cursor: pointer; text-transform: uppercase;  font-weight: bold; font-size: 16px;  line-height: 24px; }


.ourteam_area .ourteam_tabboxwrap .ourteam_boxitem .ourteam_tabbox { position: relative;  z-index: 1; filter: grayscale(100%);}
.ourteam_area .ourteam_tabboxwrap .ourteam_boxitem .ourteam_tabbox:before {content: "";background: #000;position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: -1;opacity: 0.3; }

.team-popup-wrapper {position: fixed; left: 0;right: 0;top: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); z-index: -1; opacity: 0; display: flex;justify-content: center;align-items: center;}
.team-popup-wrapper.active {z-index: 9990; opacity: 1;}
.team-popup-inner-wrapper {margin: 0 15px; background: #fff; overflow: auto;position: relative; width: 100%; max-width: 1230px; padding: 35px; max-height: 80vh;}
.team-popup-img {margin-right: 70px; width: 305px; display: inline-block;}
.team-popup-inner-info {width: calc(100% - 380px);display: inline-block;}
.team-popup-img img {width: 100%;}
.team-popup-inner > div {vertical-align: middle;}
.team-popup-inner > span {width: 35px; height: 35px; position: absolute; right: 30px; top: 25px; background-size: 20px auto;background-repeat: no-repeat; background-position: center; z-index: 1; cursor: pointer;}
.team-popup-position {font-size: 16px; font-weight: bold; color: rgba(0,0,0,0.6); margin-bottom: 25px;}
.team-popup-contact-info a {font-weight: bold;}





.fancybox-slide .becompartner_area .becompartner_bgimg { background-position: bottom center; background-size: auto; }
.fancybox-container .fancybox-stage .fancybox-button {  top: 70px !important; right: 20px !important; }

.conproject_tabmain { max-width: 1140px; margin: 0 auto; }

.proj-tabs-content .proj-tab-content-left h6 { font-weight: bold; font-size: 16px; color: #626262; }



/* 11-12-2020 */

.projects-gallery-section .proj-tab-content-title { margin: 25px 0; font-weight: 300; font-size: 50px; color: #000000; line-height: 1em; display: inline-block; vertical-align: top; position: relative; max-width: 500px; }
.projects-gallery-section .proj-tab-content-title:before { position: absolute; content: ""; background: #C4832A; width: 68px; height: 2px; right: -80px; top: 32px; }

/* 11-12-2020 */


.lab-machin-overview-section { position: relative; width: 100%; padding: 120px 0; z-index: 1; background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); overflow: hidden; }
.lab-machin-overview-section:before { content: ""; background-image: url(../img/pattern-bg-2.jpg); background-repeat: no-repeat; background-size: 100%; position: absolute; left: 0; right: 0; top: 0; height: 100%; background-position: top; z-index: -1; }
.lab-machin-overview-section .contentmore_read { max-width: 970px; margin-bottom: 50px; }
.lab-machin-overview-section .items-section > ul { margin: 0 -12px 35px; columns: 3; -webkit-columns: 3; -moz-columns: 3;}
.items-section > ul { margin: 0 0 35px; columns: 3; -webkit-columns: 3; -moz-columns: 3;}
.lab-machin-overview-section .items-section > ul li { margin: 0 15px 10px; }
.lab-machin-overview-section .item-gallery-box, .epc-overview-section .item-gallery-box { flex-flow: row wrap; display: flex; margin: 100px -15px 0; }
.lab-machin-overview-section .item-gallery, .epc-overview-section .item-gallery { width: calc(33.33% - 30px); margin: 0 15px 30px; position: relative; text-align: center; }
.lab-machin-overview-section .item-gallery .image-label, .epc-overview-section .item-gallery .image-label { position: absolute; left: 15px; right: 15px; bottom: 40px; color: #fff; font-size: 24px; line-height: 31px; font-weight: 700; z-index: 1; }
.lab-machin-overview-section .item-gallery img, .epc-overview-section .item-gallery img { transition: all 0.5s; }
.lab-machin-overview-section .item-gallery:hover img, .epc-overview-section .item-gallery:hover img { transform: scale(1.03); }
.lab-machin-overview-section .item-gallery a, .epc-overview-section .item-gallery a {display: block; padding-top: 95%; background-size: cover; background-position: center;transition: all 0.3s;}
.lab-machin-overview-section .item-gallery a:hover, .epc-overview-section .item-gallery a:hover {transform: scale(1.03);}
.lab-machin-overview-section .item-gallery a:before, .epc-overview-section .item-gallery a:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.15);}
.lab-machin-overview-section .items-section ol { padding: 0; list-style: none; counter-reset: my-awesome-counter;}
.lab-machin-overview-section .items-section ol li { counter-increment: my-awesome-counter; font-size: 18px; line-height: 23px;}
.lab-machin-overview-section .items-section ol li + li { margin-top: 22px;}
.lab-machin-overview-section .items-section ol li:before { content: counter(my-awesome-counter) ". "; color: #C4832A; font-weight: bold;}

.lab-machin-overview-section.contracting-overview {background: transparent;margin-top: 100px;}
.lab-machin-overview-section.contracting-overview:before {display: none;}

.projectpart_area .projectpart_itemcover > .projectpart_slidebox + .projectpart_slidebox { display: none; }
div#become_partner_popup_global { width: 100%; }


.imgaeslider_area .fullimgslider:not(.simple_fullimgslider),
.commerimg_boxcover:not(.simple_commerimg_boxcover) {
    background: #111;
}
.imgaeslider_area .fullimgslider.simple_fullimgslider,
.commerimg_boxcover.simple_commerimg_boxcover {
    background: #fff;
}
.fullimgslider_box_overlay {
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    filter: blur(4px);
    -o-filter: blur(4px);
    -ms-filter: blur(4px);
    -moz-filter: blur(4px);
    -webkit-filter: blur(4px);
    opacity: 0.5;
}
.fullimgslider_box_inner {
    height: 100%;
}

.monthslider .slick-arrow { border: 0; background: transparent; font-size: 0;  color: #fff; line-height: 30px; text-align: center; width: 30px; position: absolute; top: 30px; left: 0; z-index: 3; transition: all 0.3s; }
.monthslider .slick-arrow.slick-next { left: 30px; }
.monthslider .slick-arrow:before { position: absolute; font-weight: 300; font-family:'FontAwesome'; content: ""; left: 0; top:0; width: 100%;  height: 100%;  font-size: 24px; }
.monthslider .slick-prev:before { content: "\f104"; }
.monthslider .slick-next:before { content: "\f105"; }
.monthslider_main .slick-list {padding: 0 10px;}
.monthslider > .monthslider_box + .monthslider_box {display: none;}

/*header { display: none; }*/

@media (min-width: 1200px){
    .featured_postslider .featured_postbox { min-height: 720px; }
}

@media (max-width: 1700px){
    .becompartner_area_section_global.becompartner_area_section .becompartner_left {padding-right: 50px;}
}

@media (max-width: 1500px){
    .projectpart_area .projectpart_itemcover .projectpart_item { width: 100%; }
}

@media (max-width: 1300px){
    .useful-links .row div {width: 50%;}
}

@media (max-width: 1199px){
    .vertical_slider .vertical_sliderbox .vertical_boxinner {padding-top: 150px;}
    .commercial_area:before , .commercial_area:after {  display: none; }
    .becompartner_area_section_global.becompartner_area_section .becompartner_right {padding: 50px;}
    .projectpart_area .projectpart_itemcover .projectpart_item h2 .numscroller + span {font-size: 45px; margin-left: -10px;}
    .team-popup-inner > div {vertical-align: text-top;}
    .team-popup-img {margin-right: 35px;}
    .team-popup-inner-info {width: calc(100% - 345px);}
}

@media (min-width: 1550px){
    /*.becompartner_area_section .becompartner_left { padding-left: calc((100% - 1480px) / 2); }*/


}
@media (min-width: 1700px){

    .jointeam_area_join .jointeam_right {  width: 41%; }
    .jointeam_area_join .jointeam_left { width: 59%;  padding-right: 179px; }

}


@media (min-width: 1401px) and (max-width: 1600px){

    .ourteam_area .ourteam_tabtitle ul li { margin-right: 20px; }
    .ourteam_area .ourteam_boxcover:before { width: calc(100% - 120px); }



}

@media (min-width: 1200px) and (max-width: 1400px){

    .ourproject_area .project_btn { right: 0;  }
    .ourbusiness_area { padding: 50px;  }
    .ourproject_area .ourproject_box h2 { font-size: 40px; line-height: 56px; }
    .vertical_slider .vertical_sliderbox .vertical_boxinner { right: 0; left: auto; }
    .year_slider { right: 0; left: auto; }

    .ourteam_area .ourteam_top { padding: 80px 0;  }
    .ourteam_area .ourteam_tabboxwrap .ourteam_tabbox.ourteam_tabfirstbox { padding: 30px;  }
    .ourteam_area .ourteam_tabboxwrap .ourteam_tabbox.ourteam_tabfirstbox h2 {  font-size: 40px; line-height: 56px;  }
    .ourteam_area .ourteam_tabboxwrap .ourteam_tabbox { height: 320px;  }
    .ourteam_area .ourteam_tabboxwrap .ourteam_tabboxinner h4 { font-size: 22px; line-height: 28px;  }
    .ourteam_area .ourteam_tabtitle .teamjoin_btn { right: 0;  }
    .ourteam_area .ourteam_tabtitle ul li a { font-size:14px;  }
    .ourteam_area .ourteam_boxcover:before { width: calc(100% - 60px); }
    .ourteam_area .ourteam_tabboxwrap .ourteam_tabbox.ourteam_tabfirstbox h2:after { display: none; }

    .workingcyfield_area { height: 900px; }
    .humancapital_area { padding: 100px 0; }

    .becompartner_area h2 { font-size: 38px; line-height: 48px; }

    .energy_section { padding: 100px 0; }


    .epc-video-section { min-height: inherit; padding: 200px 0; }


    .fullimgslider .slick-prev, .preview-gallery-section-main-slider .slick-prev, .featured_postslider .slick-prev { left: 1%; }
    .fullimgslider .slick-next, .preview-gallery-section-main-slider .slick-next, .featured_postslider .slick-next { right: 1%; }

    .spcvideoslide_imgtextmain{ min-height:600px; }
    .spcvideoslide_imgtextmain .spcvideoslide_imgmain .spcvideoslide_img { min-height:600px;}
    .spcvideoslide_imgtextmain .spcvideoslide_textmain .container { margin: 0 0 0 30px; }
    .fancybox-stage .becompartner_area .becompartner_left { padding-left: 30px; text-align: left; padding-top: 185px; }

    .projects-gallery-section .proj-tab-content-title { font-size: 46px; max-width: 440px; }
    .projects-gallery-section .proj-tab-content-title:before { top: 27px; }

    .lab-machin-overview-section { padding: 80px 0; }
    .lab-machin-overview-section .item-gallery-box { margin-top: 60px; }


}

@media (min-width: 768px) and (max-width: 1440px){

    /*.fancybox-inner .fancybox-slide { padding-left: 55px;  padding-right: 55px; }*/



}

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

    .hero_area { height: 500px;  padding: 150px 0 100px; }
    .services_area { padding: 50px 0; }
    .halfimgtext_area .imgtext_box .imgtext_hovertext { font-size: 24px; line-height: 30px;  }
    .halfimgtext_area .imgtext_box h2 { font-size: 44px;  line-height: 54px; }
    .halfimgtext_area .imgtext_box h6 { font-size: 18px;  }

    .fiftytextimg_area .fiftytextimg_boxleft { padding: 60px 50px 60px calc((100% - 960px) / 2);  }
    .fiftytextimg_area .fiftytextimg_boxleft h2 { font-size: 44px;  line-height: 54px; }
    .contentmore_area .contentmore_btns a { font-size: 16px; line-height: 22px; }

    .ourbusiness_area { padding: 50px; }
    .ourbusiness_area .ourbusiness_box h3 { font-size: 24px; line-height: 30px; }
    .ourproject_area .project_btn { right: 0; }
    .ourproject_area .ourproject_box .ourproject_boxleft {  padding: 60px 50px 60px calc((100% - 960px) / 2);   }
    .ourproject_area .ourproject_box h2 { font-size: 34px;  line-height:44px;   }
    .ourproject_area:before { width: calc(100% - 50px); }

    .vertical_slider .vertical_sliderbox .vertical_boxinner { right: 0; max-width: 700px; left: auto; }
    .vertical_slider .vertical_sliderbox .vertical_boxcontent { max-width: 380px; }
    .vertical_slider .vertical_sliderbox h2 { font-size: 45px; line-height: 54px;}
    .year_slider { max-width: 700px; left: auto;  right: 0;  width: 100%; }

    .vertical_slider .slick-prev { left: 100px; }
    .vertical_slider .slick-next  { left: 100px; }

    .ourteam_area .ourteam_boxcover { padding: 40px 0 100px; }
    .ourteam_area .ourteam_boxcover:before {  width: calc(100% - 50px); height: calc(100% - 40px); }
    .ourteam_area .ourteam_tabtitle .teamjoin_btn { right: 0; }
    .ourteam_area .ourteam_tabboxwrap .ourteam_tabbox { height: 300px; padding: 20px; }
    .ourteam_area .ourteam_tabboxwrap .ourteam_tabbox.ourteam_tabfirstbox { padding: 30px;  }
    .ourteam_area .ourteam_tabboxwrap .ourteam_tabbox.ourteam_tabfirstbox h2 { font-size: 32px; line-height: 40px; }
    .ourteam_area .ourteam_tabboxwrap .ourteam_tabboxinner h4 { font-size: 20px;  line-height: 26px; }
    .ourteam_area .ourteam_tabboxwrap .ourteam_tabboxinner span {  font-size: 14px; }
    .ourteam_area .ourteam_tabtitle ul li { margin-right: 28px; margin-bottom: 10px; }
    .ourteam_area .ourteam_tabtitle { margin-bottom: 30px; }
    .ourteam_area .ourteam_tabboxwrap .ourteam_tabbox.ourteam_tabfirstbox h2:after {  display: none; }

    .workingcyfield_area { height: 700px; }
    .humancapital_area { padding: 60px 0;  }

    .jointeam_area { padding: 50px 0; }
    .jointeam_area .jointeam_left h3 { font-size: 24px; line-height: 34px;  margin-bottom: 20px; }
    .jointeam_area.jointeam_imgleft .jointeam_left { padding-left: 50px; }
    .jointeam_area .jointeam_left { padding-right: 40px;  }

    .openingandform_area .openingandform_left { padding: 40px 40px 40px 0px;  }
    .openingandform_area .openingandform_right { padding: 40px 0 40px 40px; }
    .openingandform_area h2 {  font-size: 34px;  line-height: 54px; }

    .openingandform_right div.wpforms-container-full .wpforms-form input[type=checkbox] { width: 25px !important; margin:5px 15px 0 0 !important; }

    .becompartner_area .becompartner_left { width: 50%; padding: 40px 50px 40px 50px; }
    .becompartner_area .becompartner_right { width: 50%; }
    .becompartner_area h2 { font-size: 34px; line-height: 44px; }
    .becompartner_area h3 { font-size: 24px; line-height: 32px; }
    .becompartner_area h2:after,.becompartner_area h3:after { display: none; }

    .energy_section { padding: 80px 0; }

    .energy_bottom:before { top: 70px; height: calc(100% - 140px); }
    .energy_bottom .energy-box { margin:70px 0; height: 600px; padding: 15px; }
    .energy_bottom .energy-box:before, .energy_bottom .energy-box:after { top: -70px; }
    .energy_bottom .energy-box .energybox-inner { max-width: 100%; margin: 0 !important; }
    .energy_bottom .energy-box .energybox-innerhover { left: 0 !important; right: 0 !important; max-width: 100%; padding: 15px; }

    .epc-section { padding: 70px 0; }
    .epc-section .left h2, .epc-section .left h1 { margin: 30px 0 20px; }
    .epc-section .left h4 { font-size: 24px; }

    .brochure-section { padding: 40px 50px 0; }

    .epc-overview-section { padding: 190px 0 80px; }

    .epc-video-section { min-height: inherit; padding: 130px 0; }
    .epc-video-section .tab-pane .video-menu { padding-left: 0; width: 400px; }

    .whatwedo_area .whatwedo_cover { margin-top: 50px; }
    .whatwedo_area { padding: 70px 0 20px; }
    .projectpart_area .projectpart_box { padding: 30px;	 }
    .projectpart_area .projectpart_itemcover .projectpart_item h2 { font-size: 60px;  line-height: 74px; }

    .commercial_area { padding: 80px 0 50px; }
    .commercial_area .commercial_boxcover .commercial_box .commercial_boxinner { height: 330px; }

    .similarbox_area { padding: 50px 0; }

    /**/
    .imgaeslider_area .fullimgslider_box { height: 600px; }
    .keyinfo_area .keyinfo_top { padding: 100px 0 240px; }
    .keyinfo_area .keyinfo_boxcover .keyinfo_box h3 { margin-bottom: 80px;  font-size: 24px; }
    .keyinfo_area .keyinfo_boxcover .keyinfo_boxtext.keyinfo_box h3 {width: calc(100% - 150px);}
    .keyinfo_area .keyinfo_iconboxcover .keyinfo_icontext h3 { font-size: 18px; margin-bottom: 0; }
    .keyinfo_area .keyinfo_iconboxcover .keyinfo_iconbox { margin-bottom: 30px; }
    .imgaeslider_area .fullimgslider { top: 40px; }

    /**/
    .post_listingarea .blogpost_item { padding: 0 12px; }
    .post_listingarea .blogpost_item .post_content h3 { font-size: 20px; }

    /**/
    .featured_postslider .featured_postbox .feartud_postmore { margin-top: 40px; }
    .featured_postslider .featured_postbox h2 { font-size: 30px;  line-height: 40px; }

    .section_title h2 { font-size: 34px;  line-height: 44px; }

    /**/
    .morearticles_cover .morearticles_box .post_content { padding: 25px; }
    .morearticles_cover .morearticles_box .post_content h3 { font-size: 20px; }
    .morearticles_area .morearticles_top { padding: 50px 0 240px; }
    .blogpost_innerarea { padding: 60px 0 40px }
    .blogpost_innerarea .blogpost_innerright { padding-left: 0; }

    .myaccount_area .myaccount_right ul { padding-bottom: 130px; }

    .commercial_hero.hero_area h2, .commercial_hero.hero_area h1 { margin-top: 0; }
    .commercial_hero.hero_area { height: auto; }

    /* 28-11-2020 */
    .becompartner_area_section .becompartner_right { padding: 60px 35px 60px 40px; }
    .wewanthere_area_v2 { padding: 100px 0; }

    .addinlocation_area { padding: 90px 0; }
    .addinlocation_area .addinlocation_cover { margin-top: 70px; }

    .hero_area.contract_hero { height: 680px; }
    .contract_hero .home-hero-slide-title { font-size: 20px; line-height: normal; }

    .spcvideoslide_imgtextmain{ min-height:550px; }
    .spcvideoslide_imgtextmain .spcvideoslide_imgmain .spcvideoslide_img { min-height:550px;}
    .spcvideoslide_imgtextmain .spcvideoslide_textmain .container { margin: 0 0 0 30px; }
    .becompartner_area_section_global.becompartner_area_section .becompartner_left { padding-top: 125px; }

    .epc-section:before { width: calc((100% - 50px) / 2);  }
    .fancybox-stage .becompartner_area .becompartner_left { padding-left: 30px; }
    .epc-section .left h2, .epc-section .left h1 { font-size: 40px; line-height: 50px;}

    .conproject_area:after { top: 335px; }

    .epc-section .left { width: 54%; padding-right: 20px; }
    .epc-section .right { padding-left: 40px; }

    .projects-gallery-section .proj-tab-content-title { font-size: 36px; max-width: 400px; }
    .projects-gallery-section .proj-tab-content-title:before { top: 20px; }

    .lab-machin-overview-section { padding: 80px 0; }
    .lab-machin-overview-section .item-gallery-box { margin-top: 60px; }
    .lab-machin-overview-section .item-gallery .image-label { font-size: 20px; line-height: 24px; bottom: 30px; }


}

@media (max-width: 991px){
    .useful-links .row div {width: 100%;}
    .myaccount_area.loggedIn .myaccount_left {width: 50%;}
    .myaccount_area.loggedIn .myaccount_right {width: 50%;}
    .pricelists a {max-width: initial;font-size: 16px;}
    .useful-links a {font-size: 16px;}
    .team-popup-img {width: 235px;}
    .team-popup-inner-info {width: calc(100% - 275px);}
}
@media (min-width: 768px) and (max-width: 991px){


    .lab-machin-overview-section .items-section > ul, .items-section > ul { columns: 2; -webkit-columns: 2; -moz-columns: 2;}
    .hero_area { height: auto; padding: 150px 0 100px;}
    .hero_area h2, .hero_area h1 { margin: 20px 0; font-weight: 300; font-size: 44px; line-height: 54px; }

    .services_area { padding: 50px 0;  }
    .services_area .services_cover {  margin-bottom: 20px; }

    .halfimgtext_area .imgtext_box .imgtext_hovertext { font-size: 18px;  line-height: 28px;  }
    .halfimgtext_area .imgtext_box h2 { font-size: 40px;  line-height: 48px;  }
    .halfimgtext_area .imgtext_box { height:800px; }
    .halfimgtext_area .imgtext_box h6 { font-size: 16px;  }
    .halfimgtext_area .imgtext_box h2 img { padding: 18px 0;  }

    .fiftytextimg_area .fiftytextimg_boxleft { padding: 50px 40px 50px calc((100% - 720px) / 2);  }
    .fiftytextimg_area .fiftytextimg_boxleft h2 {  font-size: 40px;  line-height: 54px; }
    .fiftytextimg_area.fiftytextimg_imgleft .fiftytextimg_boxleft { padding: 50px calc((100% - 720px) / 2) 50px 40px;  }
    .fiftytextimg_area.fiftytextimg_imgleft .fiftytextimg_img { min-height: 500px;  }

    .contentmore_area { padding: 50px 0;  }
    .contentmore_area .contentmore_btns a { font-size: 14px;  line-height: 22px;  }

    .ourbusiness_area { padding: 40px; }
    .ourbusiness_area .ourbusiness_box h3 { font-size: 22px;  line-height: 34px; }
    .ourproject_area .project_btn { right: 0; }
    .ourproject_area:before { width: 100%; }
    .ourproject_area .ourproject_box .ourproject_boxleft { padding: 50px 40px 50px calc((100% - 720px) / 2); }
    .ourproject_area .ourproject_box h2 {  font-size: 30px; line-height: 46px; }
    .ourproject_area .ourproject_box h2:after { width: 45px; }

    .vertical_slider .vertical_sliderbox .vertical_boxinner { right: 0;   left: auto;  padding:130px 30px 40px 30px; max-width: 600px; }
    .vertical_slider .vertical_sliderbox h2 { font-size: 40px; line-height: 50px;}
    .vertical_slider .vertical_sliderbox .vertical_boxcontent { max-width: 340px; }
    .vertical_slider .slick-prev { left: 100px; }
    .vertical_slider .slick-next  { left: 100px; }
    .year_slider { right: 0; left: auto; width: 100%; max-width: 600px; }

    .ourproject_area .ourproject_title ul li a { font-size: 14px;  line-height: 18px;  }
    .ourproject_area .project_btn a { min-width: 160px; }
    .ourproject_boximgcover .slick-arrow { line-height: 74px; width: 95px;  }
    .ourproject_boximgcover .slick-arrow.slick-next { left: 95px;  }
    .ourproject_area .ourproject_title { margin-bottom: 30px;  }
    .ourproject_area {  padding-top: 30px; }
    .ourproject_area .ourproject_title ul li { margin-right: 30px; }

    .humancapital_area {  padding: 50px 0; }
    .ourteam_area .ourteam_tabtitle .teamjoin_btn { right: 0;}
    .workingcyfield_area { height: 500px; }

    .ourteam_area .ourteam_boxcover { padding: 40px 0 100px;  }
    .ourteam_area .ourteam_top { padding: 50px 0; }
    .ourteam_area .ourteam_tabboxwrap .ourteam_tabbox.ourteam_tabfirstbox { width: 100%; height: auto; }
    .ourteam_area .ourteam_tabboxwrap .ourteam_itemwrap { width: 100%; }
    .ourteam_area .ourteam_tabboxwrap .ourteam_tabbox.ourteam_tabfirstbox h2 { font-size: 44px; line-height: 52px; }
    .ourteam_area .ourteam_tabboxwrap .ourteam_boxitem .ourteam_tabbox { height: 300px; padding: 20px; }
    .ourteam_area .ourteam_boxcover:before { width: calc(100% - 100px); height: calc(100% - 50px); }
    .ourteam_area .ourteam_tabtitle ul li { margin-right: 28px; margin-bottom: 10px;  }
    .ourteam_area.btnstyle_2 a { min-width: 180px; }
    .ourteam_area .ourteam_tabtitle ul li a { font-size: 14px; }
    .ourteam_area .ourteam_tabboxwrap .ourteam_tabboxinner h4 { font-size: 18px;  line-height: 26px;  }
    .ourteam_area .ourteam_tabboxwrap .ourteam_tabbox.ourteam_tabfirstbox + .ourteam_boxitem { width: 100%;  }
    .ourteam_area .ourteam_tabboxwrap .ourteam_boxitem .ourteam_tabbox { width: 33.33%;  }

    .jointeam_area { padding: 60px 0 40px;  }
    .jointeam_area .jointeam_left {  width: 50%; padding-right: 40px; }
    .jointeam_area .jointeam_right { width: 50%; }
    .jointeam_area .jointeam_left h3 { font-size: 24px; line-height: 32px; margin-bottom: 20px;}
    .jointeam_area.jointeam_imgleft .jointeam_left { padding-left: 40px;  }

    .openingandform_area .openingandform_left { padding: 30px 30px 30px 0px;  }
    .openingandform_area .openingandform_right { padding: 30px 0 30px 30px; }
    .openingandform_area h2 {  font-size: 34px;  line-height: 44px; }
    .openingandform_area h2:after { display: none; }
    .openingandform_area .openingandform_box a { margin: 0 10px 20px; width: calc(50% - 20px); font-size: 16px;  }

    .wewanthere_area { padding: 50px 0;  }
    .wewanthere_area h3 { font-size: 26px; line-height: 32px; }

    .contactinfoform_area .contactinfoform_left { padding: 40px 40px 40px 0px; }
    .contactinfoform_area .contactinfoform_right { padding: 40px 0 40px 40px; }
    .contactinfoform_area h2 { font-size: 32px; line-height: 42px; }
    .contactinfoform_area h2:after { display: none; }
    .contactinfoform_area .contactinfo_left { margin-top: 40px; }
    .contactinfoform_area .contactinfo_mailtext { margin-top: 40px; }

    .addinlocation_area {  padding: 60px 0; }
    .addinlocation_area .addinlocation_cover { margin-top: 30px; }

    .openingandform_right div.wpforms-container-full .wpforms-form input[type=checkbox] { width: 30px !important; margin:5px 15px 0 0 !important; }

    .becompartner_area .becompartner_left { width: 50%; padding: 40px 50px 40px 50px; }
    .becompartner_area .becompartner_right { width: 50%; }
    .becompartner_area h2 { font-size: 34px; line-height: 44px; }
    .becompartner_area h3 { font-size: 24px; line-height: 32px; }
    .becompartner_area h2:after,.becompartner_area h3:after { display: none; }


    .energy_section { padding: 60px 0; }
    h2.title, .energy_section .energy_text { margin-bottom: 30px; }
    h2.title, .energy_bottom .energy-box h2 { font-size: 44px;line-height: 54px; }
    .energy_section ul li .number { font-size: 44px; line-height: normal; }
    .energy_section ul li .content { margin-left: 20px; }
    .energy_section ul li:not(:first-child) { margin-left: 50px; }

    .energy_bottom .energy-box .energytext-hover p { font-size: 16px; line-height: 21px; margin: 30px 0; }
    .energy_bottom:before { top: 70px; height: calc(100% - 140px); }
    .energy_bottom .energy-box { margin:70px 0; height: 450px; padding: 15px; }
    .energy_bottom .energy-box:before, .energy_bottom .energy-box:after { top: -70px; }
    .energy_bottom .energy-box .energybox-inner { max-width: 100%; margin: 0 !important; }
    .energy_bottom .energy-box .energybox-innerhover { left: 0 !important; right: 0 !important; max-width: 100%; padding: 15px; }

    .epc-section { padding: 70px 0; }

    .epc-section .left h2, .epc-section .left h1 { font-size: 44px; line-height: 56px; margin: 30px 0 20px; }
    .epc-section .left h4 { font-size: 18px; }
    .epc-section .right { padding-left: 0; }

    .brochure-section { padding: 40px 30px 0; }

    .epc-overview-section { padding: 190px 0 80px; }

    .epc-video-section { min-height: inherit; padding: 100px 0; }
    .epc-video-section .tab-pane .video-menu { padding-left: 0; width: 300px; }

    .whatwedo_area { padding: 60px 0 20px; }
    .whatwedo_area h2 { font-size: 42px; line-height: 54px; }
    .whatwedo_area .whatwedo_cover { margin-top: 50px; padding-right: 10px; }
    .whatwedo_area .whatwedo_cover .whatwedo_box h4 { font-size: 18px; }
    .whatwedo_area .whatwedo_cover .whatwedo_box { margin-bottom: 30px; }

    .projectpart_area .projectpart_itemcover .projectpart_item { margin-bottom: 10px; }
    .projectpart_area .projectpart_itemcover .projectpart_item .projectpart_itemtitle { padding-right: 0; }
    .projectpart_area .projectpart_itemcover .projectpart_item h2 { font-size: 60px; line-height: 74px; }
    .projectpart_area .projectpart_box { padding:30px; }
    .projectpart_area .projectpart_box h5 { font-size: 18px; max-width: 170px; }

    .hero_area.contract_hero { height: 600px; }
    .hero_area .home-hero-slide-title { font-size: 20px; line-height: 28px; }

    .commercial_hero .hero_subtext { font-size: 20px; line-height: 28px; }
    .commercial_area { padding: 60px 0 40px; }
    .commercial_area .commercial_boxcover .commercial_box { width: 50%; }

    .similarbox_area { padding: 40px 0; }
    .similarbox_area .container h2 { font-size: 44px; line-height: 50px; }
    .similarbox_area .similarbox .similarbox_inner { height: 250px; }
    .similarbox_area .similarbox .similarbox_inner h2 { font-size: 24px; line-height: 30px; }

    /**/
    .imgaeslider_area .fullimgslider_main { padding:0 20px; }
    .imgaeslider_area .fullimgslider { margin-top: 40px; top: 0; }
    .imgaeslider_area .fullimgslider_box { height: 500px; }

    .keyinfo_area .keyinfo_top { padding: 50px 0 240px; }
    .section_title h2 { font-size: 44px; line-height: 54px; }
    .keyinfo_area .keyinfo_boxcover .keyinfo_box .keyinfo_boximg { width: 145px; height: 160px;  }
    .keyinfo_area .keyinfo_boxcover .keyinfo_box h3 { margin-bottom: 70px; font-size: 20px; }
    .keyinfo_area .keyinfo_boxcover .keyinfo_boxtext.keyinfo_box h3 {width: calc(100% - 135px);}
    .keyinfo_area .keyinfo_boxcover .keyinfo_box .keyinfo_boxcontent { padding: 50px 20px; }
    .keyinfo_area .keyinfo_iconboxcover .keyinfo_iconbox { width:100%; margin-bottom: 30px; }
    .keyinfo_area .keyinfo_iconboxcover .keyinfo_iconbox  h3 { margin-bottom: 0; }

    .commerimg_tabarea { padding: 50px 20px 0; }
    .commerimg_tabarea .commerimg_tabcover .commerimg_tabbox { height: 450px; }
    .keyinfo_fullwidth.keyinfo_area .keyinfo_boxcover ul { padding-bottom: 30px; }

    /**/
    .post_listingarea { padding: 50px 0; }
    .post_listingarea .blogpost_item { width: 50%; }
    .post_listingarea .topic_filter ul li a { font-size: 16px; padding: 0 20px; }

    /**/
    .featured_postslider .featured_postbox { padding: 60px 0; }
    .featured_postslider .featured_postbox h2 { margin: 30px 0 20px; font-size: 28px; line-height: 42px; }
    .featured_postslider .featured_postbox .feartud_postmore { margin-top: 50px; }
    .featured_postslider .featured_postbox .featured_postboxinner { width: 70%; }

    /**/
    .blogpost_innerarea { padding: 60px 0 40px; }
    .blogpost_innerarea .blogpost_innerleft .blogpost_innertop h2, .blogpost_innerarea .blogpost_innerleft .blogpost_innertop h1 { font-size: 28px; line-height: 38px; margin-top: 10px; }
    .blogpost_innerarea .blogpost_innerleft { width: 65%; }
    .blogpost_innerarea .blogpost_innerright { width: 35%; padding-left: 0; padding-top: 60px; }
    .blogpost_innerarea .section_title h2 { padding-left: 10px; }
    .blogpost_innerarea .section_title h2:after { display: none; }

    .morearticles_area .morearticles_top { padding: 50px 0 200px; }
    .morearticles_cover .morearticles_box { padding: 0 10px;  }
    .morearticles_cover .morearticles_box .post_content h3 { font-size: 18px; }
    .morearticles_cover .morearticles_box .post_content { padding: 20px; }

    /**/
    .myaccount_area .myaccount_left { padding: 50px 50px; }
    .myaccount_area .myaccount_right{ padding: 50px 50px; }
    .myaccount_area .myaccount_right ul { padding-bottom: 72px; }
    .myaccount_area form .wpforms-submit { margin-top: 30px !important; }

    .featured_postslider .featured_postbox {  position: relative; z-index: 1; }
    .featured_postslider .featured_postbox:before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; z-index: -1; }

    /**/
    .commercial_hero.hero_area h2, .commercial_hero.hero_area h1 { margin-top: 0; }
    .commercial_hero.hero_area { height: auto; }
    .conproject_area .conproject_tabboxcover .conproject_tabbox { width: 50%; }
    .conproject_area .conproject_tabinertitle ul li a { font-size: 16px; }
    .conproject_area .conproject_tabsubtitle ul li a { min-width: 220px; font-size: 18px; line-height: 28px; }
    .conproject_area .conproject_tabsubtitle { padding: 50px 0; }

    .conproject_area .conproject_sidebar { padding: 60px 30px 50px 30px;  overflow-y: auto; height: 100%; }
    .conproject_area .conproject_sidebar ul li a { font-size: 14px; }

    /* 28-11-2020 */
    .becompartner_area_section .becompartner_right { padding: 60px 35px 60px 40px; }
    .spcvideoslide_imgtextmain { min-height: 400px; }
    .spcvideoslide_imgtextmain .spcvideoslide_textmain .container { margin: 0 0 0 20px; }
    .spcvideoslide_imgtextmain .videoplay_main { margin-left: 120px; }
    .spcvideoslide_imgtextmain .spcvideoslide_imgmain .spcvideoslide_img { min-height: 400px; }

    .becompartner_area_section_global.becompartner_area_section .becompartner_right { padding: 20px 30px; }
    .becompartner_area_section_global.becompartner_area_section .becompartner_left {  padding: 20px 30px; }
    .becompartner_area_section_global.becompartner_area_section .becompartner_area h2 { font-size: 28px; }


    .epc-section:before { width: 400px; }
    .fancybox-stage .becompartner_area .becompartner_left { padding-left: 30px; }

    .projects-gallery-section .proj-tab-content-title { font-size: 30px; max-width: 300px; }
    .projects-gallery-section .proj-tab-content-title:before { top: 18px; width: 50px; right: -60px; }

    .lab-machin-overview-section { padding: 80px 0; }
    .lab-machin-overview-section .item-gallery-box { margin-top: 60px; }
    .lab-machin-overview-section .item-gallery .image-label { font-size: 18px; line-height: 22px; bottom: 20px; }


}

@media (min-width: 30px) and (max-width: 767px){
    .conproject_area .conproject_projecttab .conproject_projectboxes .facetwp-radio {margin: 0;width: 100%;}
    .conproject_area .conproject_projecttab .conproject_projectboxes .facetwp-radio:last-child {margin-top: 20px;}
    .team-popup-contact-info {display: block;}
    .team-popup-contact-info + .team-popup-contact-info {margin-top: 5px;}
    .team-popup-inner-info { width: 100%; margin-top: 30px;}
    .team-popup-img {display: block; margin: 0 auto;}
    .team-popup-inner-wrapper {padding: 25px 15px;}
    .team-popup-inner > span {right: 10px; top: 10px;}
    .team-popup-name {font-size: 22px;}
    .team-popup-inner-wrapper {text-align: center;}
    .preview-gallery-counter, .fullimgslider_box .slider__counter {padding: 0 5%;}
    .contact_form div.wpforms-container-full .wpforms-form input[type=checkbox] {padding: 4px 9px 0 !important;}
    section.imgaeslider_area_section + .similarbox_area_section .similarbox_area {padding-top: 40px !important;}
    .keyinfo_area .keyinfo_boxcover .keyinfo_box.keyinfo_boxtext .keyinfo_boxcontent ul,
    .lab-machin-overview-section .items-section > ul, .items-section > ul { columns: 1; -webkit-columns: 1; -moz-columns: 1;}
    .hero_area { height: auto; padding: 150px 0 100px;	 }
    .hero_area h2, .hero_area h1 { font-size: 40px; line-height: 46px; margin:20px 0; }

    .services_area { padding: 40px 0; }
    .services_area .services_box { width: 100%; margin-bottom: 30px; }
    .services_area h3, .services_area h1 { font-size: 24px; line-height: 32px; }
    .services_area .services_cover { margin-top: 30px; }
    .services_area .services_box:last-child { margin-bottom: 0;  }

    .halfimgtext_area .imgtext_box { width: 100%; height: auto; min-height: 400px; padding: 0; }
    .halfimgtext_area .imgtext_box:first-child:before { left: 0; bottom: 0; top: auto; height: 1px; width: 100%; }
    .halfimgtext_area .imgtext_box h2 { font-size: 34px; line-height: 42px; }
    .halfimgtext_area .imgtext_box .imgtext_hovertext { font-size: 16px; line-height: 24px; }
    .halfimgtext_area .imgtext_box h6 { font-size: 16px; line-height: 24px; }
    .halfimgtext_area .imgtext_box h2 img { padding: 18px 0;  }
    .halfimgtext_area .imgtext_box .imgtext_boxhover { opacity: 1; position: relative; }
    .halfimgtext_area .imgtext_box .imgtext_boxinner { opacity: 0; display: none; }

    .fiftytextimg_area .fiftytextimg_boxleft { width: 100%; padding: 30px 20px; font-size: 16px; line-height: 24px; }
    .fiftytextimg_area .fiftytextimg_img { width: 100%; min-height: 300px; }
    .fiftytextimg_area .fiftytextimg_boxleft h2 { font-size: 34px; line-height: 42px; }
    .fiftytextimg_area .fiftytextimg_boxleft h2:after { display: none; }
    .fiftytextimg_area.fiftytextimg_imgleft .fiftytextimg_boxleft {  padding: 30px 20px; }

    .contentmore_area { padding: 40px 0; }
    .contentmore_area .contentmore_btns {   }
    .contentmore_area .contentmore_btns a { width: 100%; margin: 0 0 15px; font-size: 16px; line-height: 24px; }

    .ourbusiness_area { padding: 30px 20px; }
    .ourbusiness_area .ourbusiness_box { width: 100%; margin-bottom: 10px; }
    .ourbusiness_area .ourbusiness_box:nth-child(2):before, .ourbusiness_area .ourbusiness_box:nth-child(5):before { display: none;  }
    .ourbusiness_area .ourbusiness_box h3 { display: none;  }
    .ourbusiness_area .ourbusiness_box .ourbusiness_hoverinner h3 { display: block; font-size: 22px;  line-height: 30px; }
    .ourbusiness_area .ourbusiness_box .ourbusiness_boxhover { opacity: 1; position: relative; visibility: visible; }
    .ourbusiness_area .ourbusiness_box { min-height: auto; }
    .ourbusiness_area .ourbusiness_box:last-child { margin-bottom: 0; }
    .ourbusiness_area .ourbusiness_cover {background-position: 70% center !important;}
    .ourbusiness_boxinner {width: 100%;}
    .ourproject_area .ourproject_title { margin-bottom: 10px; }

    .ourproject_area:before { width: 100%; height: 100%;  }
    .ourproject_area .ourproject_box h2 { font-size: 34px;  line-height: 44px;  }
    .ourproject_area .ourproject_box h2:after { display: none; }
    .ourproject_area .project_btn { right: 0;}
    .ourproject_area .ourproject_title ul li { margin: 0 10px 10px; }
    .ourproject_area .ourproject_box .ourproject_boxinner { flex-wrap: wrap; }
    .ourproject_area .ourproject_box .ourproject_boxleft { width: 100%; padding: 20px 0 0; }
    .ourproject_area .ourproject_box .ourproject_boximgcover { width: 100%; margin-bottom: 30px; }

    .ourproject_area .project_btn a { float: none;display:inline-block;  }
    .ourproject_area .ourproject_box .ourproject_boximg { height: 350px; min-height: 350px; }
    .ourproject_area { padding-bottom: 0; }

    .vertical_slider .vertical_sliderbox .vertical_boxinner { max-width: 100%; left: auto; right: 0; justify-content: flex-start; padding: 130px 30px 40px; position: relative;  }
    .vertical_slider .vertical_sliderbox h2 { font-size: 34px;  line-height: 44px;  }
    .vertical_slider .vertical_sliderbox .vertical_boxinner:after { top: 0; height: 100%;  }
    .vertical_slider { padding-top: 0; }
    .year_slider { top: 40px; left: 20px;  right: auto; transform: translateY(0);  -webkit-transform: translateY(0); -moz-transform: translateY(0);  -ms-transform: translateY(0); }
    .vertical_slider .vertical_sliderbox {  min-height: auto; margin-top: 0; }
    .vertical_slider .slick-prev { top: 50%; left: 0; transform: translateX(0) translateY(-50%); -webkit-transform: translateX(0) translateY(-50%); -moz-transform: translateX(0) translateY(-50%); }
    .vertical_slider .slick-next { top: 50%; left: 170px; bottom: auto; right: 0; transform: translateX(0) translateY(-50%); -webkit-transform: translateX(0) translateY(-50%); -moz-transform: translateX(0) translateY(-50%); }
    .vertical_slider .slick-prev:before { content: "\f104"; }
    .vertical_slider .slick-next:before { content: "\f105"; }
    .year_slider .year_box span { opacity: 1; }
    .vertical_slider .vertical_sliderbox { font-size: 16px; }

    .ourproject_boximgcover .slick-arrow { line-height: 55px; width: 55px; }
    .ourproject_boximgcover .slick-arrow.slick-next { left: 55px;  }

    .ourproject_area { padding: 30px 0;  }
    .ourproject_area .ourproject_box { display: block;  }
    .ourproject_area .ourproject_title .container-fluid { display: block; }

    .ourproject_area .ourproject_cover { padding: 20px 20px 0;  }
    .ourproject_area .ourproject_box .ourproject_mobtitle { display: block; padding: 10px 15px; background: #fff; color: #000; font-size: 16px; line-height: 24px;  border-bottom: 1px solid #ccc; position: relative; }
    .ourproject_area .ourproject_box .ourproject_mobtitle:before { position: absolute; content: ""; right: 6px; top:50%; background: #000; width: 10px; height: 2px;  transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);  -ms-transform: translateY(-50%); }
    .ourproject_area .ourproject_box .ourproject_mobtitle:after { position: absolute; content: ""; right: 10px; top:50%; background: #000; height: 10px; width: 2px;   transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);  -ms-transform: translateY(-50%);  }
    .ourproject_area .ourproject_box .ourproject_mobtitle.active:after { opacity: 0; }

    .ourproject_area .ourproject_box:last-child .ourproject_mobtitle { border:none;  }
    .ourproject_area .ourproject_box .ourproject_boxinner { display: none; }

    .ourproject_area .ourproject_title ul { display: none; }
    .ourproject_area .project_btn { width: 100%; text-align: center;  }
    .ourproject_area .project_btn a { float: none; display: inline-block; }
    .vertical_slider .slick-next:after,.vertical_slider .slick-prev:after { display: none; }


    .humancapital_area { padding: 40px 0; }
    .humancapital_area h3 { font-size: 22px;  line-height: 32px; margin-bottom: 10px; }

    .workingcyfield_area { height: 400px; }

    .ourteam_area .ourteam_boxcover { padding: 40px 0; }
    .ourteam_area .ourteam_top { padding: 40px 0; }
    .ourteam_area .ourteam_top h3 { font-size: 24px;  line-height: 28px; }
    .ourteam_area .ourteam_tabtitle .container-fluid { display: block; }
    .ourteam_area .ourteam_boxcover:before {  width: 100%; height: 100%; }
    .ourteam_area .ourteam_tabtitle .teamjoin_btn { right: 0; width: 100%; text-align: center; }
    .ourteam_area .ourteam_tabtitle .teamjoin_btn a { float: none; display: inline-block; }

    .ourteam_area .ourteam_tabboxwrap .ourteam_boxitem .ourteam_tabbox { height: 310px; width: 100%; }
    .ourteam_area .ourteam_tabboxwrap .ourteam_itemwrap { width: 100%; max-width: 350px; margin: 0 auto; float: none; }
    .ourteam_area .ourteam_tabboxwrap .ourteam_tabbox.ourteam_tabfirstbox { width:100%; padding: 30px 20px; height:auto; max-width: 350px; margin: 0 auto; float: none; }
    .ourteam_area .ourteam_tabboxwrap .ourteam_tabbox.ourteam_tabfirstbox h2 { font-size: 34px;  line-height: 44px; }

    .ourteam_area .ourteam_tabtitle { position: relative; max-width: 280px; float: none; margin: 0 auto 40px; text-align: center; }
    .ourteam_area .ourteam_tabtitle .container-fluid { padding: 0; }
    .ourteam_area .ourteam_tabtitle .mobile_filter { padding: 10px; position: relative; background: #fff; color: #000; width: 100%;  text-align: left; float: none; display: inline-block; margin-bottom: 20px; }
    .ourteam_area .ourteam_tabtitle .mobile_filter:after { position:absolute; content:"\f0dd"; font-family: 'FontAwesome'; font-size:16px; line-height:10px; right:10px; top: 50%; transform: translateY(-50%); margin-top:-4px; color:#3D4A52; }
    .ourteam_area .ourteam_tabtitle .mobile_filter.active:after { content:"\f0d7"; }

    .ourteam_area .ourteam_tabtitle ul { width: 100%; position: absolute; z-index: 1; text-align: left; display: none; left: 0; top:40px; background: #fff; }
    .ourteam_area .ourteam_tabtitle ul li { margin: 0; width: 100%; }
    .ourteam_area .ourteam_tabtitle ul li a { padding: 10px; width: 100%; border:1px solid #f3f3f3; }
    .ourteam_area .ourteam_tabboxwrap .ourteam_tabbox.ourteam_tabfirstbox + .ourteam_boxitem .ourteam_tabbox { width: 100%; }
    .ourteam_area .ourteam_tabboxwrap .ourteam_tabbox.ourteam_tabfirstbox + .ourteam_boxitem { width: 100%; }


    .jointeam_area { padding: 40px 0; text-align: center; }
    .jointeam_area .jointeam_left { width: 100%; padding: 0; }
    .jointeam_area .jointeam_right {  width: 100%; }
    .jointeam_area .container-1170 { display: block; }
    .jointeam_area .jointeam_left h3 { font-size: 24px; line-height: 34px;  }
    .jointeam_area .jointeam_left h3:before { display: none; }
    .jointeam_area .jointeam_right .jointeam_img { float: none;  margin: 0 auto; }
    .jointeam_area.jointeam_imgleft .jointeam_left { padding-left: 0;  }

    .openingandform_area:before { width: 100%;  }
    .openingandform_area:after { display: none; }
    .openingandform_area .container-1170 { display: block; padding:0; }
    .openingandform_area .openingandform_left { width: 100%; padding: 30px 20px; }
    .openingandform_area .openingandform_right { width: 100%; padding: 30px 20px;   background: #000; display: inline-block; }
    .openingandform_area h2 {  font-size: 34px; line-height: 44px; text-align: center; }
    .openingandform_area h2:after { display: none; }
    .openingandform_area .openingandform_box a { width: 100%; max-width: 250px; margin: 0 auto 15px;  float: none; }
    .openingandform_area .openingandform_box { margin: 20px 0; }
    .openingandform_area .openingandform_right h2 { }

    .wewanthere_area { padding: 40px 0; }
    .wewanthere_area h3 { font-size: 20px; line-height: 28px;  }

    .contactinfoform_area { text-align: center; }
    .contactinfoform_area:before { width: 100%; }
    .contactinfoform_area:after,.contactinfoform_area .contactbg_img { display: none; }
    .contactinfoform_area .container-1170 { display: block;  }

    .contactinfoform_area .contactinfoform_left { width: 100%; padding: 30px 0; }
    .contactinfoform_area .contactinfoform_right { width: 100%; padding: 30px 0; }
    .contactinfoform_area h2 { font-size: 34px;  line-height: 34px; }
    .contactinfoform_area h2:after { display: none; }

    .contactinfoform_area .contactinfo_mailtext { margin-top: 30px; }
    .contactinfoform_area .contactinfoform_right h2 { color: #000; }
    .contactinfoform_area .contactinfoform_left h5 { margin:0 0 20px; }
    .contactinfoform_area .contactinfo_left {  margin-top: 30px; }


    .addinlocation_area { padding: 40px 0 0; }
    .addinlocation_area h3 { font-size: 22px; line-height: 32px;  }
    .addinlocation_area .addinlocation_cover { margin-top: 30px; flex-wrap: wrap; }
    .addinlocation_cover .addinlocation_left { width: 100%; height: auto; mix-blend-mode: normal; }
    .addinlocation_cover .addinlocation_right { width: 100%;  height: auto; mix-blend-mode: normal; }
    .addinlocation_cover .addinlocation_athenstext { display: none; }
    .addinlocation_cover .addinlocation_athenshover { opacity: 1;  visibility: visible; position: relative; padding: 50px 20px; }
    .addinlocation_cover .addinlocation_athenshover .contactinfo_mailtext { margin-top: 30px; }

    .becompartner_area { padding:0; }
    .becompartner_area .becompartner_left { width: 100%; padding:30px 20px; }
    .becompartner_area .becompartner_right { width: 100%; padding:30px 20px; background: #000000; }
    .becompartner_area .becompartner_bgimg { display: none; }
    .becompartner_area h3 { font-size: 24px; line-height: 34px; }
    .becompartner_area h2 { font-size: 32px;  line-height: 42px; }
    .becompartner_area h2:after,.becompartner_area h3:after { display: none; }

    .energy_section { padding: 60px 0; }
    h2.title:before { content: none; }
    h2.title, .energy_section .energy_text { margin-bottom: 30px; }
    h2.title, .energy_bottom .energy-box h2 { font-size: 36px;line-height: 40px; }
    .energy_section ul { display: block; }
    .energy_section ul li:not(:first-child) { margin: 15px 0 0; }
    .energy_section ul li .number { font-size: 44px; line-height: normal; }
    .energy_section ul li .content { margin-left: 20px; }

    .energy_bottom .energy-box .energytext-hover p { font-size: 16px; line-height: 21px; margin: 30px 0; }
    .energy_bottom:before, .energy_bottom .energy-box:after { content: none; }
    .energy_bottom .energy-box { margin:0; height: 400px; padding: 15px; width: 100%; }
    .energy_bottom .energy-box:before, .energy_bottom .energy-box:after { top: 0; bottom: 0; opacity: 1; }
    .energy_bottom .energy-box .energybox-inner { max-width: 100%; margin: 0 !important; opacity: 0; }
    .energy_bottom .energy-box .energybox-innerhover { left: 0 !important; right: 0 !important; max-width: 100%; padding: 15px; opacity: 1; }
    .energy_bottom .energy-box h2 img { padding: 30px 0; }


    .epc-section { padding: 70px 0; }
    .epc-section:before { content: none; }
    .epc-section .flex { display: block; }
    .epc-section .left { width: 100%; padding-right: 0; }
    .epc-section .left h2, .epc-section .left h1 { font-size: 44px; line-height: 56px; margin: 30px 0 20px; }
    .epc-section .left h4 { font-size: 18px; }
    .epc-section .right { padding: 20px 0 0; width: 100%; }

    .brochure-section { padding: 40px 0 0; }
    .brochure-section .brochure-img { margin: 40px 0; }

    .epc-overview-section { padding: 70px 0; }

    .epc-video-section { min-height: inherit; padding: 70px 0; }
    .epc-video-section .tab-pane .video-menu { padding-left: 0; width: 100%; text-align: center; }
    .epc-video-section .tab-pane .tabs-menu-item { margin-bottom: 30px; }
    .epc-video-section .video-body .video-content { position: unset; padding-top: 30px; }


    .whatwedo_area { padding:40px 0; text-align: center; }
    .whatwedo_area h2 { font-size: 34px; line-height: 40px; }
    .whatwedo_area h2:after { display: none; }
    .whatwedo_area .whatwedo_cover { max-width: 350px; margin: 40px auto 0; }
    .whatwedo_area .whatwedo_cover .whatwedo_box {   margin-bottom: 40px; text-align: left; width: 100%;  }
    .whatwedo_area .whatwedo_cover .whatwedo_box .whatwedo_img { margin-right:20px; }
    .whatwedo_area .whatwedo_cover .whatwedo_box h4 { width: 100%; font-size: 20px; }

    .projectpart_area .projectpart_box { width: 100%; padding: 30px;  text-align: center;}
    .projectpart_area .projectpart_itemcover .projectpart_item { margin-bottom: 15px; }
    .projectpart_area .projectpart_itemcover .projectpart_item h2 { font-size: 54px; line-height: 64px; }
    .projectpart_area .slick-dots { justify-content: center;}
    .projectpart_area .projectpart_itemcover .projectpart_item .projectpart_itemtitle { padding-right: 0; }


    .hero_area.contract_hero { padding: 50px 0; }
    .hero_area.contract_hero .home-hero-slide-content, .hero_area.contract_hero .home-hero-slide-content > span { height: auto; }
    .hero_area .home-hero-slide-content-inner { margin-top: 0; }
    .hero_area .home-hero-slide-title { padding: 15px; color: #fff }

    .videopopbox iframe { width:100% !important; height: auto !important; }

    .commercial_hero .hero_subtext { font-size: 18px; line-height: 28px;  margin-top: 20px; }
    .commercial_area { padding: 50px 0; }
    .commercial_area .commercial_boxcover .commercial_box { width: 100%; max-width: 400px; margin:0 auto 30px; padding: 0; }
    .commercial_area .commercial_boxcover .commercial_box:last-child { margin-bottom: 0; }
    .commercial_area .commercial_boxcover .commercial_box .commercial_boxinner { height: 320px; }

    /**/
    .similarbox_area { padding:40px 0; text-align: center; }
    .similarbox_area .container h2 { font-size: 34px; line-height: 44px; margin-bottom: 0; }
    .similarbox_area .container h2:after { display: none; }
    .similarbox_area .similarbox_cover {  }
    .similarbox_area .similarbox { width: 100%; padding: 10px 20px; }
    .similarbox_area .similarbox:last-child { margin-bottom: 0; }
    .similarbox_area .similarbox .similarbox_inner h2 { font-size: 30px;  line-height: 40px; }
    .similarbox_area .similarbox .similarbox_inner { height: 250px; }

    /**/
    .imgaeslider_area { padding: 40px 0; }
    .imgaeslider_area .fullimgslider_main { padding: 0 20px; }
    .imgaeslider_area .fullimgslider { margin-top: 30px; top: 0; }
    .imgaeslider_area .fullimgslider_box { height: 280px; }

    /**/
    .keyinfo_area .keyinfo_top { padding: 50px 0 0; background: #fff; text-align: center; }
    .keyinfo_area .keyinfo_boxcover .keyinfo_box { margin-top: 0; }
    .section_title h2 { font-size: 34px; line-height: 40px; margin-bottom:0; }
    .section_title h2:after { display: none; }

    .keyinfo_area .keyinfo_boxcover .keyinfo_box .keyinfo_boxttle {text-align: center;}
    .keyinfo_area .keyinfo_boxcover .keyinfo_box { width: 100%; margin-top: 90px; margin-bottom: 40px; padding:30px 20px; background: #fff;  box-shadow: 0px 4px 28px rgba(0, 0, 0, 0.08); }
    .keyinfo_area .keyinfo_boxcover .keyinfo_box:last-child { margin-bottom: 0; }
    .keyinfo_area .keyinfo_boxcover .keyinfo_box .keyinfo_boximg { margin: -120px auto 0; float: none; }
    .keyinfo_area .keyinfo_boxcover .keyinfo_box .keyinfo_boxcontent { padding: 30px 0 0; box-shadow: none; }
    .keyinfo_area .keyinfo_boxcover .keyinfo_box h3 { margin-bottom: 20px; width: 100%; font-size: 22px;  line-height: 34px; }
    .keyinfo_area .keyinfo_boxcover .keyinfo_boxtext.keyinfo_box h3 {width: 100%;}
    .keyinfo_area .keyinfo_boxcover .keyinfo_boxttle { justify-content: flex-start; }
    .keyinfo_area .keyinfo_top.section_title h2 { text-align: left; }
    .keyinfo_area .keyinfo_top.section_title h2:after {display: inline-block;  }

    .keyinfo_area .keyinfo_boxcover { padding: 40px 0; }
    .keyinfo_area .keyinfo_iconboxcover { text-align: left; }
    .keyinfo_area .keyinfo_iconboxcover .keyinfo_icontext h3 { margin-bottom: 0; }
    .keyinfo_area .keyinfo_iconboxcover .keyinfo_iconbox { width: 100%; margin-bottom: 30px; }
    .keyinfo_area .keyinfo_iconboxcover .keyinfo_iconbox:last-child { margin-bottom: 0; }

    /**/
    .commerimg_tabarea { padding: 40px 20px; }
    .commerimg_tabarea .commerimg_tabcover { margin-bottom: 0; }
    .commerimg_tabarea .commerimg_tabcover .commerimg_tabbox { height: 350px; }
    .commerimg_tabarea .commerimg_tabtitle { bottom: auto; top: 80px; }
    .commerimg_tabarea .commerimg_tabtitle a { margin-bottom: 15px; }

    .keyinfo_fullwidth.keyinfo_area .keyinfo_boxcover ul { padding-bottom: 20px; }
    .keyinfo_fullwidth.keyinfo_area .keyinfo_boxcover ul li { width: 100%; }

    /**/
    .post_listingarea { padding: 40px 0; }
    .post_listingarea .topic_filter { margin-bottom: 30px; }
    .post_listingarea .topic_filter ul li a { font-size: 12px; line-height: 20px;	  padding: 0 10px; }
    .post_listingarea .blogpost_item { width: 100%; max-width: 400px; padding: 0; }

    /**/
    .featured_postslider .featured_postbox { padding:40px 0 100px;  position: relative; z-index: 1; }
    .featured_postslider .featured_postbox:before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; z-index: -1; }
    .featured_postslider .featured_postbox .featured_postboxinner { width: 100%; }
    .featured_postslider .featured_postbox h2 { font-size: 28px; line-height: 36px; margin: 20px 0 20px; }
    .featured_postslider .featured_postbox .feartud_postmore { margin-top: 30px; }

    /**/
    .blogpost_innerarea { padding: 40px 0; }
    .blogpost_innerarea .blogpost_innerleft { width: 100%; padding: 0; }
    .blogpost_innerarea .blogpost_innerright { width: 100%; padding: 20px 0 0; }
    .blogpost_innerarea .blogpost_innerleft .blogpost_innertop h2, .blogpost_innerarea .blogpost_innerleft .blogpost_innertop h1 { margin: 20px 0 20px; font-size: 26px; line-height: 34px; }
    .blogpost_innerarea .blogpost_innerleft .blogpost_follow { flex-wrap: wrap; }
    .blogpost_innerarea .blogpost_innerleft .blogpost_follow .post_date { width: 100%; margin:0; padding: 0; }
    .blogpost_innerarea .blogpost_innerleft .blogpost_follow .post_date:after { display: none; }
    .blogpost_innerarea .blogpost_innerleft .blogpost_follow ul { width: 100%; text-align: left; padding-top: 10px; }

    .blogpost_innerarea .publicity_post { margin-top: 30px; }

    .morearticles_area { background: #F9F9F9; text-align: center; }
    .morearticles_area .morearticles_top { padding: 50px 0; }
    .morearticles_cover .morearticles_box { margin-top: 0; width: 100%; max-width: 400px; padding: 0; }
    .morearticles_cover .morearticles_box .post_content { padding: 20px; }
    .morearticles_area .morearticles_cover { padding-bottom: 30px; }
    .morearticles_cover .morearticles_box .post_content h3 { font-size: 20px; }

    /**/
    .myaccount_area:before { display: none; }
    .myaccount_area .myaccount_left { width: 100%; padding: 30px 0; }
    .myaccount_area .myaccount_right { width: 100%; padding: 30px 20px; }
    .myaccount_area .myaccount_right ul { padding-bottom: 30px; }
    .myaccount_area h4, .myaccount_area h1 { line-height: 30px; margin-bottom: 20px; }
    .myaccount_area form .wpforms-submit { margin-top: 10px !important; }
    .myaccount_area.loggedIn > div {padding: 0;}
    .myaccount_area.loggedIn .myaccount_left { padding: 30px 20px; }

    /**/
    .commercial_hero.hero_area h2, .commercial_hero.hero_area h1 { margin-top: 0; }
    .conproject_area .conproject_tabboxcover .conproject_tabbox { width: 100%; max-width: 400px; padding: 0; float: none; margin: 0 auto 20px; }
    .conproject_area .conproject_tabboxcover { margin: 30px 0 0; }

    .conproject_area .conproject_tabinertitle { flex-direction: column; }
    .conproject_area .conproject_tabinertitle .project_status { text-align: center; margin-top: 20px; }
    .conproject_area .conproject_tabinertitle ul li a { margin: 0; padding:0 6px 5px; font-size: 14px; }
    .conproject_area .conproject_tabsubtitle { padding: 40px 0 30px; }
    .conproject_area .conproject_tabsubtitle ul li a { font-size: 18px; line-height: 28px; padding: 10px 20px; }
    .conproject_area .conproject_tabsubtitle ul { max-width: 300px; }
    .conproject_area .conproject_tabsubtitle ul li { width: 100%; }
    .conproject_area .conproject_tabsubtitle ul li:last-child a { border:none; }
    .conproject_area .conproject_tabsubtitle ul li a { width: 100%; border-bottom: 0; }
    .conproject_area .conproject_tabinertitle .project_status > div {display: block;}
    .conproject_area .conproject_tabinertitle .project_status > div > div + div {margin-left: 12px;}
    .conproject_area .conproject_tabinertitle .project_status > div > div {display: inline-block;}
    .conproject_area .conproject_tabsubtitle > div > div {display: block;float: none;width: 300px;max-width: 100%;}


    .conproject_area { padding-top: 20px; }
    .conproject_area .conproject_projecttab .conproject_projectboxes,
    .conproject_area .conproject_projecttab .conproject_projectbox { width: 100%; max-width: 400px;  padding: 0; margin: 0 auto 20px; float: none; }

    .conproject_area .conproject_sidebar { padding: 40px 10px; max-width: 400px; overflow-y: auto; height: 100%; }
    .conproject_area .conproject_sidebar .sidebar_close { top: 44px; }
    .conproject_area .conproject_sidebar ul li { padding: 0 8px; }
    .conproject_area .conproject_sidebar ul li a { padding: 14px 10px; font-size: 13px; line-height: 20px; margin-bottom: 10px; }
    .year_slider { left: 0; }


    /* 27-11-2020 */
    .contact_form div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item.parent_option { padding: 10px 15px; }
    .contact_form div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item { padding: 10px 24px; font-size: 14px; line-height: 20px; }

    .becompartner_area_section h3 { margin-bottom: 14px; }
    .becompartner_area_section .becompartner_right .becompartner_inner { max-width: 100%; }
    .becompartner_area_section .becompartner_left, .becompartner_area_section .becompartner_left.becompartner_area_section_global.join_team_area_section_global { padding-top: 50px; }

    .ourteam_area .ourteam_boxcover { padding-bottom: 0; }

    .contactinfoform_area .contactinfoform_right {background: #000;float: left;position: relative;z-index: 1; padding-bottom: 40px; }
    .contactinfoform_area { overflow: hidden; }
    .contactinfoform_area .contactinfoform_right:after {content: "";position: absolute;left: -20px;right: -20px;top: 0;bottom: 0;background: #000;z-index: -1;}
    .contactinfoform_area .contactinfoform_right h2 { color: #fff; }
    .contactinfoform_area .contact_form .wpforms-field {text-align: left;}


    .commercial_hero.hero_area h2, .commercial_hero.hero_area h1 { font-size: 16px; line-height: normal; text-transform: uppercase; font-weight: 700; }

    .spcvideoslide_imgtextmain .spcvideoslide_textmain .container { margin: 0; width: 100%; }
    .spcvideoslide_imgtextmain .spcvideoslide_imgmain .spcvideoslide_img { min-height: 450px; }
    .spcvideoslide_imgtextmain { min-height: 450px; }
    .spcvideoslide_imgtextmain .spcvideoslide_textmain { top:30px; transform:translateY(0); }
    .spcvideoslide_imgtextmain .videoplay_main { top: auto; transform: translateX(-50%)translateY(0);  bottom: 90px; }
    .spcvideoslide_imgtextmain .spcvideoslide_text h4 { font-size: 22px; margin-bottom: 10px; line-height: 30px; }
    .spcvideoslide_imgtextmain .spcvideoslide_text { min-height: 80px; }
    .spcvideoslide_imgtextmain .spcvideoslide_text .spcvideoslide_textwrap { text-align: center; width: 100%; }
    .spcvideoslide_imgtextmain .spcvideoslide_temaintop { z-index: 111; }

    .fancybox-stage .fancybox-close-small{ top:-60px !important; right:0px !important; }
    .becompartner_area_section_global.becompartner_area_section .becompartner_left { padding-top: 30px; padding-left: 20px;  }
    .becompartner_area_section_global.becompartner_area_section .becompartner_right { padding: 30px 20px;  }

    .yearsbtn { display: none; }
    .projects-gallery-section .proj-tab-content-intro { margin-top: 0;  padding-top: 0;   margin-bottom: 15px;  }

    .fancybox-container .fancybox-stage .fancybox-button {  top: 10px !important;   }

    .whatwedo_area .whatwedo_cover { max-width: 300px; margin: 40px auto 0; }

    .projects-gallery-section .proj-tab-content-title { font-size: 26px; max-width: 240px; }
    .projects-gallery-section .proj-tab-content-title:before { top: 15px; width: 40px; right: -50px; }

    .lab-machin-overview-section { padding: 80px 0; }
    .lab-machin-overview-section .item-gallery-box { margin-top: 60px; }
    .lab-machin-overview-section .item-gallery .image-label { font-size: 18px; line-height: 22px; bottom: auto; top: 50%; }
    .lab-machin-overview-section .items-section ul { margin: 0; }
    .lab-machin-overview-section .items-section ul li { width: 100%; margin: 0 0 5px; }
    .lab-machin-overview-section .item-gallery-box { margin: 50px 0 0; }
    .lab-machin-overview-section .item-gallery { width: 100%; margin: 0 0 30px; }
    .lab-machin-overview-section .item-gallery:last-child { margin-bottom: 0; }
    .lab-machin-overview-section .item-gallery img { width: 100%; }

}

@media (max-width: 500px){
    .myaccount_area.loggedIn .myaccount_left,
    .myaccount_area.loggedIn .myaccount_right {
        width: 100%;
    }
}