.go-top {position: fixed; bottom: 20px; right: 20px; text-decoration: none; background-color: rgba(0, 0, 0, 0.25); width:86px; height:72px; display: none; background-image: url(../ims/top_btn.png); background-repeat: no-repeat;}
.go-top:hover {background-color: rgba(0, 0, 0, 0.6);}
@media all and (max-width:768px){
.go-top{background-size: 80%; background-color: transparent; bottom: 5px; right: 5px;}
.go-top:hover {background-color: transparent;}
}

#slider-home {display:block; height: 624px; background-attachment: fixed; background-repeat: no-repeat; z-index:-1;}
.head {position: relative; margin:0 auto; margin-top:-606px;}
.head img{ width:307px!important;height:auto;}
@media all and (max-width:768px){
.head img{ width:200px!important;height:auto;}
}

/* aboutus-tabs */
.photos{z-index:1!important;}
@media all and (max-width:450px){
.photos {width:270px;margin:0 auto; max-width:100%;}
}
.photos img{width:auto!important; display:inline-block;}
@media all and (max-width:450px){
.photos img{max-width:100%!important;float:left!important;margin:30px 10px 0 0!important;}
}
.photos img:first-child {margin-right:17px;}
@media all and (max-width:768px){
.photos img:not(:last-child){margin-top:32px;}
}
@media all and (max-width:768px){
.photos img:first-child {margin-left:30px;}
}
@media all and (max-width:280px){
.photos img {width:100%!important;}
}
.aboutus {background-color: rgba(255, 255, 255, .9); min-height:270px; max-height:270px;}
.aboutus .inner {padding:26px 40px;}
.aboutus .inner.bg {padding:10px 40px;}
 @media all and (max-width:855px){
.aboutus .inner {padding:16px 30px;}
.aboutus .inner p {line-height:1.9em!important;}
}
.aboutus .inner p {line-height:2.2em!important;}
.aboutus span {display:block; background: #000; height: 20px; width: 20px;}
@media all and (max-width:768px){
.aboutus{min-height:302px; height:auto; max-height:none; z-index:0!important; }
.aboutus p {line-height:1.4em!important;}
}
@media all and (max-width:450px){
.aboutus{clear:both; min-height:auto!important; margin:0; padding:0; }
}
.aboutus h1 {font-size:2em; font-weight: 600!important;}
.aboutus p {line-height:1.8em;margin-top: 15px;}

ul.about {margin-top:135px;float: right;}
ul.about li { float: left; margin: 0 5px; cursor: pointer; padding:12px 25px; background-color: #000; color: #fff;}
ul.about li:last-child {margin-right: 0;}
ul.about li:hover {color: #fee300;}
ul.about li.active {color: #fee300; display: block;}
@media all and (max-width:768px){
ul.about li {font-size:1.2em;}
}
.tab_container {clear: both;float: left;width: 100%;background: #fff;overflow: auto; margin-top:16px;}
@media all and (max-width:768px){
.tab_container {margin-top:0px;}
}
.tab_content {padding: 20px; display: none; background-image: url(../ims/aboutus.jpg); background-position: top left; background-repeat: no-repeat; padding-left:122px;}
.tab_content.bg {background-image: url(../ims/aboutus-bg.jpg);}
@media all and (max-width:768px){
.tab_content, .tab_content.bg {padding: 20px 30px 30px 30px;background:none;}
}
.tab_content h2, .tab_content.bg h2 {font-size:1.3em; font-weight: 600!important; margin-top: 8px; padding-bottom: 15px;}
@media screen and (max-width: 480px) {
.about {width:100%; max-width:100%;}
.about li {width:49%!important; display:inline-block; float:left; margin:0!important; text-align:center;}
.about li:last-child {float:right;}
.d_active {	background-color: #000;	color: #fee300;}
}
.current {font-weight:600!important;}
ul li.sub {float:left; margin:10px 20px 26px 0; display:inline; }
ul li.sub span {display:inline-block; background: #000; height: 16px; width: 16px; margin-right:5px; opacity:.5;}
.tab_content h2 span {display:inline-block; background: #000; height: 16px; width: 16px; margin-right:5px; opacity:1;}
ul li.sub .current span {opacity:1;}
.newboxes {width:100%; display:block; clear:both;}
.newboxes ul {margin-bottom:0.8rem!important;}  
.newboxes li {font-size:1em;font-weight:400!important;line-height:1.5em;}
.newboxes li:before {
content: "■";
font-weight: bold;
padding-right:8px;
position:relative;
top:-2px;
opacity:.7;
}

a.inn {font-size:1.3em;}
p.under {font-size:1.2em; margin-bottom:20px!important; padding-top:20px;}
p.under:after {content: " ➧"; }
p.under:hover {opacity:.5}
@media all and (max-width:768px){
p.under {margin-bottom:0!important; padding-top:10px;}
}
/* aboutus-tabs-end */

div.divider {width:100%; height:14px; display:block; box-shadow: inset 0 7px 7px 0 #E0E0E0;}

.mar-13 {margin-top:-13px; margin-bottom:20px;}
@media all and (max-width:1000px){
.mar-13 {background-color:#fff;margin-top:20px; margin-bottom:20px;}
.nopad {background-color:#fff;margin-top:14px!important; margin-bottom:20px;}
}
.pad40 {padding-top:40px!important;}

@media all and (max-width:768px){
.pad40 {padding-top:1%!important;}
}

.pad20 {padding-top:20px!important;}
@media all and (max-width:768px){
.pad20 {padding-top:1%!important;}
}

.pad25 {padding-top:25px!important;}
@media all and (max-width:768px){
.pad25 {padding-top:10px!important;}
}

/* SERVICES */
@media all and (min-width:769px){
h5.services, h5.services span {display:none}
}
@media all and (max-width:768px){
h5.services {text-align: left; font-weight: 600!important; padding: 20px 0 0 0!important;}
h5.services span {display:inline-block; background: #000; height: 20px; width: 20px; margin-right: 10px;}
}
@media all and (max-width:611px){
h5.services {text-align: left; font-weight: 600!important; padding: 0!important;}
}
.section_services {background-image: url(../ims/services.jpg); background-position: 2% top; background-repeat: no-repeat;}
.section_services.bg {background-image: url(../ims/services-bg.jpg);}
@media all and (max-width:768px){
.section_services, .section_services.bg {background:none;}
}
ul.services {width: 100%;padding-left:124px;}
ul.services * {-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.35s ease;  transition: all 0.35s ease;}
ul.services li {font-size:16px; cursor: pointer; display: block; padding: 0 0 25px 0;}
ul.services a {color: rgba(0, 0, 0, 0.6); position: relative; text-decoration: none; display: inline-block; font-weight:600;}
ul.services a:visited {color: rgba(0, 0, 0, 0.6);}
ul.services a:before {position: absolute; content: ''; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; opacity: 0; left: -21px; border-right: 16px solid #000; height:16px;}
ul.services a:hover:before,
ul.services .current_services a {color: #000; opacity: 1;}
ul.services a:hover, ul.services .current_services a {color: #000; margin-left:15px;}
ul.services .current_services a:before {opacity: 1;}

.tab_container {clear: both; float: left; width: 100%;background: #fff; overflow: auto;}
.tab_content_services {padding: 0; display: none;}
.tab_content_services li {font-size:1em;font-weight:400!important;line-height:1.5em;}
.tab_content_services li:last-child {margin-bottom:0.8rem!important;}
.tab_content_services li:before{
content: "■";
font-weight: bold;
padding-right:8px;
position:relative;
top:-2px;
opacity:.7;
}

@media all and (max-width:768px){
.tab_content_services {padding:2%!important;}
}

h3.about_heading_services {display: none;}
@media screen and (max-width: 768px) {
ul.services {display: none;}
h3.about_heading_services {
font-size:1.3em;
background-color: rgba(0, 0, 0, 0.6);
color: #fff;
margin: 3px 0;
padding:12px 18px;
display: block;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;	}
h3.about_heading_services span {display:inline-block; background: #fff; height: 12px; width: 12px; margin-right:10px; opacity:1;}
@media screen and (max-width: 768px) {
.d_active_services {background-color: rgba(0, 0, 0, 1)!important;}
}
}

/* PROJECTS */
@media all and (min-width:769px){
h5.projects, h5.projects span {display:none}
}
@media all and (max-width:768px){
h5.projects {text-align: left; font-weight: 600!important; padding: 0;}
h5.projects span {display:inline-block; background: #000; height: 20px; width: 20px; margin-right: 10px;}
}
.section_projects {background-image: url(../ims/projects.jpg); background-position: 2% top; background-repeat: no-repeat;}
.section_projects.bg {background-image: url(../ims/projects-bg.jpg);}
@media all and (max-width:768px){
.section_projects, .section_projects.bg {background:none;}
}

ul.projects {width: 100%;padding-left:124px;}
ul.projects * {-webkit-box-sizing: border-box; box-sizing: border-box;}
ul.projects li {font-size:16px; cursor: pointer; display: block; padding: 0 0 18px 0;}
@media all and (max-width:1080px){
ul.projects li a {font-size:14px!important; padding: 16px 0!important; text-indent: 58px!important; background-position: 2px center; background-size: 15% }
}
@media all and (max-width:980px){
ul.projects li a {font-size:13px!important; padding: 14px 0!important; text-indent: 54px!important; background-position: 2px center; background-size: 15% }
}

@media all and (max-width:930px){
ul.projects li a {font-size:0px!important; padding: 28px 0!important; text-indent: 0px!important; background-position: 2px center; background-size: 30% }
}

ul.projects li a.one {color:#fff; background-color: rgba(0, 0, 0, 0.6); text-indent: 78px; text-decoration: none; display: inline-block; font-weight:600; padding: 26px 0; width:100%; background-image: url(../ims/projects_hotels.png); background-repeat: no-repeat; background-position: 12px center; transition: all 0.35s ease;}
ul.projects li a.one:hover, ul.projects li.current_projects a.one {color: #fff; background-color: rgba(0, 0, 0, 1); border-radius: 0px 16px 16px 0; transition: all 0.35s ease;}

ul.projects li a.two {color:#fff; background-color: rgba(0, 0, 0, 0.6); text-indent: 78px; text-decoration: none; display: inline-block; font-weight:600; padding: 26px 0; width:100%; background-image: url(../ims/projects_retail.png); background-repeat: no-repeat; background-position: 12px; transition: all 0.35s ease;}
ul.projects li a.two:hover, ul.projects li.current_projects a.two {color: #fff; background-color: rgba(0, 0, 0, 1); border-radius: 0px 16px 16px 0; transition: all 0.35s ease;}

ul.projects li a.three {color:#fff; background-color: rgba(0, 0, 0, 0.6); text-indent: 78px; text-decoration: none; display: inline-block; font-weight:600; padding: 26px 0; width:100%; background-image: url(../ims/projects_offices.png); background-repeat: no-repeat; background-position: 12px; transition: all 0.35s ease;}
ul.projects li a.three:hover, ul.projects li.current_projects a.three {color: #fff; background-color: rgba(0, 0, 0, 1); border-radius: 0px 16px 16px 0; transition: all 0.35s ease;}

ul.projects li a.four {color:#fff; background-color: rgba(0, 0, 0, 0.6); text-indent: 78px; text-decoration: none; display: inline-block; font-weight:600; padding: 26px 0; width:100%; background-image: url(../ims/projects_industrial.png); background-repeat: no-repeat; background-position: 12px; transition: all 0.35s ease;}
ul.projects li a.four:hover, ul.projects li.current_projects a.four  {color: #fff; background-color: rgba(0, 0, 0, 1); border-radius: 0px 16px 16px 0; transition: all 0.35s ease;}

ul.projects li a.five {color:#fff; background-color: rgba(0, 0, 0, 0.6); text-indent: 78px; text-decoration: none; display: inline-block; font-weight:600; padding: 26px 0; width:100%; background-image: url(../ims/projects_education.png); background-repeat: no-repeat; background-position: 12px; transition: all 0.35s ease;}
ul.projects li a.five:hover, ul.projects li.current_projects a.five  {color: #fff; background-color: rgba(0, 0, 0, 1); border-radius: 0px 16px 16px 0; transition: all 0.35s ease;}

.tab_container {clear: both; float: left; width: 100%; background: #fff; overflow: auto;}
.tab_content_projects {padding: 0; display: none;}
@media all and (max-width:768px){
.tab_content_projects {padding:2%!important;}
}

h3.about_heading_projects {display: none;}
@media screen and (max-width: 768px) {
ul.projects {display: none;}
h3.about_heading_projects {
font-size:1.3em;
background-color: rgba(0, 0, 0, 0.6);
color: #fff;
margin: 3px 0;
padding:8px 18px 14px 18px;
display: block;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;	}
h3.about_heading_projects span.one {display:inline-block; height: 28px; width: 40px; margin-right:10px; position:relative; top:6px; opacity:1; background-image: url(../ims/projects_hotels.png); background-size: 90%; background-repeat: no-repeat; background-position: center;}
h3.about_heading_projects span.two {display:inline-block; height: 28px; width: 40px; margin-right:10px; position:relative; top:6px; opacity:1; background-image: url(../ims/projects_retail.png); background-size: 90%; background-repeat: no-repeat; background-position: center;}
h3.about_heading_projects span.three {display:inline-block; height: 28px; width: 40px; margin-right:10px; position:relative; top:6px; opacity:1; background-image: url(../ims/projects_offices.png); background-size: 90%; background-repeat: no-repeat; background-position: center;}
h3.about_heading_projects span.four {display:inline-block; height: 28px; width: 40px; margin-right:10px; position:relative; top:6px; opacity:1; background-image: url(../ims/projects_industrial.png); background-size: 90%; background-repeat: no-repeat; background-position: center;}
h3.about_heading_projects span.five {display:inline-block; height: 28px; width: 40px; margin-right:10px; position:relative; top:6px; opacity:1; background-image: url(../ims/projects_education.png); background-size: 90%; background-repeat: no-repeat; background-position: center;}
@media screen and (max-width: 768px) {
.d_active_projects {background-color: rgba(0, 0, 0, 1)!important;}
}
}

/* sustainability */
@media all and (min-width:769px){
.sus768 {display:none;}
}
@media all and (max-width:768px){
.sus768 {background-color: rgba(255, 255, 255, .9); margin-top:3%!important; padding: 22px 0 12px 6px;}
.sus768 h5{text-align: left; font-weight: 600!important; padding: 0;}
.sus768 h5 span {display:inline-block; background: #000; height: 20px; width: 20px; margin-right: 10px;}
}
.sustainability_bg {
background-size:cover;
width:1920px;
min-height:713px;
max-width:100%;
background-image: url(../ims/background-sustainability.jpg);
background-position: center;
}
.section_sustainability {background-image: url(../ims/sustainability.jpg); background-position: 2% top; background-repeat: no-repeat; overflow: hidden!important;}
.section_sustainability.bg {background-image: url(../ims/sustainability-bg.jpg);}
@media all and (max-width:768px){
.section_sustainability, .section_sustainability.bg {background:none;}
}
.inner_one {background-color: rgba(255, 255, 255, .9); margin-left:124px; padding:30px 36px 16px 36px;}
.inner_one h1 {font-size:1.3em; font-weight: 600!important; padding-bottom:12px;}
@media all and (max-width:768px){
.inner_one {margin-left:0; padding:20px 3% 16px 3%;}
.inner_one h1 {padding-bottom:6px!important;}
}
.inner_two {background-color: transparent; margin-left:124px; padding:22px 0 0 0;}
.inner_two h1 {font-size:1.2em; line-height: .6em; font-weight: 600!important; padding-bottom:14px; color:#fff; font-style: italic;}
@media all and (max-width:768px){
.inner_two {margin-left:0;}
.inner_two h1 {font-size:1.2em; line-height: 1.2em;}
}
.inner_three {background-color: rgba(255, 255, 255, .9); margin-left:124px;}
.inner_three div.col6.f {padding:30px 12px 16px 36px;}
.inner_three div.col6.s {padding:30px 36px 16px 12px;}
@media all and (max-width:768px){
.inner_three {margin-left:0;}
.inner_three div.col6.f {padding:20px 3% 0 3%;}
.inner_three div.col6.s  {padding:0 3% 16px 3%;}
}
.inner_three li {font-size:1em;font-weight:400!important;line-height:1.5em;}
.inner_three li:last-child {margin-bottom:0.8rem;}
@media all and (max-width:768px){
.inner_three li:last-child {margin-bottom:0!important;}
}
.inner_three li:before{
content: "■";
font-weight: bold;
padding-right:8px;
position:relative;
top:-2px;
opacity:.7;
}

/* contacts */
@media all and (min-width:769px){
.cont768 {display:none;}
}
@media all and (max-width:768px){
.cont768 {background-color: rgba(255, 255, 255, .9); margin-top:3%!important; padding: 22px 0 12px 6px;}
.cont768 h5{text-align: left; font-weight: 600!important; padding: 0;}
.cont768 h5 span {display:inline-block; background: #000; height: 20px; width: 20px; margin-right: 10px;}
}
.contacts_bg {width:100%; background-color: #000; padding-bottom: 5px;}
.section_contacts {background-image: url(../ims/contacts.jpg); background-position: 2% top; background-repeat: no-repeat; overflow: hidden!important;}
.section_contacts.bg {background-image: url(../ims/contacts-bg.jpg);}
@media all and (max-width:768px){
.section_contacts, .section_contacts.bg {background:none;}
}
.contacts {margin-left:124px; padding:30px 36px 16px 36px; color:#fff;}
@media all and (max-width:768px){
.contacts {margin-left:0;}
}
.contacts h1 {font-size:1.3em; font-weight: 600!important; padding-bottom:12px;}
.contacts_inner { margin-left:124px; padding:14px 0 0 0;}

.contacts_inner h1 {font-size:1.2em; line-height: .6em; font-weight: 600!important; padding-bottom:14px; color:#fff; }
@media all and (max-width:768px){
.contacts_inner {margin-left:0;}
.contacts_inner h1 {font-size:1.2em; line-height: 1.2em; padding-top:10px;}
}
.contacts_inner div.col4.f {padding:12px 12px 16px 0;  }
.contacts_inner div.col4.f p {background-color: #fff; width:100%; margin-bottom:10px!important; padding: 14px;}
.contacts_inner div.col4.f p a {text-decoration:underline;}
.contacts_inner div.col4.f p a:hover {text-decoration:none;}
.contacts_inner div.col8.s {height:365px; margin-top:12px;}

@media all and (max-width:1366px){
.contacts_inner div.col8.s {height:359px!important;}
}

@media all and (max-width:768px){
.contacts_inner div.col4.f {padding:12px 0;}
.contacts_inner div.col4.f p {padding: 10px;}
.contacts_inner div.col8.s {padding:10px 0}
}

/* NEWS */
@media all and (min-width:769px){
h5.news, h5.news span {display:none}
}
@media all and (max-width:768px){
h5.news {text-align: left; font-weight: 600!important; padding: 20px 0 0 0!important;}
h5.news span {display:inline-block; background: #000; height: 20px; width: 20px; margin-right: 10px;}
}
@media all and (max-width:611px){
h5.news {text-align: left; font-weight: 600!important; padding: 0!important;}
}
.section_news {background-image: url(../ims/news.jpg); background-position: 2% top; background-repeat: no-repeat; overflow: hidden!important;}
.section_news.bg {background-image: url(../ims/news-bg.jpg);}
@media all and (max-width:768px){
.section_news, .section_news.bg {background:none;}
}
ul.news {width: 100%;padding-left:124px; padding-bottom:12px}
@media all and (max-width:768px){
ul.news {padding:2%!important;}
}

/* NEWS-block */
.blog-card {background: #fff; border-radius: 3px; overflow: hidden; position: relative; line-height: 1.45em;}
.blog-card .photo {transition: all 0.5s ease;}
/*.blog-card .photo:hover {transform: scale(1.1);} */
/*.blog-card .photo img {cursor:zoom-in; height: 180px; position: relative; width:100%;} */
.blog-card .photo img {height: 180px; position: relative; width:100%;}
.blog-card .description {padding: 14px 0 10px 30px; position: relative;}
.blog-card .description h5 {font-size:1.3em; font-weight: 600!important;}
.blog-card .description h6 {color: #9b9b9b; text-transform: uppercase; font-size:1.1em; font-weight: 400; margin: 1.2% 0;}
.blog-card .description p {position: relative; margin: 0; padding-top: 30px;}
.blog-card .description p:after { content: ""; background: #b3c464; height: 6px; width: 40px; position: absolute; top: 5px; left: 0;}
.blog-card .description a {color: #b3c464; font-weight: 700;}
.blog-card .description a:hover {text-decoration:underline;}

@media screen and (min-width: 600px) {
.blog-card {height: 180px; max-width: 890px;}
.blog-card .photo {float: left; height: 100%; width: 30%;}
.blog-card .details {width: 30%;}
.blog-card .description {float: left; width: 70%;}
}

/* NEWS-modal */
.modal {position: fixed; top: 0; left: 0; bottom: 0; right: 0; display: none; overflow: auto; background-color: #000000; background-color: rgba(0, 0, 0, 0.9); z-index: 9999;}
.modal h5 {font-size:1.3em; font-weight: 600!important;}
.modal-window {position: relative; background-color: #FFFFFF; width: 40%; max-width:768px; margin: 10% auto; padding: 20px;}

.close {position: absolute; top: 0; right: 0; color: rgba(0,0,0,0.3); height: 30px; width: 30px; font-size: 30px; line-height: 30px; text-align: center;}
.close:hover, .close:focus {color: #000000; cursor: pointer; }
.open {display: block;}

/* NEWS-load more */
.add {display: none;}
#loadmore {margin: 5px auto; padding: 12px 0; width: 100%; background: #b3c464; text-align: center; color: #fff; display: block; text-decoration: none; font-weight: 700; transition: all 0.5s ease-in-out;}
#loadmore:hover { background: #333;}
.nomore {margin: 5px auto; padding: 8px 0; width: 100%; background: #999999; text-align: center; color: #fff; display: block; text-decoration: none;}
.nomore:hover {opacity:.7;}

/* NEWS-Slider */ 
.slider_news {
  position:relative;
  width: 100%;
  height:auto;
  max-width:100%;
  display:inline-block;
  margin-top:10px;
}
.slider_news img {
   max-width:100%;
}
.slider_news ul{
    height: 100%;
    list-style: none;
    overflow:hidden;
    padding:2px;
}
.slider_news li{
    height: 100%;
    display:none;
}

.slider-direction span{
  position:absolute;
    top: 50%;
    font-family:monospace;
    font-size: 3em;
    cursor:pointer;
    color:#fff;
    user-select: none;
}

.slider-direction .prev{
  left:12px;
}

.slider-direction .next{
  right:12px;
}

.slider_news .curr{
  display:block;
}
/* NEWS-end */