/*STYLE.CSS*/
.right-block-about {width: 100%; position: relative; float: left; padding: 50px 0px 50px 30px;}
.right-block-about p {padding-right: 20px; padding-bottom: 0px; width: 80%; color:#b4b4b4;}

.team {width: 100%; position: relative; float: left; text-align: center;padding-bottom: 75px;}
.team .team-title {position: relative; float: none; display: inline-block; padding: 120px 0px 40px;}
.team-title h4 {padding-top: 10px;}
.block-team {text-align: center; width: 100%; float: left; cursor: pointer;}
.block-team .button-img {position: relative; display: inline-block; float: none; margin-bottom: 30px; white-space: nowrap; font-size: 16px;}

.team-info {position: relative; width: 100%; float: left; text-align: center; padding-bottom: 50px;}
.team-info ul {float: none; position: relative; display: inline-block; text-align: center; padding: 20px 0px 16px;}
.team-info ul li span {font-weight:700;}
.team-info ul li {font-size: 12px; line-height: 20px; font-family: 'Open Sans', sans-serif; }

.team-info .follow-icon {position: relative; float: none; width: 100%; display: inline-block;}
.sicon {position:relative; margin: 0px 8px;}
.sicon img {position: relative; width: 16px; height: 16px; transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;} 
.sicon .roll{position:absolute; left:0px; top:0px; opacity:0; width: 16px; height: 16px;}

.team-bg {text-align: center; position: relative; float: left; width: 100%;}
.man-img {position: relative; width: 100%; text-align: center;}
.man-img img {position: absolute; bottom: 0px; left:0px;transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in; }
.layer-team {opacity: 0;}
.block-team:hover .layer-black{opacity: 0;}
.block-team:hover .layer-team {opacity: 1; z-index: 14;}
.layer-team.view {opacity: 1; z-index: 14;}
.layer-black.view {opacity: 1; z-index: 10;}

.team-click {text-align: center; width: 569px; height: 265px; position: absolute; top:108px; left: 0px; background: url('../img/orange_pattern.png'); visibility: hidden;
    transform: translate3d(-100%, 0, 0) rotateY(-90deg);
    -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg);
    -moz-transform: translate3d(-100%, 0, 0) rotateY(-90deg);
    -o-transform: translate3d(-100%, 0, 0) rotateY(-90deg);
    -ms-transform: translate3d(-100%, 0, 0) rotateY(-90deg);
    transform-origin: 100% 50%;
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;-ms-transform-origin: 100% 50%;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;   
}
.team-click ul {position: relative; float: right; text-align: center; padding: 50px 60px 45px 60px;}
.team-click ul li {font-size: 14px; line-height: 34px; text-transform: uppercase;}
.team-click.slide {z-index: 5;visibility: visible;-webkit-transition: -webkit-transform 0.5s;transition: transform 0.5s;transform: translate3d(0%, 0, 0) rotateY(0deg);}
.team-click-left {text-align: center; width: 569px; height: 265px; position: absolute; top:108px; left: -250px; background: url('../img/orange_pattern.png'); visibility: hidden;
    transform: translate3d(-100%, 0, 0) rotateY(90deg);
    -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg);
    -moz-transform: translate3d(-100%, 0, 0) rotateY(90deg);
    -o-transform: translate3d(-100%, 0, 0) rotateY(90deg);
    -ms-transform: translate3d(-100%, 0, 0) rotateY(90deg);
    transform-origin: 100% 50%;
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
}
.team-click-left ul {position: relative; float: left; text-align: center; padding: 50px 0px 45px 60px;}
.team-click-left ul li {font-size: 14px; line-height: 34px; text-transform: uppercase;}
.team-click-left.slide {z-index: 5;visibility: visible;-webkit-transition: -webkit-transform 0.5s;transition: transform 0.5s;transform: translate3d(0%, 0, 0) rotateY(0deg);}

.team-click-left .close-info {display: none; position:relative; float: none; height: 35px;}
.team-click .close-info {display: none; position:relative; float: none; height: 35px;}



