body {
color: #888;
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
font-weight: 100;
font-size: 16px;
letter-spacing: 0.5px;
}
.entry-title .last-word {color:#ff9900;}
.noscroll {overflow:hidden !important;}
.text-center {text-align:center;}
.text-left {text-align:left;}
.text-right {text-align:right;}
h1,h2,h3,h4,h5,h6 { font-weight: 400; color:#000; font-family: 'Oswald', Arial, Helvetica, sans-serif;
}
a {color:#ff9900; transition: all 0.5s ease 0s; text-decoration: none;}
a:visited {color:#000;text-decoration: none;}
a:hover,a:focus {color:#000; }
a:active, a:focus { outline: none; }
b, strong {
font-weight: bold;
}
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;} .button, .button:visited, .modal-container button, .nav-previous > a,  .nav-next > a, button, input[type="button"], input[type="reset"], input[type="submit"], #primary-menu .formorder a {
border: solid 2px #ff9900;
border-radius: 0;
position: relative;
display: inline-block;
padding: 15px 35px;
cursor: pointer;
margin: 0 auto;
text-align: center;
color: #ff9900;
text-decoration: none;
background: transparent;
font-weight: 400;
font-size: 17px;
font-family: 'Oswald', Arial, Helvetica, sans-serif;
letter-spacing: 1px;
text-transform: none;
}
.button.black {color:#000;border-color:#000;}
.modal-container button {
position: initial;
display: initial;}
.description .button {
margin: 30px 0 0;
}
.button:hover,.nav-previous > a:hover, .nav-next > a:hover,.modal-container:hover button,.button.black:hover {
background: #000;
color: #fff;
text-decoration: none;
border: solid 2px #000;
display: inline-block;
}
.inverse, #primary-menu .formorder a, .inverse p, .inverse a, .inverse span, .inverse b, .inverse ul li,.inverse .entry-title {color:#fff;}
#primary-menu .formorder a {border-color: transparent !important; background: transparent !important;}
.button.inverse, .inverse button, button.inverse {
border-color: #fff;
background: transparent;
color: #fff;
}
.button.btn-success,.button.btn-default.active {
color: #fff;
background: #ff9900;
border-color: #ff9900;
}
.button.default,button, input[type="button"], input[type="reset"], input[type="submit"]  {
color: #fff;
background: #000;
border-color: #000;
}
.button.default:hover,button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover{background: #ff9900;
border-color: #ff9900;}
.button.inverse:hover, .inverse button:hover, button.inverse:hover, .button.btn-success:hover {
background: #000;
color: #fff;
border-color: #000;
}
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: #f8f8f8;
border: solid 2px #fff;
border-radius: 0;
padding: 12px 20px;
width: 100%;
background: transparent;
}
input[type="submit"] {cursor:pointer;}
select {
margin: 0 0 15px;
width: 100%;
padding: 12px 35px 12px 5px;
border: 2px solid #fff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url(//energosm.com.ua/wp-content/themes/ardeil-child/images/carret-down.png) 95% 20px no-repeat transparent;
border-radius: 0;
color: #fff;
}
.row-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.col-flex  {
height: 100%;
} .c-white {color:white !important;}
.contacts-top .fa, .widget_text.tel, .widget_text.email, .contacts-top .textwidget.custom-html-widget {
float: left;
width: calc(100% - 40px);
}
.contacts-top .fa {
font-size: 26px;
width: 40px;
}.socials .fa {
font-size: 40px;
}
.widget_text.tel, .widget_text.email,.widget_text.adr {
line-height: 26px;
}
.widget_text.email {
margin-left: 3vw;
}
.widget_text.tel a {
color: #fff !important;
}
.socials a {
margin: 0;
display: inline-block;
color: #333;
padding: 23px 23px 0 0;
}
.socials a:hover {color:#fff;}
#masthead {
z-index: 1000;
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
padding:10px 0;
}
#logo {
display: block;
width: 100%;
}
#masthead.active {
position: fixed;
top: 0;
padding: 5px 0;
background: #333;
}
#masthead.active .main-navigation {
margin-top: 8px;
}
#masthead.active .site-branding.pull-left {
width: 250px;
}
#primary-menu .formorder a {
padding: 5px 20px;
margin-top: 4px;
}
.main-navigation a {
font-size: 12px;
}
.logged-in.admin-bar #masthead,.logged-in.admin-bar #masthead.active  {
top: 32px;
}
.main-navigation li {
display: inline-block;
float: none;
}
#primary-menu .formorder {
float: right;
display: block;
}
.site-branding.pull-left {
width: 270px;
}
.main-navigation {
display: block;
float: left;
width: calc(100% - 270px);
text-align: center;
clear: inherit;
}
.main-navigation.toggled {
position: fixed;
z-index: 1000;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #333;
width: auto;
margin: 0 !important;
padding: 15px;
}
.main-navigation a {
padding: 17px 0;
font-weight: 100;
color: #fff;
text-transform: uppercase;
position: relative;
margin: 0 15px;
font-size: 14px;
}
.main-navigation a:hover, .focus a,.menu-item-type-post_type.menu-item-object-page.menu-item-home.current-menu-item a{
color:#ff9900;
}
.main-navigation li {
display: inline-block;
float: none;
margin: 0;
}
.main-navigation ul ul li {
background: rgba(50,50,50,0.97);
text-align: left;
}
.icon-bar {
display: block;
width: 43px;
height: 3px;
border-radius: 1px;
background: #fff;
margin: 9px;
transition: all 0.5s ease 0s;
}
.main-navigation .menu-toggle {
background: transparent;
border: solid transparent;
padding: 0;
width: 67px;
height: 50px;
margin-right: 15px;
cursor: pointer;
float: right;
}
.toggled .menu-glavnoe-menyu-container {
display: table;
width: 100%;
}
.main-navigation .menu-toggle:hover {
background: transparent;
border: solid transparent;
}
.main-navigation .menu-toggle:hover .icon-bar {
background: #ff9900;
}
.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 li {
display: block;
text-align: center;
margin: 0;
}
.main-navigation.toggled ul ul li {
background: rgba(1,1,1,1);
}
.main-navigation.toggled ul li a {
font-size: 21px;
}
.main-navigation.toggled ul ul li a {
padding: 10px 0;
font-size: 19px;
font-weight: 200;
letter-spacing: 2px;
}
@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;
}
}
.title-area {
text-align: center;
}
.entry-title, .single-post .category-blog .entry-title {
font-size: 30px;
position: relative;
padding: 20px 0px;
display: block;
text-transform: none;
line-height: initial;
}
.home .blocks {
padding: 80px 0;
}
#content {
overflow: hidden;
margin-top: 90px;
}
.home #content {
margin-top: 0;
}
.home .shs-theme {
margin-bottom: 0;
}
.super-hero-caption-wrapper.animated .entry-title::before {width:100%;}
.home .shs-theme .shs-pagination {
bottom: inherit;
background: transparent;
top: 87%;
max-width: 300px;
}
.home .navigation-center.shs-theme .shs-buttons {
bottom: 0;
max-width: 300px;
transform: translateY(0);
top: 85%;
}
.home .dashicons {position:relative;}
.home .shs-theme .shs-buttons .dashicons, .shs-theme .shs-buttons .dashicons-before::before {
width: 30px;
height: 74px;
font-size: 14px;
line-height: 74px;
}
.shs-theme .shs-controls {
max-width: 1170px;
left: 50%;
transform: translate(-50%, 0);
}
.home .shs-prev,.home .shs-next {
background: transparent !important;
opacity:0.5;
}
.home .shs-prev:hover,.home .shs-next:hover {
background: transparent !important;
opacity:1;
}
.home .dashicons-arrow-left::before, .home .dashicons-arrow-right::before,body a#scroll-to-top:after,.super-hero-caption ul li::before,#services .col-sm-6 li::before,.tabs__caption_2 li::before {
font-family: "Fontawesome";
content: "\f185";
position: absolute;
background: transparent;
left: 0;
top: 0;
width: 32px;
height: 32px;
display: block;
font-size: 21px;
color: #f8f8f8;
}
.super-hero-caption ul {
list-style: none;
margin: 0 0 50px 10px;
padding: 0;
}
.super-hero-caption ul li {
position: relative;
text-transform: uppercase;
padding: 5px 0 5px 40px;
color: #fff;
}
.super-hero-caption ul li::before,#services .col-sm-6 li::before {
content: "\f17b";
top: -5px;
font-size: 27px;
color: #f90;
}
#services .col-sm-6 li::before,.tabs__caption_2 li::before {
border: solid 2px #f90;
top: 5px;
line-height: 24px;
}
#about {
text-align: justify;
}
#about ul {
list-style: none;
color: #222;
margin: 0;
}
#about ul li {
position: relative;
padding-left: 15px;
}
#about ul li::before {
position: absolute;
content: "";
width: 30px;
height: 2px;
background: #ff9900;
left: -40px;
top: 50%;
}
.tabs__caption_2 li::before {
content: "";
left: -37px;
top: 20px;
height: 45px;
width: 45px;
}
.home .dashicons-arrow-right::before {background: transparent; content:"\f186";}
.home .navigation-center.shs-theme .shs-buttons .shs-next {
margin-right: 20px;
}
.shs-page span {
width: 16px;
height: 16px;
background: transparent;
display: block;
border-radius: 14px; opacity: 1;
margin: 9px;
transition: all 0.7s ease;
border: 1.9px solid #fff;
}
.shs-page.active span {
background: rgba(255,255,255,0.4);
}
.shs-page span:hover {opacity:1; background: #fff; border-color:#fff;} #promo {
text-align: left;
}
#promo .entry-title, .block-title {
font-size: 35px;
letter-spacing: 5px;
margin: 0.15em 0 35px;
font-weight: 200;
text-transform: uppercase;
color: #fff;
position: relative;
display: inline-block;
padding: 5px 10px;
line-height: 46px;
z-index: 1;
}
.block-title {
color: #000;
margin-left: -25px;
}
.block-title.orange {
margin-left: -15px;
margin-bottom: 60px;
color: #fff;
}
.home .super-hero-caption-wrapper a {
pointer-events: initial;
display: inline-block;
}
.super-hero-caption.caption-2 .button, #fumigation .button {
margin: 15px;
}
.super-hero-caption {
max-width: 1170px;
display: block;
margin: 0 auto;
}
.entry-title::before,.block-title.orange::before {
content: "";
width: 0;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: -1;
background: -moz-linear-gradient(left, rgba(255,153,0) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(left, rgba(255,153,0) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to right, rgba(255,153,0) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ff9900', endColorstr='#00000000',GradientType=1 );
transition: width 3s ease;
}
.block-title.orange::before {width:100%;}
.page-template-page-header-image #content {
margin: 0;
}
.header-bg {
padding: 13vw 0 5vw;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.breadcrumbs__link:visited {
color: #ff9900;
} .imgbox img {
position: relative;
margin: 0;
transform: translate(60px, -60px);
}
#about .row div:first-child div {
padding: 0 7% 7%;
}
.imgbox div {
display: inline-block;
position: relative;
border: solid 2px #ff9900;
z-index: -1;
transform: translate(60px, 60px);
} #service a,.main-navigation ul ul li a {
display: block;
position: relative;
font-weight: 400;
font-size: 17px;
font-family: 'Oswald', Arial, Helvetica, sans-serif;
letter-spacing: 1px;
margin-bottom: 10.7%;	
}
#service .block-title.orange {
color: #222;
}
.main-navigation ul ul li a{margin-bottom:0; text-transform:none; width:320px;}
.service-title p {
margin: 0;
}
.service-title {
position: absolute;
background: #fff;
padding: 13px;
left: -13px;
top: 100px;
max-width: 200px;
color: #000;
z-index: 1;
}
.service-title div {
border: solid 2px #ff9900;
position: relative;
padding: 5px 15px;
margin-right: -30px;
margin-left: -15px;
}
.leftside {
transform: translateX(-15px);
}
.rightside{
transform: translateX(15px);
}
#service img {
display: block;
transition: filter 0.5s ease;
filter: grayscale(0) brightness(100%);
}
#service a:hover img {filter: grayscale(100%) brightness(130%);} #counters {
background: url(//energosm.com.ua/wp-content/themes/ardeil-child/images/numbers_bg.jpg) no-repeat 50% 50%;
background-size: cover;
}
.countup-box-1 {
font-size: 40px;
font-weight: 800;
margin: 30px 0;
letter-spacing: 4px !important;
}
.countup-box-2 p {
padding: 0 0 0 85px;
position: relative;
margin-bottom: 60px;
}
.countup-box-2 p::before {
background: url(//energosm.com.ua/wp-content/themes/ardeil-child/images/sprite.png) no-repeat 5px 0;
position: absolute;
content: "";
top: 0;
width: 70px;
height: 70px;
left: 0px;
overflow: hidden;
}
.block-1 .col-flex:nth-child(2) .countup-box-2 p::before {
background-position: -65px 0;
}
.block-1 .col-flex:nth-child(3) .countup-box-2 p::before {
background-position: -130px 0;
}
.block-1 .col-flex:nth-child(4) .countup-box-2 p::before {
background-position: -195px 0;
}
.block-2 .col-flex .countup-box-2 p::before {
background-position: -265px 0;
}
.block-2 .col-flex:nth-child(2) .countup-box-2 p::before {
background-position: -330px 0;
}
.block-2 .col-flex:nth-child(3) .countup-box-2 p::before {
background-position: -400px 0;
}
.block-2 .col-flex:nth-child(4) .countup-box-2 p::before {
background-position: -475px 0;
}
.block-2 .col-flex:nth-child(4)  {
background: rgba(0,0,0,0.3);
}
.block-2 .col-flex:nth-child(4) .countup-box-1 {
color: #f90;
}
.countup-box-2 p::after {
content: "";
position: absolute;
width: 2px;
height: 100%;
top: 0;
left: 70px;
background: #f90;
} .tabs__caption_1 {
padding: 0;
margin: 0;
width: 100%;
text-align: center;
font-size: 0;
list-style: none;
}
.services ul {
list-style: none;
padding: 50px 0;
margin: 0;
}
.services li,.tabs__caption_2 li {
position: relative;
padding: 0 15px 0 45px;
margin: 20px 0;
color: #000;
}
.tabs__content {
display: none;
}
.tabs__content.active {
display: block;
}
#services .imgbox {
padding: 0 12% 185px 7%;
}
#services .imgbox img {
transform: translate(-60px, -60px);
}
#services .imgbox div {
border: 0 none;
background: #333;
transform: translate(60px, 120px);
}
.form-action {
background: #f90;
}
.coltoaction {
color: #fff;
font-size: 30px;
font-family: 'Montserrat',Arial,Helvetica,sans-serif;
font-weight: 700;
margin: 0;
} #work {
background: url(//energosm.com.ua/wp-content/themes/ardeil-child/images/work_bg.jpg) no-repeat 50% 50%;
background-size: cover;
}
.tabs__caption_2 {
padding: 30px 0;
margin: 0;
}
.col-sm-6.tabsbtn {
padding: 0;
}
.col-sm-6.tabs__content {
padding: 65px;
margin: 30px 0;
min-height: 620px;
}
.col-sm-6.tabs__content.active {
background: rgba(0,0,0,0.3);
}
.col-sm-6.tabs__content ul {
margin-left: 0;
}
.tabs__caption_2 li {
font-family: 'Oswald', Arial, Helvetica, sans-serif;
font-size: 19px;
letter-spacing: 1px;
font-weight: 400;
color: #fff;
margin: 1px 1px 1px 60px;
padding: 25px 15px 10px 30px;
min-height: 90px;
cursor: pointer;
}
.tabs__caption_2 li.active{
background: rgba(0,0,0,0.3);
}
.tabs__caption_2 li:hover{
color: #ff9900;
}
.tabs__caption_2 li::marker {
color: #f90;
font-family: 'Montserrat';
font-weight: 800;
}
.tabs__caption_2 li.active::after {
position: absolute;
background: rgba(0,0,0,0.3);
width: 60px;
height: 100%;
left: -60px;
top: 0;
content: "";
z-index: -1;
}
.tabs__caption_2 li p {
padding: 0;
margin: 0;
transform: translateY(-10px);
}
.block-title.text-center {
display: block !important;
margin-left: 0 !important;
}
#lowpower h3 {
min-height: 60px;
} #contactform {
text-align: center;
}
#contactform .col-sm-4 {
margin-bottom: 30px;
}
#contactform input {
color: #fff;
border-color: #fff;
}
.wpcf7-form-control.wpcf7-submit {
margin: 20px 0;
}
.wpcf7-form-control.wpcf7-submit:hover {
background:#fff;
color:#000;
}
#mail-form-2 h2 {
margin-left: -15px;
}
#mail-form .wpcf7-form {
max-width: 800px;
margin: 0 auto;
}
.form-action input[type="text"], .form-action input[type="tel"], .form-action input[type="email"],.form-action textarea {
color: #fff;
border-color: #fff;
margin-bottom: 15px;
}
.coltoaction span {
color: #f8f8f8;
}
#wpcf7-f166-p362-o1 {
background: #f7f9fc;
padding: 30px 20px;
} .descr-box {
background: #f7f9fc;
margin-bottom: 30px;
}
.descr {
padding: 0 15px 15px;
}
.descr .button {
margin-top: 20px;
} #footer {
background: #f9f9f9;
}
#footer .cont {
margin: 0;
display: table;
}
#footer #primary-menu {
list-style: none;
margin: 0;
padding: 0;
}
#footer #primary-menu a, #footer a  {color:#f90;}
#footer #primary-menu a:hover, #footer a:hover {color:#000;}
#footer #primary-menu .formorder a {
display: none;	
}
#footer #primary-menu a {
text-transform: uppercase;
padding: 7px 0;
display: block;
}
.widget_text.email {margin:0;}
.cont.address {
margin-bottom: 30px;
}
.adr, .tel, .email {
display: table;
width: 100%;
margin-bottom: 20px;
}
#footer .widget_text.email.hidden-xs.hidden-sm {display:block !important;} 
#copy {
background: #fff;
padding: 20px 0 5px;
}
.copyright {
font-size: 13px;
}
#footer .copyright a {
color:#888;
}
#footer .copyright a:hover {
color:#f90;
}
body a#scroll-to-top {
right: 30px;
background: transparent;
}
body a#scroll-to-top:hover:after  {opacity:1;}
body a#scroll-to-top::after {
content: "\f11c";
font-size: 34px !important;
color: #888;
z-index: 1000;
text-indent: 0;
}
.overlay {
position: fixed;
height: 100%;
width: 100%;
top: 0;
z-index: 100;
pointer-events: none;
}
.overlay div {height: 100%;}
.overlay .col-sm-3 {
border-left: 1px solid rgba(202,202,202,0.3);
position:relateve;	
}
.overlay .row div:last-child {
border-right: 1px solid rgba(202,202,202,0.3);
}
.overlay .col-sm-3 span {
border-radius: 50%;
background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
left:-1px;
opacity: .3;
width: 2px;
height: 40px;
bottom: auto;
position: absolute;
animation: falling 4s infinite;
-webkit-animation: falling 4s infinite;
}
@keyframes falling { 
0% {bottom: 120%;}
100%{bottom:-50%;}
}
@-webkit-keyframes falling { 
0% {bottom: 120%;}
100%{bottom:-50%;}
}
.overlay .row  div:nth-child(2) span{animation: falling 4.5s infinite;}
.overlay .row  div:nth-child(3) span{animation-delay: 2s;}
.overlay .row  div:nth-child(4) span{animation: falling 5s infinite;}
.overlay .row  div:nth-child(5) span{animation-delay: 1.5s;}
.overlay .row div:last-child span:last-child {
right:0;
left:inherit;
animation: falling 3.5s infinite;
} .vacancie-template-default .post-image, .category-blog .post-image {
float: left;
padding: 0 30px 30px 0;
}
.sidebar {
margin-top: 50px;
}
.sidebar section {
padding: 15px 20px;
background-color: #f7f9fc;
margin: 0 0 40px;
}
.sidebar .widget-title, #footer .cont h3 {
background-color: transparent;
font-size: 19px;
line-height: 24px;
display: block;
font-style: normal;
padding: 0 0 18px;
margin: 0 0 10px;
position: ;
}
.sidebar .widget {
display: block;
border: solid 1px #f6f6f6;
}
.sidebar .widget li:first-child {
padding-top: 9px;
}
.sidebar .widget li:last-child { border-bottom: 0px !important;
}
.sidebar .widget ul {
margin: 0;
padding: 0;
list-style: outside none none;
padding: 0;
}
.sidebar .widget li {
color: #505050;
padding: 13px 0;
border-bottom: 1px solid #e7eaf1;
}
.sidebar .widget ul li a {
color: #505050;
font-weight: normal;
}
.sidebar .widget ul li a:hover {
color: #f90;
}
.sidebar .widget ul li a::after {
content: "\f112";
font-family: "Fontawesome";
font-size: 9px;
margin-right: 5px;
float: right;
}
.entry-thumbnail img {
width: 100%;
height: auto;
}
.category-blog article {
display: table;
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: solid 1px #efe9e9;
width: 100%;
}
.archive h1 {
background-color: #f5f5f5;
border-radius: 0;
color: #747474;
margin: 0;
padding: 20px 0 20px 30px;
font-size: 18px;
}
.category-blog article:last-child {
border-bottom: 0;
}
.category-blog .button {
float: right;
margin-top: 30px;
}
.post-type-archive-vacancie .col-md-8 {
margin-top: 50px;
}
.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: #f8f8f8!important;
color: #fff!important;	
}
.description .entre-title {
font-size: 19px;
margin-top: 0;
text-transform: uppercase;
font-weight: bold;
}
.single-format-gallery header {
text-align: center;
}
.gallery {
display: table !important;
width: 100%;
}
.gallery-item {
display: table-cell !important;
height: 100%;
vertical-align: middle;
padding: 15px;
width: 20%;
}
.gallery-item img {
transition: all 0.7s ease;
}
.gallery-item img:hover {
opacity: 0.7;
} .modal-container {
position: relative;
}
.modal-container .modal-backdrop {
height: 0;
width: 0;
opacity: 0;
overflow: hidden;
transition: opacity 0.3s ease-in;
}
.modal-container #modal-toggle-1, 
.modal-container #modal-toggle-2,
.modal-container #modal-toggle-3 {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
margin: 0;
opacity: 0;
cursor: pointer;
}
.modal-container #modal-toggle-1:checked, 
.modal-container #modal-toggle-2:checked,
.modal-container #modal-toggle-3:checked {
width: 100vw;
height: 100vh;
position: fixed;
left: 0;
top: 0;
z-index: 9;
opacity: 0;
}
.modal-container #modal-toggle-1:checked ~ .modal-backdrop, .modal-container #modal-toggle-2:checked ~ .modal-backdrop, .modal-container #modal-toggle-3:checked ~ .modal-backdrop {
background-color: #f7f9fc;
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 99999;
pointer-events: none;
opacity: 1;
color: #f8f8f8 !important;
display: table;
bottom: 0;
padding: 30px;
}
.modal-container #modal-toggle-1:checked ~ .modal-backdrop .modal-content, .modal-container #modal-toggle-2:checked ~ .modal-backdrop .modal-content, .modal-container #modal-toggle-3:checked ~ .modal-backdrop .modal-content {
background-color: #fff;
width: 100%;
padding: 30px;
position: relative;
pointer-events: auto;
display: table;
cursor: auto;
max-width: 650px;
margin: 30px auto auto;
height: auto;
}
@media (max-width: 400px) {
.modal-container #modal-toggle-1:checked ~ .modal-backdrop .modal-content,
.modal-container #modal-toggle-2:checked ~ .modal-backdrop .modal-content,
.modal-container #modal-toggle-3:checked ~ .modal-backdrop .modal-content
{ left: 0; }
}
.modal-container #modal-toggle-1:checked ~ .modal-backdrop .modal-content .modal-close, .modal-container #modal-toggle-2:checked ~ .modal-backdrop .modal-content .modal-close, .modal-container #modal-toggle-3:checked ~ .modal-backdrop .modal-content .modal-close {
position: absolute;
right: 20px;
top: 0;
padding-top: 7px;
font-size: 23px;
text-align: center;
cursor: pointer;
display: block;
}
.modal-container #modal-toggle-1:checked ~ .modal-backdrop .modal-content .modal-close.button, .modal-container #modal-toggle-2:checked ~ .modal-backdrop .modal-content .modal-close.button, .modal-container #modal-toggle-3:checked ~ .modal-backdrop .modal-content .modal-close.button {
font-size: 17px;
top: initial;
bottom: 15px;
right: 15px;
padding: 12px 30px;
}
.modal-content ul {
text-align: left;
list-style: none;
margin: 0;
}
.modal-content ul li {
position: relative;
}
.modal-content ul li::after {
position: absolute;
content: "";
left: -25px;
top: 5px;
height: 15px;
width: 15px;
border-radius: 100%;
border: 2px solid #f8f8f8;
}
.modal-content ul li.check::after {
background: rgba(187, 175, 169, 0.5);
}
.modal-content .blocks {
padding: 0 0 30px;
} .parallax {
width: 100%;
position: relative;
overflow: hidden;
padding: 12vw 0;
}
.img-parallax {
width:100%; 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;
} table {
border-spacing: 0;
border-collapse: collapse;
max-width:100%;
}
thead th {padding: 15px 20px; text-align: left;}
.table-responsive {
min-height: .01%;
overflow-x: auto;
}
@media (min-width:1601px) { 
}
@media (min-width:769px) and (max-width:1024px) {
}
@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) {
#promo .entry-title, #promo .super-hero-caption {
margin: 0;
}
.block-title {
font-size: 30px;
margin: 0.15em 0 35px;
line-height: 40px;
}
#promo .entry-title {font-size: 30px;
line-height: 40px;}
.block-title {
margin-left: -25px;
}
.super-hero-caption ul {
margin: 10px 0 10px 10px;
}
.super-hero-caption ul li {
text-transform: none;
}
.home .navigation-center.shs-theme .shs-buttons {
top: 83%;
}
.site-branding.pull-left {
padding-left: 15px;
}
#primary-menu .formorder {
float: none;
}
#primary-menu .formorder a {
background:transparent;
}
#about .imgbox {
transform: translate(-90px, 70px);
}
#about .row div:first-child div {
padding: 0 7% 0 0;
}
.col-sm-6.tabs__content {
padding: 8px 30px;
}
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
}		
.navi {
float: left;
}
.descr .button {
display: block;
}
.text-center {
width: 100%;
display: table;
}
}
@media (max-width: 480px) {
#masthead {
position: relative;
background: #333;
}	
#about .row div:first-child div {
padding: 0;
}
.super-hero-image {
width: 260vw !important;
}
.menu-toggle {
display: inline-block;
position: absolute;
right: 0;
}
#promo .entry-title,.header-bg .block-title.orange {
font-size: 23px;
line-height: 30px;
text-transform: none;
}
.home .blocks {
padding: 50px 0;
}
.block-title {
margin-left: 0px;
}
.button, .button:visited, .modal-container button, .nav-previous > a, .nav-next > a, button, input[type="button"], input[type="reset"], input[type="submit"], #primary-menu .formorder a {
padding: 10px 25px;
}
.super-hero-caption ul li {
text-transform: none;
}
.imgbox div {
transform: translate(0px, 30px);
margin: 30px 0 60px;
}
#services .imgbox {
padding: 0 12% 105px 7%;
margin-top: -100px;
}
.imgbox img {
transform: translate(30px, -30px);
}
#about .imgbox,.leftside,.rightside {
transform: translate(0, 0);
}
#about {
text-align: left;
}
.service-title {
top: 10px;
max-width: 100%;
}
.countup-box-1 {
margin: 10px 0;
}
.countup-box-2 p {
margin-bottom: 15px;
}
.block-2 .col-flex:nth-child(4) {
background: transparent;
}
.tabs__caption_1 li {
width: 100%;
margin-bottom: 15px;
}
#mail-form-2 h2 {
margin-left: 0;
}
.header-bg {
padding: 80px 0 15px;
}
.block-title.orange {
margin-bottom: 30px;
}
.breadcrumbs__current {
color: #fff;
}
.gallery  {
margin: 0;
}
.gallery-item {
display: inline-block !important;
width:50%;
}
.gallery figure:last-child {
display: none !important;
}
.post-thumb-image img {
width: 100%;
}
.col-sm-12 {
width: 100%;
}
.home a#scroll-to-top {bottom:15px;}
.gallery-item {
width: 50% !important;
max-width: 50% !important;
}
.col-sm-6.tabs__content {
min-height: ato;
}
}
@media (max-width: 330px) {}
input::-webkit-input-placeholder {color:#fff; opacity:1;}
input::-moz-placeholder {color:#fff; opacity:1;}
input:-ms-input-placeholder {color:#fff; opacity:1;}
input:-moz-placeholder {color:#fff; opacity:1;}
.blocks {scroll-margin-top: 100px;}
.main-navigation ul ul a,#service a {
pointer-events: none;
}
option {
color: #222;
}