Results of the CSS crunched for extraint.ru

Let's see what we've done for extraint.ru

CSSCruncher.com has crunched this CSS to
21.48 %Less Size! That's Incredible!

Crunched CSS code:

@charset "utf-8";@font-face{font-family:'symb';src:url('fonts/WebSymbols-Regular.otf')}
@font-face{font-family:'RobotoBold';font-style:normal;src:url(fonts/RobotoBold.woff) format('woff');src:url(fonts/RobotoBold.eot);src:local('robotoBold'),url(fonts/RobotoBold.ttf)}
@font-face{font-family:'RobotoLight';font-style:normal;src:url(fonts/RobotoLight.woff) format('woff');src:url(fonts/RobotoLight.eot);src:local('robotoLight'),url(fonts/RobotoLight.ttf)}
@font-face{font-family:'RobotoRegular';font-style:normal;src:url(fonts/RobotoRegular.woff) format('woff');src:url(fonts/RobotoRegular.eot);src:local('robotoRegular'),url(fonts/RobotoRegular.ttf)}
@font-face{font-family:'RobotoMedium';font-style:normal;src:url(fonts/RobotoMedium.woff) format('woff');src:url(fonts/RobotoMedium.eot);src:local('robotoMedium'),url(fonts/RobotoMedium.ttf)}
h2{font-family:RobotoLight;font-size:35px;font-weight:400}
.boldhead{font-family:RobotoBold;font-size:0.9em;font-weight:bold;color:#1f1f1f;white-space:nowrap}
.regular{font-family:RobotoRegular;font-size:0.8em;color:#1f1f1f;white-space:nowrap}
.light{font-family:RobotoLight;font-size:0.8em;color:#1f1f1f;white-space:nowrap}
.medium{font-family:RobotoMedium;font-size:0.8em;color:#1f1f1f;white-space:nowrap}
body{font:0.9em Arial,'RobotoLight','Open Sans',sans-serif;width:100%;height:auto;margin:0;padding:0;color:#000;background:#fff;min-width:320px}
.clear{clear:both}
a{outline:none;text-decoration:none;color:#000;transition:all 0.3s ease}
a:hover{color:#000;opacity:0.8;transition:all 0.3s ease}
ul{list-style:none}
input:active,textarea:active,button,a{outline:none}
input:focus,textarea:focus{outline:none}
textarea{resize:none}
.top_menu{margin:0;padding:0;display:inline-block;vertical-align:middle}
.top_menu li{float:left;list-style:none;display:inline-block;padding:0px 16px}
.search{border-left:2px solid #8b8b8b;width:100%;height:29px;display:block;float:right}
.search img{}
.search_cell{width:9.7%}
.top_menu a{color:#fff;text-transform:uppercase;font-size:1vw}
nav{width:100%;height:85px;display:block;text-align:center;border-bottom:1px solid #fff;top:0px;position:absolute;background:#1a1a1a;min-width:320px;z-index:10}
nav .activ{font-weight:700}
nav > table{width:100%;max-width:1440px;height:100%;border-collapse:collapse}
.logo_cell a{padding:0px 20px 0 50px}
.logo_cell img{max-width:324px;width:100%}
.mobil_btn{display:none}
.winbancook{width:100%;text-align:center;background-image:url("/img/back_fon.png")}
.baner_box h1{font-size:35px;color:#fff;text-transform:uppercase;letter-spacing:2px;margin:18% 0 1% 0;font-weight:500}
.baner_box span{font-size:22px;color:#fff;text-transform:uppercase;letter-spacing:1px;margin:0}
.baner_box{width:1440px;height:720px;display:inline-block;text-align:center;background:url('/i/gunner/ban_1.png') no-repeat center bottom;background-size:cover;padding:0;margin:0}
.submenu{display:inline-block;padding:0}
.submenu li{padding:0px 60px;float:left;border-left:1px solid #000;line-height:51px}
.submenu li:first-child{border-left:0px;padding-left:0}
.submenu li:last-child{padding-right:0}
.submenu li a{text-transform:uppercase;letter-spacing:1px;font-size:15px}
.stil_li{padding:0;list-style-image:url('/img/stil_r.png');height:180px;width:200px;display:inline-block;float:left}
.stil_li li{margin-left:20px;text-align:left;line-height:30px;letter-spacing:1px;font-size:20px;border-bottom:1px solid #fff;font-family:'RobotoLight';padding:5px 0}
.stil_li li:hover{border-bottom:1px solid #000;font-weight:600;letter-spacing:1px}
.stil_li li a{transition:none}
.all_view{text-transform:uppercase;font-size:13px;color:#fff;background:#000;padding:23px 50px;border:1px solid #000;white-space:nowrap;border-radius:3px;display:inline-block;box-shadow:0px 0px 24px rgb(0,0,0,.19)}
.all_view:hover{color:#000;background:#fff}
.win_map > .all_view{display:none}
.salon_li{padding:0;height:80px;display:inline-block;margin:20px 0}
.salon_li span{text-transform:uppercase;font-weight:600}
.salon_li li{text-align:left;line-height:25px;letter-spacing:1px;font-size:14px;float:left;padding-left:30px;background:url('/img/place.svg') no-repeat left 2px;margin-right:60px}
.salon_li li:last-child{margin:0}
#sideLeft{display:block;width:320px;height:100%;background:#1a1a1a;z-index:1000;float:left;position:absolute;top:0;opacity:0.9}
.mobil_menu{list-style:none;margin:0;padding:0;text-align:left}
.mobil_menu li{padding:10px 25px 10px 50px}
.mobil_menu li a{color:#fff;text-transform:uppercase;letter-spacing:1px;display:block;vertical-align:middle}
.mobil_menu li a.activ{font-weight:700}
.mov_back{border-bottom:1px solid #fff;margin-bottom:10px;padding:20px 25px 20px 20px !important}
.mov_back img{padding-right:15px;vertical-align:sub}
.close_menu{padding:20px 25px 10px 20px !important}
.close_menu img{padding-right:15px;vertical-align:sub}
#sideLeft,.hid_panel{display:none}
.act_panel{display:block}
.pole{width:100%;text-align:center}
.pole_f{position:static;bottom:0px;width:100%;padding:54px 0 45px 0;background:#f3f3f3;text-align:center}
.footer{width:1440px;display:inline-block}
.block{display:inline-block;text-align:left}
.block ul{float:left;padding-left:0px}
.block ul li{line-height:30px}
.block_f{display:inline-block;text-align:left;padding-left:10%;vertical-align:top;padding-top:5px}
.block_f ul{float:left;padding-left:0px}
.block_f ul li{line-height:20px}
input[name='subscrib_email']{width:280px}
.footer_cont a{color:#000;font-size:14px}
.footer_menu a{color:#000;text-transform:uppercase;letter-spacing:0px;font-size:15px;font-weight:700}
.head_f{color:#000;text-transform:uppercase;letter-spacing:0px;font-size:15px;font-weight:700}
.subscribe input{padding:5px 30px 5px 0;border:0;background:url("/img/strelka.svg") no-repeat;background-position:right 5px;border-bottom:1px solid #646464}
.label_input{font-size:15px;bottom:25px;display:block;position:relative;color:#7e7e7e;font-weight:200;cursor:pointer;padding:0 0 12px 0px}
.subscribe input.error{border:0;border-bottom:1px solid red}
.social{width:200px}
.social img{width:65px}
.social_hid,.cl{display:none}
.content h1{font-family:RobotoLight;font-size:35px;font-weight:400;padding:0;padding-top:30px}
.sub_head{font-family:RobotoLight;letter-spacing:1px;font-size:20px}
.bread{font-family:RobotoLight;font-size:13px;float:left;padding:4% 4% 2%}
.pole_bread{height:85px;background:#1a1a1a;width:100%}
.btn_subcateg{display:inline-block;padding:10px 0}
.btn_subcateg li{display:inline-block;width:238px;padding:8px}
.btn_subcateg li a{text-transform:uppercase;font-size:13px;color:#000;background:#fff;border:1px solid #e9e9e9;border-radius:3px;white-space:nowrap;transition:all 0.3s ease;display:inherit;width:inherit;line-height:43px}
.btn_subcateg li a:hover{background:#e9e9e9;color:#000;transition:all 0.3s ease}
.btn_subcateg li a.active_news{color:#fff;background:#000;border:1px solid #000}
.list-item{width:274px;height:350px;padding:20px 24px 10px;display:inline-block}
.win_img{display:block;overflow:hidden;width:272px;height:272px;border:1px solid #000;border-radius:9px}
.win_img:hover{border:1px solid rgba(0,0,0,0.04);box-shadow:0 0 24px 0 rgba(0,0,0,0.22)}
.win_head{text-transform:uppercase;font-family:RobotoRegular;font-size:16px;display:inline-block;text-align:center;padding:20px 10px}
#warning_cooki{width:100%;background:#191919;text-align:center;display:none;position:fixed;bottom:0}
.close_f{float:right}
.close_f:hover{opacity:0.7;cursor:pointer;transition:all 0.3s ease}
.txt_bl_foot{padding:2% 15%;text-align:left;color:#fff;font-size:13px;letter-spacing:1px;line-height:1.4}
.txt_gr_foot{color:#ccc;font-size:13px;letter-spacing:1px}
.paginat{line-height:50px;margin:40px 10px 40px 10px}
.paginat a{font-size:18px;width:50px;height:50px;display:inline-block}
.num_paginat{color:#1a1a1a;transition:all 0.3s ease;border:2px solid inherit}
a.num_paginat.activ{border:2px solid #2b2a2a;background:#2b2a2a;color:#fff}
.num_paginat:hover{border-bottom:2px solid #000;;color:rgba(0,0,0,0.5)}
.btn_hidden_all{display:none;padding:50px 0}
#to_up{display:none}
.search_bl{width:1024px;height:85px;border:0px solid #ccc;background:#1a1a1a;position:absolute;right:232px;top:0px;z-index:100;display:none}
.search_bl form{width:60%;float:left}
.search_bl > .linz_search{float:left;padding-top:28px;padding-bottom:27px;width:80px;text-align:center}
.search_bl > .linz_search img{}
.search_bl > .close_search{float:right;width:140px;text-align:center}
.search_bl > .close_search img{width:26px;padding-top:26px}
.form_search input{color:#fff;font-size:14px;line-height:83px;width:100%;text-align:left;background:0;border:0}
.news_gray{padding:30px 7% 80px;background:#f3f3f3}
.anonce_news{border-radius:9px;overflow:hidden;box-shadow:0 0 50px 0 rgba(0,0,0,0.11);border-style:solid;border-width:0px;border-image-source:linear-gradient(to bottom,rgba(255,255,255, 0.8),rgba(255,255,255,0.4) 5%,rgba(255,255,255,0) 20%, rgba(255,255,255,0));border-image-slice:1;background-image:#ffffff,linear-gradient(to bottom,rgba(255,255, 255,0.8),rgba(255,255,255,0.4) 5%,rgba(255,255,255,0) 20%, rgba(255,255,255,0));background-origin:border-box;background-clip:content-box,border-box}
.anonce_news img{width:100%}
.anonce_news .legend_news{width:100%;text-align:left}
.anonce_news .legend_news ul{display:inline-block;margin:0;padding:10px 0 20px;letter-spacing:1px;font-size:18px}
.anonce_news .legend_news ul li{float:left}
.anonce_news .legend_news ul li a.btn_v{text-transform:uppercase;font-size:15px;color:#000;background:#fff;margin-left:32px;padding:15px 65px;border:1px solid #ccc;border-radius:3px;white-space:nowrap;transition:all 0.3s ease}
.anonce_news .legend_news ul li a.btn_v:hover{background:#e9e9e9;color:#000;transition:all 0.3s ease}
.legend_news h3{margin:0 0 5px !important;font-size:18px}
.block_list{padding-bottom:50px}
.win_map .map{width:89%;height:658px;display:inline-block}
.news_gray h2{margin:80px 0 55px 0}
#filter_mb{display:none;position:absolute;top:0;left:0;width:320px;z-index:1000}
.plaster{display:block;background:#191818;padding:18px;color:#fff;text-transform:uppercase;font-family:RobotoRegular;letter-spacing:1px}
.plaster img{cursor:pointer;padding-right:30px}
.plaster a{color:#fff;text-transform:none;font-size:11px;float:right}
.pole_plaster{display:block;background:#fff;width:263px;height:100%;border:1px solid #bcb5b9;float:right;overflow:hidden;text-align:left;box-shadow:0px 10px 15px 1px #ccc}
.pole_plaster .all_view{font-size:12px;padding:18px 48px;margin:20px 16px}
.pole_plaster ul{padding:0;margin:0;display:none;transition:all 0.3s ease}
.pole_plaster ul.act_panel{display:block;transition:all 0.3s ease}
.pole_plaster ul li{width:247px;border-bottom:1px solid #e7e7e7;color:#303030;font-family:RobotoRegular;font-size:13px;line-height:3;padding-left:16px;transition:all 0.3s ease}
.pole_plaster .count_cat{color:#a5a5a5}
.pole_plaster .activ_fl{font-family:RobotoBold}
.pole_plaster .activ_fl .gala{float:right;background:url('/img/gala.png') no-repeat right center;width:20px;height:20px;display:inline-block;margin-right:16px;margin-top:8px}
.pole_plaster ul li:hover{cursor:pointer;background:#f9f9f9;transition:all 0.3s ease}
.pole_plaster .vib{font-size:13px;text-transform:uppercase}
.txt_chose_c,.txt_chose_b{color:#a5a5a5}
.item_price_old{font-family:RobotoRegular;font-size:16px;font-weight:600;display:inline-block;text-align:center;padding:0;width:100%;color:#a5a5a5;text-decoration:line-through}
.price_old{font-family:RobotoRegular;font-size:20px;letter-spacing:1px;color:#a5a5a5;text-decoration:line-through}
.newok{display:block;position:relative;z-index:1;width:80px;height:80px;left:0px;bottom:98%;background:url('/img/newok.png') no-repeat center center;background-size:cover}
@media (min-width:1440px){.top_menu a{font-size:14px !important}
#sideLeft{display:none !important}
.content{width:1440px;padding:0;margin:0;background:#fff;text-align:center;display:inline-block}}
@media (max-width:1440px){.content{width:100%;display:block}
.baner_box{width:100%}
.footer{width:100%}
.search_bl{width:70%}}
@media (max-width:1280px){.logo_cell a{padding:6px 0px 0px 50px;display:iline-block;width:324px}
.baner_box{height:561px}
.search_cell{width:8.6%}
.search_bl{width:68%}
.btn_subcateg{max-width:540px}
.win_map .map{width:67%;height:437px}
.top_menu li{padding:0px 1vw}
.search_bl > .close_search{width:110px}}
@media (max-width:1180px){.search_bl{width:65%}}
@media (max-width:1080px){.search_bl{width:63%}}
@media (min-width:1025px){.logo_cell{text-align:left}}
@media (max-width:1024px){.menu_vis{display:none}
.mobil_btn{display:table-cell;width:90px}
.mobil_btn a{float:left;padding:0px 35px}
.logo_cell a{float:none;padding:0}
.search{border:0;width:inherit}
.search_cell{width:90px}
.search_bl >.close_search{width:95px}
#to_up{z-index:1000;bottom:20px;right:48%;position:fixed;display:block;width:60px;height:60px;background:url(/img/up.png) no-repeat center center #191919;outline:none;border-radius:30px;box-shadow:0px 0px 5px 1px #777}
#filter_mb{width:100%}
#filter_mb .pole_plaster .chose_chose{margin-bottom:100%}
.clear_flt,.prev_filter{display:none}
.pole_plaster ul li{width:98%}
.search_bl{width:90%}
.cl{display:block;clear:both;padding:10px 0}
.block_f{padding-left:0px;width:428px}
.pos_block{float:right;width:210px}
.baner_box{height:560px}
.list-item{padding:20px 20px 10px}
.btn_subcateg{max-width:700px}
#filter_mb .plaster{padding:30px}
#filter_mb{top:5px}
#filter_mb .pole_plaster .all_view{}}
@media (max-width:768px){.baner_box h1{font-size:36px;margin:30% 0 1% 0}
.stil_li:nth-child(3){display:none}
.salon_li{width:220px;height:100%}
.salon_li li{margin:0 !important;height:80px}
.win_map > .all_view{display:inline-block}
.win_map .map{display:none}
.block,.pos_block{display:none}
.block_f{width:100%}
.social{width:100%;display:inline-block;text-align:center}
.razrab{display:none}
.social_hid{display:inline-block;max-width:250px;padding-bottom:20px}
.social_hid img{border:1px solid #000;border-radius:50%;padding:5px}
.poradok{float:left;padding:0px}
.poradok li{height:60px}
.poradok li a{color:#000;letter-spacing:1px;font-size:13px;line-height:25px}
.poradok li a span{color:#000;text-transform:uppercase;letter-spacing:1px;font-size:17px}
#to_up{right:47%}}
@media (max-width:560px){.search_bl{width:100%}
.submenu li{padding:0px 10px}
.baner_box h1{font-size:24px}
.baner_box{height:400px}
.baner_box span{font-size:12px}
.btn_hidden_all{display:inherit}
.paginat{display:none}
#to_up{right:45%}}
@media (max-width:440px){.search_bl form{width:50%}
.sub_head p{font-size:15px}
.content_narrow{width:auto !important}
.content_narrow ul{padding:0;height:auto;width:270px;display:inline-block}}
@media (max-width:320px){.content_narrow{padding:0 10px !important}
.pole_bread,.head_head,.search_bl{height:56px}
.bread{font-size:11px;padding:20px 0 40px 0px;display:inline-block;text-align:left;width:280px;margin-left:20px;margin-right:20px}
.all_view{width:268px;line-height:50px;font-size:12px;padding:0;text-align:center}
#filter_mb .pole_plaster .all_view{font-size:12px;padding:0;margin:20px 16px;width:233px;text-align:center}
.content{width:auto}
.content h1{font-size:25px}
h2{font-size:25px}
#catalog_ajax{padding-top:20px}
.search_bl{top:60px;background:#fff;border:1px solid #c2c2c2}
.search_bl > .close_search img{width:22px}
.search_bl > .linz_search{-webkit-filter:invert(100%);filter:invert(100%);width:56px;height:56px;padding:0;float:right;line-height:5}
.search_bl > .linz_search img{width:26px}
.form_search input{color:#000;line-height:56px;padding:0 15px}
.search_bl > .close_search{width:56px;line-height:44px;text-align:center;position:absolute;top:-70px;display:block;right:0;background:#1a1a1a}
.search img{width:26px}
.search_bl form{width:80%}
.list-item{padding:0px}
.baner_box h1{font-size:22px;margin:45% 0 1% 0}
.baner_box span{font-size:11px}
.baner_box{height:300px}
nav{height:60px}
.mobil_btn{width:54px}
.mobil_btn a{padding:0 17px}
#filter_mb .plaster{padding:18px}
.logo_cell img{width:180px}
.search_cell{width:54px}
#sideLeft{opacity:1}
.stil_li:nth-child(2){display:none}
.stil_li li{font-size:16px}
.submenu li{border:1px solid #c0c0c0 !important;border-radius:3px;margin-bottom:10px;padding:0px;width:100%}
.submenu li a{font-size:13px}
#to_up{right:40%}}
@media
only screen and (-webkit-min-device-pixel-ratio:2), only screen and ( min--moz-device-pixel-ratio:2), only screen and ( -o-min-device-pixel-ratio:2/1), only screen and ( min-device-pixel-ratio:2), only screen and ( min-resolution:192dpi), only screen and ( min-resolution:2dppx){.pole_bread,.head_head,.search_bl{height:56px}
.bread{font-size:11px;padding:20px 0 40px 0px;display:inline-block;text-align:left;width:300px;margin-left:20px}
.content{width:auto}
.content h1{}
h2{font-size:25px}
input[name="subscrib_email"]{width:90% !important}
.label_input{font-size:15px}
#catalog_ajax{padding-top:20px}
.search_bl{top:60px;background:#fff;border:1px solid #c2c2c2}
.search_bl > .close_search img{width:22px}
.search_bl > .linz_search{-webkit-filter:invert(100%);filter:invert(100%);width:56px;height:56px;padding:0;float:right;line-height:5}
.form_search input{color:#000;line-height:56px;padding:0 15px}
.search_bl > .close_search{width:56px;line-height:44px;text-align:center;position:absolute;top:-70px;display:block;right:0;background:#1a1a1a}
.search_bl form{width:80%}
.search img{width:26px}
.search_bl > .linz_search img{width:26px}
.list-item{padding:0px}
.baner_box h1{font-size:22px;margin:45% 0 1% 0}
.baner_box span{font-size:11px}
.baner_box{height:300px}
nav{height:60px}
.mobil_btn{width:54px}
.mobil_btn a{padding:0 17px}
.logo_cell img{width:180px}
.search_cell{width:54px}
#sideLeft{opacity:1}
.stil_li:nth-child(2){display:none}
.stil_li li{font-size:16px}
.submenu li{border:1px solid #c0c0c0 !important;border-radius:3px;margin-bottom:10px;padding:0px;width:100%}
.submenu li a{font-size:13px}
#to_up{right:40%}}

» Show original CSS code

« Hide original CSS code

@charset "utf-8";
@font-face {
	font-family:'symb';
	src: url('fonts/WebSymbols-Regular.otf');
}
@font-face {
  font-family: 'RobotoBold';
  font-style: normal;
  src: url(fonts/RobotoBold.woff) format('woff');
  src: url(fonts/RobotoBold.eot);
  src: local('robotoBold'), url(fonts/RobotoBold.ttf);
}
@font-face {
  font-family: 'RobotoLight';
  font-style: normal;
  src: url(fonts/RobotoLight.woff) format('woff');
  src: url(fonts/RobotoLight.eot);
  src: local('robotoLight'), url(fonts/RobotoLight.ttf);
}
@font-face {
  font-family: 'RobotoRegular';
  font-style: normal;
  src: url(fonts/RobotoRegular.woff) format('woff');
  src: url(fonts/RobotoRegular.eot);
  src: local('robotoRegular'), url(fonts/RobotoRegular.ttf);
}
@font-face {
  font-family: 'RobotoMedium';
  font-style: normal;
  src: url(fonts/RobotoMedium.woff) format('woff');
  src: url(fonts/RobotoMedium.eot);
  src: local('robotoMedium'), url(fonts/RobotoMedium.ttf);
}

h2 {
	font-family: RobotoLight;
	font-size:35px;
	font-weight: 400;
}

.boldhead {
	font-family: RobotoBold;
	font-size: 0.9em;
	font-weight: bold;
	color: #1f1f1f;
	white-space:nowrap;
}
.regular {
	font-family: RobotoRegular;
	font-size: 0.8em;	
	color: #1f1f1f;
	white-space:nowrap;
}
.light {
	font-family: RobotoLight;
	font-size: 0.8em;
	color: #1f1f1f;
	white-space:nowrap;
}
.medium {
	font-family: RobotoMedium;
	font-size: 0.8em;
	color: #1f1f1f;
	white-space:nowrap;
}

body {
	font: 0.9em Arial, 'RobotoLight', 'Open Sans', sans-serif;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	color:#000;
	background: #fff;
	min-width: 320px;
/*	background-color: #f9f9f9; */
}
.clear {
	clear: both;
}
a{
	outline: none;
	text-decoration: none;
	color: #000;
	transition: all 0.3s ease;
}
a:hover{
	color: #000;
	opacity:0.8;
	transition: all 0.3s ease;
}
ul { 	
	list-style:none; 
}

input:active, textarea:active, button, a { outline:none;}
input:focus, textarea:focus { outline:none;}
textarea { resize:none;}

.top_menu {
	margin:0;
	padding:0;
	display: inline-block;
	vertical-align: middle;
}
.top_menu li {
	float: left;
	list-style:none;
	display: inline-block;
	padding:0px 16px;
}
.search {
	border-left: 2px solid #8b8b8b;
	width: 100%;
	height:29px;
	display: block;
	float:right;
}
.search img{
/*	
	padding-top:5px;
	width: 20px;
*/	
}
.search_cell {
    width: 9.7%;
}
.top_menu a {
	color:#fff;
	text-transform: uppercase;
	font-size: 1vw;
/*	letter-spacing: 1px; */
}
nav {
	width:100%;
	height:85px;
	display:block;
	text-align:center;
	border-bottom:1px solid #fff;
	top: 0px;
	position:absolute;
	background:#1a1a1a;
	min-width: 320px;
	z-index:10;
}
nav .activ {
	font-weight:700;
}
nav > table {
	width:100%;
	max-width: 1440px;
	height: 100%;
	border-collapse: collapse;
}

.logo_cell a{
	padding: 0px 20px 0 50px;
}
.logo_cell img{
	max-width:324px;
	width: 100%;
}
.mobil_btn {
	display:none;
}

.winbancook {
	width: 100%;
	text-align: center;
/*	background: #1a1a1a; */
	background-image: url("/img/back_fon.png");
}
.baner_box h1{
	font-size: 35px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 18% 0 1% 0;
	font-weight: 500;
}
.baner_box span{
	font-size:22px;
	color:#fff;
	text-transform:uppercase;
	letter-spacing: 1px;
	margin:0;
}
.baner_box {
    width: 1440px;
	height:720px;
    display: inline-block;
	text-align:center;
	background:url('/i/gunner/ban_1.png') no-repeat center  bottom;
	background-size: cover;
	padding:0;
	margin:0;
}

.submenu {
	display: inline-block;
	padding:0;
}
.submenu li {
	padding: 0px 60px;
	float: left;
	border-left:1px solid #000;
	line-height: 51px;
}

.submenu li:first-child {
	border-left:0px;
	padding-left:0;
}
.submenu li:last-child {
	padding-right:0;
}
.submenu li a{
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size:15px;	
}

.stil_li {
	padding:0;
	list-style-image:url('/img/stil_r.png');
	height:180px;
	width: 200px;
	display: inline-block;
	float:left;
}
.stil_li li{
	margin-left: 20px;
	text-align: left;
	line-height:30px;
	letter-spacing: 1px;
	font-size:20px;
	border-bottom:1px solid #fff;
	font-family:'RobotoLight';
	padding: 5px 0;
}
.stil_li li:hover{
	border-bottom:1px solid #000;
	font-weight:600;
	letter-spacing: 1px;
}
.stil_li li a{
	transition:none;
}
.all_view {
	text-transform: uppercase;
	font-size: 13px;
	color: #fff;
	background:#000;
	padding: 23px 50px;
	border:1px solid #000;
	white-space: nowrap;
	border-radius: 3px;
	display: inline-block;
	box-shadow: 0px 0px 24px rgb(0,0,0,.19);
}
.all_view:hover{
	color: #000;
	background:#fff;
}
.win_map > .all_view {
	display:none;
}

.salon_li {
	padding:0;
	height:80px;
	display: inline-block;
	margin:20px 0;
}
.salon_li span{
	text-transform: uppercase;
	font-weight:600;
}
.salon_li li{
	text-align: left;
	line-height:25px;
	letter-spacing: 1px;
	font-size:14px;
	float:left;
	padding-left: 30px;
	background: url('/img/place.svg') no-repeat left 2px;
	margin-right: 60px;
}
.salon_li li:last-child{
	margin:0;
}

#sideLeft {
	display:block;
	width:320px;
	height:100%;
	background:#1a1a1a;
	z-index: 1000;	
	float: left;
	position: absolute;
	top:0;
	opacity:0.9;
}
.mobil_menu {
	list-style: none;
	margin:0;
	padding:0;
	text-align:left;
}
.mobil_menu li {
	padding: 10px 25px 10px 50px;
}
.mobil_menu li a{
	color:#fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	display:block;
	vertical-align:middle;
}
.mobil_menu li a.activ{
	font-weight: 700;
}
.mov_back {
	border-bottom: 1px solid #fff;
	margin-bottom:10px;
	padding:20px 25px 20px 20px !important;
}
.mov_back img{
	padding-right:15px;
	vertical-align: sub;
}
.close_menu{
	padding:20px 25px 10px 20px !important;
}
.close_menu img{
	padding-right:15px;
	vertical-align: sub;
}
#sideLeft, .hid_panel {
	display:none;
}
.act_panel {
	display:block;
}

.pole {
	width:100%;
	text-align:center;
}

.pole_f {
	position: static;
	bottom: 0px;
	width: 100%;
	padding: 54px 0 45px 0;
	background: #f3f3f3;
	text-align: center;
}
.footer {
	width: 1440px;
	display: inline-block;
}
.block{
	display: inline-block;
	text-align:left;
}
.block ul{
	float:left;
	padding-left:0px;
}
.block ul li{
	line-height:30px;
}

.block_f{
	display: inline-block;
	text-align:left;
	padding-left:10%;
	vertical-align: top;
	padding-top: 5px;
}
.block_f ul{
	float:left;
	padding-left:0px;
}
.block_f ul li{
	line-height:20px;
}

input[name='subscrib_email']{
	width: 280px;
}
.footer_cont a{
	color: #000;
	font-size:14px;
}
.footer_menu a{
	color: #000;
	text-transform: uppercase;
	letter-spacing: 0px;
	font-size:15px;
	font-weight:700;
}
.head_f {
	color: #000;
	text-transform: uppercase;
	letter-spacing: 0px;
	font-size:15px;
	font-weight:700;
}
.subscribe input {
    padding: 5px 30px 5px 0;
    border: 0;
    background: url("/img/strelka.svg") no-repeat;
	background-position:right 5px;
    border-bottom: 1px solid #646464;
}
.label_input {
    font-size: 15px;
    bottom: 25px;
    display: block;
    position: relative;
    color: #7e7e7e;
    font-weight: 200;
    cursor: pointer;
	padding: 0 0 12px 0px;
}

.subscribe input.error {
	border: 0;
	border-bottom: 1px solid red;
}
.social {
	width:200px;
}
.social img{
	width:65px;
/*	
	border: 1px solid #000;
	border-radius: 50%;
	padding: 13px;
*/
}
.social_hid, .cl {
	display:none;
}

.content h1{
    font-family: RobotoLight;
    font-size: 35px;
    font-weight: 400;
	padding: 0;
	padding-top: 30px;
}
.sub_head{
	font-family: RobotoLight;
	letter-spacing: 1px;
	font-size: 20px;
}
.bread {
	font-family: RobotoLight;
	font-size: 13px;
	float: left;
	padding:4% 4% 2%;
}
.pole_bread {
	height:85px;
	background:#1a1a1a;
	width:100%;
}
.btn_subcateg {
	display: inline-block;
	padding:10px 0;
}
.btn_subcateg li {
	display: inline-block;
	width: 238px;
	padding: 8px;
}
.btn_subcateg li a{
    text-transform: uppercase;
    font-size: 13px;
    color: #000;
    background: #fff;
    border: 1px solid #e9e9e9;
	border-radius:3px;
    white-space: nowrap;
	transition: all 0.3s ease;
	display: inherit;
	width: inherit;
	line-height: 43px;
}
.btn_subcateg li a:hover {
	background:#e9e9e9;
	color:#000;
	transition: all 0.3s ease;
}
.btn_subcateg li a.active_news{
    color: #fff;
    background: #000;
    border: 1px solid #000;
}

.list-item {
	width:274px;
	height:350px;
	padding:20px 24px 10px;
	display: inline-block;
}
.win_img {
	display:block;
	overflow:hidden;
	width:272px;
	height:272px;
	border:1px solid #000;
	border-radius:9px;
}
.win_img:hover {
/*	filter: invert(5%); */
	border:1px solid rgba(0, 0, 0, 0.04);
	box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.22);
}
.win_head {
	text-transform: uppercase;
	font-family: RobotoRegular;
	font-size: 16px;
	display:inline-block;
	text-align:center;
	padding:20px 10px;
}

#warning_cooki {
	width:100%;
	background:#191919;
	text-align:center;
	display:none;
	
	position:fixed;
	bottom:0;
}
.close_f {
	float: right;
}
.close_f:hover {
	opacity:0.7;
	cursor:pointer;
	transition: all 0.3s ease;
}
.txt_bl_foot {
	padding:2% 15%;
	text-align:left;
	color:#fff;
	font-size:13px;
	letter-spacing: 1px;
	line-height: 1.4;
}
.txt_gr_foot {
	color:#ccc;
	font-size:13px;
	letter-spacing: 1px;
}

.paginat {
	line-height: 50px;
	margin: 40px 10px 40px 10px;
}
.paginat a{
	font-size:18px;
	width:50px;
	height:50px;
	display:inline-block;
}

.num_paginat{
	color:#1a1a1a;
	transition: all 0.3s ease;
	border: 2px solid inherit;
}
a.num_paginat.activ {
	border: 2px solid #2b2a2a;
	background:#2b2a2a;
	color:#fff;
}
.num_paginat:hover{
/*	background:#1a1a1a; */
	border-bottom: 2px solid #000;;	
	color:rgba(0, 0, 0, 0.5);
/*	transition: all 0.3s ease; */
}
.btn_hidden_all {
	display:none;
	padding: 50px 0;
}
#to_up {
	display: none;
}

.search_bl {
	width:1024px;
	height:85px;
	border:0px solid #ccc;
	background:#1a1a1a;
	position: absolute;
	right: 232px;
	top: 0px;
	z-index:100;
	display:none;
}
.search_bl form{
	width:60%;
	float:left;
}
.search_bl > .linz_search{
	float:left;
	padding-top:28px;
	padding-bottom: 27px;
	width: 80px;
	text-align: center;
}
.search_bl > .linz_search img{
/*	width: 20px; */
}
.search_bl > .close_search {
	float:right;
	width:140px;	
	text-align:center;
}
.search_bl > .close_search img{
	
	width: 26px;
	padding-top: 26px;

}
.form_search input{
	color: #fff;
	font-size: 14px;
	line-height: 83px;
	width:100%;
	text-align: left;
	background:0;
	border:0;
}
.news_gray {
	padding:30px 7% 80px;
	background:#f3f3f3;
}
.anonce_news {
	border-radius:9px;
	overflow: hidden;
	
	box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.11);
	border-style: solid;
	border-width: 0px;
	border-image-source: linear-gradient(to bottom, rgba(255, 255, 255,
	0.8), rgba(255, 255, 255, 0.4) 5%, rgba(255, 255, 255, 0) 20%,
	rgba(255, 255, 255, 0));
	border-image-slice: 1;
	background-image: #ffffff, linear-gradient(to bottom, rgba(255, 255,
	255, 0.8), rgba(255, 255, 255, 0.4) 5%, rgba(255, 255, 255, 0) 20%,
	rgba(255, 255, 255, 0));
	background-origin: border-box;
	background-clip: content-box, border-box;	
}
.anonce_news img{
	width:100%;
}
.anonce_news .legend_news {
    width: 100%;
    text-align: left;
}
.anonce_news .legend_news ul {
    display: inline-block;
    margin: 0;
    padding: 10px 0 20px;
    letter-spacing: 1px;
    font-size: 18px;
}
.anonce_news .legend_news ul li {
    float: left;
}
.anonce_news .legend_news ul li a.btn_v {
    text-transform: uppercase;
    font-size: 15px;
    color: #000;
    background: #fff;
    margin-left: 32px;
    padding: 15px 65px;
    border: 1px solid #ccc;
    border-radius: 3px;
    white-space: nowrap;
    transition: all 0.3s ease;
}
.anonce_news .legend_news ul li a.btn_v:hover {
	background:#e9e9e9;
	color:#000;
	transition: all 0.3s ease;
}
.legend_news h3 {
	margin:0 0 5px !important;
	font-size: 18px;
}
.block_list {
	padding-bottom: 50px;
}
.win_map .map {
	width:89%;
	height:658px;
	display: inline-block;
}
.news_gray h2 {
	margin:80px 0 55px 0;
}

#filter_mb{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:320px;
	z-index:1000;
}
.plaster{
	display:block;
	background:#191818;
	padding: 18px;
	color:#fff;
	text-transform:uppercase;
	font-family: RobotoRegular;
	letter-spacing: 1px;
}
.plaster img {
	cursor:pointer;
	padding-right:30px;
}
.plaster a{
	color:#fff;
	text-transform:none;
	font-size:11px;
	float:right;
}
.pole_plaster {
	display:block;
	background:#fff;
	width:263px;
	height:100%;
	border:1px solid #bcb5b9;
	float: right;
	overflow:hidden;
	text-align:left;
	box-shadow: 0px 10px 15px 1px #ccc;
}

.pole_plaster .all_view{
	font-size:12px;
	padding: 18px 48px;
	margin:20px 16px;
}
.pole_plaster ul{
	padding:0;
	margin:0;
	display:none;
	transition: all 0.3s ease;
}
.pole_plaster ul.act_panel{
	display:block;
	transition: all 0.3s ease;
}
.pole_plaster ul li{
	width:247px;
	border-bottom:1px solid #e7e7e7;
	color:#303030;
	font-family: RobotoRegular;
	font-size:13px;
	line-height:3;
	padding-left: 16px;
	transition: all 0.3s ease;
}
.pole_plaster .count_cat {
	color:#a5a5a5;
}
.pole_plaster .activ_fl{
	font-family: RobotoBold;
}
.pole_plaster .activ_fl .gala{
	float:right;
	background: url('/img/gala.png') no-repeat right center;
	width: 20px;
	height:20px;
	display: inline-block;
	margin-right: 16px;
	margin-top: 8px;
}
.pole_plaster ul li:hover{
	cursor:pointer;
	background:#f9f9f9;
	transition: all 0.3s ease;
}
.pole_plaster .vib{
	font-size:13px;
	text-transform:uppercase;
}
.txt_chose_c, .txt_chose_b {
	color:#a5a5a5;
}

.item_price_old {
    font-family: RobotoRegular;
    font-size: 16px;
	font-weight:600;
    display: inline-block;
    text-align: center;
	padding:0;
	width:100%;
	color: #a5a5a5;
	text-decoration: line-through;
}
.price_old {
	font-family: RobotoRegular;
    font-size: 20px;
	letter-spacing: 1px;
	color: #a5a5a5;
	text-decoration: line-through;
}
				.newok{
					display: block;
					position: relative;
					z-index: 1;
					width: 80px;
					height: 80px;
					left: 0px;
					bottom: 98%;
					background: url('/img/newok.png') no-repeat center center;
					background-size: cover;
				}

@media  (min-width: 1440px) {
	.top_menu a {
		font-size: 14px !important;
	}
	#sideLeft{
		display:none !important;
	}
	.content {
		width:1440px;
		padding:0;
		margin:0;
		background:#fff;
		text-align:center;
		display: inline-block;
	}
}

@media  (max-width: 1440px) {
	.content {
		width:100%;
		display:block;
	}		
	.baner_box{
		width:100%;
	}
	.footer {
		width:100%;
	}
	.search_bl {
		width:70%;
	}
}
@media  (max-width: 1280px) {
	.logo_cell a {
		padding: 6px 0px 0px 50px;
		display: iline-block;
		width: 324px;
	}
	.baner_box{
		height: 561px;
	}
	.search_cell {
    	width: 8.6%;
	}
	.search_bl {
		width:68%;
	}
	.btn_subcateg {
		max-width: 540px;
	}
	.win_map .map {
		width:67%;
		height:437px;
	}
	.top_menu li {
		padding: 0px 1vw;
	}
	.search_bl > .close_search {
		width:110px;
	}
}
@media  (max-width: 1180px) {
	.search_bl {
		width:65%;
	} 
}
@media  (max-width: 1080px) {
	.search_bl {
		width:63%;
	} 
}
@media  (min-width: 1025px) {
	.logo_cell {
		text-align: left;
	}
}
@media  (max-width: 1024px) {
	
	.menu_vis {
		display:none;
	}
	.mobil_btn {
		display:table-cell;
		width:90px;
	}
	.mobil_btn a{
		float: left;
		padding: 0px 35px;
	}
	.logo_cell a{
		float:none;
		padding:0;
	}	
	.search {
		border:0;
		width: inherit;
	}
	.search_cell {
		width:90px;
	}
	.search_bl >.close_search {
		width: 95px;
	}
	#to_up {
		z-index: 1000;
		bottom: 20px;
		right: 48%;
		position: fixed;
		display:block;
		width: 60px;
		height: 60px;
		background: url(/img/up.png) no-repeat center center #191919;
		outline: none;
		border-radius: 30px;
		box-shadow: 0px 0px 5px 1px #777;
	}	
	
#filter_mb{
	width:100%;
}	
#filter_mb .pole_plaster .chose_chose{
	margin-bottom: 100%;
}
.clear_flt, .prev_filter {
	display:none;
}

.pole_plaster ul li {
    width: 98%;
}

.search_bl {
		width:90%;
	}
	.cl {
		display:block;
		clear: both;
		padding: 10px 0;
	}
	.block_f{
		padding-left: 0px;
		width: 428px;
	}
	.pos_block {
		float: right;
		width: 210px;
	}
	.baner_box{
		height:560px
	}
	.list-item {
		padding: 20px 20px 10px;
	}
	
	.btn_subcateg {
		max-width: 700px;
	}
	#filter_mb .plaster {
		padding:30px;
	}
	#filter_mb{
		top:5px;
	}
	#filter_mb .pole_plaster .all_view {

}
}
@media  (max-width: 768px) {

.baner_box h1 {
		font-size: 36px;
		margin: 30% 0 1% 0;
	}

.stil_li:nth-child(3) {
		display:none;
	}

.salon_li {
		width:220px;
		height:100%;
	}
	.salon_li li{
		margin:0 !important;
		height:80px;
	}
	.win_map > .all_view {
		display:inline-block;
	}
	.win_map .map {
		display:none;
	}
	
	.block, .pos_block {
		display:none;
	}
	.block_f {
		width: 100%;
	}
	.social {
		width: 100%;
		display: inline-block;
		text-align: center;
	}
	.razrab {
		display:none;
	}
	.social_hid	{
		display:inline-block;
		max-width:250px;
		padding-bottom:20px;
	}
	.social_hid img{
		border: 1px solid #000;
		border-radius: 50%;
		padding: 5px;
	}
	.poradok{
		float:left;
		padding:0px;
	}
	.poradok li{
		height:60px;
		
	}
	.poradok li a{
		color: #000;
		letter-spacing: 1px;
		font-size:13px;
		line-height:25px;
	}
	.poradok li a span{
		color: #000;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-size:17px;
	}

#to_up {
		right: 47%
	}

}
@media  (max-width: 560px) {
	.search_bl {
		width:100%;
	}

.submenu li {padding: 0px 10px;}
	.baner_box h1 {
		font-size: 24px;
	}
	.baner_box {
		height:400px;
	}
	.baner_box span {
		font-size: 12px;
	}
	.btn_hidden_all {
		display:inherit;
	}
	.paginat {
		display:none;
	}
	#to_up {
		right: 45%;
	}
}
@media  (max-width: 440px) {
	.search_bl form {
		width: 50%;
	}
	.sub_head p{
		font-size: 15px;
	}
	.content_narrow {
		width: auto !important;
	}
	.content_narrow ul{
		padding: 0;
		height: auto;
		width: 270px;
		display: inline-block;
	}	
}
@media  (max-width: 320px) {
	
	.content_narrow {
		padding: 0 10px !important;
	}
	
	.pole_bread, .head_head, .search_bl {
		height: 56px;
	}
	.bread {
		font-size: 11px;
		padding: 20px 0 40px 0px;
		display: inline-block;
		text-align: left;
		width: 280px;
		margin-left: 20px;
		margin-right: 20px;
	}
	.all_view {
		width: 268px;
		line-height: 50px;
		font-size: 12px;
		padding: 0;
		text-align: center;
	}
	#filter_mb .pole_plaster .all_view {
		font-size: 12px;
		padding: 0;
		margin: 20px 16px;
		width: 233px;
		text-align: center;
	}	
	
	.content {
		width:auto;
	}
	.content h1 {
		font-size: 25px;
	}
	h2 {
		font-size: 25px;
	}

#catalog_ajax{
		padding-top:20px;
	}	
	.search_bl {
		top: 60px;
		background:#fff;
		border:1px solid #c2c2c2;
	}
	.search_bl > .close_search img{	
		width: 22px;
	}
	.search_bl > .linz_search {
		-webkit-filter: invert(100%);
		filter: invert(100%);
		width: 56px;
		height: 56px;
		padding: 0;
		float: right;
		line-height: 5;
	}
	.search_bl > .linz_search img {
		width: 26px;
	}
	.form_search input {
		color: #000;
		line-height: 56px;
		padding:0 15px;
	}
	.search_bl > .close_search {
		width: 56px;
		line-height: 44px;
		text-align: center;
		position: absolute;
		top: -70px;
		display: block;
		right: 0;
		background:#1a1a1a;
	}
	.search img {
    	width: 26px;
	}
	.search_bl form {
		width: 80%;
	}
	.list-item {
		padding: 0px;
	}
	.baner_box h1 {
		font-size: 22px;
		margin: 45% 0 1% 0;
	}
	.baner_box span {
		font-size: 11px;
	}
	.baner_box {
		height:300px;
	}
		
	nav {
		height:60px;
	}
	.mobil_btn {
		width:54px;
	}
	.mobil_btn a{
		padding:0 17px;
	}
	#filter_mb .plaster {
		padding:18px;
	}
	.logo_cell img {
		width:180px;
	}
	.search_cell {
		width:54px;
	}
	#sideLeft{
		opacity:1;
	}
	
	.stil_li:nth-child(2) {
		display:none;
	}
	.stil_li li {
		font-size:16px;
	}
	.submenu li {	
		border: 1px solid #c0c0c0 !important;
		border-radius:3px;
		margin-bottom: 10px;
		padding: 0px;
		width: 100%;
	}
	.submenu li a{
		font-size: 13px;
	}
	#to_up {
		right: 40%
	}
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
  
	.pole_bread, .head_head, .search_bl {
		height: 56px;
	}
	.bread {
		font-size: 11px;
		padding: 20px 0 40px 0px;
		display: inline-block;
		text-align: left;
		width: 300px;
		margin-left: 20px;
	}
	.content {
		width:auto;
	}
	.content h1 {
	}
	h2 {
		font-size: 25px;
	}
	input[name="subscrib_email"] {
    	width: 90% !important;
	}
	.label_input {
		font-size:15px;
	}
	#catalog_ajax{
		padding-top:20px;
	}	
	.search_bl {
		top: 60px;
		background:#fff;
		border:1px solid #c2c2c2;
	}
	.search_bl > .close_search img{	
		width: 22px;
	}
	.search_bl > .linz_search {
		-webkit-filter: invert(100%);
		filter: invert(100%);
		width: 56px;
		height: 56px;
		padding: 0;
		float: right;
		line-height: 5;
	}
	.form_search input {
		color: #000;
		line-height: 56px;
		padding:0 15px;
	}
	.search_bl > .close_search {
		width: 56px;
		line-height: 44px;
		text-align: center;
		position: absolute;
		top: -70px;
		display: block;
		right: 0;
		background:#1a1a1a;
	}
	.search_bl form {
		width: 80%;
	}
	.search img {
    	width: 26px;
	}
	.search_bl > .linz_search img {
		width: 26px;
	}
	.list-item {
		padding: 0px;
	}
	.baner_box h1 {
		font-size: 22px;
		margin: 45% 0 1% 0;
	}
	.baner_box span {
		font-size: 11px;
	}
	.baner_box {
		height:300px;
	}
		
	nav {
		height:60px;
	}
	.mobil_btn {
		width:54px;
	}
	.mobil_btn a{
		padding:0 17px;
	}
	.logo_cell img {
		width:180px;
	}
	.search_cell {
		width:54px;
	}
	#sideLeft{
		opacity:1;
	}
	
	.stil_li:nth-child(2) {
		display:none;
	}
	.stil_li li {
		font-size:16px;
	}
	.submenu li {	
		border: 1px solid #c0c0c0 !important;
		border-radius:3px;
		margin-bottom: 10px;
		padding: 0px;
		width: 100%;
	}
	.submenu li a{
		font-size: 13px;
	}
	#to_up {
		right: 40%
	}
}

Some information about this website:

URL: https://extraint.ru/
CSS URL: https://extraint.ru/css/style.css
Charset: windows-1251
Title: