@import "arsenal.css" screen;
body,html{margin:0;padding:0;font-family:'arial';width:100%;}
header,section,content,footer{width:100%;float:left;}

 @media only screen and (max-device-width: 767px) {
.main {width:100%;max-width:1200px;margin:0 auto}
.logo {float:left;width:70%;margin:10px 0 0 15%}
.logo img {float:left;width:100%}
.rab {position:absolute;z-index:2;right:0;top:0;width:25%;display:none}
h1 {float:left;width:100%;text-align:center;font-size:2em;margin:40px 0;font-family:'arsenalregular';}
#zak_zvon {float:left;width:20%;line-height:40px;background-color:#ff9000;text-align:center;cursor:pointer;margin:80px 0 0 5%; text-decoration:none; 
 text-align:center; 

 border:solid 1px #724100; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font-weight:bold; 
 color:#ffffff; 
 background-color:#fccb60; 
 background-image: -moz-linear-gradient(top, #fccb60 0%, #b55e00 100%); 
 background-image: -webkit-linear-gradient(top, #fccb60 0%, #b55e00 100%); 
 background-image: -o-linear-gradient(top, #fccb60 0%, #b55e00 100%); 
 background-image: -ms-linear-gradient(top, #fccb60 0% ,#b55e00 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b55e00', endColorstr='#b55e00',GradientType=0 ); 
 background-image: linear-gradient(top, #fccb60 0% ,#b55e00 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; font-family:'arsenalregular';font-weight:normal;display:none; }
header > .main >div{float:left;width:80%;margin-top:10px;margin:0 10%;}
header > .main >div > span{float:left;width:100%;line-height:2em;font-size:1.8em;margin:5px 0;font-family:'arsenalregular';text-align:center}
header > .main >div > span img{float:left;width:20%;}
section > span {float:left;width:100%;text-align:center;font-size:1.8em;line-height:2.5em;color:#fff;background-color:#0001cf;font-family:'arsenalregular';}
section > .main > a {float:left;width:47%;position:relative;margin:20px 1.5%}
section > .main > a img{float:left;width:100%;position:relative;z-index:1}
section > .main > a span{position:absolute;z-index:2;bottom:0;left:0;width:100%;text-align:center;padding:10px 0;color:#fff;background:rgba(40,40,40,.8);font-size:1.1em;font-family:'arsenalregular';}
.preim {float:left;width:100%;background-color:#0001cf;padding:35px 0 25px 0}
.preim .main div {float:left;width:90%;margin:0 5%;color:#FFF}

.preim i {float:left;width:20%;margin:0;text-align:center;font-size:5em}
.preim span {width:60%;float:right;text-align:center;margin-top:10px;margin-left:5%;font-family:'arsenalregular';font-size:1.3em}
.text {float:left;width:100%;text-indent:20px;font-size:1em}
footer {background-color:#444;color:#fff;line-height:4.5em;font-size:0.8em}
footer a {color:#fff;}
footer span:first-child{float:left;}
footer span:last-child{float:right}
footer span {float:left;width:100%;text-align:center}
.left_menu{float:left;width:25%;list-style:none;margin:120px 0;padding:0}
.left_menu li{float:left;width:100%;}
.left_menu li a{float:left;width:100%;text-align:center;border-bottom:1px solid #666;color:#666;padding:5px 0;text-decoration:none;}
.left_menu li.active a{border-bottom:1px solid #df0000;color:#df0000}
.text2 {float:left;width:60%;margin:20px 3%;font-size:1em}
}
 @media only screen and (min-device-width: 768px) {
.main {width:100%;max-width:1200px;margin:0 auto}
.logo {float:left;width:50%;margin:10px 0 0 0%}
.logo img {float:left;width:100%}
.rab {position:absolute;z-index:2;right:0;top:0;width:25%;display:none}
h1 {float:left;width:100%;text-align:center;font-size:1.5em;margin:40px 0;font-family:'arsenalregular';}
#zak_zvon {float:left;width:20%;line-height:40px;background-color:#ff9000;text-align:center;cursor:pointer;margin:80px 0 0 5%; text-decoration:none; 
 text-align:center; 

 border:solid 1px #724100; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font-weight:bold; 
 color:#ffffff; 
 background-color:#fccb60; 
 background-image: -moz-linear-gradient(top, #fccb60 0%, #b55e00 100%); 
 background-image: -webkit-linear-gradient(top, #fccb60 0%, #b55e00 100%); 
 background-image: -o-linear-gradient(top, #fccb60 0%, #b55e00 100%); 
 background-image: -ms-linear-gradient(top, #fccb60 0% ,#b55e00 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b55e00', endColorstr='#b55e00',GradientType=0 ); 
 background-image: linear-gradient(top, #fccb60 0% ,#b55e00 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; font-family:'arsenalregular';font-weight:normal;display:none; }
header > .main >div{float:right;width:40%;margin-top:60px;margin-right:0%}
header > .main >div > span{float:left;width:100%;line-height:2em;font-size:1.8em;margin:5px 0;font-family:'arsenalregular';}
header > .main >div > span img{float:left;width:20%;}
section > span {float:left;width:100%;text-align:center;padding:10px 0;line-height:2.5em;color:#fff;background-color:#0001cf;font-family:'arsenalregular';}
section > .main > a {float:left;width:22%;position:relative;margin:20px 1.5%}
section > .main > a img{float:left;width:100%;position:relative;z-index:1}
section > .main > a span{position:absolute;z-index:2;bottom:0;left:0;width:100%;text-align:center;padding:10px 0;color:#fff;background:rgba(40,40,40,.8);font-size:1.1em;font-family:'arsenalregular';}
.preim {float:left;width:100%;background-color:#0001cf;padding:35px 0 25px 0}
.preim .main div {float:left;width:16%;margin:0 2%;color:#FFF}

.preim i {float:left;width:50%;margin: 0 25%;text-align:center;font-size:5em}
.preim span {width:100%;float:left;text-align:center;margin-top:10px;font-family:'arsenalregular';}
.text {float:left;width:100%;text-indent:20px;font-size:0.92em}
footer {background-color:#444;color:#fff;line-height:4.5em;font-size:0.8em}
footer a {color:#fff;}
footer span:first-child{float:left;}
footer span:last-child{float:right}
.left_menu{float:left;width:25%;list-style:none;margin:120px 0;padding:0}
.left_menu li{float:left;width:100%;}
.left_menu li a{float:left;width:100%;text-align:center;border-bottom:1px solid #666;color:#666;padding:5px 0;text-decoration:none;}
.left_menu li.active a{border-bottom:1px solid #df0000;color:#df0000}
.text2 {float:left;width:60%;margin:20px 3%;}
}