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, font, 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 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
:focus {
outline: 0;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
header, nav, section, article, aside, footer {
display: block;
}
body {
font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
}
a {
color: blue;
outline: none;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
p {
margin: 0;
}
img {
border: none;
}
input {
vertical-align: middle;
}
#wrapper {
width: 100%;
min-width: 1000px;
overflow: hidden;
/*url("http://land/css/../img/bg-line-second.png") repeat-x 0px 806px,
url("http://land/css/../img/bg-line-third.png") repeat-x 0px 1420px,
url("http://land/css/../img/bg-service.png") repeat-x 0px 1812px,
url("http://land/css/../img/bg-line-third.png") repeat-x 0px 2820px,
url("http://land/css/../img/bg-line-third.png") repeat-x 0px 5440px,
url("http://land/css/../img/grey-fork.png") repeat-x 0px 4020px,
url("http://land/css/../img/bg-grey-2.png") repeat-x 0px 4020px,
url("http://land/css/../img/grey-fork-2.png") repeat-x 0px 6480px,
url("http://land/css/../img/light-grey.png") repeat-x 0px 5830px,
url("http://land/css/../img/bg-line-third.png") repeat-x 0px 7740px,
url("http://land/css/../img/bg-grey-3.png") repeat-x 0px 6480px,
url("http://land/css/../img/white-fork-bottom.png") repeat-x 0px 9172px,
url("http://land/css/../img/bg-grey-4.png") repeat-x 0px 8130px,
url("http://land/css/../img/bg-line-third.png") repeat-x 0px 9810px;
*/
}
@font-face {
font-family: 'Russia-Bold';
src: url('../font/Russia-Bold.otf');
src: local('Russia-Bold'), url('../font/Russia-Bold.otf') format('opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'PTSans Italic';
src: url('../font/PTS56F.ttf');
src: local('PTSans Italic'), url('../font/PTS56F.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'PTSans Bold';
src: url('../font/PTS75F.ttf');
src: local('PTSans Bold'), url('../font/PTS75F.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'PTSans Regular';
src: url('../font/PTS55F.ttf');
src: local('PTSans Regular'), url('../font/PTS55F.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Cuprum';
src: url('../font/Cuprum-Regular.ttf');
src: local('Cuprum'), url('../font/Cuprum-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'PTSans Narrov';
src: url('../font/PTN57F.ttf');
src: local('PTSans Narrow'), url('../font/PTN57F.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'PTSans Narrov Bold';
src: url('../font/PTN77F.ttf');
src: local('PTSans Narrow Bold'), url('../font/PTN77F.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
/* Header
-----------------------------------------------------------------------------*/
.sub img:hover{
box-shadow: 0px 0px 10px rgba(241,206,66,1);
}
#header {
background: url('../img/bg_head.jpg') top center no-repeat;
}
#wrapper_head{
height: 700px;
position: relative;
}
.wrapper_block{
min-width:1000px;
width: 1030px;
margin: auto;
}
.logo{padding-top:15px;
/* margin-left:85px;*/
float: left;
}
.logo_title{
font-size: 18px;
font-family:'Russia-Bold';
}
.w_shadow{
text-shadow:-1px 0px white,
0px -1px white,
1px 0px white,
0px 1px white,
-1px -1px white,
1px 1px white,
-1px 1px white,
1px -1px white,
1px 0px 4px white
, 0px 0px 2px white,
0px 0px 3px white, 0px 0px 2px white, 0px 0px 3px white, 0px 0px 4px white, 0px 0px 4px white, 0px 0px 4px white, 0px 0px 4px white, 0px 0px 4px white;
/* -webkit-text-stroke: 2px #fff;*/
/*text-shadow: -1px 3px white, 3px -1px white, -1px 3px white, 3px -1px white;*/
color: #000;
}
.contact p{
font-size: 30px;
text-align: right;
line-height: 30px;
font-family:'Russia-Bold';
}
.contact p.adress{
font-size:14px;
}
.contact p:first-child{
padding-top:15px;
}
.slogan{
text-align: center;
font-size:34px;
font-family:'Russia-Bold';
line-height: 1.2;
}
#action_block{
width:204px;
height: 56px;
background: url('../img/stripe_action.png') top left repeat-x;
border: 2px solid #ccc;
margin-bottom: 10px;
}
#action_block p{
font-size: 48px;
color: #cd0000;
font-family:'Russia-Bold';
padding-left: 18px;
padding-top: 20px;
}
#action_timer_middle{
width: 279px;
height:155px;
border:2px solid #ccc;
background: url('../img/stripe_action_bottom.png') top left repeat-x;
margin-bottom: 10px;
}
#action_timer_middle p{
font-size: 22px;
font-family:'Russia-Bold';
line-height: 1.2;
padding-top: 10px;
padding-left: 15px;
}
#action_timer_top{
float:left;
margin-top: 40px;
margin-left: 140px;
}
#action_timer_top .timer_wrapper{
height: 102px;
width: 280px;
border: 2px solid #ccc;
background: url('../img/stripe_timer.png') top left repeat-x;
}
.timer_wrapper p:first-child, .timer_wrapper p:last-child{
text-align: center;
font-family: 'PTSans Italic';
font-size:18px;
}
.timer_wrapper p:last-child{
padding-top: 3px;
}
#form_top{
background: url('../img/stripe_form.png') top left repeat-x;
height: 345px;
width: 295px;
border: 2px solid #ccc;
float:right;
position: relative;
margin-top: 40px;
margin-right: 95px;
}
#form_top img{
float:left;
margin-left: 15px;
margin-top: -15px;
}
#form_top p{
font-size: 20px;
font-family:'Russia-Bold';
line-height: 1.2;
margin-left: 100px;
margin-top: 15px;
}
#form_top input[type="text"] {
width: 231px;
height: 35px;
border-radius: 5px;
border:3px solid #ccc;
margin-top: 15px;
margin-left: 18px;
font-family: 'PTSans Italic';
font-size: 22px;
/*padding-left: 10px;*/
}
.form1-2 .sub img{
margin-left: 18px!important;
margin-top: 10px!important;
}
/* Middle
-----------------------------------------------------------------------------*/
#wrapper_block1 {
margin-top: 45px;
clear: both;
}
#wrapper_block1 table tbody tr td {
text-align: left;
}
.line{
width: 857px;
height: 35px;
margin: auto;
background: url('../img/line.png') top center no-repeat;
}
.block_title{
text-align: center;
font-size: 48px;
font-family: 'PTSans Bold';
padding-top:40px;
text-transform: uppercase;
line-height: 1.2;
}
#wrapper_block1 table{
width:100%;
margin-left: 15px;
}
#wrapper_block1 table tbody tr td{
font-family:'PTSans Regular';
font-size: 24px;
line-height: 1.2;
}
#wrapper_block1 table tbody tr td{
text-align: center;
}
#wrapper_block1 table tbody tr td span{
font-family:'PTSans Bold';
font-size: 48px;
line-height: 1.2;
}
#onas{
background: url('../img/bg_2.png') top center no-repeat;
margin-top: 45px;
margin-bottom: 45px;
}
#wrapper_onas{
height: 750px;
}
#wrapper_onas ul li .submenu{
line-height: 1.2;
padding-left: 25px;
}
#wrapper_onas>ul{
width: 742px;
margin:0 auto;
padding-top:95px;
}
#wrapper_onas ul.main>li{
background: url('../img/li_home.png') top left no-repeat;
padding-left: 45px;
height: 75px;
font-size: 24px;
font-family:'PTSans Bold';
line-height: 1.2;
}
#wrapper_vubor .find{
background: url('../img/find_icon.png') top left no-repeat;
height: 26px;
}
#wrapper_vubor .spec{
background: url('../img/spec_icon.png') top left no-repeat;
height: 26px;
}
#wrapper_vubor .dog{
background: url('../img/dog_icon.png') top left no-repeat;
height: 26px;
}
#wrapper_vubor .dome{
background: url('../img/dome_icon.png') top left no-repeat;
height: 30px;
}
#wrapper_vubor .proc{
background: url('../img/proc_icon.png') top left no-repeat;
height: 22px;
}
#wrapper_vubor .ind{
background: url('../img/ind_icon.png') top left no-repeat;
height: 28px;
}
#wrapper_vubor .cp{
background: url('../img/cp_icon.png') top left no-repeat;
height: 28px;
}
#wrapper_vubor .mat{
background: url('../img/mat_icon.png') top left no-repeat;
height: 24px;
}
#wrapper_vubor .kap{
background: url('../img/kap_icon.png') top left no-repeat;
height: 24px;
}
#wrapper_vubor .smeta{
background: url('../img/smeta_icon.png') top left no-repeat;
height: 28px;
}
#wrapper_vubor .garant{
background: url('../img/garant_icon.png') top left no-repeat;
height: 27px;
}
#wrapper_vubor .ras{
background: url('../img/ras_icon.png') top left no-repeat;
height: 22px;
}
#wrapper_vubor {
margin-top:30px;
}
#wrapper_vubor .column p{
font-size: 24px;
font-family:'PTSans Regular';
padding-left: 40px;
line-height: 1.2;
margin-bottom: 90px;
}
#wrapper_vubor .column{
float:left;
width: 270px;
margin-left: 60px;
margin-top: 50px;
}
#projects{
clear:both;
margin-top: 45px;
}
#projects .block_sub_title{
margin-top: 15px;
font-size: 18px;
font-family:'PTSans Regular';
}
#wrapper_projects .column{
margin-top: 60px;
width: 48%;
}
#wrapper_projects .column .first_do{
margin-left: 120px;
margin-top: -60px;
}
#wrapper_projects .column .first_after{
margin-left: 116px;
margin-top: -60px;
}
#wrapper_projects .column .other{
margin-left: 12px;
}
#wrapper_projects .column div.coment{
background: url('../img/top_left_coment.png') top left no-repeat;
background-position:0px 15px;
}
#wrapper_projects .column div.coment div{
background: url('../img/bottom_right_coment.png') bottom right no-repeat;
background-position-y: 133px;
height: 300px;
}
#wrapper_projects .block_title, #wrapper_projects .block_sub_title,#wrapper_etap .block_title, #wrapper_etap .block_sub_title{
text-align: center;
}
#wrapper_projects .column .title_coment, #wrapper_etap .title_coment{
font-weight: bold;
font-size: 20px;
padding-top: 35px;
padding-left: 25px;
font-family:'PTSans Bold';
}
#wrapper_etap .adres{
font-family:'PTSans Bold';
font-size: 20px;
text-align: center;
padding-top:25px;
}
#wrapper_projects .column .text_coment, #wrapper_etap .text_coment{
padding-left: 25px;
font-size: 20px;
line-height: 1.2;
font-family:'PTSans Regular';
}
#wrapper_projects .column .autor_coment, #wrapper_etap .autor_coment{
padding-left:25px;
font-size: 20px;
line-height: 1.2;
font-family:'PTSans Regular';
}
#wrapper_projects .column .label{
padding-left: 108px;
font-size: 24px;
font-family:'PTSans Regular';
}
#wrapper_projects .column .labels{
padding-left: 50px;
font-size: 24px;
font-family:'PTSans Regular';
}
#video_proj{
width: 427px;
height:310px;
background-color:#ccc;
float:right;
margin-top: 35px;
}
#wrapper_projects .submit,#wrapper_etap .submit{
width: 355px;
margin: auto;
margin-top: 90px;
}
#etap{
clear:both;
}
#wrapper_etap table{
width: 100%;
text-align: center;
}
#wrapper_etap .doms1{
width: 620px;
margin: auto;
}
#wrapper_etap .block_sub_title{
margin-top: 25px;
font-size: 18px;
font-family:'PTSans Regular';
}
#wrapper_etap table tbody tr td{
font-size: 20px;
font-family:'PTSans Bold';
}
#wrapper_etap table{
margin-bottom: 25px;
margin-top: 50px;
}
#slider{
clear: both;
height: 628px;
margin-top: 65px;
margin-bottom: 75px;
background: url('../img/bg_design.png') top center no-repeat;
}
#wrapper_slider{
padding-top: 90px;
padding-left: 35px;
}
.items, .items2, .items3, .items4 {
height: 453px;
width: 1000px;
border-radius: 7px;
position: relative;
}
.item {
width: 213px;
height: 211px;
float:left;
margin-right: 35px;
margin-bottom: 22px;
}
.item img {
}
.items .left-arrow, .items2 .left-arrow, .items3 .left-arrow, .items4 .left-arrow {
position: absolute;
height: 60px;
width: 60px;
top: 195px;
left: -120px;
background: url('../img/left_arrow.png') no-repeat;
cursor: pointer;
}
.items .right-arrow, .items2 .right-arrow, .items3 .right-arrow, .items4 .right-arrow {
position: absolute;
height: 60px;
width: 60px;
top: 195px;
left: 1014px;
background: url('../img/right_arrow.png') no-repeat;
cursor: pointer;
}
#design{
margin-top: 45px;
}
#design #wrapper_first table{
width: 100%;
margin-left: 15px;
text-align: center;
margin-top: 45px;
}
#design #wrapper_first table tbody tr td{
font-size: 20px;
padding-top: 15px;
font-family: 'Russia-Bold';
}
#individ{
background: url('../img/individ1.png') top center no-repeat;
height: 550px;
margin-top: 60px;
margin-bottom: 10px;
}
#individ block_title{
padding-top: 60px;
}
#wrapper_individ .text_block{
width: 510px;
height: 139px;
background: url('../img/line_design.png');
}
#wrapper_individ .text_block p{
font-size: 33px;
font-family: 'PTSans Bold';
line-height: 1.2;
padding-top: 10px;
padding-left: 10px;
}
.price_action{
font-size: 36px;
font-family: 'PTSans Regular';
color: red;
padding-top: 25px;
}
.price_action span{
color:black;
text-decoration: line-through;
}
#wrapper_individ .column .timer_wrapper p{
font-size: 25px;
font-family: 'PTSans Italic';
padding-top: 10px;
}
#wrapper_individ .column{
float: left;
}
#wrapper_individ .column1{
width: 510px;
margin-left: 45px;
margin-top: 45px;
}
#wrapper_individ .column2 form .desc_form p{
font-family: 'Cuprum', sans-serif;
text-align: center;
padding-top: 10px;
padding-left: 10px;
font-size: 20px;
line-height: 1.2;
}
#wrapper_individ .column1 .price_action{
text-align: center;
}
#wrapper_individ .column1 .timer_wrapper{
width: 403px;
margin: auto;
}
#wrapper_individ .column2{
margin-left: 40px;
margin-top: 45px;
}
#countdown1{
padding-top: 23px;
padding-bottom: 14px;
border-radius: 20px;
}
.form2{
background: url('../img/form1_line.png') top left repeat-x;
width: 282px;
height: 328px;
padding-top: 10px;
}
.form2 input[type="text"]{
border:1px solid #ccc;
border-radius: 5px;
width: 250px;
height: 35px;
font-size: 22px;
font-family: 'PTSans Italic';
}
.form2 .desc_form{
background: url('../img/fdesc_line.png') top left repeat-x;
width: 255px;
height: 109px;
margin-left: 15px;
}
.form2 .name{
margin-left: 15px;
margin-top: 25px;
}
.form2 .phone{
margin-left: 15px;
margin-top: 10px;
}
.form2 .header-button{
margin-left: 15px;
}
#wrapper_problemu div.column{
float:left;
width: 45%;
margin-left: 25px;
margin-top: 25px;
}
#wrapper_problemu .column ul.column2{
margin-top: 35px;
}
#wrapper_problemu .column ul.column2 li{
/*background: url('../img/all_ok.png') top left no-repeat;*/
/*width: 98px;*/
height:150px;
}
#wrapper_problemu ul.column1 li{
/*width: 97px;*/
height:175px;
}
#wrapper_problemu ul.column1 li p{
padding-left: 115px;
font-size: 24px;
font-family: 'PTSans Regular';
line-height: 1.2;
}
#wrapper_problemu ul.column1 li p.bold_prob{
font-size: 24px;
font-family: 'PTSans Bold';
line-height: 1.2;
}
#wrapper_problemu .column ul.column2 li{
padding-left: 115px;
font-size: 24px;
font-family: 'PTSans Regular';
line-height: 1.2;
}
#office{
margin-top:75px;
}
#work{
margin-top:55px;
}
#key{
padding-top: 45px;
}
#key .column{
float:left;
width: 44%;
margin-left: 15px;
margin-top: 75px!important;
}
#key .column ul li{
font-size: 18px;
font-family: 'PTSans Regular';
line-height: 1.2;
margin-bottom: 10px;
}
#key .column1 ul li.one{
position: absolute;
margin-left: -230px;
}
#key .column1 ul li.two{
position: absolute;
padding-top: 50px;
margin-left: -210px;
}
#key .column1 ul li.thr{
position: absolute;
padding-top: 100px;
margin-left: -201px;
}
#key .column1 ul li.fou{
position: absolute;
padding-top: 150px;
margin-left: -215px;
}
#key .column1 ul li.fif{
position: absolute;
padding-top: 195px;
margin-left: -220px;
}
#key .column ul li span{
color: red;
}
#key .column img{
float:left;
}
#key .column1 ul{
float:right;
}
#key .column1 img{
/*margin-top: -275px;*/
}
#wrapper_work table tbody tr td{
font-size: 18px;
font-family: 'PTSans Regular';
text-align: left;
vertical-align: middle;
}
#production{
margin-top: 75px;
}
#wrapper_dostavka img{
margin-left: 90px;
margin-top: 45px;
}
#wrapper_production{
font-family: 'PTSans Narrov';
font-size: 24px;
}
#wrapper_production .text_prod{
font-size: 24px;
font-family: 'PT Sans Narrow', sans-serif;
text-align: center;
padding-top: 45px;
}
#wrapper_production .img_prod{
margin-left: 442px;
margin-top: 45px;
}
#wrapper_partner img{
margin-right: 15px;
}
#wrapper_reviews .rev_item{
width: 660px;
margin: auto;
margin-bottom:55px;
background: url('../img/top_left_coment.png') top left no-repeat;
}
#wrapper_reviews .rev_item div{
background: url('../img/bottom_right_coment.png') bottom right no-repeat;
}
#wrapper_reviews .rev_item .rev_title{
font-size:24px;
font-family:'PTSans Bold';
}
#wrapper_reviews .rev_item .rev_text{
font-size:18px;
font-family:'PTSans Regular';
padding-top: 15px;
}
#wrapper_reviews .rev_item .rev-autor{
font-size:18px;
font-family:'PTSans Italic';
padding-top: 15px;
}
.mapg{
height: 444px;
width: 100%;
background-color: #ccc;
margin-top: 45px;
margin-bottom: 45px;
}
.class4 p {
font-size: 18px!important;
}
#wrapper_sert img{
margin-left:32px;
margin-top: 45px;
}
.class1{
height: 183px!important;
background: url('../img/max_height.png')!important;
}
.class1 p{
font-size: 36px!important;
font-family:'PTSans Regular'!important;
}
.header-button {
background: linear-gradient(rgba(255,210,0,.8) 50%, rgba(253, 165, 9, .8) 50%);
border-radius: 6px;
border: 1px solid #cc6806;
box-shadow: inset 0px 0px 1px 1px #cc6806;
color: #000;
font-size: 20px;
text-shadow: 0px -1px 1px #000;
text-transform: uppercase;
}
.top-button{
height: 67px;
width: 239px;
margin-left: 21px;
margin-top: 10px;
font-family:'Russia Bold';
}
.submit1{
margin-top: 10px;
margin-left: 20px;
}
.submit2{
margin-top: 10px;
margin-left: 20px;
}
.consul{
width: 300px!important;
height: 172px!important;
background: url('../img/consul_line.png')!important;
}
.timerl{
width: 300px!important;
}
.pop-up-order-call, .pop-up-order-call2 {
position: fixed;
width: 30%;
background: #fff;
z-index: 200;
top: 25%;
left: 35%;
border: 3px solid #ccc;
border-radius: 7px;
text-align: center;
padding: 20px;
display: none;
}
.pop-up-order-call .close, .pop-up-order-call2 .close {
border: 3px solid #000;
border-radius: 50%;
height: 30px;
width: 30px;
line-height: 28px;
font-size: 20px;
position: absolute;
text-align: center;
top: -10%;
background: #fff;
left: 94%;
cursor: pointer;
}
.pop-up-order-call, .pop-up-order-call2 {
text-align: center;
}
.pop-up-order-call input, .pop-up-order-call2 input {
width: 100%;
margin-top: 20px;
}
.phone-block {
position: relative;
}
.mask {
height: 10380px;
min-width: 1140px;
width: 100%;
background: rgba(0,0,0,.9);
position: absolute;
z-index: 100;
display: none;
top:0;
left: 0;
}
.phone-block .pop-up {
height: 32px;
background: #eee;
display: none;
position: absolute;
width: 170px;
text-align: center;
line-height: 16px;
top: 14px;
left: 100%;
z-index: 20;
font-size: 14px;
color: red;
text-shadow: 1px 1px 1px #ccc;
border: 1px solid #aaa;
border-radius: 6px;
}
#reviews{
margin-top:65px;
}
.zakaz {
position: fixed;
width: 30%;
background: #fff;
z-index: 200;
top: 25%;
left: 35%;
border: 5px solid green;
border-radius: 7px;
text-align: center;
padding: 20px;
box-shadow: 5px 5px 15px rgba(0,0,0,.5);
}
.zakaz .close {
border: 3px solid #000;
border-radius: 50%;
height: 30px;
width: 30px;
line-height: 28px;
font-size: 20px;
position: absolute;
text-align: center;
top: -25%;
background: red;
left: 94%;
cursor: pointer;
}
.nav {
background: rgba(60, 130, 190, 0.7);
height: 39px;
margin: 0 auto;
/*position: fixed;*/
top: 0;
width: 100%;
z-index: 100;
}
.nav.fixed {
position: fixed;
}
.blockWidth {
width: 1000px;
margin: 0 auto;
}
.nav ul {
margin: 0 0 0 76px;
}
.nav ul li {
float: left;
margin: 0 35px 0 0;
}
.nav ul li a {
color: #FFFFFF;
font-size: 12pt;
line-height: 29pt;
text-decoration: none;
font-family: 'Cuprum';
text-transform: uppercase;
}
.nav ul li a:hover, .nav ul li.active a {
border-bottom: 1px dotted #fff;
}
#slider img{
border-radius:6px;
}
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) { /* STYLES GO HERE */
#form_top input[type="text"] {
width: 215px;
height: 35px;
border-radius: 5px;
border:3px solid #ccc;
margin-top: 15px;
margin-left: 18px;
font-family: 'PTSans Italic';
font-size: 22px;
/*padding-left: 10px;*/
}
.form2 input[type="text"]{
border:1px solid #ccc;
border-radius: 5px;
width: 235px;
height: 35px;
font-size: 22px;
font-family: 'PTSans Italic';
}
}