body{margin:0;font-family: 'Roboto', sans-serif;background: #fff; color:#333;font-size: 15px;    overflow-x: hidden;}
.affix { position:static!important;}
body a{transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;text-decoration:none; color:#9629ec;}
h1,h2,h3,h4,h5,h6{margin:0; font-weight:700;font-family: 'Montserrat', sans-serif;}
h2 {margin-bottom: 40px; margin-top: 50px;text-align:center;} h2 span, h3 span { color:#f88d1b;;}
h3 { font-size:20px;text-align:center; margin-bottom: 30px; margin-top: 40px;}
h4 {margin-bottom: 20px; margin-top: 30px;}
.h3-txt {margin-bottom: 30px; margin-top: 40px;}
.block-item {
    padding-top:50px;
    padding-bottom:50px;
       ;

}
/*стили для формы обратной связи */
#feedback {
    display:none;
    padding: 10px;
    text-align: center;
    color:white;
    padding: 50px 100px;
   background-image: linear-gradient(to top, #001f4e 0%, rgb(80 166 255) 100%);
    border-radius: 20px;
}

#f_send {
    margin-top: 10px;
    margin-left: 17px;
background:  linear-gradient(to top, rgba(236, 113, 12, 1) 0%, rgba(255, 158, 36, 1) 100%);
    padding: 20px 120px;
    border-radius: 30px;
    color: #fff;
    font-size: 16px;
    border: none;

}

#f_name, #f_email {
    width: 305px;
    height: 53px;
    background: none;
    margin: 20px;
 
    border: 1px solid #66ccff;
    border-radius: 8px;
    text-align: center;
    color: #fff;
    font-size: 18px;
}
#f_msg {
    height: 100px;
    width: 305px;
    text-align: center;
    border-radius: 8px;
    background: linear-gradient(to top left , black 10%,#330066);
    color: white;
}
/*the end form*/
@media (max-width: 767px) {
 
    
    /*стили для формы обратной связи */
#feedback {
    display:none;
    padding: 20px 10px;
    text-align: center;
    color:white;
    padding: 10px 10px;
  
}

#f_send {
    margin-top: 10px;
    margin-left: 17px;
background:  linear-gradient(to top, rgba(236, 113, 12, 1) 0%, rgba(255, 158, 36, 1) 100%);
    padding: 20px 120px;
    border-radius: 30px;
    color: #fff;
    font-size: 16px;
    border: none;
    
}
#f_name, #f_email {
    width: 305px;
    height: 53px;
    background: none;
    margin: 22px;
    border: 1px solid #66ccff;
    border-radius: 8px;
    text-align: center;
    color: #fff;
    font-size: 18px;
}
#f_msg {
    height: 100px;
    width: 305px;
    text-align: center;
    border-radius: 8px;
    background: linear-gradient(to top left , black 10%,#330066);
    color: white;
}
/*the end form*/
}
.blue {
    background-color: ;
    border-radius: 20px;
    padding: 4%;
    text-align: justify;
    box-shadow: 0px 2px 57px 3px rgba(137, 137, 137, 0.08);
}
.mob{
    display: none;
}
.desct {
    display: block;
}

@media(min-width:600px) and  (max-width:1200px){
    .bl {
        flex-direction: column;
        display: flex;
        justify-content: center;
      
        align-items: center;
        
}
    .blue {
    background-color: ;
    border-radius: 20px;
    padding: 2%;
    text-align: justify;
    box-shadow: none;
}
    
    
}
@media(max-width:800px){
    .mob {
    display: block;
}
.desct {
    display: none;
}
    
}
.podtxt { font-size:34px; }
ul,label{margin:0;padding:0;}
body a:hover{text-decoration:none;}
.skills{}

.modal-dialog select {
    width: 100%;
    padding: 5px;
    border: 1px solid #ccc;
    height: 50px;
    border-radius: 3px;
    background: #fff;
    color: #000;
}
#bigform .modal-dialog label {    margin-top: 15px;
    margin-bottom: 5px; top:inherit;}
.modal {    z-index: 99999;}
#bigform  input {width: 100%;
    height: 50px;
    color: #000;
    background: #fff;
    border: 0;
    border: 1px solid #ccc;
    padding: 0 10px;
    margin-bottom: 20px;}
