@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&subset=cyrillic,latin);

body{font-family:Roboto Condensed, Arial; font-size:14px; color:#111; background:#374c77; min-width:320px; cursor:default;}
html, body {height:100%;}
*{padding:0; margin:0; outline:0; border:none;}
ul, ol{list-style:none;}
u{text-decoration:none;}
i{font-style:normal;}
a{color:#d01d2d; text-decoration:none; cursor:pointer;
    -ms-transition: color .15s ease-out 0s;
    -webkit-transition: color .15s ease-out 0s;
    transition: color .15s ease-out 0s;
    -ms-transition: background .15s ease-out 0s;
    -webkit-transition: background .15s ease-out 0s;
    transition: background .15s ease-out 0s;
}
a:hover{color:#f32a3c; text-decoration:none;}
.header a,.footer a{
    color:#5272b2; text-decoration:none; cursor:pointer;
    -ms-transition: color .15s ease-out 0s;
    -webkit-transition: color .15s ease-out 0s;
    transition: color .15s ease-out 0s;
    -ms-transition: background .15s ease-out 0s;
    -webkit-transition: background .15s ease-out 0s;
    transition: background .15s ease-out 0s;
}
.header a:hover,.footer a:hover{color:#3c517a; text-decoration:underline;}
.hide{display:none !important;}
h1,h2,h3,h4,h5,h6{clear:both; display:block; font-weight:normal;}
h1{font-size:2em;}
h2{font-size:1.8em;}
h3{font-size:1.6em;}

/*Layout*/
.layout{
    display:block;
    overflow:hidden;
    width:100%;
    margin:0 auto; 
    background:#fff;
}
.ways{
    width:1000px;
    margin:0 auto;
}

/*Headline*/
.headline{
    display:block;
    overflow:hidden;
    height:40px;
    line-height:42px;
    font-size:.85em;
    background:#333;
    color:#999;
}
.headline span{display:block;}
.headline a{color:#fff;}
.headline a:hover{color:#ff6c6c;}
.headline .phone{float:right; font-size:1.6em; font-weight:bold;}
.headline .callback{float:right; height:30px; line-height:30px; font-size:1.1em; background:#d01d2d; border-radius:4px; padding:0 8px; margin:5px 0 0 15px;}
.headline .callback:hover{background:#f32a3c; color:#fff;}


/*Header*/
.header{
    display:block;
    overflow:hidden;
    height:120px;
    line-height:120px;
    background:#111;
}
.header .phone{float:left; height:30px; line-height:30px; color:#fff; font-size:1.4em; font-weight:bold; margin:20px 0 0 15px;}
.header .phone:hover{text-decoration:none; color:#ff6c6c;}
.header .logo{
    float:left;
    overflow:hidden;
    width:170px;
    margin:0;
}
.header .logo img{
    display:block;
    width:100%;
    margin-top:20px;
}
.header .mobile-menu{
    position:absolute;
    top:0; right:0;
    display:none;
    width:28px;
    height:28px;
    background:url(../images/sprite.png) no-repeat -76px -110px;
    -moz-opacity:0.5;
    filter:alpha(opacity:50);
    opacity:0.5;
    cursor:pointer;
}
.header .mobile-menu:hover,
.header .mobile-menu.active{
    -moz-opacity:1.0;
    filter:alpha(opacity:100);
    opacity:1.0;
}
.header .menu{float:right;}
.header .menu li{
    position:relative;
    display:inline-block;
    font-size:1.4em;
    padding:0;
    margin-top:2px;
    margin-left:15px;
}
.header .menu li a{display:block; text-decoration:none;color:#fff;}
.header .menu li a:hover{color:#ff6c6c; text-decoration:none;}

/*Footer*/
.footer{
    position:relative; z-index:1;
    clear:both;
    display:block;
    overflow:hidden;
    color:#999;
    background:#111;
}
.footer .ways{width:704px;}
.footer .copyrights{
    display:block;
    color:#999;
    background:#222;
    padding:20px 0;
    margin-left:-3px;
}
.footer a{color:#fff;}
.footer a:hover{color:#ff6c6c; text-decoration:none;}

.footer .menu{
    display:block;
    overflow:hidden;
    padding:35px 0 25px 0;
}
.footer .menu .info{
    float:left;
    width:220px;
    font-size:.9em;    
    padding-right:20px;
}
.footer .menu .info .logo{
    float:left;
    width:120px;
    margin-bottom:25px;
}
.footer .menu .info .logo img{
    display:block;
    width:100%;
    overflow:hidden;
}
.footer .menu .info p{clear:both; font-size:1.1em;}
.footer .menu .contacts{
    float:left;
    width:430px;
    border-left:1px solid #333;
    padding:0 0 0 30px;
}
.footer .menu .contacts .title{display:block; font-size:1.4em; margin:0 0 22px 0; height:auto; line-height:auto;}
.footer .menu .contacts p{font-size:1.1em; margin-bottom:20px;}
.footer .menu .contacts .phone{display:block; font-size:1.6em; line-height:30px; margin:20px 0;}
.footer .menu .contacts .email{display:block; font-size:1.2em;}
.footer .map1000,
.footer .map1200{display:none;}

/*Text*/
.box.text{
    clear:both;
    display:block;
    overflow:hidden;
    width:100%;
    margin:0 auto; background:#ccc;
    padding:30px 0 10px 0;
}
.box.text h1{
    font-weight:bold;
    font-size:2.6em;
    margin-bottom:20px;
}
.box.text p{display:block; font-size:1.2em; margin-bottom:20px;}
.box.text strong{display:block; clear:both; font-size:1.2em; margin:10px 0 20px 0;}
.box.text.black{background:#111; color:#fff;}
.box.text.white{background:#fff;}

.hr{display:block; width:100%; height:1px; background:#ccc; margin:10px 0 0 0;}
.acr{display:block; max-width:100%; clear:both;}

/*Crumbs*/
.crumbs{
    display:block;
    overflow:hidden;
    background:#333;
    color:#999;
    font-size:1.2em;
    padding:20px 0;
}
.crumbs a{color:#fff;}
.crumbs a:hover{color:#ff6c6c;}
.crumbs i{margin:0 10px;}




/*Catalog*/
.box.cat .main{
    display:block;
    width:100%;
    max-width:450px;
    margin-bottom:20px;
}
.box.cat h3{
    display:block;
    clear:both;
    font-weight:bold;
    margin:20px 0;
}
.box.cat .link{
    display:block;
    font-size:1.2em;
    margin-bottom:20px;
}
.box.cat .link img{
    float:left;
    width:20px;
    margin:-5px 10px 0 0;
}
.box.cat .link b{color:#555;font-weight:normal; margin-left:7px;}


/*New*/
.box.new{
    clear:both;
    display:block;
    overflow:hidden;
    width:100%;
    margin:0 auto; background:#fff;
}
.box.new .item{
    float:left;
    width:33.33333333333333%;
    text-align:center;
    position:relative;
}
.box.new .item b{
    position:absolute; left:15px; right:15px; bottom:12px;
    background:#000;
    color:#fff;
    font-size:.9em;
    font-weight:bold;
    padding:10px;
}
.box.new .item:hover b{color:#ff6c6c;}
.box.new .item img{
    display:block;
    width:100%;
}

/*New*/
.box.fet{
    clear:both;
    display:block;
    overflow:hidden;
    width:100%;
    margin:0 auto; background:#fff;
}
.box.fet .item{
    float:left;
    width:50%;
    text-align:center;
    position:relative;
}
.box.fet .item b{
    position:absolute; left:15px; right:15px; bottom:12px;
    background:#000;
    color:#fff;
    font-size:1.2em;
    font-weight:bold;
    padding:10px;
}
.box.fet .item:hover b{color:#ff6c6c;}
.box.fet .item img{
    display:block;
    width:100%;
}

/*New*/
.box.mnu{
    clear:both;
    display:block;
    overflow:hidden;
    width:100%;
    margin:30px auto;
}
.box.mnu .item{
    position:relative;
    float:left;
    overflow:hidden;
    width:33.33333333333333%;
    text-align:center;
    margin-bottom:40px;
}
.box.mnu .item b{
    position:absolute;
    left:0; top:0;
    font-size:1.2em;
    font-weight:bold;
    color:#000;
    z-index:1;
}
.box.mnu .item img{
    display:block;
    width:100%;
}
.box.mnu .item .data{
    position:absolute;
    top:50px; left:0;
    overflow:hidden;
}
.box.mnu .item .data a{
    clear:both;
    display:block;
    color:#000;
    text-align:left;
    font-size:1em;
    margin-bottom:5px;
}
.box.mnu .item .data a:hover{color:#ff6c6c;}

/*Feedback*/
.box.feedback{
    clear:both;
    display:block;
    overflow:hidden;
    width:700px;
    margin:0 auto;
}
.box.feedback .title{
    display:block;
    overflow:hidden;
    font-size:2em;
    font-weight:bold;
    text-align:center;
    margin:25px 0;
}
.box.feedback .title b{
    color:#79c500;
    font-weight:normal;
}
.box.feedback p{
    display:block;
    width:400px;
    font-size:1em;
    text-align:center;
    margin:0 auto;
    margin-bottom:20px;
}
.box.feedback .form{
    display:block;
    overflow:hidden;
    padding:0 0 20px 0;
    margin:0 20px 0 20px;
}
.box.feedback .form .col:first-child{margin:0;}
.box.feedback .form .col{
    float:left;
    width:320px;
    margin-left:20px;
}
.box.feedback .form label{
    display:block;
    clear:both;
    font-size:.9em;
    margin-bottom:5px;
}
.box.feedback .form .err.show{display:block;}
.box.feedback .form .err{
    display:none;
    position:relative; top:-15px;
    clear:both;
    color:#ff0000;
}
.box.feedback .form .button{
    display:block;
    clear:both;
    width:100%;
    font-weight:bold;
}

/*Buttons*/
.button{
    display:inline-block;
    background:#d01d2d;
    color:#fff;
    font-size:1.6em;
    height:60px;
    text-align:center;
    line-height:60px;
    padding:0 50px;
    cursor:pointer;
}
.button:hover{background:#f32a3c; text-decoration:none; color:#fff;}
.button.min{
    font-size:1em;
    height:32px;
    line-height:32px;
    padding:0 13px;
}

/*Fields*/
input,
textarea{
 background:#e4e4e4;
}
select,
input,
textarea{
    float:left;
    display:block;
    width:100%;
    max-width:100%;
    font-size:1.2em;
    font-family:Roboto Condensed, arial;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline-width:0;
    margin-bottom:20px;
}
select{height:45px; line-height:45px; padding-left:15px; cursor:pointer; background:#fff;}
input{line-height:100% and line-height: 1; height:45px; padding:0 15px;}
textarea{    
    overflow:hidden;
    max-width:100%;
    min-height:150px;
    padding:15px;
    margin:0 -100px 20px 0;
}
input.min{height:36px; padding:0 10px;}


.modal.show{display:block;}
.modal{display:none; position:fixed; top:50%; left:50%; width:600px; z-index:3001; transform: translateX(-50%) translateY(-50%); animation:modal .5s;}
.modal .content{position:relative; display:block; overflow:hidden; height:100%; color:#fff; background:#c5c7cb; margin:0 auto; padding:0;}
.modal .content .close{position:absolute; top:17px; right:18px; width:27px; cursor:pointer; color:#fff; font-size:1.4em; transition: .3s ease-out;}
.modal .content .close:hover{color:#fff;}
.modal .content .close img{display:block; width:100%; opacity:.8;}
.modal .content .close:hover img{opacity:100;}

.modal .content h3{display:block; font-size:2em; background:#3f3f44; color:#fff; text-align:left; padding:10px 0 12px 22px; margin:0 0 30px 0;}
.modal .content .form{display:block; text-align:center; margin:0 25px 0 25px; padding:0 0 30px 0;}
.modal .content .button{width:180px; margin:10px 0 0 50px;}

.modal .content input,.modal .content textarea{margin-bottom:20px; color:#000;}

.modal .content button{float:left; width:200px; height:45px; line-height:45px; border-radius:45px; text-align:center; font-weight:bold; font-size:1.2em; background:#d01d2d; color:#fff; margin:5px 0 25px 180px; cursor:pointer; transition: .3s ease-out;}
.modal .content button:hover{background:#f32a3c;}
.bg.show{display:block;}
.bg{display:none; position:fixed; z-index:1000; left:0; top:0; right:0; bottom:0; background:#000; opacity:0.9; cursor:pointer; animation:modal .5s;}
@keyframes modal{from{opacity:0;}to{opacity:1;}}


@media (max-width:750px){
    .ways{width:320px !important; position:relative;}
    .headline{font-size:.9em;}

    .headline span i{display:none !important;}


    .header{min-height:65px; height:auto; line-height:auto; overflow:hidden;}
    .header .mobile-menu{display:inline; margin-top:22px; z-index:3;}
    .header .logo{width:100px; margin:-8px 0 13px 0;}
    .header .menu{width:100%; padding:0; display:none; border-bottom:1px solid #ccc;}
    .header .menu.show{display:block; overflow:hidden;}
    .header .menu li{
        display:block;
        height:35px;
        line-height:35px;
        font-size:1.3em;
        padding:0 0px; 
        margin:0;
    }
    .header .menu li:first-child{margin-top:7px;}
    .header .menu li:last-child{margin-bottom:10px;}
    .header .menu li:hover{background:none;}
    .header .menu li a{display:block;}

    .header .menu li u{display:none !important;}
    .sidebar .menu{font-size:1.2em;}

    .footer .copyrights{text-align:center;}
    .footer .copyrights i{display:none;}
    .footer .menu .info{width:100%; height:auto; padding:0; margin-bottom:20px; font-size:.85em;}
    .footer .menu .info .logo{margin-left:90px;}
    .footer .menu .info p i{display:none;}
    .footer .menu .contacts p{font-size:1.1em;}
    .footer .menu .contacts{width:100%; height:auto; min-height:0; border:none; border-top:1px solid #333; padding:20px 0 0 0; margin-bottom:-3px; text-align:center;}
    .footer .menu .contacts .title{display:none;}

    .box.feedback{width:340px; margin-left:-20px;}
    .box.feedback .title{font-size:1.7em;}
    .box.feedback p{width:280px; font-size:.9em;}
    .box.feedback .form .col:first-child{margin:0;}
    .box.feedback .form .col{width:300px;margin:0;}
    .box.feedback .form label{font-size:.8em; margin-bottom:2px;}
    .box.feedback .form input{margin-bottom:10px;}
    .box.feedback .form textarea{margin-top:0px;}
    .box.feedback .form .button{margin-top:10px; font-size:1.6em;}
    .box.feedback .form .col .err{top:-6px;}

    .box.new .item{width:100%;}
    .box.new .item b{left:0px; right:0px; bottom:0px; font-size:1em;}

    .box.text{padding:20px 0 0 0;}
    .box.text h1{font-size:2em;}
    .box.text p{font-size:1em; margin-bottom:30px;}


    .box.fet .item{width:100%;}
    .box.fet .item b{font-size:1.2em;}

    .box.mnu .item{width:100%; margin-bottom:15px; border-bottom:1px solid #ccc;}
    .box.mnu .item:last-child{border:none;}
    .box.mnu{margin-bottom:0;}
    .box.mnu .item b{font-size:1.2em;}
    .box.mnu .item .data a{font-size:.85em; margin-bottom:10px;}

    .modal{width:320px;}
    .modal .content button{margin:5px 0 25px 40px;}

    .box.cat h3{font-size:1.2em;}
    .box.cat .tbi{width:100%;}
    .box.cat .link{font-size:1.1em;}
    .crumbs{font-size:1em; padding:15px 0;}

}
@media (max-width:1024px){.ways{width:700px;}}
@media (min-width:751px){
    .header .phone{display:none;}
    .header .menu{display:block !important;}
    .headline{font-size:1em;}

    .box.new .item b{font-size:1em;}
}
@media (min-width: 1025px){
    
    .header .menu li{font-size:1.4em; margin-left:24px;}
    .footer .ways{width:1000px;}
    .footer .copyrights{font-size:1em;}
    .footer .menu .contacts{width:698px; min-height:0;}
    .footer .menu .info{width:250px; min-height:0;}
    .box.fet .item{width:25%;}
    .box.fet .item b{font-size:1em;}

    
    .box.mnu .item b{font-size:1.2em;}
    .box.mnu .item .data a{font-size:1em; margin-bottom:10px;}




}
@media (min-width: 1280px){
    .ways{width:1200px;}
    .header .menu li{font-size:1.6em; margin-left:30px;}

    .footer .ways{width:1200px;}
    .footer .menu .contacts{width:896px;}

    .box.new .item b{font-size:1.2em;}
    .box.fet .item b{font-size:1.2em;}

}