﻿@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,400italic,600italic|Ubuntu:400,500,700);

/* GENERAL TAGS */

body {
	min-height: 100%;
	font-size: 14px;
}

.content button > i,
h1 > i,
h2 > i,
h3 > i,
h4 > i {
	vertical-align: middle;
	margin-right: 5px;
	display: inline-block;
}

.content button > i + span,
h1 > i + span,
h2 > i + span,
h3 > i + span,
h4 > i + span {
	display: inline-block;
	vertical-align: middle;
}

/* HEADER BLOCK */

	.header {
		margin: 1.75em 0 0.25em 0;
	}

		.header .logo {
			background-image: url(../img/victor-logo-b.svg);
			background-repeat: no-repeat;
			background-size: 100% auto;
			background-position: top left;
			display: inline-block;
			overflow: hidden;
			padding-top: 5.35em;
			min-width: 18em;			
		}

			.header .logo h1 {
				display: none;
			}

			.header .logo .slogan {
				font-family: 'Source Sans Pro', sans-serif;
				text-transform: uppercase;
				display: inline-block;
				letter-spacing: 0.3em;
				background-color: #fff;
				font-size: 1.1em;
				padding: 0.025em 0 0.1em 0;
				position: relative;
				color: #000;
			}

				.header .logo .slogan:before {
					content: "";
					position: absolute;
					left: 0;
					bottom: 0;
					width: 100%;
					height: 100%;
					border-radius: 40%;
					background-color: #fff;
					box-shadow: 0 0 4px #ccc;
					z-index: -1;
				}

		.header .top-navi {
			padding: 0;
			margin: 0;
			list-style: none;
		}

			.header .top-navi li {
				display: inline-block;
				vertical-align: middle;
				font-family: 'Source Sans Pro', sans-serif;
				margin: 0 0.35em;
			}

			.header .top-navi li:last-child {
				margin-right: 0;
			}

			.header .top-navi li > div {
				text-align: left;
				margin-top: 1em;				
				font-size: 1.1em;
				color: #428bca;
			}

			.header .top-navi li > div > i {
				color: #428bca;
			}

			.header .top-navi li > div > a {
				color: #428bca;
				float: none !important;
				font-size: 1.1em;
				font-weight: bold;
			}

			.header .top-navi li.phone > i {
				display: inline-block;
				vertical-align: middle;
				font-size: 0.75em;
				margin-bottom: 0.275em;
				margin-right: 0.25em;
			}

			.header .top-navi li.phone > a {
				border-bottom: none;
			}

			.header .top-navi button {
				padding: 6px 9px;
				font-size: 11px;
				line-height: 1.25;
				background-color: #f57f20;
				margin-right: 0;
				color: #fff;
			}

			.header .top-navi .input-search {
				border: none;
				border-radius: 4px 0 0 4px;
				background-color: #eee;
				padding: 0.3em 0 0.45em 0.75em;
				color: #000;
				width: 220px;
				background-image: -o-linear-gradient(right, #ddd 0%, #FFFFFF 100%);
				background-image: -moz-linear-gradient(right, #ddd 0%, #FFFFFF 100%);
				background-image: -webkit-linear-gradient(right, #ddd 0%, #FFFFFF 100%);
				background-image: -ms-linear-gradient(right, #ddd 0%, #FFFFFF 100%);
				background-image: linear-gradient(to right, #ddd 0%, #FFFFFF 100%);
			}

	.menu-top {
		background-color: #f57f20;
		border-bottom: 3px solid #fff;
		position: relative;
		min-height: 5px;
	}
		.menu-top:before {
			content: "";
			position: absolute;
			left: 5%;
			bottom: 0.5em;
			width: 90%;
			height: 1em;
			border-radius: 50%;
			background-color: #fff;
			box-shadow: 0 0 3em #000;
			z-index: -1;
		}

		.menu-top .nav > li {
			text-transform: uppercase;
			font-weight: bold;
			font-size: 1.1em;
		}

			.menu-top .nav > li > a {
				padding: 0.5em 1.25em;
				font-family: 'Source Sans Pro', sans-serif;
				text-shadow: none;
				color: #fff;
			}

		.menu-top .nav > li > a > .caret { margin-bottom: .135em; }


		.menu-top .nav > li:first-child > a { padding-left: 0; }
		.menu-top .nav > li:last-child > a { padding-right: 0; }

		.menu-top li.dropdown:hover .dropdown-menu {
			display: block;
		}

		.menu-top .dropdown-menu {
			border: none;
			border-radius: 0 0 5px 5px;
			padding: 0 10px 15px 10px;
		}

			.menu-top .dropdown-menu li {
				text-transform: none;
				font-family: 'Source Sans Pro', sans-serif;
			}

			.menu-top .dropdown-menu li:last-child {
				margin-right: 0;
			}

			.menu-top .dropdown-menu li > h2 {
				font-size: 1.5em;
				line-height: 0.75em;
				text-transform: uppercase;
				color: #f57f20;
			}

				.menu-top .dropdown-menu li > h2 > a {
					color: #f57f20;
					text-decoration: none;
				}

		.menu-top .nav > li > a,
		.menu-top .nav > li > a:hover,
		.menu-top .nav > li > a:focus {
			text-decoration: none;
			background-color: transparent !important;
		}

		.navbar-toggle {
			margin: 2px 0 2px 0;
			padding: 0;
		}

		.navbar-toggle .icon-bar {
			background-color: #f57f20;
			height: 3px;
		}

	.offer {
		background-color: #eee;
		min-height: 2em;
		border-bottom: 3px solid #fff;
		margin-top: -2px;
		position: relative;
	}

		.offer:before {
			content: "";
			position: absolute;
			left: 5%;
			bottom: 0.5em;
			width: 90%;
			height: 2em;
			border-radius: 50%;
			background-color: #fff;
			box-shadow: 0 0 3em #000;
			z-index: -1;
		}

			.offer a {
				padding: 10px 0;
				display: block;
			}

/* TOP CAROUSEL */

	.carousel {
		min-height: 400px;
		background-color: #aaa;
		background-position: right center;
		background-repeat: no-repeat;
		border-bottom: 3px solid #fff;
		position: relative;
		padding-bottom: 0px;
	}

	.menu-top + .carousel {
		margin-top: -2px;
	}

		.carousel:before {
			content: "";
			position: absolute;
			left: 5%;
			bottom: 0.2em;
			width: 90%;
			height: 2em;
			border-radius: 50%;
			background-color: #fff;
			box-shadow: 0 0 3em #000;
			z-index: -1;
		}

		.carousel-inner {
			margin-bottom: 0px;
			height: 400px;
		}

		.carousel .item {
			color: #fff;
			text-shadow: 0 0 15px rgba(0,0,0,0.5);
			font-family: 'Source Sans Pro', sans-serif;
			font-size: 1.25em;
		}

			.carousel .item .preview {
				background-color: rgba(255,255,255,0.0);
				padding: 1em 0;
				margin-top: 1.6em;
			}

				.carousel .item .preview > img {
					width: 100%
				}

			.carousel .item a {
				color: #fff;
				display: block;
				text-decoration: none;
			}

			.carousel .item a.background > div {
				position: relative;
				z-index: 2;
			}

				.carousel .item a.background > div:before,
				.carousel .item a.background > div:after {
					content: "";
					position: absolute;
					width: 70px;
					border-radius: 50%;
					box-shadow: 0 0 100px rgba(255,255,255,0.75);
					height: 300px;
					top: 50px;
					z-index: -1;
				}

				.carousel .item a.background > div:after {
					right: 15px;
				}

					.carousel .item a.background .bg-container {
						height: 400px;
						background-position: center;
						background-repeat: no-repeat;
						background-size: 100% auto;
					}

			.carousel .item h2 {
				text-transform: uppercase;
				font-size: 1.25em;
				font-weight: bolder;
				margin: 2.5em 0 0 0;
			}

			.carousel .item h1 {
				text-transform: uppercase;
				font-size: 3em;
				font-weight: bolder;
				margin: 0 0 0.25em 0;
			}

				.carousel .item ul1 {
					list-style-type: none;
				}

				.carousel .item p1 {
					font-style: italic;
				}

			.carousel-indicators {
				bottom: 5px;
				z-index: 10;
			}

				.carousel-indicators li {
					width: 4em !important;
					height: 0.4em !important;
					margin: 0 0.5em !important;
					border-radius: 0;
					border: none;
					background-color: rgba(255, 255, 255, 0.2);
				}

			.carousel .carousel-control {
				background-image: none !important;
				top: 38%;
				font-size: 5em;
				z-index: 10;
				width: 6.5% !important;
				opacity: 0;
			}

			.carousel:hover .carousel-control {
				background-image: none !important;
				opacity: .5;
			}

			.carousel-control .glyphicon-chevron-left,
			.carousel-control .glyphicon-chevron-right {
				font-size: 4em !important;
				margin-top: -40px;
			}

			.carousel-control .glyphicon-chevron-left {
				margin-left: -0.9em;
				margin-top: -36px;
			}

/* MODELS LINE */

	.models {
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(135,135,135,0.47) 72%, rgba(216,216,216,0.48) 72%, rgba(255,255,255,0.65) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(72%,rgba(135,135,135,0.47)), color-stop(72%,rgba(216,216,216,0.48)), color-stop(100%,rgba(255,255,255,0.65)));
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(135,135,135,0.47) 72%,rgba(216,216,216,0.48) 72%,rgba(255,255,255,0.65) 100%);
		background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(135,135,135,0.47) 72%,rgba(216,216,216,0.48) 72%,rgba(255,255,255,0.65) 100%);
		background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(135,135,135,0.47) 72%,rgba(216,216,216,0.48) 72%,rgba(255,255,255,0.65) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(135,135,135,0.47) 72%,rgba(216,216,216,0.48) 72%,rgba(255,255,255,0.65) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6ffffff',GradientType=0 );

		min-height: 210px;
		position: relative;
		margin-top: 2.75em;
	}

		.models:before {
			content: "";
			position: absolute;
			border-bottom: 1px solid #fff;
			top: 72%;
			left: 0;
			width: 100%;
		}

		.models .jcarousel-wrapper {
			padding: 0 5px;
			margin: 0 -21px;
		}

		.models .jcarousel-control-block {
			position: absolute;
			width: 96%;
			margin: 0 2%;
			top: 41%;
			opacity: 0;
		}

		.models:hover .jcarousel-control-block {
			opacity: 1;
		}

		.jcarousel-control {
			font-size: 2.5em;
			text-decoration: none !important;
			color: #fff !important;
		}

			.jcarousel-control.next {
				float: right;
			}


		.jcarousel {
			position: relative;
			overflow: hidden;
			min-height: 227px;
			width: 100%;
		}

			.jcarousel > ul {
				width: 20000em;
				position: relative;
				list-style: none;
				margin: 0 0 0 -0.35em;
				padding: 0;
			}

				.jcarousel > ul > li {
					width: 300px;
					float: left;
					text-align: center;
					margin: 0 0.12em;
				}

					.models .jcarousel > ul > li > a {
						text-decoration: none;
						display: inline-block;
						margin: 1em 0 2px 0;
						position: relative;
						height: 200px;
						width: 300px;
					}

						.models .jcarousel > ul > li > a > img {
							border: 7px solid #fff;
							box-shadow: 0 0 1px #aaa;
							margin-bottom: 2px;
							position: absolute;
							z-index: 2;
							top: 0;
							left: 0;
						}

						.models .jcarousel > ul > li > a:before {
    						top:3px;
    						bottom:30%;
    						left:7px;
    						right:7px;
    						-webkit-box-shadow:0 0 25px rgba(0,0,0,0.6);
       						-moz-box-shadow:0 0 25px rgba(0,0,0,0.6);
            				box-shadow:0 0 25px rgba(0,0,0,0.6);
    						-moz-border-radius:75px 75px 50% 50%;
         					border-radius:0 0 40% 40%;
						    content: "";
						    position: absolute;
    						z-index: 1;
						}

/* FILTER BLOCK */

	#filter {
		background: url(../img/models-bg.png) repeat-x bottom left #fff;
		background-position-y: -2.1em; 
		min-height: 280px;
		position: relative;
		padding-bottom: 0.25em;
		margin-top: 2em;
		margin-bottom: -3em;
	}

		#filter h3 {
			margin: 0.5em 1.75em;
			padding-bottom: 0.5em;
			border-bottom: 1px solid #ccc;
		}

			#filter h3 > button {
				margin-top: -0.1em;
			}

		#filter .jcarousel-wrapper {
			padding: 0 40px 0 30px;
		}

		#filter .jcarousel > ul {
			width: 99999px;
		}

			#filter .jcarousel-control.prev {
				top: 9em;
				left: 0;
			}

			#filter .jcarousel-control.next {
				top: 9em;
				right: 0;
			}

		#filter .jcarousel > ul > li > div {
			display: inline-block;
			width: 81%;
			position: relative;
			background-color: rgba(255,255,255,0.5);
			box-shadow: 0 0 10px rgba(0,0,0,0.25);
			border-radius: 5px;
			margin: 1em 4.25% 1em 3.25%;
			min-height: 260px;
			overflow-y: auto;
		}

			#filter .jcarousel > ul > li > div > ul {
				margin: 0.75em 0.75em 0.75em 1em;
				padding: 0 0.25em 0 0;
				height: 195px;
				overflow-y: auto;
			}

				#filter .jcarousel > ul > li > div > ul > li {
					border-bottom: 1px solid #ddd;
					padding-bottom: 0.1em;
					margin-bottom: 0.4em;
					text-align: left;
				}

			#filter .jcarousel > ul > li > div > h4 {
				position: absolute;
				text-align: center;
				text-transform: uppercase;
				width: 100%;
				min-height: 3.5em;
				font-size: 1.15em;
				font-weight: bolder;
				color: #428bca;
				margin: 0;
				bottom: 0em;
				padding: 0.5em 0;
			}

				#filter .jcarousel > ul > li > div:hover > h4,
				#filter .jcarousel > ul > li > div:hover > h4 { color: #f57f20; }