#bigform .modal-content{    background-image: linear-gradient(to bottom, rgba(232, 74, 75, 1) 0%, rgba(112, 13, 125, 1) 100%); color:#fff;}
#bigform  .modal-body  {    padding: 25px 50px; padding-bottom:40px;}
#bigform input[type="checkbox"]  { float:left;    height: 15px; margin-bottom: 0;}
.checkinput { width:23%; display:inline-block; vertical-align:top;}
#bigform input#check1 {    float: left; height: 12px;    margin-bottom: 0;  margin-top: 20px;}
#bigform .contact-form  { margin-bottom:40px;}
.cent-btn { text-align:center; margin-top:30px;}
#bigform .modal-content:before { content: ''; position: absolute; right: 0px; bottom: 0px; background-size: cover; background: url(../images/cube.png); width: 270px;height: 267px;}
#bigform a { color:#eee;}

.left-block { padding-right:90px;}
.detlist { font-style:italic; margin-left:40px; margin-top:15px;}
.detlist li { margin-bottom:5px!important;}
#tricoinet ol li { margin-bottom:15px;}
#tricoinet table { width:100%;}
#tricoinet table tr td, #tricoinet table tr th { padding:10px; border:1px solid #ddd;}
#tricoinet table tr th {    background-image: linear-gradient(to top, rgba(236, 113, 12, 1) 0%, rgba(255, 158, 36, 1) 100%);  padding:10px; color:#fff;}
.leftimage { width:300px!important; float:left; margin-right:20px; margin-bottom:20px;}
.modal-content .kompl-zakaz { text-align:center;  margin-bottom:50px;}
.clear { clear:both;}
#portfolio { margin-top:0;}
.kompl-bl { width:48.6%; display:inline-block; vertical-align:top;box-shadow: 0px 2px 57px 3px rgba(137, 137, 137, 0.08); padding:20px; border-radius: 10px;height: 680px;}
.kompl1 {margin-right: 15px; margin-bottom:30px;}
.kompl2 { margin-left:15px;margin-bottom:30px;}
.kompl3 {margin-right: 15px;}
.kompl4 {margin-left:15px;}
.kompl5 { width:100%; height:100%; margin-top:30px;}
.project {width:45.6%; display:inline-block; vertical-align:top;box-shadow: 0px 2px 57px 3px rgba(137, 137, 137, 0.08); padding:20px; border-radius: 10px; padding-bottom:10px; }
.project ul { list-style:none; margin-bottom:20px;}
.project ul li { margin-bottom:15px; font-size:17px;}
.project ul li span {font-weight:700;font-family: 'Montserrat', sans-serif; font-size:19px;}
.project h4 { margin-top:0;}
.project1 {margin-right: 15px; margin-bottom:30px;}
.project2{margin-left: 15px; margin-bottom:30px;}
.project .adres { padding-left:40px; margin-bottom:15px;}
.project .adres:before {content: ''; position: absolute; left: 15px; margin-top:5px; background-size: cover; background: url(../images/placeholder.png); width: 24px;  height: 24px;}
.project .date { padding-left:40px;}
.project .date:before {content: ''; position: absolute; left: 15px; margin-top:-2px; background-size: cover; background: url(../images/calendar.png); width: 24px;  height: 24px;}
.readmore { text-align:center; margin-bottom:30px; margin-top:20px;} .readmore a {    background-image: linear-gradient(to top, rgba(236, 113, 12, 1) 0%, rgba(255, 158, 36, 1) 100%); padding: 15px 50px; border-radius: 30px; color: #fff; font-size: 15px;}
.foot {    background: #f4f8fb; color: #333;    padding: 50px; padding-top: 30px;}
.foot h3 { margin-bottom:40px;}
.top1{margin-top: 2%;}
.portfolio-grids {  margin-top: 2em;}
::-webkit-input-placeholder {color:#555 !important;}
:-moz-placeholder { /* Firefox 18- */color:#fff !important; }
::-moz-placeholder {  /* Firefox 19+ */color:#fff !important;}
:-ms-input-placeholder {  color:#fff !important;}
.footer { padding: 10px 0 0; margin-top:40px;}
.footer p { color: #333;font-size: 12px;    margin-left: -15px;}
.rights { text-align:right; margin-right:-15px;}
.footer p a{ color:#333;}
.footer p a:hover{ color: #000;}
.foot h4 { margin-bottom:15px;}
#toTop {display: none;	text-decoration: none;	position: fixed;	bottom: 3%;	right: 3%;	overflow: hidden;	width: 32px;	height: 32px;	border: none;	text-indent: 100%;	background: url("../images/move-up.png") no-repeat 0px 0px;z-index:999;}
#toTopHover {width: 32px;height: 32px;display: block;overflow: hidden;float: right;opacity: 0;-moz-opacity: 0;filter: alpha(opacity=0);}
.mainfon { background:url(../images/03_flat/1-1.jpg) center; min-height:900px;    background-size: cover;}
.navbar-default .navbar-toggle {border-color: #fff;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
.main-txt { margin-top:70px; color:#fff;}
.main-txt h1 { font-weight:700; font-size:60px; line-height:40px;    margin-top: 100px;text-shadow: 0 0 3px black; }
.dop-txt { font-size:18px; margin-top:30px; margin-bottom:70px;line-height: 30px;} .dop-txt span { border-bottom:2px solid #EC6608;}
.top-txt { color:#eee; font-size:14px; padding-left:70px; padding-top:35px;}
.block-info {  color: #fff;   padding: 35px 70px; padding-top: 60px; background-image: linear-gradient(to bottom, rgb(255 158 36) 0%, #b51d1d 100%);    position: relative;}
.block-info:before {content: ''; position: absolute; right: 0px; bottom: 0px; background-size: cover; background: url(../images/cube.png); width: 270px;  height: 267px; }
.block-info p { font-size:18px; margin-bottom:25px; position:relative; z-index:999;} .block-info p span {font-weight:700;font-family: 'Montserrat', sans-serif; font-size:30px;}
.kompl-zakaz { margin-top:40px;}
.kompl-zakaz a {background-image: linear-gradient(to top, rgba(236, 113, 12, 1) 0%, rgba(255, 158, 36, 1) 100%); padding:20px 50px; border-radius:30px; color:#fff; font-size:16px;}
.zakaz a {background-image: linear-gradient(to top, rgba(236, 113, 12, 1) 0%, rgba(255, 158, 36, 1) 100%); padding:20px 50px; border-radius:30px; color:#fff; font-size:16px;}
p.zakaz { margin-top:50px;}
.mainfon .zakaz a {padding:20px 70px;font-size:18px;}
.top-phone {font-weight:400; font-size:27px;margin-top: 35px;    text-align: right; }
.top-phone a { color:#fff;font-family: 'Montserrat', sans-serif;}
.navbar-default { left:15px;width: 50px;}
.mini-img { width: 30px !important;  margin-right: 10px;}
.top-projects { margin-top:35px; font-size:14px; font-weight:600; color:#eee;padding-left: 150px;}
.top-projects img { float:left;    margin-top: 4px !important;} .top-projects  a {color:#eee;font-size: 27px}
.prem { color: #fff; padding:30px; border-radius:20px; margin-top:90px;}
.prem span {font-weight:700;font-family: 'Montserrat', sans-serif; font-size:25px;}
.logo img{ width:100%; margin-top:0px;}
.modal-dialog { text-align:left;    width: 800px;}
.modal-dialog-mid { text-align:left;}
.modal-dialog h4 { margin-bottom:5px;}
.margin30 { margin-top:30px;}
.g-recaptcha { margin-bottom:30px;}
.gallery-mod { text-align:center; margin-top:-30px;}
.gallery-mod a { background:#585faf; color:#fff; text-transform:uppercase; padding:10px 40px;}
.contact-form{overflow: hidden;z-index: 222; margin-top:20px;}
.contact-form input{    width: 100%; height: 32px; color: #555; background: none; border: 0; border-bottom: 1px solid #9629ec; padding: 0 5px; margin-bottom: 20px;border-radius: 0;}
.modal-dialog-sm .contact-form input, .modal-dialog-sm .contact-form textarea { border-bottom:1px solid #eee; color:#eee;background: none;width: 100%;color: #555;padding: 5px;border-radius: 0;}
input[type="radio"], input[type="checkbox"] { width:16px !important; margin-right:5px !important;}
label { font-weight:300;position: relative; top: -12px;}
.sbm-btn { background-image: linear-gradient(to top, rgba(236, 113, 12, 1) 0%, rgba(255, 158, 36, 1) 100%); padding:20px 50px; border-radius:30px; color:#fff; font-size:16px; border:none;    text-transform: uppercase;}
.sbm-btn2 { background-image: linear-gradient(to top, rgba(236, 113, 12, 1) 0%, rgba(255, 158, 36, 1) 100%); padding:20px 50px; border-radius:30px; color:#fff; font-size:16px; border:none;}
.contact-form-horizont{overflow: hidden;z-index: 222; margin-top:30px;text-align: center;}
.contact-form-horizont input{ width: 28%; margin-right:34px; height: 38px; color: #fff; background: none; border: 1px solid #9629ec; padding: 0 5px; margin-bottom: 20px;}
.komplekt { }
.komplekt h2 { margin-bottom:60px;}
.what-inet {}
.how {}
.how h3 { margin-bottom:10px;}
.step { }
.bigstep {     
       padding: 35px 20px;
    padding-top: 60px;
    border-radius: 20px;
        background-image: linear-gradient(to top, #001f4e 0%, rgb(80 166 255) 100%);
    color: white
}

}
.bigstep p { font-size:18px; margin-bottom:25px; color:#fff;} .bigstep p span {font-weight:700;font-family: 'Montserrat', sans-serif; font-size:30px;}
.bigstep:before {content: ''; position: absolute; right: 15px; bottom: 0px; background-size: cover; background: url(../images/cube.png); width: 270px;  height: 267px;  z-index: 9999;}
.why {background:url(../images/fon-why.png) center; height:680px;}
.why  h3 { text-align:left;    font-size: 19px; margin-bottom: 10px;}
.why-bot { margin-top:40px;}
.why-top { margin-top:30px;}
.why-left { width: 30%;}
.why-right { width: 30%; padding-left:30px; }
.empty-block { width:40%;}
.seo-txt { }
.seo-main { padding-left:70px; padding-right:70px; margin-bottom:60px;}
.faq { }
.zone {color:#000;     padding-bottom: 0;}
.way { font-size:13px;  font-style:italic; }
.way a{border-bottom:1px dotted;color:#999;}
.bot-phone { font-size:30px;} .bot-phone a { color:#333;}
.bot-phone2 { font-size:35px;}
.bot-mail { margin-top:15px;}
.bot-mail a { color:#555; border-bottom:1px solid;}
.komplekty .kompl-item img { margin-top:0px;}
.komplekty .kompl-item ul { list-style:none;}
.komplekty .kompl-item ul li:before {content: ''; position: absolute; left: 0px; margin-top:5px; background-size: cover; background: url(../images/line.png) no-repeat; width: 20px;  height: 20px;}
.komplekty .kompl-item ul li { padding-left:15px;}
.kompl-price p { font-size:30px;    font-weight: 700; color:#ec6608; font-family: 'Montserrat', sans-serif; display:inline-block;     width: 49%; text-align: center; vertical-align: top;} .kompl-price p span { font-size:18px; color:#333;font-family: 'Roboto', sans-serif; font-weight:400;}
.kompl-price  .kompl-zakaz {margin-top: 55px;}
.komplekty span.green { color:#00B956;}
.komplekty span.purple { color:#731982;}
.komplekty span.red { color:#d40000;}
.komplekty span.black { color:#000;}
.pricetxt { padding-top:30px;}
.map { padding:0; }
.text-url { color:#000; border-bottom:1px dotted;}
.catalog-item {   padding: 20px;    padding-bottom: 10px;}
.catalog-item h3 { font-size: 22px; text-align:left; margin-bottom:15px;margin-top: 20px;}
.carousel {box-shadow: 0px 2px 57px 3px rgba(137, 137, 137, 0.08);border-radius: 10px;padding: 20px; }
.price { font-size:18px; color:#333; font-weight:400;} .price span {font-size:30px;    font-weight: 700; color:#ec6608; font-family: 'Montserrat', sans-serif;}
.rightcat { padding-left:50px;}
.tovar { margin-bottom:0px;}
.second { background:#0074ca;; color:#fff;    background-image: url(../images/);padding: 60px 0;}
.second  h2 { text-align:left;}
.second  h3 { text-align:left; margin-bottom:10px;}
.forma2 {background:#0074ca;; color:#fff;    background-image: url(../images/main-fon01.jpg) ;
    background-repeat:no-repeat;
    
    
    padding: 60px 0;}
.map .dop-txt { margin-bottom:20px; margin-top:0px;}
.list-txt { margin-left:40px; margin-top:15px; line-height: 30px; font-weight: 300; font-size: 15px;}
.list-txt-mod { margin-left:40px; margin-top:15px; list-style-image: url(../images/squaremod.png);line-height: 20px; font-size: 14px;}
div.checkbot input[type="checkbox"] { position:absolute;    bottom: -18px;right: 100px;}
div.checkbot label {    position: relative; top: -12px;text-align: right; float: right; right: 110px; font-size: 13px;}
.top-forma {    padding: 45px; padding-left: 70px; padding-right: 70px; padding-bottom: 70px; background: #f4f8fb; color: #333;}
.left-block:after { }
.txt-btn { margin-top: 80px;  color: #fff; font-size: 24px; font-weight: 700; font-family: 'Montserrat', sans-serif;}
.inetitem {     margin-bottom: 50px; border-left: 2px solid #EC6608; padding-left: 35px; margin-top:20px;}
.modal-dialog-big { width:65%; margin-left:18%;margin-top:100px;}
.modal-dialog-mid { width:55%; margin-left:23%;margin-top:100px;}
.modal-dialog-sm { width:25%; margin-left:35%; background-color: #000B33;    padding: 30px; margin-top:100px;color: #fff; padding-bottom:60px;}
.modal-dialog-sm  .modal-content  { background:none;    box-shadow: none; border: none;}
.modal-content { border-radius:0;    background: #f4f8fb;}
.modal-body { padding:25px;min-height: 350px;}
.modlist { list-style:none; margin-left:40px;}
.modlist li { margin-top:10px; margin-bottom:5px;}
.modlist li:before {    content: '';
    color: #EC6608;
    font-size: 30px;
    position: absolute;
    left: 30px;
    border-bottom: 3px solid;
    width: 15px;
    margin-top: 8px;}
.modwhite {    box-shadow: 0px 2px 57px 3px rgba(137, 137, 137, 0.08);
    padding: 20px;
    border-radius: 10px;
    padding-bottom: 10px; background:#fff;}
.carousel-control { background:none!important;    top: 80%;}
.phone-txt { }
.panel-title { text-transform:none; font-size:14px;}
.panel-default > .panel-heading {    background: none; }
.panel-group .panel { border-radius:0;   box-shadow: 0px 2px 57px 3px rgba(137, 137, 137, 0.08); padding: 20px; border-radius: 10px; padding-bottom: 20px; background:#fff; color:#333;    border: none; margin-bottom: 20px;}
h4.panel-title { font-weight:400;    line-height: 1.5;}
.open > .dropdown-menu {     background-color: #337ab78c; padding: 15px;}
.dropdown-menu { border-radius:0;}
.dropdown-menu > li > a {color: #fff; padding: 8px 20px;}
.panel-default > .panel-heading + .panel-collapse > .panel-body { min-height:120px;}
.minimenu { position:relative;}
.fullwidth { width:100%;}
.video { width:100%; height:230px; border:none;}
.mod-image {float:left; margin-right:20px; width:300px;}
.mod-image-min {float:left; margin-right:20px; width:200px;}
.mod-txt { padding-top:15px;}
.tovar-item { margin-top:15px; margin-bottom:15px; border-bottom:1px dotted #ccc; padding-top:10px; padding-bottom:10px;}
.dropdown-menu {    left: 0; right:inherit;    min-width: 425px;}
.dropdown-menu li { display:inline-block; width:49%; vertical-align:top;}


@media(max-width:434px){}
@media (min-width: 992px) and (max-width: 1199px) {
.inetitem {padding-left: 15px;    font-size: 14px;}
.bot-phone { font-size:28px;}
.faq {background-size: cover;} 
.catalog-item { margin-left: 10px; margin-right: 10px;}
.catalog-item h3 { font-size:16px;}
.why  h3 { font-size:16px;}
.why-bot { margin-top: 20px;}
.how h3 {font-size:16px;}
.modal-dialog-mid { width: 90%; margin-left: 5%;}
.top-forma {}
.left-block:after { display:none;}
.main-txt h1 { font-size:45px; }
.mainfon { }
.top-projects { padding-left:0}
.mini-img { margin-right:6px;}
.main-txt { margin-top:60px;}
.why { height:800px;}
.why-left {padding-right: 40px;} 
div.checkbot label {    right: 85px;}
div.checkbot input[type="checkbox"] { right: 60px; }
.modal-dialog-sm { width:40%; margin-left:30%;}
.podtxt {     font-size: 25px;}
.kompl-bl { width:100%;height: 100%;    padding-bottom: 30px;    margin: 0;  margin-bottom: 15px;} .kompl5 { width:100%;} .kompl-item h4 { font-size:19px;} .leftkompl {min-height:450px;}
.komplekty .kompl-item img {    margin-top: -20px; width: 70%; margin-left: 15%;} .kompl-price .kompl-zakaz { margin-top:35px;} .kompl5 .kompl-price .kompl-zakaz { margin-top:55px;}
.bigstep {    padding: 35px 40px; padding-top: 60px;}.project { width:100%;    margin: 0; margin-bottom: 15px;}
.project .adres:before { margin-top:-2px;}
#faq .block-info {padding: 35px 40px;padding-top: 60px;}
#faq .block-info .zakaz a {    padding: 20px 30px;}
.second h2 { font-size:25px;}
.map .dop-txt {     font-size: 16px; line-height: 22px;}
}
@media (min-width: 768px) and (max-width: 991px) {
.map .dop-txt {     font-size: 16px; line-height: 22px;}
.kompl-price .kompl-zakaz { margin-top:5px;}
.kompl5 .kompl-price .kompl-zakaz { margin-top:55px;}
.kompl5 .kompl-item img { width:50%; margin-left:25%;}
.second {padding: 40px 0;}
.kompl-name h3 { margin-top:10px; font-size:22px;}
.kompl-item h4 { margin-top:0;}
.what-inet { display:none;}
.bot-phone { font-size:28px;}
.bot-phone2 { font-size:23px;}
.faq {background-size: cover;}
.how {background-size: cover;}
.what-inet  {background-size: cover;}
.why { background:none; height:100%;}
.why-left { width:50%;}
.why-right { width:50%;padding-left: 15px;}
.gallery-mod { margin-top:30px;}
.empty-block { display:none;}
.forma2 { padding-top:10px;}
.why  h3 { font-size:16px;}
.why-bot { margin-top: 20px;}
.how h3 {font-size:16px;}
h3 { font-size:16px;}
h2 { font-size:26px;}
.modal-dialog-mid { width: 90%; margin-left: 5%;}
.top-forma {    padding: 40px; margin-top: 60px;}
.second .top-forma  { margin-top:5px;}
.forma2 .top-forma  { margin-top:5px;}
.forma2 h2 { text-align:left;}
.left-block:after { display:none;}
.list-txt {    font-size: 14px; margin-top: 5px;    margin-left: 25px;}
.second  h2 { margin-bottom:15px;margin-top: 0;}
.mainfon { padding-bottom:15px;}
.top-txt { display:none;}
.top-projects { padding-left:100px;}
.main-txt { margin-top:100px;}
.main-txt h1 { font-size: 55px;  margin-top: 0px;}
.mini-img {width: 30px !important;left: -38px;}
.top-phone {font-size: 21px;  margin-left: 40px;}
div.top-forma label {    font-size: 12px; margin-right: 20px;}
div.checkbot label {    right: 50px;}
div.checkbot input[type="checkbox"] { right: 15px; }
.modal-dialog-sm { width:60%; margin-left:20%;}
.modal-dialog { width:90%; margin-left:5%;}
.podtxt { font-size: 16px;}
.prem { margin-top:0;}
.kompl-bl { width:100%; margin:0; margin-bottom:15px; height:100%;    padding-bottom: 30px;}
.bigstep {    padding: 35px 50px; padding-top: 60px;}
.project {width:100%; margin:0; margin-bottom:15px; height:100%;}
.project .adres:before { margin-top:-2px;}
.seo-main {    padding-top: 0;padding-left: 15px; padding-right: 15px; margin-bottom:15px; padding-bottom:0;}
.left-block { padding-right:15px;}
}
@media (min-width: 280px) and (max-width: 767px) {
.affix {     position: fixed!important;
    width: 100%;
    z-index: 9999999999999;
    background: #000B33;
    margin-left: -15px;
    padding: 0 15px; }
.affix .navbar-toggle {    margin-right: 0px;}
.left-block { padding-right:15px;}
.what-inet { display:none;}
.top-projects { display:none;}
.faq {background-size: cover;}
.how {background-size: cover;}
.what-inet  {background-size: cover;}
.why { background:none; height:100%;}
.why-left { width:100%;}
.why-right { width:100%;padding-left: 15px;}
.gallery-mod { margin-top:30px;}
.empty-block { display:none;}
.catalog-item {  width: 100%; padding-right: 0;padding-bottom: 30px;}
.catalog-item h3 { font-size:16px;}
.dropdown-menu {min-width:250px;} .dropdown-menu li { width:100%;}
.rightcat { padding-left:;}
.mgo-widget-call_pulse-price { right:15px;}
.why  h3 { font-size:16px;}
.why-bot { margin-top: 20px;}
.how h3 {font-size:16px;}
h3 { font-size:16px;}
h2 { font-size:22px;    margin-bottom: 20px;}
.modal-dialog-mid { width: 90%; margin-left: 5%;}
.top-forma {width: 100%; padding: 20px;}
.left-block:after { display:none;}
.list-txt {    font-size: 14px; margin-top: 5px;    margin-left: 25px;}
.second  h2 { margin-bottom:15px;font-size: 22px;}
.project .adres:before { margin-top:-3px;} .map .dop-txt {    font-size: 15px;  line-height: 20px;}
.carousel-control { top:12%;} .carousel-control img { width:40px;}
.tovar img { width:80%; margin-left:10%;}
.rights { text-align:left;}
.komplekt h2 { margin-bottom:20px;}
.seo-main { display:none;}
.mainfon { min-height:100px; height:100%;     padding-bottom: 150px;}
.main-txt { margin-top:0;  }
.main-txt h1 {    font-size: 40px; line-height: 35px; margin-top: 100px;text-shadow: 0 0 10px black;}
.contact-form-horizont input { width:90%; margin-right:15px;}
.step { margin-bottom:-10px;}
.navbar {top:0; right:0;}
.bot-phone { font-size:25px;}
.bot-phone2 { font-size:25px;}
.gallery-mod a { padding:10px 20px;}
.logo img { width:85%;}
.logo {padding-left: 0;}
.top-phone { font-size:23px;     margin-top: 10px;}
.mini-img {     display: none;}
div.checkbot input[type="checkbox"] { right: 28px; width: 12px !important;bottom: 37px;}
div.checkbot label {    right: 35px;top: -70px;font-size: 9.4px;}
.sbm-btn2 { margin-top:20px;    width: 90%; margin-right: 15px;    padding: 10px 20px;}
.txt-btn { font-size:18px;}
.modal-dialog-sm { width:90%; margin-left:5%;    margin-top: 20px; padding: 5px;}
.mod-image-min {    width: 70%; margin-left: 20%;}
.modal-body { padding:15px; min-height:100px;}
.podtxt { 
   font-size: 25PX;
    
    }
.dop-txt { font-size:14px;}
.mainfon .zakaz a {    padding: 10px 60px;}
.block-info {    padding: 35px 30px; margin-top: 50px; padding-top: 40px;    max-width: 350px;}
.mainfon .container, .how .container, .what-inet .container, .faq .container{ padding:0;}
.prem { display:none;}
.kompl-bl, .project { width:100%; margin:0; margin-bottom:15px; height:100%;}
.kompl-zakaz a {    padding: 20px 30px;}
.col-lg-12.col-md-12.col-sm-12.col-xs-12.kompl-item { padding:0;}
.block-item { padding-top:0; padding-bottom:0;}
.bigstep {    padding: 35px 20px; padding-top: 60px; margin-bottom:30px;    margin-top: 30px;}
.kompl-bl .leftkompl .kompl-item { padding:0;}
.kompl-bl .leftkompl .kompl-item .kompl-name h3 { margin-top:0;}
.kompl-desc { font-size:14px;}
.project h3 { margin-top:0;}
body { font-size:14px;}
.second, .forma2 { padding-bottom:40px;}
.carousel { padding:0;}
#faq .block-info { display:none;} 
.panel-group .panel { padding:10px;}
.foot { padding:15px; padding-bottom:30px;}
.footer p { margin-left:0;}
.footer {margin-top: 5px;}
.kompl-price p { width:100%;} .kompl-price .kompl-zakaz { margin-top:5px;} .komplekty .kompl-item img { width:80%; margin-left:10%;}
.kompl-name h3 { font-size:18px;}
.modal-dialog { width:100%;}
.leftimage { width:100%!important; margin:10px 0;}
}
@media(min-width: 500px) and (max-width: 800px) {
    
.podtxt { 
     font-size: 24px;
    font-weight: 400;
    text-shadow: none;
    text-transform: none;
    position: absolute;
    bottom: 190px;
    }

}
    
}
@media (min-width: 500px) and (max-width: 767px) {
.dop-txt {font-size: 18px;}
.kompl-name h3 { font-size: 20px; margin-top: 20px;}
.komplekty .kompl-item img { width: 60%; margin-left: 20%;}
.what-inet { display:none;}
.top-projects { display:none;}
.kompl-bl { width:100%; margin:0; margin-bottom:15px; height:100%;}
.faq {background-size: cover;}
.how {background-size: cover;}
.what-inet  {background-size: cover;}
.why { background:none; height:100%;}
.why-left { width:50%;}
.why-right { width:50%;padding-left: 15px;}
.gallery-mod { margin-top:30px;}
.empty-block { display:none;}
.catalog-item {}
.tovar img { width: 60%; margin-left: 20%;}
.catalog-item h3 { font-size:16px;}
.why  h3 { font-size:16px;}
.why-bot { margin-top: 20px;}
.how h3 {font-size:16px;}
h3 { font-size:16px;}
h2 { font-size:22px;}
.modal-dialog-mid { width: 90%; margin-left: 5%;}
.top-forma {margin-left: 5px; width: 95%; margin-right: 5px; padding: 20px;}
.left-block:after { display:none;}
.main-txt h1 { font-size:30px; line-height:50px;}
.list-txt {    font-size: 14px; margin-top: 5px;    margin-left: 25px;}
.second  h2 { margin-bottom:15px;}
.rights { text-align:left;}
.komplekt h2 { margin-bottom:20px;}
.seo-main { padding-left:30px; padding-right:30px;}
.mainfon { height:100%;}
.main-txt { margin-top:0;}
.main-txt h1 {    font-size: 60px; line-height: 65px; margin-left: 0; color: #fff; margin-bottom: 30px;  margin-top: 50px;}
.contact-form-horizont input { width:90%; margin-right:15px;}
.step { margin-bottom:0px;}
.project .col-lg-7.col-md-4.col-sm-6.col-xs-12.kompl-item { width:50%;}
.project .col-lg-5.col-md-8.col-sm-6.col-xs-12.kompl-item { width:50%;}
.project h4 { font-size:16px;} .project ul li span{ font-size:17px;} .project ul li { font-size:15px; margin-bottom:5px;}
.navbar {top:0;}
.logo img { width:90%;}
div.checkbot input[type="checkbox"] { right: 35px; bottom: 37px;}
div.checkbot label {    right: 50px;top: -70px;}
.sbm-btn2 { margin-top:20px;    width: 90%; margin-right: 15px;}
.modal-dialog-sm { width:70%; margin-left:15%;}


@media (min-width: 600px) and (max-width: 767px) {.topleft { width:50%;} .topright { width:50%;} .main-txt h1 {font-size: 44px; line-height: 55px;}}
		
@media (min-width: 1350px) and (max-width: 2000px) {.container { width:1300px;}}
@media (min-width: 1200px) and (max-width: 1349px) {.container { width:1170px;} .top-projects { padding-left:120px;}.kompl-bl, .project{ width:48.5%;} .kompl5{ width:100%;} .block-info {padding: 35px 60px;  padding-top: 60px;} .block-info .zakaz a{padding: 20px 40px;} h4 { font-size:17px;} h3 { margin-top:20px;} .kompl-item h4 { margin-top:0;} .kompl-zakaz a { padding: 20px 40px;} .komplekty .kompl-item ul li { font-size:14px;} .kompl-desc { font-size:14px; margin-bottom:20px;} .kompl-bl { height:650px;} .kompl5 { height:100%;} .project ul li{margin-bottom: 7px; font-size: 16px;} .project ul li span { font-size:18px;}}