@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow|Didact+Gothic&subset=latin,cyrillic);
body{font:14pt 'Didact Gothic', sans-serif;margin:0;padding:0;background:#fff;}
	h1{margin:0;color:#000;}
	.mon1 h1{margin:0;color:#fff;text-transform: uppercase;}
h1, h2, .title_h2{font:22pt 'PT Sans Narrow', sans-serif;display:inline-block;}
h3{margin-bottom:10px;min-height:50px;width:245px;}
input{font:14pt 'Didact Gothic', sans-serif;}
.popup{display:none;width:100%;height:100%;background-color:#000;position:fixed;opacity:0.8;z-index:2;}
.popupform{opacity:0;display:none;position:fixed;left:50%;top:50%;min-width:240px;background-color:#fff;z-index:4;border:solid 1px grey;border-radius:3px;margin:-223px 0 0 -140px;padding:20px;}
.popupform p{font-size:18pt;margin:10px;}
.popupform span{text-align:left;display:block;font-size:13pt;}
.text{font-size:12pt;padding:5px;outline:none;width:240px;border-radius:3px;border:solid 1px grey;display:block;margin-bottom:10px;}
.popupform select{font-size:12pt;padding:5px;outline:none;width:240px;border-radius:3px;border:solid 1px grey;display:block;margin-bottom:10px;}
.popupform textarea{min-height:100px;font-size:12pt;padding:5px;outline:none;width:240px;border-radius:3px;border:solid 1px grey;display:block;margin-bottom:10px;}
.close{background:url('images/close.png') center;width:25px;height:25px;position:absolute;right:-12px;top:-12px;cursor:pointer;}

.city_choice{opacity:0;display:none;position:absolute;left:50%;min-width:700px;background-color:#fff;z-index:4;border:solid 1px grey;border-radius:3px;padding:20px;margin-left:-350px;}
.city_choice{text-align:left;}
.city_choice ul{display:inline-block;margin:0 10px;padding:0;text-align:left;font-size:10pt;vertical-align:top;}
.city_choice li{list-style-type:none;}
.city_choice a{color:#fd8e0b;text-decoration:none;}
.city_choice a:hover{border-bottom: 1px dashed #fd8e0b;}
.city_list li span{cursor:pointer;border-bottom: 1px dashed #fd8e0b;}
.city_list li ul{display:none;cursor:pointer;}
.city_list li:hover ul{display:inline;}
.city_list li ul li{margin-left:7px;}
.card table th.hint, .card.ndfl span.hint{font-weight: normal;font-size: 14pt;color: red;text-align: center;}

.popup_btn{height:37px;cursor:pointer;background-color:#00cc00;border-bottom:3px solid #009900;border-radius:3px;border-top:0;border-right:0;border-left:0;outline:none;width:240px;-webkit-appearance:none;}
.popup_btn:hover{background-color:#00aeef;border-bottom:3px solid #0083b4;}
#result_form{z-index:3;display:none;position:fixed;width:240px;padding:10px;background-color:#fff;border-radius:3px;border:solid 1px grey;left:50%;top:50%;margin:-50px 0 0 -130px;}
.result_btn{margin-top:10px;outline:none;padding:0 10px;height:28px;cursor:pointer;background-color:#00cc00;border:0;border-bottom:3px solid #009900;border-radius:3px;-webkit-appearance:none;}
.result_btn:hover{background-color:#00aeef;border-bottom:3px solid #0083b4;}
.phone{float: right;font-size: 14pt;}


.main_menu{padding-bottom:5px;background:#000;}
.main_menu a{font-size:12pt;color:#fff; margin-left:10px;text-decoration:none;border-bottom:1px solid #fff;}

.popup_menu{display:inline;width:20px;height:15px;color:#fff;vertical-align:middle;cursor:pointer;padding:0px;}
.popup_menu span{border-bottom:1px solid #fff;font-size:12pt;margin-left:10px;}
.popup_menu li{display:inline-block;list-style-type:none;}
.popup_menu ul{max-height:400px;display:none;position:absolute;text-align:left;padding-bottom:8px;}
.popup_menu div{height:7px;width:100%;border-bottom:1px solid #fff;}
.popup_menu ul li{display:block;list-style-type:none;background-color:#000;padding:0 8px 2px 0;}

.popup_menu li:hover ul{display:block;}

.top_line{position:fixed; width:100%;z-index:1;background:url('images/top_line_bg1.png') repeat bottom;}
.container{width:80%;max-width:1080px;}
.logo{float:left; margin:10px 15px;width:136px;}
.logo_text{float:left;color:#000;font-size:16pt;}

.top_navigation{margin:25px 15px 0;float:right;font-size:12pt;}
.top_navigation a{display:inline-block;float:left;color:#000;margin: 0 12px 3px;}
.city{border-bottom: 1px dashed #fd8e0b;color:#fd8e0b;cursor:pointer;}

.mon1{background:no-repeat center;background-size:cover;height:500px;width:100%;padding-top:170px;}
.mon1 form{width:80%;min-width:280px;background:url('images/opacity_bg.png');border-radius:10px;position:relative;top:50%;margin-top:-140;padding:20px 0px 20px;}
.mon1 form p{color:fff;margin:10px;}
.mon1 form input{height:30px;border-radius:3px;outline:none;border:0;box-shadow: 0 0 10px rgba(0,0,0,0.75);-webkit-appearance:none;padding:0;}
.mon1 form #phonenumber1{width:50%;min-width:180px;padding-left:10px;text-align:center;}
.mon1 .send_btn{width:40px;background-color:#00cc00;border-bottom:3px solid #009900;color:#fff;cursor: pointer;margin-left:7px;}
.mon1 .send_btn:hover{border-bottom:3px solid #0083b4;background-color:00aeef;}

.mon2{width:100%;padding:210px 0 30px;background-color:#f9f9f9;}
.mon22{width:100%;padding:30px 0 30px;background-color:#f9f9f9;}
.first_h2{margin-bottom:0;}
.dostavka{margin-top:20px;color:#ff0000;}
.card{position:relative;display:inline-block;max-width:285px;width:auto;margin:10px;height:310px;border:1px solid #888;text-align:left;font-size:11pt;padding:5px;vertical-align:top;}
.card h3{font-size:14pt;margin-top:0px;font-weight:bold;}
.card table{position:absolute;bottom:0;width:250px;margin:0 0 5px 50%;left:-125px;}
.card table th{text-align:left;   }
.card table td{text-align:center;cursor:pointer;background-color:#00cc00;color:#fff;border-bottom:3px solid #009900;border-radius:3px;width:150px;}
.card table td:hover{border-bottom:3px solid #0083b4;background-color:00aeef;}
.card table td.great{background-color:#0000d0;border-bottom:3px solid #000080;}
.card table td.great:hover{border-bottom:3px solid #0083b4;background-color:00aeef;}
.card ul{margin:0;background-color:#888;border-radius:3px;}
.card ul li{color:#fff;}
.card.hummer{height:370px;}

.almazka_chernaya{background:url('images/new/almazka_chernaya-247x185.jpg') no-repeat center 55px;background-size:240px;}
.almazka_sinyaya{background:url('images/new/almazka_sinyaya-247x185.gif') no-repeat center 55px;background-size:240px;}
.almaznaya_fioletovaya{background:url('images/new/almaznaya_fioletovaya-247x185.gif') no-repeat center 55px;background-size:240px;}
.almaznaya_haki{background:url('images/new/almaznaya_haki-247x185.gif') no-repeat center 55px;background-size:240px;}
.almaznaya_krasnaya{background:url('images/new/almaznaya_krasnaya-247x185.gif') no-repeat center 55px;background-size:240px;}
.almaznaya_oranjevaya{background:url('images/new/almaznaya_oranjevaya-247x185.gif') no-repeat center 55px;background-size:240px;}
.almaznaya_salatovaya{background:url('images/new/almaznaya_salatovaya-247x185.gif') no-repeat center 55px;background-size:240px;}
.almaznaya_serebristaya{background:url('images/new/almaznaya_serebristaya-247x185.gif') no-repeat center 55px;background-size:240px;}
.almaznaya_temnosinyaya{background:url('images/new/almaznaya_temnosinyaya-247x185.gif') no-repeat center 55px;background-size:240px;}
.almaznya_belaya{background:url('images/new/almaznya_belaya-247x185.gif') no-repeat center 55px;background-size:240px;}
.almaznya_jeltaya{background:url('images/new/almaznya_jeltaya-247x185.gif') no-repeat center 55px;background-size:240px;}
.aluminiy_cherniy{background:url('images/new/aluminiy_cherniy-247x185.gif') no-repeat center 55px;background-size:240px;}
.aluminiy_grafit{background:url('images/new/aluminiy_grafit-247x185.gif') no-repeat center 55px;background-size:240px;}
.aluminiy_siniy{background:url('images/new/aluminiy_siniy-247x185.gif') no-repeat center 55px;background-size:240px;}
.aluminiy_zoloto{background:url('images/new/aluminiy_zoloto-247x185.gif') no-repeat center 55px;background-size:240px;}
.aluminy_serebro{background:url('images/new/aluminy_serebro-247x185.gif') no-repeat center 55px;background-size:240px;}
.carbon_beliy{background:url('images/new/carbon_beliy-247x185.gif') no-repeat center 55px;background-size:240px;}
.carbon_bordo{background:url('images/new/carbon_bordo-247x185.gif') no-repeat center 55px;background-size:240px;}
.carbon_cherniy{background:url('images/new/carbon_cherniy-247x185.gif') no-repeat center 55px;background-size:240px;}
.carbon_goluboy{background:url('images/new/carbon_goluboy-247x185.gif') no-repeat center 55px;background-size:240px;}
.carbon_grafit{background:url('images/new/carbon_grafit-247x185.gif') no-repeat center 55px;background-size:240px;}
.carbon_krasniy{background:url('images/new/carbon_krasniy-247x185.gif') no-repeat center 55px;background-size:240px;}
.carbon_orangeviy{background:url('images/new/carbon_orangeviy-247x185.gif') no-repeat center 55px;background-size:240px;}
.carbon_prazrachniy{background:url('images/new/carbon_prazrachniy-247x185.gif') no-repeat center 55px;background-size:240px;}
.carbon_salatoviy{background:url('images/new/carbon_salatoviy-247x185.gif') no-repeat center 55px;background-size:240px;}
.carbon_serebro{background:url('images/new/carbon_serebro-247x185.gif') no-repeat center 55px;background-size:240px;}
.carbon_siniy{background:url('images/new/carbon_siniy-247x185.gif') no-repeat center 55px;background-size:240px;}
.carbon_temsiniy{background:url('images/new/carbon_temsiniy-247x185.gif') no-repeat center 55px;background-size:240px;}
.carbon_zolotoy{background:url('images/new/carbon_zolotoy-247x185.gif') no-repeat center 55px;background-size:240px;}
.glyanec_fioletoviy{background:url('images/new/glyanec_fioletoviy-247x185.gif') no-repeat center 55px;background-size:240px;}
.glyanec_belaya{background:url('images/new/glyanec_belaya-247x185.gif') no-repeat center 55px;background-size:240px;}
.glyanec_bordo{background:url('images/new/glyanec_bordo-247x185.gif') no-repeat center 55px;background-size:240px;}
.glyanec_chernaya{background:url('images/new/glyanec_chernaya-247x185.gif') no-repeat center 55px;background-size:240px;}
.glyanec_jeltaya{background:url('images/new/glyanec_jeltaya-247x185.gif') no-repeat center 55px;background-size:240px;}
.glyanec_krasnaya{background:url('images/new/glyanec_krasnaya-247x185.gif') no-repeat center 55px;background-size:240px;}
.glyanec_oranjevaya{background:url('images/new/glyanec_oranjevaya-247x185.gif') no-repeat center 55px;background-size:240px;}
.glyanec_salatovaya{background:url('images/new/glyanec_salatovaya-247x185.gif') no-repeat center 55px;background-size:240px;}
.glyanec_sinyaya{background:url('images/new/glyanec_sinyaya-247x185.gif') no-repeat center 55px;background-size:240px;}
.hrom_cherniy{background:url('images/new/hrom_cherniy-247x185.gif') no-repeat center 55px;background-size:240px;}
.hrom_fioletoviy{background:url('images/new/hrom_fioletoviy-247x185.gif') no-repeat center 55px;background-size:240px;}
.hrom_krasniy{background:url('images/new/hrom_krasniy-247x185.gif') no-repeat center 55px;background-size:240px;}
.hrom_serebro{background:url('images/new/hrom_serebro-247x185.gif') no-repeat center 55px;background-size:240px;}
.hrom_siniy{background:url('images/new/hrom_siniy-247x185.gif') no-repeat center 55px;background-size:240px;}
.hrom_zeleniy{background:url('images/new/hrom_zeleniy-247x185.gif') no-repeat center 55px;background-size:240px;}
.hrom_zoloto{background:url('images/new/hrom_zoloto-247x185.gif') no-repeat center 55px;background-size:240px;}
.matoviy_beliy{background:url('images/new/matoviy_beliy-247x185.gif') no-repeat center 55px;background-size:240px;}
.matoviy_cherniy{background:url('images/new/matoviy_cherniy-247x185.gif') no-repeat center 55px;background-size:240px;}
.matoviy_fioletoviy{background:url('images/new/matoviy_fioletoviy-247x185.gif') no-repeat center 55px;background-size:240px;}
.matoviy_goluboy{background:url('images/new/matoviy_goluboy-247x185.gif') no-repeat center 55px;background-size:240px;}
.matoviy_jeltiy{background:url('images/new/matoviy_jeltiy-247x185.gif') no-repeat center 55px;background-size:240px;}
.matoviy_krasniy{background:url('images/new/matoviy_krasniy-247x185.gif') no-repeat center 55px;background-size:240px;}
.matoviy_oranjeviy{background:url('images/new/matoviy_oranjeviy-247x185.gif') no-repeat center 55px;background-size:240px;}
.matoviy_salatoviy{background:url('images/new/matoviy_salatoviy-247x185.gif') no-repeat center 55px;background-size:240px;}
.matoviy_serebro{background:url('images/new/matoviy_serebro-247x185.gif') no-repeat center 55px;background-size:240px;}
.matoviy_siniy{background:url('images/new/matoviy_siniy-247x185.gif') no-repeat center 55px;background-size:240px;}


.carbon_black{background:url('images/black_big.jpg') no-repeat center 55px;background-size:240px;}
.carbon_white{background:url('images/white.jpg') no-repeat center 55px;background-size:240px;}
.carbon_silver{background:url('images/gray.jpg') no-repeat center 55px;background-size:240px;}
.carbon_graphite{background:url('images/grafit.jpg') no-repeat center 55px;background-size:240px;}
.carbon_cherry{background:url('images/cherry.jpg') no-repeat center 55px;background-size:240px;;}
.carbon_chameleon{background:url('images/hamelion.jpg') no-repeat center 55px;background-size:240px;}
.matt_black{background:url('images/matte1.jpg') no-repeat center 55px;background-size:240px;}
.matt_white{background:url('images/matte2.jpg') no-repeat center 55px;background-size:240px;}
.matt_orange{background:url('images/matte_orange.jpg') no-repeat center 55px;background-size:240px;}
.matt_yellow{background:url('images/matte_yellow.jpg') no-repeat center 55px;background-size:240px;}
.glossy_black{background:url('images/g1.jpg') no-repeat center 55px;background-size:240px;}
.glossy_white{background:url('images/g2.jpg') no-repeat center 55px;background-size:240px;}
.almaz_black{background:url('images/almaz_black.jpg') no-repeat center 55px;background-size:240px;}
.almaz_white{background:url('images/almaz_white.jpg') no-repeat center 55px;background-size:240px;}
.almaz_salat{background:url('images/almaz_salat.jpg') no-repeat center 55px;background-size:240px;}
.almaz_orange{background:url('images/almaz_orange.jpg') no-repeat center 55px;background-size:240px;}
.alumin_gold{background:url('images/al_zoloto.jpg') no-repeat center 55px;background-size:240px;}
.alumin_silver{background:url('images/al_silver.jpg') no-repeat center 55px;background-size:240px;}
.alumin_graphite{background:url('images/al_grafit.jpg') no-repeat center 55px;background-size:240px;}
.alumin_black{background:url('images/al_black.jpg') no-repeat center 55px;background-size:240px;}
.alumin_blue{background:url('images/al_blue.jpg') no-repeat center 55px;background-size:240px;}
.protective{background:url('images/prot1.jpg') no-repeat center 55px;background-size:240px;}
.chrome_gold{background:url('images/chrome_gold.jpg') no-repeat center 55px;background-size:240px;}
.skin{background:url('images/skin_black.jpg') no-repeat center 55px;background-size:240px;}
.matrix_black{background:url('images/matrix_black.jpg') no-repeat center 55px;background-size:240px;}
.matrix_chameleon{background:url('images/matrix_hamelion_blue.jpg') no-repeat center 55px;background-size:240px;}
.siliconka{background:url('images/siliconka.png') no-repeat center 55px;background-size:150px;}
.primer{background:url('images/1.gif') no-repeat center 55px;background-size:100px;}
.germetic{background:url('images/2.gif') no-repeat center 55px;background-size:100px;}
.rakel_gold{background:url('images/5.gif') no-repeat center 55px;background-size:200px;}
.rakel_blue{background:url('images/4.gif') no-repeat center 55px;background-size:200px;}


.mon4{background-color:#f3f3f3;width:100%;padding:30px 0 30px;}
.mon4 h2{margin-bottom:0;}
.mon4 h3 {font-weight:normal;min-height:0;width:auto;}
.mon4 ul{list-style-type:square;text-align:left;margin-bottom:0;}
.mon4 a{text-decoration:none;border-bottom: 1px dashed #fd8e0b;color: #fd8e0b;cursor: pointer;}
.little_img{width:100px;padding:3px;}
.right_img{float:right;width:200px;height:auto; border:1px solid #000000;padding:6px;margin:5px 5px 5px 10px;}
.left_img{float:left;width:240px;height:auto; border:1px solid #000000;padding:6px;margin:5px 10px 5px 5px;}
.img_line{border:1px solid #000000;padding:6px;margin-top:25px;width:80%;}


.mon5{background-color:#000;padding:40px 0;}
.mon5 h2{margin-top:0;}
.quest_btn{text-align:left;height:30px;text-align:left;background:none;border:0;border-bottom:1px dashed;cursor:pointer;outline:none;display:block;}
.mon5 img{display:inline-block;vertical-align:top;width:215px;margin:25px;}
.mon5 form{width:80%;min-width:280px;border:#fff 2px solid;color:#fff;border-radius:10px;padding:10px 0px 20px;margin:45px 0 0;}
.mon5 form p{margin:10px;}
.mon5 form input{height:30px;border-radius:3px;outline:none;border:0;box-shadow: 0 0 20px rgba(255,255,255,0.75);-webkit-appearance:none;}
#phonenumber2{width:50%;min-width:180px;padding-left:10px;text-align:center;}
.mon5 .send{width:40px;background-color:#00aeef;border-bottom:3px solid #0083b4;color:#fff;cursor: pointer;margin-left:7px;padding:0;}
.mon5 .send:hover{border-bottom:3px solid #009900;background-color:#00cc00;}
.mon5 span{font-size:18pt;margin:10px 0 15px;padding:0 10px;display:block;}


.footer{min-height:150px;background-color:#000;color:#c0bebf;padding-top:20px;}
.footer .container div{width:30%;display:inline-block;text-align:left;vertical-align:top;}
.footer span{display:block;}
.footer p{font-size:10pt;}
.footer a{color:c0bebf;text-decoration:underline;cursor:pointer;}

@media screen and (max-width: 1175px){
	.container{width:95%;}
}	
@media screen and (max-width: 1000px){
	h1, h2{font-size:20pt;}
}
@media screen and (max-width: 860px){
	h1, h2{font-size:17pt;}
	.mon1{padding-top:106px;}
}
@media screen and (max-width: 790px){
	.city_choice{left:15px;margin-left:0;}
	.top_navigation a{margin: 0 7px;}
}
@media screen and (max-width: 670px){
.quest_btn{font-size:12pt;}
.footer span{font-size:10pt;}
.footer p{font-size:8pt;}
.logo{width:45px;margin:10px 5px;}
.logo_text{font-size:14pt;margin:15px 5px;}
.top_navigation{font-size:12pt;margin:20px 15px 0;}
.top_navigation a{margin:0 3px;}
}
@media screen and (max-width: 480px){
h1{margin-left:0px;}
.logo{width:30px;margin:10px 5px;}
.logo_text{font-size:12pt;margin:10px 5px;}
.top_navigation{font-size:10pt;margin:10px 15px 8px;}
}
@media screen and (max-width: 430px){
	.top_navigation{font-size:10pt;margin:10px 5px 8px;}
	.logo{width:30px;margin:10px 5px;}
	.logo_text{display:none;}
}