body {
color: #858585;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-weight: 100;
font-size: 17px;
}
body.noscroll {
overflow: hidden;}
h1,h2,h3,h4,h5,h6 {font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif; font-weight: 700; color:#000; text-transform:uppercase; }
a {color:#858585; transition: all 0.5s ease 0s; text-decoration: none;}
a:visited {color:#858585;text-decoration: none;}
a:hover,a:focus {color:#ff6f28; }
a:active, a:focus { outline: none; }
blockquote {
margin-bottom: 30px;
font-size: 1.1em;
font-style: italic;
}
input, textarea {outline:none;}
input:active, textarea:active {outline:none;}
:focus {outline:none;}
textarea {resize:none;}
textarea {resize:vertical;}
textarea {resize:horizontal;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;}
.button:after,.button:before,.blocks:after,.blocks:before,.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{content:" ";display:table}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.pull-right{float:right}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.pull-left{float:left}.textcenter{text-align:center}.blocks{position:relative;display:table;width:100%}.fullscreen{height:100vh}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:480px){.container{width:100%}}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.row{margin-left:-15px;margin-right:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}}@media (max-width:767px){.container{padding-left:15px;padding-right:15px}.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.hidden-lg{display:none!important}}
.alignleft, .alignright  {margin-bottom:10px;}
.text-center {text-align:center;}
.np {padding:0 !important;}
.nm {margin:0 !important;}
.lstn {list-style:none;}
.container-fw{max-width:1600px; margin:0 auto;} .button, .button:visited,.modal-container button, .nav-previous > a, .nav-next > a, .wonderplugin-gridgallery-loadmore-btn {
position: relative;
display: inline-block;
padding: 12px 40px;
border: solid 1px #ff6f28;
cursor: pointer;
font-size:14px;
border-radius:50px;
font-weight:700;
margin: 0 auto;
text-align: center;
color: #fff;
text-decoration: none;
background:#ff6f28;
text-transform:uppercase;
}
.button:hover,.nav-previous > a:hover, .nav-next > a:hover,.modal-container:hover button, .wonderplugin-gridgallery-loadmore-btn:hover,.button.succes:hover {
background: transparent;
color: #ff6f28;
text-decoration: none;
border: solid 1px #ff6f28;
display: inline-block;
}
.button.succes {background: #1957d3;
border: solid 1px #1957d3;
}
.inverse {background:#ff6f28; color:#fff;}
.inverse p, .inverse a, .inverse span, .inverse b, .inverse ul li,.inverse .entry-title {color:#fff;}
.button.inverse,.inverse button,  button.inverse {border: solid 1px #fff;background:transparent; color:#fff;}
.button.inverse:hover, .inverse button:hover, button.inverse:hover {background:#fff; border: solid 1px #fff; color:#ff6f28;}
button:active, button:focus {
outline: none !important;
}
button::-moz-focus-inner {
border: 0 !important;
}
.search-form {
position: relative;
}
.search-submit {
position: absolute;
right: 0;
top: 0;
height: 50px;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
color: #fff;
border: solid 1px #fff;
padding: 7px 15px;
width: 100%;
background: transparent;
border-radius: 20px;
margin-bottom: 15px;
}
input[type="submit"] {cursor:pointer;}
button, input[type="button"], input[type="reset"], input[type="submit"] {
padding: 9px 40px;
border-radius: 20px;
border: solid 1px #fff;
background: #fff;
color: #ff6f28;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
width: 100%;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
color: #fff;
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
background:transparent;
color:#ff6f28;
border: solid 1px #ff6f28;
}
select {
margin: 0 0 15px;
width: 100%;
padding: 5px 35px 5px 5px;
font-size: 16px;
border: 1px solid #fff; -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url(//a-klimat.com.ua/wp-content/themes/ardeil-child/images/carret-down.png) 95% 15px no-repeat transparent;
border-radius: 40px;
color: #fff;
height: 40px;
} select::-ms-expand { 
display: none; } @media screen and (min-width:0\0) {
select {
background:none\9;
}
}
div.wpcf7-mail-sent-ok {
border: 2px solid #ff6f28;
text-align: center;
}
.row-flex, #about .blocks {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.rowflex  {
height: 100%;
} #masthead {
padding-top:8px;
margin: 0px;
z-index: 1000;
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
background: #fff;
min-height: 60px;
box-shadow: 0 0 20px rgba(30,30,30,0.4);
}
#masthead.active {
position: fixed; 
padding-top:4px;
}
#masthead.active .container {border: 0 none;}
.contactstop {
margin-right: 5vw;
}
.cls-1 {
fill: #6e6e6e !important;
}
.contactstop .textwidget p {
display: inline-block;
position: relative;
padding: 0 10px 0 0;
margin: 0;
font-weight: 400;
font-size: 15px;
color: #000;
}
.contactstop .textwidget p:first-child {
display: none !important;
}
.contactstop .textwidget p:nth-child(2)::after {
content: "";
background: #000;
opacity: 0.5;
right: 2px;
top: 5px;
height: 15px;
width: 1px;
position: absolute;
}
.logged-in.admin-bar #masthead,.logged-in.admin-bar #masthead.active {
margin-top: 32px;
}
.site-branding.pull-left.cont {
min-width: 200px;
}
.navi {
display: inline-block;
vertical-align: top;
float: left;
}
.nav.pull-right.cont {
margin-top: 10px;
}
.main-navigation li {
display: inline-block;
float: none;
}
.main-navigation a {
padding: 0 4px 0;
font-weight: 400;
color: #000;
text-transform: none;
position: relative;
font-size:15px;
}
.main-navigation a:hover {
color: #ff6f28;
}
.main-navigation li {
display: inline-block;
float: none;
margin: 0;
}
.icon-bar {
display: block;
width: 43px;
height: 3px;
border-radius: 1px;
background: #ff6f28;
margin: 9px;
transition:  all 0.5s ease 0s;
}
.main-navigation .menu-toggle {
background: transparent;
border: solid transparent;
padding: 0;
width: 67px;
height: 50px;
margin-left: 15px;
cursor: pointer;
}
.main-navigation .menu-toggle:hover {
background: transparent;
border: solid transparent;
}
.main-navigation .menu-toggle:hover .icon-bar {
background: #747474;
}
.main-navigation.toggled .menu-toggle .icon-bar:nth-child(2){display:none;}
.main-navigation.toggled .menu-toggle .icon-bar:first-child{transform: rotate(45deg);margin: -2px;}
.main-navigation.toggled .menu-toggle .icon-bar:last-child{transform: rotate(-45deg);margin: -2px;}
.main-navigation.toggled .menu-toggle .menu-toggle{padding:15px;}
.main-navigation.toggled ul {
width: 100vw;
min-height: calc(100vh - 90px);
}
.main-navigation.toggled ul li {
display: block;
text-align: center;
margin: 15px 0;
}
.main-navigation.toggled ul li a {
font-size: 8vw;
}
@media screen and (min-width: 769px) {
.menu-toggle {
display: none !important;
}
.main-navigation ul {
display: block !important;
}
}
@media screen and (max-width: 769px) {
.menu-toggle {
display: block;
}
.main-navigation ul {
display: none;
}
.nav.pull-right.cont {
position: absolute;
top: 10px;
left: 0;
right: 0;
z-index: 1000;
}
.site-branding.pull-left.cont {
position: absolute;
width: 120px;
text-align: center;
left: 50%;
top: 25px;
margin-left: -100px;
z-index: 2000;
}
}
.entry-title, .single-post .category-blog .entry-title {
font-size: 45px;
position: relative;
padding: 60px 0px;
display: block;
text-transform: uppercase;
line-height: initial;
margin: 0;
}
.home .entry-title {
text-align: center;
padding-bottom:0;
}
.home .blocks {
padding: 80px 0;
}
#content {
overflow: hidden;
margin-top: 80px;
}
.home #content {
margin-top: 0;
} #promo {
color: #fff;
font-size: 30px;
margin-top: 60px;
height: calc(100vh - 60px);
background: url(//a-klimat.com.ua/wp-content/themes/ardeil-child/images/promo_bgt.jpg) no-repeat 50% 100%;
background-attachment: fixed;
background-size: cover;
}
#promo .entry-title {
color: #fff;
margin-bottom: 10px;
font-size: 60px;
margin-top: 0;
padding-top: 0;
}
#promo a {
margin: 0 15px;
}
.promo-box p {
max-width: 550px;
margin: 40px auto;
}
.promo-box {
padding-top: 12vh;
padding-bottom: 12vh;
}
.container.services {
position: relative;
margin-top: -160px;
background:transparent;
}
.container.services li {
font-weight: 700;
text-transform: uppercase;
}
.icons {position: relative;}
.container.services li div {height: 160px;
padding-top: 100px;background: rgba(0,0,43,0.4);margin-right:1px;}
.icons::before {
content: "";
background: url(//a-klimat.com.ua/wp-content/themes/ardeil-child/images/sprite.png) no-repeat;
position: absolute;
height: 80px;
width: 66px;
top: 20px;
left: 50%;
margin-left: -33px;
overflow: hidden;
}
.services .icons:first-child::before {
background-position: -307px 0;
}
.services .icons:nth-child(2)::before {
background-position: -367px 0;
}
.services .icons:nth-child(3)::before {
background-position: -430px 0;
}
.services .icons:nth-child(4)::before {
background-position: -494px 0;
} #service p {
font-size: 30px;
margin: 0;
color: #000;
}
#service .gallery-item {
margin: 0;
padding: 0;
overflow: hidden;
max-height: 16.4vw;
position:relative;
}
#service .gallery-item img {
display: block;
padding:1px 1px  0  0;
}
#service .wp-caption-text {
text-align: center;
position: absolute;
z-index: 100;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(0,0,0,0.6);
pointer-events: none;
transition: all 0.5s ease;
color: #fff;
font-weight: bold;
text-transform: uppercase;
padding: 27% 15px 0;
}
#service .gallery-item:hover .wp-caption-text {
opacity: 0;
padding-top: 10%;
} #price,#consultation {
margin-bottom: -1px;
margin-left: -1px;
}
#price p, #consultation p { margin-top: 0;
} #work {
background: #2b2b2b;
padding-bottom: 120px;
}
#work .entry-title {
color: #fff;
margin-bottom: 60px;
width:100%;
}
.inner-box {
position: relative;
margin-top: 30px;
}
.icon-box {
position: absolute;
width: 100%;
font-size: 150px;
font-weight: 900;
color: #ff6f28;
z-index: -1;
top: 0;
line-height: 70px;
}
.inner-box h3,.about-box h3 {
color: #fff;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-weight: 300;
font-size: 30px;
text-transform: none;
line-height: 33px;
margin-bottom: 50px;
}
.work-block {
border-right: 1px solid #3c3c3c;
border-bottom: 1px solid #3c3c3c;
padding-bottom: 30px;
}
.work-block:last-child{border-right:0;}
.work-block::before {
background: #3c3c3c;
width: 1px;
height: 55px;
content: "";
position: absolute;
bottom: -55px;
right: -1px;
}
.work-block:last-child::before {
background: transparent;
} #portfolio {
margin-bottom: 60px;
}
#portfolio .entry-title {
background: url(//a-klimat.com.ua/wp-content/themes/ardeil-child/images/portfolio_bg.jpg) no-repeat 50% 100%;
background-size: cover;
color: #fff;
padding-bottom: 120px;
}
#gallerybox {
margin-top: -55px;
text-align: center;
}
#gallerybox .gallery-icon {
overflow: hidden;
}
#gallerybox .gallery-item img {
transition: all 0.7s ease;
padding: 0;
transform: scale(1,1);
width: 100%;
}
#gallerybox .gallery-icon:hover img {transform: scale(1.1,1.1);}
#gallerybox .gallery-item {margin: 0 25px 25px;
box-shadow:0 0 18px rgba(0,0,0,.13);
background: #fff;}
#gallerybox .gallery-columns-4 .gallery-item {width:calc(25% - 50px);}
#gallerybox .gallery-caption {
color: #ff6f28;
text-transform: uppercase;
font-weight: 700;
padding: 15px 15px 60px;
position: relative;
min-height: 150px;
}
#gallerybox .gallery-caption span {
position: absolute;
bottom: 15px;
color: #858585;
font-weight: 300;
right: 15px;
}
#gallerybox #showmore {
display: inline-block;
width: auto;
}
#gallerybox .gallery:not(:first-child) {opacity:0; visibility:hidden; transition:all 0.5s ease; position:absolute; top:200px;}
#gallerybox.showmore #showmore {
display: none;
}
#gallerybox.showmore .gallery:not(:first-child) {opacity:1; position:relative; visibility:visible;  top:0px;}
#partners .gallery-icon {
line-height: 135px;
vertical-align: middle;
min-height: 135px;
display: block;
border-right: 1px solid #f5f5f5;
border-bottom: 1px solid #f5f5f5;
padding: 0 20px;
}
#partners .entry-title,#about .entry-title,#footer .entry-title {
padding-bottom: 30px;
}
#partners {
background: #e6e6e6;
padding-bottom: 60px;
}
#partners .gallery-item {
margin-top: 0;
}
#partners figure:nth-child(4n+4) .gallery-icon {border-right: transparent;}
#partners figure:nth-last-child(-n+4) .gallery-icon {border-bottom: transparent;}
#partners .gallery-item img {
display: inline-block;
vertical-align: middle;
} #about p {max-width: 880px; margin-left: auto; margin-right:auto;}
.about-box {
padding: 25px;
margin: 0 10px;
position: relative;
}
#about [class*="col-"] {
margin-bottom: 50px;
}
#about .about-box h3 {
padding-left: 100px;
margin-top: 2px;
margin-bottom: 30px;
min-height: 65px;
}
.about-box.icons::after {
content:"";
background: #fff;
position:absolute;
width: 80px;
height: 80px;
border-radius: 100%;
left: 20px;
z-index:1;
top:20px;
}
.about-box.icons::before {
left: 30px;
width: 54px;
height: 54px;
margin-left: 0;
z-index: 2;
top: 30px;
}
.blocks .about-block:first-child .icons::before {
background-position: 8px 1px;
}
.blocks .about-block:nth-child(2) .icons::before {
background-position: -44px 2px;
}
.blocks .about-block:nth-child(3) .icons::before {
background-position: -98px 1px;
}
.blocks .about-block:nth-child(4) .icons::before {
background-position: -151px 1px;
}
.blocks .about-block:nth-child(5) .icons::before {
background-position: -199px 1px;
}
.blocks .about-block:nth-child(6) .icons::before {
background-position: -253px 1px;
} #consultation .parallax {
padding-top: 0;
}
#consultation div.wpcf7 {
max-width: 536px;
margin: 0 auto;
} .contacts-box {
position: relative;
padding-left: 30vw;
}
#footer .address {
position: absolute;
top: 90px;
left: 25px;
box-shadow: 0 0 18px rgba(0,0,0,.13);
background: #fff;
padding: 65px 45px 45px 120px;
font-size: 30px;
color: #000;
}
#footer .address a {
color: #000 !important;
}
#footer .address::before {
background: #f5f5f5;
position: absolute;
width: 1px;
height: 100%;
content: "";
top: 0;
left: 120px;
}
#footer .address p {
padding-left: 45px;
position:relative;	
}
#footer .address p::before {
position: absolute;
left: -80px;
top: 10px;
content: "";
background: url(//a-klimat.com.ua/wp-content/themes/ardeil-child/images/location.svg) no-repeat;
width: 30px;
height: 30px;
}
#footer .address p:nth-child(2)::before {
background: url(//a-klimat.com.ua/wp-content/themes/ardeil-child/images/phone.svg) no-repeat;
}
#footer .address p:nth-child(3)::before {
background: url(//a-klimat.com.ua/wp-content/themes/ardeil-child/images/envelope.svg) no-repeat;
}
#footer .copy {
background: #1957d3;
margin-top: 40px;
color: #fff;
}
.soc a {
margin: 20px 10px;
display: inline-block;
font-size: 30px;
}
#footer a {
color: #fff;
}
#footer a:hover {
color: #ff6f28;
}
.copyright {
margin-top: 32px;
}
.soc {
margin-right: 60px;
}
body a#scroll-to-top {
background: transparent;
}
body a#scroll-to-top::after {
position: absolute;
width: 35px;
height: 35px;
content: "";
background: url(//a-klimat.com.ua/wp-content/themes/ardeil-child/images/top.png) no-repeat;
top: 10px;
left: 0;
z-index: 1000;
} .category-blog .entry-title {
font-size: 27px;
padding: 0;
margin: 0;
}
.post-thumb-image {
overflow: hidden;
position: relative;
}
.post-thumb-image img {
width: 100%;
}
.category-blog article {
display: table;
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid;
width: 100%;
}
.category-blog article:last-child {
border-bottom: 0;
}
.category-blog .button {
float: right;
margin-top: 30px;
}
.entry-content {
margin-bottom: 80px;
}
.error-404.not-found {
text-align: center;
}
.nav-links {
margin-bottom: 30px;
display: table;
width: 100%;
}
.navigation.pagination {
margin-left: 15px;
}
.navigation.pagination .page-numbers{
background: #fff none repeat scroll 0 0;
border: 1px solid #e1e1e1;
display: inline-block;
font-size: 14px;
line-height: 25px;
margin-bottom: 30px;
margin-right: 10px;
padding: 10px 20px;
}
.navigation.pagination .page-numbers:hover, .page-numbers.current{
background: #ff6f28!important;
color: #fff!important;	
}
.gallery-item img {
padding: 0;
display: block;
}
.gallery-item {
margin-bottom: 0;
}
.gallery {
margin-bottom: 0;
} .parallax {
width: 100%; position: relative;
overflow: hidden;
padding: 90px 0;
z-index: 1;
}
.img-parallax {
width: 100vmax;
z-index: -1;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%,0);
pointer-events: none
} .animation-element {
opacity: 0;
position: relative;
} .animation-element.slide-left,.menu-glavnoe-menyu-container {
opacity: 0;
-moz-transition: all 800ms linear;
-webkit-transition: all 800ms linear;
-o-transition: all 800ms linear;
transition: all 800ms linear;
-moz-transform: translate3d(-100%, 0px, 0px);
-webkit-transform: translate3d(-100%, 0px, 0px);
-o-transform: translate(-100%, 0px);
-ms-transform: translate(-100%, 0px);
transform: translate3d(-100%, 0px, 0px);
}
.animation-element.slide-left.in-view,.toggled .menu-glavnoe-menyu-container {
opacity: 1;
-moz-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate3d(0px, 0px, 0px);
} .animation-element.slide-right {
opacity: 0;
-moz-transition: all 800ms linear;
-webkit-transition: all 800ms linear;
-o-transition: all 800ms linear;
transition: all 800ms linear;
-moz-transform: translate3d(100%, 0px, 0px);
-webkit-transform: translate3d(100%, 0px, 0px);
-o-transform: translate(100%, 0px);
-ms-transform: translate(100%, 0px);
transform: translate3d(100%, 0px, 0px);
}
.animation-element.slide-right.in-view {
opacity: 1;
-moz-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate3d(0px, 0px, 0px);
} .animation-element.bounce-up  {
opacity: 0;
-moz-transition: all 800ms ease-out;
-webkit-transition: all 800ms ease-out;
-o-transition: all 800ms ease-out;
transition: all 800ms ease-out;
-moz-transform: translate3d(0px, 50px, 0px);
-webkit-transform: translate3d(0px, 50px, 0px);
-o-transform: translate(0px, 50px);
-ms-transform: translate(0px, 50px);
transform: translate3d(0px, 50px, 0px);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.animation-element.bounce-up.in-view  {
opacity: 1;
-moz-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate3d(0px, 0px, 0px);
} .animation-element.bounce-down 
{
opacity: 0;
-moz-transition: all 300ms linear;
-webkit-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear;
-moz-transform: translate3d(0px, -200px, 0px);
-webkit-transform: translate3d(0px, -200px, 0px);
-o-transform: translate(0px, -200px);
-ms-transform: translate(0px, -200px);
transform: translate3d(0px, -200, 0px);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.animation-element.bounce-down.in-view{
opacity: 1;
-moz-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
.animation-element.slowshow  {
opacity: 0;
-moz-transition: all 700ms ease-out;
-webkit-transition: all 7 ease-out;
-o-transition: all 700ms ease-out;
transition: all 700ms ease-out;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.animation-element.slowshow.in-view   {
opacity: 1;
} .animation-element.rotate  {
opacity: 0;
-moz-transition: all 1000ms ease-out;
-webkit-transition: all 1000ms ease-out;
-o-transition: all 1000ms ease-out;
transition: all 1000ms ease-out;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.animation-element.rotate.in-view  {
opacity: 1;
-moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg);}
@keyframes opacity {
0%  {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
#masthead.active {
animation: opacity 1s alternate;
opacity:1;
} .category-portfolio  {
text-align: center;
}
@media screen and (min-width: 1601px) {
#portfolio .container {
width: 100%;
padding:0 6.2%;
}
#service .gallery-item {
height: 260px;
}
}
@media (max-width: 1279px){	
.contactstop .textwidget p:nth-child(3)	{display:none;}	
.main-navigation a {
padding: 0 5px 0;
}
.contactstop .textwidget p:nth-child(2)::after {
background: transparent;
}
}
@media (max-width:1199px){ 
#gallerybox .gallery-columns-4 .gallery-item {
width: calc(25% - 30px);
}
#gallerybox .gallery-item {
margin: 0 15px 25px;
}
#gallerybox .gallery-caption {
text-transform: none;
}
.about-box {
padding: 25px 15px;
margin: 0;
}
#about .about-box h3 {
font-size: 21px;
line-height: 24px;
}
#service .gallery-item:hover .wp-caption-text {
padding-top: 20%;
}
#footer .address {
padding: 30px 30px 30px 80px;
font-size: 21px;
}
#footer .address::before {
left: 80px;
}
#footer .address p {
padding-left: 30px;
}
#footer .address p::before {
left: -55px;
top: -7px;
font-size: 30px;
}
}
@media (min-width:769px) and (max-width:1024px) {
.img-parallax {
width: 250vw !important;
height: 1024px;
margin-top: -90px;
}
}
@media screen and (min-width: 769px) {
.menu-toggle {
display: none !important;
}
.main-navigation ul {
display: block !important;
}
.menu-glavnoe-menyu-container {
opacity: 1;
-moz-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
}
@media (max-width: 768px) {
#masthead {
background: #fff;
}
#masthead {
min-height: 90px;
}
#masthead .menu.nav-menu li:first-child {
padding-top: 7.5vh;
}
#masthead .container {
border:0 none;
}
#promo .super-hero-caption-wrapper {
top: 65%;
}
#promo .eco {
font-size: 19px;
}
#work .label {
font-size: 1.6vw;
}
.modal-content ul {
padding-left: 15px;
}
.img-parallax {
width: 250vw !important;
height: 900px;
margin-top: -90px;
} .navi {
float: left;
}
#site-navigation {
background: #fff;
}
.work-block:last-child {
border-right: 1px solid #3c3c3c;
border-bottom: 0;
}
#partners figure:nth-child(2n+1) .gallery-icon  {
border-right: 1px solid #f5f5f5;
}
#partners figure:nth-child(2n) .gallery-icon {
border-right: 0;
}
#partners figure .gallery-icon {
border-bottom: 1px solid #f5f5f5 !important;
}
#partners figure:nth-last-child(-n+2) .gallery-icon {border-bottom: 0 transparent !important;}
.gallery-item {
width: 50% !important;
max-width: 50% !important;	
}
#service .gallery-item {max-height: 33vw !important;}
#gallerybox .gallery-columns-4 .gallery-item {
width: calc(50% - 30px)!important;
}
}
@media (max-width: 480px) {
#masthead {
min-height: 70px;
}
.container.services li div {
height: 40px;
padding: 7px 0;
}
.services .icons::before {
background: transparent;
}
.promo-box {
padding-top: 30px;
padding-bottom: 0;
}
#promo .entry-title {
margin-bottom: 0;
font-size: 30px;
}
.promo-box p {
margin: 20px auto;
line-height: 34px;
}
.nav.pull-right.cont {
top: 0px;
}
.site-branding.pull-left.cont {
top: 14px;
width: 120px;
left: initial;
right: 30px;
}
.entry-title,.single-post .category-blog .entry-title {
font-size: 30px;
padding: 30px 10px;}
.img-parallax {
width: 250vw !important;
height: 170vh;
margin-top: -90px;
}
.gallery-item {
width: 100% !important;
max-width: 100% !important;
}
#service .gallery-item {max-height: 100% !important;}
#gallerybox .gallery-columns-4 .gallery-item {
width: 100% !important;
margin:0;
box-shadow: 0 0 0 transparent;
}
#partners .gallery-icon {
border-right: 0 !important;
border-bottom: 1px solid #f5f5f5 !important;
}
#partners .gallery-icon {border-right:0 !important;}
#partners figure:nth-last-child(-n+2) .gallery-icon {
border-bottom: 1px solid #f5f5f5 !important;
}
#partners figure:last-child .gallery-icon {border-right:0 !important; border-bottom:0 !important;}
.work-block:last-child,.work-block {
border-right: 0 !important;
}
#price form p,#consultation form p {
margin-bottom: 3px;
}
#work {
padding-bottom: 0;
}
#gallerybox .gallery-caption { border-bottom: 0 !important;
min-height: 120px;
}
#footer .address {
position: relative;
top: 0;
left: 0;
box-shadow: 0 0 0 transparent;
}
.contacts-box {
position: relative;
padding-left: 0;
}
.copyright {
text-align: center;
float: none;
}
.soc {
margin-right: 0;
float: none;
text-align: center;
}
#footer .copy {
margin-top: 0;
color: #fff;
display: table;
width: 100%;
}
}
@media (max-width: 330px) {} #dd-popup {
display: none !important;
}
.cbalink {
display: none;
}html.slb_overlay object,html.slb_overlay embed,html.slb_overlay iframe{visibility:hidden}html.slb_overlay #slb_viewer_wrap object,html.slb_overlay #slb_viewer_wrap embed,html.slb_overlay #slb_viewer_wrap iframe{visibility:visible}