0.body {
font-family: "Roboto Condensed";
background: #ffffff;
overflow-x: hidden;
}
a {
text-decoration: none;
}
.noselect, .sendForm, .showForm, .next, .prev {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.btn.order {
width: 201px;
height: 44px;
line-height: 44px;
background: url(../img/btn.png) no-repeat;
color: #FFF;
font-size: 18px;
font-weight: 400;
text-transform: uppercase;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.13);
text-align: center;
cursor: pointer;
}
.wrapper {
margin: 0 auto;
max-width: 1000px;
position: relative;
width: 100%;
}
.wrapper:after {
content: '';
display: block;
clear: both;
}
.top-menu-blue {
display: none;
background: #1b85d0;
height: 50px;
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 9;
}
.top-menu-blue.desctop {
display: none;
background: #1b85d0;
height: 72px;
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 9;
}
.top-menu-blue:after {
background: #3995d5;
height: 72px;
display: block;
content: '';
position: absolute;
z-index: 1;
right: 0;
left: 50%;
top: 0;
}
.top-menu-blue .wrapper {
max-width: 1000px;
margin: 0 auto;
position: relative;
z-index: 2;
width: 100%;
}
.top-menu-blue a {
color: #FFF! important;
font-family: "Roboto Condensed";
font-size: 16px! important;
font-weight: 400;
text-transform: uppercase! important;
line-height: 76px! important;
margin: 0 -10px 0 0! important;
text-decoration: none;
display:none;
}
.top-menu-blue a:hover {
border-bottom: 1px dashed #F2FAFF;
}
.top-menu-blue .wrapper > * {
/* float: left; */
position: absolute;
}
.top-menu-blue li {
display: inline-block;
}
.top-menu-blue address {
top: 0;
right: 288px;
font-family: "Roboto Condensed";
text-transform: uppercase;
color: #FFF;
font-size: 24px;
font-weight: 400;
font-style: normal;
line-height: 69px;
margin: 0 18px 0 53px;
}
.top-menu-blue .button {
right: 59px;
font-family: "Roboto Condensed";
text-transform: uppercase;
color: #1B85D0;
font-size: 18px;
font-weight: 700;
width: 230px;
height: 37px;
background-color: #FFF;
border-radius: 15px;
text-align: center;
line-height: 39px;
cursor: pointer;
margin: 18px 0 0;
word-spacing: -3px;
}
.top-menu-blue .button:hover {
background: #fff url(../img/top-button-hover.png) repeat-x top;
}
.top-menu-blue .up {
right: 0;
background: #fff url(../img/top-menu-blue-up.png) no-repeat center;
width: 33px;
height: 33px;
cursor: pointer;
float: right;
margin: 20px 0 0 0;
}
.top-menu {
background: #f1f1f1;
border-bottom: 3px solid #1a7ecb;
top: 0;
left: 0;
right: 0;
z-index: 999;
}
.top-menu ul {
display: table;
margin: 0 auto;
text-align: center;
width: 900px;
}
.top-menu ul li {
display: table-cell;
}
.top-menu ul li a {
line-height: 34px;
height: 34px;
color: #313131;
font-size: 16px;
font-weight: 400;
}
.top-menu ul li a:hover {
border-bottom: 0px dashed #ababab;
}
.top-menu ul li a.active {
border-bottom: 1px dashed #ababab;
}
header {
margin: 5px 0 0 0;
}
header .wrapper {
max-width: 957px;
width:100%;
}
.block-1 {
margin-bottom: 50px;
}
.block-1 h1 {
margin: 29px 0 0 0;
text-align: center;
color: #22221E;
font-family: "Roboto Condensed";
text-transform: uppercase;
font-size: 30px;
font-weight: 400;
}
.block-1 h1 span {
font-size: 40px;
font-weight: 700;
}
.block-1 p {
background: url(../img/b-1-bg.png) repeat-x;
height: 47px;
padding: 0 16px 0 64px;
line-height: 47px;
color: #FFF;
font-size: 24px;
font-weight: 400;
text-transform: uppercase;
text-shadow: 0 1px 0 rgba(93, 174, 21, 0.75);
width: 699px;
margin: 5px auto 0;
border-radius: 5px;
position: relative;
text-align: center;
}
.block-1 p:before {
display: block;
position: absolute;
content: '';
width: 82px;
height: 82px;
background: url(../img/b-1-before.png);
top: -16px;
left: -17px;
}
.block-2 {
background: url(../img/top-container.jpg) center center no-repeat;
background-size: cover;
position: relative;
padding: 0px 0px;
margin-top: 0px;
}
.block-2 .block-1 {
margin-bottom: 0px;
}
.block-2 .block-1 h1 {
margin-top: 0px;
background-color: rgba(255, 255, 255, 0.85);
padding: 10px 0px 15px 0px;
margin-bottom: 18px;
}
.block-2 .wrapper {
width: 860px;
padding-top: 25px;
}
.block-2 .wrapper .left {
float: left;
width: 506px;
box-shadow: 0 5px 18px rgba(0, 0, 0, 0.54);
background: #fff url(../img/elka2.jpg) no-repeat 334px 6px;
border-radius: 12px;
padding: 21px 0px 44px 30px;
}
.block-2 .wrapper .left p:nth-child(1) {
color: #e64803;
font-size: 37px;
font-weight: 700;
margin: 0px 0 13px 0;
text-transform: uppercase;
}
.block-2 .wrapper .left p:nth-child(2) {
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #22221e;
line-height: 29px;
margin: 15px 0 21px 0;
}
.block-2 .wrapper .left p:nth-child(2) span {
font-weight: 700;
text-transform: uppercase;
}
.block-2 .wrapper .left p:nth-child(3) {
font-size: 16px;
text-transform: uppercase;
color: #22221e
}
.block-2 .wrapper .left p:nth-child(3) span:nth-of-type(1) {
color: #e64803;
font-size: 24px;
text-transform: uppercase;
}
.block-2 .wrapper .left p:nth-child(3) span:nth-of-type(2) {
font-size: 16px;
font-weight: 400;
}
.block-2 .wrapper .right {
float: right;
}
form.call {
width: 290px;
height: 256px;
padding: 0 0 20px 0;
background-color: #E8D9B4;
border: 3px solid #FFF;
border-radius: 15px;
box-shadow: 0 5px 46px rgba(0, 0, 0, 0.82);
}
form.call p.title {
text-align: center;
color: #544D3D;
font-family: "Arial";
font-size: 14px;
font-style: italic;
margin: 12px 0;
}
form.call p.title span {
color: #120F0B;
font-style: normal;
font-family: "Roboto Condensed";
font-size: 31px;
font-weight: 700;
text-transform: uppercase;
}
form.call input[type="text"] {
display: block;
width: 243px; height: 41px;
line-height: 41px;
padding: 0 0 0 14px;
background-color: #FFF;
border: 1px solid rgba(199, 182, 141, 0.34);
border-radius: 15px;
color: #544D3D;
font-family: "Arial";
font-size: 17px;
font-style: italic;
margin: 0px auto 6px;
}
form.call input[type="submit"] {
width: 258px;
height: 58px;
line-height: 58px;
background: url(../img/btn-call.png) no-repeat;
color: #FFF;
font-size: 25px;
font-weight: 700;
text-transform: uppercase;
text-shadow: 0 1px 0 rgba(244, 81, 12, 0.75);
text-align: center;
font-style: normal;
border: none;
outline: none;
margin: 15px auto 0;
display: block;
}
img.newgen {
position: absolute;
top: 170px;
left: 10px;
}
.block-3 {
text-align: center;
margin: 12px 0 21px 0;
}
.block-3 div {
display: inline-block;
width: 225px;
height: 148px;
background-color: #1B85D0;
background-position: center 12px;
background-repeat: no-repeat;
margin: 0 10px;
}
.block-3 div:nth-child(1) {
background-image: url(../img/block-3-1.png);
}
.block-3 div:nth-child(2) {
background-image: url(../img/block-3-2.png);
}
.block-3 div:nth-child(3) {
background-image: url(../img/block-3-3.png);
}
.block-3 div:nth-child(4) {
background-image: url(../img/block-3-4.png);
}
.block-3 div {
color: #FFF;
font-family: "Roboto Condensed";
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
color: #FFF;
line-height: 34px;
vertical-align: top;
}
.block-3 div > span {
display: block;
font-size: 48px;
font-weight: 700;
text-transform: uppercase;
margin: 76px 0 0 0;
}
.block-3 div > span span {
font-size: 36px;
font-weight: 700;
text-transform: none;
}
.block-4 {
background: url(../img/block-topShadow-bg.png) repeat-x top;
}
.block-4 .wrapper {
background: url(../img/block-4-bg.png) no-repeat left 114px;
width: 1000px;
margin: 0 auto;
position: relative;
overflow: auto;
}
.block-4 h1 {
position: absolute;
left: 54px;
top: 22px;
line-height: 29px;
color: #22221E;
font-family: "Roboto Condensed";
font-weight: 700;
text-transform: uppercase;
font-size: 31px;
}
.block-4 h1 span {
display: block;
color: #22221E;
font-weight: 700;
text-transform: uppercase;
font-size: 23px;
}
.block-4 p {
position: absolute;
left: 264px;
top: 108px;
color: #E64803;
font-family: "Roboto Condensed";
font-size: 36px;
font-weight: 700;
text-transform: uppercase;
}
.block-4 ul {
list-style: none;
margin: 74px 0 38px 386px;
}
.block-4 li {
padding: 0 0 0 39px;
background: url(../img/block-4-li.png) no-repeat left center;
color: #22221E;
font-family: "Open Sans";
font-size: 18px;
font-weight: 400;
list-style: none;
margin: 0 0 14px 0;
line-height: 21px;
}
.block-5 {
background: url(../img/block-topShadow-bg.png) repeat-x top;
}
.block-5 .wrapper {
background: url(../img/block-5-bg.png) no-repeat right 114px;
width: 1000px;
margin: 0 auto;
position: relative;
overflow: auto;
}
.block-5 h1 {
position: absolute;
right: 64px;
top: 11px;
line-height: 32px;
font-family: "Roboto Condensed";
font-weight: 700;
text-transform: uppercase;
color: #1B85D0;
font-size: 40px;
}
.block-5 h1 span {
display: block;
color: #22221E;
font-weight: 700;
text-transform: uppercase;
font-size: 22px;
}
.block-5 ul {
list-style: none;
margin: 117px 0 112px 21px;
}
.block-5 li {
padding: 3px 0 3px 45px;
background: url(../img/block-5-li.png) no-repeat left center;
color: #22221E;
font-family: "Open Sans";
font-size: 18px;
font-weight: 400;
list-style: none;
margin: 0 0 14px 0;
line-height: 20px
}
.block-6 {
background: url(../img/block-topShadow-bg.png) repeat-x top;
padding: 10px 0 42px 0;
}
.block-6 h1 {
text-transform: uppercase;
font-size: 36px;
font-weight: 400;
text-align: center;
margin: 0 0 32px 0;
}
.block-6 h1 span {
font-size: 49px;
font-weight: 700;
}
.block-6 .wrapper {
max-width: 962px;
width: 100%;
}
.block-6 .wrapper > div {
display: inline-block;
width: 23%;
position: relative;
padding: 100px 0 0 0;
}
.block-6 .wrapper > div:after {
display: block;
content: '';
position: absolute;
top: 1px;
right: 7px;
bottom: 44px;
width: 1px;
background: url(../img/b-6-bor.png) repeat-y;
left: 223px;
}
.block-6 .wrapper > div:last-child:after {
display: none;
}
.block-6 .wrapper > div p.title {
text-align: center;
color: #FFF;
font-size: 24px;
font-weight: 400;
background: url(../img/b-6-title.png) no-repeat center;
padding: 11px 10px 53px 10px;
left: 0;
right: 0;
top: 0;
position: absolute;
}
.block-6 .wrapper > div p.title span {
font-size: 30px;
font-weight: 700;
color: #fff;
}
.block-6 .wrapper > div p {
font-weight: 400;
color: #22221E;
font-size: 13px;
padding: 0 0 0 2px;
}
.block-6 .wrapper > div p span {
color: #1B85D0;
font-size: 16px;
padding: 0 0 0 3px;
}
.block-6 .wrapper > div p:nth-child(4) {
margin: 8px 0 10px 0;
color: #22221E;
font-size: 12px;
width: 250px;
}
.block-6 .wrapper > div p.price {
color: #22221E;
font-family: "Open Sans";
font-size: 24px;
font-weight: 600;
padding: 0;
margin: 10px 0 0 0;
}
.block-6 .wrapper > div p.price span {
color: #22221E;
font-size: 30px;
font-weight: 700;
}
.block-6 .wrapper > div .btn.order {
display: block;
margin: 0 auto;
}
.block-7 {
background: url(../img/block-topShadow-bg.png) repeat-x top;
}
.block-7 .wrapper > div {
background: url(../img/block-7-bg.png) no-repeat -28px 0px;
width: 500px;
background-size: inherit;
padding: 32px 0 37px 480px;
}
.block-7 p:nth-child(1) {
text-transform: uppercase;
color: #1B85D0;
font-size: 36px;
text-align: center;
font-weight: 400;
margin: 0 0 4px 0;
}
.block-7 p:nth-child(2) {
text-transform: uppercase;
color: #22221E;
font-size: 49px;
font-weight: 700;
text-align: center;
}
.block-7 .btn.order.big {
background: url(../img/btn-big.png) no-repeat;
width: 467px;
height: 59px;
line-height: 59px;
margin: 22px auto 0;
color: #FFF;
font-size: 25px;
font-weight: 700;
text-transform: uppercase;
text-shadow: 0 1px 0 rgba(131, 129, 129, 0.75);
}
.block-8 {
background: url(../img/block-topShadow-bg.png) repeat-x top;
}
.block-8 .wrapper {
width: 964px;
}
.block-8 .wrapper h1 {
text-align: center;
color: #22221E;
text-transform: uppercase;
font-size: 49px;
font-weight: 700;
padding: 42px 0 45px 0;
margin: 0;
}
.block-8 .wrapper > div {
width: 206px;
display: inline-block;
margin: 0 39px 32px 0;
text-align: center;
position: relative;
vertical-align:top;
}
.block-8 .wrapper > div:after {
display: block;
content: '';
position: absolute;
top: 13px;
right: -23px;
bottom: 134px;
width: 1px;
background: url(../img/b-6-bor.png) repeat-y;
}
.block-8 .wrapper > div:nth-of-type(4n):after {
display: none;
}
.block-8 .wrapper > div:nth-of-type(4n) {
margin: 0;
}
.block-8 .wrapper .img {
border: solid 1px #e1e1e1;
width: 100%;
height: 224px;
}
.block-8 .wrapper div:nth-of-type(1) .img {
background: #fff url(../img/b-8-015.jpg) no-repeat 0px 12px;
background-size: cover;
}
.block-8 .wrapper div:nth-of-type(2) .img {
background: #fff url(../img/septonsmart.jpg) no-repeat 25px 0px;
}
.block-8 .wrapper div:nth-of-type(3) .img {
background: #fff url(../img/optima.jpg) no-repeat 25px 0px;
}
.block-8 .wrapper div:nth-of-type(4) .img {
background: #fff url(../img/b-8-5.png) no-repeat 25px 0px;
}
.block-8 .wrapper div:nth-of-type(5) .img {
background: #fff url(../img/b-8-3.png) no-repeat -1px 8px;
}
.block-8 .wrapper div:nth-of-type(6) .img {
background: #fff url(../img/b-8-1.png) no-repeat 41px 3px;
}
.block-8 .wrapper div:nth-of-type(7) .img {
background: #fff url(../img/b-8-6.png) no-repeat 22px 10px;
}
.block-8 .wrapper div:nth-of-type(8) .img {
background: #fff url(../img/b-8-22.png) no-repeat 12px 11px;
}
.block-8 .wrapper div:nth-of-type(9) .img {
background: #fff url(../img/tmb-product-1.png) no-repeat 42px -5px;
}
.block-8 .wrapper div:nth-of-type(10) .img {
background: #fff url(../img/b-8-10.png) no-repeat 36px 2px;
}
.block-8 .wrapper div:nth-of-type(11) .img {
background: #fff url(../img/b-8-9.png) no-repeat 9px 25px;
}
.block-8 .wrapper div:nth-of-type(12) .img {
background: #fff url(../img/b-8-14.png) no-repeat 9px 25px;
}
.block-8 .wrapper div:nth-of-type(13) .img {
background: #fff url(../img/b-8-14.png) no-repeat 9px 25px;
}
.block-8 .wrapper div:nth-of-type(14) .img {
background: #fff url(../img/b-8-16.png) no-repeat 9px 25px;
}
.block-8 .wrapper div:nth-of-type(15) .img {
background: #fff url(../img/b-8-20.png) no-repeat 9px 25px;
}
.block-8 .wrapper div:nth-of-type(16) .img {
background: #fff url(../img/b-8-13.png) no-repeat 9px 25px;
}
.block-8 .wrapper div:nth-of-type(17) .img {
background: #fff url(../img/b-8-14.png) no-repeat 9px 25px;
}
.block-8 .wrapper div:nth-of-type(18) .img {
background: #fff url(../img/b-8-15.png) no-repeat 9px 25px;
}
.block-8 .wrapper div:nth-of-type(19) .img {
background: #fff url(../img/b-8-16.png) no-repeat 9px 25px;
}
.block-8 .wrapper div:nth-of-type(20) .img {
background: #fff url(../img/b-8-17.png) no-repeat 9px 25px;
}
.block-8 .wrapper div:nth-of-type(21) .img {
background: #fff url(../img/b-8-18.png) no-repeat 9px 25px;
}
.block-8 .wrapper div:nth-of-type(22) .img {
background: #fff url(../img/b-8-19.png) no-repeat 9px 25px;
}
.block-8 .wrapper div:nth-of-type(23) .img {
background: #fff url(../img/b-8-20.png) no-repeat 9px 25px;
}
.block-8 .wrapper div p:nth-child(2) {
font-family: "Open Sans";
color: #22221E;
font-size: 36px;
font-weight: 700;
text-transform: uppercase;
margin: 0 0 -9px 0;
}
.block-8 .wrapper div p:nth-child(3) {
font-family: "Open Sans";
color: #1B85D0;
font-size: 24px;
font-weight: 600;
margin: 0 0 -8px 0;
}
.block-8 .wrapper div p:nth-child(4) {
font-family: "Open Sans";
color: #22221E;
font-size: 14px;
font-weight: 600;
font-style: italic;
line-height: 17px;
}
.block-9 {
background: url(../img/block-topShadow-bg.png) repeat-x top;
}
.block-9 .wrapper {
width: 1084px;
}
.block-9 .wrapper > h1 {
text-align: center;
color: #22221E;
text-transform: uppercase;
font-size: 36px;
font-weight: 400;
padding: 52px 0 14px 0;
margin: 0;
}
.block-9 .wrapper h1 span {
font-family: "Roboto Condensed";
text-transform: uppercase;
font-size: 49px;
font-weight: 700;
}
.block-9 section {
width: 50%;
float: left;
margin: 7px 0px -10px 0;
position: relative;
}
.block-9 section div.img {
width: 124px;
height: 126px;
border-radius: 50%;
float: left;
margin: 20px 0 0 34px;
}
.block-9 div.fix:nth-of-type(3) section:nth-of-type(2) p.after {
position: absolute;
display: block;
bottom: -46px;
color: #22221E;
font-family: "Arial";
font-size: 14px;
font-style: italic;
}
.block-9 div.fix:nth-of-type(3) section:nth-of-type(2) p.after span {
color: #f30325;
}
.block-9 div.fix:after {
display: block;
content: '';
clear: both;
}
.block-9 section h1 {
color: #1B85D0;
font-size: 24px;
font-weight: 700;
text-transform: uppercase;
margin: 41px 0 0 178px;
}
.block-9 section p:nth-of-type(1) {
color: #22221E;
font-family: "Open Sans";
font-size: 18px;
font-style: italic;
margin: -2px 0 0 178px;
line-height: 22px;
}
.block-9 section p:nth-of-type(2) {
color: #E63304;
font-family: "Open Sans";
font-size: 18px;
font-style: italic;
margin: -1px 0 0 178px;
}
.block-9 section p span {
color: #fc033e;
}
.block-10 {
background: url(../img/block-topShadow-bg.png) repeat-x top;
margin: 38px 0 0 0;
}
.block-10 .wrapper {
width: 1083px;
}
.block-10 h1 {
color: #22221E;
text-transform: uppercase;
font-size: 49px;
font-weight: 700;
margin: 0;
padding: 49px 0 13px 0;
text-align: center;
}
.block-10 img {
margin: 0 auto;
display: block;
}
.block-10 p {
position: absolute;
top: 153px;
right: 91px;
font-size: 18px;
color: #22221E;
font-family: "Open Sans";
font-style: italic;
line-height: 22px;
}
.block-10 p span {
color: #1B85D0;
font-weight: 700;
}
.block-10 ul li {
list-style: none;
font-family: "Open Sans";
color: #22221E;
font-size: 18px;
font-weight: 400;
display: block;
margin: 43px 0 0 107px;
line-height: 22px;
float: left;
}
.block-10 ul li:last-child {
margin-top: 11px;
}
.block-10 ul li span {
color: #64B9CB;
font-size: 24px;
font-weight: 700;
}
.block-11 {
background: url(../img/block-topShadow-bg.png) repeat-x top;
margin: 57px 0 0 0;
padding: 32px 0 0 0;
}
.block-11 .wrapper {
width: 880px;
}
.block-11 h1 {
color: #22221E;
text-transform: uppercase;
font-size: 36px;
font-weight: 400;
text-align: center;
line-height: 43px;
}
.block-11 h1 span {
font-size: 49px;
font-weight: 700;
}
.block-11 .wrapper div {
float: left;
width: 20%;
margin: 24px 0 0 0;
text-align: center;
position: relative;
}
.block-11 .wrapper div:after {
display: block;
content: '';
position: absolute;
background: url(../img/b-11-after.png) no-repeat;
top: 54px;
right: -14px;
width: 26px;
height: 25px;
}
.block-11 .wrapper div:last-child:after {
display: none;
}
.block-11 .wrapper div p {
color: #22221E;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
margin: 7px 0 0 0;
line-height: 18px;
}
.block-12 {
background: url(../img/block-topShadow-bg.png) repeat-x top;
margin: 45px 0 0 0;
}
.block-12 .wrapper {
width: 953px;
}
.block-12 h1 {
color: #22221E;
text-transform: uppercase;
font-size: 36px;
font-weight: 400;
text-align: center;
line-height: 43px;
padding: 57px 0 0 0;
}
.block-12 h1 span {
font-size: 49px;
font-weight: 700;
}
.block-12 section.list {
position: relative;
height: 140px;
}
.block-12 section.list p:nth-child(1) {
color: #1B85D0;
font-size: 36px;
font-weight: 400;
text-transform: uppercase;
}
.block-12 section.list p:nth-child(1) span {
color: #22221E;
font-size: 53px;
font-weight: 700;
}
.block-12 section.list p:nth-child(2) {
color: #22221E;
font-family: "Open Sans";
font-size: 14px;
font-weight: 400;
margin: -4px 0 0 49px;
}
.block-12 section.list img {
position: absolute;
top: 0;
right: 0;
}
.block-12 .last p {
color: #22221E;
font-size: 24px;
font-weight: 400;
text-transform: uppercase;
padding: 11px 0 0 116px;
background: url(../img/b-12-last.png) no-repeat 25px 10px;
}
.block-12 .last span {
color: #22221E;
font-family: "Open Sans";
font-size: 14px;
font-style: italic;
line-height: 17px;
display: block;
text-transform: lowercase;
margin: 5px 0 0 0;
}
.block-12 .last b {
color: #1B85D0;
}
.block-13 {
background: url(../img/block-topShadow-bg.png) repeat-x top;
margin: 58px 0 0 0;
}
.block-13 .wrapper {
width: 1053px;
}
.block-13 h1 {
color: #22221E;
text-transform: uppercase;
font-size: 49px;
font-weight: 700;
text-align: center;
margin: 0;
padding: 48px 0 40px 0;
}
.block-13 .wrapper div {
position: relative;
width: 25%;
text-align: center;
float: left;
}
.block-13 .wrapper div:first-of-type {
cursor: pointer;
}
.block-13 .wrapper div:after {
display: block;
position: absolute;
content: '';
top: 82px;
right: -28px;
background: url(../img/b-13-after.png) no-repeat;
width: 53px;
height: 44px;
}
.block-13 .wrapper div:last-child:after {
display: none;
}
.block-13 .wrapper div:first-of-type:before {
display: block;
position: absolute;
content: '';
top: -25px;
right: 27px;
background: url(../img/b-13-before.png) no-repeat;
width: 204px;
height: 257px;
}
.block-13 .wrapper p {
color: #22221E;
font-family: "Open Sans";
font-size: 16px;
font-weight: 400;
margin: 10px 0 0 0;
line-height: 19px;
}
.block-13 .wrapper p span {
color: #22221E;
font-family: "Open Sans";
font-weight: 400;
font-size: 20px;
text-transform: uppercase;
}
.block-14 {
background: url(../img/block-topShadow-bg.png) repeat-x top;
margin: 30px 0 0 0;
}
.block-14 .wrapper {
width: 969px;
background: url(../img/b-14-bg.png) no-repeat 367px 19px;
padding: 32px 0 121px 0;
}
.block-14 .wrapper div:nth-of-type(1) {
float: left;
}
.block-14 .wrapper div:nth-of-type(2) {
float: right;
}
.block-14 .wrapper div:nth-of-type(1) h1 {
color: #22221E;
text-transform: uppercase;
font-size: 36px;
font-weight: 400;
line-height: 43px;
padding: 0;
}
.block-14 .wrapper div:nth-of-type(1) h1 span {
font-size: 49px;
font-weight: 700;
}
.block-14 .wrapper div:nth-of-type(1) p:nth-of-type(1) {
color: #22221E;
font-family: "Open Sans";
font-size: 24px;
font-weight: 400;
margin: -16px 0 0 0;
line-height: 29px;
}
.block-14 .wrapper div:nth-of-type(1) p:nth-of-type(2) {
color: #FFF;
font-size: 30px;
font-weight: 700;
text-transform: uppercase;
padding: 7px 34px 6px 36px;
background: #1b85d0;
display: inline-block;
position: relative;
margin: 12px 0 0 0;
}
.block-14 .wrapper div:nth-of-type(1) p:nth-of-type(2):after {
display: block;
position: absolute;
top: 0;
bottom: 0;
right: -11px;
content: '';
background: url(../img/b-14-after.png) no-repeat;
width: 11px;
height: 50px;
}
.block-14 .wrapper div:nth-of-type(2) .call {
margin: 26px 0 0 0;
}
.block-15 {
background: url(../img/block-topShadow-bg.png) repeat-x top;
margin: 1px 0 0 0;
}
.block-15 .wrapper {
width: 1000px;
}
.block-15 .slider {
width: 900px;
margin: 0 auto 85px auto;
}
.block-15 h1 {
color: #22221E;
text-transform: uppercase;
font-size: 49px;
font-weight: 700;
margin: 0;
padding: 49px 0 30px 0;
text-align: center;
}
.block-15 img {
float: left;
margin: 0 40px 0 0;
}
.block-15 p.title {
font-family: "Open Sans";
color: #1B85D0;
font-size: 18px;
font-weight: 400;
padding: 19px 0 0 0;
line-height: normal;
}
.block-15 p {
font-family: "Open Sans";
color: #22221E;
font-size: 12px;
font-weight: 600;
margin: 0 0 10px 0;
line-height: 14px;
}
.block-15 .prev {
width: 23px;
height: 38px;
background: url(../img/slider-prev.png);
position: absolute;
top: 216px;
left: -52px;
cursor: pointer;
}
.block-15 .next {
width: 23px;
height: 38px;
background: url(../img/slider-next.png);
position: absolute;
top: 214px;
right: -52px;
cursor: pointer;
}
.map h1 {
margin: 0 auto;
left: 0;
top: 30px;
width: 1000px;
position: relative;
}
.map h1 {
position: absolute;
width: 310px;
height: 84px;
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.45);
color: #22221E;
font-family: "Roboto Condensed";
font-size: 36px;
font-weight: 700;
text-transform: uppercase;
z-index: 99;
background: white;
text-align: center;
line-height: 85px;
left: 0;
right: 0;
top: 35px;
}
.map address {
position: absolute;
top: 28px;
left: 0;
z-index: 99;
background: #252525 url(../img/map-address-bg.png) no-repeat top;
font-family: "Roboto Condensed";
font-size: 16px;
font-weight: 400;
color: #A9AAAA;
font-style: normal;
width: 360px;
height: 340px;
}
.map address p {
font-family: "Roboto Condensed";
font-size: 16px;
font-weight: 400;
margin: 0 31px 3px 31px;
}
.map address p:nth-of-type(1) {
margin: 130px 31px 0px 31px;
}
.map address p:nth-of-type(1) {
text-transform: uppercase;
}
.map address p:nth-of-type(4) {
margin: 14px 31px 0px 31px;
}
.map address p:nth-of-type(4) span {
color: #FFA200;
}
.map address p:nth-of-type(4) a {
color: #6C96B6;
}
footer .wrapper {
margin: 0 auto;
left: 0;
height: 114px;
width: 1000px;
position: relative;
}
footer .copy {
position: absolute;
top: 43px;
color: #484949;
font-family: "Roboto Condensed";
font-size: 16px;
font-weight: 400;
}
footer address {
position: absolute;
right: 257px;
top: 27px;
}
footer address p:first-child {
color: #252525;
font-family: "Arial";
font-size: 16px;
font-style: italic;
}
footer address p:first-child span {
color: #252525;
font-family: "Arial";
font-size: 20px;
font-weight: 700;
font-style: italic;
}
footer address p:last-of-type {
color: #FFA200;
font-family: "Roboto Condensed";
font-size: 30px;
font-weight: 700;
text-transform: uppercase;
font-style: normal;
}
footer .order {
position: absolute;
right: 0;
top: 37px;
}
.ymaps-controls-pane {
display: none;
}
.shadow {
display: none;
background: rgba(0, 0, 0, 0.38);
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9999;
}
.shadow form {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
.error {
box-shadow: 0 0 0 2px red;
}
.success {
text-align: center;
pad1ding: 4px 10px;
font-size: 18px;
}
.close {
background: rgb(232, 217, 180);
width: 27px;
height: 27px;
border-radius: 50%;
position: absolute;
right: -16px;
top: -16px;
border: 3px #FFF solid;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16);
text-align: center;
font-family: Georgia;
font-size: 25px;
line-height: 25px;
font-weight: bold;
color: #fff;
}
/*new*/
/*header*/
header {display: block;
padding-bottom: 10px;
padding-top: 20px;
max-width: 1000px;
margin: 0 auto;
font-family: Arial;
width: 100%;
min-height:90px;
}
header:after {
content: '';
display: block;
clear: both;
height: 0px;
line-height: 0px;
margin: 0px;
font-size: 0px;
}
.logo { float: left; padding-top: 0px; font-size: 0px; width: 280px;}
.logo-description {
float: left;
font-size: 14px;
color: #000;
text-transform: uppercase;
margin-top: 14px;
font-weight: bold;
line-height: 160%;
}
.header_contacts { float: right;; width: 480px;}
.phone { font-size: 23px; color: #1788d7; float: right; padding-right: 12px; height: 35px;}
.phone span { display: block; font-size: 12px; color: #fd3d3d; font-weight: normal; text-align: right; }
.phone span.ya-phone {font-size: 23px; color: #1788d7; padding-bottom: 0px; padding-top: 0px; font-weight: bold;}
.schedule { font-weight: bold; float: right; font-size: 14px; color: #555656; padding-right: 10px; padding-left: 10px;
text-align: center}
.schedule a {
text-decoration: underline;
color: #1887d6;
}
.schedule a:hover {
text-decoration: none;
}
.contacts_link { float: right; font-size: 11px; line-height: 18px; padding-left: 16px; height: 35px; margin-top: 28px;}
.contacts_link a { color: #555656; position: relative; top: -3px; text-decoration: underline;}
.contacts_link a:hover {
text-decoration: none;
}
.schedule .button {
background: #F8C91B;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F8C91B), to(#f9971c));
background: -webkit-linear-gradient(#F8C91B, #f9971c);
background: -moz-linear-gradient(#F8C91B, #f9971c);
background: -ms-linear-gradient(#F8C91B, #f9971c);
background: -o-linear-gradient(#F8C91B, #f9971c);
background: linear-gradient(#F8C91B, #f9971c);
-pie-background: linear-gradient(#F8C91B, #f9971c);
height: 30px;
width: 163px;
display: inline-block;
text-align: center;
font-size: 16px;
color: #000;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
font-weight: normal;
padding-top: 7px;
margin-top: 9px;
text-decoration: none;
}
.schedule .button img {
vertical-align: middle;
margin-right: 4px;
}
.breadcrumbs-top {
background: #eeeeee;
padding: 6px 24px;
padding-left: 0px;
margin-bottom: 0px;
padding-right: 0px;
margin-top: 10px;
font-family: Arial;
}
.breadcrumbs-top:after {
content: '';
display: block;
line-height: 0px;
margin: 0px;
padding: 0px;
font-size: 0px;
width: auto;
clear: both;
}
.breadcrumbs-top-title {
position: relative;
padding-left: 24px;
float: left;
width: 166px;
padding-right: 10px;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
line-height: 140%;
}
.breadcrumbs-top-title a {
font-size: 14px;
color: #000;
text-decoration: none;
border-bottom: 1px dashed #000;
}
.breadcrumbs-top-title:after {
content: '';
background: url("../img/nav-li-active.png") left top no-repeat;
width: 27px;
height: 32px;
position: absolute;
left: -12px;
top: 50%;
margin-top: -16px;
}
.breadcrumbs-top .center {
width: 1120px;
margin: 0 auto;
}
.breadcrumbs-top ul {
list-style: none;
padding: 0px;
float: left;
margin-top: 0px;
max-width: 917px;
width: 100%;
}
.breadcrumbs-top ul li {
float: none;
display:inline-block;
padding-right: 23px;
padding-left: 46px;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 8px;
margin-bottom: 8px;
background: url("../img/nav_li-little.png") 23px top no-repeat;
border-left: 1px solid #c3c3c3;
}
.breadcrumbs-top ul li:first-child {border: none}
.breadcrumbs-top ul li a {
font-size: 16px;
color: #000;
text-decoration: none;
border-bottom: 1px dashed #000;
}
.breadcrumbs-top ul li a:hover {
color: #4ec0e8;
border-bottom: 1px dashed #4ec0e8;
}
.breadcrumbs-top ul li.active a {
color: #4ec0e8;
border-bottom: 1px dashed #4ec0e8;
}
/*header*/
/*catalog*/
.catalog {
width: 1000px;
margin: 0 auto;
margin-bottom: 40px;
}
.catalog-title {
text-align: center;
padding-bottom: 35px;
}
.catalog-title h3 {
font-size: 49px;
color: #000;
text-transform: uppercase;
}
.catalog-title h4 {
font-size: 23px;
color: #000;
text-transform: uppercase;
padding-bottom: 5px;
}
.catalog-title p {
font-size: 23px;
color: #000;
}
.catalog-title p img {
vertical-align: middle;
margin-right: 12px;
}
.catalog-thumbs {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.catalog-thumbs-thumb {
border: 1px solid #acacac;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
width: 306px;
padding: 10px 7px;
margin-bottom: 17px;
}
.catalog-thumbs-thumb-container {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.catalog-thumbs-thumb-container-photo {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-align-self: auto;
-ms-flex-item-align: auto;
align-self: auto;
flex-shrink: 0;
position: relative;
margin-right: 0px;
}
.catalog-thumbs-thumb-container-photo img {
max-height:240px;
}
.catalog-thumbs-thumb-container-photo span {
background: #ff881d;
position: absolute;
width: 46px;
height: 35px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
text-align: center;
color: #fff;
padding-top: 11px;
}
.catalog-thumbs-thumb-container-description {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
-webkit-align-self: auto;
-ms-flex-item-align: auto;
align-self: auto;
padding-top: 8px;
}
.catalog-thumbs-thumb-container-description-row {
border-bottom: 1px solid #000;
padding-top: 5px;
}
.catalog-thumbs-thumb-container-description-row:last-child {
border-bottom: none;
}
.catalog-thumbs-thumb-container-description-row h4 {
font-size: 20px;
font-weight: normal;
text-align: center;
padding-bottom: 4px;
}
.catalog-thumbs-thumb-container-description-row p img {
vertical-align: middle;
margin-right: 4px;
position: relative;
top: -2px;
}
.catalog-thumbs-thumb-container-description-row .catalog-old-price {
font-size: 12px;
text-decoration: line-through;
}
.catalog-thumbs-thumb-container-description-row .catalog-old-price span {
color: #cc0000;
}
.catalog-thumbs-thumb-container-description-row .catalog-new-price {
padding-bottom: 10px;
}
.catalog-thumbs-thumb-container-description-row .catalog-scheme {
font-size: 12px;
text-align: center;
}
.catalog-thumbs-thumb-container-description-row .catalog-scheme a {
color: #3399cc;
}
.catalog-thumbs-thumb-buttons {
text-align: center;
padding-bottom: 10px;
margin-top: 15px;
}
.catalog-thumbs-thumb-buttons .button-yellow {
background: #ff881d;
font-size: 14px;
color: #fff;
text-decoration: none;
display: inline-block;
text-align: center;
padding: 2px 20px;
margin-bottom: 5px;
}
.catalog-thumbs-thumb-buttons .more {
font-size: 14px;
color: #3399cc;
}
.selection-order {
text-align: center;
}
.selection-order-title {
background: url("../img/section-order-title.png") center bottom no-repeat;
padding-bottom: 30px;
font-size: 20px;
color: #84ae01;
margin-bottom: 20px;
margin-top: 10px;
}
.selection-order .button-order {
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
background: #f8c21b;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f8c21b), to(#f99a1c));
background: -webkit-linear-gradient(#f8c21b, #f99a1c);
background: -moz-linear-gradient(#f8c21b, #f99a1c);
background: -ms-linear-gradient(#f8c21b, #f99a1c);
background: -o-linear-gradient(#f8c21b, #f99a1c);
background: linear-gradient(#f8c21b, #f99a1c);
-pie-background: linear-gradient(#f8c21b, #f99a1c);
color: #333;
text-shadow: 1px 1px #fdeac6;
padding: 12px 20px;
font-weight: bold;
display: inline-block;
}
.order-ads {
font-size: 0px;
text-align: center;
margin-bottom: 40px;
}
.products-container {
width: 1000px;
margin: 0 auto;
}
.products-container-thumbs {}
.products-container-thumbs-thumb {
margin-bottom: 60px;
}
.products-container-thumbs-thumb:after {
content: '';
display: block;
line-height: 0px;
margin: 0px;
padding: 0px;
font-size: 0px;
width: auto;
clear: both;
}
.products-container-thumbs-thumb-photo {
float: left;
width: 435px;
}
.products-container-thumbs-thumb-photo-right .products-container-thumbs-thumb-photo { float: right;}
.products-container-thumbs-thumb-photo-right .products-container-thumbs-thumb-description ul {
margin-left: 0px;
}
.products-container-thumbs-thumb .button {
background: #37b1e2;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#37b1e2), to(#219bd9));
background: -webkit-linear-gradient(#37b1e2, #219bd9);
background: -moz-linear-gradient(#37b1e2, #219bd9);
background: -ms-linear-gradient(#37b1e2, #219bd9);
background: -o-linear-gradient(#37b1e2, #219bd9);
background: linear-gradient(#37b1e2, #219bd9);
-pie-background: linear-gradient(#37b1e2, #219bd9);
width: 190px;
font-size: 15px;
font-weight: bold;
color: #fff;
padding: 10px;
height: auto;
text-decoration: underline;
margin: 0 auto;
margin-top: 16px;
}
.products-container-thumbs-thumb .button:hover {
text-decoration: none;
}
.products-container-thumbs-thumb-description {
float: left;
width: 560px;
}
.products-container-thumbs-thumb-description h4 {
color: #000;
font-size: 22px;
font-weight: bold;
text-transform: uppercase;
min-height: 60px;
margin-bottom: 0px;
}
.products-container-thumbs-thumb-description h4 span {
background: url("../img/price-container.png") left top no-repeat;
width: 123px;
height: 44px;
display: inline-block;
float: right;
margin-left: -25px;
padding-left: 63px;
font-size: 15px;
color: #fff;
padding-top: 16px;
font-weight: normal;
margin-top: -18px;
text-transform: none;
text-align: center;
}
.products-container-thumbs-thumb-description h4 span strong {font-size: 22px;}
.products-container-thumbs-thumb-description p {
margin-left: 0px;
margin-bottom: 8px;
line-height: 140%;
}
.products-container-thumbs-thumb-description ul {
padding: 0px;
list-style: none;
margin-left: 0px;
font-size: 17px;
}
.products-container-thumbs-thumb-description ul li {
background: url("../img/marker.png") left center no-repeat;
padding-left: 50px;
padding-top: 7px;
padding-bottom: 6px;
list-style: none;
}
.products-container-thumbs-thumb-description .button-order {
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
background: #f8c21b;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f8c21b), to(#f99a1c));
background: -webkit-linear-gradient(#f8c21b, #f99a1c);
background: -moz-linear-gradient(#f8c21b, #f99a1c);
background: -ms-linear-gradient(#f8c21b, #f99a1c);
background: -o-linear-gradient(#f8c21b, #f99a1c);
background: linear-gradient(#f8c21b, #f99a1c);
-pie-background: linear-gradient(#f8c21b, #f99a1c);
color: #333;
text-shadow: 1px 1px #fdeac6;
padding: 12px 20px;
font-weight: bold;
display: inline-block;
}
.products-container-thumbs-thumb-description .text-center {
text-align: center;
padding-top: 18px;
}
/*catalog*/
/* Menu */
#menu-checkbox {
/* чекбокс скрыт */
display: none;
}
.main-menu {
/* пункты меню скрыты */
display: none! important;
padding: 0;
margin: 0;
}
.main-menu li {
/* пункты меню расположены вертикально */
/* каждый имеет ширину 100% */
font-size: 1em;
display: block! important;
width: 100%;
}
.main-menu a {
/* немного стилизуем ссылки */
display: block;
text-decoration: none;
}
.main-menu a:hover {
text-decoration: underline;
}
.toggle-button {
text-align: center;
display: block;
/* не забываем явно указать каким должен быть курсор */
cursor: pointer;
background-color: #007bc7;
color: #fff;
}
.toggle-button:after {
/* получаем данные из атрибута data-open в html */
content: attr(data-open);
display: block;
margin: 0px;
padding: 10px 30px;
}
#menu-checkbox:checked + nav[role="navigation"] .main-menu {
/* когда чекбокс активен меню становится видимым */
display: block! important;
max-width: 300px;
text-align: center;
}
#menu-checkbox:checked + nav[role="navigation"] .toggle-button:after {
content: attr(data-close);
}
@media screen and (min-width: 970px) {
.toggle-button {
/* label скрыт */
display: none;
}
.main-menu {
display: block! important;
margin: 0 auto;
height: 30px;
}
.main-menu li {
/* теги расположены в ряд */
width: auto;
text-align: center;
display: inline-block! important;
margin-right: 25px;
}
.main-menu a {
display: inline-block;
text-decoration: none;
text-transform: capitalize;
border-bottom: 0;
}
}
/**/
/* Menu */
#menu-checkbox2 {
/* чекбокс скрыт */
display: none;
}
.main-menu2 {
/* пункты меню скрыты */
display: none! important;
padding: 0;
margin: 0;
}
.main-menu2 li {
/* пункты меню расположены вертикально */
/* каждый имеет ширину 100% */
font-size: 1em;
display: block! important;
width: 100%;
}
.main-menu2 a {
display: block;
text-decoration: none;
line-height: 3;
color: #000;
}
.main-menu2 a:hover {
text-decoration: underline;
}
.toggle-button2 {
text-align: center;
display: block;
/* не забываем явно указать каким должен быть курсор */
cursor: pointer;
background-color: #007bc7;
color: #fff;
}
.toggle-button2:after {
/* получаем данные из атрибута data-open в html */
content: attr(data-open);
display: block;
margin: 0px;
padding: 10px 30px;
}
#menu-checkbox2:checked + nav[role="navigation"] .main-menu2 {
display: block! important;
max-width: 100%;
text-align: center;
width: 100%;
position: absolute;
background: #ddd;
color: #000;
margin-top: 72px;
}
#menu-checkbox2:checked + nav[role="navigation"] .toggle-button2:after {
content: attr(data-close);
}
@media screen and (min-width: 971px) {
.toggle-button2 {
/* label скрыт */
display: none;
}
.main-menu2 {
display: block! important;
margin: 0 auto;
height: 30px;
}
.main-menu2 li {
/* теги расположены в ряд */
width: auto;
text-align: center;
display: inline-block! important;
margin-right: 25px;
}
.main-menu2 a {
display: inline-block;
text-decoration: none;
text-transform: capitalize;
border-bottom: 0;
}
}
@media (min-width:621px) and (max-width:721px) {
.top-menu-blue address {
font-size: 18px! important;
text-align: center! important;
}
.top-menu-blue .button {
font-size: 18px! important;
}
.block-1 h1 span {
font-size: 24px! important;
line-height: 1;
display: block;
margin-bottom: -10px;
}
.block-11 .wrapper div {
float: none;
width: 32%! important;
margin: 24px 0 0 0;
text-align: center;
position: relative;
display: inline-block! important;
}
.block-12 section.list p:nth-child(1) {
max-width: 400px! important;
}
.products-container-thumbs-thumb-description {
float: none! important;
max-width: 560px! important;
width: 100%! important;
margin: 0 auto! important;
margin-top: 25px! important;
margin-bottom: 35px! important;
}
.top_header {
float: none! important;
max-width: 340px! important;
margin-top: 5px! important;
margin-bottom: 10px! important;
width: 100%;
margin: 0 auto;
overflow: hidden;
text-align: center;
}
.logo {
float: none! important;
}
.logo-description {
float: none! important;
font-size: 10px! important;
margin-left: 5px! important;
clear: both;
}
.header_contacts {
float: none! important;
max-width: 335px! important;
margin: 0 auto;
overflow: hidden;
}
.phone span.ya-phone {
font-size: 19px! important;
}
}
@media (max-width:720px) {
.logo img {
max-width: 210px;
width: 100%;
}
a.hphone {
margin-top: -20px! important;
clear: both;
overflow: hidden;
padding: 0;
float: none;
display: block;
line-height: 1! important;
}
.header_contacts {
float: none;
max-width: 315px;
margin: 0 auto;
overflow: hidden;
}
.top_header {
float: none;
max-width: 500px;
margin: 0 auto;
overflow: hidden;
text-align: center;
margin-top: 50px! important;
}
.logo {
float: none;
padding-top: 0px;
font-size: 0px;
width: 150px;
margin: 0 auto;
padding-left: 10px;
display: inline-block;
vertical-align: middle;
}
.logo-description {
float: none;
font-size: 9px;
color: #000;
text-transform: uppercase;
margin-top: 0px;
font-weight: bold;
line-height: 140%;
text-align: left;
display: inline-block;
vertical-align: middle;
}
header {
display: block;
padding-bottom: 10px;
padding-top: 10px;
max-width: 1000px;
margin: 0 auto;
font-family: Arial;
width: 100%;
}
.phone span {
display: block;
font-size: 10px;
color: #fd3d3d;
font-weight: normal;
text-align: right;
}
.phone {
font-size: 23px;
color: #1788d7;
float: left;
padding-right: 0px;
height: auto;
margin-left: 10px;
overflow: hidden;
margin-top: 0px;
line-height: 1.4;
}
.phone span.ya-phone {
font-size: 18px;
color: #1788d7;
padding-bottom: 0px;
padding-top: 0px;
font-weight: bold;
}
.contacts_link {
float: right;
font-size: 11px;
line-height: 18px;
padding-left: 16px;
height: 35px;
margin-top: 28px;
display: none;
}
.schedule .button {
height: 27px;
width: 145px;
font-size: 14px;
padding-top: 7px;
margin-top: 7px;
}
.schedule {
padding-left: 0px;
}
.top-menu-blue .button {
right: 31px;
font-family: "Roboto Condensed";
text-transform: uppercase;
color: #1B85D0;
font-size: 10px;
font-weight: 700;
/* max-width: 150px; */
height: 33px;
background-color: #FFF;
border-radius: 15px;
text-align: center;
line-height: 35px;
cursor: pointer;
margin: 7px 0px 0! important;
word-spacing: 0px;
width: 45%;
float: left! important;
}
.top-menu-blue address {
top: -22px;
right: 0;
font-family: "Roboto Condensed";
text-transform: uppercase;
color: #FFF;
font-size: 16px;
font-weight: 400;
font-style: normal;
line-height: 69px;
margin: 2px 18px 0 5px;
/* left: 0px; */
width: 45%;
float: left! important;
text-align:center;
}
.top-menu-blue .wrapper > * {
float: none;
position: relative;
}
.toggle-button2 {
text-align: center;
display: block;
cursor: pointer;
background-color: #007bc7;
color: #fff;
position: absolute! important;
width: 100%;
z-index: 9999;
}
.top-menu-blue .up {
float: right! important;
position: absolute;
right: 10px;
}
.top-menu-blue .up {
right: 0;
background: #fff url(../img/top-menu-blue-up.png) no-repeat center;
width: 25px;
height: 25px;
cursor: pointer;
float: right;
margin: 10px 8px 0 0;
}
.toggle-button2:after {
content: attr(data-open);
display: block;
margin: 0px;
padding: 4px 36px;
}
.top-menu-blue:after {
background: none;
height: 72px;
display: block;
content: '';
position: absolute;
z-index: 1;
right: 0;
left: 50%;
top: 0;
}
.block-1 h1 span {
font-size: 21px;
line-height: 1;
display: block;
margin-bottom: -10px;
}
.block-1 h1 {
font-size: 18px;
}
.block-1 p {
background: url(../img/b-1-bg.png) repeat-x;
padding: 7px 0px 0px 24px;
line-height: 47px;
color: #FFF;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
text-shadow: 0 1px 0 rgba(93, 174, 21, 0.75);
max-width: 330px;
margin: 5px auto 0;
border-radius: 5px;
position: relative;
text-align: center;
width: 100%;
line-height: 1;
}
.block-2 .block-1 {
margin-bottom: 0px;
overflow: hidden;
padding-bottom: 10px;
}
.block-2 .wrapper {
max-width: 860px;
width: 100%;
}
.block-2 .wrapper .left p:nth-child(1) {
color: #e64803;
font-size: 28px;
font-weight: 700;
margin: 0px 0 13px 0;
text-transform: uppercase;
}
.block-2 .wrapper .left p:nth-child(2) {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #22221e;
line-height: 20px;
margin: 0px 0 13px 0;
}
.block-2 .wrapper .left p:nth-child(3) span:nth-of-type(1) {
color: #e64803;
font-size: 16px;
text-transform: uppercase;
}
.block-2 .wrapper .left p:nth-child(3) span:nth-of-type(2) {
font-size: 12px;
font-weight: 400;
}
.block-2 .wrapper .left {
float: none;
max-width: 506px;
box-shadow: 0 5px 18px rgba(0, 0, 0, 0.54);
background: #fff url(../img/elka2.jpg) no-repeat right -32px;
border-radius: 12px;
padding: 12px 0px 15px 14px;
width: 89%;
margin-left: 10px;
margin-bottom: 10px;
margin: 0 auto;
}
.block-2 .wrapper .right {
float: none;
clear: both;
margin: 0 auto;
max-width: 295px;
margin-top: 20px;
}
.block-6 h1 span {
font-size: 30px;
}
.block-6 h1 {
text-transform: uppercase;
font-size: 24px;
font-weight: 400;
text-align: center;
margin: 0 0 32px 0;
}
.breadcrumbs-top .center {
max-width: 1120px;
width: 100%;
}
.breadcrumbs-top-title:after {
left: 10px;
}
.breadcrumbs-top-title {
padding-left: 46px;
margin-bottom: 10px;
}
.breadcrumbs-top ul li {
margin-bottom: 5px;
}
.block-6 .wrapper > div {
display: inline-block;
width: 93%;
position: relative;
padding: 100px 0 15px 0;
text-align: center;
border: 1px solid #ddd;
margin: 10px;
}
.block-6 .wrapper > div:after {
display: none;
}
.block-6 .wrapper > div p.title {
text-align: center;
color: #FFF;
font-size: 24px;
font-weight: 400;
background: url(../img/b-6-title.png) no-repeat center;
padding: 11px 10px 53px 10px;
left: 0;
right: 0;
top: 0;
position: absolute;
}
.block-6 .wrapper > div p:nth-child(4) {
margin: 0 auto;
padding-top: 8px;
}
.block-6 .wrapper > div .btn.order {
margin: 0 auto;
margin-top: 12px;
}
.breadcrumbs-top ul li:first-child {
border: none;
}
.breadcrumbs-top ul li {
padding-bottom: 2px;
border: 0;
padding-right: 0px;
}
.block-2 {
padding: 0px 0px 20px;
}
.breadcrumbs-top {
padding: 15px 0px;
margin-top: 0px;
}
.block-8 .wrapper {
max-width: 964px;
width: 100%;
}
.block-8 .wrapper h1 {
font-size: 30px;
}
.block-8 .wrapper > div {
width: 93%;
display: block;
margin: 0 auto;
text-align: center;
position: relative;
margin-bottom: 20px;
margin-left: 0;
}
.block-8 .wrapper div:nth-of-type(1) .img {
background: #fff url(../img/b-8-5.png) no-repeat 25px 0px;
text-align: center;
margin: 0 auto;
display: block;
width: 200px;
margin-bottom: 15px;
}
.block-8 .wrapper div:nth-of-type(2) .img {
background: #fff url(../img/b-8-2.png) no-repeat 29px 16px;
width: 200px;
margin: 0 auto;
}
.block-8 .wrapper div p:nth-child(2) {
font-family: "Open Sans";
color: #22221E;
font-size: 24px;
font-weight: 700;
text-transform: uppercase;
margin: 0 0 -4px 0;
}
.block-8 .wrapper div p:nth-child(3) {
font-family: "Open Sans";
color: #1B85D0;
font-size: 20px;
font-weight: 600;
margin: 0px 0 0px 0;
}
.block-8 .wrapper div:nth-of-type(3) .img {
background: #fff url(../img/b-8-3.png) no-repeat 41px 3px;
width: 200px;
margin: 0 auto;
}
.block-8 .wrapper div:nth-of-type(4) .img {
background: #fff url(../img/b-8-4.png) no-repeat 41px 3px;
width: 200px;
margin: 0 auto;
}
.block-8 .wrapper div:nth-of-type(5) .img {
background: #fff url(../img/b-8-4.png) no-repeat 18px 4px;
width: 200px;
margin: 0 auto;
}
.block-8 .wrapper div:nth-of-type(6) .img {
background: #fff url(../img/b-8-6.png) no-repeat 22px 10px;
width: 200px;
margin: 0 auto;
}
.block-8 .wrapper div:nth-of-type(7) .img {
background: #fff url(../img/b-8-22.png) no-repeat 12px 11px;
width: 200px;
margin: 0 auto;
}
.block-8 .wrapper div:nth-of-type(8) .img {
background: #fff url(../img/b-8-10.png) no-repeat 9px 25px;
width: 200px;
margin: 0 auto;
}
.block-8 .wrapper div:nth-of-type(9) .img {
background: #fff url(../img/b-8-9.png) no-repeat 9px 25px;
width: 200px;
margin: 0 auto;
}
.block-8 .wrapper div:nth-of-type(10) .img {
background: #fff url(../img/b-8-21.png) no-repeat 9px 15px;
width: 200px;
margin: 0 auto;
}
.block-8 .wrapper div:nth-of-type(11) .img {
background: #fff url(../img/b-8-11.png) no-repeat 9px 25px;
width: 200px;
margin: 0 auto;
}
.block-8 .wrapper div:nth-of-type(12) .img {
background: #fff url(../img/b-8-12.png) no-repeat 9px 25px;
width: 200px;
margin: 0 auto;
}
.block-8 .wrapper div:nth-of-type(13) .img {
background: #fff url(../img/b-8-13.png) no-repeat 9px 25px;
width: 200px;
margin: 0 auto;
}
.block-8 .wrapper div:nth-of-type(14) .img {
background: #fff url(../img/b-8-14.png) no-repeat 9px 25px;
width: 200px;
margin: 0 auto;
}
.block-8 .wrapper div:nth-of-type(15) .img {
background: #fff url(../img/b-8-15.png) no-repeat 9px 25px;
width: 200px;
margin: 0 auto;
}
.block-8 .wrapper div:nth-of-type(16) .img {
background: #fff url(../img/b-8-16.png) no-repeat 9px 25px;
width: 200px;
margin: 0 auto;
}
.block-8 .wrapper div:nth-of-type(17) .img {
background: #fff url(../img/b-8-17.png) no-repeat 9px 25px;
width: 200px;
margin: 0 auto;
}
.block-8 .wrapper div:nth-of-type(18) .img {
background: #fff url(../img/b-8-18.png) no-repeat 9px 25px;
width: 200px;
margin: 0 auto;
}
.block-8 .wrapper div:nth-of-type(19) .img {
background: #fff url(../img/b-8-19.png) no-repeat 9px 25px;
width: 200px;
margin: 0 auto;
}
.block-8 .wrapper div:nth-of-type(20) .img {
background: #fff url(../img/b-8-20.png) no-repeat 9px 25px;
width: 200px;
margin: 0 auto;
}
.block-8 .wrapper > div:nth-of-type(4n) {
margin: 0;
margin-bottom: 20px;
}
.catalog {
max-width: 1000px;
margin: 0 auto;
margin-bottom: 40px;
width: 100%;
}
.catalog-title h3 {
font-size: 30px;
color: #000;
text-transform: uppercase;
}
.catalog-title p img {
vertical-align: middle;
margin-right: 12px;
display: block;
text-align: center;
margin: 0 auto;
max-width: 110px;
min-width: 75px;
}
.catalog-title p {
font-size: 15px;
color: #000;
}
.wrapper {
margin: 0 auto;
max-width: 1200px;
position: relative;
width: 100%;
}
.block-7 .wrapper > div {
background: none;
max-width: 500px;
background-size: inherit;
padding: 20px 10px 30px 10px;
width: 100%;
margin: 0 auto;
}
.block-7 p:nth-child(1) {
text-transform: uppercase;
color: #1B85D0;
font-size: 28px;
text-align: center;
font-weight: 400;
margin: 0 0 4px 0;
}
.block-7 p:nth-child(2) {
text-transform: uppercase;
color: #22221E;
font-size: 32px;
font-weight: 700;
text-align: center;
}
.block-7 .btn.order.big {
background: #007bc7;
width: auto;
height: 59px;
line-height: 59px;
margin: 22px auto 0;
color: #FFF;
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
text-shadow: 0 1px 0 rgba(131, 129, 129, 0.75);
border-radius: 50px;
margin-right: 20px;
}
.catalog-thumbs-thumb {
border: 1px solid #acacac;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
width: 306px;
padding: 10px 7px;
margin-bottom: 20px! important;
margin-left: 10px;
margin-right: 10px;
margin: 0 auto;
}
.catalog-thumbs-thumb-container-description-row {
border-bottom: 1px solid #000;
padding-top: 5px;
font-size: 13px;
}
.block-4 .wrapper {
background: none;
max-width: 1000px;
margin: 0 auto;
position: relative;
overflow: auto;
width: 100%;
}
.block-4 h1 {
position: absolute;
left: 12px;
top: 22px;
line-height: 29px;
color: #22221E;
font-family: "Roboto Condensed";
font-weight: 700;
text-transform: uppercase;
font-size: 27px;
}
.block-4 h1 span {
display: block;
color: #22221E;
font-weight: 700;
text-transform: uppercase;
font-size: 20px;
}
.block-4 p {
position: relative;
left: 10px;
top: 108px;
color: #E64803;
font-family: "Roboto Condensed";
font-size: 30px;
font-weight: 700;
text-transform: uppercase;
}
.block-4 ul {
list-style: none;
margin: 120px 0 38px 10px;
}
block-4 li {
padding: 0 0 0 25px;
background: url(../img/block-4-li.png) no-repeat left center;
color: #22221E;
font-family: "Open Sans";
font-size: 14px;
font-weight: 400;
list-style: none;
margin: 0 0 10px 0;
line-height: 21px;
}
.block-5 .wrapper {
background: none;
max-width: 1000px;
margin: 0 auto;
position: relative;
overflow: auto;
width: 100%;
}
.block-5 h1 {
position: relative;
top: 11px;
line-height: 32px;
font-family: "Roboto Condensed";
font-weight: 700;
text-transform: uppercase;
color: #1B85D0;
font-size: 32px;
left: 10px;
}
.block-5 h1 span {
display: block;
color: #22221E;
font-weight: 700;
text-transform: uppercase;
font-size: 20px;
}
.block-5 ul {
list-style: none;
margin: 25px 20px 30px 10px;
}
.block-9 .wrapper {
max-width: 1084px;
width: 100%;
}
.block-9 .wrapper h1 span {
font-family: "Roboto Condensed";
text-transform: uppercase;
font-size: 32px;
font-weight: 700;
}
.block-9 .wrapper > h1 {
text-align: center;
color: #22221E;
text-transform: uppercase;
font-size: 30px;
font-weight: 400;
padding: 52px 0 14px 0;
margin: 0;
}
.block-9 section {
width: 99%;
float: none;
margin: 7px 0px -10px 0;
position: relative;
}
.block-9 section div.img {
width: 124px;
height: 126px;
border-radius: 50%;
float: left;
margin: 5px 0 0 10px;
}
.block-9 section h1 {
color: #1B85D0;
font-size: 24px;
font-weight: 700;
text-transform: uppercase;
margin: 41px 0 0 165px;
}
.block-9 section p:nth-of-type(1) {
color: #22221E;
font-family: "Open Sans";
font-size: 14px;
font-style: italic;
margin: -2px 0 0 164px;
line-height: 22px;
}
.block-9 section p:nth-of-type(2) {
color: #E63304;
font-family: "Open Sans";
font-size: 16px;
font-style: italic;
margin: 0px 0 0 163px;
}
.block-9 section h1 {
color: #1B85D0;
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
margin: 41px 0 0 165px;
}
.block-9 div.fix:nth-of-type(3) section:nth-of-type(2) p.after {
position: absolute;
display: block;
bottom: -47px;
color: #22221E;
font-family: "Arial";
font-size: 10px;
font-style: italic;
margin-bottom: 13px;
}
.block-9 section {
width: 99%;
float: none;
margin: 7px 0px 0px 0;
position: relative;
min-height: 135px;
}
.block-3 div:nth-child(1) {
background-image: url(../img/block-3-1.png);
margin-bottom: 12px;
}
.block-3 div:nth-child(2) {
background-image: url(../img/block-3-2.png);
margin-bottom: 12px;
}
.block-3 div:nth-child(3) {
background-image: url(../img/block-3-3.png);
margin-bottom: 12px;
}
.block-3 div > span {
display: block;
font-size: 38px;
font-weight: 700;
text-transform: uppercase;
margin: 65px 0 0 0;
}
.block-3 div {
color: #FFF;
font-family: "Roboto Condensed";
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
color: #FFF;
line-height: 32px;
vertical-align: top;
}
.block-10 .wrapper {
max-width: 1083px;
width: 100%;
}
.block-10 h1 {
color: #22221E;
text-transform: uppercase;
font-size: 32px;
font-weight: 700;
margin: 0;
padding: 28px 0 13px 0;
text-align: center;
}
.block-10 p {
position: relative;
top: 0px;
right: 0;
font-size: 14px;
color: #22221E;
font-family: "Open Sans";
font-style: italic;
line-height: 22px;
margin-left: 10px;
margin-right: 10px;
}
.block-10 ul li {
list-style: none;
font-family: "Open Sans";
color: #22221E;
font-size: 14px;
font-weight: 400;
display: block;
margin: 10px 0 0 10px;
line-height: 1.4;
float: none;
}
.block-10 img {
margin: 0 auto;
display: block;
max-width: 560px;
width: 100%;
}
.block-11 {
background: url(../img/block-topShadow-bg.png) repeat-x top;
margin: 40px 0 0 0;
padding: 25px 0 0 0;
}
.block-11 .wrapper {
max-width: 880px;
width: 100%;
}
.block-11 h1 span {
font-size: 32px;
font-weight: 700;
line-height: 1;
}
.block-11 h1 {
color: #22221E;
text-transform: uppercase;
font-size: 28px;
font-weight: 400;
text-align: center;
line-height: 35px;
}
.block-11 .wrapper div {
float: none;
width: 100%;
margin: 24px 0 0 0;
text-align: center;
position: relative;
}
.block-11 .wrapper div:after {
display: none;
}
.block-12 .wrapper {
max-width: 953px;
width: 100%;
}
.block-12 h1 span {
font-size: 32px;
font-weight: 700;
}
.block-12 h1 {
color: #22221E;
text-transform: uppercase;
font-size: 30px;
font-weight: 400;
text-align: center;
line-height: 38px;
padding: 40px 0 0 0;
}
.block-12 section.list {
position: relative;
height: auto;
display: block;
margin: 0px 10px;
}
.block-12 section.list p:nth-child(1) span {
color: #22221E;
font-size: 30px;
font-weight: 700;
}
.block-12 section.list p:nth-child(1) {
color: #1B85D0;
font-size: 24px;
font-weight: 600;
text-transform: uppercase;
display: block;
max-width: 240px;
}
.block-12 section.list p:nth-child(2) {
color: #22221E;
font-family: "Open Sans";
font-size: 14px;
font-weight: 400;
margin: 10px 10px 10px;
}
.block-12 section.list img {
position: absolute;
top: 0;
right: 0;
max-width: 75px;
}
.block-12 .last p {
color: #22221E;
font-size: 21px;
font-weight: 400;
text-transform: uppercase;
padding: 11px 0 0 79px;
background: url(../img/b-12-last.png) no-repeat 10px 10px;
}
.block-13 .wrapper {
max-width: 1053px;
width: 100%;
}
.block-13 h1 {
color: #22221E;
text-transform: uppercase;
font-size: 32px;
font-weight: 700;
text-align: center;
margin: 0;
padding: 48px 0 40px 0;
}
.block-13 .wrapper div {
position: relative;
width: 98%;
text-align: center;
float: none;
margin-bottom: 20px;
}
.block-13 .wrapper div:after {
display: none;
}
.block-13 .wrapper div:first-of-type:before {
display: none;
}
.block-14 .wrapper {
max-width: 969px;
background: none;
padding: 32px 0 5px 0;
width: 100%;
}
.block-14 .wrapper div:nth-of-type(1) h1 span {
font-size: 32px;
font-weight: 700;
}
.block-14 .wrapper div:nth-of-type(1) h1 {
color: #22221E;
text-transform: uppercase;
font-size: 22px;
font-weight: 400;
line-height: 32px;
padding: 0;
margin-left: 10px;
}
.block-14 .wrapper div:nth-of-type(1) p:nth-of-type(1) {
color: #22221E;
font-family: "Open Sans";
font-size: 16px;
font-weight: 400;
margin: -6px 0 0 10px;
line-height: 1.4;
}
.block-14 .wrapper div:nth-of-type(2) {
float: none;
margin-right: 12px;
clear: both;
margin: 0 auto;
max-width: 298px;
}
.block-14 .wrapper div:nth-of-type(1) {
float: left;
margin-bottom: 25px;
}
.products-container {
max-width: 1000px;
margin: 0 auto;
width: 100%;
}
.products-container-thumbs-thumb-photo {
float: none;
max-width: 435px;
width: 100%;
margin: 0 auto;
}
.products-container-thumbs-thumb-photo img {
width: 100%;
}
.products-container-thumbs-thumb-description {
float: left;
max-width: 560px;
width: 100%;
margin: 20px 10px;
}
.products-container-thumbs-thumb {
margin-bottom: 10px;
}
.products-container-thumbs-thumb-description h4 {
color: #000;
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
min-height: 60px;
margin-bottom: 0px;
}
.products-container-thumbs-thumb-description h4 span {
margin-top: -5px;
}
.block-15 .wrapper {
max-width: 1000px;
width: 100%;
margin: 0px 10px;
}
.block-15 h1 {
color: #22221E;
text-transform: uppercase;
font-size: 32px;
font-weight: 700;
margin: 0;
padding: 40px 0 20px 0;
text-align: center;
}
footer .wrapper {
margin: 0 auto;
left: 0;
height: 114px;
max-width: 1000px;
position: relative;
width: 100%;
}
footer address {
position: relative;
right: 0;
top: 55px;
text-align: center;
}
footer .btn.order {
width: 201px;
height: 44px;
line-height: 44px;
background: url(../img/btn.png) no-repeat;
color: #FFF;
font-size: 18px;
font-weight: 400;
text-transform: uppercase;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.13);
text-align: center;
cursor: pointer;
clear: both;
position: relative;
margin: 0 auto;
margin-top: 30px;
margin-bottom: 20px;
}
footer .copy {
position: relative;
/* top: 43px; */
color: #484949;
font-family: "Roboto Condensed";
font-size: 16px;
font-weight: 400;
display: block;
clear: both;
float: none;
overflow: hidden;
text-align: center;
}
.block-8 .wrapper > div:after {
display: none;
}
.map address {
position: relative;
top: 0px;
left: 0;
z-index: 99;
background: #252525 url(../img/map-address-bg.png) no-repeat top;
font-family: "Roboto Condensed";
font-size: 16px;
font-weight: 400;
color: #A9AAAA;
font-style: normal;
max-width: 100%;
height: 340px;
width: 100%;
}
.map address p:nth-of-type(1) {
margin-top: 0;
padding-top: 125px;
}
.block-4 li {
padding: 0 0 0 39px;
background: url(../img/block-4-li.png) no-repeat left center;
color: #22221E;
font-family: "Open Sans";
font-size: 14px;
font-weight: 400;
list-style: none;
margin: 0 0 14px 0;
line-height: 1.4;
}
}
@media (min-width:520px) and (max-width:720px) {
.block-6 .wrapper > div {
display: inline-block;
width: 45%;
position: relative;
padding: 100px 0 15px 0;
text-align: center;
border: 1px solid #ddd;
margin: 10px;
}
.block-14 .wrapper div:nth-of-type(2) .call {
margin: 18px 0 0 0;
}
.block-14 .wrapper div:nth-of-type(2) {
margin-right: 12px;
clear: none;
margin: 0 auto;
max-width: 298px;
float: right;
vertical-align: top;
}
.block-8 .wrapper .img {
border: solid 1px #e1e1e1;
width: 48%;
height: 224px;
margin: 0 auto;
}
.block-8 .wrapper > div {
width: 49%;
display: inline-block;
margin: 0 auto;
text-align: center;
position: relative;
margin-bottom: 20px;
margin-left: 0;
vertical-align: top;
}
.catalog-thumbs-thumb {
border: 1px solid #acacac;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
width: 260px;
padding: 10px 7px;
margin-bottom: 20px! important;
margin-left: 10px;
margin-right: 10px;
margin: 0 auto;
}
.catalog-thumbs-thumb-container-photo img {
max-width: 120px;
height: auto;
}
.block-8 .wrapper {
max-width: 964px;
width: 100%;
}
.block-12 section.list img {
position: absolute;
top: 0;
right: 0;
max-width: 105px;
}
}
@media (min-width:721px) and (max-width:980px) {
.block-6 .wrapper > div {
display: inline-block;
width: 30%;
position: relative;
padding: 100px 0 15px 0;
text-align: center;
border: 1px solid #ddd;
margin: 10px;
}
.block-6 .wrapper > div:after {
display: none;
}
.block-8 .wrapper {
max-width: 964px;
width: 100%;
}
}
@media (max-width:620px) {
.block-14 .wrapper div:nth-of-type(1) {
float: none;
margin-bottom: 25px;
margin: 0 auto;
max-width: 300px;
}
}
@media (min-width:520px) and (max-width:620px) {
.block-14 .wrapper div:nth-of-type(2) {
margin-right: 12px;
clear: none;
margin: 0 auto;
max-width: 298px;
float: none;
vertical-align: top;
}
}
@media (min-width:721px) and (max-width:970px) {
.logo img {
max-width: 210px;
width: 100%;
}
.header_contacts {
float: right! important;
max-width: 315px;
margin: 0 auto;
overflow: hidden;
margin-top: 50px! important;
}
.top_header {
float: left! important;
max-width: 500px;
margin: 0 auto;
margin-top: 65px! important;
overflow: hidden;
text-align: center;
}
.logo {
float: none;
padding-top: 0px;
font-size: 0px;
width: 150px;
margin: 0 auto;
padding-left: 10px;
display: inline-block;
vertical-align: middle;
}
.logo-description {
float: none;
font-size: 9px;
color: #000;
text-transform: uppercase;
margin-top: 0px;
font-weight: bold;
line-height: 140%;
text-align: left;
display: inline-block;
vertical-align: middle;
}
header {
display: block;
padding-bottom: 10px;
padding-top: 10px;
max-width: 1000px;
margin: 0 auto;
font-family: Arial;
width: 100%;
}
.phone span {
display: block;
font-size: 10px;
color: #fd3d3d;
font-weight: normal;
text-align: right;
}
.phone {
font-size: 23px;
color: #1788d7;
float: left;
padding-right: 0px;
height: auto;
margin-left: 10px;
overflow: hidden;
margin-top: 0px;
line-height: 1.4;
}
.phone span.ya-phone {
font-size: 18px;
color: #1788d7;
padding-bottom: 0px;
padding-top: 0px;
font-weight: bold;
}
.contacts_link {
float: right;
font-size: 11px;
line-height: 18px;
padding-left: 16px;
height: 35px;
margin-top: 28px;
display: none;
}
.schedule .button {
height: 27px;
width: 145px;
font-size: 14px;
padding-top: 7px;
margin-top: 7px;
}
.schedule {
padding-left: 0px;
}
.top-menu-blue .button {
right: 31px;
font-family: "Roboto Condensed";
text-transform: uppercase;
color: #1B85D0;
font-size: 14px;
font-weight: 700;
/* max-width: 150px; */
height: 33px;
background-color: #FFF;
border-radius: 15px;
text-align: center;
line-height: 35px;
cursor: pointer;
margin: 8px 0px 0;
word-spacing: 0px;
width: 45%;
float: left! important;
}
.top-menu-blue address {
top: 12px;
right: 0;
font-family: "Roboto Condensed";
text-transform: uppercase;
color: #FFF;
font-size: 20px;
font-weight: 400;
font-style: normal;
line-height: 3;
margin: 2px 18px 0 5px;
/* left: 0px; */
width: 45%;
float: left! important;
text-align: center;
padding: 0px! important;
margin-top: -24px! important;
}
.block-15 p {
font-family: "Open Sans";
color: #22221E;
font-size: 12px;
font-weight: 600;
margin: 0 0 10px 0;
line-height: 14px;
clear: both;
}
.top-menu-blue .wrapper > * {
float: none;
position: relative;
}
.toggle-button2 {
text-align: center;
display: block;
cursor: pointer;
background-color: #007bc7;
color: #fff;
position: absolute! important;
width: 100%;
z-index: 9999;
}
.top-menu-blue .up {
float: right! important;
position: absolute;
right: 10px;
}
.top-menu-blue .up {
right: 0;
background: #fff url(../img/top-menu-blue-up.png) no-repeat center;
width: 25px;
height: 25px;
cursor: pointer;
float: right;
margin: 10px 8px 0 0;
}
.toggle-button2:after {
content: attr(data-open);
display: block;
margin: 0px;
padding: 4px 36px;
}
.top-menu-blue:after {
background: none;
height: 72px;
display: block;
content: '';
position: absolute;
z-index: 1;
right: 0;
left: 50%;
top: 0;
}
.block-1 h1 span {
font-size: 29px! important;
line-height: 1;
display: block;
margin-bottom: -10px;
}
.block-1 h1 {
font-size: 18px;
}
.block-1 p {
background: url(../img/b-1-bg.png) repeat-x;
padding: 7px 0px 0px 24px;
line-height: 47px;
color: #FFF;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
text-shadow: 0 1px 0 rgba(93, 174, 21, 0.75);
max-width: 330px;
margin: 5px auto 0;
border-radius: 5px;
position: relative;
text-align: center;
width: 100%;
line-height: 1;
}
.block-2 .block-1 {
margin-bottom: 0px;
overflow: hidden;
padding-bottom: 10px;
}
.block-2 .wrapper {
max-width: 860px;
width: 100%;
}
.block-2 .wrapper .left p:nth-child(1) {
color: #e64803;
font-size: 28px;
font-weight: 700;
margin: 0px 0 13px 0;
text-transform: uppercase;
}
.block-2 .wrapper .left p:nth-child(2) {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #22221e;
line-height: 20px;
margin: 0px 0 13px 0;
}
.block-2 .wrapper .left p:nth-child(3) span:nth-of-type(1) {
color: #e64803;
font-size: 16px;
text-transform: uppercase;
}
.block-2 .wrapper .left p:nth-child(3) span:nth-of-type(2) {
font-size: 12px;
font-weight: 400;
}
.block-2 .wrapper .left {
float: none;
max-width: 506px;
box-shadow: 0 5px 18px rgba(0, 0, 0, 0.54);
background: #fff url(../img/elka2.jpg) no-repeat right -32px;
border-radius: 12px;
padding: 12px 0px 15px 14px;
width: 89%;
margin-left: 10px;
margin-bottom: 10px;
margin: 0 auto;
}
.block-2 .wrapper .right {
float: none;
clear: both;
margin: 0 auto;
max-width: 295px;
margin-top: 20px;
}
.block-6 h1 span {
font-size: 30px;
}
.block-6 h1 {
text-transform: uppercase;
font-size: 24px;
font-weight: 400;
text-align: center;
margin: 0 0 32px 0;
}
.breadcrumbs-top .center {
max-width: 1120px;
width: 100%;
}
.breadcrumbs-top-title:after {
left: 10px;
}
.breadcrumbs-top-title {
padding-left: 46px;
margin-bottom: 10px;
}
.breadcrumbs-top ul li {
margin-bottom: 5px;
}
.block-6 .wrapper > div {
display: inline-block;
width: 45%;
position: relative;
padding: 100px 0 15px 0;
text-align: center;
border: 1px solid #ddd;
margin: 10px;
}
.block-6 .wrapper > div:after {
display: none;
}
.block-6 .wrapper > div p.title {
text-align: center;
color: #FFF;
font-size: 24px;
font-weight: 400;
background: url(../img/b-6-title.png) no-repeat center;
padding: 11px 10px 53px 10px;
left: 0;
right: 0;
top: 0;
position: absolute;
}
.block-6 .wrapper > div p:nth-child(4) {
margin: 0 auto;
padding-top: 8px;
}
.block-6 .wrapper > div .btn.order {
margin: 0 auto;
margin-top: 12px;
}
.breadcrumbs-top ul li:first-child {
border: none;
}
.breadcrumbs-top ul li {
padding-bottom: 2px;
border: 0;
padding-right: 0px;
}
.block-2 {
padding: 0px 0px 20px;
}
.breadcrumbs-top {
padding: 15px 0px;
margin-top: 0px;
}
.block-8 .wrapper {
max-width: 964px;
width: 100%;
}
.block-8 .wrapper h1 {
font-size: 30px;
}
.block-8 .wrapper > div {
width: 32%;
display: inline-block;
margin: 0 auto;
text-align: center;
position: relative;
margin-bottom: 20px;
margin-left: 0;
vertical-align: top;
}
.block-8 .wrapper div:nth-of-type(1) .img {
background: #fff url(../img/b-8-5.png) no-repeat 25px 0px;
text-align: center;
margin: 0 auto;
display: block;
width: 200px;
margin-bottom: 15px;
}
.block-8 .wrapper div:nth-of-type(2) .img {
background: #fff url(../img/b-8-2.png) no-repeat 29px 16px;
width: 200px;
margin: 0 auto;
}
.block-8 .wrapper div p:nth-child(2) {
font-family: "Open Sans";
color: #22221E;
font-size: 24px;
font-weight: 700;
text-transform: uppercase;
margin: 0 0 -4px 0;
}
.block-8 .wrapper div p:nth-child(3) {
font-family: "Open Sans";
color: #1B85D0;
font-size: 20px;
font-weight: 600;
margin: 0px 0 0px 0;
}
.block-8 .wrapper div:nth-of-type(3) .img {
background: #fff url(../img/b-8-3.png) no-repeat 41px 3px;
width: 200px;
margin: 0 auto;
}
.block-8 .wrapper div:nth-of-type(4) .img {
background: #fff url(../img/b-8-4.png) no-repeat 41px 3px;
width: 200px;
margin: 0 auto;
}
.block-8 .wrapper div:nth-of-type(5) .img {
background: #fff url(../img/b-8-4.png) no-repeat 18px 4px;
width: 200px;
margin: 0 auto;
}
.block-8 .wrapper div:nth-of-type(6) .img {
background: #fff url(../img/b-8-6.png) no-repeat 22px 10px;
width: 200px;
margin: 0 auto;
}
.block-8 .wrapper div:nth-of-type(7) .img {
background: #fff url(../img/b-8-22.png) no-repeat 12px 11px;
width: 200px;
margin: 0 auto;
}
.block-8 .wrapper div:nth-of-type(8) .img {
background: #fff url(../img/b-8-10.png) no-repeat 9px 25px;
width: 200px;
margin: 0 auto;
}
.block-8 .wrapper div:nth-of-type(9) .img {
background: #fff url(../img/b-8-9.png) no-repeat 9px 25px;
width: 200px;
margin: 0 auto;
}
.block-8 .wrapper div:nth-of-type(10) .img {
background: #fff url(../img/b-8-21.png) no-repeat 9px 15px;
width: 200px;
margin: 0 auto;
}
.block-8 .wrapper div:nth-of-type(11) .img {
background: #fff url(../img/b-8-11.png) no-repeat 9px 25px;
width: 200px;
margin: 0 auto;
}
.block-8 .wrapper div:nth-of-type(12) .img {
background: #fff url(../img/b-8-12.png) no-repeat 9px 25px;
width: 200px;
margin: 0 auto;
}
.block-8 .wrapper div:nth-of-type(13) .img {
background: #fff url(../img/b-8-13.png) no-repeat 9px 25px;
width: 200px;
margin: 0 auto;
}
.block-8 .wrapper div:nth-of-type(14) .img {
background: #fff url(../img/b-8-14.png) no-repeat 9px 25px;
width: 200px;
margin: 0 auto;
}
.block-8 .wrapper div:nth-of-type(15) .img {
background: #fff url(../img/b-8-15.png) no-repeat 9px 25px;
width: 200px;
margin: 0 auto;
}
.block-8 .wrapper div:nth-of-type(16) .img {
background: #fff url(../img/b-8-16.png) no-repeat 9px 25px;
width: 200px;
margin: 0 auto;
}
.block-8 .wrapper div:nth-of-type(17) .img {
background: #fff url(../img/b-8-17.png) no-repeat 9px 25px;
width: 200px;
margin: 0 auto;
}
.block-8 .wrapper div:nth-of-type(18) .img {
background: #fff url(../img/b-8-18.png) no-repeat 9px 25px;
width: 200px;
margin: 0 auto;
}
.block-8 .wrapper div:nth-of-type(19) .img {
background: #fff url(../img/b-8-19.png) no-repeat 9px 25px;
width: 200px;
margin: 0 auto;
}
.block-8 .wrapper div:nth-of-type(20) .img {
background: #fff url(../img/b-8-20.png) no-repeat 9px 25px;
width: 200px;
margin: 0 auto;
}
.block-8 .wrapper > div:nth-of-type(4n) {
margin: 0;
margin-bottom: 20px;
}
.catalog {
max-width: 1000px;
margin: 0 auto;
margin-bottom: 40px;
width: 100%;
}
.catalog-title h3 {
font-size: 30px;
color: #000;
text-transform: uppercase;
}
.catalog-title p img {
vertical-align: middle;
margin-right: 12px;
display: block;
text-align: center;
margin: 0 auto;
max-width: 110px;
min-width: 75px;
}
.catalog-title p {
font-size: 15px;
color: #000;
}
.wrapper {
margin: 0 auto;
max-width: 1200px;
position: relative;
width: 100%;
}
.block-7 .wrapper > div {
background: none;
max-width: 500px;
background-size: inherit;
padding: 20px 10px 30px 10px;
width: 100%;
margin: 0 auto;
}
.block-7 p:nth-child(1) {
text-transform: uppercase;
color: #1B85D0;
font-size: 28px;
text-align: center;
font-weight: 400;
margin: 0 0 4px 0;
}
.block-7 p:nth-child(2) {
text-transform: uppercase;
color: #22221E;
font-size: 32px;
font-weight: 700;
text-align: center;
}
.block-7 .btn.order.big {
background: #007bc7;
width: auto;
height: 59px;
line-height: 59px;
margin: 22px auto 0;
color: #FFF;
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
text-shadow: 0 1px 0 rgba(131, 129, 129, 0.75);
border-radius: 50px;
margin-right: 20px;
}
.catalog-thumbs-thumb {
border: 1px solid #acacac;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
width: 306px;
padding: 10px 7px;
margin-bottom: 20px! important;
margin-left: 10px;
margin-right: 10px;
margin: 0 auto;
}
.catalog-thumbs-thumb-container-description-row {
border-bottom: 1px solid #000;
padding-top: 5px;
font-size: 13px;
}
.block-4 .wrapper {
background: none;
max-width: 1000px;
margin: 0 auto;
position: relative;
overflow: auto;
width: 100%;
}
.block-4 h1 {
position: absolute;
left: 12px;
top: 22px;
line-height: 29px;
color: #22221E;
font-family: "Roboto Condensed";
font-weight: 700;
text-transform: uppercase;
font-size: 27px;
}
.block-4 h1 span {
display: block;
color: #22221E;
font-weight: 700;
text-transform: uppercase;
font-size: 20px;
}
.block-4 p {
position: relative;
left: 10px;
top: 108px;
color: #E64803;
font-family: "Roboto Condensed";
font-size: 30px;
font-weight: 700;
text-transform: uppercase;
}
.block-4 ul {
list-style: none;
margin: 120px 0 38px 10px;
}
block-4 li {
padding: 0 0 0 25px;
background: url(../img/block-4-li.png) no-repeat left center;
color: #22221E;
font-family: "Open Sans";
font-size: 14px;
font-weight: 400;
list-style: none;
margin: 0 0 10px 0;
line-height: 21px;
}
.block-5 .wrapper {
background: none;
max-width: 1000px;
margin: 0 auto;
position: relative;
overflow: auto;
width: 100%;
}
.block-5 h1 {
position: relative;
top: 11px;
line-height: 32px;
font-family: "Roboto Condensed";
font-weight: 700;
text-transform: uppercase;
color: #1B85D0;
font-size: 32px;
left: 10px;
}
.block-5 h1 span {
display: block;
color: #22221E;
font-weight: 700;
text-transform: uppercase;
font-size: 20px;
}
.block-5 ul {
list-style: none;
margin: 25px 20px 30px 10px;
}
.block-9 .wrapper {
max-width: 1084px;
width: 100%;
}
.block-9 .wrapper h1 span {
font-family: "Roboto Condensed";
text-transform: uppercase;
font-size: 32px;
font-weight: 700;
}
.block-9 .wrapper > h1 {
text-align: center;
color: #22221E;
text-transform: uppercase;
font-size: 30px;
font-weight: 400;
padding: 52px 0 14px 0;
margin: 0;
}
.block-9 section {
width: 99%;
float: none;
margin: 7px 0px -10px 0;
position: relative;
}
.block-9 section div.img {
width: 124px;
height: 126px;
border-radius: 50%;
float: left;
margin: 5px 0 0 10px;
}
.block-9 section h1 {
color: #1B85D0;
font-size: 24px;
font-weight: 700;
text-transform: uppercase;
margin: 41px 0 0 165px;
}
.block-9 section p:nth-of-type(1) {
color: #22221E;
font-family: "Open Sans";
font-size: 14px;
font-style: italic;
margin: -2px 0 0 164px;
line-height: 22px;
}
.block-9 section p:nth-of-type(2) {
color: #E63304;
font-family: "Open Sans";
font-size: 16px;
font-style: italic;
margin: 0px 0 0 163px;
}
.block-9 section h1 {
color: #1B85D0;
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
margin: 41px 0 0 165px;
}
.block-9 div.fix:nth-of-type(3) section:nth-of-type(2) p.after {
position: absolute;
display: block;
bottom: -47px;
color: #22221E;
font-family: "Arial";
font-size: 10px;
font-style: italic;
margin-bottom: 13px;
}
.block-9 section {
width: 49%;
float: none;
margin: 7px 0px 0px 0;
position: relative;
min-height: 135px;
display: inline-block;
vertical-align: top;
}
.block-3 div:nth-child(1) {
background-image: url(../img/block-3-1.png);
margin-bottom: 12px;
}
.block-3 div:nth-child(2) {
background-image: url(../img/block-3-2.png);
margin-bottom: 12px;
}
.block-3 div:nth-child(3) {
background-image: url(../img/block-3-3.png);
margin-bottom: 12px;
}
.block-3 div > span {
display: block;
font-size: 38px;
font-weight: 700;
text-transform: uppercase;
margin: 65px 0 0 0;
}
.block-3 div {
color: #FFF;
font-family: "Roboto Condensed";
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
color: #FFF;
line-height: 32px;
vertical-align: top;
}
.block-10 .wrapper {
max-width: 1083px;
width: 100%;
}
.block-10 h1 {
color: #22221E;
text-transform: uppercase;
font-size: 32px;
font-weight: 700;
margin: 0;
padding: 28px 0 13px 0;
text-align: center;
}
.block-10 p {
position: relative;
top: 0px;
right: 0;
font-size: 14px;
color: #22221E;
font-family: "Open Sans";
font-style: italic;
line-height: 22px;
margin-left: 10px;
margin-right: 10px;
}
.block-10 ul li {
list-style: none;
font-family: "Open Sans";
color: #22221E;
font-size: 14px;
font-weight: 400;
display: block;
margin: 10px 0 0 10px;
line-height: 1.4;
float: none;
}
.block-10 img {
margin: 0 auto;
display: block;
max-width: 560px;
width: 100%;
}
.block-11 {
background: url(../img/block-topShadow-bg.png) repeat-x top;
margin: 40px 0 0 0;
padding: 25px 0 0 0;
}
.block-11 .wrapper {
max-width: 880px;
width: 100%;
}
.block-11 h1 span {
font-size: 32px;
font-weight: 700;
line-height: 1;
}
.block-11 h1 {
color: #22221E;
text-transform: uppercase;
font-size: 28px;
font-weight: 400;
text-align: center;
line-height: 35px;
}
.block-11 .wrapper div {
float: none;
width: 33%;
margin: 24px 0 0 0;
text-align: center;
position: relative;
display: inline-block;
}
.block-11 .wrapper div:after {
display: none;
}
.block-12 .wrapper {
max-width: 953px;
width: 100%;
}
.block-12 h1 span {
font-size: 32px;
font-weight: 700;
}
.block-12 h1 {
color: #22221E;
text-transform: uppercase;
font-size: 30px;
font-weight: 400;
text-align: center;
line-height: 38px;
padding: 40px 0 0 0;
}
.block-12 section.list {
position: relative;
height: auto;
display: block;
margin: 0px 10px;
}
.block-12 section.list p:nth-child(1) span {
color: #22221E;
font-size: 30px;
font-weight: 700;
}
.block-12 section.list p:nth-child(1) {
color: #1B85D0;
font-size: 24px;
font-weight: 600;
text-transform: uppercase;
display: block;
max-width: 100%! important;
}
.block-12 section.list p:nth-child(2) {
color: #22221E;
font-family: "Open Sans";
font-size: 14px;
font-weight: 400;
margin: 10px 10px 10px;
max-width: 80%;
}
.block-12 section.list img {
position: absolute;
top: 0;
right: 0;
max-width: 110px;
}
.block-12 .last p {
color: #22221E;
font-size: 21px;
font-weight: 400;
text-transform: uppercase;
padding: 11px 0 0 79px;
background: url(../img/b-12-last.png) no-repeat 10px 10px;
}
.block-13 .wrapper {
max-width: 1053px;
width: 100%;
}
.block-13 h1 {
color: #22221E;
text-transform: uppercase;
font-size: 32px;
font-weight: 700;
text-align: center;
margin: 0;
padding: 48px 0 40px 0;
}
.block-13 .wrapper div {
position: relative;
width: 49%;
text-align: center;
float: none;
margin-bottom: 20px;
display: inline-block;
vertical-align: top;
}
.block-13 .wrapper div:after {
display: block;
position: absolute;
content: '';
top: 82px;
right: 5px;
background: url(../img/b-13-after.png) no-repeat;
width: 53px;
height: 44px;
}
.block-13 .wrapper div:first-of-type:before {
display: none;
}
.block-14 .wrapper {
max-width: 969px;
background: none;
padding: 32px 0 5px 0;
width: 100%;
}
.block-14 .wrapper div:nth-of-type(1) h1 span {
font-size: 32px;
font-weight: 700;
}
.block-14 .wrapper div:nth-of-type(1) h1 {
color: #22221E;
text-transform: uppercase;
font-size: 22px;
font-weight: 400;
line-height: 32px;
padding: 0;
margin-left: 10px;
}
.block-14 .wrapper div:nth-of-type(1) p:nth-of-type(1) {
color: #22221E;
font-family: "Open Sans";
font-size: 16px;
font-weight: 400;
margin: -6px 0 0 10px;
line-height: 1.4;
}
.block-14 .wrapper div:nth-of-type(2) {
float: right;
margin-right: 12px;
clear: none;
margin: 0 auto;
max-width: 298px;
vertical-align: top;
margin-right: 10px;
}
.block-14 .wrapper div:nth-of-type(1) {
float: left;
margin-bottom: 25px;
margin-left: 10px;
}
.products-container {
max-width: 1000px;
margin: 0 auto;
width: 100%;
}
.products-container-thumbs-thumb-photo {
float: none;
max-width: 435px;
width: 100%;
margin: 0 auto;
margin-bottom: 15px;
}
.products-container-thumbs-thumb-photo img {
width: 100%;
}
.products-container-thumbs-thumb-description {
float: none;
max-width: 560px;
width: 100%;
margin: 0 auto! important;
margin: 10px 0px;
clear: both;
position: relative;
overflow: hidden;
}
.products-container-thumbs-thumb {
margin-bottom: 10px;
}
.products-container-thumbs-thumb-description h4 {
color: #000;
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
min-height: 60px;
margin-bottom: 0px;
}
.products-container-thumbs-thumb-description h4 span {
margin-top: -5px;
}
.block-15 .wrapper {
max-width: 1000px;
width: 100%;
margin: 0px 10px;
}
.block-15 h1 {
color: #22221E;
text-transform: uppercase;
font-size: 32px;
font-weight: 700;
margin: 0;
padding: 40px 0 20px 0;
text-align: center;
}
footer .wrapper {
margin: 0 auto;
left: 0;
height: 114px;
max-width: 1000px;
position: relative;
width: 100%;
}
footer address {
position: relative;
right: 0;
top: 55px;
text-align: center;
}
footer .btn.order {
width: 201px;
height: 44px;
line-height: 44px;
background: url(../img/btn.png) no-repeat;
color: #FFF;
font-size: 18px;
font-weight: 400;
text-transform: uppercase;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.13);
text-align: center;
cursor: pointer;
clear: both;
position: relative;
margin: 0 auto;
margin-top: 30px;
margin-bottom: 20px;
}
footer .copy {
position: relative;
/* top: 43px; */
color: #484949;
font-family: "Roboto Condensed";
font-size: 16px;
font-weight: 400;
display: block;
clear: both;
float: none;
overflow: hidden;
text-align: center;
}
.block-8 .wrapper > div:after {
display: none;
}
.map address {
position: absolute;
top: 28px;
left: 0;
z-index: 99;
background: #252525 url(../img/map-address-bg.png) no-repeat top;
font-family: "Roboto Condensed";
font-size: 12px;
font-weight: 400;
color: #A9AAAA;
font-style: normal;
max-width: 360px;
height: 340px;
width: 35%;
}
.map address p {
font-family: "Roboto Condensed";
font-size: 13px;
font-weight: 400;
margin: 0 31px 3px 31px;
}
.map h1 {
position: absolute;
width: 310px;
height: 84px;
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.45);
color: #22221E;
font-family: "Roboto Condensed";
font-size: 28px;
font-weight: 700;
text-transform: uppercase;
z-index: 99;
background: white;
text-align: center;
line-height: 85px;
left: 0;
right: 0;
top: 35px;
}
.block-4 li {
padding: 0 0 0 39px;
background: url(../img/block-4-li.png) no-repeat left center;
color: #22221E;
font-family: "Open Sans";
font-size: 14px;
font-weight: 400;
list-style: none;
margin: 0 0 14px 0;
line-height: 1.4;
}
}
@media (max-width:970px) {
.main-menu2 a {
display: block;
text-decoration: none;
line-height: 3;
color: #000! important;
}
.main-menu2 a:hover {
text-decoration: underline;
}
}
@media screen and (min-width: 830px) and (max-width:970px) {
.block-2 .wrapper .left {
float: left;
max-width: 506px;
box-shadow: 0 5px 18px rgba(0, 0, 0, 0.54);
background: #fff url(../img/elka.jpg) no-repeat right 0px;
border-radius: 12px;
padding: 48px 0px 60px 15px;
width: 89%;
margin-left: 10px;
margin-bottom: 10px;
margin: 0 auto;
}
.block-2 .wrapper .right {
float: right;
/* margin: 0 auto; */
max-width: 295px;
margin-top: 0px;
vertical-align: top;
clear: none;
}
.block-2 .wrapper .left p:nth-child(1) {
color: #e64803;
font-size: 36px;
font-weight: 700;
margin: 0px 0 13px 0;
text-transform: uppercase;
}
.block-2 .wrapper .left p:nth-child(2) {
font-family: 'Open Sans', sans-serif;
font-size: 20px;
color: #22221e;
line-height: 20px;
margin: 0px 0 13px 0;
}
.block-2 .wrapper .left p:nth-child(3) span:nth-of-type(1) {
color: #e64803;
font-size: 20px;
text-transform: uppercase;
}
.block-2 .wrapper .left p:nth-child(3) span:nth-of-type(2) {
font-size: 14px;
font-weight: 400;
}
}
@media (max-width:980px) {
.mobile {
display:block! important;
}
.desctop {
display:none! important;
}
}
@media (min-width:981px) {
.mobile {
display:none! important;
}
}
@media (min-width:971px) {
.top-menu-blue {
display: none;
background: #1b85d0;
height: 72px;
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 9;
}
}
@media (min-width:971px) and (max-width:980px) {
.top-menu-blue address {
top: 0;
right: 288px;
font-family: "Roboto Condensed";
text-transform: uppercase;
color: #FFF;
font-size: 24px;
font-weight: 400;
font-style: normal;
line-height: 69px;
margin: 0 18px 0 53px;
left: 0;
}
.top-menu-blue a {
color: #FFF! important;
font-family: "Roboto Condensed";
font-size: 20px! important;
font-weight: 400;
text-transform: uppercase! important;
line-height: 76px! important;
margin: 0 -10px 0 0! important;
text-decoration: none;
}
header {
display: block;
padding-bottom: 10px;
padding-top: 35px;
max-width: 1000px;
margin: 0 auto;
font-family: Arial;
width: 100%;
}
.header_contacts {
float: right;
width: 480px;
margin-top: 8px;
}
}
img.toilet {
float: none;
margin: 0 auto;
text-align: center;
display: block;
max-width: 100%;
}
@media (min-width:320px) and (max-width:980px) {
.block-4 h1 {
position: relative;
left: 12px;
top: 0px;
line-height: 29px;
color: #22221E;
font-family: "Roboto Condensed";
font-weight: 700;
text-transform: uppercase;
font-size: 27px;
clear: both;
text-align: center;
}
.block-5 h1 {
position: relative;
right: 63px;
top: 11px;
line-height: 29px;
font-family: "Roboto Condensed";
font-weight: 700;
text-transform: uppercase;
color: #1B85D0;
font-size: 40px;
text-align: center;
left: 0;
margin-bottom: 0;
}
.block-5 ul {
list-style: none;
margin: 50px 0 112px 21px;
}
.block-4 p {
position: relative;
left: 0;
top: 0px;
color: #E64803;
font-family: "Roboto Condensed";
font-size: 30px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
}
.block-4 ul {
list-style: none;
margin: 23px 0 38px 10px;
}
.block-5 .wrapper {
background: none;
max-width: 1000px;
margin: 0 auto;
position: relative;
overflow: auto;
width: 100%;
padding-top: 25px;
}
.block-4 .wrapper {
background: none;
max-width: 1000px;
margin: 0 auto;
position: relative;
overflow: auto;
width: 100%;
padding-top: 25px;
}
}
.show {
display:block! important;
}
.center {
text-align:center;
}
a.tp {
font-size: 18px;
text-decoration: underline;
color: #ff6a00;
}
a.tp:hover {
font-size: 18px;
text-decoration: underline;
color: blue;
}