.nav ul {
height: 270px;
margin: 0;
padding: 0;
list-style: none;
font-size: 1.5em;
font-weight: 300;
width: 100%;
margin-bottom: 10px;
}
.nav li {
position: relative;
}
.name-serv {
position: absolute;
display: block;
bottom: 15px;
left: 0;
width: 100%;
}
.nav li span.icon {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-content: center;
-ms-align-items: center;
align-items: center;
justify-content: center;
text-align: center;
height: 184px;
}
.nav > ul > li > a {
display: block;
color: rgba(249, 249, 249, .9);
text-decoration: none;
-webkit-transition: color .5s, background .5s, height .5s;
-moz-transition: color .5s, background .5s, height .5s;
-o-transition: color .5s, background .5s, height .5s;
-ms-transition: color .5s, background .5s, height .5s;
transition: color .5s, background .5s, height .5s;
}
.nav > ul > li > a i{ -webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
} a, button {
-webkit-tap-highlight-color: rgba(0,0,0,0);
} .no-touch .nav ul:hover a {
color: rgba(249, 249, 249, .5);
}
.no-touch .nav ul:hover a:hover {
color: rgba(249, 249, 249, 0.99);
} .nav li {
background: #393185;
position: relative;
}
.nav li:hover {
z-index: 9;
}
.nav li:nth-child(2n) {
background: #6a649e;
}  .nav li {
float: left;
width: 20%;
text-align: center;
-webkit-transition: border .5s;
-moz-transition: border .5s;
-o-transition: border .5s;
-ms-transition: border .5s;
transition: border .5s;
}
.nav > ul > li a {
display: block;
width: auto;
} .no-touch .nav li:nth-child(6n+1) a:hover,
.no-touch .nav li:nth-child(6n+1) a:active,
.no-touch .nav li:nth-child(6n+1) a:focus {
border-bottom: 4px solid #e31e24;
}
.no-touch .nav li:nth-child(6n+2) a:hover,
.no-touch .nav li:nth-child(6n+2) a:active,
.no-touch .nav li:nth-child(6n+2) a:focus {
border-bottom: 4px solid #e31e24;
}
.no-touch .nav li:nth-child(6n+3) a:hover,
.no-touch .nav li:nth-child(6n+3) a:active,
.no-touch .nav li:nth-child(6n+3) a:focus {
border-bottom: 4px solid #e31e24;
}
.no-touch .nav li:nth-child(6n+4) a:hover,
.no-touch .nav li:nth-child(6n+4) a:active,
.no-touch .nav li:nth-child(6n+4) a:focus {
border-bottom: 4px solid #e31e24;
}
.no-touch .nav li:nth-child(6n+5) a:hover,
.no-touch .nav li:nth-child(6n+5) a:active,
.no-touch .nav li:nth-child(6n+5) a:focus {
border-bottom: 4px solid #e31e24;
}
.no-touch .nav li:nth-child(6n+6) a:hover,
.no-touch .nav li:nth-child(6n+6) a:active,
.no-touch .nav li:nth-child(6n+6) a:focus {
border-bottom: 4px solid #e31e24;
} .icon {
padding-top: 1.4em;
}
.icon + span {
margin-top: 2.1em;
-webkit-transition: margin .5s;
-moz-transition: margin .5s;
-o-transition: margin .5s;
-ms-transition: margin .5s;
transition: margin .5s;
} .nav > ul > li a {
height: 270px;
}
.no-touch .nav a:hover ,
.nav a:active ,
.nav li.active a ,
.nav a:focus {
height: 300px;
} .no-touch .nav a:hover .icon + span {
margin-top: 3.2em;
-webkit-transition: margin .5s;
-moz-transition: margin .5s;
-o-transition: margin .5s;
-ms-transition: margin .5s;
transition: margin .5s;
} .nav i {
position: relative;
display: inline-block;
margin: 0 auto;
width: 154px;
height: 154px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-content: center;
-ms-align-items: center;
align-items: center;
justify-content: center;
text-align: center;
border-radius: 50%;
font-size: 1.8em;
box-shadow: 0 0 0 30px transparent;
background: rgba(255,255,255,0.1);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: box-shadow .6s ease-in-out;
-moz-transition: box-shadow .6s ease-in-out;
-o-transition: box-shadow .6s ease-in-out;
-ms-transition: box-shadow .6s ease-in-out;
transition: box-shadow .6s ease-in-out;
} .no-touch .nav a:hover i,
.no-touch .nav a:active i,
.no-touch .nav a:focus i {		
box-shadow: 0 0 0 0 rgba(255,255,255,0.2);
-webkit-transition: box-shadow .4s ease-in-out;
-moz-transition: box-shadow .4s ease-in-out;
-o-transition: box-shadow .4s ease-in-out;
-ms-transition: box-shadow .4s ease-in-out;
transition: box-shadow .4s ease-in-out;
}* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
img {
max-width: 100%;
height: auto;
vertical-align: top;
}
ul.two-col {
column-count: 2;
}
ul.four-col {
column-count: 4;
}
.modal-title {
font-weight: 500!important;
font-size: 1.25rem!important;
display: block!important;
}
.name-serv {
font-size: 19px;
padding: 0 0.5em;
}
svg {
vertical-align: top;
}
section {
float: left;
width: 100%;
}
body {
font-family: Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;
}
h1 {
font-size: 46px;
}
h2 {
font-size: 38px;
font-weight: normal;
text-align: center;
margin-bottom: 50px;
}
a {}
a:hover {}
textarea {
height: 140px !important;
}
.wrapper {}
.container {}
@media (min-width: 1300px) {
.container {
max-width: 1270px;
}
}
header {
float: left;
width: 100%;
margin-bottom: 30px;
position: relative;
}
header p {
margin: 0;
padding: 0;
}
.logo {
float: left;
width: 185px;
text-align: center;
}
.logo span {
font-size: 12px;
font-weight: bold;
width: 100%;
float: left;
padding-top: 25px;
}
.logo a {
display: block;
height: 162px;
background-color: #E31E24;
color: #fff;
padding: 35px 0 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.logo a:hover {
background-color: #d03636;
}
.logo a svg path {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.logo a:hover svg path {
fill: #fff;
}
.header-right {
padding-left: 240px;
}
.header-top {
float: left;
width: 100%;
margin-top: 33px;
margin-bottom: 20px;
}
.header-top-left {
float: left;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-content: center;
-ms-align-items: center;
align-items: center;
}
.header-time {
width: 136px;
float: left;
padding-left: 36px;
position: relative;
font-size: 12px;
font-weight: 500;
line-height: 1.2;
}
.header-time:before {
content: '';
width: 28px;
height: 28px;
position: absolute;
left: 0;
top: 50%;
margin-top: -14px;
background: url(//gaztec.ru/wp-content/themes/Gaz/images/svg/clock.svg) 0 0 no-repeat;
-webkit-background-size: contain;
background-size: contain;
}
.header-geo {
float: left;
margin-left: 10px;
width: 315px;
padding-left: 36px;
position: relative;
font-size: 12px;
font-weight: 500;
line-height: 1.2;
}
.header-geo a {
color: #000;
}
.header-geo:before {
content: '';
width: 28px;
height: 28px;
position: absolute;
left: 0;
top: 50%;
margin-top: -14px;
background: url(//gaztec.ru/wp-content/themes/Gaz/images/svg/geo.svg) 0 0 no-repeat;
-webkit-background-size: contain;
background-size: contain;
}
.header-cont {
float: right;
}
.header-soc {
float: left;
width: 52px;
margin-right: 8px;
}
.header-soc ul {
list-style: none;
padding: 0;
margin: 0;
}
.header-soc ul li {
float: left;
margin-right: 2px;
margin-bottom: 1px;
}
.header-soc ul li a svg path {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.soc-1:hover path {
fill: #14477A;
}
.soc-2:hover path {
fill: #FF6600;
}
.soc-3:hover path.color {
fill: #E73A41;
}
.soc-3:hover path {
fill: #fff;
}
.soc-4:hover path {
fill: #336699;
}
.header-whats {
float: left;
margin-right: 8px;
}
.header-whats a:hover svg path {
fill: #1DBE3D;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.header-whats a:hover svg path.tran {
fill: transparent;
}
.header-call {
float: left;
margin-right: 15px;
}
.header-call a {
font-weight: 500;
height: 46px;
width: 150px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-content: center;
-ms-align-items: center;
align-items: center;
cursor: pointer;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
border: 2px solid #E31E24;
padding:  0 10px 4px 55px;
position: relative;
color: #000;
line-height: 1;
font-size: 18px;
align-content: center;
cursor: pointer;
text-decoration: none;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.header-call a:hover {
border-color: #000;
color: #E31E24;
}
.header-call a i {
position: absolute;
left: 12px;
top: 50%;
margin-top: -14px;
}
.header-call a i svg path {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.header-call a:hover i svg path {
fill: #000;
}
.header-call a span {
}
.header-phone {
float: left;
line-height: 1;
text-align: right;
}
.header-phone-name {
font-size: 10px;
margin-bottom: 10px;
}
.header-phone-number {
font-size: 24px;
}
.header-phone-number a {
color: #000;
}
.header-bot {
padding-left: 240px;
}
header nav {
}
header nav > ul {
list-style: none;
padding: 0;
margin: 0;
width: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-content: center;
-ms-align-items: center;
align-items: center;
justify-content: space-between;
}
header nav > ul > li .pal {
width: 2px;
height: 30px;
background-color: #ccc;
display: block;
}
header nav > ul > li > a {
white-space: nowrap;
display: block;
text-align: center;
width: 100%;
font-size: 24px;
color: #000;
text-decoration: none;
text-transform: uppercase;
position: relative;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header nav > ul > li > a:hover {
color: #393185;
}
header nav > ul > li.has-child > a:before {
content: '';
opacity: 0;
position: absolute;
border-bottom: 15px solid #ccc;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
top: 100%;
margin-top: 10px;
left: 50%;
margin-left: -15px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header nav > ul > li:hover > a:before {
opacity: 1;
}
.sub-menu {
opacity: 0;
overflow: hidden;
max-height: 0;
position: absolute;
top: 100%;
left: 0;
width: 100%;
background-color: #fff;
z-index: 9999;
border-top: 1px solid #ccc;
box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header nav > ul > li:hover .sub-menu {
opacity: 1;
max-height: 900px;
}
.sub-menu .row > div {
padding-top: 20px;
padding-bottom: 20px;
}
.sub-menu .row > div.col-md-4 {
background-color: #f1f1f1;
}
.menu-in {
}
.menu-in ul {
list-style: none;
padding: 0;
margin: 0;
-webkit-columns: 2;
-moz-columns: 2;
-o-columns: 2;
columns: 2;
}
.menu-in ul li {
}
.menu-in ul li a {
font-size: 18px;
color: #000;
}
.sec-sub-menu {
float: left;
width: 40%;
}
.sec-sub-menu ul {
list-style: none;
padding: 0;
margin: 0;
}
.sec-sub-menu ul li a {
font-size: 18px;
color: #000;
}
.menu-post {
float: right;
width: 60%;
}
.menu-post-tit {
font-size: 20px;
margin-bottom: 10px;
}
.menu-post-thumb img {
max-height: 500px;
}
#about {}
.about {
padding: 100px 0;
}
.about h1 {
font-size: 42px;
text-transform: uppercase;
font-weight: bold;
text-align: center;
margin: 0 0 40px;
}
.about-decr {}
.about-decr p {
font-size: 18px;
line-height: 1.3;
}
#tabs {
margin-bottom: 100px;
}
.tabs-cont {
float: left;
width: 100%;
}
.phone-slider {
float: left;
width: 380px;
height: 655px;
padding: 75px 45px 85px;
background: url(//gaztec.ru/wp-content/themes/Gaz/images/iphone.png) 0 0 no-repeat;
}
.phone-slider .slick-arrow {
z-index: 9;
outline: none !important;
position: absolute;
height: 60px;
width: 30px;
top: 86px;
border: none;
font-size: 0;
background-color: transparent;
cursor: pointer;
}
.phone-slider .slick-arrow:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
margin: -12px 0 0 -11px;
border-left: 20px solid #000;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
}
.phone-slider .slick-arrow.slick-prev {
left: 0;
}
.phone-slider .slick-arrow.slick-prev:after  {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.phone-slider .slick-arrow.slick-next {
right: 0;
}
.phone-slider-in {
}
.one-phone-tab {
display: none;
}
.one-phone-tab.active {
display: block;
}
.phone-tab-in {
padding-top: 43px;
text-align: center;
}
.phone-tab-thumb {
text-align: center;
float: left;
width: 100%;
margin-bottom: 20px;
}
.phone-tab-thumb span {
width: 152px;
height: 152px;
display: inline-block;
border-radius: 50%;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
}
.phone-tab-name {
font-size: 36px;
color: #000;
float: left;
width: 100%;
line-height: 1;
margin-bottom: 38px;
}
.phone-tab-name span {
font-size: 24px;
color: #727271;
display: block;
font-style: italic;
}
.phone-tab-info {
float: left;
width: 100%;
line-height: 1;
}
.phone-tab-mail {
float: left;
width: 100%;
margin-bottom: 5px;
}
.phone-tab-mail a {
color: #336699;
font-size: 28px;
}
.phone-tab-phone {
font-size: 30px;
font-weight: 600;
margin-bottom: 25px;
}
.phone-tab-bt {
}
.phone-tab-bt a {
display: inline-block;
width: 211px;
height: 56px;
line-height: 56px;
color: #fff;
background-color: #E31E24;
text-decoration: none;
font-size: 24px;
font-weight: 400;
border-radius: 20px;
outline: none !important;
}
.cont-tabs {
float: right;
width: 800px;
padding-bottom: 80px;
}
.cont-tabs-in {
float: left;
width: 100%;
margin-top: -10px;
}
.one-cont-tabs {
display: none;
}
.one-cont-tabs.active {
display: block;
}
.cont-tabs-tit {
font-size: 42px;
font-weight: 600;
line-height: 1.2;
margin-bottom: 70px;
}
.cont-tabs-wrap {
}
.cont-tabs-list {
float: left;
width: 250px;
margin-top: 9px;
}
.cont-tabs-list ul {
list-style: none;
padding: 0;
margin: 0;
}
.cont-tabs-list ul li {
width: 100%;
margin-bottom: 34px;
}
.cont-tabs-list ul li.active span, .cont-tabs-list ul li:hover span {
background-color: #007bff;
}
.cont-tabs-list ul li span {
height: 56px;
text-align: center;
display: block;
cursor: pointer;
color: #fff;
background-color: #727271;
font-size: 24px;
line-height: 56px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.cont-tabs-list-name {
color: #727271;
font-size: 24px;
margin-bottom: 25px;
}
.cont-tabs-body {
width: 450px;
float: right;
text-align: right;
}
.cont-one-tab-name {
color: #393185;
font-size: 36px;
font-weight: bold;
float: left;
width: 100%;
margin-bottom: 15px;
}
.cont-one-tab-in {
float: left;
width: 100%;
margin-bottom: 66px;
}
.cont-one-tab-left {
float: left;
width: 110px;
text-align: center;
}
.cont-one-tab-left a {
display: inline-block;
cursor: pointer;
}
a.open-map {
padding-top: 80px;
margin-top: -15px;
position: relative;
color: #727271;
text-decoration: none;
font-size: 24px;
line-height: 1.1;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
a.open-map:hover {
color: #1DBE3D;
}
a.open-map span {
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate3d(-50%, 0, 0);
-ms-transform: translate3d(-50%, 0, 0);
-o-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
a.open-map:hover span {
top: -10px;
}
.cont-one-tab-right {
line-height: 1;
}
.cont-one-tab-phone {
font-weight: bold;
font-size: 30px;
margin-bottom: 10px;
}
.cont-one-tab-phone a {
color: #000;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.cont-one-tab-phone a:hover {
color: #393185;
text-decoration: none;
}
.cont-one-tab-mail {
}
.cont-one-tab-mail a {
color: #336699;
font-size: 30px;
}
.cont-one-tab-adr {
font-size: 24px;
margin-bottom: 30px;
}
.cont-one-tab-adr span {
color: #727271;
text-transform: uppercase;
display: block;
margin-bottom: 5px;
}
.cont-one-tab-work {
font-size: 24px;
font-weight: bold;
}
.cont-one-tab-work span {
color: #727271;
text-transform: uppercase;
display: block;
margin-bottom: 5px;
font-weight: normal;
}
.cont-one-tab-work i {
color: #727271;
display: block;
margin-bottom: 5px;
font-weight: normal;
font-style: italic;
}
.wrap-phone {
float: left;
width: 100%;
color: #14477A;
font-size: 24px;
padding-left: 440px;
line-height: 1;
margin-top: -60px;
}
.wrap-phone span {
font-style: italic;
}
.wrap-phone a {
font-size: 48px;
color: #000;
text-decoration: none;
font-weight: bold;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.wrap-phone a:hover {
color: #393185;
text-decoration: none;
}
#list {
margin-bottom: 100px;
} .container-one {
margin-bottom: 30px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.front {
background-size: cover;}
.front,
.back{
background-position: center;
-webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
-o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
text-align: center;
min-height: 280px;
height: auto;
border-radius: 10px;
color: #fff;
font-size: 1.5rem;
}
.back{
background-color: rgba(0,0,0,0.5);
background-repeat: no-repeat;
background-position: center center; }
.back:after {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
content: '';
display: block;
opacity: .5;
background-color: #000;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border-radius: 10px;
}
.front:after {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
content: '';
display: block;
opacity: 1;
background-color: #393185; -webkit-backface-visibility: hidden;
backface-visibility: hidden;
border-radius: 10px;
}
.container-one:hover .front,
.container-one:hover .back{
-webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
-o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
}
.back{
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.inner{
-webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
transform: translateY(-50%) translateZ(60px) scale(0.94);
top: 50%;
position: absolute;
left: 0;
width: 100%;
padding: 2rem 0.5rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: 1px solid transparent;
-webkit-perspective: inherit;
perspective: inherit;
z-index: 2;
}
.container-one .back{
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.container-one .front{
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.container-one:hover .back{
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.container-one:hover .front{
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.front .inner i{
width: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
height: 173px;
align-content: center;
-ms-align-items: center;
align-items: center;
justify-content: center;
}
.front .inner span{
line-height: 1.1;
color: rgba(255,255,255,1);
font-weight: 500;
text-transform: uppercase;
font-size: 32px;
}
.front .inner h3{
line-height: 1.1;
color: rgba(255,255,255,1);
font-weight: 500;
text-transform: uppercase;
font-size: 32px;
}
@media screen and (max-width: 64rem){
.col{
width: calc(33.333333% - 2rem);
}
}
@media screen and (max-width: 48rem){
.col{
width: calc(50% - 2rem);
}
}
@media screen and (max-width: 32rem){
.col{
width: 100%;
margin: 0 0 2rem 0;
}
}
.inner {
color: #fff;
}
.inner-tit {
font-size: 26px;
line-height: 1;
margin-bottom: 10px;
}
.inner-text {
font-size: 22px;
line-height: 1.1;
margin-bottom: 20px;
}
.inner-bt {
float: left;
width: 100%;
text-align: center;
}
.inner-bt a {
text-decoration: none !important;
background-color: #fff;
width: 143px;
display: inline-block;
cursor: pointer;
text-align: center;
line-height: 38px;
font-size: 22px;
text-transform: uppercase;
color: #000;
} #video {
margin-bottom: 100px;
}
.video {
height: 300px;
float: left;
width: 100%;
position: relative;
}
.video:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0);
z-index: 9;
}
.bt-video {
z-index: 10;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-content: center;
-ms-align-items: center;
align-items: center;
justify-content: center;
}
.bt-video a {
width: 300px;
height: 64px;
border: 2px solid #fff;
display: inline-block;
cursor: pointer;
color: #fff;
text-decoration: none;
line-height: 58px;
text-align: center;
font-size: 24px;
font-weight: bold;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.bt-video a:hover {
border-color: #393185;
color: #393185;
}
#docs {
padding: 0px 0 100px;
background: #fff url(//gaztec.ru/wp-content/themes/Gaz/images/doc-bg.jpg) center -30px no-repeat;
}
.doc {
padding: 20px 0px;
float: left;
width: 100%;
}
.one-doc {
padding: 15px;
font-family: 'Open Sans', sans-serif;
float: left;
width: 50%;
text-align: center;
}
.one-doc-in {
display: inline-block;
text-align: center;
height: 540px;
width: 100%;
background-color: #fff;
padding: 20px 50px;
}
.one-doc-thumb {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
height: 300px;
margin-bottom: 20px;
justify-content: center;
align-content: center;
-ms-align-items: center;
align-items: center;
}
.one-doc-thumb img {
max-height: 300px;
width: auto;
}
.one-doc-descr {
font-size: 16px;
line-height: 26px;
color: #9e9e9e;
height: 78px;
overflow: hidden;
margin-bottom: 40px;
}
.one-doc-bt {}
.one-doc-bt a {
min-width: 200px;
}
.doc .slick-arrow {
cursor: pointer;
outline: none !important;
background: url(//gaztec.ru/wp-content/themes/Gaz/images/arrow.png) 0 0 no-repeat;
width: 30px;
height: 38px;
position: absolute;
top: 50%;
border: none;
margin-top: -19px;
font-size: 0;
}
.doc .slick-arrow.slick-prev {
left: -50px;
}
.doc .slick-arrow.slick-next {
right: -50px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.sec-tit {
float: left;
width: 100%;
text-align: center;
font-size: 42px;
margin-bottom: 50px;
}
.def-bt {
font-family: 'Open Sans', sans-serif;
display: inline-block;
cursor: pointer;
text-align: center;
border: none;
outline: none; background-color: #393185;
text-decoration: none !important;
line-height: 54px;
height: 54px;
padding: 0 30px;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
color: #fff !important;
border-radius: 27px;
box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.def-bt:hover {
box-shadow: 0px 5px 16px 0px rgba(74, 116, 251, 0);
}
#logos {
margin-bottom: 100px;
}
.logos {
float: left;
width: 100%;
}
.one-logo {
margin-bottom: 50px;
width: 20%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-content: center;
-ms-align-items: center;
align-items: center;
justify-content: center;
}
.one-logo a {}
.more-logos {
float: left;
width: 100%;
padding: 0px 0 0;
text-align: center;
}
.more-logos a {}
#news {
margin-bottom: 100px;
}
.news {
margin: 0 -15px;
}
.news .alm-reveal {
float: left;
width: 100%;
}
.one-news {
position: relative;
float: left;
width: 25%;
padding: 15px;
}
.one-news:nth-child(6n - 5) .one-news-in {
height: 512px;
}
.one-news:nth-child(6n) {
width: 50%;
}
.one-news-in {
float: left;
width: 100%;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
height: 240px;
top: 0;
position: relative;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
}
.one-news-in a {
position: absolute;
display: block;
cursor: pointer;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9;
}  .one-news-in:hover {
box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.5);
}
.one-news-descr {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
padding: 30px 30px 30px 0;
color: #fff;
}
.one-news:nth-child(6n - 5) .one-news-descr {
padding-top: 160px;
}
.one-news-descr-in {
}
.one-news-descr-tit {
padding-left: 30px;
font-size: 24px;
font-weight: 600;
text-transform: uppercase;
border-bottom: 8px solid #393185;
float: left;
width: 100%;
padding-bottom: 3px;
}
.one-news-descr-text {
padding-left: 30px;
font-size: 12px;
font-style: italic;
}
#map {
background-color: #FAF5E1;
}
.map {
height: 500px;
float: left;
width: 100%;
background: #FAF5E1 url(//gaztec.ru/wp-content/themes/Gaz/images/map.jpg) center center no-repeat;
}
footer {
float: left;
width: 100%;
background-color: #000;
}
.footer-cookie {
color: rgba(255,255,255,0.6);
}
.footer-cookie a {
color: rgba(255,255,255,0.6);
}
.footer-cookie a:hover {
color: #e31e24;
text-decoration: none;
}
.footer-top	{
padding: 20px 0;
border-bottom: 1px solid #fff;
}
.foot-adr {
text-align: center;
color: #fff;
}
.foot-adr-tit {
font-size: 30px;
color: #fff;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 5px;
}
.foot-adr-phone {
}
.foot-adr-phone a {
font-size: 22px;
font-weight: bold;
color: #fff;
}
.footer-bot {
padding: 20px 0;
}
.footer-bot {}
.footer-nav-soc {}
.footer-soc {}
.footer-soc ul {
list-style: none;
padding: 0;
margin: 0;
float: left;
margin-right: 12px;
}
.whats {
float: left;
}
.whats svg path {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.whats a:hover svg path {
fill: #1DBE3D;
}
.whats a:hover svg path.hov {
fill: #fff;
}
.footer-soc ul li {
float: left;
margin-right: 2px;
margin-bottom: 1px;
}
.footer-soc ul li a svg path {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.soc-1:hover path {
fill: #14477A;
}
.soc-2:hover path {
fill: #FF6600;
}
.soc-3:hover path.color {
fill: #E73A41;
}
.soc-3:hover path {
fill: #fff;
}
.soc-4:hover path {
fill: #336699;
}
.foot-nav {
padding-left: 240px;
}
.foot-nav nav {
}
.foot-nav nav ul {
list-style: none;
padding: 0;
margin: 0;
width: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-content: center;
-ms-align-items: center;
align-items: center;
justify-content: space-between;
}
.foot-nav nav ul li .pal {
width: 2px;
height: 30px;
background-color: #ccc;
display: block;
}
.foot-nav nav ul li a {
white-space: nowrap;
display: block;
text-align: center;
width: 100%;
font-size: 24px;
color: #fff;
text-decoration: none;
text-transform: uppercase;
position: relative;
}
.foot-nav nav ul li a:hover {
color: #e31e24;
}
.footer-other {
float: left;
width: 100%;
padding: 30px 0 20px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-content: center;
-ms-align-items: center;
align-items: center;
justify-content: space-between;
color: rgba(255,255,255,0.6);
text-transform: uppercase;
}
.footer-other a {
text-decoration: none;
color: rgba(255,255,255,0.6);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.footer-other a:hover {
color: #e31e24;
}
.copy {
}
.polit {
}
.of {
}
.maps {
}
.header-fix {
position: fixed;
top: 0;
left: 0;
width: 100%;
padding: 10px 0;
background-color: rgba(0,0,0,0.8);
color: #fff;
z-index: 9999;
opacity: 0;
-webkit-transform: translate3d(0, -150px, 0);
-ms-transform: translate3d(0, -150px, 0);
-o-transform: translate3d(0, -150px, 0);
transform: translate3d(0, -150px, 0);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.header-fix.fix {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.header-fix-in {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-content: center;
-ms-align-items: center;
align-items: center;
justify-content: space-between;
}
.fix-left {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-content: center;
-ms-align-items: center;
align-items: center;
}
.fix-logo {
margin-right: 20px;
}
.fix-logo svg path, .foot-logo svg path {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.fix-logo svg:hover path, .foot-logo svg:hover path {
fill: #fff;
}
.show-menu {
float: left;
cursor: pointer;
width: 50px;
padding: 10px;
position: relative;
}
.show-menu:before, .show-menu:after {
content: '';
opacity: 0;
position: absolute;
height: 2px;
width: 30px;
top: 50%;
margin-top: -1px;
left: 50%;
margin-left: -15px;
background-color: #fff;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.show-menu.open:before {
opacity: 1;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.show-menu.open:after {
opacity: 1;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.show-menu span {
height: 2px;
width: 100%;
float: left;
background-color: #fff;
display: block;
margin: 4px 0;
}
.show-menu.open span {
opacity: 0;
}
.rem {
font-size: 24px;
line-height: 1;
margin-top: -5px;
}
.phones {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-content: center;
-ms-align-items: center;
align-items: center;
}
.whats-fix {
float: left;
}
.whats-fix a svg path {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.whats-fix a:hover svg path {
fill: #fff;
}
.whats-fix a:hover svg path:first-child {
fill: #1DBE3D;
}
.fix-phone {
margin-left: 15px;
}
.fix-phone a {
color: #fff;
font-size: 18px;
font-weight: 600;
}
.alm-load-more-btn {
font-family: 'Open Sans', sans-serif;
display: inline-block;
cursor: pointer;
text-align: center;
border: none;
outline: none; background-color: #393185;
text-decoration: none !important;
line-height: 54px;
height: 54px;
padding: 0 30px;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
color: #fff !important;
border-radius: 27px;
box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.alm-load-more-btn .def-bt:hover {
box-shadow: 0px 5px 16px 0px rgba(74, 116, 251, 0);
}
#logos #ajax-load-more > div .alm-reveal {
float: left;
width: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
}
.alm-btn-wrap {
width: 100%;
text-align: center;
}
.yamapauthor {
display: none !important;
}
main {
margin-bottom: 100px;
float: left;
width: 100%;
}
.page-inside {
float: left;
width: 100%;
padding-top: 20px;
}
.page-inside h1 {
text-align: center;
float: left;
width: 100%;
margin-bottom: 40px;
}
.page-descr {
float: left;
width: 100%;
margin-bottom: 40px;
}
.page-descr .to-home {
color: #000;
border: 2px solid #E31E24;
text-decoration: none;
display: block;
margin: auto;
max-width: 200px;
margin-top: 1em;
padding: 0.5em;
}
.page-descr .to-home:hover {
background-color: #E31E24;
color: #fff;
}
.acc-price {}
.acc-price .accordion-group {
margin-bottom: 5px;
float: left;
width: 100%;
}
.acc-price .accordion-heading {
float: left;
width: 100%;
}
.acc-price .accordion-toggle {
display: flex;
align-content: center;
-ms-align-items: center;
align-items: center;
justify-content: space-between;
float: left;
width: 100%;
cursor: pointer;
background-color: #393185;
padding: 10px 60px 10px 20px;
position: relative;
color: #fff;
font-weight: 600;
font-size: 18px;
text-transform: uppercase;
}
.acc-price .accordion-toggle:after {
content: '';
width: 10px;
height: 10px;
position: absolute;
top: 50%;
margin-top: -3px;
right: 25px;
border: none;
border-left: 2px solid #fff;
border-bottom: 2px solid #fff;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.acc-price .accordion-toggle.collapsed:after {
margin-top: -7px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.acc-price .accordion-toggle span {
display: block;
}
.acc-price .accordion-toggle span.acc-left {
float: left;
}
.acc-price .accordion-toggle span.acc-right {
float: right;
}
.accordion-body {
float: left;
width: 100%;
}
.accordion-inner {}
.acc-tables {}
.acc-tables table {
width: 100%;
}
.acc-tables table tr {}
.acc-tables table tr td {
padding: 10px;
font-size: 20px;
border-bottom: 1px solid #ccc;
}
.acc-tables table tr td:last-child {
font-weight: bold;
text-align: right;
width: 25%;
}
.acc-tables table tr:last-child td {
border-bottom: none;
}
.menu-serv {
float: left;
width: 100%;
margin: 15px 0 40px;
}
.serv-tabs {
float: left;
width: 100%;
}
.serv-tabs-in {}
.one-serv-tab {
display: none;
padding: 50px 20px;
font-size: 18px;
}
.cars {
float: left;
width: 100%;
overflow: hidden;
position: absolute;
left: 0;
bottom: -65px;
}
.cars ul {
display: block;
padding: 0;
margin: 0 0 0 -16%;
list-style: none;
}
.cars ul li {
float: left;
width: 16.66%;
position: relative;
height: 60px;
}
.cars ul li img {
position: absolute;
left: 0%;
top: 0;
animation: linear fadeinphoto 7s;
-moz-animation: linear fadeinphoto 7s infinite;
-webkit-animation: linear fadeinphoto 7s infinite;
-o-animation: linear fadeinphoto 7s infinite;
}
@keyframes fadeinphoto {
0% { left: 0%; }
100% { left: calc(100%); }
}
@-moz-keyframes fadeinphoto {
0% { left: 0%; }
100% { left: calc(100%); }
}
@-webkit-keyframes fadeinphoto {
0% { left: 0%; }
100% { left: calc(100%); }
}
@-o-keyframes fadeinphoto {
0% { left: 0%; }
100% { left: calc(100%); }
} .alignleft { float: left; margin-right: 1rem;
margin-bottom: 1rem;
}
@media only screen and (min-width: 768px) {
.alignleft { margin-right: calc(2 * 1rem);
}
}
.alignright { float: right; margin-left: 1rem;
margin-bottom: 1rem;
}
@media only screen and (min-width: 768px) {
.alignright { margin-left: calc(2 * 1rem);
}
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1rem;
}
.we-descr {
float: left;
width: 100%;
padding: 15px 0 40px;
}
.alm-load-more-btn.more.done {
display: none !important;
}
.one-news-in {
overflow: hidden;
}
.one-news-in > span {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.one-news:hover .one-news-in > span {
-webkit-transform: scale3d(1.2, 1.2, 1);
-ms-transform: scale3d(1.2, 1.2, 1);
-o-transform: scale3d(1.2, 1.2, 1);
transform: scale3d(1.2, 1.2, 1);
}
.header-fix-menu {
display: none;
position: absolute;
left: 0;
top: 100%;
width: 100%;
background-color: rgba(0,0,0,0.8);
margin-top: 2px;
padding: 10px 0;
}
.header-fix-menu nav > ul > li > a {
color: #fff !important;
}
.header-fix-menu nav > ul > li > a:hover {
color: #E31E24 !important;
text-decoration: none;
}
.footer-top .row > div:nth-child(3) .foot-adr-tit {
color: #25D366;
}
.img-anim-left {
float: left;
}
.img-anim-left-in {
float: left;
background: url(//gaztec.ru/wp-content/themes/Gaz/images/shest-bg.png) 0 0 no-repeat;
width: 361px;
height: 361px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-content: center;
-ms-align-items: center;
align-items: center;
justify-content: center;
margin: 0 40px 40px 0;
}
.img-anim-left-in img {
max-width: 200px;
max-height: 200px;
}
.all-wrap-cont {
float: left;
width: 100%;
}
.all-wrap-cont.has-img .page-descr {
float: none;
}
[data-aos="new-animation"] {
opacity: 0;
transition-property: transform, opacity;
}
[data-aos="new-animation"].aos-animate {
opacity: 1;
transform: none;
}
@media screen and (min-width: 768px) {
[data-aos="new-animation"] {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg);
}
[data-aos="new-animation"].aos-animate {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
div.wpcf7 .ajax-loader {
display: none !important;
}
}
.tree {
float: left;
width: 100%;
margin-top: 20px;
font-size: 13px;
padding-bottom: 5px;
border-bottom: 1px solid #d9d9d9;
margin-bottom: 40px;
}
.tree ul {
list-style: none;
padding: 0;
margin: 0;
}
.tree ul li {
float: left;
color: #727271;
margin-right: 10px;
}
.tree ul li a {
padding-right: 15px;
text-decoration: none;
position: relative;
color: #393185;
}
.tree ul li a:before {
content: '';
position: absolute;
background: #393185;
width: 5px;
height: 5px;
top: 8px;
right: 0;
}
.tree ul li a span {
border-bottom: 1px solid transparent;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.tree ul li a:hover span {
border-bottom: 1px solid #393185;
}
.tree span {
border-bottom: 1px solid transparent;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.tree a {
padding-right: 15px;
text-decoration: none;
position: relative;
color: #393185;
}
.tree a:after {
content: '';
position: absolute;
background: #393185;
width: 5px;
height: 5px;
top: 8px;
right: 0;
margin-right: 2px;
}
.tree a:hover {
text-decoration: underline;
}
.tree .breadcrumb_last {
color: #727271;
margin-right: 10px;
}
.sl-slider {
opacity: 0;
} @media (max-width: 1300px) {
.header-right, .header-bot {
padding-left: 200px;
}
.header-geo {
width: 280px;
}
.header-call a {
width: 130px;
font-size: 16px;
padding: 0 0px 3px 40px;
}
.header-call a i {
left: 5px;
}
.header-soc {
margin-right: 4px;
}
.cont-tabs-list {
width: 200px;
}
.cont-tabs {
width: 700px;
}
} @media (max-width: 1200px) {
header {
margin-bottom: 30px;
}
.header-top {
margin: 30px 0 15px;
}
.header-top-left {
width: 280px;
}
.header-top-left > div {
width: 100%;
margin-left: 0;
margin-bottom: 15px;
}
.header-cont {
width: 300px;
text-align: right;
}
.header-cont > div {
float: none;
display: inline-block;
vertical-align: top;
}
.header-phone {
width: 100%;
margin-top: 10px;
}
.header-call {
margin-right: 0;
}
.header-bot {
float: left;
width: 100%;
padding-left: 0;
margin-top: 20px;
}
.phone-slider {
padding-top: 60px;
width: 300px;
-webkit-background-size: contain;
background-size: contain;
}
.wrap-phone, .cont-tabs {
width: 600px;
}
.phone-tab-thumb span {
width: 100px;
height: 100px;
-webkit-background-size: contain;
background-size: contain;
}
.phone-tab-in {
padding-top: 20px;
}
.phone-tab-name {
font-size: 24px;
}
.phone-tab-name span {
font-size: 18px;
}
.phone-tab-phone {
font-size: 24px;
}
.cont-tabs-tit {
margin-bottom: 35px;
}
.cont-tabs-list {
width: 160px;
}
.cont-tabs-list ul li span {
font-size: 18px;
height: 42px;
line-height: 42px;
}
.cont-tabs-body {
width: 360px;
}
.cont-one-tab-name {
font-size: 20px;
}
.cont-one-tab-phone {
font-size: 20px;
}
.cont-one-tab-mail a {
font-size: 24px;
}
.cont-one-tab-left svg {
width: 50px;
height: 50px;
}
a.open-map {
margin-top: 0;
padding-top: 60px;
font-size: 18px;
}
.cont-one-tab-adr, .cont-one-tab-work {
font-size: 20px;
}
.wrap-phone {
padding-left: 0;
font-size: 20px;
float: right;
}
.wrap-phone a {
font-size: 32px;
}
.foot-nav nav ul li a {
font-size: 18px;
}
.foot-nav nav ul li .pal {
height: 20px;
}
}
.demo-mobile {
display:none;
}
.header-whats img{
width:46px;
}
.header-whats img:hover, .whats img:hover{
opacity: 0.7;
}
.whats img {
width: 36px;
margin-right: 7px;
} @media (max-width: 992px) {
header {
margin-bottom: 0;
}
.header-top-left {
display: none;
}
.header-right {
padding-left: 0;
float: left;
width: calc(100% - 185px);
text-align: center;
padding-right: 55px;
position: relative;
}
header .container {
position: relative;
}
.header-bot {
display: none;
position: absolute;
top: 100px;
padding-top: 60px;
right: 0;
width: 250px;
background-color: #fff;
z-index: 99;
-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    0px 3px 5px 0px rgba(50, 50, 50, 0.2);
box-shadow:         0px 3px 5px 0px rgba(50, 50, 50, 0.2);
}
header nav > ul {
display: block;
text-align: right;
}
header nav > ul li {
width: 100%;
float: left;
}
header nav > ul li a {
padding: 10px 24px;
text-align: left;
}
.menu-in ul li a {
padding: 10px 0px;
}
header nav > ul > li:nth-child(2n) {
display: none;
}
.logo a {
padding: 15px 0 0;
height: 105px;
}
.logo span {
padding-top: 10px;
}
.header-top {
margin: 6px 0 0;
}
.header-phone {
margin-top: 5px;
}
.header-phone-name {
margin-bottom: 5px;
}
.header-cont {
width: 100%;
text-align: center;
}
.header-phone {
text-align: center;
}
.show-bt {
float: right;
cursor: pointer;
width: 50px;
padding: 10px;
position: absolute;
z-index: 1000;
right: 0;
top: 50%;
margin-top: -25px;
}
.show-bt span {
height: 2px;
width: 100%;
float: left;
background-color: #000;
display: block;
margin: 4px 0;
}
.demo-1 {
display: none;
}
.demo-mobile {
display:block;
}
.about {
padding: 30px 0;
}
.about h1 {
font-size: 32px;
margin-bottom: 20px;
}
.wrap-phone, .cont-tabs {
width: 100%;
}
.cont-tabs-list {
width: 40%;
}
.cont-tabs-body {
width: 60%;
}
.phone-slider {
display: none;
}
.cont-one-tab-name {
text-align: center;
}
.one-cont-tabs-in {
width: 300px;
display: inline-block;
}
.cont-one-tab-in:last-child {
margin-bottom: 0;
}
.rem {
font-size: 18px;
}
.fix-phone a {
font-size: 16px;
}
.one-logo {
width: 25%;
}
.one-news {
width: 50% !important;
}
.one-news.full .one-news-in {
height: 240px;
}
.one-news.full .one-news-descr {
padding-top: 30px;
}
.foot-logo {
text-align: center;
margin-bottom: 20px;
}
.foot-nav {
display: none;
}
.footer-soc {
text-align: center;
width: 100%;
}
.footer-soc ul, .whats {
float: none;
display: inline-block;
vertical-align: top;
}
.cars {
display: none;
}
.nav ul {
font-size: 18px;
}
.nav i {
width: 120px;
height: 120px;
}
.sub-menu {
display: none;
float: left;
width: 100%;
position: static;
opacity: 1;
max-height: inherit;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.sub-menu .row {
display: block;
}
.sub-menu .row > div {
display: block;
width: 100%;
padding: 0;
float: left;
}
.sub-menu .row > div > div {
padding: 10px 24px;
}
.menu-in ul {
-webkit-columns: 1;
-moz-columns: 1;
-o-columns: 1;
columns: 1;
text-align: left;
}
.sec-sub-menu {
width: 100%;
}
.menu-post {
display: none !important;
}
header nav > ul li {
text-align: left;
}
header nav > ul > li {
text-align: left;
border-bottom: 1px solid #f1f1f1;
}
.sec-sub-menu ul li a {
padding: 10px 0px;
}
.header-bot a[href^="#"]:after {
content: '';
position: absolute;
right: 20px;
top: 50%;
margin-top: -5px;
width: 10px;
height: 10px;
border-bottom: 1px solid #333;
border-right: 1px solid #333;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.header-bot a[href^="#"].open:after {
margin-top: -1px;
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}
} @media (max-width: 768px) {
ul.two-col {
column-count: 1;
}
ul.four-col {
column-count: 1;
}
.logo {
width: 100%;
}
.header-right {
width: 100%;
text-align: left;
}
.header-cont {
text-align: left;
}
.header-phone {
text-align: left;
}
.show-bt {
border: 1px solid #f1f1f1;
}
.about h1 {
font-size: 24px;
}
.cont-tabs-tit {
font-size: 22px;
}
.cont-tabs-list {
width: 100%;
}
.cont-tabs-list ul {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
}
.cont-tabs-list ul li {
width: 32%;
}
.cont-tabs-body {
width: 100%;
}
.one-cont-tabs-in {
width: 100%;
}
.wrap-phone a {
font-size: 24px;
}
.wrap-phone {
font-size: 16px;
}
h1 {
font-size: 34px;
}
h2 {
font-size: 24px;
}
#tabs {
margin-bottom: 50px;
}
.front .inner span {
font-size: 24px;
}
.front .inner h3 {
font-size: 24px;
}
.front .inner i {
height: 140px;
}
.inner {
padding: 15px;
}
.front, .back {
min-height: 220px;
}
#list {
margin-bottom: 50px;
}
.sec-tit {
font-size: 24px;
margin-bottom: 30px;
}
#video {
margin-bottom: 50px;
}
.doc {
padding: 0;
}
#docs {
padding-bottom: 40px;
}
#logos {
display: none;
}
#news {
display: none;
}
.map {
height: 300px;
}
.foot-adr-tit {
font-size: 24px;
}
.foot-adr-phone a {
font-size: 18px;
}
.foot-adr {
float: left;
width: 100%;
margin-bottom: 20px;
}
.footer-other {
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer-other > div {
width: 100%;
text-align: center;
margin-bottom: 10px;
}
.rem {
display: none;
}
.header-fix-in {
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
}
.fix-left {
width: 100%;
justify-content: space-between;
}
.show-menu {
float: right;
}
.phones {
display: block;
}
.phones svg {
display: none;
}
.fix-phone {
margin-left: 0;
}
.header-fix {
padding: 5px 0;
}
.fix-left .show-menu {
position: absolute;
right: 10px;
top: 50%;
margin-top: -25px;
}
.img-anim-left {
width: 100%;
text-align: center;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-content: center;
-ms-align-items: center;
align-items: center;
justify-content: center;
}
.img-anim-left-in {
margin: 0;
max-width: 290px;
width: 100%;
height: 290px;
-webkit-background-size: contain;
background-size: contain;
}
.img-anim-left-in img {
max-width: 60%;
max-height: 60%;
}
.nav ul {
height: auto;
}
.nav li {
width: 50%;
}
.nav i svg {
max-width: 90%;
max-height: 46px
}
.nav i {
width: 50px;
height: 50px;
}
.nav li span.icon {
height: 70px;
}
.nav > ul > li a {
height: 150px;
}
div#menu-serv .nav > ul > li a {
height: 170px;
}
.no-touch .nav a:hover, .nav a:active, .nav li.active a, .nav a:focus {
height: 150px;
}
} .color_black{color:black;}
.color_white{color:white;}
.margin-left_10{margin-left:10px;}
.block_QR-text{
display:flex; align-items: center;
}
.QR-size-header{height:64px;}
.QR-size-contact{height:97px;}
.QR-size-footer{height:97px;}
.modal_centering_QR{
display:flex; align-items: center;
margin-top:50px;
}
.margin-left_40{margin-left:-60px;}
.modal_centering_QR_footer{margin-left:-120px; display:flex; align-items: center;}
.text_size_contact{font-size: 19px;font-weight: 700;}
.text_size20{font-size: 20px;}
section.demo-mobile {
padding: 8px 16px;
margin: 16px 0 0 0;
}
.slider-mobile__item {
text-align: center;
padding: 8px 0;
color: #fff;
min-height: 200px;
display: flex !important;
justify-content: center;
align-items: center;
flex-direction: column;
}
.slider-mobile__item h2{
margin-bottom:16px;
}
.slick-dots li button:before{
font-size: 30px;
}
.sl-slide-inner {
background-repeat: no-repeat !important;
background-position: center !important;
}
.cont_text p{
margin:0;
}
.header_cont1 {
display: flex;
align-items: center;
font-size: 12px;
padding: 0 15px;
justify-content: center;
flex-direction: column;
}
.logo {
display: flex;
align-items: center;
}
.cont_icon img, .cont_phone img {
margin: 0 12px 0 0px;
}
.header_cont {
padding: 0 15px;
}
.cont_adress {
display: flex;
align-items: center;
font-size: 12px;
}
.header_cont {
padding: 0 15px;
display: flex;
flex-direction: column;
justify-content: center;
}
.cont_phone {
display: flex;
margin: 16px 0 0 0;
}
.cont_phone a {
font-size: 16px;
font-weight: 700;
color: #000;
}
.cont_text a {
color: #000;
}
.first_cont {
display: flex;
align-items: center;
padding: 10px 0 10px 0;
}
nav.header_menu {
display: flex;
background: #EBEBEB99;
width: 100%;
max-height: 50px;
}
nav.header_menu > ul > li > a {
font-size: 16px;
font-weight: 700;
line-height: 36px;
}
nav.header_menu ul {
justify-content: space-around;
}
.header-whats img {
width: 32px;
}
.header-right {
padding-left: 0;
}
@media (min-width: 100px) and (max-width: 768px) {
.modal_centering_QR{
display:flex; flex-direction: column;
margin-top:0px;
}
.margin-left_40{margin-left:-0px;}
.modal_centering_QR_footer{margin-left:-0px; margin:0 auto; display:flex; flex-direction: column;}
.logo {
justify-content: center;
}
.header-right {
padding: 0;
text-align: center !important;
margin: 0;
}
.cont_phone, .cont_adress {
justify-content: center;
margin: 10px;
}
nav.header_menu {
display: none;
}
}