BODY { padding:0; margin:0; background-color:#fff;}
input, textarea {outline: none;}
.container-fluid { padding:0!important;}
.block-1170 { max-width:1170px; margin:0 auto; }
.block-1299 { max-width:1299px; margin:0 auto; }
.block-1300 { max-width:1300px; margin:0 auto; overflow: hidden; }
.block-gl-top { height:555px; background-image:url('/images/block-gl-top.png'); background-repeat:repeat-x; background-color:#FC0; color:#212147; font-family: gothic, Verdana, Geneva, sans-serif; font-size:16px; padding: 5px 15px 15px 30px;}
.title-block-gl-top { color:#FFF; font-family:intro_regular, "Arial Black", Gadget, sans-serif; font-size:24px; text-decoration:underline;}
a.title-block-gl-top: hover { color:#212147}
a.li-gl-top { color: #FFF; text-decoration: underline; font-family: intro_regular, "Arial Black", Gadget, sans-serif; text-shadow: 3px 3px 7px rgba(0, 0, 0, 0.5);}
a.li-gl-top:hover { color:#212147}
.block-gl-top-link { color:#212147; text-decoration:underline}
.katalog-gl-001{ position:relative; margin:70px 0}
.katalog-gl-001 img { width:100%}
.katalog-gl-content { max-width:400px;  position:absolute; top:7%; right:2%; padding:20px;  }
.katalog-gl-content-2 { left:2%; max-width:420px;  position:absolute; top:7%; padding:20px; }
.katalog-gl-content a, .katalog-gl-content-2 a {color:#FFC926; text-decoration:underline;}
.katalog-gl-content a:hover, .katalog-gl-content-2 a:hover {color: #FFCF3E;}
.katalog-gl-content-fon {background-color:#313140; opacity:0.85; border-radius:5px; width:100%; height:100%; position:absolute; top:0; left:0; z-index:10}
.btn-block {position:absolute; bottom:30px!important; z-index:20!important; left:0; text-align:center; width:100%;}
.btn-yelow {  background-color:#FFC926; border-radius:100px!important; padding:10px 20px!important; color:#000!important; font-family:Arial, Helvetica, sans-serif; font-size:20px!important; text-decoration:none!important; }
.katalog-gl-text { margin-bottom: 80px; z-index:15; color:#FFF; font-family:opensans, Arial, Helvetica, sans-serif; font-size:16px;}
.katalog-gl-title { margin-bottom:20px; font-family:intro_regular, "Arial Black", Gadget, sans-serif ; font-size:20px; color:#FFF; text-align:center; }
.menu-top { background-image:url('/images/menu-top.png'); background-repeat:repeat-x; line-height:40px; padding:0 5px; }
.menu-top a, .footer a {font-family:intro_regular, "Arial Black", Gadget, sans-serif; font-size:16px; color:#fff; text-decoration: none; border-bottom: 1px #fff solid;     text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.34) }
.footer a { font-size:20px}
.menu-top a:hover, .footer a:hover { text-decoration:none}
.menu-top ul { list-style: none;margin: 0;padding-left: 0;counter-reset: li;text-align: center;}
.menu-top li {float:right; margin-left:40px}
.slogan { font-family:intro_regular, "Arial Black", Gadget, sans-serif; color:#525261; font-size:20px; text-align:left; }
.menu-middle { padding:15px 0; border-bottom:2px #F57C00 solid }
.slogan ul { list-style: none; padding:0; margin-top: 15px!important;}
.slogan li {line-height:24px; padding:0; }
.calc {list-style: none; padding:0; margin-top: 15px!important; font-family:intro_regular, "Arial Black", Gadget, sans-serif; color:#525261; font-size:15px; text-align:left;}
.calc li {line-height:24px; padding:0; }
.calc a {font-family:gothic, Verdana, Geneva, sans-serif; color:#FF5B26; font-size:16px; text-decoration:none;border-bottom:1px #FF5B26 dashed;}
.calc a:hover { text-decoration:none}
.calc-button { background-image:url('/images/calc-but-fon.png'); background-repeat:no-repeat; padding:8px 40px 16px 75px; font-weight:100!important; width:286px; height:54px; font-family:opensans, Verdana, Geneva, sans-serif; color:#FFF; font-size:24px; text-decoration:underline; text-shadow:1px 1px 4px rgba(0, 0, 0, 0.34);}
.tel-icon {list-style: none; padding:0; margin-top: 15px!important; font-family:EuropeExt_Bold, "Arial Black", Gadget, sans-serif; color:#525261; font-size:30px; text-align:left;}
.tel-icon {line-height:24px; padding:0; }
.tel-text { font-family:EuropeExt_Bold, "Arial Black", Gadget, sans-serif; color:#393F44; font-size:16px; text-align:left;}
.menu-fon { height:250px; background-image:url('/images/menu-fon.gif'); background-position:bottom; background-repeat:repeat-x;}
.menu-item {height:284px;  padding:30px 0; float:left; width:15%; margin-right:29px; position:relative;}
.menu-item img {  width:100%}
.menu-item-title { margin-top:-44px;padding: 0 3px; font-family:intro_regular, "Arial Black", Gadget, sans-serif; font-size:22px; color:#fff; font-style:italic; text-align:center; }
.menu-item a { border:none; text-decoration:none; }
.menu-item a  img {border:1px solid #DBDBEA; border-radius: 15px;}
.menu-item  a:hover img{ border:#FFA400 1px solid}
.menu-item  a:hover, .menu-vorota-item a:hover, .kat-min-item a:hover, .menu-avto-item a:hover{text-shadow:0px 0px 10px rgba(255, 189, 0, 2);}
.block-1 { background-image:url('/images/fon-block-1.png'); background-repeat:repeat-x; margin-top:70px; padding:20px 0}
.zagl-1 { font-family:intro_regular, "Arial Black", Gadget, sans-serif!important; color:#535362!important; font-size:26px!important; text-align:center}
H1 { font-family:EuropeExt_Bold,"Arial Black", Gadget, sans-serif!important; color:#fff!important; text-shadow: 3px 3px 7px rgba(0, 0, 0, 0.5); font-size:23px!important; }
H2 { font-family:EuropeExt_Bold,"Arial Black", Gadget, sans-serif!important; color:#fff!important; text-shadow: 3px 3px 7px rgba(0, 0, 0, 0.5); font-size:22px!important; }
H3 { font-family:intro_regular, "Arial Black", Gadget, sans-serif!important; color:#fff!important; font-size:22px!important; text-align:center}
H4 { font-family:opensans, Verdana, Geneva, sans-serif!important; font-size:22px!important; font-weight:900!important;}
H5 { font-family:arctika_script, Georgia, "Times New Roman", Times, serif!important; font-size:42px!important; text-align:center; color:#F47B00!important; font-weight:900 }
.zagl-rol-kat, .zagl-rolst-stand  { font-family:opensans, Arial, Helvetica, sans-serif!important; color:#1F1F2D!important; font-size:28px!important; text-align:center; text-shadow:none; margin:50px auto 30px auto}
.zagl-rolst-stand {font-size:20px!important; text-align:left; font-style:italic}
.peim-cifr {font-family:intro_regular, "Arial Black", Gadget, sans-serif; color:#fff; font-size:44px; text-align:center; text-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3); }
.peim-text {font-family:intro_regular, "Arial Black", Gadget, sans-serif!important; font-size:22px; color:#fff;}
.block-1 ul { padding:0!important; text-align:center}
.block-2 { margin-top:50px}
.block-2 ul {list-style: none; padding:0!important; text-align:center; font-family:intro_regular, "Arial Black", Gadget, sans-serif!important; font-size:22px; color:#F37A00}
.preim-item1 { font-size:46px; line-height:46px} .preim-item2 { font-size:63px; line-height:63px} .preim-item3 { font-size:38px; line-height:50px} .preim-item4 { font-size:47px; line-height:50px}
.peim-text2 {font-family:gothic, Verdana, Geneva, sans-serif;  font-size:20px; color:#A5A5B7;}
.block-3 { margin:50px 0}
.block-6 { margin:435px 0 25px 0}
.block-3 .block-1170 { border:1px solid #F57C00;  padding:0 0 50px 0}
.block-6 .block-1170 { border:1px solid #F57C00;  padding:0 0 25px 0}
.fon-yel { background-image:url('/images/fon-yel.png'); background-repeat:repeat-x; padding:15px 15px!important; text-align:center; font-family:gothic, Verdana, Geneva, sans-serif;  font-size:22px; color:#000; font-weight:900}
.row-cvet { margin-top:50px!important}
.block-3 .row .block-6 { margin:0}
#cena { float:left; padding-left:60px }
.vivod_cena {text-align:center; background-image:url('/images/button-cena.png'); background-repeat:no-repeat; background-position:center; height:54px; margin-top:8px; font-family:EuropeExt_Bold, "Arial Black", Gadget, sans-serif; font-size:24px; padding:10px 10px 10px 40px; color:#fff}
#home {font-family:opensans, Arial, Helvetica, sans-serif!important; font-size:20px!important; color:#535362!important;}
.text-open { font-family:opensans, Arial, Helvetica, sans-serif; font-size:20px; color:#535362}
.gal-main-2 { margin-bottom:20px}
.gal-tumb ul, .gal-tumb-rolstavni-kat ul {list-style: none; padding:0!important; text-align:left}
.gal-tumb ul li {display:inline; padding-right:7px; }

#razmer_vorota {position: relative; display: inline-block; text-align:center; background-color:#F5F4F4; border:#868695 1px solid; font-family:EuropeExt_Bold, "Arial Black", Gadget, sans-serif; font-size:22px; color:#525261; padding: 12px 45px 12px 30px; border-radius:100px; appearance:none;  -webkit-appearance: none; background-image: url('/images/arrow.png');background-position: right center;background-repeat: no-repeat;
line-height: 1em; /* for FF */-moz-appearance: none;text-indent: 0.01px; text-overflow: '' /* for IE */ -ms-appearance: none;appearance: none!important;
}
select::-ms-expand {
  display: none;
}
#razmer_vorota:focus {outline: none; border:#868695 1px solid;}
.calc-paneli, .calc-color { padding:0!important}
.calc-paneli img {cursor:pointer;}
.calc-color img {float:left;  cursor:pointer; border:#ccc 1px solid;}
.kn-zakaz { height:48px; background-image:url('/images/kn-zakaz.png'); background-repeat:repeat-x; font-family:EuropeExt_Bold, "Arial Black", Gadget, sans-serif; font-size:24px; color:#fff;  text-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3); border-radius:100px; text-align:center; padding:0px 50px}
.vibor-paneli { padding-left:30px }
.vibor-paneli input, .vibor-cvet input {display:none}
.vibor-paneli label:hover,  .vibor-cvet label:hover{-webkit-box-shadow: 2px 2px 16px 0px rgba(50, 50, 50, 0.66); -moz-box-shadow:    2px 2px 16px 0px rgba(50, 50, 50, 0.66); box-shadow:2px 2px 16px 0px rgba(50, 50, 50, 0.66);}
.row-paneli {margin-top:50px!important;}
.vibor-paneli div, .vibor-cvet div {float: left; margin-right:20px}
.vibor-paneli input:checked + label, .vibor-cvet input:checked + label {background: white; box-shadow:    0 0px 22px rgba(0, 150, 200, .6); }
.vibor-paneli div:first-child label, .vibor-cvet div:first-child label{ margin-left: 0;border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.vibor-paneli div:last-child label, { border-top-right-radius: 4px;  border-bottom-right-radius: 4px;}
.vibor-cvet div:last-child label {margin-right:9px;}
.vibor-cvet input:checked + label {border:#3CF 1px solid}
.vibor-cvet label { border:1px #CCCCCC solid}

.vid-paneli {padding-top:80px}
.cvet-paneli {margin-top:80px!important;}
.raschet { background-image:url('/images/raschet-fon.png'); background-repeat:repeat-x; height:300px; padding:20px}
.polya-raschet { margin:50px}

.service-block { position:relative; width:100%}
.service-title {position:absolute; top:25%;    width: 60%; z-index: 110; right:10%; font-family:intro_regular, 'Arial Black', Gadget, sans-serif; font-size:36px; background-color:#424251; opacity:0.68; color:#FFF; line-height:1.5; padding:50px 30px}
.service-block a {display:block;}
.service-block img {width:100%}
.text-vorota { font-size:16px; font-family:opensans, Verdana, Geneva, sans-serif; color:#333; padding:15px; line-height:1.4}

/* Форма отправки данных калькулятора */
#forma-tel, #forma-ok { display:none; position: fixed; top:40%; left:50%; margin-left:-350px; margin-top:-150px; width:700px; height:420px; z-index:998; background-color:#fff; 
			border:1px solid #ccc;
			color:#333; padding-bottom:20px;
			-webkit-border-radius: 5px;
			-khtml-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			box-shadow:    0 0px 42px rgba(255, 255, 255, .9);
			 }
#forma-ok { z-index:999}
#wind {display:none; position: fixed; top:0; left:0; width:100%; height:100%; background-color:#111; opacity:0.6; z-index:150}
.forma-label  {font-family:gothic,Verdana, Geneva, sans-serif; font-size:18px; color:#333;margin-top: 10px;}
#for-name, #telephone, .polya-raschet input{	
			margin: 0 0 0 30px;
			background-color:#fcf8e3;
			width:300px;
			padding: 8px 20px;
			font-size:16px;
			color: #333;
			border: 3px solid #00BFFF;
			border-radius: 100px;
			-moz-border-radius: 100px;
			-webkit-border-radius: 100px;
			}
.forma-label {width:35%; float:left}
.forma-input {margin-left:40%}
.text-2 { font-family:gothic,Verdana, Geneva, sans-serif; font-size:18px; color:#333;}
.text-opisanie {font-family:gothic,Verdana, Geneva, sans-serif; font-size:18px; color:#333;}
.pad { padding-top:30px}
.text-2 ul {line-height: 20px;}

/* Конец Форма отправки данных калькулятора */

/* Калькулятор общий */
.block-calc { max-width:940px; margin:50px auto 0 auto; background-image:url('/images/calc-fon.png'); background-repeat:repeat-x; border-radius:10px; }
.block-calc h1 { padding:50px 0; font-style:italic; color:#000!important; font-family:intro_regular, "Arial Black", Gadget, sans-serif; font-size:30px; text-align:center}
.calc-title { font-family:opensans, Verdana, Geneva, sans-serif; font-size:24px; color:#535362; padding-bottom:20px}
#vid-konstrukcii {position: relative; display: inline-block; width:320px; text-align:center; background-color:#FFEFBF; border:#00BFFF 3px solid; font-family:gothic, Tahoma, Geneva, sans-serif; font-size:18px; color:#424251; padding: 12px 35px 12px 20px; border-radius:100px; appearance:none;  -webkit-appearance: none; background-image: url('/images/arrow.png');background-position: right center; background-repeat: no-repeat;
line-height: 1em; /* for FF */-moz-appearance: none;text-indent: 0.01px; text-overflow: '' /* for IE */ -ms-appearance: none;appearance: none!important;}
#vid-konstrukcii:focus {outline: none; border:#00BFFF 3px solid;}
.calc-right { padding-left:40px!important}
.block-calc #shirina, .block-calc #visota, .block-calc #for-name, .block-calc #telephone{appearance:none; display: inline-block; text-align:center; background-color:#FFEFBF; border:#00BFFF 3px solid; font-family:gothic, Tahoma, Geneva, sans-serif; color:#424251; padding:12px 20px; width:140px; font-size:16px; border-radius:6px;}
.block-calc .checkbox label { padding:0}
.block-calc .checkbox { padding:40px 0}
.block-calc #for-name, .block-calc #telephone { width:320px; border-radius:100px; margin:0!important}
.block-calc .kn-zakaz { margin:50px}
.left-center { text-align:right; padding-right:20%!important}
/* Конец Калькулятор общий */


/* каталог минимизиованный  */
.kat-min-item {padding:0; position:relative; margin-top:10px; }
.kat-min-item img{width:100%}
.kat-min-item a {border:none; text-decoration:none;}
.kat-min-title {width: 100%; position:absolute; top:10px; z-index:150; font-family:intro_regular, "Arial Black", Gadget, sans-serif; font-size:22px; color:#fff; font-style:italic; text-align:center;}
.kat-min-content { height:230px; margin-bottom:50px; background-color:#646473; padding:15px 20px; font-family:gothic, Verdana, Geneva, sans-serif; font-size:14px; font-style:italic; color:#FFF;}
.kat-min-content .btn-block { margin-bottom:15px!important; bottom:0!important;}

/* верхний блок на станице каталога-рольставни   */
.kat-rol-desc-top-text {font-family:opensans, Arial, Helvetica, sans-serif; padding-left:20px}
.desc-block { margin-bottom:30px}
.desc-title{ color:#1F1F2C; font-size:16px; font-weight:bold}
.desc-text { font-size:14px; font-style:italic; font-weight:100; color:#424251}
.gal-tumb-rolstavni-kat img { width:23%}
.gallery-rolstavni img { width:100%}
.gal-tumb-rolstavni-kat ul li{ display:inline; padding-right:11px}
.desc-img {
    font-family:opensans, Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #fff;
    font-style: italic;
    text-align:left; padding-left:20px}
.desc-img-fon {    background-color: #313140;
    opacity: 0.75;
    width: 100%;
    height: 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
}

/* Блок рольставни стандартные*/
.rolstavni-stand { background-color:#424251; padding:30px}
.rostavni-stand-title { color:#FFF; font-size:18px; font-family:opensans, Verdana, Geneva, sans-serif; margin-bottom:10px}
.rolstavni-stand-price { color:#00FF00; font-size:24px; font-family:gothic, Verdana, Geneva, sans-serif; margin:20px}
.rolstavni-stand-btn { background-color:#45C709; color:#FFF; font-size:18px; font-family:EuropeExt_Bold, "Arial Black", Gadget, sans-serif;text-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3); padding:10px  30px; border-radius:4px; cursor:pointer }
input[type=radio] {display: none;}

/*модальное окно станд ролей */

.modal-stand-roll { width:900px!important; height:600px!important; padding:40px 30px!important; top: 30%!important; margin-left: -450px!important;  font-family:opensans, Arial, Helvetica, sans-serif; font-size:18px; color:#000}
.result-price { font-family:EuropeExt_Bold, "Arial Black", Gadget, sans-serif;text-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3); color: #333}
hr { margin:0px!important; border-top: #999 1px solid!important;}
/* каталог для внутренних страниц */
.block-4, .block-5 { background-image:url('/images/block-title-fon.png'); background-repeat:repeat-x; background-color:#FF8F00; height:87px; margin-top:80px; padding-top:15px; text-align:center}
.menu-vorota-item { padding:20px 0; position:relative;}
.menu-vorota-item img, .menu-avto-item img{ width:100%}
.menu-vorota-title { margin-top:-38px;width: 100%; float: left; font-family:intro_regular, "Arial Black", Gadget, sans-serif; font-size:22px; color:#fff; font-style:italic; text-align:center; }
.menu-vorota-item a, .menu-avto-item a  { border:none; text-decoration:none; }
.menu-avto-item a { display:block}
.menu-avto-item {position:relative;}
.menu-avto-title { position:absolute; width:100%; top:12px;  font-family:intro_regular, "Arial Black", Gadget, sans-serif; font-size:22px; color:#fff; font-style:italic; text-align:center; }
/* Блок портфолио */
.image_zoom {width: 365px; height: 273px; overflow: hidden; margin: auto;}
.image_zoom img  { -moz-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; -webkit-transition: all 0.7s ease-out; }
.image_zoom img:hover {-webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); cursor:move}
.image_zoom_avtomatika {width: 467px; height: 397px; overflow: hidden; margin: auto;}
.image_zoom_avtomatika img  { -moz-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; -webkit-transition: all 0.7s ease-out; }
.image_zoom_avtomatika img:hover {-webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); cursor:move}

.image_zoom_sertif {width: 350px; height: 480px; overflow: hidden; margin: auto;}
.image_zoom_sertif img  { -moz-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; -webkit-transition: all 0.7s ease-out; }
.image_zoom_sertif img:hover {-webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); cursor:move}
/* Конец Блок портфолио */

.header-vorota-title { font-family:arctika_script, Georgia, "Times New Roman", Times, serif; font-size:45px; color:#F47B00; float:left}
.preim-vorota-title { font-family:gothic, Verdana, Geneva, sans-serif; font-size:18px; color:#F47B00;}

.text3 {font-family:gothic, Verdana, Geneva, sans-serif;  color:#525261; font-weight:900; font-size:20px;padding-top:50px; }
.text4 { font-family:gothic, Verdana, Geneva, sans-serif; font-size:18px; color:#FF9400; font-weight:900;  padding-left:22px; line-height:35px }
.footer { background-image:url('/images/footer-fon.png'); background-repeat:repeat-x; height:206px; padding:35px 0; margin-top:70px}
.footer .tel-icon {list-style: none; padding:0; margin-top:0!important; font-family:EuropeExt_Bold, "Arial Black", Gadget, sans-serif; color:#393F44; font-size:30px; text-align:left;}
.tel-icon {line-height:24px; padding:0; }
.menu-footer { padding:0!important; list-style: none; margin: 0;counter-reset: li;text-align: center;}
.menu-footer li {float:left; margin-right:20px}
.karta-zoom { width:100%;  height: 100%;}
.box { list-style-image:url('/images/ul-style.png')!important;list-style:square!important;  line-height: 30px; }


/* Шрифты */
@font-face {
	font-family: 'gothic';
	src: url('/fonts/CenturyGothic.eot');
	src: url('/fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'),
		url('/fonts/CenturyGothic.woff') format('woff'),
		url('/fonts/CenturyGothic.woff2') format('woff2'),
		url('/fonts/CenturyGothic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'intro_regular';
	src: url('/fonts/intro_regular.eot');
	src: url('/fonts/intro_regular.eot?#iefix') format('embedded-opentype'),
		url('/fonts/intro_regular.woff') format('woff'),
		url('/fonts/intro_regular.woff2') format('woff2'),
		url('/fonts/intro_regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'arctika_script';
	src: url('/fonts/arctika_script.eot');
	src: url('/fonts/arctika_script.eot?#iefix') format('embedded-opentype'),
		url('/fonts/arctika_script.woff') format('woff'),
		url('/fonts/arctika_script.woff2') format('woff2'),
		url('/fonts/arctika_script.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'opensans';
	src: url('/fonts/opensans.woff') format('woff'),
		url('/fonts/opensans.woff2') format('woff2'),
		url('/fonts/opensans.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'EuropeExt_Bold';
	src: url('/fonts/EuropeExt_Bold.woff') format('woff'),
		url('/fonts/EuropeExt_Bold.woff2') format('woff2'),
		url('/fonts/EuropeExt_Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/* Конец шрифты */

/* Раздел рольставни */

.intro { background-color:#E8EBEE; margin:50px 0; padding:15px}
.intro-title { font-family:gothic, Verdana, Geneva, sans-serif; font-size:28px; color:#424251; text-align:center; margin-left:100px; padding-top:30px}
.intro-text {font-family:gothic, Verdana, Geneva, sans-serif; font-size:20px; color:#424251; font-style:italic; text-align:left}
.vibor-cvet img { cursor:pointer}
.dop-item-rol { color:#FFF; line-height:50px; background-image:url('/images/dop-item-rol.png'); background-repeat:repeat-x; font-family:intro_regular, "Arial Black", Gadget, sans-serif; font-size:18px; text-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3); text-align:center}
.dop-button { background-image:url('/images/dop-button.png') ;color:#FFF; background-repeat:repeat-x; line-height:50px; font-family:EuropeExt_Bold, "Arial Black", Gadget, sans-serif; font-size:22px; text-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);text-align:center;display: block;}
.pc-dop-block { padding:0 33px!important;}
.pc-dop-block img {max-width: 100%;}
.sm {font-size:40px}

/* Раздел ворота */
.calc-sekcionnie-vorota { margin-bottom:20px}
.calc-sekcionnie-vorota .vivod_cena { padding:10px 10px 10px 25px!important;}
.raschet-vorota { background-image:url('/images/rasch-vorota-fon.png'); background-repeat:repeat-x; height:420px;  margin-top:80px; padding-top:15px; text-align:center}
input[type=checkbox] {display: none;}
input[type="checkbox"] + label span {display:inline-block;width:32px;height:31px;margin:-1px 4px 0 0;vertical-align:middle; background:url('/images/checkbox.png') left top no-repeat;cursor:pointer;}
input[type="checkbox"]:checked + label span {background:url('/images/checkbox.png') -33px top no-repeat;}
.checkbox { font-family:gothic, Verdana, Geneva, sans-serif; font-size:22px; color:#000;}
.marg-top { margin-top:30px}

/* Мобильная версия */
.menu-item { margin-right: 16px; }
.navbar-brand { padding:3px 10px!important; }
.navbar { background-image:url('/images/navigation-fon.png')!important; background-repeat:repeat-x!important; overflow:hidden }
.navbar-toggle { background-color:#FFF!important; border-color:#FCC74D!important; background-image:url('/images/menu-toggle-fon.png')!important;-webkit-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow:    2px 2px 2px 0px rgba(50, 50, 50, 0.3); box-shadow:2px 2px 2px 0px rgba(50, 50, 50, 0.3);}
.navbar-toggle .icon-bar { background-color:#FFF!important;}
.navbar-nav li a { padding:7px 15px!important;}
@media (max-width: 800px) {
	.menu-item { margin-right: 14px; }
}
@media (max-width: 640px) {
.gal-tumb-rolstavni-kat ul li{ display:inline; padding-right:3px}
.desc-img { font-size:12px}
.desc-img-fon { height:20px}
.desc-block { padding-bottom:30px!important;}
.kat-rol-desc-top-text { padding:0px}
.kat-min-content { height:100%}
.kat-min-content .btn-block { position:relative; margin:15px 0; bottom:0!important; }
.kat-min-content .btn-yelow { font-size:16px!important;} 
.kat-min-title { top:0; }
.block-gl-top { height:100%; margin-top:50px}
.katalog-gl-content, .katalog-gl-content-2 { position:relative; right:0; top:0; left:0}
.katalog-gl-001 {margin:15px 0!important;}
.block-1300 { margin-bottom:50px; overflow: hidden;}
.block-1300 .row { margin:0px!important;}
H2{ font-size:20px!important;}
.block-4 {padding-top: 12px!important; margin-top:30px!important;}
.intro { margin:20px 0 0 0!important;}
.intro-title { font-size:18px!important; padding-top:0!important; margin-bottom:20px}
.intro-text {font-size:16px!important;}
.duble { padding-top:3px!important;}
.first-block { margin-top:70px!important;}
.fon-yel { font-size:14px}
.block-3 {margin: 20px 0!important;}
.block-6 {margin: 20px 0!important;}
.main-img { max-width:100%!important;}
#cena_2 { text-align: left; position: absolute!important; left: 60px!important; top: 11px!important; padding:0!important}
.gal-main-2 {margin-bottom: 10px!important;}
.gal-tumb img { max-width:30%!important; float:left!important; margin-right:5%!important;}
.gal-tumb ul li { padding-right:0!important;}
.vivod_cena {width: 288px; margin: 8px auto; padding:0!important}
.col-mobile {padding:0!important; margin-bottom:30px}
.vibor-cvet img { max-height:80px}
.vibor-cvet div:last-child label {margin-right: 2px;}
#forma-tel, #forma-ok  { width:96%;top: 15%; height:410px; left:0; margin:0 2%!important; padding:0 5px }
.forma-label { width:100%; text-align:left; font-size:14px!important}
.forma-label { margin-top:0px!important}
.forma-input {margin-left:33%}
#for-name, #telephone {margin: 0 auto; width:100%; padding:6px 10px!important; }
.text-2{ font-size:14px!important}
.pc-dop-block { margin-bottom:50px; padding:0!important}
.row-mobile { width:280px; margin:0 auto!important}
.image_zoom { width:100%!important}
.sm {font-size:36px}
.text3 { padding:0px}
.karta-zoom { height:140px;  }
.logo-mobile { max-width:100%}
.footer { padding:10px; height:100px}
.footer .tel-icon li { font-size:14px}
.image_zoom_avtomatika { width:100%; height:100%}
.image_zoom_avtomatika img { max-width:100%;}
.image_zoom_sertif { width:100%; height:100%}
.image_zoom_avtomatika  img { max-width:100%;}
.row-paneli {margin-top:20px!important;}
.vid-paneli {padding-top:0px}
.vibor-paneli img { max-width:100%}
.vibor-paneli { padding:0!important;}
.calc-paneli { padding:0!important;}
.cvet-paneli {margin-top:0px!important;}
.col-mobile-0 {padding:0!important; margin:0!important;}
.row-cvet { margin-top:0!important;}
.raschet {padding: 5px;}
.polya-raschet { margin:20px 0!important;}
.polya-raschet input { margin:0 0 10px 0!important;}
.text-opisanie { padding:0 10px}
H1 { font-size:20px!important;}
.duble-title {margin-top: 4px;}
.triple h2 { margin-top:0px}
.checkbox label {    float: left; margin-bottom: 10px!important;    margin-left: 20px!important;}
.marg-top { margin-top:20px}
.raschet-vorota h2 { margin-top:0px}
.img-weigh{ max-width:100% }
.menu-avto-title { top:5px; font-size:12px;}
.service-title { top:12%; width:80%; font-size:14px;  padding:10px; opacity:0.9 }
/* Калькулятор общий */
.block-calc { max-width:320px; }
.block-calc h1 { padding:30px 0 20px 0;}
.calc-title {  font-size:16px; color:#535362; padding-bottom:20px}
#vid-konstrukcii {position: relative; display: inline-block; width:280px;margin:0 auto;}
#vid-konstrukcii:focus {outline: none; border:#00BFFF 3px solid;}
.calc-right { padding-left:0px!important}
.block-calc #shirina, .block-calc #visota, .block-calc #for-name, .block-calc #telephone{appearance:none; display: inline-block; text-align:center; background-color:#FFEFBF; border:#00BFFF 3px solid; font-family:gothic, Tahoma, Geneva, sans-serif; color:#424251; padding:12px 20px; width:120px; font-size:16px; border-radius:6px;}
.block-calc .checkbox label { padding:0}
.block-calc .checkbox { padding:40px 0}
.block-calc #for-name, .block-calc #telephone { width:280px; margin:0 auto; border-radius:100px; margin:0!important}
.block-calc .kn-zakaz { margin:50px auto; }
.left-center { text-align:right; padding-right:20%!important}
#checkbox1 { position:absolute; top: 100px; font-size:16px!important}
#checkbox2 { position:absolute; top: 80px; font-size:16px!important}
#polya {position:absolute; top:0px}
.block-calc #telephone {position:absolute; top: 260px; padding:9px 14px!important;}
.block-calc #for-name {position:absolute; top: 270px; left:0; padding:9px 14px!important;}
#but-rash {position:absolute; top: 530px; width:100%}
.block-calc { height:650px; overflow:hidden; margin-top:70px}
.kn-zakaz { font-size:22px}
/* Конец Калькулятор общий */

.triple h1 { margin-top:0px!important}
}

/* RESET STYLES */
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
 ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
q:before, q:after { content:''}
strong { font-weight: bold }
em { font-style: italic }
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
div { position:relative } 
/* END RESET STYLES */


html{-webkit-font-smoothing:antialiased;}


.column-clear{ clear:both;}


.title-page{font-size:40px;margin:50px 0px 60px 0px;color:#151515;}

/**** portfolio STYLES*****/
.portfolio-categ{margin-bottom:30px;}
.portfolio-categ li{display:inline;margin-right:10px;}
.image-block{ display:block;position: relative;}
.image-block img{border: 1px solid #d5d5d5; border-radius: 4px 4px 4px 4px;background:#FFFFFF;padding:10px;}
.image-block img:hover{border: 1px solid #A9CF54;box-shadow:0 0 5px #A9CF54;}
.portfolio-area li{float: left;margin: 0 12px 20px 0;overflow: hidden;width: 245px;padding:5px;     height: 220px;}
.home-portfolio-text{margin-top:10px;}
li.active a{ text-decoration:underline;}
/**** END portfolio STYLES*****/

/**** portfolio222 STYLES*****/
.portfolio222-categ{margin-bottom:30px;}
.portfolio222-categ li{display:inline;margin-right:10px;}
.image-block{ display:block;position: relative;}
.image-block img{border: 1px solid #d5d5d5; border-radius: 4px 4px 4px 4px;background:#FFFFFF;padding:10px;}
.image-block img:hover{border: 1px solid #A9CF54;box-shadow:0 0 5px #A9CF54;}
.portfolio222-area li{float: left;margin: 0 12px 20px 0;overflow: hidden;width: 312px;padding:5px;     height: 310px;}
.home-portfolio222-text{margin-top:10px;}
li.active a{ text-decoration:underline;}
.post-subtitle-portfolio222 { color: #999; margin:5px 0;}
/**** END portfolio222 STYLES*****/

.post-title-portfolio222 { }
input:-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;}
input:-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;}
input:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;}
input:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;}
input:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
input:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
input:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
input:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}