/* CSS Document */

.navbar-brand	{ padding: 15px 15px 15px 0;}
.navbar-brand > img { max-width: 260px;}

.home-off #Slider { display: none;}
#Slider { overflow: hidden; position: relative;}
#Slider .container { width: 100%; padding: 0;}
#Slider, #Slider .carousel, #Slider .carousel-inner { height: 50vh;}
#Slider .carousel-inner .item { height: 100%; background-color: #ccc;/* background: #11998e; background: -webkit-linear-gradient(to bottom, #38ef7d, #11998e); background: linear-gradient(to bottom, #38ef7d, #11998e);*/}
#Slider .carousel-inner .item img { transform: translateY(-50%); top: 50%; position: relative;}
#Slider .carousel-caption { top: 45%; transform: translateY(-50%); text-align: left; max-width: 500px;}
#Slider h1, #Slider .h1 { font-size: 50px; color: #fff; line-height: 1;}

@media screen and (max-width: 991px) {
	.carousel-caption p { display: block;}
}

#Billboard { background: #DA4453;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #89216B, #DA4453);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #89216B, #DA4453); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	height: 45vh; min-height: 350px; position: relative;}
.jumbotron { background-color: transparent; position: relative; height: 100%;}
.jumbotron .container { position: relative; top: 50%; transform: translateY(-50%);}
.jumbotron .h1 { color: #fff; line-height: 1em; font-size: 40px;}

.home-off #Billboard { height: 200px; min-height: 200px;}

ul.folders ul { background-color: transparent !important; position: static; display: block; padding: 0 0 0 15px !important; width: 100%;}
ul.folders ul li a { font-weight: bold;}
ul.folders ul ul li a { font-weight: normal;}
ul.folders li:hover a { background-color: rgba(0,0,0,0) !important;}
ul.folders li:hover ul, ul.folders li:hover ul ul, ul.folders li:hover ul ul ul	{ display: block !important;}

ul.ajax_folders { margin-left: -30px;}
ul.ajax_folders ul { margin-left: -20px; margin-bottom: -1px;}

ul.ajax_folders li { border-bottom: 1px solid #ccc; list-style: none;}
ul.ajax_folders ul li { border-bottom: 1px dotted #ccc; list-style: none;}
ul.ajax_folders ul ul li { border-bottom: 1px dotted #ccc; list-style: disclosure-closed;}
ul.ajax_folders ul ul ul li { border-bottom: 1px dotted #ccc; list-style: disc;}

ul.ajax_folders li a { display: inline-block; padding: 0.5em 0; font-weight: bold;}
ul.ajax_folders ul li a { color: #000; font-weight: normal;}
ul.ajax_folders ul ul li a { color: #B53471; font-weight: normal; display: inline-block; padding: 0.5em 0;}
ul.ajax_folders ul ul ul li a { color: #333; font-weight: normal; display: inline-block; padding: 0.5em 0;}

ul.ajax_folders li a.pull-right { padding: .1em !important; font-size: 1.3em;}


.window.page .item_container { margin: -50px 0 30px; background: #DA4453; background: -webkit-linear-gradient(to right, #89216B, #DA4453); background: linear-gradient(to right, #89216B, #DA4453); position: relative; color: rgba(255,255,255,.9); transition: all .75s ease-in-out; height: 30vh; min-height: 200px; max-height: 400px;}
.window.page .item_container .imgHolder { width: 100%; height: 0; float: none; overflow: hidden; position: absolute; padding-bottom: 100%;}
.window.page .item_container .imgHolder img { opacity: .2; transform: translateY(-50%) scale(1.5); filter: grayscale(1); position: absolute; top: 50%; left: 0;}
.window.page .item_container:hover .imgHolder img { opacity: .3; transform: translateY(-50%) scale(1.6); filter: grayscale(.7);}

.window.page .item_container .txtHolder { height: 100%;}
.window.page .item_container .txtHolder h2 { color: #fff; font-size: 2.25em; margin: 20px 20px 50px; position: relative;}
.window.page .item_container .txtHolder h2:after { width: 50px; height: 2px; position: absolute; background: #fff; content: ""; top: 130%; left: 50%; margin-left: -25px;}
.window.page .item_container .txtHolder p { font-size: 16px;}
/*.window.page .item_container .txtHolder .btn-primary { background-color: #be995a; border: transparent;}*/

.main.product .foldersList #ProductCatalog .item_container { margin: 0px 5px 10px; background: #DA4453; background: -webkit-linear-gradient(to right, #89216B, #DA4453); background: linear-gradient(to right, #89216B, #DA4453); position: relative; color: rgba(255,255,255,.9); transition: all .75s ease-in-out; box-shadow: 0 0 0 2px #89216B; overflow: hidden; padding: 0;}
.main.product .foldersList #ProductCatalog .item_container .imgHolder { width: 100%; height: 0; float: none; overflow: hidden; position: absolute; padding-bottom: 100%; top: 50%; transform: translateY(-50%);}
.main.product .foldersList #ProductCatalog .item_container .imgHolder img { opacity: .2; transform: translateY(-50%) scale(.75); filter: grayscale(1); position: absolute; top: 50%; left: 0;}
.main.product .foldersList #ProductCatalog .item_container:hover .imgHolder img { opacity: .3; transform: translateY(-50%) scale(1.6); filter: grayscale(.7);}

.main.product .foldersList #ProductCatalog .item_container .txtHolder { height: 100%; padding: 0 15px;}
.main.product .foldersList #ProductCatalog .item_container .txtHolder h4 { color: #fff; position: relative;}
.main.product .foldersList #ProductCatalog .item_container .txtHolder h4 a { color: #fff;}

.foldersList #ProductCatalog div.item_container { width: 23.8% !important; height: 5em !important; padding: 0 15px;}

@media screen and (max-width: 991px) {
.foldersList #ProductCatalog div.item_container { width: 32% !important; height: 5em !important;}
}
@media screen and (max-width: 768px) {
.foldersList #ProductCatalog div.item_container { width: 47% !important; height: 5em !important;}
.window.page .item_container { margin: 30px 0; height: auto;}

}
/*.foldersList #ProductCatalog div.item_container .imgHolder { display: none;}*/
.foldersList #ProductCatalog div.item_container .txtHolder { height: auto;  text-align: left;}

.window.product .item_container, .main.product .item_container { margin-bottom:  30px; padding: 15px; border: 1px solid #dadada;}
.main.product .item_container { height: 27em;}

/* Ads */

#AdsPartner { padding: 40px 0; border-top: 1px solid #ccc;}
#AdsPartner div.type_4, #AdsPartner div.type_6, #AdsPartner div.type_7, #AdsPartner div.type_10, #AdsPartner div.type_13, #AdsPartner div.type_14, #AdsPartner div.type_15 { display: inline-block; width: auto; margin: 0; background: none;}

#AdsPartnerCol2 { margin: 30px 0;}
#AdsPartnerCol2 { margin: 20px 0;}
#AdsPartnerCol2, #AdsPartnerCol3 { margin-bottom: 40px;}

#AdsPartner div.type_4 img { max-height: 30px; margin: 15px 20px;}
#AdsPartner div.type_13 img { max-height: 60px; margin: 15px 20px;}
#AdsPartner div.type_14 img { max-height: 35px; margin: 15px 20px;}
#AdsPartner div.type_15 img { max-height: 30px; margin: 15px 20px;}

#AdsPartner div.type_4 img, #AdsPartner div.type_6 img, #AdsPartner div.type_7 img, #AdsPartner div.type_10 img, #AdsPartner div.type_13 img, #AdsPartner div.type_14 img, #AdsPartner div.type_15 img	{ filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: grayscale(100%); -webkit-filter: grayscale(100%); transition: all 0.5s ease 0s; opacity: .75;}
#AdsPartner div.type_4 img:hover, #AdsPartner div.type_6 img:hover, #AdsPartner div.type_7 img:hover, #AdsPartner div.type_10 img:hover, #AdsPartner div.type_13 img:hover, #AdsPartner div.type_14 img:hover, #AdsPartner div.type_15 img:hover, #AdsPartner.no-filter div.type_4 img	{ filter: none; -webkit-filter: none; transition: all 0.5s ease 0s; opacity: 1;}