@charset "UTF-8";

* { margin:0; padding:0; outline:none; }
::-moz-focus-inner { padding:0; border:0; }
::-moz-placeholder { color:#aaa; }
::-webkit-input-placeholder {color:#aaa;}


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

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

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

@font-face {
	font-family: 'RobotoSlabBold';
	src: url('../fonts/RobotoSlab-Bold.eot');
	src: url('../fonts/RobotoSlab-Bold.woff') format('woff'),
		 url('fonts/RobotoSlab-Bold.ttf') format('truetype'),
		 url('fonts/RobotoSlab-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'RobotoSlabLight';
	src: url('../fonts/RobotoSlab-Light.eot');
	src: url('../fonts/RobotoSlab-Light.woff') format('woff'),
		 url('fonts/RobotoSlab-Light.ttf') format('truetype'),
		 url('fonts/RobotoSlab-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'SegoeUILight';
	src: url('../fonts/Segoe_UI_Light.eot');
	src: local('☺'), url('../fonts/Segoe_UI_Light.woff') format('woff'), url('../fonts/Segoe_UI_Light.ttf') format('truetype'), url('../fonts/Segoe_UI_Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'SegoeUIBold';
	src: url('../fonts/Segoe_UI_Bold.eot');
	src: local('☺'), url('../fonts/Segoe_UI_Bold.woff') format('woff'), url('../fonts/Segoe_UI_Bold.ttf') format('truetype'), url('../fonts/Segoe_UI_Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}




html {height:100%; width:100%;}
body {font-size:16px; font-family:UbuntuLightRegular; color:#6e6e6e; background:#ffffff; min-height:100%; min-width:1140px; height:100%;}



img { border:0; }
table {border-collapse:collapse;}
table td {vertical-align:top;}
textarea {font-family:inherit; font-size:inherit; resize:none;}
input, select {font-family:inherit; font-size:inherit; color:inherit;}

a { text-decoration:underline; color:#ebbc00; outline:none; }
a:visited { color:#ebbc00; }
a:hover { text-decoration:none; color:#000; }
a:active { text-decoration:none; color:#000; }

.clear {clear:both;}
.stdAni {transition:border 0.3s, background 0.3s, color 0.3s; }

.maxWidth {max-width:1400px; padding:0 20px; margin:0 auto; box-sizing:border-box; }

#pageFrames {min-height:100%; height:auto !important; height:100%; margin:0 auto -80px; width:100%;}

#header { }

#headerTop {padding-top:15px;}

#topLogoData {float:left; width:40%;}
	#topLogoData a {display:inline-block; float:left; }
	#topLogoData #topSlogan { float:left; font-size:14px; line-height:16px; margin:4px 0 0 25px;}

#topPhoneData {float:right; width:60%; text-align:right;}

#topPhone {display:inline-block; position:relative; padding-left:25px; color:#757575; font-size:20px; font-family:UbuntuRegular; line-height:30px; height:30px; vertical-align:top; margin-top:6px;}
	#topPhone i {display:block; width:20px; height:20px; position:absolute; left:0; top:6px; background:url('../img/icons.png') no-repeat 0 0; }

#topSizeForm {display:inline-block; vertical-align:top;}
	#topSizeForm input {border:1px solid #cccccc; border-radius:4px; height:40px; padding:0 10px; width:180px; box-sizing:border-box; vertical-align:top; font-size:18px; margin-left:15px; color:#6e6e6e; }
	#topSizeForm input.isError {border:1px solid red; color:red;}
	#topSizeForm a {display:inline-block; background:#9b9c9d; color:#fff; font-size:14px; padding:0 25px; height:40px; line-height:40px; vertical-align:top; text-decoration:none; border-radius:4px; box-sizing:border-box; margin-left:15px;}
	#topSizeForm a:hover {background:#ffe400; color:#000; }
	#topSizeForm #topSizeFormResult {text-align:center; display:none; padding-left:30px; font-size:15px; color:#000;}

#headBottom {padding:25px 0 20px 0;}
.isFixedHeader #headBottom {padding:16px 0 10px 0; position:fixed; left:0; top:0; width:100%; min-width:1140px; background:#fff; z-index:2000; box-shadow:0 2px 6px -3px rgba(0,0,0,0.5);}

.isFixedHeader #topPhoneData {position:fixed; left:0px; top:0; width:100%; min-width:1140px; height:1px; z-index:2001; box-sizing:border-box; }
.isFixedHeader #topPhoneData .topHeaderFixData {max-width:1400px; padding:0 125px 0 20px; height:0; margin:0 auto; box-sizing:border-box;}
.isFixedHeader #topPhoneData .topHeaderFixData #topPhone {margin-top:10px;}
.isFixedHeader #topSizeFormData {display:none;}


/* Информер корзины */

#basketInformer {float:right; margin-left:20px;}
#basketInformer .data {display:inline-block; position:relative; padding-left:23px; height:20px; text-decoration:none; }
#basketInformer a.data {padding-left:30px; color:#9e9e9e;}
#basketInformer i {display:block; position:absolute; left:0; top:0; width:23px; height:19px; background:url('../img/icons.png') no-repeat -37px 0; }
#basketInformer .data span {font-size:12px; font-weight:bold;}
#basketInformer a.data:hover {color:#000; }
#basketInformer a.data:hover i {background-position:-76px 0;}

/* Раскладное мини-меню */

#expandMenu {float:right; width:24px; height:20px; position:relative; }
	#expandMenu .button {position:relative; width:100%; height:100%; cursor:pointer;}
		#expandMenu .button i {background:#9e9e9e; height:2px; position:absolute; left:0; top:1px; width:100%; }
		#expandMenu .button i.i2 {top:9px;}
		#expandMenu .button i.i3 {top:17px;}
	#expandMenu.isOpen #expandMenuData {display:block;}
	#expandMenu:hover .button i {background:#000;}

#expandMenuData {display:none; position:absolute; right:-15px; top:-15px; width:200px; padding:50px 20px 15px 20px; background:#fff; box-shadow:0 0 9px -2px rgba(0,0,0,0.5); z-index:100; }
#expandMenuData .close {position:absolute; right:15px; top:15px; width:24px; height:24px; cursor:pointer;}
	#expandMenuData .close i {background:#9e9e9e; height:2px; position:absolute; left:0; top:11px; width:100%; transform:rotate(45deg);}
	#expandMenuData .close i.i2 {transform:rotate(-45deg);}
	#expandMenuData .close:hover i {background:#000; }
	#expandMenuData a {display:block; text-decoration:none; margin-bottom:7px; padding-bottom:4px; color:#6e6e6e; border-bottom:3px solid #fff; font-family:UbuntuRegular; font-size:15px; letter-spacing:1px; }
	#expandMenuData a:hover {border-bottom:3px solid #ffe400; color:#000; }
	#expandMenuData a.active {border-bottom:3px solid #ffe400; color:#000; }
	#expandMenuData a:last-child {margin-bottom:0;}

/* Основное главное меню */

#mainMenu {text-transform:uppercase; }
#mainMenu a {display:inline-block; text-decoration:none; margin-right:25px; padding-left:3px; padding-right:3px; padding-bottom:6px; color:#6e6e6e; border-bottom:5px solid #fff; font-family:SegoeUILight; font-size:14px; letter-spacing:2px; position:relative;}
#mainMenu a:hover:before {display:block; position:absolute; left:0; bottom:5px; width:100%; height:9px; background:#fff684; content:""; z-index:-1;}
#mainMenu a.active:before {display:block; position:absolute; left:0; bottom:5px; width:100%; height:9px; background:#fff684; content:""; z-index:-1;}
#mainMenu a.catalog {font-family:SegoeUIBold; position:relative; padding-left:25px;}
	#mainMenu a.catalog i {position:absolute; left:0; top:-3px; display:block; width:12px; height:20px; border:3px solid #6e6e6e; }
	#mainMenu a.catalog i span {position:absolute; left:3px; top:6px; display:block; width:3px; height:8px; background:#6e6e6e; }


/* Слайдер на странице "Производство" */

#indexSlider {position:relative; }
#sliderSizeImage {width:100%; max-width:100%; height:auto; opacity:0; display:block; }
#indexSliderData {position:absolute; left:0; top:0; width:100%; height:100%;}
	#indexSliderData .slide {opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; z-index:1;}
	#indexSliderData .slide.active {opacity:1; z-index:2;}
	#indexSliderData .slide img {max-width:100%; height:auto; display:block;}
	#indexSliderData .slide .text {width:35%; height:100%; position:absolute; right:55px; top:0;}
	#indexSliderData .slide .text table {width:100%; height:100%; }
		#indexSliderData .slide .text table td {vertical-align:middle; color:#fff; font-size:24px; text-align:center; }
		#indexSliderData .slide .text table td b {font-family:UbuntuRegular; }
		#indexSliderData .slide .text table td span {display:inline-block; margin-top:20px; font-family:UbuntuRegular; background:#ffe400; color:#000; font-size:21px; padding:0 35px; height:60px; line-height:60px; text-decoration:none; border-radius:4px; box-sizing:border-box; margin-left:15px;}
		#indexSliderData .slide .text table td i.bold {font-family:UbuntuRegular; font-weight:bold; font-style:normal;}
	#indexSliderData .slide a {display:block; position:absolute; left:0; top:0; width:100%; height:100%; }
	#indexSliderData .slide:hover .text table td span {background:#ffd800; }

#indexSlider .points {position:absolute; padding-top:10px; left:0; bottom:10px; width:100%; text-align:center; z-index:3;}
	#indexSlider .points .point {display:inline-block; padding:10px; cursor:pointer; }
	#indexSlider .points .point span {display:inline-block; width:8px; height:8px; border:1px solid #fff; border-radius:10px;}
	#indexSlider .points .point:hover span {background:#ffe400;}
	#indexSlider .points .point.active span {background:#fff;}

#indexSlider .arrow {display:block; position:absolute; top:50%; margin-top:-20px; width:50px; height:40px; background:url('../img/icons.png') no-repeat 0 0; cursor:pointer; z-index:3; }
#indexSlider .arrow.next {right:10px; background-position:-123px 4px;}
#indexSlider .arrow.next:hover { background-position:-195px 4px;}
#indexSlider .arrow.prev {left:10px; background-position:-272px 4px;}
#indexSlider .arrow.prev:hover { background-position:-354px 4px;}


/* Текстовые блоки на странице Производство */

.backgroundText {position:relative; padding-bottom:50px; margin-bottom:60px;}
.backgroundText:before {position:absolute; left:0; bottom:0%; content:""; font-size:82px; color:#f1f1f1; font-family:'RobotoSlabBold'; z-index:-1;}
.backgroundText.speed:before {content:"Скорость";}
.backgroundText.quality:before {content:"Качество"; left:auto; right:0;}
.backgroundText.design:before {content:"Дизайн";}


/* Анимированные GIF "Мы производим" */ 

#weProduce {}
#weProduceData {margin:0 -5px;  font-size:0; padding-top:20px; padding-bottom:30px;}
#weProduceData .item {display:inline-block; width:20%; padding:0 5px; vertical-align:top; box-sizing:border-box;}
#weProduceData .item a {display:block; border-radius:5px; text-decoration:none; text-align:center; font-size:16px; padding:10px; min-height:140px; font-family:UbuntuRegular;}
#weProduceData .item a img {max-width:100%; height:auto; display:block;}
#weProduceData .item a img.animate {display:none;}
#weProduceData .item a:hover {color:#000; box-shadow:0 0 9px -2px rgba(0,0,0,0.5);}
#weProduceData .item a:hover img.animate {display:block;}
#weProduceData .item a:hover img.static {display:none;}


/* Фильтр каталога слева */

#fullFilterForm {margin-bottom:25px; position:relative; }
#fullFilterForm .filterOne {box-sizing:border-box; position:relative; }
#fullFilterForm .filterOne:last-child {border-bottom:1px solid #dcdcdc;}
#fullFilterForm .filterOne .caption {color:#000; font-size:14px; text-transform:uppercase; letter-spacing:2px; padding:0; box-sizing:border-box; position:relative; font-weight:bold; font-family:UbuntuRegular; line-height:35px; cursor:pointer;}
	#fullFilterForm .filterOne .caption i {margin-left:5px; display:inline-block; width:12px; height:7px; vertical-align:2px; background:url('../img/icons.png') no-repeat -440px -19px; }
#fullFilterForm .filterOne .caption:hover {color:#777; }
	#fullFilterForm .filterOne .caption:hover i {background-position:-467px -19px; }
#fullFilterForm .filterOne.open .caption {}
	#fullFilterForm .filterOne.open .caption i {background-position:-440px 0px; }
	#fullFilterForm .filterOne.open .caption:hover i {background-position:-467px 0px; }
#fullFilterForm .filterOne .caption span {position:absolute; right:0px; top:50%; margin-top:-10px; display:block; width:60px; height:20px; line-height:20px; color:#888; font-size:11px; text-align:right; text-decoration:underline; font-weight:normal; letter-spacing:0; text-transform:none;}

#filterPriceFromTo {text-align:center; height:32px; width:240px; box-sizing:border-box; }
#filterPriceFromTo input {padding:0 10px; height:30px; text-align:center; width:75px; vertical-align:top; border:1px solid #dcdcdc; border-radius:4px; font-family:inherit;}
#filterPriceFromTo span {display:inline-block; width:20px; text-align:center; vertical-align:top; padding-top:4px;}
#filterCostFrom {float:left;}
#filterCostTo {float:right;}

#fullFilterForm .filterOne .optionList { overflow:hidden; height:0; transition:all 0.2s; }
#fullFilterForm .filterOne.open .optionList {height:auto; padding-bottom:20px;}
#fullFilterForm .filterOne .listData {margin-top:5px; overflow:hidden; position:relative;}
#fullFilterForm .filterOne .listData .itemBlock {display:block;}
#fullFilterForm .filterOne .listData .item {vertical-align:top; margin-right:5px; display:inline-block; text-decoration:none; color:#6e6e6e; position:relative; padding-left:0px; line-height:26px; font-size:14px; cursor:pointer; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
	#fullFilterForm .filterOne .listData .item i {display:none; position:absolute; left:0; top:50%; margin-top:-7px; width:15px; height:14px; border:1px solid #c4c4c4; border-radius:2px; box-sizing:border-box; }
	#fullFilterForm .filterOne .listData .item.checked {font-weight:bold;; color:#000; padding-left:20px;}
	#fullFilterForm .filterOne .listData .item.checked i {display:block; background:url('../img/icons.png') no-repeat -87px -90px; border:1px solid #fff;}
#fullFilterForm .filterOne .listData .item:hover {color:#000; }
#fullFilterForm .filterOne .listData .item:hover i {border:1px solid #fff;}
#fullFilterForm .filterOne .listData .item.disabled {opacity:0.4;}
#fullFilterForm .filterOne .listData .itemBlock .help {vertical-align:-2px; cursor:pointer; display:inline-block; width:18px; height:18px; border:1px solid #ccc; color:#ccc; text-align:center; font-size:11px; font-family:sans-serif; line-height:17px; border-radius:20px; box-sizing:border-box; }
#fullFilterForm .filterOne .listData .itemBlock .help:hover {border:1px solid #ebbc00; color:#fff; background:#ebbc00;}
#fullFilterForm .filterOne .listData .itemBlock .helpContent {display:none;}

/*
#fullFilterForm .filterOne .listData .itemBlock.isColor {float:left; width:14.28%; box-sizing:border-box; }
#fullFilterForm .filterOne .listData .itemBlock.isColor .item {margin:0; padding:0 2px 2px 0;}
	#fullFilterForm .filterOne .listData .itemBlock.isColor img {padding:2px; display:block; border-radius:3px; max-width:100%; height:auto; box-sizing:border-box;}
	#fullFilterForm .filterOne .listData .itemBlock.isColor .item.checked img {border:3px solid #a6a6a6; }
	#fullFilterForm .filterOne .listData .itemBlock.isColor .item:hover img {border:3px solid #a6a6a6; }
#filter-398 .optionList {margin-left:-2px;}
#filter-398 .optionList.collapse {margin:0 -2px;}
*/

#fullFilterForm .filterOne .listData .itemBlock.isColor {box-sizing:border-box; }
#fullFilterForm .filterOne .listData .itemBlock.isColor .item {margin:0; padding:0 0 0 30px; height:26px; position:relative; display:block;}
#fullFilterForm .filterOne .listData .itemBlock.isColor .item i {display:none;}
	#fullFilterForm .filterOne .listData .itemBlock.isColor img {position:absolute; left:0; top:0; padding:2px; display:inline-block; border-radius:3px; width:26px; height:auto; box-sizing:border-box;}
	#fullFilterForm .filterOne .listData .itemBlock.isColor .item.checked img {border:3px solid #a6a6a6; }
	#fullFilterForm .filterOne .listData .itemBlock.isColor .item:hover img {border:3px solid #a6a6a6; }
#filter-398 .optionList {margin-left:-2px;}
#filter-398 .optionList.collapse {margin:0 -2px;}


#fullFilterForm .filterOne .listData .itemBlock.isIcon {width:33.33%; float:left; box-sizing:border-box; font-size:0; }
#fullFilterForm .filterOne .listData .itemBlock.isIcon .item {display:block; text-align:center; padding-left:0px;}
	#fullFilterForm .filterOne .listData .itemBlock.isIcon img {height:35px; width:auto; opacity:0.3; display:block; margin:0 auto;}
	#fullFilterForm .filterOne .listData .itemBlock.isIcon span {padding-top:3px; font-weight:normal; display:block; height:27px; text-align:center; line-height:14px; font-size:13px; }
	#fullFilterForm .filterOne .listData .itemBlock.isIcon .item.disabled {opacity:0.3;}
	#fullFilterForm .filterOne .listData .itemBlock.isIcon .item.checked i {display:none;}
	#fullFilterForm .filterOne .listData .itemBlock.isIcon .item.checked img {opacity:1;}
	#fullFilterForm .filterOne .listData .itemBlock.isIcon .item:hover img {opacity:1;}

#fullFilterForm .filterOne .collapseBtn {padding-top:10px; display:block;}
#fullFilterForm .filterOne .collapseBtn .btn {display:inline-block; padding:0; border-bottom:1px dashed #c4c4c4; box-sizing:border-box; font-size:14px; cursor:pointer; }
#fullFilterForm .filterOne .collapseBtn .btn:hover {border-bottom:1px dashed #000; color:#000;}
#fullFilterForm .filterOne .collapseBtn .btn .show {display:none;}
#fullFilterForm .filterOne .collapse .collapseBtn .btn .hide {display:none;}
#fullFilterForm .filterOne .collapse .collapseBtn .btn .show {display:block;}

#fullFilterGoBlock {padding-top:10px;}
#fullFilterGoBlock a.run {display:inline-block; background:#9b9c9d; color:#fff; font-size:14px; padding:0 25px; height:40px; line-height:40px; vertical-align:top; text-decoration:none; border-radius:4px; box-sizing:border-box; margin-bottom:15px;}
#fullFilterGoBlock a.run:hover {background:#ffe400; color:#000;}
#fullFilterGoBlock a.clear {display:inline-block; color:#888; font-size:13px; }
#fullFilterGoBlock a.clear:hover { color:#000; }

#filterCountStatus {display:none; position:absolute; left:100%; height:34px; white-space:nowrap; padding:0 12px; color:#fff; font-size:14px; top:0px; white-space:nowrap; line-height:34px; background:rgba(0,0,0,0.7); box-sizing:border-box; z-index:1100;}
#filterCountStatus:before {content:""; position:absolute; left:-34px; top:0; border-color:transparent rgba(0,0,0,0.7) transparent transparent; border-style:solid; border-width:17px; height:0px; width:0px; }
	#filterCountStatus a {color:#ffe400; display:inline-block; margin-left:15px;}
	#filterCountStatus a:hover {color:#fff; }
	#filterCountStatus a.disabled {color:#aaa; cursor:default; text-decoration:none; display:none;}
#filterCountStatus.isReloadPage {width:140px;}
#filterCountStatus.isReloadPage a {display:none;}

#fullFilterProcess {display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.5)}
#fullFilterForm .filterOne .filterProcess { display:none; position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; padding-top:40px; }
#fullFilterForm .filterOne .filterProcess div { width:100%; height:100%; background:url('../img/loading.gif') no-repeat center center; }




/* Список товаров каталога */

.catalogList {padding-bottom:20px;}
.catalogList .catalogListData {margin:0 -5px; font-size:0; padding-top:25px; font-size:0; }
.catalogList .catalogListData .item {width:19%; display:inline-block; padding:0 5px 40px 5px; text-align:center; box-sizing:border-box; vertical-align:top; }
.catalogList.isWidth4 .catalogListData .item {width:25%; float:left; display:block; }
.catalogList .catalogListData .item a {display:block; width:100%; text-decoration:none; color:#6e6e6e; padding:10px 0; border:1px solid transparent; box-sizing:border-box; transition:border 0.2s, box-shadow 0.2s; }
.catalogList .catalogListData .item a .data {position:relative; display:inline-block; margin-bottom:18px; }
	.catalogList .catalogListData .item a:hover {border:1px solid #ccc; box-shadow:0 0 14px -5px rgba(0,0,0,0.2); background:#fafafa;}
.catalogList .catalogListData .item a .data img {max-height:200px; min-height:200px; width:auto;}
.catalogList .catalogListData .item a .data .iDiscount {display:block; position:absolute; right:0; top:0; width:47px; height:47px; background:url('../img/icons.png') no-repeat 0 -160px;}
.catalogList .catalogListData .item a .data .i360 {display:block; position:absolute; left:0; bottom:0; width:51px; height:51px; background:url('../img/icons.png') no-repeat 0 -50px;}
.catalogList .catalogListData .item a .data .iAl {display:block; position:absolute; left:0; bottom:0; width:51px; height:51px; background:url('../img/icons.png') no-repeat 0 -105px;}
.catalogList .catalogListData .item a .name {display:block; font-size:15px;}
.catalogList .catalogListData .item.isHideCosttrue a .name {font-family:UbuntuRegular; color:#333; font-size:16px;}
	.catalogList .catalogListData .item a:hover .name {color:#000;}
.catalogList .catalogListData .item a .cost {display:block; padding-top:10px;}
.catalogList .catalogListData .item a .cost .real {font-size:15px; font-family:UbuntuLightBold; color:#333;}
	.catalogList .catalogListData .item a:hover .cost .real {color:#000;}
.catalogList .catalogListData .item a .cost .old {font-size:14px;}
.catalogList .catalogListData .item a .cost .old span {letter-spacing:-1px; text-decoration:line-through;}

.catalogList .catalogListData .item a .param {font-size:14px; padding-top:5px; display:block;}
.catalogList .catalogListData .item a .param span {padding-top:1px; display:block; line-height:17px;}




/* Список логотипов "Наши клиенты" */

#clienLogoData {margin:0 -10px; font-size:0; padding-top:15px;}
	#clienLogoData .item {padding:0 10px 20px 10px; display:inline-block; width:20%; box-sizing:border-box; vertical-align:top;}
		#clienLogoData .itemData {display:block; text-decoration:none;}
			#clienLogoData .itemData img {max-width:100%; height:auto;}


/* Анонс категорий на главной */

#catalogCategoryAnons {}
#catalogCategoryAnons .catagoryOne {border-bottom:1px dotted #ccc; margin-bottom:15px;}
#catalogCategoryAnons .catagoryOne .categoryCols {width:100%;}
#catalogCategoryAnons .catagoryOne .categoryCols td.text {width:30%; padding-right:15px; padding-bottom:15px;}
#catalogCategoryAnons .catagoryOne .categoryCols td.list {width:70%;}
#catalogCategoryAnons .catagoryOne .categoryCols td.list .catalogList {padding:0 0 10px 0;}
#catalogCategoryAnons .catagoryOne .categoryCols td.list .item {width:24%;}
#catalogCategoryAnons .catagoryOne .categoryCols td.list .sectImage {max-width:100%; height:auto;}


/* Меню блоков "Наши преимущества" на главной */

#indexBlockMenu {font-size:0; margin:0 -10px; padding-bottom:15px;}
	#indexBlockMenu a.item {display:block; padding:10px; vertical-align:top; width:33.33%; box-sizing:border-box; text-decoration:none; float:left;}
	#indexBlockMenu a.item .data {display:block; width:100%; min-height:255px; box-sizing:border-box; background:#fafafa; box-shadow:none; transition:0.2s; overflow:hidden;}
	#indexBlockMenu a.item:hover .data {background:#fff; box-shadow:0 0 14px -5px rgba(0,0,0,0.2); }
	#indexBlockMenu a.item .data .top {display:block; padding:15px 0 18px 0; margin-bottom:10px; position:relative;}
		#indexBlockMenu a.item .data .top .border {display:block; height:8px; width:100%; position:absolute; left:0; bottom:0; background:url('../img/newicons.png') no-repeat center -1px; }
	#indexBlockMenu a.item .data .name {display:block; margin:0 auto; text-align:center; color:#353535; font-size:20px; font-family:UbuntuRegular; line-height:24px; text-transform:uppercase;}
		#indexBlockMenu a.item:hover .data .name {color:#000; }
	#indexBlockMenu a.item .data .bottom {display:block; margin:0 auto; padding:0 10px; text-align:center; color:#6e6e6e; font-size:15px; }
	#indexBlockMenu a.item .data .icon {display:block; width: 50px; height:50px; background: #ccc; margin: 0 auto 15px; background: url('../img/newicons.png') no-repeat 0 0; }
	#indexBlockMenu a.item .data .icon1 {background-position:1px -17px;}
	#indexBlockMenu a.item .data .icon2 {background-position:-52px -19px;}
	#indexBlockMenu a.item .data .icon3 {background-position:-107px -20px;}
	#indexBlockMenu a.item .data .icon4 {background-position:-154px -20px;}
	#indexBlockMenu a.item .data .icon5 {background-position:5px -114px;}
	#indexBlockMenu a.item .data .icon6 {background-position:-51px -114px;}
	#indexBlockMenu a.item:hover .data .icon1 {background-position:1px -66px;}
	#indexBlockMenu a.item:hover .data .icon2 {background-position:-52px -68px;}
	#indexBlockMenu a.item:hover .data .icon3 {background-position:-107px -69px;}
	#indexBlockMenu a.item:hover .data .icon4 {background-position:-154px -69px;}
	#indexBlockMenu a.item:hover .data .icon5 {background-position:5px -161px;}
	#indexBlockMenu a.item:hover .data .icon6 {background-position:-51px -161px;}


/* Сворачиваемый текст */

.collapseTextContent {padding-bottom:20px;}
.collapseTextContent .collapseTextData {margin-bottom:10px;}
.collapseTextContent .collapseTextData.isCollapse {max-height:150px; overflow:hidden; position:relative; padding-bottom:30px;}
.collapseTextContent .collapseTextData.isCollapse:before {content:""; position:absolute; left:0; bottom:0; width:100%; height:30px; background:linear-gradient(to top, #ffffff, transparent); z-index:1; }
.collapseTextContent a.controlCollapseLink {font-family:UbuntuRegular; }


/* Анонс коллекций на главной */

.indexCollection .topGroupCaption {text-align:center; padding-bottom:15px;}
	.indexCollection .topGroupCaption a {font-size:22px; font-family:UbuntuRegular; }
.indexCollection .indexCollectionDescr {padding-bottom:10px;}
	.indexCollection .indexCollectionDescr .name a {font-size:22px; font-family:UbuntuRegular; color:#333; }
	.indexCollection .collectionSatus {padding-bottom:20px; margin-bottom:20px; border-bottom:1px dotted #ccc; }
	.indexCollection .collectionSatus .count {line-height:40px;}
	.indexCollection .collectionSatus .caption {font-family:UbuntuRegular; color:#333;}
	.indexCollection .collectionSatus .modelCount i {line-height:28px; display:inline-block; font-family:UbuntuRegular; color:#fff; padding:0 10px; background:#bbb; border-radius:3px; font-style:normal; margin-left:10px;}
	.indexCollection .collectionSatus .colorCount i {line-height:28px; display:inline-block; font-family:UbuntuRegular; color:#fff; padding:0 10px; background:#bbb; border-radius:3px; font-style:normal; margin-left:10px;}
	.indexCollection .collectionSatus .minCost {float:right; vertical-align:top; line-height:40px;}
	.indexCollection .collectionSatus .minCost .cost {font-family:UbuntuRegular; }
	.indexCollection .collectionSatus .minCost .cost span {line-height:28px; display:inline-block; font-family:UbuntuRegular; color:#fff; padding:0 10px; background:#bbb; border-radius:3px; margin-left:10px;}
	.indexCollection .collectionSatus .minCost a {display:inline-block; line-height:28px; font-family:UbuntuRegular; background:#ffe400; color:#000; font-size:15px; padding:0 15px; text-decoration:none; border-radius:3px; margin-left:15px;}
	.indexCollection .collectionSatus .minCost a:hover {background:#ffd800; }
#catalogCollectionAnons .goToFullCatalog {text-align:center;}
#catalogCollectionAnons .goToFullCatalog a {display:inline-block; line-height:40px; font-family:UbuntuRegular; background:#ffe400; color:#000; font-size:16px; padding:0 15px; text-decoration:none; border-radius:3px; box-sizing:border-box; margin-left:15px;}
#catalogCollectionAnons .goToFullCatalog a:hover {background:#ffd800; }


/* Список товаров в результатах фильтра */

.filterListControl {text-align:right; line-height:26px; padding-bottom:15px;}
	.filterListControl span {display:inline-block; margin-left:25px; position:relative; padding-left:28px; font-size:13px; font-family:UbuntuLightBold; color:#cacaca; cursor:pointer; text-transform:uppercase; letter-spacing:1px;}
	.filterListControl span i {display:block; position:absolute; left:0; top:2px; width:24px; height:23px; background:url('../img/icons.png') no-repeat 0 0; }
	.filterListControl #filterGroupBtn0 i {background-position:-344px -98px; }
	.filterListControl #filterGroupBtn0:hover i, .filterListControl #filterGroupBtn0.isCheck1 i {background-position:-318px -98px;}
	.filterListControl #filterGroupBtn0:hover, .filterListControl #filterGroupBtn0.isCheck1 {color:#333;}
	.filterListControl #filterGroupBtn1 i {background-position:-390px -98px; }
	.filterListControl #filterGroupBtn1:hover i, .filterListControl #filterGroupBtn1.isCheck1 i {background-position:-368px -98px;}
	.filterListControl #filterGroupBtn1:hover, .filterListControl #filterGroupBtn1.isCheck1 {color:#333;}

#filterResultList {padding:0;}
#filterResultList .catalogListData {padding:0;}
#filterResultList .costLineItems .catalogListData {padding-top:20px;}
.collectionGroup .catalogList {padding-top:25px;}
.collectionGroup .collectionName {font-size:24px; font-family:UbuntuLightBold; color:#333; padding-bottom:25px;}

.filterCostBannerSeparator {padding:0 5px 20px 5px; }
.collectionBanner {display:inline-block; margin-bottom:10px;}
img.collectionBanner {display:block; }

#catalogListCollection .collectionName {padding-bottom:0;}
#catalogListCollection .collectionBanner {margin-bottom:20px;}


/* Список цветов в категории товаров */

#categoryColorListData {position:relative; padding-bottom:30px;}
#colorListScroll {overflow-x:hidden; width:100%;}
#colorListData {white-space:nowrap; font-size:0; }
	#colorListData div {display:inline-block; width:62px; margin-right:10px; box-sizing:border-box; vertical-align:top;}
	#colorListData div:last-child {margin-right:0;}
	#colorListData div a {display:block; box-sizing:border-box; text-decoration:none; vertical-align:top;}
		#colorListData div a img {display:block; border:5px solid #ccc; max-width:100%; height:auto; box-sizing:border-box; }
		#colorListData div a span {display:block; font-size:11px; color:#333; white-space:normal; text-align:center; padding-top:4px; line-height:12px; max-width:100%; overflow:hidden;}
		#colorListData div:hover a img {border:2px solid #ccc;}
		#colorListData div:hover a span {color:#000;}

#categoryColorListData .control {display:none;}
#categoryColorListData.isScroll {padding-left:40px; padding-right:40px;}
#categoryColorListData.isScroll .control {display:block; width:30px; height:40px; position:absolute; top:10px; cursor:pointer; }
#categoryColorListData .control span {display:block; position:absolute; width:20px; height:20px; top:50%; margin-top:-10px; background:url('../img/icons.png') no-repeat 0 0; }
#categoryColorListData .control.prev {left:0;}
#categoryColorListData .control.prev span {left:0; background-position:-78px -168px;}
#categoryColorListData .control.prev:hover span {background-position:-78px -141px;}
#categoryColorListData .control.next {right:0; }
#categoryColorListData .control.next span {right:0; background-position:-97px -168px;}
#categoryColorListData .control.next:hover span {background-position:-97px -141px;}


/* Список товаров фурнитуры */

#catalogFurniture {padding-top:10px;}
#catalogFurnitureData {margin:0 -5px; font-size:0;}
	#catalogFurnitureData .item {width:25%; padding:0 5px 20px 5px; display:inline-block; box-sizing:border-box; margin-bottom:15px; vertical-align:top; border-bottom:1px dotted #ccc; }
	#catalogFurnitureData .item a {display:block; text-decoration:none; padding:10px; box-shadow:none; transition:0.2s; }
	#catalogFurnitureData .item a:hover {background:#fff; box-shadow:0 0 14px -5px rgba(0,0,0,0.2);}
		#catalogFurnitureData .item a .name {display:block; text-align:center; font-size:15px; color:#777; font-family:UbuntuRegular;}
		#catalogFurnitureData .item a:hover .name {color:#000;}
		#catalogFurnitureData .item a img {display:block; max-width:100%; height:auto;}

		#catalogFurnitureData .item a .cost {display:block; padding-top:5px; text-align:center;}
		#catalogFurnitureData .item a .cost .real {font-size:15px; font-family:UbuntuLightBold; color:#333;}
		#catalogFurnitureData .item a:hover .cost .real {color:#000;}
		#catalogFurnitureData .item a .cost .old {font-size:14px;}
		#catalogFurnitureData .item a .cost .old span {letter-spacing:-1px; text-decoration:line-through;}


/* Путь к странице карточки двери */

#pagePatch {line-height:16px; font-size:13px; padding-bottom:20px;}
#pagePatch a {display:inline-block; vertical-align:middle; height:18px; margin-right:5px;}
#pagePatch a.home {width:18px; height:14px; background:url('../img/icons.png') no-repeat -262px -54px; }
#pagePatch a.home:hover {background-position:-291px -54px; }
#pagePatch span.arrow {display:inline-block; vertical-align:middle; height:16px; width:14px; background:url('../img/icons.png') no-repeat -91px -54px; margin-right:5px; }
#pagePatch a.item {}
#pagePatch span.last {display:inline-block; height:18px; vertical-align:middle;}
#pagePatch a.return {margin-right:0; padding-left:20px; float:right; position:relative; font-size:16px;}
#pagePatch a.return span {display:inline-block; position:absolute; left:0; top:1px; height:16px; width:14px; background:url('../img/icons.png') no-repeat -173px -54px;}
#pagePatch a.return:hover span {background-position:-232px -54px;}


/* Карточка товара (дверь) */

#catalogItemCard {}
#catalogItemCardCols {width:100%; margin-bottom:20px;}
#leftCardCol {width:99%; padding-right:50px;}
#rightCardCol {width:1%;}

#cardImageData {padding:30px 20px; background:#f4f5f6; }
.tableCols2 {width:100%;}
	.tableCols2 .leftCol {width:50%; text-align:center;}
	.tableCols2 .rightCol {width:50%; text-align:center;}

#zoomFullImage {display:inline-block; vertical-align:top; position:relative; box-shadow:0 0 22px 6px rgba(100, 100, 100, 0.4);}
#zoomFullImage .iDiscount {display:block; position:absolute; right:0; top:0; width:47px; height:47px; background:url('../img/icons.png') no-repeat 0 -160px; z-index:110;}
#zoomFullImage .i360 {display:block; position:absolute; left:0; bottom:0; width:51px; height:51px; background:url('../img/icons.png') no-repeat 0 -50px; z-index:110;}
#zoomFullImage .iAl {display:block; position:absolute; left:0; bottom:0; width:51px; height:51px; background:url('../img/icons.png') no-repeat 0 -105px; z-index:110; }
#imageLoadingProcess {display:none; width:50px; height:50px; position:absolute; left:50%; top:50%; margin:-25px 0 0 -25px; background:rgba(255,255,255,0.85) url('../img/doorchange.gif') center center no-repeat; border-radius:5px; z-index:110;}

#catalogItemCard.isFurniture #cardImageData {padding:0; background:transparent;}
#catalogItemCard.isFurniture #zoomFullImage {box-shadow:none;}


.zoomPad {z-index:99; cursor:crosshair; position:relative;}
.zoomPup {overflow:hidden; background-color:#FFF; opacity: 0.6; position:absolute; z-index:101; cursor:crosshair; }
.zoomWindow {position:absolute; top:0; background:#FFF;  z-index:110; box-shadow:0 0 22px 6px rgba(100, 100, 100, 0.4); box-sizing:border-box;}
.zoomWrapper { position:relative; z-index:110; }
.zoomWrapperImage{ display:block; position:relative; overflow:hidden; z-index:110; }


.cgSelectorList {display:inline-block; width:80px; box-sizing:border-box; vertical-align:top; text-align:center;}
.cgSelectorList .caption {color:#9e9e9e; text-align:center; font-weight:bold; font-size:16px; height:20px;}
.cgListData {padding:32px 0; position:relative;}
.cgListData .control {display:none; width:40px; height:24px; position:absolute; left:20px; top:5px; cursor:pointer; }
.cgListData.showControltrue .control {display:block;}
.cgListData .control span {display:block; width:12px; height:6px; position:absolute; left:14px; top:10px; background:url('../img/icons.png') no-repeat -467px -1px;}
.cgListData .control:hover span {background-position:-440px -1px;}
.cgListData .control.bottom {top:auto; bottom:5px; }
.cgListData .control.bottom span {top:auto; bottom:10px; background-position:-467px -20px;}
.cgListData .control.bottom:hover span {background-position:-440px -20px;}
.cgListScroll {height:406px; width:58px; overflow-y:hidden; overflow-x:auto; display:inline-block;}
.cgListScroll .item { padding:5px; cursor:pointer; width:48px; height:48px;}
.cgListScroll .item img {width:100%; height:100%; display:block; border:1px solid #ccc; padding:2px; box-sizing:border-box; border-radius:100px;}
.cgListScroll .item:hover img {border:5px solid #a6a6a6; }
.cgListScroll .item.active img {border:5px solid #ffd800; }
#glassList .cgListScroll .item img {border-radius:0px;}


#cgHoverPopup {padding-left:30px; display:inline-block; z-index:10;}
#cgHoverPopupData {width:170px; box-shadow:0 0 22px 6px rgba(100, 100, 100, 0.4); background:#fff;}
	#cgHoverPopupData a {display:block; text-decoration:none; position:relative;}
	#cgHoverPopupData a img {display:block; max-width:100%; height:auto;}
	#cgHoverPopupData a span.zoom {display:block; position:absolute; width:30px; height:30px; right:10px; top:10px; background:url('../img/icons.png') no-repeat -335px -50px; }
	#cgHoverPopupData a:hover span.zoom {background-position:-390px -50px; }
	#cgHoverPopupData a span.name {display:block; position:absolute; left:10px; bottom:10px; padding:5px 10px; background:rgba(255,255,255,0.7); color:#000; max-width:150px; box-sizing:border-box; font-size:13px;}

#cardInfoData {width:500px; }
#cardInfoData h1 {font-size:26px; line-height:36px; }
#status360 {padding-left:42px; position:relative; color:#a29487; font-size:14px; line-height:18px; padding-bottom:15px;}
#status360 span {display:block; position:absolute; left:0; top:2px; width:32px; height:32px; background:url('../img/icons.png') no-repeat -452px -52px;}

#calcDataList {width:300px; padding-top:15px; padding-bottom:10px;}
#calcDataList .line {border-bottom:1px dotted #d0d0d0; height:20px; position:relative; margin-bottom:10px; font-size:14px;}
#calcDataList .line .caption {position:absolute; left:0; bottom:-2px; background:#fff; color:#898989; padding-right:3px;}

#calcDataList .line .value {position:absolute; right:0; bottom:-2px; background:#fff; padding-left:3px;}
#calcDataList .line .value .discount {color:#777; text-decoration:line-through; font-weight:normal;}
#calcDataList .line .value .bonus {display:block; position:absolute; top:-2px; right:-25px; width:21px; height:21px; }
#calcDataList .line .check {position:relative; padding-left:20px; cursor:pointer;}
	#calcDataList .line .check b {display:block; width:15px; height:14px; position:absolute; left:0px; top:2px; border:1px solid #cccccc; border-radius:2px; box-sizing:border-box; }
#calcDataList .line .check:hover {color:#333;}
	#calcDataList .line .check:hover b {border:1px solid #000; }
	#calcDataList .line .check.checked b {background:url("../img/icons.png") no-repeat -87px -90px; border:1px solid #fff; }
	#calcDataList .line .check.checked span {color:#000;}
#calcDataList .line .check.noevent {color:#333; cursor:default;}
#calcDataList .line .check.noevent b {border:1px solid #fff; }
#calcDataList .line .count {position:absolute; left:100%; top:3px; margin-left:10px; width:68px; height:20px;}
#calcDataList .line .count .minus {display:block; position:absolute; left:0; top:0; width:23px; height:20px; font-size:16px; font-family:UbuntuRegular; text-align:center; cursor:pointer;}
#calcDataList .line .count .plus {display:block; position:absolute; right:0; top:0; width:23px; height:20px; font-size:16px; font-family:UbuntuRegular; text-align:center; cursor:pointer;}
#calcDataList .line .count span:hover {color:#000;}
#calcDataList .line .count input {position:absolute; left:22px; top:0; width:21px; height:18px; border:1px solid transparent; border-radius:3px; text-align:center; font-size:12px; cursor:default;}
#calcDataList .line .count input {border:1px solid #cccccc;}
#calcDataList .line .count i {idsplay:inline-block; font-style:normal; position:absolute; top:0; right:2px;}
#calcDataList .line .count i {right:-20px;}

#calcDataList #winPorogData {display:none;}
#calcDataList #winAnimalData {display:none;}
#calcDataList i.win {display:block; font-style:normal; width:20px; height:20px; position:absolute; right:0; top:-1px; margin-right:-20px; border:1px solid #ccc; color:#ccc; background:#fff; border-radius:20px; text-align:center; line-height:18px; cursor:pointer; font-family:Tahoma; font-weight:bold; }
#calcDataList i.win:hover {color:#fff; background:#ebbc00; }


#partCalcData {padding-top:20px;}
#partCalcData .caption {font-size:22px; color:#656565; font-weight:bold;}
#partCalcData #setCalcPrice {color:#5fa02c; font-weight:bold; font-size:22px;}
#partCalcData #setCalcPrice span {font-size:26px;}
#partCalcData #setCalcDiscountPrice {font-weight:bold; color:#000; font-size:22px; text-decoration:line-through;}
#partCalcData #setCalcDiscountPrice.isHidetrue {display:none;}

#sendCalcForm {padding-top:10px;}
#sendCalcForm .text {font-size:14px; line-height:18px; color:#000;}
#sendCalcForm .resultText {font-size:16px; color:#5fa02c;}
#sendCalcForm input {background:#f3f3f3; color:#000; border-radius:5px; height:60px; width:210px; border:1px solid #f3f3f3; padding:0 10px; font-size:24px; }
#sendCalcForm input.error {background:#fff; border:1px solid red;}
#linkCalcDiscountCost {float:right; display:inline-block; font-family:UbuntuRegular; background:#ffe400; color:#000; font-size:21px; padding:0 20px; height:60px; line-height:60px; text-decoration:none; border-radius:4px; box-sizing:border-box; }
#linkCalcDiscountCost:hover {background:#ffd800; }


#costTotalResult {line-height:30px;}
#inBasketBlock {float:right;}
#inBasketBlock a {display:inline-block; height:22px; font-size:16px; padding-top:4px; padding-left:28px; position:relative; color:#ebbc00; font-weight:bold; text-decoration:none;}
	#inBasketBlock a span {display:block; position:absolute; left:0; top:10px; width:17px; height:16px;  background:url('../img/icons.png') no-repeat -236px -101px; }
#inBasketBlock a:hover {color:#000;}
	#inBasketBlock a:hover span {background-position:-279px -101px;}







#infoLinksBlock {width:100%; padding-top:30px; font-size:15px;}
	#infoLinksBlock .left {float:left; width:50%;}
	#infoLinksBlock .right {float:left; width:50%;}
#goodProgramm {display:inline-block; padding-left:50px; position:relative; line-height:18px;}
#goodProgramm span {display:block; position:absolute; left:0; top:3px; width:33px; height:31px; background:url('../img/icons.png') no-repeat -131px -91px; }
#goToActions {display:inline-block; padding-left:32px; position:relative; line-height:18px;}
#goToActions span {display:block; position:absolute; left:0; top:10px; width:19px; height:19px; background:url('../img/icons.png') no-repeat -190px -100px; }

#calcWindowPart {width:600px; padding:30px 20px;}
#calcWcols {width:480px; margin:0 auto; padding:10px; margin-bottom:15px;}
#calcWcols .caption {font-size:14px; color:#777; }
	#calcWcols .caption span {font-weight:bold; font-size:16px;}
	#calcWcols .cost {font-size:46px; color:#ccc; }
#calcWcols .left {width:50%; display:inline-block; vertical-align:top; text-align:center;}
#calcWcols .right {width:50%; display:inline-block; vertical-align:top; text-align:center;}
	#calcWcols .right .cost {color:#333; font-family:UbuntuRegular; }
#calcWindowPart .text {padding-bottom:5px; text-align:center;}
#calcWindowPart .text.bold {font-weight:bold;}
#calcWindowPart .input {text-align:center;}
#calcWindowPart .input input {border:1px solid #ccc; padding:10px 0px; width:240px; text-align:center; margin:10px 0 20px 0; border-radius:5px; font-size:22px;}
#calcWindowPart .input input.error {border:1px solid red; }
#calcWindowPart .input .send {display:inline-block; border:none; cursor:pointer; font-family:UbuntuRegular; background:#ffe400; color:#000; font-size:21px; padding:0 20px; height:60px; line-height:60px; text-decoration:none; border-radius:4px; box-sizing:border-box;}
#calcWindowPart .input .send:hover {background:#ffd800;}

#glassCountText {padding-top:30px; font-size:14px; }
	#glassCountText * {line-height:normal;}


#catalogItemCard.isFixed #cardFixedContainer {position:fixed; top:54px; background:#fff; padding:20px 0 15px 0; z-index:1; width:500px; }

/* Табы в карточке товара */

#cardBottomContent {padding-right:550px;}

.cardTabsLinks {font-size:0; }
	.cardTabsLinks a {display:inline-block; line-height:40px; padding-right:30px; font-size:19px; text-decoration:none; color:#aaa; position:relative; font-family:RobotoSlabLight;}
	.cardTabsLinks a.active {color:#000; font-weight:bold; }
	.cardTabsLinks a:hover {color:#000;}
			
.cardTabsData {padding-bottom:15px; padding-top:15px; margin-bottom:15px;}
	.cardTabsData div.tabData {display:none;}
		.cardTabsData div.tabData.active {display:block;}


/* Слайдер галереи */
.textstyle .jcarousel-wrapper { margin:0px auto; position:relative; }
.textstyle .jcarousel-wrapper.isSlidertrue { margin:0px 30px;}
.textstyle .jcarousel {position:relative; overflow:hidden; width:100%; }
.textstyle .jcarousel ul { width:100%; position:relative; list-style:none; margin:0; padding:0;}
.textstyle .isSlidertrue .jcarousel ul { width:20000em; }
.textstyle .jcarousel li {width:20%; float: left; border:2px solid #fff; box-sizing: border-box; }
.textstyle .isSlidertrue .jcarousel li {width: 135px; float: left; border:2px solid #fff; box-sizing: border-box; }
.textstyle .jcarousel img { display: block; max-width:100%; height:auto; }
.textstyle .jcarousel-control-prev,
.textstyle .jcarousel-control-next {display:none; position:absolute; top:50%; margin-top:-15px; width:30px; height:30px; text-align:center; text-decoration: none; }
.textstyle .jcarousel-control-prev span,
.textstyle .jcarousel-control-next span {display:block; position:absolute; top:50%; left:50%; margin:-6px 0 0 -3px; width:6px; height:12px; background:url('../img/icons.png') no-repeat -85px -172px; }
.textstyle .jcarousel-control-prev:hover span {background-position:-85px -145px;}
.textstyle .jcarousel-control-next span {background-position:-104px -172px; }
.textstyle .jcarousel-control-next:hover span {background-position:-104px -145px; }
.textstyle .isSlidertrue .jcarousel-control-prev,
.textstyle .isSlidertrue .jcarousel-control-next {display:block;}
.textstyle .jcarousel-control-prev {left:-30px;}
.textstyle .jcarousel-control-next {right:-30px;}

#cardGalleryWindowText {padding:10px 15px; position:absolute; left:0; bottom:0; width:100%; box-sizing:border-box; color:#fff; background:rgba(0,0,0,0.7);}
#cboxLoadedContent #cardGalleryWindowText * {padding:0; margin:0; font-size:15px;}
#cboxLoadedContent #cardGalleryWindowText .goLink a:hover {color:#fff;}


/* Корзина */

#basketItemTable {width:100%;}
#basketItemTable th {font-family:UbuntuLightBold; color:#333; font-weight:normal; text-align:center; padding:5px 10px; }
#basketItemTable th.thBox {text-align:left; }
#basketItemTable td {text-align:center; padding:15px 10px; border-bottom:1px dotted #c9ccd1; vertical-align:middle;}
#basketItemTable td.tdImage {width:1%;}
#basketItemTable td.tdImage img {min-width:100px; display:block;}
#basketItemTable th.thName {text-align:left;}
#basketItemTable td.tdName {text-align:left;}
#basketItemTable td.tdName a {text-decoration:none; }
#basketItemTable td.tdBox {text-align:left;}
#basketItemTable td.tdBox div {max-width:320px;}
#basketItemTable td.tdBox div span {float:right;}
#basketItemTable td.tdAction {width:1%;}
#basketItemTable td.tdAction a {display:inline-block; width:30px; height:30px; background:url('../img/icons.png') no-repeat -126px -134px; }
#basketItemTable td.tdAction a:hover {background-position:-164px -134px; }
#basketItemTable .checkbox input { display:none; }
#basketItemTable .checkbox label { position:relative; display:inline-block; padding-left:20px; line-height:18px;}
#basketItemTable .checkbox label i { display:block; width:15px; height:14px; position:absolute; left:0px; top:3px; border:1px solid #cccccc; border-radius:2px; box-sizing:border-box; }
#basketItemTable .checkbox label:hover i { border:1px solid #000; }
#basketItemTable .checkbox input:checked + label i { background:url("../img/icons.png") no-repeat -87px -90px; border:1px solid #fff; }
#basketItemTable .tdCount .count {width:90px; height:28px; position:relative;}
#basketItemTable .tdCount .count .minus {position:absolute; left:0; top:0; width:23px; height:28px; line-height:24px; font-size:16px; font-family:UbuntuRegular; text-align:center; cursor:pointer;}
#basketItemTable .tdCount .count .plus {position:absolute; right:0; top:0; width:23px; height:28px; line-height:24px; font-size:16px; font-family:UbuntuRegular; text-align:center; cursor:pointer;}
#basketItemTable .tdCount .count span:hover {color:#000;}
#basketItemTable .tdCount .count input {position:absolute; left:50%; margin-left:-20px; top:0; width:40px; height:28px; border-radius:3px; text-align:center; cursor:default; border:1px solid #cccccc; box-sizing:border-box;}

#totalBasketSumm {padding-top:15px; text-align:right;}
#totalBasketSumm .deliveryCost {font-family:UbuntuLightBold;}
#totalBasketSumm .deliveryInfo {font-size:14px;}
#totalBasketSumm .discount {font-family:UbuntuLightBold;}
#totalBasketSumm .totalSumm {font-family:UbuntuLightBold; font-size:32px; color:#333; padding-top:20px;}
	#totalBasketSumm .totalSumm span { font-size:40px;}


/* Формы */
.stdFormTable {margin-bottom:20px;}
.stdFormTable .stdFormCaption {width:240px; padding-top:15px;}
.stdFormTable .stdFormCaption .required {color:red;}
.stdFormTable .stdFormInput {padding:10px 0 0 20px;}
.stdFormTable .stdFormInput .lgs_input, .stdFormTable .stdFormInput .lgs_textarea {width:100%; min-width:600px; padding:5px 10px; border:1px solid #cccccc; border-radius:3px; box-sizing:border-box; resize:none;}
.stdFormTable .stdFormErrorMsg {font-size:13px; color:red;}

#sendOrderButton {margin-top:20px; display:inline-block; font-family:UbuntuRegular; background:#ffe400; color:#000; font-size:21px; padding:0 20px; height:60px; line-height:60px; text-decoration:none; border-radius:4px; box-sizing:border-box; }
#sendOrderButton:hover {background:#ffd800; }

.stdFormSubmitBlock {padding:15px 0 30px 0;}
.stdFormSubmitBlock .lgs_submitClass {display:inline-block; font-family:UbuntuRegular; background:#ffe400; color:#000; font-size:21px; padding:0 20px; height:60px; line-height:60px; text-decoration:none; border-radius:4px; box-sizing:border-box; border:none; cursor:pointer;}
.stdFormSubmitBlock .lgs_submitClass:hover {background:#ffd800; }


/* Простой слайдер */
.textstyle .standartSlider { margin:0px auto; position:relative; }
.textstyle .standartSlider.isSlidertrue { margin:0px 30px;}
.textstyle .stdSlider {position:relative; overflow:hidden; width:100%; }
.textstyle .stdSlider ul { width:100%; position:relative; list-style:none; margin:0; padding:0;}
.textstyle .isSlidertrue .stdSlider ul { width:20000em; }
.textstyle .stdSlider li {width:20%; float: left; border:2px solid #fff; box-sizing: border-box; }
.textstyle .isSlidertrue .stdSlider li {width: 135px; float: left; border:2px solid #fff; box-sizing: border-box; }
.textstyle .stdSlider img { display: block; max-width:100%; height:auto; }
.textstyle .standartSlider .stdSliderPrev,
.textstyle .standartSlider .stdSliderNext {display:none; position:absolute; top:50%; margin-top:-15px; width:30px; height:30px; text-align:center; text-decoration: none; }
.textstyle .standartSlider .stdSliderPrev span,
.textstyle .standartSlider .stdSliderNext span {display:block; position:absolute; top:50%; left:50%; margin:-6px 0 0 -3px; width:6px; height:12px; background:url('../img/icons.png') no-repeat -85px -172px; }
.textstyle .standartSlider .stdSliderPrev:hover span {background-position:-85px -145px;}
.textstyle .standartSlider .stdSliderNext span {background-position:-104px -172px; }
.textstyle .standartSlider .stdSliderNext:hover span {background-position:-104px -145px; }
.textstyle .standartSlider.isSlidertrue .stdSliderPrev,
.textstyle .standartSlider.isSlidertrue .stdSliderNext {display:block;}
.textstyle .standartSlider .stdSliderPrev {left:-30px;}
.textstyle .standartSlider .stdSliderNext {right:-30px;}



/* Таймер акций */

#timerDataObj {width:100%; height:280px; margin:0 auto; background:#f4f5f7; border-radius:3px; border:1px solid #c9ccd1; position:relative; box-sizing:border-box; margin-bottom:30px;}
#actionTimerContainer .timeEndCaption {font-size:24px; color:#333; position:absolute;  top:40px;}
#actionTimerContainer .minCaption {font-size:16px; font-weight:bold; color:#333; position:absolute;}
#actionTimerContainer.type1 .timeEndCaption {left:110px; }
#actionTimerContainer.type1 #timeContainer {position:absolute; left:70px; top:100px;}
#actionTimerContainer.type1 .cD {display:none;}
#actionTimerContainer.type1 .cH {left:110px; top:200px;}
#actionTimerContainer.type1 .cM {left:232px; top:200px;}
#actionTimerContainer.type1 .cS {left:358px; top:200px;}

#actionTimerContainer.type2 #timeContainer {position:absolute; left:50px; top:100px;}
#actionTimerContainer.type2 .timeEndCaption {left:150px;}
#actionTimerContainer.type2 .cD {left:95px; top:200px;}
#actionTimerContainer.type2 .cH {left:214px; top:200px;}
#actionTimerContainer.type2 .cM {left:336px; top:200px;}
#actionTimerContainer.type2 .cS {left:462px; top:200px;}

#actionTimerContainer.type3 .timeEndCaption {left:140px; }
#actionTimerContainer.type3 #timeContainer {position:absolute; left:170px; top:100px;}
#actionTimerContainer.type3 .cCount {left:160px; top:200px;}

#actionSendForm .loading {display:none; position:absolute; right:50px; top:50px; background:#fff url('../img/doorchange.gif') no-repeat center 50px; font-size:14px; color:#333; width:240px; height:75px; padding-top:100px; text-align:center;}
#actionSendForm .sendOk {display:none; position:absolute; right:50px; top:50px; background:#fff; font-size:14px; color:#333; width:200px; height:125px; padding:40px 20px 10px 20px; text-align:center;}
#actionSendForm .isName { position:absolute; right:50px; top:50px; background:#fff; font-size:18px; color:#333; width:216px; height:36px; line-height:34px; padding:0 10px; border:2px solid #fff; }
#actionSendForm .isPhone { position:absolute; right: 50px; top:110px; background: #fff; font-size:18px; color:#333; width:216px; height:36px; line-height:34px; padding:0 10px; border:2px solid #fff; }
	#actionSendForm .isNameError {border:2px solid red;}
	#actionSendForm .isPhoneError {border:2px solid red;}
#actionSendForm .isButton {position:absolute; right:50px; top:185px; border:none; background:#ffe400; font-size:16px; color:#000; width:240px; height:40px; line-height:38px; padding:0 10px; cursor:pointer;}
#actionSendForm .isButton:hover {background:#ffd800;}

/* Галерея работ */

#galleryListData {font-size:0; margin:0 -10px;}
#galleryListData .item {display:inline-block; width:20%; padding:0 10px 20px 10px; box-sizing:border-box; vertical-align:top;}
	#galleryListData .item img {display:block; }
	#galleryListData .item .name {display:block; font-size:16px; font-family:UbuntuRegular; text-align:center; padding-top:5px; height:42px;}



/* Новости */
#newsListData {}
	#newsListData .item {padding-bottom:15px; margin-bottom:15px; border-bottom:1px dotted #ccc;}
	#newsListData .item .date {display:block; }
	#newsListData .item table {width:100%; margin-top:10px;}
	#newsListData .item table td {vertical-align:top;}
	#newsListData .item table .image {width:1%; padding-right:30px;}
	#newsListData .item table .image img {min-width:120px;}
	#newsListData .item table .anons {width:100%;}

.paginatesBlock {padding-top:20px;}
	.paginatesBlock a {display:inline-block; min-width:24px; line-height:28px; text-align:center; color:#fff; text-decoration:none; background:#993300; padding:0 3px; margin-right:5px;}
	.paginatesBlock a:hover {background:#0072c2;}
	.paginatesBlock a.active {background:#0072c2;}


/* Окно */
#windowContent {padding:0 15px;}
#windowContent .stdFormTable {width:100%;}
#windowContent .stdFormTable .stdFormCaption {width:180px; }
#windowContent .stdFormTable .stdFormInput .lgs_input, #windowContent .stdFormTable .stdFormInput .lgs_textarea {min-width:100%;}
#windowContent .stdFormSubmitBlock {padding:15px 0 0 0;}
#windowContent .stdFormTable .stdFormErrorMsg {font-size:13px;}




#topContainerData {padding-bottom:40px;}
#pageDataContent {position:relative; padding-top:15px;}
#leftSide {width:300px; float:left; padding-right:50px; position:relative; z-index:2;}
#leftSide.isFixed {position:fixed;}
#leftSideData {position:relative;}
#rightSide {padding-left:350px; position:relative; z-index:1;}
	#rightSide.isLeftfalse {padding-left:0;}

#pageContent { /* float:left; */ }
.isLeftfalse #pageContent {float:none;}
#bottomContainerData {padding-top:35px;}




.textstyle h1, .textstyle .h1 {color:#353535; font-size:32px; font-family:'RobotoSlabBold'; line-height:40px; margin:0; padding:0 0 15px 0; font-weight:normal;}
.textstyle h2 {color:#353535; font-size:26px; font-family:UbuntuRegular; line-height:32px; margin:0; padding:0 0 15px 0; font-weight:normal;}
.textstyle h3, .textstyle .h3 {color:#353535; font-size:24px; font-family:UbuntuRegular; line-height:28px; margin:0; padding:0 0 10px 0; font-weight:normal;}
.textstyle h4, .textstyle .h4 {color:#353535; font-size:18px; font-family:UbuntuRegular; line-height:22px; margin:0; padding:0 0 10px 0; font-weight:normal;}
.textstyle p {padding-bottom:8px; line-height:22px;}
.textstyle ul, .textstyle ol {padding-bottom:10px; margin:0;}
.textstyle ul {padding-left:20px;}
.textstyle ul li, .textstyle ol li {padding-bottom:6px; margin:0; list-style-position:inside; line-height:22px;}
.textstyle ul li:last-child, .textstyle ol li:last-child {padding-bottom:0px;}
.textstyle img {max-width:100%; height:auto;}
.textstyle table {max-width:100%; }
.textstyle strong, .textstyle b {font-family:UbuntuLightBold; color:#333; font-weight:normal;}

.textstyle .colorTable {width:100%; margin-bottom:10px;}
.textstyle .colorTable td {border:1px solid #c9ccd1; padding:10px 15px; }
.textstyle .colorTable thead td, .colorTable thead th {background:#f4f5f7; text-align:center; color:#333; font-family:UbuntuRegular; }

.textstyle .blueTextBlock {width:100%; box-sizing:border-box; background:#f4f5f7; border-radius:5px; border:1px solid #c9ccd1; padding:15px; margin:5px 0 10px 0;}
	.textstyle .blueTextBlock table {width:100%;}
		.textstyle .blueTextBlock table td {vertical-align:middle; }
		.textstyle .blueTextBlock table td img {min-width:100px;}


#personal img {width:174px; height:auto; max-height:220px; }
#personal p { text-align:center; }
#personal td { text-align:center; width:16.66%;}




#cboxLoadedContent {}
#cboxLoadedContent .textstyle {padding:0 15px 15px 15px;}
#cboxLoadedContent * {font-size:15px;}
#cboxLoadedContent h1 {font-size:28px; line-height:40px;}
#cboxLoadedContent h2 {font-size:24px; line-height:32px;}
#cboxLoadedContent h3 {font-size:20px; line-height:24px;}
#cboxLoadedContent p {padding-bottom:6px; line-height:20px;}
#cboxLoadedContent ul li, #filterHelpWindow ol li {line-height:20px;}











#footerProtect {height:110px; clear:both;}
#footer {height:80px; margin:-80px auto 0 auto; width:100%; position:relative; }
#footerData {display:table; box-sizing:border-box; border-top:1px solid #cccccc; width:100%; height:100%;}
#footerData .col {display:table-cell; width:50%; vertical-align:middle; font-size:13px;}
#footerData .col.right {text-align:right;}
#footerData .col a {color:#6e6e6e;}
#footerData .col a:hover {color:#000;}


#NYBannerData {position:relative; }
#NYBannerData img {width:980px; height:500px; }
#NYBannerData input {position:absolute; right:230px; bottom:30px; text-align:center; border:1px solid #bbb; border-radius:4px; height:40px; padding:0 10px; width:260px; box-sizing:border-box; vertical-align:top; font-size:18px; color:#6e6e6e; }
#NYBannerData input.isError {border:1px solid red; color:red;}
#NYBannerData a {position:absolute; right:25px; bottom:30px; display:inline-block; background:#ffe400; color:#000; font-size:14px; padding:0 25px; height:40px; line-height:40px; vertical-align:top; text-decoration:none; border-radius:4px; box-sizing:border-box; }
#NYBannerData a:hover {background:#ffd800; }

#NYBannerFormResult {display:none; position:absolute; right:30px; bottom:30px;}



#selectPayTypeData .stdFormInput {padding-left:0;}
#selectDelivTypeData .stdFormInput {padding-left:0;}
#deliveryAddressData .stdFormInput {padding-left:0;}
#dAddressData .stdFormInput {padding-left:0;}
#basketOrderFormData .radioData .radioItem {display:inline-block; margin-right:30px; position:relative; padding-left:30px; cursor:pointer; padding-bottom:5px;}
#basketOrderFormData .radioData .radioItem div {border:2px solid #ccc; width:16px; height:16px; border-radius:100px; position:absolute; left:0; top:0; }
#basketOrderFormData .radioData .radioItem div.checked:before {content:""; width:10px; height:10px; background:#777; position:absolute; left:3px; top:3px; border-radius:100px;}
#basketOrderFormData .radioData .radioItem span { line-height:20px; white-space:nowrap;}
#basketOrderFormData .radioData .radioItem:hover span { color:#000; }


#cardChangeVariantList {box-sizing:border-box; font-size:0;}
#cardChangeVariantList .caption {font-size:19px; font-weight:bold; padding-top:10px; font-family:RobotoSlabLight; color:#000; }
#cardChangeVariantList .item {display:inline-block; width:20%; text-align:center; vertical-align:top; margin-top:15px;}
#cardChangeVariantList .item a {display:block; text-decoration:none; opacity:0.3; color:#000; }
#cardChangeVariantList .item a img {display:block; margin:0 auto; width:auto; height:35px;}
#cardChangeVariantList .item a span {display:block; margin:0 auto; max-width:100px; text-decoration:none; text-align:center; font-size:14px;}
#cardChangeVariantList .item.active a {opacity:1;}
#cardChangeVariantList .item:hover a {opacity:1;}