body { background: url('../images/land/bg.jpg') no-repeat; background-attachment: fixed; background-size: cover; padding:0; margin:0; font-family:Arial; font-size:19px; }

.container { min-width:600px !important; }

header { position: fixed; background: #fff; height:75px; position:fixed; width:100%; z-index:100; }
header .logo { width:90px; height:90px; background: #fff; padding:10px; border-radius:50%; position:absolute; left:50%; margin-left:-45px; overflow:hidden; }
header .logo a { display:block; width:60px; height:60px; margin-top:5px; margin-left:5px; }
header .logo img { width:100%; height:auto; }
header .title { position:absolute; top:25px; left:0; font-weight:400; margin-left:0; }
header .phones { position:absolute; top:15px; right:10px; text-align:right; }
header .phones span { display:block; font-size:14px; color:#666; font-style:italic; padding-right:3px; margin-top:0px; }
header .callbacktop { position:absolute; top:13px; left:62.5%; font-size:14px; font-style:italic; }
header .callbacktop i { margin-right:10px; color:#999; }
header .callbacktop a { color:#006699; border-bottom:1px dashed #006699; text-decoration:none; }
header .callbacktop a:hover { color:#111; border-bottom:1px solid #999; }

.top { position:relative; width:100%; height:496px; top:75px; z-index:50; }

.relative { position:relative; }

input { display:block; margin-top:20px; border-radius:3px; border:1px solid #ccc; width:100%; font-size:36px; padding:10px 5px 5px 5px; width:260px; line-height:100%; text-align:center; }
input[type="button"], button { background:#ff3333; border:0; border-radius:3px; width:100%; margin-top:20px; color:#fff; padding:15px 10px; font-size:20px; }

.amazecont { background:#fff; padding:30px 0 70px 0; position:relative; }
.amazingcarousel-container { background:#fff; }
#amazingcarousel-1 { display:block;position:relative;width:1000px;max-width:90%;margin:0 auto 0; }
#amazingcarousel-1 h2 { text-align:center; display:block; margin-top:0; }
#amazingcarousel-2 { display:block;position:relative;width:900px; max-width:90%;margin:0 auto 0; }


.services { background: #eef4f7; min-height:500px; padding:30px 0; font-size:14px;  }
.services h2 { margin-top:0; text-align:center; }
.services .price { font-size:18px; }
.services i { font-size:180%; }
.services i.fa-times { color:#ff4141; }
.services i.fa-check { color:#00ce44; }
.services i.fa-rub { font-size:95%; color:#666; }

.services button { background: #ff4141; color:#fff; border:0; padding:5px 10px; border-radius:3px; }

.col1 { float:left; width:23%; margin-top:27px; }
.col1 div { margin-bottom:5px; background:#fcfcfc; padding:5px;  }
.col2 {
    float:left; width:21%; background:#fff; padding:20px 10px; margin-left:2%;  text-align:center;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color=#999999)";/*IE 8*/
    -moz-box-shadow: 0 0 3px 3px #999999;/*FF 3.5+*/
    -webkit-box-shadow: 0 0 3px 3px #999999;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 0 0 3px 3px #999999;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#999999); /*IE 5.5-7*/
}
.col2 h3 { display:block; padding:10px; padding-top:12px; font-size:120%; text-align:center; background:#ff4141; color:#fff; font-weight:bold; margin-bottom:10px; margin-top:-40px; height:44px; }
.col2 div { margin-bottom:5px; }
.col3 { float:left; width:16%; margin-top:20px; margin-left:2%;  text-align:center; position: relative; }
.col3:after { position:absolute; top:0; right:-10px; background: #999; content:" "; width:1px; height:100%; }
.col3 div { margin-bottom:5px; }
.col3 h3 { margin-top:0; display:block; padding:12px; font-size:100%; text-align:center;  font-weight:bold; margin-bottom:20px; margin-top:-50px; height:44px;  }
.col4 { float:left; width:16%; margin-top:20px; margin-left:2%; text-align:center; position:relative; }
.col4:after { position:absolute; top:0; right:-10px; background: #999; content:" "; width:1px; height:100%; }
.col4 div { margin-bottom:5px; }
.col4 h3 { margin-top:0; display:block; padding:12px; font-size:100%; text-align:center;  font-weight:bold; margin-bottom:20px; margin-top:-50px; height:44px;  }
.col5 { float:left; width:16%; margin-top:20px; margin-left:2%; text-align:center; }
.col5 div { margin-bottom:5px; }
.col5 h3 { margin-top:0; display:block; padding:12px; font-size:100%; text-align:center;  font-weight:bold; margin-bottom:20px; margin-top:-50px; height:44px;  }

.cars { background: #fff; width:100%; text-align:center; padding-top:30px; font-size:14px; }
.cars h2 { margin-top:0; }
.cars table { margin: 0 auto; width:100%; }
.cars table td { padding:20px; }
.cars table td span { display:block; margin-top:15px; }
.cars table td img { width:40%; }

.twelve {background:#e6e6e6; padding-top:30px; text-align:center; min-height:680px; padding-bottom:30px; }
.twelve h2 { margin-top:0; margin-bottom:30px; }
.twelve .leftblok { position:absolute; right:50%; width:40%; margin-right:10px; }
.twelve .rightblok { position:absolute; left:50%; width:40%; margin-left:10px; }
.twelve .rightblok div, .twelve .leftblok div { padding:10px; border:1px solid #0171a9; width:100%; margin-bottom:10px; font-size:16px; text-align:left; min-height: 80px; background:#fff; padding-top:20px; }
.twelve span{ color:#28b5fc; font-size:50px; line-height:60px; border-right:1px solid #28b5fc; display:block; float:left; padding-right:10px; margin-right:20px; margin-top:-10px; }

.call { background:#ffe0b5; padding:30px 0; padding-bottom:10px; }
.call .col-md-4 { margin-bottom:20px; }
.call div div div { text-align:center; display:block; }
.call input { margin-top:5px; margin:0 auto; }
.call button { margin-top:0px; width:250px;  }

.remonted { padding:30px 0; text-align:center; padding-bottom:30px; }
.remonted h2 { margin-top:0; margin-bottom:30px; color:#fff; }
.remonted div { text-align:center; color:#fff; font-size:18px; font-style:bold; margin-bottom:20px; }
.remonted span { color:#28b5fc; font-size:80px; display:block; margin-top:10px; line-height:100%; }

.partners { padding:30px 0; text-align:center; padding-bottom:30px; }
.partners h2 { margin-top:0; margin-bottom:30px; color:#fff; }
.partners div { text-align:center; color:#fff; font-size:14px; margin-bottom:20px; }
.partners span { color:#28b5fc; font-size:80px; display:block; margin-top:10px; line-height:100%; }

.container2 { margin:0 auto; width:1000px; padding-left:40px; }
.dostavka { background:#fff; padding:30px 0 30px 0; }
.dostavka .dost { padding-left:20px; }
.dostavka span { font-size:28px; font-weight: bold; }
.dostavka .col-xs-4 { margin-bottom:15px; font-size:16px; font-weight: normal; }
.dostavka .col-xs-4 i { margin-right:10px; font-size:38px; color:#00ce44; float:left; margin-bottom:20px; }

.map { min-height:500px; background: #0171a9; }

.reply { background: #fff; font-size:14px; padding:30px 0; text-align:center; }
.reply h2 { margin-top:0; margin-bottom:20px; }
.reply .amazingcarousel-item .col-md-3 { text-align:center; }
.reply .amazingcarousel-item .col-md-9 { text-align:left; font-size:16px; padding-top:30px; }
.reply .amazingcarousel-item .col-md-3 span { display:block; margin-top:15px; }
.reply .amazingcarousel-item .col-md-3 div { border-radius:400px; overflow:hidden; }
.reply .amazingcarousel-item .col-md-3 div img { width:100%; }

.footer { background: #394251; padding:30px 0; font-size:14px; color:#fff; }
.footer .copy { float:left; margin-top:10px; }
.footer .diz { float:right; text-align:right; }
.footer .diz div { color:#00cedb; }

.modal-header { text-align:left; }
.modal-header button { float:right; width:13px; }
.modal-footer button { width:100px; float:right; margin-top:0px; }


.selectregion { position: absolute; width:260px; top:40px; left:62.5%; font-size:16px; }
.selectregion a { border-bottom:1px slashed #006699; border-bottom: 1px dashed #006699; cursor:pointer;  font-style: italic; }
.selectregion a:hover { text-decoration:none; }

@media (max-width: 768px) {
	.twelve .leftblok { margin-right:0; position:static; width:100%;  }
	.twelve .rightblok { margin-left:0; position:static; width:100%;  }
	.twelve .rightblok div, .twelve .leftblok div { font-size:16px; }
    .container2 { width:100%; padding-left:0; }
    .topleft {
        padding:10px 10px 10px 10px; background:#00374b; font-size:14px; color:#fff;
        overflow:hidden; border-radius:3px; width:290px;
        line-height:110%; position:absolute; top:30px; right:auto; left:50%; margin-left:-145px;
    }
    .topleft h1 { font-size:18px; margin-bottom:10px; margin-top:0; }
    .stoim {
        padding:15px; background:#fff; text-align:center; width:290px;
        overflow:hidden; border-radius:3px; line-height:110%;
        position:absolute; top:155px; left:50%; margin-left:-145px;
    }
    .stoim h2 { font-size:24px; text-transform:uppercase; margin-top:0; }
    .callbacktop, header .title { displaY:none; }
    .dostavka img { float:none; display:block; margin:10px auto 10px auto; }
    .dostavkainner { text-align:center; }
    .dostavka .col-xs-4 i { font-size: 18px; }
    .dostavka .col-xs-4 { font-size: 12px; }
    .services button { font-size:12px; }
    .selectregion { position: absolute; width:260px; top:25px; left:25px; font-size:16px; }
}

@media (min-width: 768px){
	.twelve .leftblok { margin-right:0; position:static; width:100%;  }
	.twelve .rightblok { margin-left:0; position:static; width:100%;  }
	.twelve .rightblok div, .twelve .leftblok div { font-size:16px; }
    .container2 { width:100%; padding-left:0; }
    .topleft {
        padding:10px 10px 10px 10px; background:#00374b; font-size:18px; color:#fff;
        overflow:hidden; border-radius:3px;
        line-height:110%; position:absolute; top:150px; right:auto; left:20px;
    }
    .topleft h1 { font-size:24px; margin-bottom:10px; margin-top:0; }
    .stoim {
        padding:25px; background:#fff; text-align:center;
        overflow:hidden; border-radius:3px; line-height:110%;
        position:absolute; top:95px; left:auto; right:3%;
    }
    .stoim h2 { font-size:24px; text-transform:uppercase; margin-top:0; }
    .callbacktop, header .title  { display:none; }
    .dostavka img { float:none; display:block; margin:10px auto 10px auto; }
    .dostavkainner { text-align:center; }
    .dostavka .col-xs-4 i { font-size: 18px; }
    .dostavka .col-xs-4 { font-size: 12px; }
    .services button { font-size:14px; }
    .selectregion { position: absolute; width:260px; top:25px; left:25px; font-size:16px; }

}

@media (min-width: 992px){
	.twelve .leftblok { margin-right:10px; position:absolute; width:40%;  }
	.twelve .rightblok { margin-left:10px; position:absolute; width:40%;  }
	.twelve .rightblok div, .twelve .leftblok div { font-size:14px; }
    .container2 { width:900px; padding-left:40px; }
    .topleft {
        padding:25px 30px 25px 30px; background:#00374b; font-size:20px; color:#fff;
        overflow:hidden; border-radius:3px;
        line-height:110%; position:absolute; top:140px; right:auto; left:20px;
    }
    .topleft h1 { font-size:28px; margin-bottom:20px; margin-top:0; }
    .stoim {
        padding:25px; background:#fff; text-align:center;
        overflow:hidden; border-radius:3px; line-height:110%;
        position:absolute; top:95px; left:63%; width:310px;
    }
    .stoim h2 { font-size:24px; text-transform:uppercase; margin-top:0; }
    .callbacktop, header .title  { display:block; }
    .dostavka img { float:left; margin:-10px 0 10px -15px; }
    .dostavkainner { text-align:left; }
    .dostavka .col-xs-4 i { font-size: 28px; }
    .dostavka .col-xs-4 { font-size: 14px; }
    .services button { font-size:16px; }  
    .selectregion { position: absolute; width:260px; top:40px; left:62.5%; font-size:16px; }
}

@media (min-width: 1200px){
	.twelve .leftblok { margin-right:10px; position:absolute; width:40%;  }
	.twelve .rightblok { margin-left:10px; position:absolute; width:40%;  }
	.twelve .rightblok div, .twelve .leftblok div { font-size:16px; }
    .container2 { width:1000px; padding-left:40px; }
    .topleft {
        padding:25px 30px 25px 30px; background:#00374b; font-size:24px; color:#fff;
        overflow:hidden; border-radius:3px;
        line-height:110%; position:absolute; top:130px; right:58%; left:auto;
    }
    .topleft h1 { font-size:38px; margin-bottom:20px; margin-top:0; }
    .stoim {
        padding:25px; background:#fff; text-align:center;
        overflow:hidden; border-radius:3px; line-height:110%;
        position:absolute; top:95px; left:63%; width:310px;
    }
    .stoim h2 { font-size:24px; text-transform:uppercase; margin-top:0; }
    .callbacktop, header .title  { display:block; }
    .dostavka img { float:left; margin:-10px 0 10px -15px; }
    .dostavkainner { text-align:left; }
    .dostavka .col-xs-4 i { font-size: 38px; }
    .dostavka .col-xs-4 { font-size: 16px; }
    .services button { font-size:18px; }
}