/* CONTENT */

	.content {
		min-height: 50em;
		margin-top: 3em;
	}

		.content h1 {
			font-family: 'Ubuntu', sans-serif;
			font-size: 2.75em;
			text-align: center;
			position: relative;
			margin: 0.5em 0;
		}

			.content h1:before {
				content: "";
				position: absolute;
				display: block;
				width: 100%;
				border-bottom: 0.1em solid #dcddde;
				z-index: -1;
				top: 53%;
			}

			.content h1 > b {
				background-color: #fff;
				padding: 0 0.5em;
			}

		.orange {
			color: #f57f20;
		}

		.blue {
			color: #428bca;
		}

		.content h2 {
			font-family: 'Ubuntu', sans-serif;
			font-weight: bold;
		}

		.content .anotation {
			font-size: 1.2em;
			font-style: italic;
		}

		.content .breadcrumb {
			background: none;
			padding-left: 0;
			margin-left: 0;
		}

			.content .breadcrumb .logo {
				background-image: url(../img/victor-logo-b1.svg);
				background-repeat: no-repeat;
				background-size: 100% auto;
				background-position: top left;
				display: inline-block;
				height: 0.75em;
				width: 2.75em;
				padding: 0;
				position: relative;
			}

				.content .breadcrumb .logo:before {
					content: "Home";
					position: absolute;
					top: -0.35em;
				}

		.content .logo {
			padding: 1.25em 0;
		}

			.content .logo > div {
				background-image: url(../img/victor-logo-b.svg);
				background-repeat: no-repeat;
				background-size: 100% auto;
				background-position: top left;
				display: inline-block;
				overflow: hidden;
				padding-top: 3.5em;
			}

				.content .logo > div > .slogan {
					display: inline-block;
					color: #000;
				}

		.tab-pane {
			padding-top: 1em;
		}

		#spec table {
			border-bottom: 2px solid #ddd;
		}

		#spec th {
			background-color: #ebebeb !important;
		}

		.icon32 {
			font-size: 1.9em;
			line-height: 1.25em;
			display: inline-block;
			margin-right: 0.3em;
			vertical-align: top;
		}

			.icon32 + em {
				display: inline-block;
				vertical-align: top;
			}

		#map {
			min-height: 32em;
			background-color: #ccc;
			border: 1em solid #fff;
			box-shadow: 0 0 10px #ccc;
			margin: 1.75em 0;
		}

		.other-contacts {
			font-size: 1.2em;
		}

			.other-contacts li {
				margin-bottom: 0.3em;
				vertical-align: middle;
			}

				.other-contacts li > i {
					display: inline-block;
					vertical-align: middle;
					margin-right: 0.4em;
				}

				.other-contacts li > a {
					display: inline-block;
					vertical-align: middle;
					text-decoration: none;
					border-bottom: 1px dotted #428bca;
					line-height: 1em;
					color: #428bca;
				}

				.other-contacts li > span {
					display: inline-block;
					vertical-align: middle;
					/*font-style: italic;*/
				}

		#directions ul.list-unstyled {
			/* margin: 1em 0 0 1.25em; */
			margin: 0;
		}

			#directions dl {
				margin-bottom: 2.5em;
			}

				#directions dl > dt {
					width: 8em;
				}

				#directions dl > dd {
					margin-left: 9em;
				}

			#directions ul.list-unstyled > li {
				margin-bottom: 0.2em;
			}

		.content .bottom-shadow {
			background-color: #fff;
			position: relative;
			margin-bottom: 3em;
			padding-bottom: 1.5em;
		}

		.content .bottom-shadow:before {
			content: "";
			position: absolute;
			left: 5%;
			bottom: 0.5em;
			width: 90%;
			height: 2em;
			border-radius: 50%;
			background-color: #fff;
			box-shadow: 0 0 2.5em #aaa;
			z-index: -1;
		}

		.content .right-shadow {
			background-color: #fff;
			position: relative;
			padding-right: 1em;
			margin-right: 1em;
		}

		.content .right-shadow:before {
			content: "";
			position: absolute;
			top: 10%;
			right: 0.5em;
			height: 80%;
			width: 2em;
			border-radius: 50%;
			background-color: #fff;
			box-shadow: 0 0 1.75em #aaa;
			z-index: -1;
		}

		.testimonials {
		}

			.testimonials > p {
				margin: 1.5em 0 11px 0;
				position: relative;
				padding: 12px 15px 15px 12px;
				position: relative;
				background:url(/files/website/img/quote.png) no-repeat 10px 10px #f5f5f5;
				font-style: italic;
				border-radius: 10px;
				text-indent: 30px;
				text-align: left;
				text-align: justify;
				line-height: 160%;
				min-height: 40px;
			}

			.testimonials > p:after {
				content:"";
				position:absolute;
				bottom:-55px;
				left:23px;
				border-width:0 20px 55px 0px;
				border-style:solid;
				border-color: #fff #f5f5f5;
    			display:block; 
    			width:0;
			}

			.testimonials > address {
				padding-left: 55px;
				text-align: left;
				margin-bottom: 40px;
				font-size: 0.75em;
			}

				.testimonials > address b {
					font-size: 1.15em;
					color: #428bca;
					display: block;
				}

				.testimonials > address a {
					color: #000;
					text-decoration: none;
					padding-bottom: 0px;
					border-bottom: 1px dotted #000;
				}

			.testimonials > h4 {
				margin-top: 65px;
				color: #fff;
				font-style: italic;
				line-height: 160%;
			}

			.testimonials > .arrow-left {
				background-image: -moz-linear-gradient(left, #f2f1f0, #ffffff);
				background-image: -webkit-gradient(linear, 100% 0, 0 0, from(#f2f1f0), to(#ffffff));
				background-image: -webkit-linear-gradient(left, #f2f1f0, #ffffff);
				background-image: -o-linear-gradient(left, #f2f1f0, #ffffff);
				background-image: linear-gradient(to right, #f2f1f0, #ffffff);
				position: relative;
				margin-left: 10px;
				padding: 5px;
			}

			.testimonials > .arrow-left:after {
				content: "";
				position: absolute;
				width: 0;
				height: 0;
				border-right: 37px solid #f2f1f0;
				border-top: 50px solid rgba(255, 255, 255, 0);
				border-bottom: 50px solid rgba(255, 255, 255, 0);
				position: absolute;
				z-index: 2;
				top: -20px;
				left: -37px;
			}

		#news-list {}

			#news-list li {
				padding: 0.25em 0;
			}

			#news-list li > a {
				text-decoration: none;
				border-left: 2px solid #ddd;
				padding-left: 0.75em;
				display: block;
			}

				#news-list li > a > b {
					display: block;
					margin-bottom: 0.25em;
					color: #000;
				}

					#news-list li > a > b > span {
						float: right;
						font-weight: normal;
					}

					#news-list .more {
						padding-top: 1em;
					}

						#news-list .more > i {
							vertical-align: middle;
							font-size: 1.1em;
						}

						#news-list .more > a {
							color: #000;
							text-decoration: none;
							vertical-align: top;
							font-style: italic;
							border-bottom: 1px dotted #000;
						}

		.qcontact {
			background-color: #fff;
			position: relative;
			padding-top: 1.75em;
			padding-bottom: 0em;
			padding-right: 1.5em;
		}

			.qcontact:before {
				content: "";
				position: absolute;
				box-shadow: 0 0 15px #ccc;
				display: block;
				width: 80%;
				height: 90%;
				top: 0;
				right: 0;
				border-radius: 50% 0;
				z-index: -1;
			}

		.qmessage {
			padding-left: 4em;
		}

		.rightbar { padding-top: 1.25em; }

			#compare_view {
				text-align: center;
			}

				#compare_view > span {
					display: inline-block;
					width: 69px;
					height: 69px;
					margin-right: 4px;
					margin-left: 5px;
					border: 1px solid #ccc;
					background-color: #fff;
					background-repeat: no-repeat;
					background-size: 90% auto;
					background-position: center center;
				}

				#compare_view >span:last-child {
					margin-right: 0;
				}

				#compare_view >span:first-child {
					margin-left: 0;
				}

			#formCompare {
				margin: 0 1.05em;
				border-top: 1px solid #eee;
				padding-top: 0.5em;
			}

		.list-category {
			margin: 0 15px;
		}

			.list-category > li {
				border-bottom: 1px solid #ddd;
				padding: 5px 0;
				font-family: 'Source Sans Pro', sans-serif;
			}

			.list-category >li.view > a {
				text-decoration: none;
				cursor: default;
				color: #aaa;
			}

			.list-category > li:last-child {
				border-bottom: none;
				padding: 5px 0;
			}

				.content .cat_title {
					text-transform: uppercase;
					font-weight: bolder;
				}

				.content .cat_descr {
					margin-top: 3.75em;
				}

				.content .filter_name {
					cursor: pointer;
				}

				.content .filter_params {
					border-left: 3px solid #ddd;
					margin: 0.15em 0.225em 0.15em 0.8em;
					padding-left: 0.5em;
					overflow-y: auto-;
					max-height: 7em-;
				}

					.content .filter_params > ul {
						margin: 0.1em 0;
						padding: 0;
					}

				.list-category > li .filter_name i {
					cursor: pointer;
					font-size: 0.95em;
					float: right;
					margin: 0 4px;
					color: #f57f20;
				}

			.content .panel-body {
				padding-top: 5px;
				padding-bottom: 5px;
			}

			.content h4.part {
				font-family: 'Source Sans Pro', sans-serif;
				background-color: #eee;
				padding: 4px 15px 6px 15px;
				border-radius: 4px;
			}

		#list {
		}

			#top > ul,
			#list > ul {
				margin: 0 15px;
			}

			#top > ul > li,
			#list > ul > li {
				display: inline-block !important;
				float: none !important;
				margin: 1em -0.225% 1.25em -0.225% !important;
				vertical-align: top;
				text-align: center;
				position: relative;
			}

				#list li.check {
					background-color: #fff;
				}

					#list li.check:after {
						content: "";
						position: absolute;
						box-shadow: 0 0 10px #ddd;
						border-radius: 10% 10% 75% 75%;
						display: block;
						width: 94%;
						height: 20%;
						top: 0;
						right: 3%;
						z-index: -1;
					}

					#list li.check:before {
						content: "\f143";
						font-family: 'WebHostingHub-Glyphs';
						position: absolute;
						color: #f57f20;
						right: 10%;
						top: -0.35em;
						font-size: 1.75em;
						z-index: 1;
					}

				#top li > img,
				#list li > img {
					cursor: pointer;
					margin: 32px 0;
				}

				#top li > .infobox,
				#list li > .infobox {
					position: absolute;
					display: none;
					top: -3px;
					right: 0px;
					left: 0;
					background-color: rgba(255,255,255,1);
					box-shadow: 0 0 2px #aaa;
					min-height: 300px;
					width: 100%;
					z-index: 2;
				}
				
				#top li > .infobox {
					padding-bottom: 0.5em;
				}

					#list li > .infobox p > a,
					#top li > .infobox p > a {
						color: #000;
						text-decoration: none;
					}

					#list li > .infobox a > img,
					#top li > .infobox a > img {
						margin: 35px 0 32px 0;
					}					

					#top li > .infobox h4,
					#list li > .infobox h4 {
						font-family: 'Source Sans Pro', sans-serif;
						/*
						background-color: #f57f20;
						color: #fff;
						font-weight: bold;
						*/
						color: #428bca;
						margin-top: 0.5em;
						padding: 0.2em;
						margin-bottom: 0;
						font-size: 1em;
					}

					#top li > .infobox h3,
					#list li > .infobox h3 {
						font-family: 'Source Sans Pro', sans-serif;
						font-weight: bolder;
						text-align: left;
						margin: 0;
						font-size: 0.9em;
						padding: 0.4em 0 0.75em 0;
						color: #428bca;
						color: #f57f20;
					}

						li > .infobox h3 > small {
							display: block;
							margin-top: -0.1em;
						}

					#top li > .infobox p,
					#list li > .infobox p {
						margin: 0.25em 0;
						text-align: left;
						font-size: 0.9em;
					}

					#top li > .infobox p1 {
						padding: 1em 0;
						margin: 0;
					}

					#top li > .infobox p + div {
						margin-bottom: 1em;
						margin-top: 0.5em;
						font-style: italic;
						font-weight: bolder;
						font-size: 0.9em;
					}

					#top li > .infobox p + h3,
					#list li > .infobox p + h3 {
						border-top: 1px dotted #ddd;
						text-align: center;
						padding-top: 0.75em;
						margin-top: -0.2em;
					}

					#list li > .infobox .line {
						border-top: 1px dotted #ddd;
						margin-top: 0.5em;
						padding-top: 0.5em;
						padding-bottom: 0.25em;
						position: relative;
					}

						#list li > .infobox .line u {
							font-family: 'Source Sans Pro', sans-serif;
							display: inline-block;
							font-size: 0.75em;
							margin: 0.25em 0 1em 0;
							cursor: pointer;
							color: #f57f20;
						}

				#top li h5,
				#list li h5 {
					padding-bottom: 0.4em;
					margin-bottom: 0.2em;
					font-family: 'Source Sans Pro', sans-serif;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
					color: #428bca;
				}

				#top li h5:hover,
				#list li h5:hover {
					white-space: normal;
					overflow: visible;
					text-overflow: inherit;
				}

		.catalog {}

			.catalog ul {
				padding: 0 1.5em;
			}

			.catalog li > h2,
			.catalog li > h2 > a {
				color: #f57f20;
			}

			.catalog li.divider {
				border-top: 1px solid #ccc;
				margin: 0 0 0.5em 0;
			}

		.zoom-phone {
			display: none;
		}

		.zoom-wrapper {
			box-shadow: 0 0 5px #ddd;
			padding: 1em;
			margin-bottom: 2em;
			display: block;
		}

		.zoomWrapper {
			position: relative;
			width: 100% !important;
			/*height: auto !important;*/
			}

			.zoomWrapper > div {
				top: 0 !important;
				left: 0 !important;
				background-color: rgba(0, 0, 0, 0.25) !important;
			}

		#zoom {
			top: 0;
			left: 0;
			width: 100% !important;
			position: relative;
		}

		#pboxview {
			margin: 0 1px !important;
		}

		.panel-group .panel {
			border-radius: 0;
		}

		.panel-default {
			border-color: #fff !important;
		}

		#gallery {
			padding: 0.75em 0 0 0.2em;
			/*
			overflow: auto;
			white-space: nowrap;
			*/
		}

			#gallery a {
				display: inline-block;
				text-decoration: none;
				border: 1px solid #ddd;
				padding: 3px;
				margin: 0.25em 0.125em;
			}

			#gallery a.zoomGalleryActive {
				border: 3px solid #f57f20;
				padding: 1px;
			}

			#gallery a.video {
				text-align: center;
			}

				#gallery a.video > span > i {
					color: #fff;
					display: inline-block;
					text-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
					font-size: 2.5em;
					margin-top: 0.175em;
				}

		.vservice {
			text-align: center;
			margin-top: 1em;
			margin-bottom: 3em;
		}

			.vservice > i {
				font-size: 5.2em;
				color: #ffc000;
			}

			.vservice h4 {
				font-family: 'Ubuntu', sans-serif;
				font-weight: bold;
			}

	.tab-content .tab-pane {
		/* margin-top: 1.5em; */
		min-height: 250px;
	}

	.required {
		position: relative;
		border-left: 3px solid #f57f20;
	}

	label.error {
		font-size: 0.75em;
		font-weight: normal;
		color: #f57f20;
	}

