#des/* default styles specific to homepage */

#owl-demo:after {
display: block;
width: 100%;
height: 18px;
top: -1px;
left: 0;
content: '';
background: url(../product-feature/full-shadow.png) center top no-repeat;
}

#description-copy:after {
display: block;
width: 100%;
height: 18px;
margin-top:6em;
top: -1px;
left: 0;
content: '';
background: url(../product-feature/full-shadow.png) center top no-repeat;
}
@media screen and (max-width:767px){
	#description-copy:after {
	background:none;
	display:none;
	}
}

#owl-demo div img{ display: block; width: 100%; height: auto;margin: 0;}
.owl-carousel .item {margin:0px;position: relative;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.owl-carousel div,.owl-carousel img { max-width:none;margin:0px;}
.carousel-linkwrapper{position: absolute; z-index: 100;
top: 50%;
left:10%;
width:90%;
-webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);}
.carousel-link { background: none repeat scroll 0 0 #000000; color: #ffffff; display: inline-block;text-align: center; padding: .3vw 1.1vw;
font-size: 0.7vw;}
.carousel-link:hover { text-decoration: underline;}
.carousel-subtitle { color: #ffffff; text-align: left;font-family:"Proxima Nova Regular","Helvetica Neue",Arial,Helvetica,sans-serif;font-weight: normal;
font-size: 1vw;
letter-spacing:0.5px;
line-height: 0.9vw;
margin-bottom: 1vw;
width: 25%;}
.carousel-title {color: #000;font-family: Proxima Nova Bold;
text-align: left;
letter-spacing: -1px;
font-size: 3vw;
width: 50%;
line-height: 2.5vw;
margin-bottom: 1vw;
}
.carousel-title sup {font-size: 0.3em; left: -0.6em; top: -1.6em;}
.carousel-title sup.regTrade {font-size: 0.5em; left: -0.5em; top: -0.6em;}
.tlt-white {color: #fff}
.title-sml{
font-size:3vw;
line-height:2.5vw;
}
.title-x-sml{
font-size:2.5vw;
line-height:2vw;
}

/* responsive styles - mobile viewport */
@media screen and (max-width:767px){
	.owl-carousel div,.owl-carousel img { max-width:none;}
	.carousel-linkwrapper{left: 5%}
	.carousel-title{font-size:7vw; line-height:6.5vw;}
	.carousel-subtitle{font-size:3vw; line-height:2.9vw;width:50%;}
	.carousel-link {font-size:2.7vw;}
	.owl-carousel .owl-wrapper-outer {max-height: 500px}
}

/* global owl carousel styles */
.owl-carousel .owl-wrapper:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   line-height: 0;
   visibility: hidden;









}










.owl-carousel {
   position: relative;
   width: 100%;








}










.owl-carousel .owl-wrapper {
   display: none;
   position: relative;









}










.owl-carousel .owl-wrapper-outer {
   overflow: hidden;
   position: relative;
   width: 100%;   








}










.owl-carousel .owl-wrapper-outer.autoHeight {
   transition: height 500ms ease-in-out 0s;









}










.owl-carousel .owl-item {
   float: left;









}










.owl-controls .owl-page, .owl-controls .owl-buttons div {
   cursor: pointer;









}










.owl-controls {
   -moz-user-select: none;









}










.grabbing {
   cursor: url("../images/interface/caro-buttons.png") 8 8, move;









}










.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
   backface-visibility: hidden;
   transform: translate3d(0px, 0px, 0px);









}










.owl-theme .owl-controls {
   margin-top: 10px;
   text-align: center;









}










.owl-theme .owl-controls .owl-buttons div {
	background: url("../images/interface/caro-buttons.png") no-repeat;
	border-radius: 30px;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	margin: 5px;
	opacity: 0.5;
	padding: 3px 10px;









	height: 82%;









	position: absolute;









	top: 0;









	width: 40px;









	opacity: 0;









	margin: 0;
	padding: 0;









}










.owl-theme .owl-controls .owl-buttons div.owl-next {right: 0;background-position: -40px center ;}









.owl-theme .owl-controls .owl-buttons div.owl-prev {left: 0;background-position: 0px center;}










.owl-theme .owl-controls.clickable .owl-buttons div:hover {
   opacity: 1;
   text-decoration: none;









}










.owl-theme .owl-controls .owl-page {
	border-radius: 8px;
	cursor: pointer;
	display: inline-block;
	height: 16px;
	margin: 20px 5px;
	position: relative;
	text-indent: -9999px;
	width: 16px;









	background: #b7b7b7;









}










.owl-theme .owl-controls .owl-page span {   
	border-radius: 20px;
	display: block;
	height: 8px;
	margin: 4px auto;
	opacity: 0.5;
	width: 8px;	









}










.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
	opacity: 1;









	background: #434648;









}










.owl-theme .owl-controls .owl-page span.owl-numbers {
   border-radius: 30px;
   color: #fff;
   font-size: 12px;
   height: auto;
   padding: 2px 10px;
   width: auto;










}










.owl-item.loading {
   background: url("../images/interface/fluid_dg-loader.gif") no-repeat scroll center center rgba(0, 0, 0, 0);
   min-height: 150px;









}










.owl-origin {perspective: 1200px;}










.owl-fade-out {animation: 0.7s ease 0s normal both 1 running fadeOut; z-index: 10;}










.owl-fade-in {animation: 0.7s ease 0s normal both 1 running fadeIn;}










.owl-backSlide-out {animation: 1s ease 0s normal both 1 running backSlideOut;}










.owl-backSlide-in {animation: 1s ease 0s normal both 1 running backSlideIn;}










.owl-goDown-out {animation: 0.7s ease 0s normal both 1 running scaleToFade;}










.owl-goDown-in {animation: 0.6s ease 0s normal both 1 running goDown;}










.owl-fadeUp-in {animation: 0.5s ease 0s normal both 1 running scaleUpFrom;}










.owl-fadeUp-out {animation: 0.5s ease 0s normal both 1 running scaleUpTo;}










@keyframes empty {0% {opacity: 1;}}










@keyframes empty {0% {opacity: 1;}}










@keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}










@keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0;}}










@keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0;}}










@keyframes backSlideOut {
	25% {opacity: 0.5;transform: translateZ(-500px);}









	75% {opacity: 0.5;transform: translateZ(-500px) translateX(-200%);}









	100% {opacity: 0.5;transform: translateZ(-500px) translateX(-200%);}









}










@keyframes backSlideIn {









	0%, 25% {opacity: 0.5;transform: translateZ(-500px) translateX(200%);}
	75% {opacity: 0.5;transform: translateZ(-500px);}









	100% {opacity: 1;transform: translateZ(0px) translateX(0px);}









}










@keyframes scaleToFade {100% { opacity: 0;transform: scale(0.8);}}










@keyframes goDown {0% { transform: translateY(-100%);}}










@keyframes scaleUpFrom {0% {opacity: 0;transform: scale(1.5);}}










@keyframes scaleUpTo {100% {opacity: 0; transform: scale(1.5);}}