@media screen and (max-width: 1199px) {
    .team-click.slide {width: 100%; top: 62px; height: 360px; z-index: 20;cursor: default;}
    .team-click ul {float: none; padding: 50px 0px;}
    .team-click .close-info {display: inline-block; cursor: pointer;}
    .team-click-left.slide {width: 100%; top: 62px; height: 360px; left: 0px; z-index: 20;cursor: default;}
    .team-click-left ul {float: none; padding: 50px 0px;}
    .team-click-left .close-info {display: inline-block;}
    .layer-black{opacity: 0; display: none;}
    .layer-team {opacity: 1;}
    .block-team:hover .layer-black{opacity: 0;display: none;}
    .block-team:hover .layer-team {opacity: 1!important; z-index: 10;}
}
@media screen and (max-width: 1024px) {
    .about .display-cell {width: 100%; float: left;}
    .right-block-about {padding-top: 45px; padding-left: 15px; width: 100%; padding-bottom: 0px;}
    .right-block-about p {width: 100%;}
}
@media screen and (max-width: 998px) {
    .about-baner.slider-top-thumbs {margin-top: 30px;}
    .service  {padding: 30px 0px 50px;}
    .push-block .display-cell:last-child {display: table-footer-group;}
    .push-block .display-cell:first-child {display: table-header-group;}
    .pull-block .display-cell:last-child {display: table-header-group;}
    .pull-block .display-cell:first-child {display: table-footer-group;}
    .right-block-service {text-align: center; padding-right: 0px;}
    .text-service p {padding-top: 15px;}
    .left-block-service {text-align: center; padding-bottom: 25px;}
    .left-block-service .service-image {float: none; padding-top: 20px;}
    .left-block-service .service-image-right {float: none; padding-top: 20px;}
    .right-block-service-left {padding-left: 0px; text-align: center;}
    .right-block-service-left p {position: relative; float: none; display: inline-block;}
}
@media screen and (max-width: 990px) {
    .man-img img {left:40px;}
    
    .img-top.display-cell {vertical-align: top;}
}
@media screen and (max-width: 980px) {
    .bg-bg-chrome {background-attachment: scroll; position: relative;}
    
  
}

@media screen and (max-width: 768px) {
    .man-img img {left:0px;}
    .team {padding-bottom: 55px;}
    .team .block-team {position: relative; display: inline-block; float: none;width: 270px;}
    .team .team-title {padding-top: 86px;}
    .sicon {margin: 0px 17px;}
  
    .service-title {padding: 95px 0px;}
    
    .offers {padding-bottom: 95px;}
    .offers .offer-block {position: relative; float: none; display: inline-block; width: 300px;}
    .offers .offers-title {padding-top: 100px;}
    .offer-block:hover {background:url('../img/site_pattern.png'); cursor: default;}
    .offer-block:hover .main-button {background: url('../img/button_texture.png');}
    .offer-block:hover .button-img {border: 3px solid #ff9c00;}
    .offer-block:hover .color-orange {color:#ff9c00;}
    .offer-block:hover .color-grey {color:#b4b4b4;}
    .offer-block:hover ul li, b {color:#b4b4b4;}
    .offer-block:hover .chek-no {list-style-image: url(../img/chek2.png);}
    .offer-block:hover .chek-yes {list-style-image: url(../img/chek.png);}
    
   
@media screen and (max-width: 517px) {
    .service-image-right img {width:299px; height: 299px;}
    .service-image img {width:299px; height: 299px;}
}
@media screen and (max-width: 500px) {
    .about-baner .word {float: none; margin-left: 0px; padding: 0px 10px;}
}

@media screen and (max-width: 450px) {
        
    .right-block-about {padding-top: 25px;}
    .right-block-about p {padding-right: 25px; padding-top: 25px;}
    
    .sicon {margin: 0px 17px;}
    
    .service-title {padding: 85px 0px;}
    .left-block-service .service-image  {padding-top: 10px;}
    .text-service h4 {line-height: 36px;}
    .left-block-service .service-image-right {padding-top: 10px;}
    
    .offer-block {margin-top: 40px;}
    .offers .offers-title {padding-top: 85px;}
    .offers {padding-bottom: 100px;}

}


@media screen and (max-width: 384px) {
    
    .about-baner.slider-top-thumbs {margin-top: 30px;}
}