html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, menu, nav, section {
display: block;
}
body {
min-height: 600px;
margin: 0 auto;
font-family: 'PTSans', sans-serif;
font-weight: 400;
color: #000;
}
h1, .h1 {
font-size: 60px;
font-weight: 800;
}
h2, .h2 {
font-size: 48px;
}
h3, .h3 {
font-size: 30px;
font-weight: 800;
}
h4, .h4 {
font-size: 26px;
}
h5, .h5 {
font-size: 20px;
}
h6, .h6 {
font-size: 17px;
}
a {
text-decoration: none;
outline: none;
color: #06c;
}
a:hover {
opacity: .8;
text-decoration: none;
color: inherit;
outline: none;
}
a:active {
opacity: .65;
outline: none;
color: inherit;
text-decoration: none;
}
a:focus {
outline: none;
color: inherit;
text-decoration: none;
}
button:hover, input:hover, select:hover {
opacity: .8;
}
strong {
font-weight: 800;
}
em {
font-style: italic;
}
img {
max-width: 100%}
.clear:before, .clear:after {
content: "";
display: block;
clear: both;
}
.hide, .hidden {
display: none;
}
.content-wrapper {
width: 1000px;
height: 100%;
margin: 0 auto;
}
.left {
text-align: left;
}
.center {
text-align: center;
}
.right {
text-align: right;
}
.alignleft, img.alignleft {
float: left;
display: block;
margin: 0 5px 0 0;
}
.alignright, img.alignright {
float: right;
display: block;
margin: 0 0 0 5px;
}
.aligncenter, img.aligncenter {
float: none;
display: block;
margin: 0 auto;
}
.alignnone, img.alignnone {
margin: 0;
display: block;
}
.container {
max-width: 1000px;
}
.block404 {
margin: 150px auto;
background: rgba(255, 255, 255, 0.85);
padding: 30px 40px 60px;
width: 60%}
header {
position: relative;
overflow: hidden;
font-family: 'PTSans'}
header .container {
position: relative;
}
header::after {
content: "";
position: absolute;
width: 982px;
height: 9px;
bottom: 0;
margin: 0 auto;
left: 0;
right: 0;
background: url(/templates/okna/css/img/header-bg.jpg) no-repeat center;
}
.inner header::after {
width: 0;
}
.inner .factory-champion {
padding: 13px 0 0;
}
.top-header-menu {
float: left;
}
.logo {
float: left;
padding: 24px 0 0 104px;
width: 350px;
height: 120px;
font-size: 16px;
color: #858585;
font-style: italic;
}
.logo::before {
content: '';
position: absolute;
width: 99px;
height: 107px;
left: 0;
top: 7px;
background: url(/templates/okna/css/img/logo3.jpg) no-repeat;
}
.logo:hover, .logo:focus {
color: #858585;
opacity: 1;
}
.top-header-menu ul {
list-style: none;
}
.top-header-menu ul li {
display: inline-block;
}
.menu-services a {
font-size: 13.5px;
color: #000;
line-height: 33.5px;
text-transform: uppercase;
}
.menu-services li:nth-child(2) a {
padding: 0 8px;
border-left: 1px solid;
border-right: 1px solid;
}
.menu-services {
display: inline-block;
padding: 18px 0 0;
border-bottom: 1px solid;
}
.menu-info {
text-align: center;
display: block;
max-width: 596px;
margin: 3px auto 0;
}
.menu-info a {
font-size: 13.5px;
text-transform: uppercase;
color: #82c337;
font-weight: 800;
margin: 0 15px;
}
.menu-info li:nth-child(2) a {
color: #f1283d;
margin: 0 15px;
}
.factory-champion {
position: relative;
margin: 0;
max-width: 210px;
float: right;
padding: 13px 0 4px;
text-align: right;
}
.factory-champion a {
display: inline-block;
}
.champion-tel {
padding: 0;
margin: 17px 0 0;
font-size: 24px;
line-height: 24px;
color: #000;
font-weight: 800;
background: none;
}
.calling-back {
position: relative;
font-size: 16px;
color: #383838;
margin: 10px 0 0 0;
}
.calling-back::before {
position: absolute;
left: -25px;
top: 4px;
width: 16px;
height: 16px;
}
::-webkit-input-placeholder {
color: #727272;
font-size: 16px!important;
font-style: italic;
font-family: 'PTSans';
text-indent: 0;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
:-moz-placeholder {
color: #727272;
font-size: 16px!important;
font-style: italic;
font-family: 'PTSans';
text-indent: 0;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
::-moz-placeholder {
color: #727272;
font-size: 16px!important;
font-style: italic;
font-family: 'PTSans';
text-indent: 0;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
:-ms-input-placeholder {
color: #727272;
font-size: 16px!important;
font-style: italic;
font-family: 'PTSans';
text-indent: 0;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
:focus::-webkit-input-placeholder {
color: #1b2030;
text-indent: 620px;
opacity: 0;
}
:focus::-moz-placeholder {
color: #1b2030;
text-indent: 620px;
opacity: 0;
}
:focus:-moz-placeholder {
color: #1b2030;
text-indent: 620px;
opacity: 0;
}
:focus:-ms-input-placeholder {
color: #1b2030;
text-indent: 620px;
opacity: 0;
}
.justify-align {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
}
.search-box {
float: left;
width: 340px;
margin: 0 0 0 21px;
padding: 20px 0 0;
}
.search-form {
position: relative;
margin: 0 0 9px;
}
.search-form input {
width: 100%;
height: 35px;
padding: 0 0 0 20px;
border: 1px solid #E7E7E7;
outline: none;
background-color: transparent;
border-radius: 5px;
}
.search-form button {
position: absolute;
right: 4px;
top: 7px;
border: none;
outline: none;
background-color: transparent;
z-index: 10;
}
.button {
position: relative;
display: inline-block;
height: 35px;
line-height: 35px;
border-radius: 5px;
color: #fff;
font-size: 16px;
text-align: left;
-webkit-box-shadow: 3px 3px 5px 0 rgba(222, 222, 222, 0.62);
-moz-box-shadow: 3px 3px 5px 0 rgba(222, 222, 222, 0.62);
box-shadow: 3px 3px 5px 0 rgba(222, 222, 222, 0.62);
}
.button:hover, .button:focus {
color: #fff;
}
.button::before {
content: '';
position: absolute;
}
.button-calc {
width: 145px;
padding: 0 0 0 42px;
background: -moz-linear-gradient(left, rgba(0, 112, 182, 1) 0%, rgba(0, 112, 182, 1) 69%, rgba(56, 90, 153, 1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0, 112, 182, 1)), color-stop(69%, rgba(0, 112, 182, 1)), color-stop(100%, rgba(56, 90, 153, 1)));
background: -webkit-linear-gradient(left, rgba(0, 112, 182, 1) 0%, rgba(0, 112, 182, 1) 69%, rgba(56, 90, 153, 1) 100%);
background: -o-linear-gradient(left, rgba(0, 112, 182, 1) 0%, rgba(0, 112, 182, 1) 69%, rgba(56, 90, 153, 1) 100%);
background: -ms-linear-gradient(left, rgba(0, 112, 182, 1) 0%, rgba(0, 112, 182, 1) 69%, rgba(56, 90, 153, 1) 100%);
background: linear-gradient(to right, rgba(0, 112, 182, 1) 0%, rgba(0, 112, 182, 1) 69%, rgba(56, 90, 153, 1) 100%);
}
.button-calc::before {
width: 14px;
height: 18px;
top: 7px;
left: 15px;
background: url(/templates/okna/css/img/calculator-ic.png);
}
.button-ruler {
width: 184px;
padding: 0 0 0 40px;
background: -moz-linear-gradient(left, rgba(225, 0, 25, 1) 0%, rgba(225, 0, 25, 1) 43%, rgba(206, 49, 45, 1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(225, 0, 25, 1)), color-stop(43%, rgba(225, 0, 25, 1)), color-stop(100%, rgba(206, 49, 45, 1)));
background: -webkit-linear-gradient(left, rgba(225, 0, 25, 1) 0%, rgba(225, 0, 25, 1) 43%, rgba(206, 49, 45, 1) 100%);
background: -o-linear-gradient(left, rgba(225, 0, 25, 1) 0%, rgba(225, 0, 25, 1) 43%, rgba(206, 49, 45, 1) 100%);
background: -ms-linear-gradient(left, rgba(225, 0, 25, 1) 0%, rgba(225, 0, 25, 1) 43%, rgba(206, 49, 45, 1) 100%);
background: linear-gradient(to right, rgba(225, 0, 25, 1) 0%, rgba(225, 0, 25, 1) 43%, rgba(206, 49, 45, 1) 100%);
}
.button-ruler::before {
/*width: 15px;
height: 18px;
top: 7px;
left: 13px;
background: url(img/scale-ic.png);*/
}
.top-menu__wrapper {
position: relative;
margin: 0 0 9px;
}
.top-menu__wrapper::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 1px;
background: rgba(0, 0, 0, 0.1);
}
.top-menu {
position: relative;
list-style: none;
}
.top-menu > li {
display: inline-block;
}
.top-menu > li > a {
position: relative;
display: inline-block;
padding: 11px 26px;
font-size: 14px;
color: #fff;
}
.top-menu > li > a::before {
content: '';
position: absolute;
right: 0;
top: 0;
width: 1px;
height: 100%;
background: rgba(256, 256, 256, 0.1);
}
.top-menu > li > a.active::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 7px;
height: 2px;
margin: 0 auto;
width: 90%;
background: #fff;
}
.top-menu::after {
content: "";
position: absolute;
width: 1000px;
right: -1000px;
background: #5CC31C;
}
.top-menu::before {
content: '';
position: absolute;
width: 1000px;
height: 10px;
top: 40px;
left: -968px;
}
.hidden-pseudo::before, .hidden-pseudo::after {
display: none;
}
.windows.content {
padding: 2px 0 0;
}
.facade {
padding: 0;
}
.balcony {
padding: 2px 0 0;
}
.content {
min-height: 200px;
}
.windows.content {
}
.main-menu {
position: relative;
list-style: none;
clear:both;
}
.windows .main-menu {
/*background: url(img/first-menu-itemt.png) no-repeat center;*/
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
margin: 0px 0 0;
}
.main-menu li {
display: inline-block;
width: 33%}
.main-menu a {
}
.main-menu li:nth-child(2) a {
color: #3f987c;
}
.main-menu li:nth-child(3) a {
color: #6eb54c;
padding: 0 45px 0 0;
}
.main-menu a.active {
color: #fff;
}
.guarantee-box {
position: relative;
margin: 0 0 0 325px;
width: 512px;
height: 164px;
background: url(/templates/okna/css/img/big-guarantee1.png);
background-size: cover;
}
.guarantee-box span {
position: absolute;
right: 22%;
top: 33%;
display: inline-block;
color: #fff;
font-size: 20px;
font-weight: 800;
text-transform: uppercase;
}
.get-gift {
margin: 0 188px 0 495px;
width: 230px;
height: 130px;
background: url(/templates/okna/css/img/gift.png) no-repeat;
background-size: cover;
}
a.get-gift {
display: block;
padding: 8px 10px 0 13px;
font-size: 18px;
font-weight: 800;
color: #584b0f;
text-transform: uppercase;
background-color: rgba(256, 256, 256, 0.2);
border-radius: 6px;
}
.ruler-box {
display: block;
padding: 26px 0 0;
margin: 0 175px 0 0;
/* background: url(img/ruler.png) no-repeat center top;*/
}
.ruler-box h5, .ruler-box .h5 {
margin: 0 0 16px;
font-size: 17px;
text-align: center;
text-transform: uppercase;
font-weight: 800;
}
.ruler-box form {
max-width: 314px;
padding: 19px 23px 27px;
margin: 0 0 20px;
background: rgba(256, 256, 256, 0.6);
border-radius: 6px;
text-align: center;
}
.ruler-box input {
width: 100%;
padding: 11px 13px;
margin: 0 0 12px;
border: 1px solid #C2C2C2;
outline: none;
border-radius: 6px;
}
.ruler-box input:focus {
outline: none;
}
.ruler-box label {
font-size: 12px;
text-align: left;
color: #666;
}
.ruler-box label input[type='checkbox'] {
padding: 0;
margin: 0 4px 0 0;
width: auto;
vertical-align: bottom;
}
.ruler-box button {
width: 100%;
margin: 10px 0 0;
padding: 10px 23px;
font-size: 17px;
color: #fff;
text-transform: uppercase;
outline: none;
border: none;
border-radius: 6px;
}
.ruler-box button.active {
background: #82c337;
}
::-webkit-input-placeholder {
color: #666;
font-size: 14px;
text-indent: 0;
transition: all .7s ease;
}
:-moz-placeholder {
color: #666;
font-size: 14px;
text-indent: 0;
transition: all .7s ease;
}
::-moz-placeholder {
color: #666;
font-size: 14px;
text-indent: 0;
transition: all .7s ease;
}
:-ms-input-placeholder {
color: #666;
font-size: 14px;
text-indent: 0;
transition: all .7s ease;
}
.right-buttons {
position: fixed;
right: 0;
top: 291px;
width: 100px;
z-index: 100;
}
.right-buttons a {
position: relative;
display: block;
margin: 0 0 15px;
width: 100%;
height: 100px;
background-color: #0071bb;
color: #fff;
font-size: 12px;
text-transform: uppercase;
font-weight: 800;
}
.right-buttons a > span {
position: absolute;
left: 0;
right: 0;
bottom: 14px;
text-align: center;
}
.balcony .right-buttons a > span, .facade .right-buttons a > span {
bottom: 10px;
}
.right-buttons a:first-child {
background-image: url(/templates/okna/css/img/calc-ic.png);
background-repeat: no-repeat;
background-position: 55% 31%}
.balcony .right-buttons a:first-child, .facade .right-buttons a:first-child {
background-image: url(/templates/okna/css/img/ruler-ic-1.png);
}
.right-buttons a:nth-child(2) {
background-image: url(/templates/okna/css/img/ruler-ic-1.png);
background-repeat: no-repeat;
background-position: 51% 21%}
.right-buttons a:last-child {
background-image: url(/templates/okna/css/img/gift-ic.png);
background-repeat: no-repeat;
background-position: 50% 31%;
background-color: #f62a40;
}
.spring-action {
position: relative;
padding: 47px 0 63px;
text-align: center;
background: url(/templates/okna/data/foto-2.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.spring-action h1 {
margin: 18px auto 19px;
font-size: 20px;
font-weight: 800;
text-transform: uppercase;
text-align: center;
}
.spring-action .h1 {
font-size: 60px;
font-weight: 800;
text-align: center;
text-transform: uppercase;
}
.red-box {
display: inline-block;
padding: 2px 9px;
font-size: 60px;
color: #fff;
font-weight: 800;
background: #e62d23;
}
.spring-action p {
margin: 18px auto 19px;
font-size: 20px;
font-weight: 800;
text-transform: uppercase;
}
.spring-action h3, .spring-action .h3 {
text-transform: uppercase;
}
#CDT {
position: absolute;
left: 0;
right: 0;
bottom: 40px;
margin: 0 auto;
font-size: 60px;
color: #000;
margin: 0 0;
font-weight: 800;
}
#CDT .number-wrapper {
position: relative;
margin: 5px;
}
#CDT .number {
display: inline-block;
background: #eccd1d;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 7px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
padding: 0 12px;
height: 100px;
line-height: 80px;
text-align: center;
border: 1px solid #C6C61E;
-moz-box-shadow: inset 0 4px 0 rgba(255, 255, 255, 0.2);
-webkit-box-shadow: inset 0 4px 0 rgba(255, 255, 255, 0.2);
box-shadow: inset 0 4px 0 rgba(255, 255, 255, 0.2);
-moz-text-shadow: 0 3px 3px #000;
-webkit-text-shadow: 0 3px 3px #000;
text-shadow: 0 3px 3px #000;
}
#CDT .line {
position: absolute;
}
.caption {
font-size: 14px;
font-weight: 800;
position: absolute;
bottom: -10px;
left: 0;
text-align: center;
width: 100%;
color: #000;
}
.green-box {
padding: 63px 0 47px;
background: url(/templates/okna/css/img/cubes.png) no-repeat center, #91e132;
}
.green-box-form {
position: relative;
background: rgba(145, 181, 26, 0.6);
z-index: 5;
}
.green-box-form label {
text-align: right;
font-size: 12px;
display: block;
padding: 0 10px 4px 0;
}
.green-box-form label input[type="checkbox"] {
margin: 0 4px 0 0 !important;
padding: 0;
vertical-align: sub;
width: auto;
}
.green-box-form .btn-yellow:disabled {
background: #DDD;
}
.btn-green {
padding: 19px 61px 19px 31px;
font-size: 17px;
color: #fff;
font-weight: 800;
text-transform: uppercase;
border: none;
outline: none;
background: #91aa14;
border-radius: 0 32px 32px 0;
}
.btn-green:hover {
opacity: 1;
}
.green-box-form input {
padding: 12px 17px;
width: 234px;
margin: 0 0 0 37px;
outline: none;
border: 1px solid #C2C2C2;
border-radius: 4px;
}
.green-box-form input:last-of-type {
margin: 0 0 0 19px;
}
.btn-yellow {
padding: 12px 24px;
margin: 0 0 0 25px;
font-size: 17px;
color: #4d6710;
font-weight: 800;
text-transform: uppercase;
border: none;
outline: none;
background: #ffde1f;
border-radius: 6px;
text-decoration: none!important;
}
.send-request {
padding: 50px 0 40px;
background: url(/templates/okna/css/img/gift-bg.jpg) no-repeat center;
background-size: cover;
}
.send-request h2, .send-request .h2 {
margin: 0 0 53px;
font-size: 48px;
font-weight: 400;
text-transform: uppercase;
text-align: center;
}
.send-request h2 > strong, .send-request .h2 > strong {
padding: 0 7px;
font-weight: 800;
color: #fff;
background: #82c337;
}
.gift-item {
text-align: center;
}
.gift-item h6, .gift-item .h6 {
margin: 0 0 7px;
font-size: 18px;
text-transform: uppercase;
font-weight: 700;
}
.gift-item img {
display: inline-block;
margin: 0 0 6px;
}
.gift-item p {
font-size: 18px;
color: #212121;
}
.send-request .col-sm-3 {
padding-left: 10px;
padding-right: 10px;
}
.send-request + .green-box, .our-certificates + .green-box, .our-advantages + .green-box {
background: url(/templates/okna/css/img/ruler.png) no-repeat 80.5% 28%, #91e132;
}
.send-request + .green-box .btn-green, .our-certificates + .green-box .btn-green, .our-advantages + .green-box .btn-green {
padding: 19px 42px 19px 15px;
}
.send-request + .green-box .btn-yellow, .our-certificates + .green-box .btn-yellow, .our-advantages + .green-box .btn-yellow {
margin: 0 0 0 7px;
}
.send-request + .green-box input, .our-certificates + .green-box input, .our-advantages + .green-box input {
margin: 0 0 0 7px;
}
.send-request + .green-box input:last-of-type, .our-certificates + .green-box input:last-of-type, .our-advantages + .green-box input:last-of-type {
margin: 0 0 0 9px;
}
.many-clients {
padding: 52px 0 73px;
text-align: center;
background: url(/templates/okna/css/img/many-clients.jpg) no-repeat center;
background-size: cover;
}
.many-clients h2, .many-clients .h2 {
margin: 0 0 52px;
font-size: 46px;
text-transform: uppercase;
text-align: center;
}
.many-clients-item {
display: inline-block;
position: relative;
margin: 0 30px 34px;
max-width: 170px;
}
.many-clients-item img {
display: inline-block;
margin: 0 0 15px;
}
.many-clients-wrapper:last-child .many-clients-item {
margin: 0 12px 34px;
}
.many-clients-wrapper:last-child .many-clients-item:first-child {
margin-left: 0;
}
.many-clients-wrapper:last-child .many-clients-item:last-child {
margin-right: 0;
}
.many-clients-item span {
display: inline-block;
font-size: 14px;
text-transform: uppercase;
font-weight: 800;
}
.windows .many-clients-wrapper:last-child .many-clients-item:nth-child(3)::before {
content: "+";
position: absolute;
top: 20%;
right: -27px;
font-size: 48px;
color: #f1283d;
font-weight: 800;
}
.many-clients + .green-box {
position: relative;
background: #91e132;
padding: 26px 0 28px;
z-index: 10;
}
.many-clients + .green-box::before {
content: "";
position: absolute;
width: 162px;
height: 198px;
top: -84px;
left: 36.5%;
background: url(/templates/okna/css/img/greenbox-lady.png) no-repeat;
z-index: 1;
}
.many-clients + .green-box .btn-green {
padding: 19px 42px 19px 25px;
}
.many-clients + .green-box .btn-yellow {
margin: 0 0 0 17px;
}
.many-clients + .green-box input {
margin: 0 0 0 27px;
}
.many-clients + .green-box input:last-of-type {
margin: 0 0 0 18px;
}
h2 > span {
display: inline-block;
text-align: center;
position: relative;
color: inherit;
padding: 0 117px;
font-weight: 800;
text-transform: uppercase;
}
h2 > span::before {
content: "";
position: absolute;
top: 47%;
left: 0;
width: 60px;
height: 5px;
background: #000;
}
h2 > span::after {
content: "";
position: absolute;
top: 47%;
right: 0;
width: 60px;
height: 5px;
background: #000;
}
.best-offer {
padding: 54px 0 50px;
background: url(/templates/okna/css/img/best-offer.jpg) no-repeat center;
background-size: cover;
}
.best-offer h2 {
margin: 0 0 42px;
font-size: 46px;
text-align: center;
color: #990;
}
h2 > span::after, h2 > span::before {
background: #990;
}
.best-offer h2 > span::before {
background: #990;
}
.best-offer-wrapper {
text-align: center;
}
.best-offer-item {
display: inline-block;
margin: 0 40px;
max-width: 270px;
}
.best-offer-wrapper .best-offer-item:first-child .best-offer-package {
background: url(/templates/okna/css/img/best-offer-1.png);
}
.best-offer-wrapper .best-offer-item:last-child .best-offer-package {
background: url(/templates/okna/css/img/best-offer-3.png);
}
.best-offer-package {
display: block;
position: relative;
margin: 0 0 21px;
width: 228px;
height: 249px;
background: url(/templates/okna/css/img/best-offer-2.png);
color: inherit;
}
.best-offer-price {
position: absolute;
padding: 49px 0 0;
top: 33px;
right: -27px;
text-align: center;
width: 130px;
height: 130px;
background: #E4EB12;
border-radius: 50%}
.best-offer-price strong {
font-size: 40px;
font-weight: 800;
line-height: 20px;
}
.best-offer-price span {
font-size: 14px;
}
.best-offer-name {
position: absolute;
bottom: 30px;
left: 0;
right: 0;
text-align: center;
font-size: 19.2px;
color: #fff;
font-weight: 800;
text-transform: uppercase;
}
.best-offer-list {
position: relative;
right: -40px;
list-style: none;
text-align: left;
}
.best-offer-list li {
position: relative;
padding: 0 0 0 10px;
margin: 0 0 16px;
font-size: 16px;
line-height: 16px;
font-weight: 800;
}
.best-offer-list li::before {
content: "";
position: absolute;
top: 47%;
left: 0;
width: 3px;
height: 3px;
background: #91AA14;
}
.best-offer + .green-box {
text-align: center;
position: relative;
background: #91e132;
padding: 53px 0 57px;
z-index: 10;
}
.best-offer + .green-box::before {
content: "";
position: absolute;
width: 162px;
height: 198px;
top: -18px;
left: 38%;
background: url(/templates/okna/css/img/calc.png) no-repeat;
z-index: 1;
}
.best-offer + .green-box .green-box-form {
padding: 0 6px 0 0;
display: inline-block;
}
.best-offer + .green-box .btn-green {
padding: 19px 61px 19px 42px;
}
.best-offer + .green-box .btn-yellow {
margin: 0 7px 0 17px;
}
.advantages {
padding: 22px 0 20px;
background: url(/templates/okna/css/img/advantages-bg-new.jpg) no-repeat center;
}
.advantages h2 {
margin: 0 0 53px;
text-align: center;
}
.advantages h2 > span::after, h2 > span::before {
background: #000;
}
.usual-list {
float: left;
text-align: center;
width: 470px;
}
.usual-list h4, .usual-list h3 {
font-size: 26px;
margin: 0 0 47px;
text-align: center;
color: #000;
font-weight: 800;
text-transform: none;
}
.usual-list li {
position: relative;
font-size: 16px;
margin: 0 0 55px;
color: #666;
list-style: none;
padding: 0 30px;
height: 30px;
}
.usual-list li::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 26px;
height: 26px;
background: url(/templates/okna/css/img/minus-ic.png);
-webkit-background-size: cover;
background-size: cover;
}
.veka-list {
float: left;
width: 470px;
margin-left: 7px;
text-align: center;
}
.veka-list h4, .veka-list h3 {
font-size: 26px;
margin: 0 0 47px;
text-align: center;
color: #06c;
font-weight: 800;
text-transform: uppercase;
}
.veka-list li {
position: relative;
font-size: 16px;
margin: 0 0 55px;
color: #06c;
list-style: none;
padding: 0 30px;
height: 30px;
}
.veka-list li::after {
content: "";
position: absolute;
right: 0;
top: 0;
width: 21px;
height: 20px;
background: url(/templates/okna/css/img/check-ic.png);
}
.order-parameters {
padding: 48px 0 64px;
text-align: center;
background: url(/templates/okna/css/img/order-parameters.jpg) no-repeat center;
background-size: cover;
}
.order-parameters h2, .order-parameters .h2 {
font-size: 60px;
text-align: center;
text-transform: uppercase;
font-weight: 800;
}
.order-parameters .red-box {
padding: 3px 30px;
text-transform: uppercase;
}
.order-parameters .green-box {
position: relative;
background: #91e132;
padding: 0;
z-index: 10;
}
.order-parameters .green-box::before {
content: "";
position: absolute;
width: 162px;
height: 198px;
top: -71px;
left: 0;
background: url(/templates/okna/css/img/order-parameters-gift.png) no-repeat;
z-index: 1;
}
.order-parameters h4, .order-parameters .h4 {
margin: 55px 0 76px;
font-size: 24px;
font-weight: 800;
color: #333;
text-transform: uppercase;
text-align: center;
}
.order-parameters h4 > span, .order-parameters .h4 > span {
color: red;
}
.order-parameters .green-box .btn-green {
padding: 19px 29px 19px 115px;
}
.order-parameters .green-box .btn-yellow {
margin: 0 0 0 10px;
}
.order-parameters .green-box input {
margin: 0 0 0 9px;
}
.order-parameters .green-box input:last-of-type {
margin: 0 0 0 9px;
}
.order-parameters .green-box-form {
background: #91C623;
padding: 0 12px 0 0;
z-index: 0;
}
.feedback {
padding: 51px 0;
background: #f7fdf1;
}
.feedback h2 {
margin: 0 0 57px;
text-align: center;
}
.feedback h2 > span::after, .feedback h2 > span::before {
background: #000;
}
.feedback-client-wrapper {
max-width: 350px;
margin: 0 auto 28px;
}
.feedback-client-wrapper img {
display: block;
float: left;
}
.client-data {
float: left;
margin-left: 20px;
padding: 13px 0 0;
}
.client-data h6, .client-data .h6 {
font-size: 20px;
}
.client-data span {
font-size: 14px;
}
.client-problem {
font-size: 14px;
text-align: center;
text-transform: uppercase;
font-weight: 800;
color: #999;
}
.client-problem span {
color: #06c;
}
.feedback-slider-content {
max-width: 660px;
padding: 22px 0 0;
margin: 0 auto;
}
.feedback-slider-content h6, .feedback-slider-content .h6 {
margin: 0 0 14px;
font-size: 14px;
text-transform: uppercase;
color: #333;
font-weight: 800;
}
.feedback-slider-content p {
font-size: 16px;
text-align: justify;
color: #333;
line-height: 30px;
}
.feedback-all {
display: inline-block;
margin: 14px 0 0;
font-size: 14px;
text-transform: uppercase;
font-weight: 800;
color: #990;
line-height: 20px;
border-bottom: 2px dotted;
}
.feedback-all:hover, .feedback-all:focus {
color: #990;
}
.slick-prev {
width: 24px;
height: 40px;
top: 40%;
left: 33px;
background: url(/templates/okna/css/img/prev.png);
}
.slick-next {
width: 24px;
height: 40px;
top: 40%;
right: 33px;
background: url(/templates/okna/css/img/next.png);
}
.slick-next:hover, .slick-next:focus {
background: url(/templates/okna/css/img/next.png);
}
.slick-prev:hover, .slick-prev:focus {
background: url(/templates/okna/css/img/prev.png);
}
.slick-prev:before, .slick-next:before {
content: ''}
.our-certificates {
padding: 47px 0 68px;
}
.our-certificates h2 {
margin: 0 0 43px;
text-align: center;
color: #336;
}
.our-certificates h2 > span::after, .our-certificates h2 > span::before {
background: #336;
}
.our-certificates .slick-prev {
top: 53%;
left: -24px;
background: url(/templates/okna/css/img/prev-black.png);
}
.our-certificates .slick-next {
top: 53%;
right: -24px;
background: url(/templates/okna/css/img/next-black.png);
}
.our-certificates .slick-next:hover, .slick-next:focus {
background: url(/templates/okna/css/img/next-black.png);
}
.our-certificates .slick-prev:hover, .slick-prev:focus {
background: url(/templates/okna/css/img/prev-black.png);
}
.certificate-slider {
margin: 0 auto;
}
.certificate-slider img {
margin: 0 auto;
}
.map-address {
position: relative;
z-index: 1;
width: 300px;
margin: 60px auto 0;
padding: 10px;
background: #000;
height: auto;
opacity: .45;
color: #fff;
}
.windows-credit {
background-size: cover;
}
.windows-credit h2 {
margin: 0 0 34px;
text-align: center;
color: #336;
font-size: 45px;
}
.windows-credit h2 > span::after, .windows-credit h2 > span::before {
background: #336;
}
.windows-credit-wrapper {
max-width: 600px;
margin: 0 40px 0 0;
float: right;
}
.tabs-list {
margin: 0 0 11px;
}
.tabs-list li {
list-style: none;
display: inline-block;
margin-right: -3px;
cursor: pointer;
}
.tabs-list li a {
display: block;
padding: 11px 36px;
color: #336;
font-size: 18px;
font-weight: 800;
text-transform: uppercase;
text-decoration: underline;
}
.tabs-list li:first-child a {
padding-left: 0;
}
.tabs-list li:last-child a {
padding-right: 0;
}
.tabs {
padding: 29px 45px 30px;
margin: 0 0 27px;
background: #fff;
-webkit-box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.13);
-moz-box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.13);
box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.13);
}
.tabs-list .active a {
position: relative;
font-size: 30px;
font-weight: 800;
color: #990;
text-decoration: none;
}
.tabs-list .active a::after {
content: '';
position: absolute;
left: 20%;
bottom: -18px;
border: 20px solid transparent;
border-bottom: 20px solid #fff;
}
.windows-credit-item h6, .windows-credit-item .h6 {
margin: 0 0 35px;
font-size: 18px;
text-transform: uppercase;
color: #06c;
font-weight: 800;
}
.windows-credit-item p, .windows-credit-item li {
font-size: 18px;
color: #336;
}
.windows-credit-item p {
padding: 0 0 20px;
border-bottom: 1px solid #CFD8DC;
}
.credit-terms, .credit-price {
margin: 21px 0 0;
display: inline-block;
width: 49%;
text-align: left;
list-style: none;
}
.credit-price {
padding: 0 0 0 30px;
}
.windows-credit-item li {
margin: 0 0 20px;
}
.call-manager {
color: #336;
font-size: 16px;
}
.call-manager > a {
color: #06c;
font-size: 16px;
font-weight: 800;
}
.our-address {
padding: 22px 0 20px;
margin: -22px 0 0;
background: #003762;
}
.our-address h2 {
margin: 0 0 34px;
text-align: center;
color: #333;
font-size: 45px;
}
.our-address h2 > span::after, .our-address h2 > span::before {
background: #333;
}
#googleMap, #googleMap2, #googleMap3 {
height: 332px;
width: 100%}
.maps-wrapper .maps-wrapper-item:nth-child(2)::before, .maps-wrapper .maps-wrapper-item:nth-child(3)::before {
content: "";
position: absolute;
left: 0;
top: 5px;
width: 2px;
height: 382px;
background: url(/templates/okna/css/img/ellipse.png) no-repeat;
z-index: 10;
}
.maps-wrapper-item {
position: relative;
padding: 0;
text-align: center;
width: 100%;
float: left;
}
.map-name {
position: absolute;
width: 90%;
padding: 10px 0 16px 41px;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
font-size: 16px;
color: #336;
font-weight: 800;
background: url(/templates/okna/css/img/marker.png) no-repeat 4% 51%, #F0EDE5;
z-index: 10;
border-radius: 4px;
}
.phone {
display: inline-block;
padding: 0 0 0 40px;
margin: 15px 0 0;
font-size: 18px;
font-weight: 800;
color: #336;
background: url(/templates/okna/css/img/phone-ic.png) no-repeat left center;
}
.balcony .main-menu {
/* background: url(img/second-menu-item.png) no-repeat center;*/
margin: 0px 0 0;
}
.balcony .main-menu .active {
}
.balcony .main-menu li:first-child a, .facade .main-menu li:first-child a {
color: #0f7aab;
}
.balcony .guarantee {
padding: 0 0 15px;
background: none;
text-align: center;
}
.services-box {
display: inline-block;
margin: 30px auto 50px;
text-align: end;
}
.services-box h3, .services-box .h3 {
position: relative;
display: inline-block;
margin: 7px 0 0;
padding: 22px 53px;
text-align: center;
background: rgba(102, 204, 102, 0.8);
font-size: 36px;
color: #fff;
text-transform: uppercase;
font-weight: 800;
border-radius: 6px;
}
.services-box h3::before, .services-box .h3::before {
content: "";
position: absolute;
bottom: -24px;
right: 26.5%;
width: 43px;
height: 45px;
background: url(/templates/okna/css/img/red-arrow.png) no-repeat center;
}
.services-box span {
position: relative;
display: inline-block;
margin: -14px 0 0;
padding: 10px 20px;
font-size: 36px;
color: #f33;
font-weight: 800;
background: #fff;
border-radius: 6px;
z-index: 1;
}
.balcony .guarantee-box, .facade .guarantee-box {
position: relative;
right: 0;
margin: 0 0 0 511px;
width: 400px;
height: 120px;
background: url(/templates/okna/css/img/big-guarantee.png);
background-size: cover;
display: none;
}
.balcony .guarantee-box span, .facade .guarantee-box span {
font-size: 16px;
line-height: 21px;
text-align: left;
}
.balcony .ruler-box, .facade .ruler-box {
margin: 2px 91px 0 0;
float: right;
}
.range-work {
padding: 68px 0 46px;
background: #fff;
}
.range-work h3, .range-work .h3 {
font-size: 36px;
text-transform: uppercase;
font-weight: 800;
text-align: center;
}
.range-work-inside {
position: relative;
height: 500px;
width: 49%;
display: inline-block;
background: url(/templates/okna/css/img/range-work-1.jpg) no-repeat right 78%;
background-size: 77%}
.range-work-outside {
position: relative;
height: 500px;
width: 49%;
display: inline-block;
background: url(/templates/okna/css/img/range-work-2.jpg) no-repeat right 50%}
.range-work-item {
position: absolute;
font-size: 18px;
color: #000;
font-weight: 800;
text-align: center;
display: inline-block;
}
.range-work-item span {
display: block;
}
.range-work-item span:last-child {
color: #666;
}
.range-work-inside .range-work-item:nth-child(1) {
top: 9%;
left: 17%}
.range-work-inside .range-work-item:nth-child(2) {
top: 43%;
left: -3%}
.range-work-inside .range-work-item:nth-child(3) {
top: 92%;
left: 18%}
.range-work-outside .range-work-item:nth-child(1) {
top: 5%;
left: 36%}
.range-work-outside .range-work-item:nth-child(2) {
top: 28%;
left: 9%}
.range-work-outside .range-work-item:nth-child(3) {
top: 50%;
left: 10%}
.range-work-outside .range-work-item:nth-child(4) {
top: 72%;
left: 13%}
.range-work-outside .range-work-item:nth-child(5) {
top: 94%;
left: 62%}
.light-green {
max-width: 910px;
margin: 57px auto 0;
padding: 28px 20px;
font-size: 20px;
font-weight: 800;
color: #000;
text-align: center;
border-radius: 6px;
background: #cf6;
}
.discount {
position: relative;
padding: 71px 0 69px;
background: url(/templates/okna/css/img/discount-bg.jpg) no-repeat center, #D9F0C2;
}
.discount::before {
content: '';
position: absolute;
left: 46.3%;
top: -85px;
border: 45px solid transparent;
border-bottom: 40px solid #F6F9F5;
}
.discount h3, .discount .h3 {
position: relative;
font-size: 36px;
font-weight: 800;
text-transform: uppercase;
text-align: center;
}
.discount h3:first-of-type::before, .discount .h3:first-of-type::before {
content: "";
position: absolute;
bottom: -57px;
right: 48.5%;
width: 43px;
height: 45px;
background: url(/templates/okna/css/img/red-arrow.png) no-repeat center;
}
.discount h3:first-of-type, .discount .h3:first-of-type {
margin: 0 0 47px;
}
.discount h3 .red-box, .discount .h3 .red-box {
font-size: 48px;
padding: 18px 28px;
margin: 0 23px 0 17px;
}
.discount h3:last-of-type, .discount .h3:last-of-type {
margin: 0 0 83px;
}
.discount h3:last-of-type::before, .discount .h3:last-of-type::before {
content: "+";
position: absolute;
top: 78%;
left: 47%;
font-size: 98px;
color: #f33;
}
.discount .col-sm-3 {
padding-left: 10px;
padding-right: 10px;
}
.balcony .many-clients-wrapper:last-child .many-clients-item, .facade .many-clients-wrapper:last-child .many-clients-item {
margin: 0 30px 34px;
position: relative;
}
.balcony .many-clients-wrapper:last-child .many-clients-item:nth-child(2)::before, .facade .many-clients-wrapper:last-child .many-clients-item:nth-child(2)::before {
content: "+";
position: absolute;
top: 20%;
right: -44px;
font-size: 48px;
color: #f1283d;
font-weight: 800;
}
.balcony .many-clients {
padding: 52px 0 43px;
}
.our-works h2 {
margin: 0 0 47px;
font-size: 46px;
text-transform: uppercase;
text-align: center;
}
.our-works h2 > span::after, .our-works h2 > span::before {
background: #000;
}
.works-slider {
max-width: 800px;
margin: 0 auto;
border-radius: 6px;
}
.works-slider-item {
position: relative;
}
.works-slider-item img {
border-radius: 6px;
}
.img-overlay {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.works-slider-item p {
float: right;
padding: 20px;
width: 324px;
height: 100%;
background: rgba(0, 0, 0, 0.6);
color: #fff;
font-size: 16px;
line-height: 20px;
text-align: justify;
border-radius: 0 6px 6px 0;
}
.works-slider .slick-prev {
top: 53%;
left: -55px;
background: url(/templates/okna/css/img/prev-black.png);
}
.works-slider .slick-next {
top: 53%;
right: -55px;
background: url(/templates/okna/css/img/next-black.png);
}
.works-slider .slick-next:hover, .works-slider .slick-next:focus {
background: url(/templates/okna/css/img/next-black.png);
}
.works-slider .slick-prev:hover, .works-slider .slick-prev:focus {
background: url(/templates/okna/css/img/prev-black.png);
}
.facade .main-menu {
/*background: url(img/third-menu-item.png) no-repeat center;*/
margin: -2px 0 0;
}
.facade .main-menu a.active {
}
.facade {
background: url(/templates/okna/data/foto-4.jpg) no-repeat center top;
}
.facade .guarantee {
background: none;
}
.our-advantages {
padding: 50px 0 0;
background: url(/templates/okna/css/img/our-advantages-bg.jpg) no-repeat center;
}
.our-advantages-item {
margin: 0 auto 47px;
text-align: center;
max-width: 275px;
}
.our-advantages-item img {
display: inline-block;
margin: 0 0 20px;
}
.our-advantages-item h5, .our-advantages-item .h5 {
margin: 0 0 23px;
font-weight: 800;
}
.our-advantages-item p {
font-size: 18px;
text-align: justify;
}
.inner header {
margin: 0 0 -3px;
}
.inner header .container {
position: relative;
background: none;
padding-bottom: 0;
}
.inner .factory-champion::after {
width: 0;
}
.inner-menu-wrapper {
background: #0071BB;
}
.inner-menu {
list-style: none;
background: #0071BB;
}
.inner-menu li {
display: inline-block;
}
.inner-menu a {
display: block;
padding: 11px 0 14px;
margin: 0 30px;
font-size: 16px;
color: #fff;
font-weight: 800;
}
.inner-menu li:first-child a {
margin-left: 0;
}
.inner-menu li:last-child a {
margin-right: 0;
padding-left: 4px;
}
.breadcrumbs {
margin: 27px 0 32px;
list-style: none;
}
.breadcrumbs li {
display: inline-block;
margin-right: -.03em;
}
.breadcrumbs li + li::before {
content: "";
padding: 0 13px 4px;
width: 6px;
height: 7px;
background: url(/templates/okna/css/img/arrows.png) no-repeat center;
}
.breadcrumbs a, .breadcrumbs li {
font-size: 13px;
font-weight: 200;
color: #212121;
}
.left-sidebar {
float: left;
width: 201px;
}
.center-content {
float: left;
width: 769px;
padding: 0 0 0 25px;
display: flex;
flex-direction: column;
}
.center-content img {
height: auto;
}
.center-content .calc-wrap {
order: -90;
width: 520px;
}
.center-content .calc-wrap img {
width: auto;
min-width: auto;
}
.inner[data-id='93'] .center-content {
display: block;
}
.right-sidebar {
float: right;
width: 201px;
}
.center-content h4, .center-content .h4 {
margin: -6px 0 21px;
font-size: 24px;
text-transform: uppercase;
font-weight: 800;
color: #06c;
}
.center-content p {
margin: 0 0 23px;
font-size: 16px;
line-height: 22px;
color: #333;
}
.center-content p.small {
font-size: 14px;
line-height: 1;
}
.center-content a {
text-decoration: underline;
}
.center-content a:hover {
color: #06c;
}
.center-content ul {
list-style: none;
}
.center-content li {
position: relative;
padding: 0 0 0 37px;
margin: 0 0 27px;
}
.center-content ul li::before {
content: "";
position: absolute;
left: 19px;
top: 7px;
width: 5px;
height: 5px;
background: #06c;
border-radius: 50%}
.center-content h6, .center-content .h6 {
margin: 0 0 22px;
font-size: 16px;
font-weight: 800;
color: #06c;
}
.center-content .inner-page-title {
margin: 0 0 30px;
font-size: 20px;
font-weight: 800;
color: #06c;
text-transform: uppercase;
order: -9999;
}
table {
width: 100%;
margin: 0 0 20px;
border: 1px solid #DEE1E3;
border-collapse: collapse;
}
table tr, table td {
border: 1px solid #DEE1E3;
}
table td {
text-align: center;
padding: 17px 15px;
}
table tr:first-child td {
font-weight: 800;
}
table tr td:first-child {
padding: 14px 0 14px 19px;
text-align: left;
}
.colors-table {
width: 100%}
.colors-table tr td:first-child {
padding: 17px 15px;
text-align: center;
}
.right-sidebar-form h6, .right-sidebar-form .h6 {
margin: 0 0 47px;
font-size: 18px;
font-weight: 800;
color: #06c;
text-align: center;
text-transform: uppercase;
}
.right-sidebar-form {
padding: 10px;
margin: 0 0 30px;
background: #91E132;
}
.right-sidebar-form form {
position: relative;
padding: 10px 6px 17px;
background: #fff;
border-radius: 5px;
}
.right-sidebar-form label {
font-size: 10px;
}
.right-sidebar-form form::before {
content: "";
position: absolute;
top: 18%;
right: -10px;
width: 163px;
height: 24px;
background: url(/templates/okna/css/img/ruler.png) no-repeat;
background-size: cover;
}
.right-sidebar-form input {
padding: 8px 3px 8px 10px;
margin: 0 0 14px;
border: 1px solid #9DAC7C;
outline: none;
border-radius: 5px;
width: 100%}
.right-sidebar-form input[type='checkbox'] {
margin: 0 4px 0 0;
padding: 0;
width: auto;
vertical-align: sub;
}
.right-sidebar-form .btn-yellow {
display: block;
padding: 12px 19px;
margin: 4px auto 0;
}
.right-sidebar-form .btn-yellow:disabled {
background: #ddd;
}
.sidebar-calc {
position: relative;
display: block;
padding: 18px 0 22px 12px;
margin: 0 0 34px;
font-size: 18px;
font-weight: 800;
color: #06c;
background: #cfd8dc;
text-transform: uppercase;
}
.sidebar-calc::before {
content: "";
position: absolute;
top: -13px;
right: 1px;
width: 78px;
height: 85px;
background: url(/templates/okna/css/img/sidebar-calc.png) no-repeat;
}
.sidebar-calc:hover, .sidebar-calc:focus {
color: #06c;
}
.sidebar-shares {
position: relative;
display: block;
padding: 22px 0 22px 12px;
margin: 0 0 43px;
font-size: 30px;
font-weight: 800;
color: #fff;
background: red;
text-transform: uppercase;
}
.sidebar-shares::before {
content: "";
position: absolute;
top: -13px;
right: 1px;
width: 90px;
height: 90px;
background: url(/templates/okna/css/img/order-parameters-gift.png) no-repeat;
background-size: cover;
}
.sidebar-shares:hover, .sidebar-shares:focus {
color: #fff;
}
.sidebar-content {
padding: 0;
margin: 0 0 20px;
}
.sidebar-content h6, .sidebar-content .h6 {
font-size: 16px;
color: #06c;
font-weight: 800;
}
.sidebar-content p {
margin: 8px 0 0;
font-size: 14px;
color: #333;
line-height: 22px;
}
.sidebar-content p:first-letter {
padding: 0 0 0 20px;
}
.inner .order-parameters {
margin: 67px 0 -20px;
}
footer {
background: #fff;
text-align: center;
}
.mail {
display: inline-block;
padding: 0 0 0 40px;
margin: 15px 0;
font-size: 18px;
font-weight: 800;
color: #336;
background: url(/templates/okna/css/img/mail-ic.png) no-repeat left center;
}
.inner footer {
padding: 0;
background: transparent;
}
.phone-wrapper {
margin: 0 0 19px;
text-align: center;
}
.phone-wrapper a {
color: #fff;
}
.phone-wrapper a:nth-child(2) {
margin: 0 126px;
}
.inner .mail {
color: #fff;
background: url(/templates/okna/css/img/mail-blue-ic.png) no-repeat left center;
}
.phone-wrapper .phone {
width: 33%;
background: url(/templates/okna/css/img/phone-blue-ic.png) no-repeat left center;
max-width: 200px;
}
.hidden-form-block {
position: relative;
width: 320px;
height: auto;
padding-top: 45px;
margin: 30px auto 0;
background-color: #fff;
}
.hidden-form-block .ruler-box {
float: none;
margin: 0;
}
.about-company {
padding: 0;
background-color: #fff;
}
.about-company h6, .about-company .h6 {
margin: 0 0 18px;
font-size: 18px;
color: #036;
text-transform: uppercase;
font-weight: 800;
background: #BBD9F1;
}
.price-page-block {
background-color: #eeeff1;
margin-bottom: 30px;
padding: 15px;
}
.price-page-block:after {
content: '';
display: block;
clear: both;
}
.price-page-img {
float: left;
width: 150px;
border: 1px solid #fff;
margin-right: 15px;
}
.price-page-top-content {
margin-left: 10px;
}
.price-page-top-content p {
line-height: 1;
margin: 0 0 3px;
color: #212121;
font-size: 14px;
font-family: 'PTSans', sans-serif;
font-weight: 800;
}
.price-item {
margin-bottom: 80px;
}
.price-item:last-child {
margin-bottom: 0;
}
.price-item-title {
margin-bottom: 10px;
font-size: 18px;
color: #727272;
font-weight: 800;
}
.price-item-wrapper {
margin: 0 0 60px;
}
.price-item-wrapper:after {
content: '';
display: block;
clear: both;
}
.price-item-image {
float: left;
width: 218px;
}
.price-item-prices {
float: left;
margin-left: 45px;
}
.price-item-oldprice {
margin-bottom: 25px;
font-size: 16px;
font-weight: 400;
color: #727272;
}
.price-item-newprice {
font-size: 30px;
color: #84c138;
font-weight: 800;
margin-bottom: 30px;
}
.price-item-newprice span {
display: block;
font-size: 16px;
margin-bottom: 10px;
}
a.btn-order {
font-size: 24px;
font-weight: 800;
color: #fff;
text-transform: uppercase;
text-decoration: none!important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 15px 50px;
background-color: #83c337;
}
a.btn-order:hover {
color: #fff;
}
.price-item-description:after {
content: '';
display: block;
clear: both;
}
.price-item-description-item {
float: left;
width: 145px;
margin-right: 25px;
margin-bottom: 25px;
}
.price-item-description-item:nth-child(3) {
width: 170px;
}
.price-item-description-item span {
display: block;
font-weight: 800;
margin-bottom: 10px;
}
.price-item-description-item p {
margin: 0;
}
.price-page-bottom-content {
padding: 20px;
}
.price-page-bottom-content h3, .price-page-bottom-content .h3 {
font-size: 16px;
line-height: 24px;
color: #0171bb;
}
.price-page-bottom-content ul {
margin: 0;
margin-top: 15px;
color: #212121;
list-style: none;
}
.price-page-bottom-content ul li {
display: block;
position: relative;
padding-left: 35px;
text-align: justify;
}
.price-page-bottom-content ul li:before {
background-color: transparent;
width: 16px;
height: 15px;
background-image: url(/templates/okna/css/img/price-marker.png);
top: 3px;
left: 5px;
}
.main-phone.hidden-xs {
color: #fff;
}
.main-phone.hidden-xs a {
color: #fff;
}
.inner-content .feedback-client-wrapper {
margin: 0 0 28px;
}
.inner-content .client-problem {
text-align: left;
}
.header-error {
color: red;
}
.header-error ul {
list-style: none;
margin-bottom: 10px;
}
.inner-content table td {
vertical-align: top;
}
.inner-content table tr:first-child td {
font-weight: 400;
}
.series-price tr td:first-child {
padding: 17px 15px;
}
.typewindow-wrapper {
height: 100px;
}
.typewindow-wrapper:after {
content: '';
display: block;
clear: both;
}
.typewindow-item {
box-sizing: border-box;
float: left;
margin-right: 6px;
cursor: pointer;
}
.typewindow-item:last-child {
margin-right: 0;
}
.typewindow-item:hover {
opacity: .4;
}
.typewindow-item .active {
border: 2px solid #7fc337;
}
.window-image-wrapper {
position: relative;
}
.window-image-wrapper:after {
content: '';
display: block;
clear: both;
}
.calc-att {
content: '';
display: block;
width: 265px;
height: 176px;
position: absolute;
top: -45px;
left: 15%;
background-image: url(/templates/okna/data/calc/click-att.png);
}
.window-image {
width: 330px;
text-align: center;
position: relative;
float: left;
}
.window-sizefield {
float: left;
margin-left: 30px;
}
.window-sizefield input {
width: 80px;
}
.window-sizefield div {
margin-bottom: 20px;
display: none;
}
.width-fields-wrapper {
position: relative;
padding-top: 30px;
margin-bottom: 20px;
}
.width-fields-wrapper:after {
content: '';
display: block;
clear: both;
}
.width-fields-wrapper div {
float: left;
margin-left: 10px;
display: none;
}
.width-fields-wrapper div:first-child, .width-fields-wrapper div.first-field {
margin-left: 0;
}
.door-field {
margin-right: 10px;
}
.width-fields-wrapper input {
width: 100px;
}
.window-base:after, .window-fram:after {
content: '';
display: block;
clear: both;
}
.calc-img {
opacity: .7;
cursor: pointer;
display: block;
float: left;
vertical-align: top;
}
.calc-img:hover {
opacity: 1;
}
.calc-form {
margin-top: 45px;
}
.calc-params input[type="text"], .calc-params select {
margin-bottom: 10px;
font-size: 14px;
}
.calc-params label {
display: block;
font-size: 14px;
}
.tmp_result span {
display: inline;
}
.tmp_result p {
margin-top: 3px;
margin-bottom: 3px;
}
.radiobutton-wrapper, .delivery-wrapper {
padding-top: 30px;
}
.selection-wrapper:after, .radiobutton-wrapper:after, .delivery-wrapper:after {
content: '';
display: block;
clear: both;
}
.selection-wrapper div, .radiobutton-wrapper div, .delivery-wrapper div {
float: left;
}
.selection-wrapper div {
width: 50%}
.selection-wrapper select#house_type {
width: 230px;
}
.radiobutton-wrapper div {
margin-left: 50px;
}
.radiobutton-wrapper div:first-child {
margin-left: 0;
}
.radiobutton-wrapper label, .delivery-wrapper label {
font-size: 16px;
}
.delivery-wrapper .delivery-select {
margin-left: 20px;
padding-top: 25px;
}
.calc-form input[type="checkbox"] {
display: none;
}
.calc-form input.privacy-green {
display: inline-block;
vertical-align: middle;
margin: 0 4px 0 0;
font-size: 12px;
}
.calc-form input.privacy-green + a {
vertical-align: middle;
font-size: 12px;
}
.checkbox-custom {
display: inline-block;
position: relative;
width: 30px;
height: 30px;
border: 1px solid #ccc;
border-radius: 3px;
}
.calc-form input[type="checkbox"]:checked + .checkbox-custom::before {
content: "";
display: block;
position: absolute;
top: 2px;
right: 2px;
bottom: 2px;
left: 2px;
background-image: url(/templates/okna/css/img/check-ic.png);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
border-radius: 2px;
}
.calc-form label {
margin-bottom: 10px;
}
.calc-form .label {
margin-bottom: 10px;
font-size: 14px;
color: #212121;
text-align: left;
margin-left: 0;
}
.radiobutton-wrapper .label, .delivery-radio .label {
display: block;
padding: 0;
padding-top: 5px;
}
.calc-step-header {
font-size: 16px;
font-weight: 700;
color: #0171bb;
text-transform: uppercase;
margin-bottom: 25px;
}
.calc-step-description {
font-size: 16px;
color: #727272;
}
.calc-step-description .attention {
color: #0171bb;
line-height: 1.2;
}
.calc-step-description .attention span {
display: block;
padding-top: 20px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 0;
padding-bottom: 0;
}
.calc-params {
bottom: 30px;
}
.calc-result {
background-color: #edf0f0;
text-align: center;
padding: 40px 50px;
margin: 40px 0;
}
.calc-result .final-sum {
font-size: 18px;
color: #212121;
text-transform: uppercase;
margin-bottom: 15px;
}
.calc-result .final-sum span {
font-size: 20px;
font-weight: 400;
text-decoration: line-through;
}
.calc-result .paid-sum {
font-size: 24px;
font-weight: 700;
color: #0171bb;
text-transform: uppercase;
margin-bottom: 15px;
}
.calc-result .paid-sum span {
font-size: 28px;
}
.calc-result-description {
margin-bottom: 40px;
}
.calc-result .btn {
text-transform: uppercase;
}
.calc-result .calc-main-form {
display: none;
text-align: left;
}
.btn-to-top {
text-indent: -9999px;
width: 50px;
height: 50px;
display: inline-block;
position: fixed;
z-index: 101;
right: 140px;
bottom: 20px;
background: url(/templates/okna/css/img/i-to-top.png) no-repeat center;
transition: background 0.5s, opacity .5s;
opacity: .7;
display: none;
}
.btn-to-top:hover {
opacity: 1;
}
.float-sidebar {
display: none;
margin: 0 0 15px;
padding: 15px 22px 15px 47px;
color: #fff;
text-transform: uppercase;
background-color: #0071BB;
background-image: url(/templates/okna/css/img/category-ic.png);
background-repeat: no-repeat;
background-position: 15px center;
outline: none;
border: #ffdead;
}
.burger-menu {
display: none;
}
.price-item-oldprice {
text-decoration: line-through;
}
.banner {
display: inline-block;
max-width: 230px;
margin: 0 1px 20px;
text-align: center;
}
.banner strong {
display: block;
margin: 10px 0 0;
}
.ceny {
display: table;
width: 100%;
text-align: center;
margin: 0 0 20px;
border: 1px solid #DEE1E3;
}
.ceny-img {
display: table-cell;
width: 35%;
vertical-align: middle;
padding: 10px;
border-right: 1px solid #DEE1E3;
}
.ceny-img img {
display: block;
margin: 0 auto;
width: auto!important;
height: auto!important;
}
.ceny_descr {
display: table-cell;
vertical-align: middle;
}
.inner-menu-wrapper {
position: relative;
top: -2px;
}
.address-veka-img {
float: left;
margin: 0 10px 0 0;
}
.address-veka-list {
float: left;
max-width: 298px;
}
.address-veka-img img {
max-width: 200px;
}
.address-veka-list h5, .address-veka-list .h5 {
font-weight: 800;
font-size: 16px;
}
.address-veka-list ul {
list-style: none;
}
.center-content .address-veka-list li {
position: relative;
padding: 0 0 0 10px;
margin: 0;
}
.center-content .address-veka-list li::before {
width: 0;
}
.phone-wrapper-item {
display: inline-block;
width: 33%;
font-size: 11px;
color: #fff;
}
.phone-wrapper .phone {
background: url(/templates/okna/css/img/phone-blue-ic.png) no-repeat left center;
max-width: 200px;
width: auto;
}
.phone {
padding: 0 0 0 30px;
}
#clock {
max-width: 410px;
margin: 40px auto 0;
}
#clock div {
display: inline-block;
margin: 0 10px 0 0;
padding: 10px;
background: #ECCD1D;
border-radius: 5px;
border: 1px solid #C2C21C;
text-align: center;
}
#clock strong {
display: block;
font-size: 60px;
line-height: 60px;
font-weight: 800;
color: #000;
}
#clock span {
display: block;
font-size: 14px;
font-weight: 800;
text-transform: uppercase;
color: #000;
}
.range-work + .green-box .btn-yellow {
display: block;
margin: 0 auto;
}
.facade + footer {
display: none;
}
.price-page-block img {
min-width: 0;
}
@media screen and (max-width: 768px) {
.windows .our-address {
display: none;
}
.windows + footer {
padding: 42px 0 20px;
margin: -22px 0 0;
background: #003762;
}
}.menu-sidebar {
background: #1980a1;
}
.menu-sidebar, .menu-sidebar ul {
list-style: none;
}
.menu-sidebar > li {
border-top: 1px solid #007696;
border-bottom: 1px solid #008EAE;
}
.menu-sidebar > li > a {
position: relative;
display: block;
padding: 20px 10px 20px 30px;
font-size: 16px;
color: #fff;
font-weight: 400;
}
.menu-sidebar > li > a:hover, .menu-sidebar > li > a:focus, .menu-sidebar > li > a.active {
color: #bad389;
opacity: 1;
}
.menu-sidebar > li > a.active {
font-weight: 600;
}
.menu-sidebar > li.dropdown > a::before {
content: '';
position: absolute;
left: 13px;
top: 26px;
width: 6px;
height: 9px;
background: url(/templates/okna/css/img/angle-right.png);
}
.menu-sidebar > li.dropdown > a.active::before {
--webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.dropdown-1, .dropdown-2 {
display: none;
}
.dropdown-1 {
background: #177694;
}
.dropdown-1 > li.dropdown > a::before {
content: '';
position: absolute;
left: 30px;
top: 18px;
width: 2px;
height: 3px;
background: url(/templates/okna/css/img/caret-ic.png);
}
.dropdown-1 > li > a {
position: relative;
display: block;
padding: 10px 0 10px 40px;
font-size: 15px;
color: #bbdfea;
}
.dropdown-1 > li {
padding: 0 5px 0 0;
}
.dropdown-1 > li > a:hover, .dropdown-1 > li > a:focus, .dropdown-1 > li > a.active {
color: #bad389;
text-decoration: underline;
opacity: 1;
}
.dropdown-1 > li.dropdown > a.active::before {
--webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.dropdown-2 {
background: #1776A7;
}
.dropdown-2 > li > a {
display: block;
padding: 10px 0 10px 50px;
font-size: 12px;
color: #fff;
}
@media screen and (max-width: 768px) {
.center-content .calc-wrap {
width: auto;
}
.center-content img {
min-width: 0;
}
.container-info .left-sidebar {
display: none;
}
}@media screen and (max-width: 1370px) {
.guarantee-box {
margin: 0 0 0 400px;
width: 377px;
height: 120px;
}
.guarantee-box span {
top: 34%;
font-size: 15px;
}
.get-gift {
width: 230px;
height: 130px;
}
.get-gift a {
font-size: 14px;
}
.services-box {
display: block;
margin: 14px auto 15px;
}
.services-box h3, .services-box .h3 {
padding: 10px 53px;
font-size: 26px;
}
.services-box span {
display: block;
max-width: 260px;
margin: -9px auto 0;
padding: 10px 20px;
font-size: 24px;
}
.balcony .guarantee-box, .facade .guarantee-box {
margin: 0 0 0 511px;
}
.services-box h3::before, .services-box .h3::before {
bottom: -31px;
right: 22.5%}
}@media screen and (max-width: 1199px) {
.facade .main-menu {
margin: -7px 0 0;
}
.balcony .main-menu {
margin: -7px 0 0;
}
.windows .main-menu {
margin: -7px 0 0;
}
.main-menu a {
padding: 14px 0 20px;
font-size: 15px;
}
.main-menu li:nth-child(3) a {
padding: 0 13px 0 0;
}
.facade {
background: url(/templates/okna/data/foto-4-1.jpg) no-repeat center top;
}
.veka-list {
width: 458px;
}
.factory-champion {
max-width: 150px;
margin: 0;
}
.champion-tel {
font-size: 17px;
line-height: normal;
}
.calling-back {
margin: 4px 0 21px;
font-size: 18px;
}
.inner-menu a {
margin: 0 30px;
}
.inner header {
margin: 0 0 -5px;
}
.center-content {
width: auto;
max-width: 538px;
padding: 0 25px;
}
.gift-item h6, .gift-item .h6 {
font-size: 15px;
height: 60px;
}
.many-clients-item {
max-width: 100px;
vertical-align: top;
}
.many-clients-item span {
font-size: 12px;
}
}@media screen and (max-width: 991px) {
h2 {
font-size: 36px;
}
.right-buttons {
top: 233px;
}
.factory-champion {
position: absolute;
right: 0;
top: 0;
}
.factory-champion::after {
width: 0;
}
header .container::before {
height: 96px;
}
.logo {
float: none;
display: block;
}
.top-header-menu {
float: none;
width: 460px;
margin: 0 auto;
}
.menu-services {
padding: 5px 0 0;
}
.main-menu a.active {
color: #06C;
}
.main-menu li {
width: auto;
}
.main-menu a, .main-menu li:nth-child(3) a {
padding: 14px 0 20px;
margin: 0 10px;
font-size: 14px;
}
.windows .main-menu {
}
header::after {
width: 0;
}
.windows.content {
}
.maps-wrapper-item {
width: 100%;
float: none;
margin: 24px 0 0;
text-align: center;
}
.maps-wrapper .maps-wrapper-item:nth-child(2)::before, .maps-wrapper .maps-wrapper-item:nth-child(3)::before {
width: 0;
}
.our-certificates .slick-next {
right: 0;
}
.our-certificates .slick-prev {
left: 0;
}
.guarantee-box {
margin: 0 0 0 370px;
}
.btn-green {
display: block;
margin: 0 auto 10px;
border-radius: 32px;
}
.green-box-form input {
display: block;
margin: 0 auto 10px;
}
.green-box-form input:last-of-type {
margin: 0 auto 10px;
}
.send-request + .green-box input, .our-certificates + .green-box input, .our-advantages + .green-box input {
margin: 0 auto 10px;
}
.send-request + .green-box input:last-of-type, .our-certificates + .green-box input:last-of-type, .our-advantages + .green-box input:last-of-type {
margin: 0 auto 10px;
}
.send-request + .green-box, .our-certificates + .green-box, .our-advantages + .green-box {
background: url(/templates/okna/css/img/ruler.png) no-repeat center 20px #91e132;
}
.many-clients + .green-box input {
margin: 0 auto 10px;
}
.many-clients + .green-box input:last-of-type {
margin: 0 auto 10px;
}
.many-clients + .green-box .btn-yellow {
margin: 0 auto 10px;
}
.order-parameters .green-box input {
margin: 0 auto 10px;
}
.order-parameters .green-box input:last-of-type {
margin: 0 auto 10px;
}
.order-parameters .green-box .btn-green {
margin: 10px auto;
padding: 19px 29px;
}
.btn-yellow {
display: block;
margin: 0 auto;
}
.send-request + .green-box .btn-yellow, .our-certificates + .green-box .btn-yellow, .our-advantages + .green-box .btn-yellow {
display: block;
margin: 0 auto;
}
.order-parameters .green-box .btn-yellow {
margin: 0 auto 10px;
}
.green-box-form {
background: transparent;
}
.advantages {
background: transparent;
}
.usual-list {
float: none;
padding: 20px;
margin: 0 auto 30px;
background: #D3D4CE;
}
.veka-list {
float: none;
padding: 20px;
margin: 0 auto 30px;
background: #D4E9FE;
}
.order-parameters {
background-size: cover;
}
.balcony .main-menu {
}
.balcony .guarantee-box, .facade .guarantee-box {
margin: 0 auto;
}
.balcony .ruler-box, .facade .ruler-box {
margin: 0 auto;
float: none;
max-width: 314px;
}
.balcony .main-menu .active {
color: #3f987c;
}
.range-work-inside {
display: block;
width: 476px;
margin: 0 auto 30px;
}
.range-work-outside {
display: block;
width: 476px;
margin: 0 auto 30px;
}
.works-slider {
max-width: 750px;
}
.works-slider .slick-prev {
left: 0;
}
.works-slider .slick-next {
right: 0;
}
.balcony .guarantee-box, .facade .guarantee-box {
width: 283px;
height: 80px;
}
.balcony .guarantee-box span, .facade .guarantee-box span {
font-size: 12px;
line-height: 13px;
}
.range-work {
padding: 30px 0;
}
.facade .main-menu {
background: #fff;
}
.facade {
background: url(/templates/okna/data/foto-4-1.jpg) no-repeat center 47px;
}
.float-sidebar {
display: block;
}
.left-sidebar {
position: absolute;
width: 201px;
z-index: 10;
background: #fff;
top: 51px;
-webkit-transition: -webkit-transform .3s ease-out;
-o-transition: -o-transform .3s ease-out;
transition: transform .3s ease-out;
-webkit-transform: translate(-400px, 0%);
-ms-transform: translate(-400px, 0%);
-o-transform: translate(-400px, 0%);
transform: translate(-400px, 0%);
}
.left-sidebar.active {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.center-content {
padding: 0 25px 0 0;
max-width: 518px;
}
.inner-menu a {
margin: 0 12px;
}
.inner .container {
position: relative;
}
.inner header {
margin: 0 0 10px;
}
.phone-wrapper .phone, .phone-wrapper a:nth-child(2) {
width: auto;
margin: 0 auto 15px;
display: block;
}
.best-offer-package {
width: 111px;
height: 126px;
background-size: cover;
}
.best-offer-price {
padding: 0;
top: 0;
width: 50px;
height: 50px;
}
.best-offer-price strong {
font-size: 10px;
line-height: 10px;
}
.best-offer-price span {
font-size: 10px;
}
.best-offer-name {
bottom: 20px;
font-size: 10.2px;
}
.best-offer-list {
right: 0;
}
.best-offer-list li {
margin: 0;
font-size: 10px;
}
.best-offer-item {
display: inline-block;
vertical-align: top;
max-width: 150px;
margin: 0 25px 30px;
}
.best-offer-wrapper .best-offer-item:first-child .best-offer-package {
background: url(/templates/okna/css/img/best-offer-1.png);
background-size: contain;
}
.best-offer-wrapper .best-offer-item:last-child .best-offer-package {
background: url(/templates/okna/css/img/best-offer-3.png);
background-size: cover;
}
.best-offer-list li::before {
top: 6px;
}
}@media screen and (max-width: 767px) {
.guarantee-box {
max-width: 375px;
margin: 0 auto;
}
.get-gift {
margin: 0 auto;
}
.ruler-box {
float: none;
max-width: 314px;
margin: 0 auto;
}
h1 {
font-size: 36px;
}
.red-box {
font-size: 36px;
}
.send-request h2, .send-request .h2 {
font-size: 30px;
}
.spring-action {
padding: 30px 0 163px;
}
.green-box {
padding: 30px 0;
}
.send-request {
padding: 30px 0;
text-align: center;
}
.gift-item {
max-width: 45%;
margin: 0 auto 30px;
}
.send-request .col-sm-3 {
display: inline-block;
vertical-align: top;
}
.send-request + .green-box, .our-certificates + .green-box, .our-advantages + .green-box {
background: url(/templates/okna/css/img/ruler.png) no-repeat center -9px #91e132;
}
.many-clients h2, .many-clients .h2 {
margin: 0 0 20px;
font-size: 30px;
}
.many-clients {
padding: 30px 0 70px;
}
h2 {
font-size: 30px;
}
.advantages h2 {
margin: 0 0 30px;
}
.order-parameters {
padding: 30px 0;
background-size: cover;
}
.order-parameters h2, .order-parameters .h2 {
font-size: 36px;
}
.order-parameters h4, .order-parameters .h4 {
margin: 30px 0;
}
.windows-credit-wrapper {
margin: 0 auto;
float: none;
}
.tabs-list .active a {
font-size: 22px;
}
.tabs-list li a {
padding: 11px 29px;
}
h2 > span {
padding: 0;
}
.windows-credit h2, .our-address h2 {
font-size: 36px;
}
.right-buttons {
width: 60px;
}
.right-buttons a:first-child {
background-position: 55% 15%;
background-size: 37%}
.right-buttons a {
height: 60px;
font-size: 8px;
}
.right-buttons a:nth-child(2) {
background-position: 64% 15%;
background-size: 46%}
.right-buttons a:last-child {
background-size: 30%}
.burger-menu {
display: block;
float: right;
margin: 5px auto;
background: transparent;
width: 50px;
padding: 7px;
border: 1px solid #ccc;
border-radius: 3px;
}
.inner-menu {
display: none;
}
.inner-menu li {
display: block;
}
.inner-menu a {
margin: 0;
}
.center-content {
float: none;
margin: 0 auto;
padding: 0;
max-width: 100%}
p > img {
display: block;
margin: 0 auto;
}
.center-content .inner-page-title {
text-align: center;
}
.right-sidebar {
float: none;
width: 201px;
margin: 0 auto;
}
.inner .order-parameters {
margin: 10px 0 0;
}
.veka-list {
margin: 0 auto;
}
.veka-list h4, .veka-list h3 {
margin: 0 0 17px;
}
.feedback h2, .feedback .h2 {
margin: 0 0 17px;
}
.feedback {
padding: 30px 0 0;
}
.windows-credit {
padding: 20px 0;
}
.windows-credit-item h6, .windows-credit-item .h6 {
margin: 0 0 15px;
}
.tabs {
padding: 20px 15px 0;
}
.windows-credit-item li {
margin: 0 0 10px;
}
.our-address {
padding: 20px 0 0;
}
.our-address h2 {
margin: 0 0 10px;
}
.windows-credit h2 {
margin: 0 0 14px;
}
.windows-credit h2, .our-address h2 {
font-size: 28px;
}
header {
padding: 58px 0 0;
}
.top-btn li {
display: inline-block;
}
.burger-menu {
display: block;
float: right;
margin: 14px 6px 0 20px;
background: transparent;
width: 26px;
padding: 0;
border: none;
border-radius: 3px;
}
.burger-menu:focus {
outline: none;
}
.burger-menu span {
position: static;
width: 100%;
display: block;
height: 4px;
margin-bottom: 2px;
background: #fff;
border-radius: 4px;
}
.burger-menu > span:last-child {
margin-bottom: 0;
}
.ruler-box {
float: none;
max-width: 286px;
margin: 0 auto;
background: transparent;
}
.guarantee > .container {
background-size: cover;
}
.windows.content {
background: transparent;
}
.ruler-box form {
max-width: 286px;
text-align: center;
}
.ruler-box h5, .ruler-box .h5 {
font-size: 15px;
}
.ruler-box button {
font-size: 14px;
}
.ruler-box input {
padding: 8px 10px;
margin: 0 0 10px;
}
.mobile-menu {
position: absolute;
padding: 0 25px 300px;
right: 0;
top: 64px;
background: rgba(0, 114, 191, 0.9);
list-style: none;
-webkit-transition: -webkit-transform .3s ease-out;
-o-transition: -o-transform .3s ease-out;
transition: transform .3s ease-out;
-webkit-transform: translate(400px, 0%);
-ms-transform: translate(400px, 0%);
-o-transform: translate(400px, 0%);
transform: translate(400px, 0%);
border-radius: 0 0 6px 6px;
}
.mobile-menu.active {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.mobile-menu a {
color: #fff;
font-size: 18px;
line-height: 26px;
}
.top-header-menu {
display: none;
}
.main-menu {
display: none;
}
.guarantee-box {
display: none;
}
.get-gift {
display: none;
}
.logo {
display: none;
}
header .container::before {
width: 0;
}
.factory-champion {
display: none;
}
.windows.content {
background-size: contain;
}
.right-buttons {
display: none;
}
.call-wrapper {
padding: 5px 0 9px 15px;
background: #2988c6;
}
.call-wrapper a {
color: #fff;
}
.call-mobile {
float: left;
display: block;
max-width: 126px;
}
.call-mobile strong {
display: block;
font-size: 25px;
}
.call-mobile span {
display: block;
font-size: 15px;
text-transform: uppercase;
}
.call-me {
float: right;
display: block;
margin: 7px 18px 0 0;
padding: 10px 20px;
text-transform: uppercase;
font-size: 13px;
background: #82c337;
border-radius: 6px;
}
h1, .h1 {
font-size: 20px;
}
.red-box {
font-size: 14px;
}
.spring-action p {
margin: 4px 0 10px;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
}
h3, .h3 {
font-size: 14px;
}
#CDT {
font-size: 28px;
bottom: 30px;
}
#CDT .number {
height: 52px;
line-height: 40px;
}
.caption {
font-size: 12px;
}
.green-box {
display: none;
}
.spring-action {
padding: 30px 0 20px;
}
.send-request {
display: none;
}
.many-clients {
display: none;
}
.best-offer {
display: none;
}
.advantages {
display: none;
}
.order-parameters {
display: none;
}
.feedback {
display: none;
}
.our-certificates {
display: none;
}
.tabs-list .active a {
font-size: 13px;
}
.tabs-list li a {
font-size: 10px;
padding: 11px 12px;
}
.windows-credit-wrapper {
margin: 0 auto;
float: none;
max-width: 310px;
}
.tabs-wrapper {
background: rgba(255, 255, 255, 0.9);
}
.tabs {
background: transparent;
padding: 20px 5px 0;
}
.windows-credit-item h6, .windows-credit-item .h6 {
margin: 0 0 15px;
font-size: 12px;
}
.tabs-list .active a::after {
bottom: -11px;
border: 14px solid transparent;
border-bottom: 14px solid rgba(255, 255, 255, 0.9);
}
.windows-credit h2 {
font-size: 20px;
margin: 0;
}
.our-address h2 {
font-size: 20px;
}
.windows-credit h2 > span::after, .windows-credit h2 > span::before {
background: #88939b;
width: 38px;
}
h2 > span {
padding: 0 50px;
}
.windows-credit-item p {
padding: 0 0 4px;
font-size: 10px;
}
.windows-credit-item li {
margin: 0 0 6px;
font-size: 10px;
}
.credit-price {
padding: 0 0 0 9px;
}
.call-manager {
font-size: 14px;
}
.windows-credit {
background-position-x: 34%;
background-size: cover;
padding: 11px 0 20px;
background: #47B2DC;
}
}.inner-menu-wrapper {
display: none;
}
.float-sidebar {
display: none;
}
.center-content p {
padding-left: 10px;
padding-right: 10px;
}
.sidebar-calc {
display: none;
}
.sidebar-shares {
display: none;
}
.sidebar-content {
display: none;
}
.our-address h2 > span::after, .our-address h2 > span::before {
background: #333;
width: 38px;
}
.maps-wrapper {
padding: 0 15px;
}
.maps-wrapper-item {
padding: 0 30px;
background: #F0EDE5;
}
.map-name {
position: static;
width: 280px;
padding: 10px 0 16px 41px;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
text-align: left;
font-size: 16px;
color: #336;
font-weight: 800;
background: url(/templates/okna/css/img/marker.png) no-repeat 4% 51%, #F0EDE5;
z-index: 10;
border-radius: 4px;
}
#googleMap, #googleMap2, #googleMap3 {
margin: 20px 0 0;
height: 260px;
border-radius: 10px;
}
.maps-wrapper .maps-wrapper-item {
margin: 24px 0;
}
.maps-wrapper-item {
height: 150px;
overflow-y: hidden;
border-radius: 8px;
}
.maps-wrapper-item.active {
height: auto;
}
.all-jobs {
background: url(/templates/okna/css/img/jobs-bg.jpg) no-repeat center;
background-size: contain;
background-color: #f2f8fc;
padding: 15px 15px 30px;
}
.all-jobs h2 {
text-align: center;
font-size: 29px;
color: #fff;
text-transform: uppercase;
background: #82c337;
}
.all-jobs-wrapper {
text-align: center;
}
.all-jobs-item {
position: relative;
margin: 20px 0 0;
display: inline-block;
vertical-align: middle;
}
.all-jobs-item h5, .all-jobs-item .h5 {
position: absolute;
left: 0;
bottom: 0;
}
.all-jobs-item h5 > span, .all-jobs-item .h5 > span {
display: inline-block;
padding: 4px 0 0;
margin: 0 5px 0 0;
width: 40px;
height: 40px;
font-size: 22px;
text-align: center;
color: #82c337;
vertical-align: middle;
border: 1px solid;
border-radius: 50%;
background: #fff;
}
.all-jobs-item h5 > strong, .all-jobs-item .h5 > strong {
max-width: 106px;
text-align: left;
display: inline-block;
vertical-align: middle;
font-size: 11px;
color: #000;
}
.all-jobs-wrapper .all-jobs-item:first-child {
width: 151px;
height: 113px;
background: url(/templates/okna/css/img/jobs-item-1.png) no-repeat center top;
}
.all-jobs-wrapper .all-jobs-item:nth-child(2) {
width: 153px;
height: 113px;
background: url(/templates/okna/css/img/jobs-item-2.png) no-repeat center top;
}
.all-jobs-wrapper .all-jobs-item:last-child {
width: 162px;
height: 118px;
background: url(/templates/okna/css/img/jobs-item-3.png) no-repeat center top;
}
.maps-wrapper-item .phone, .maps-wrapper-item .mail {
max-width: 218px;
padding: 0 0 0 10px;
margin: 5px auto 0;
}
.map-name {
position: static;
width: 280px;
padding: 10px 0 3px 41px;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
text-align: left;
font-size: 16px;
color: #336;
font-weight: 800;
background: url(/templates/okna/css/img/marker.png) no-repeat 4% 51%, #F0EDE5;
z-index: 10;
border-radius: 4px;
}
.placing {
font-size: 16px;
color: #93ac19;
display: block;
width: 180px;
margin: 0 auto;
border-bottom: 2px dashed;
font-weight: 800;
}
.placing:active, .placing:focus {
color: #93ac19;
}
footer, .inner footer {
padding: 0 0 11px;
}
footer .mail, .inner footer .mail {
color: #fff;
background: url(/templates/okna/css/img/mail-white.png) no-repeat left center;
}
footer .phone {
text-align: left;
}
footer .phone, .inner footer .phone {
max-width: 200px;
margin: 0 auto;
color: #fff;
background: url(/templates/okna/css/img/phone-white.png) no-repeat left center;
}
.inner footer {
padding: 12px 0 11px;
background: #003762;
}
.typewindow-wrapper {
height: auto;
max-width: 300px;
margin: 0 auto;
text-align: center;
}
.typewindow-item {
float: none;
display: inline-block;
vertical-align: middle;
}
.window-sizefield {
float: none;
margin-left: 0;
display: block;
}
.calc-img {
max-width: 100px;
}
.width-fields-wrapper {
display: inline-block;
position: relative;
bottom: 0;
padding-top: 0;
margin-bottom: 0;
margin-left: 19px;
}
.window-sizefield div {
margin-bottom: 20px;
margin-left: 20px;
}
.radiobutton-wrapper {
max-width: 300px;
margin: 0 auto;
text-align: center;
}
.radiobutton-wrapper .label {
margin-bottom: 10px;
font-size: 10px;
color: #212121;
text-align: left;
margin-left: 0;
}
.radiobutton-wrapper div {
margin-left: 20px;
}
.series-price img, table img {
width: auto!important;
height: auto!important;
}
.window-image {
max-width: 300px;
margin: 0 auto;
}
.banner {
display: block;
margin: 0 auto 20px;
}
.price-item-title {
text-align: center;
}
.price-item-image {
float: none;
width: 218px;
margin: 0 auto;
}
.price-item-oldprice {
margin-bottom: 5px;
}
.price-item-description {
text-align: center;
}
.price-item-wrapper {
margin: 0 0 20px;
}
.price-item-prices {
float: none;
margin: 0 auto;
text-align: center;
}
.price-item-description-item {
float: none;
display: inline-block;
width: 120px;
font-size: 12px;
margin-bottom: 15px;
}
.price-item-description-item p {
font-size: 12px;
padding: 0;
}
.price-item-prices a.btn-order {
font-size: 16px;
padding: 10px 42px;
max-width: 156px;
display: block;
margin: 0 auto;
}
.price-page-block {
margin-bottom: 15px;
}
.price-page-bottom-content li {
margin: 0 0 8px;
}
.ceny-img {
display: block;
width: auto;
}
.ceny_descr {
display: block;
}
.window-image {
width: auto;
}
.burger-menu span {
position: relative;
transition: all 700ms ease-in-out;
}
.burger-menu.active span:nth-of-type(1) {
top: 6px;
transform: rotate(45deg);
}
.burger-menu.active span:nth-of-type(2) {
background-color: transparent;
}
.burger-menu.active span:nth-of-type(3) {
top: -6px;
transform: rotate(-45deg);
}
a.get-gift {
display: none;
}
.hidden-form-block {
background: url(/templates/okna/css/img/ruler.png) no-repeat center 10px;
background-color: #fff;
background-size: 70%;
padding-top: 20px;
}
.address-veka-img {
max-width: 200px;
float: none;
margin: 0 auto 20px;
text-align: center;
}
.address-veka-img img {
max-width: 100%}
.address-veka-list {
float: none;
max-width: 298px;
margin: 0 auto;
}
table td {
text-align: center;
padding: 10px 5px;
font-size: 12px;
}
.inner-content table td {
vertical-align: middle;
}
table tr td:first-child {
padding: 14px 0 14px 7px;
text-align: left;
}
.window-sizefield div {
max-width: 50px;
}
footer .phone {
padding: 0 0 0 30px;
text-align: center;
max-width: 190px;
}
footer {
padding: 9px 0 11px;
}
.window-fram img {
max-width: 300px;
}
footer p {
color: #fff;
}
#clock {
max-width: 290px;
margin: 13px auto 0;
}
#clock div:last-child {
margin-right: 0;
}
#clock strong {
font-size: 30px;
line-height: 30px;
}
#clock span {
font-size: 10px;
line-height: 12px;
line-height: normal;
}
@media screen and (max-width: 550px) {
.top-btn-wrapper {
padding: 5px 0 0;
box-sizing: border-box;
}
.windows.content {
background: transparent;
}
.factory-champion .calling-back {
display: none;
}
.factory-champion {
position: relative;
padding: 3px 0 0;
}
.champion-tel {
position: absolute;
top: 29px;
left: 32px;
font-size: 14px;
background-size: 20%;
background-position: 9% center;
}
}@media screen and (max-width: 340px) {
.all-jobs-wrapper .all-jobs-item: first-child {
margin-left: -15px;
margin-right: 0;
}
.all-jobs-wrapper .all-jobs-item:nth-child(2) {
margin-left: 0;
margin-right: -15px;
}
}.texty h2 {
font-size: 18px;
font-weight: 700;
margin-bottom: 15px;
line-height: 1.2;
}
@media screen and (max-width: 767px) {
.texty h2 {
padding-left: 10px;
padding-right: 10px;
}
.spring-action .h1 {
font-size: 30px;
}
}.top_form {
margin-bottom: 30px;
}
.top_form .green-box {
padding: 0;
background: none;
}
.top_form .green-box .container {
padding: 0;
max-width: 970px;
}
.series-price .info {
margin-top: 10px;
}
.series-price .info p {
margin-bottom: 2px;
font-size: 14px;
line-height: 16px;
}
p.price-p {
font-size: 20px!important;
color: #84c138;
font-weight: 800;
}
.add .item {
display: inline-block;
width: 30%;
margin: 1%;
text-align: center;
}
@media screen and (max-width: 767px) {
header {
padding: 0;
}
header .container::before {
height: 60px;
}
.search-box {
display: none;
}
.top-menu__wrapper {
display: none;
}
.calling-back::before {
display: none;
}
.range-work {
display: none;
}
.services-box h3, .services-box .h3 {
padding: 10px 15px;
font-size: 26px;
}
h2 > span {
padding: 0;
font-size: 32px;
}
.our-works h2 > span::after, .our-works h2 > span::before {
display: none;
}
.our-works {
padding: 30px 0 80px;
}
.works-slider-item p {
text-align: left;
}
.windows-credit h2 > span::after, .windows-credit h2 > span::before {
display: none;
}
.our-address {
display: none;
}
.balcony + footer, .facade + footer {
padding: 22px 0 20px;
margin: -22px 0 0;
background: #003762;
}
.our-advantages .container {
padding-left: 15px;
padding-right: 15px;
}
.facade + footer {
display: block;
}
.facade {
background: none;
}
}.slinky-menu {
overflow: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.slinky-menu>ul {
left: 0;
position: relative;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.slinky-menu ul, .slinky-menu li {
list-style: none;
margin: 0;
}
.slinky-menu ul {
width: 100%}
.slinky-menu a {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.slinky-menu a span {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
line-height: 1.4;
}
.slinky-menu li ul {
display: none;
left: 100%;
position: absolute;
top: 0;
}
.slinky-menu .header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.slinky-menu .header .title {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
line-height: 1.4;
margin: 0;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.slinky-theme-default {
background: #f6f7f8;
}
.slinky-theme-default .title {
color: #333;
padding: 1em;
}
.slinky-theme-default li {
line-height: 1;
}
.slinky-theme-default a:not(.back) {
color: #333;
padding: 1em;
}
.slinky-theme-default a:not(.back):hover {
background: rgba(90, 200, 250, 0.25);
}
.slinky-theme-default a:not(.back):active {
background: rgba(90, 200, 250, 0.5);
}
.slinky-theme-default .next::after, .slinky-theme-default .back::before {
background: url(data:image/svg+xml;
base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICAgIDxwYXRoIGQ9Ik0xMi4yMTkgMi4yODFMMTAuNzggMy43MiAxOC4wNjIgMTFIMnYyaDE2LjA2M2wtNy4yODIgNy4yODEgMS40MzggMS40MzggOS05IC42ODctLjcxOS0uNjg3LS43MTl6IiAvPjwvc3ZnPg==) center no-repeat;
background-size: 1em;
content: '';
height: 1em;
opacity: .25;
-webkit-transition: 200ms;
transition: 200ms;
width: 1em;
}
.slinky-theme-default .next::after {
margin-left: 1em;
}
.slinky-theme-default .back::before {
padding: 1em;
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.slinky-theme-default .next:hover::after, .slinky-theme-default .back:hover::before {
opacity: .75;
}
.slinky-theme-default .next:active::after, .slinky-theme-default .back:active::before {
opacity: 1;
}
.menu__wrapper {
position: absolute;
left: 0;
right: 0;
top: 66px;
width: 100%;
padding-top: 0;
padding-bottom: 0;
overflow: auto;
height: 100%;
min-height: 340px;
-webkit-transition: -webkit-transform .3s ease-out;
-o-transition: -o-transform .3s ease-out;
transition: transform .3s ease-out;
-webkit-transform: translate(100%, 0%);
-ms-transform: translate(100%, 0%);
-o-transform: translate(100%, 0%);
transform: translate(100%, 0%);
}
.menu__wrapper.active {
-webkit-transform: translate(0, 0%);
-ms-transform: translate(0, 0%);
-o-transform: translate(0, 0%);
transform: translate(0, 0%);
}
.slinky-menu {
text-align: left;
}
.slinky-theme-default {
background-color: #fff;
}
.slinky-menu .header {
background-color: #f2f2f2;
}
.slinky-menu ul {
padding-left: 0;
}
.slinky-menu ul a {
text-decoration: none;
}
.slinky-menu ul a:focus {
outline: none;
}
.slinky-theme-default .next::after, .slinky-theme-default .back::before {
background-image: url(data:image/svg+xml;
utf8;
base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjkgMTI5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjkgMTI5IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgogIDxnPgogICAgPHBhdGggZD0ibTQwLjQsMTIxLjNjLTAuOCwwLjgtMS44LDEuMi0yLjksMS4ycy0yLjEtMC40LTIuOS0xLjJjLTEuNi0xLjYtMS42LTQuMiAwLTUuOGw1MS01MS01MS01MWMtMS42LTEuNi0xLjYtNC4yIDAtNS44IDEuNi0xLjYgNC4yLTEuNiA1LjgsMGw1My45LDUzLjljMS42LDEuNiAxLjYsNC4yIDAsNS44bC01My45LDUzLjl6IiBmaWxsPSIjMDAwMDAwIi8+CiAgPC9nPgo8L3N2Zz4K);
}
.slinky-theme-default a: not(.back):hover {
background-color: #1565c1;
color: #fff;
}
.slinky-theme-default a:not(.back):hover::after, .slinky-theme-default a:not(.back):hover::before {
background-image: url(data:image/svg+xml;
utf8;
base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjkgMTI5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjkgMTI5IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgogIDxnPgogICAgPHBhdGggZD0ibTQwLjQsMTIxLjNjLTAuOCwwLjgtMS44LDEuMi0yLjksMS4ycy0yLjEtMC40LTIuOS0xLjJjLTEuNi0xLjYtMS42LTQuMiAwLTUuOGw1MS01MS01MS01MWMtMS42LTEuNi0xLjYtNC4yIDAtNS44IDEuNi0xLjYgNC4yLTEuNiA1LjgsMGw1My45LDUzLjljMS42LDEuNiAxLjYsNC4yIDAsNS44bC01My45LDUzLjl6IiBmaWxsPSIjRkZGRkZGIi8+CiAgPC9nPgo8L3N2Zz4K);
}
.yamap-wrapper {
position: relative;
}
.yamap-overlay {
position: absolute;
left: 12%;
top: 34%}
.address-list {
display: inline-block;
list-style: none;
z-index: 9;
background: #fff;
padding: 34px 23px 23px;
border-radius: 10px;
}
.address-list li {
font-size: 16px;
color: #666;
margin-bottom: 11px;
}
.logo-caption {
display: inline-block;
padding: 18px 0 0;
font-size: 26px;
font-style: normal;
color: #007bbd;
}
.logo-caption-sub {
display: inline-block;
padding: 18px 0 0;
font-size: 15px;
font-style: normal;
color: #007bbd;
}
.location{
font-size: 14px;
padding-top: 10px;
float: left;
padding-left: 3%;
color: #002f6c;
}
.our-action {
min-height: 654px;
-webkit-background-size: cover;
background-size: cover;
text-align: center;
}
.our-action__wrapper {
padding: 8em 0 0;
}
.our-action__title {
font-size: 60px;
text-transform: uppercase;
font-weight: 700;
color: #212121;
}
.our-action__sale {
width: 232px;
margin: 0 auto;
height: 109px;
margin: 2px auto 0;
line-height: 109px;
background: url(/templates/okna/css/img/sale-bg.png) no-repeat;
font-size: 60px;
font-weight: 700;
color: #fff;
}
.our-action__description {
padding: 16px 0 0;
font-size: 24px;
line-height: 29px;
color: #212121;
}
.count-down__box {
max-width: 500px;
margin: 18px auto 0;
}
.count-down__box a:hover, .count-down__box:focus {
opacity: 1;
}
.count-down__title {
font-weight: 700;
font-size: 30px;
text-transform: uppercase;
color: #007bbd;
}
.count-down__wrapper {
margin: 0 auto;
position: relative;
left: 20px;
top: -16px;
}
.flip-clock-divider .flip-clock-label {
display: none!important;
}
.flip-clock-wrapper {
margin: 0!important;
padding: 30px 0 0;
--webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
}
.count-down__labels span {
font-size: 16px;
text-transform: uppercase;
color: #979797;
}
.count-down__labels .justify-align {
justify-content: space-around;
max-width: 370px;
margin: 0 auto;
position: relative;
right: 10px;
}
.our-action__form {
padding: 20px 30px;
max-width: 918px;
margin: 0 auto;
background: rgba(0, 0, 0, 0.8);
}
.form input[type="text"] {
padding: 0 17px;
width: 32%;
height: 40px;
line-height: 40px;
outline: none;
border: 1px solid #C2C2C2;
border-radius: 3px;
}
.form .btn {
display: inline-block;
padding: 0;
border-radius: 3px;
width: 30%;
height: 40px;
line-height: 40px;
font-size: 18px;
text-transform: uppercase;
color: #fff;
font-weight: 800;
text-align: center;
}
.blue-btn {
background: #8ad6ff;
}
.form ::-webkit-input-placeholder {
font-style: normal;
}
.form :-moz-placeholder {
font-style: normal;
}
.form ::-moz-placeholder {
font-style: normal;
}
.form :-ms-input-placeholder {
font-style: normal;
}
.five {
padding: 30px 0 40px;
}
.five-title, .five-subtitle {
font-size: 48px;
line-height: 65px;
text-transform: uppercase;
color: #212121;
}
.five-title {
color: #212121;
text-align: center;
}
.five-subtitle {
width: 406px;
padding: 10px 0 0;
margin: 0 auto;
height: 87px;
text-align: center;
color: #fff;
background: url(/templates/okna/css/img/five-title-bg.png) no-repeat;
-webkit-background-size: cover;
background-size: cover;
}
.stars-icon {
display: block;
margin: 11px auto 36px;
width: 225px;
height: 31px;
background: url(/templates/okna/css/img/stars-icon.png) no-repeat;
-webkit-background-size: cover;
background-size: cover;
}
.five-wrapper {
--ms-align-items: flex-start;
align-items: flex-start;
}
.five-item {
position: relative;
max-width: 255px;
text-align: center;
}
.five-item::before {
content: '';
position: absolute;
}
.five-item__phone::before {
width: 286px;
height: 60px;
right: -188px;
top: 16px;
background: url(/templates/okna/css/img/arrow-1.png);
}
.five-item__ruler::before {
width: 286px;
height: 60px;
right: -194px;
top: -1px;
background: url(/templates/okna/css/img/arrow-1.png);
}
.five-item__document::before {
width: 184px;
height: 97px;
left: -2px;
top: 209px;
background: url(/templates/okna/css/img/arrow-2.png);
}
.five-item__setup::before {
width: 245px;
height: 65px;
left: 171px;
top: 10px;
background: url(/templates/okna/css/img/arrow-3.png);
}
.five-item__img {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
--ms-align-items: center;
align-items: center;
text-align: center;
justify-content: center;
width: 97px;
height: 70px;
margin: 0 auto 20px;
}
.five-item__header {
font-size: 24px;
font-weight: 700;
color: #000;
}
.five-item p {
font-size: 18px;
}
.icon-phone {
width: 70px;
height: 70px;
background: url(/templates/okna/css/img/icon-phone1.png);
}
.icon-ruler {
width: 94px;
height: 70px;
background: url(/templates/okna/css/img/icon-ruler1.png);
}
.icon-document {
width: 70px;
height: 70px;
background: url(/templates/okna/css/img/icon-document1.png);
}
.icon-setup {
width: 70px;
height: 70px;
background: url(/templates/okna/css/img/icon-setup1.png);
}
.icon-setup-okna {
width: 70px;
height: 70px;
background: url(/templates/okna/css/img/icon-setup1.png);
}
.icon-car {
width: 97px;
height: 70px;
background: url(/templates/okna/css/img/icon-car1.png);
}
.five-wrapper__second {
max-width: 600px;
margin: 61px auto 0;
}
.best {
padding: 34px 0 98px;
background: #f7f7f7;
}
.best-slider {
max-width: 970px;
}
.best-slider__item {
min-height: 503px;
padding: 19px 0 30px;
/*background: url(img/best-slider-bg.png) no-repeat;
-webkit-background-size: cover;
background-size: cover;*/
}
.best-slider__item > .justify-align {
--ms-align-items: flex-start;
align-items: flex-start;
padding: 0 113px;
}
.best-slider__img {
padding: 20px 0 0;
}
.best-slider__info {
max-width: 412px;
}
.best-slider__table {
padding: 0;
margin: 20px 0 0;
text-align: left;
font-size: 18px;
color: #484848;
border: none;
}
.best-slider__table td {
text-align: center;
padding: 7px 0;
}
.best-slider__table tr td:first-child {
padding: 7px 0;
text-align: left;
font-weight: 400;
width: 65%}
.best-slider__table tr:first-child td {
font-weight: 400;
}
.best-slider__table tr:last-child td {
width: 35%}
.best-slider__table tr, .best-slider__table td {
border: none;
}
.best-slider__price {
padding: 21px 0 0;
--ms-align-items: center;
align-items: center;
}
.green-btn {
width: 200px;
height: 60px;
line-height: 50px;
font-size: 24px;
background: #82c82c;
color: #fff;
text-transform: uppercase;
font-weight: 700;
}
.best-slider__price > span {
font-size: 30px;
color: #000;
font-weight: 700;
}
.custom-slider .slick-prev, .custom-slider .slick-next {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.custom-slider .slick-dots {
bottom: -66px;
}
.custom-slider .slick-dots li {
margin: 0;
}
.custom-slider .slick-dots li button {
width: 7px;
height: 7px;
padding: 0;
border: none;
background: #a9a9a9;
border-radius: 50%;
border: 4px solid transparent;
margin: 0 auto;
}
.custom-slider .slick-dots li.slick-active button {
padding: 3px;
background: #fff;
border-color: #007bbd;
}
.custom-slider .slick-dots li button:before {
content: ""}
.advantages-box {
padding: 30px 0 63px;
text-align: center;
background: #fff;
}
.advantages-box h2 {
}
.advantages-box__subheader {
font-size: 30px;
color: #929292;
font-style: italic;
}
.advantages-box__wrapper {
--ms-align-items: flex-start;
align-items: flex-start;
max-width: 820px;
margin: 0 auto;
padding: 35px 0 0;
}
.advantages-box h3 {
margin: 0 0 29px;
font-size: 36px;
text-transform: uppercase;
font-weight: 700;
color: #007bbd;
}
.gift-box {
padding: 56px 0 30px;
min-height: 496px;
background: url(/templates/okna/css/img/gift-box-bg.jpg) no-repeat center;
-webkit-background-size: cover;
background-size: cover;
text-align: center;
}
.gift-box h2 {
font-size: 48px;
text-transform: uppercase;
font-weight: 400;
color: #212121;
}
.gift-box__subtitle {
width: 463px;
height: 121px;
margin: 0 auto;
padding: 12px 0 0;
font-weight: 700;
font-size: 60px;
text-transform: uppercase;
color: #fff;
background: url(/templates/okna/css/img/gift-box-subheader-bg.png) no-repeat;
}
.gift-box__description {
margin: 26px 0 0;
font-size: 24px;
font-weight: 700;
text-transform: uppercase;
}
.gift-box__description span {
color: #007bbd;
}
.gift-box .green-box-form {
--ms-align-items: center;
align-items: center;
padding: 0 5px 0 0;
margin: 76px 0 0;
position: relative;
background: #2e8dc0;
z-index: 5;
}
.gift-box .green-box-form::before {
content: "";
position: absolute;
width: 162px;
height: 198px;
top: -71px;
left: 0;
background: url(/templates/okna/css/img/order-parameters-gift.png) no-repeat;
z-index: 1;
}
.gift-box .green-box-form .btn-green {
background: #67b7e2;
width: 344px;
padding: 18px 0 20px 104px;
}
.gift-box .green-box-form .btn-yellow {
background: #82c82c;
color: #fff;
}
.reviews-box {
padding: 47px 0 60px;
}
.reviews-box .custom-slider .slick-dots {
bottom: -36px;
}
.team {
padding: 30px 0;
}
.reviews-box h2 {
font-size: 48px;
font-weight: 400;
text-transform: uppercase;
text-align: center;
}
.reviews-box__slider {
margin: 30px auto 0;
max-width: 938px;
}
.reviews-box__slider .slick-prev {
left: -50px;
}
.reviews-box__slider .slick-next {
right: -50px;
}
.reviews-box__item {
margin: 0 7px;
}
.reviews-box__slider img {
margin: 0 auto;
}
.reviews-box__video {
position: relative;
}
.reviews-box__overlay {
position: absolute;
left: 0;
right: 0;
top: 31%;
text-align: center;
margin: auto;
}
.play-btn {
display: inline-block;
}
.play-btn__icon {
position: relative;
}
.play-btn__icon::before {
content: '';
display: block;
width: 76px;
height: 76px;
background: url(/templates/okna/css/img/play-btn.png);
}
.reviews-box__title {
padding: 10px 0 0;
font-size: 18px;
color: #000;
text-align: center;
}
.blue-box {
padding: 16px 0;
background: url(/templates/okna/css/img/blue-box-bg.jpg) no-repeat center;
-webkit-background-size: cover;
background-size: cover;
}
.blue-box__form {
background-color: transparent;
}
.blue-box__form input[type="text"], .blue-box__form .btn-yellow {
width: 32%}
.blue-box__form, .blue-box__form label {
max-width: 854px;
margin: 0 auto;
}
.blue-box__form .btn-yellow {
margin: 0;
padding: 0;
height: 40px;
line-height: 40px;
background: #82c82c;
color: #fff;
font-size: 18px;
border-radius: 3px;
}
.blue-box__form label {
display: block;
font-size: 12px;
color: #fff;
}
.blue-box__form label a {
color: #fff;
}
.blue-box__form input.privacy-green {
margin: 10px 5px 0 0;
display: inline-block;
vertical-align: bottom;
}
.team {
padding: 30px 0 99px;
}
.team-slider {
margin: 39px auto 0;
}
.team-slider__item {
text-align: center;
}
.team-slider__img {
margin: 0 0 15px;
}
.team-slider__img img {
margin: 0 auto;
}
.team-name {
font-size: 20px;
font-weight: 700;
}
.team-subheader {
font-size: 16px;
color: #a5a5a5;
font-style: italic;
}
.team-slider__item p {
margin: 10px 0 0;
font-size: 18px;
color: #000;
}
.team-slider .slick-next {
right: -40px;
}
.team-slider .slick-prev {
left: -40px;
}
.placement {
padding: 40px 0 30px;
min-height: 696px;
background: url(/templates/okna/css/img/placement-bg.jpg) no-repeat center;
-webkit-background-size: cover;
background-size: cover;
}
.placement h2 {
text-align: center;
}
.placement-wrapper {
padding: 36px 34px 0 0;
text-align: right;
}
.placement-form {
display: inline-block;
width: 420px;
padding: 25px 30px 30px;
background: #007bbd;
}
.placement-form__title {
font-size: 44px;
color: #fff;
text-transform: uppercase;
font-weight: 700;
text-align: center;
}
.placement-form__price {
width: 327px;
margin: 0 auto;
height: 91px;
padding: 10px 0 0;
font-size: 36px;
color: #fff;
font-weight: 700;
text-align: center;
background: url(/templates/okna/css/img/placement-form-bg.png) no-repeat center;
}
.placement-form__subtitle {
padding: 6px 20px 0;
font-size: 24px;
color: #fff;
text-align: center;
}
.placement-form__wrapper {
width: 290px;
margin: 18px auto 0;
}
.placement-form__wrapper input[type="text"], .placement-form__wrapper .btn-yellow {
width: 100%;
margin: 0 0 7px;
}
.placement-form__wrapper .btn-yellow {
height: 40px;
padding: 0;
line-height: 40px;
background: #82c82c;
font-size: 18px;
color: #fff;
border-radius: 2px;
}
.our-address {
background: #0f71a8;
}
.our-address * {
color: #fff;
}
.our-address .justify-align {
--ms-align-items: center;
align-items: center;
}
.footer-calc.button-calc {
color: #000;
background: #fff;
box-shadow: none;
}
.footer-calc.button-calc::before {
background: url(/templates/okna/css/img/blue-calc-icon.png);
}
.footer-tel {
font-size: 18px;
font-weight: 700;
}
.footer-copy {
font-size: 18px;
}
.footer-ruler {
background: #68cbff;
box-shadow: none;
}
.right-buttons {
display: none!important;
}
#YMapsID {
height: 510px;
width: 100%}
@media screen and (max-width: 1200px) {
.top-menu > li > a {
padding: 11px 20px;
}
.custom-slider .slick-prev {
left: 0;
}
.custom-slider .slick-next {
right: 0;
}
.five-item::before {
display: none;
}
}@media screen and (max-width: 769px) {
.our-action__title {
font-size: 30px;
}
.form > .justify-align {
display: block;
}
.form > .justify-align > * {
display: block;
margin: 0 auto 10px;
}
.form input[type="text"], .form .btn {
width: 80%}
.five-wrapper {
display: block;
}
.five-item {
margin: 0 auto 20px;
}
.five-title, .five-subtitle {
font-size: 30px;
line-height: normal;
}
.best-slider__item > .justify-align {
display: block;
padding: 0;
}
.best-title {
font-size: 30px;
}
.best-slider__img img {
margin: 0 auto;
}
.best-slider__info {
max-width: none;
padding: 0 10px;
}
.best-slider__item h3 {
padding: 10px 0 0;
text-align: center;
}
.advantages-box h2 {
font-size: 30px;
}
.advantages-box__wrapper {
display: block;
}
.advantages-box__item {
max-width: 320px;
margin: 0 auto 30px;
}
.advantages-box h3 {
font-size: 30px;
}
.gift-box .green-box-form {
display: block;
}
.gift-box .green-box-form > * {
display: block;
}
.placement-form {
display: block;
width: auto;
}
.placement-form__wrapper input[type="text"], .placement-form__wrapper .btn-yellow {
width: 100%!important;
}
.gift-box .green-box-form {
display: block;
padding: 15px 10px;
}
.five-subtitle, .gift-box__subtitle, .placement-form__price {
--webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
-o-transform: scale(0.7);
transform: scale(0.7);
margin: 0 auto;
}
.flip-clock-wrapper {
margin: 0!important;
padding: 30px 0 0;
--webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
-o-transform: scale(0.7);
transform: scale(0.7);
display: flex;
overflow: hidden;
--ms-align-items: center;
align-items: center;
}
.count-down__labels .justify-align {
max-width: 230px;
right: -5px;
top: -5px;
}
.flip-clock-wrapper ul li a {
width: 100%}
.count-down__wrapper {
left: 0;
}
.five-wrapper__second {
margin: 0 auto;
}
.best-slider.custom-slider .slick-prev, .best-slider.custom-slider .slick-next {
top: 30%}
.reviews-box__video iframe {
margin: 0 auto;
display: block;
}
.windows-credit {
background: transparent;
}
.placement-wrapper {
padding: 36px 0 0;
}
.placement-form__title {
font-size: 30px;
}
.placement-form {
padding: 25px 0 30px;
}
.our-action__sale {
font-size: 50px;
}
.five-subtitle {
font-size: 30px;
line-height: normal;
width: auto;
background-size: contain;
background-position: center;
}
.advantages-box {
padding: 30px 0;
}
.gift-box h2 {
font-size: 30px;
}
.gift-box__subtitle {
width: 300px;
height: 86px;
font-size: 30px;
background-size: contain;
}
.gift-box .green-box-form .btn-green {
width: auto;
padding: 18px 20px 20px 75px;
}
.reviews-box h2 {
font-size: 30px;
}
.team h2 {
font-size: 30px;
}
.placement h2 {
font-size: 30px;
}
.green-btn {
width: auto;
}
.best-slider__price > span {
font-size: 22px;
}
.advantages-box__subheader {
font-size: 20px;
}
.blue-box__form .btn-yellow {
padding: 0 15px;
width: auto;
}
.placement {
padding: 20px 0 10px;
min-height: 0;
background: #fff;
}
.address-list {
display: none;
}
#YMapsID {
height: 300px;
}
.windows-credit {
padding: 0;
}
.placement {
padding: 0;
}
.best-slider__info {
position: relative;
padding-top: 0px;
}
.best-slider__price {
position: initial;
top: -52px;
left: 0;
right: 0;
margin: 0 auto;
padding: 15px 10px 0;
}
.best-slider__price .btn {
margin: 0;
}
}.facade-glazing {
padding: 50px 0;
}
.facade-glazing .glazing-subtitle {
margin: 0 auto;
color: #fff;
}
.facade-glazing__item img {
display: block;
margin-bottom: 10px;
}
.facade-glazing__text {
max-width: 350px;
text-align: center;
}
.facade-glazing__text h2 {
font-size: 36px;
color: #007bbd;
text-transform: uppercase;
}
.facade-glazing__text span {
display: block;
font-size: 18px;
}
.facade-glazing__text strong {
display: block;
font-size: 18px;
text-transform: uppercase;
}
.our-action__facade {
padding: 40px 0;
min-height: 450px;
background: url(/templates/okna/css/img/our-action__facade.jpg) no-repeat center;
-webkit-background-size: cover;
background-size: cover;
text-align: center;
}
.our-action__facade--title {
font-size: 50px;
text-transform: uppercase;
color: #8ad6ff;
text-align: center;
}
.our-action__facade .our-action__description {
color: #fff;
}
.result-steps__facade .justify-align {
--ms-align-items: flex-start;
align-items: flex-start;
}
.result-steps__facade .justify-align:last-child {
max-width: 580px;
margin: 0 auto;
}
.result-steps__item {
width: 200px;
text-align: center;
}
.result-steps__item strong {
display: block;
font-size: 24px;
font-weight: 700;
color: #000;
}
.result-steps__item span {
display: inline-block;
font-size: 16px;
color: #000;
}
.advantagesTitle {
margin-bottom: 40px;
text-align: center;
}
.advantagesList img {
display: inline-block;
width: 16%;
vertical-align: middle;
}
.advantagesList span {
display: inline-block;
width: 70%;
height: 100%;
vertical-align: middle;
padding-left: 20px;
font-size: 15px;
font-weight: 700;
color: #007bbd;
}
.advantagesList {
display: inline-block;
width: 33%;
text-align: left;
vertical-align: top;
}
.advantageMain {
padding: 20px 0;
}
.advantageMain.p768 {
display: none;
}
section.advantagesListHolder {
padding: 40px 0 60px;
margin: 0;
}
@media all and (max-width: 768px) {
.advantagesList {
width: 50%;
margin: auto;
padding: 0 0 0 1%}
.advantagesList:last-child {
width: 50%;
margin: auto;
display: block;
}
.advantageMain.p768 {
display: inline-block;
}
.advantageMain.p768no {
display: none;
}
}@media all and (max-width: 425px) {
.advantagesList, .advantagesList: last-child {
width: 70%;
margin: auto;
display: block;
}
}