/* FOOTER */

	.footer {
		margin-top: 3em;
		background-color: #444851;
		padding: 2em 0;
		min-height: 10em;
		color: #fff;
	}

		.footer a {
			color: #fff;
			text-decoration: underline;
		}

		.footer .logo {
			background-image: url(../img/victor-logo-w.svg);
			background-repeat: no-repeat;
			background-size: 100% auto;
			background-position: top left;
			display: inline-block;
			overflow: hidden;
			padding-top: 3.8em;
			margin-top: 0.25em;
			min-width: 145px;
		}

			.footer .logo .slogan {
				display: inline-block;
				color: #fff;
			}

		.footer .social {
			font-size: 2.6em;
		}

			.footer .social a {
				text-decoration: none;
				display: inline-block;
				margin: -0.2em 0 0.5em 0.5em;
			}

		.footer .wds-logo {
			display: inline-block;
			text-decoration: none;
			background-image: url(../img/wds-logo.svg);
			background-repeat: no-repeat;
			background-position: 0 0.18em;
			background-size: auto 100%;
			line-height: 1.15em;
			padding-left: 7em;
			padding-bottom: 0.1em;
			font-size: 0.8em;
			margin-top: 1em;
		}

			.footer .wds-logo > b { display: block; }

/* IMAGE ZOOM */

	.jimages {
		height: 74px;
		width: 100% !important;
		padding-left: 42px;
	}

		.jimages .control {
			position: absolute;
			display: inline-block;
			background-color: #fff;
			color: #eee;
			height: 74px;
			font-size: 3em;
			z-index: 2;
		}

			.jimages .control > i {
				display: inline-block;
				vertical-align: middle;
			}

			.jimages .control:hover,
			.jimages .control:focus {
				color: #f57f20;
			}

			.jimages .control.def_prev,
			.jimages .control.prev {
				top: 0;
				left: 0;
				cursor: pointer;
				text-shadow: 0 1px 2px #000;
			}

			.jimages .control.def_next,
			.jimages .control.next {
				top: 0;
				right: 0;
				cursor: pointer;
				text-shadow: 0 -1px 2px #000;
			}

		.jimages > ul > li {
			margin-left: 7px;
			border: 1px solid #eee;
			text-align: center;
			width: 102px !important;
			height: 74px !important;
		}

			.jimages > ul > li > a {
				border: 2px solid #fff !important;
				padding: 0 !important;
				margin: 2px -4px !important;
				background-repeat: no-repeat;
				background-position: center center;
				width: 96px;
				height: 68px;
			}

				.jimages > ul > li > a > span {
					width: 90px;
					height: 60px;
					display: block;
				}

			.jimages > ul > li > a.active {
				border-color: #f57f20 !important;
			}

	.zoomWindow {
		margin-top: -2px !important;
		margin-left: 2px !important;
		height: 100% !important;
	}

		.zoom_comment {
			margin: -0.25em 0 0.5em 0;
			text-align: center;
			width: 100%;
			font-size: 12px;
		}

	.zoomWindowContainer > div {
		left: 569px !important;
	}

	.zhide { display: none !important; }

/* COMPARE PRODUCTS */

	.compare {
	}

		.compare td {
			border-left: 1px solid #ddd;
			width: 24%;
		}

		.compare th {
			background-color: #f0f0f0;
		}

		.compare tr:first-child > td {
			border-top: none;
			background-color: #fff;
			border-bottom: 3px solid #ddd;
		}

		.compare td:first-child {
			background-color: #fcfcfc;
			width: 28%;
			border-left: none;
		}

