/*
Theme Name: Vitus2015
Theme URI: http://whatwherewho.co.uk
Description: 2015 theme for Vitus.
Author: Paul Escudier
Author URI: http://whatwherewho.co.uk/
Version: 3.0
Tags: responsive, white, bootstrap
License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
License URI: http://creativecommons.org/licenses/by-sa/3.0/
*/

@font-face {
    font-family: 'sinkin_sans300_light';
    src: url('SinkinSans-300Light-webfont.eot');
    src: url('SinkinSans-300Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('SinkinSans-300Light-webfont.woff') format('woff'),
         url('SinkinSans-300Light-webfont.ttf') format('truetype'),
         url('SinkinSans-300Light-webfont.svg#sinkin_sans300_light') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {margin-top:0px;font-family: 'sinkin_sans300_light', Lato, sans-serif !important;font-weight:400;background:#dfdfdf;font-size:14px;color:#555555;}
a, a:link {color:#555555;text-decoration:none;}
a:hover {text-decoration:underline;color:#555555;}
/* Menu Stuff */
.navbar {position: relative;min-height: 50px;padding: 35px 0;text-transform:uppercase;}
.navbar-default {background-color: #ffffff;border:0;border-radius:0;margin-bottom:0;}
.navbar-nav > li > a {padding: 0px 0px 0px 17px;font-weight:400}
.navbar-nav > li > a:hover {color: #990000 !important;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{color: #990000 !important;background-color: #ffffff;}
.navbar-brand {float: left;height: 17px;padding:16px 0px;line-height: 17px;}
p {font-size:14px;}
h1,h2 {font-family: 'sinkin_sans300_light', Lato, sans-serif;font-weight:400;text-transform:uppercase;font-size:24px;}
.jumbotron h3
{
  margin:5px 0;  	
  text-transform:uppercase;	
  font-size: 14px;
  font-weight: 400;
}
@media (min-width: 768px) {
.navbar {min-height: 0px;}
.navbar-brand {padding:0px;}
}

/* Front Page Stuff */
.about-full {padding:0px 0px 60px 0;background:#ffffff;margin-bottom:50px;border:0;border-bottom:1px solid #cccccc;
    -webkit-border-image: url(http://vitusbikes.com/2015/wp-content/themes/Vitus2015/images/grad.png) 30 30 stretch; /* Safari 3.1-5 */
    -o-border-image: url(http://vitusbikes.com/2015/wp-content/themes/Vitus2015/images/grad.png) 30 30 stretch; /* Opera 11-12.1 */
    border-image: url(http://vitusbikes.com/2015/wp-content/themes/Vitus2015/images/grad.png) 30 30 stretch;
}
.jumbotron {padding:0px;background:#ffffff;margin-bottom:50px;border:0;border-bottom:1px solid #cccccc;
    -webkit-border-image: url(http://vitusbikes.com/2015/wp-content/themes/Vitus2015/images/grad.png) 30 30 stretch; /* Safari 3.1-5 */
    -o-border-image: url(http://vitusbikes.com/2015/wp-content/themes/Vitus2015/images/grad.png) 30 30 stretch; /* Opera 11-12.1 */
    border-image: url(http://vitusbikes.com/2015/wp-content/themes/Vitus2015/images/grad.png) 30 30 stretch;
}
.jumbotron-product {padding:0px;background:#ffffff;margin-bottom:0px;border:0;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;
    -webkit-border-image: url(http://vitusbikes.com/2015/wp-content/themes/Vitus2015/images/grad.png) 30 30 stretch; /* Safari 3.1-5 */
    -o-border-image: url(http://vitusbikes.com/2015/wp-content/themes/Vitus2015/images/grad.png) 30 30 stretch; /* Opera 11-12.1 */
    border-image: url(http://vitusbikes.com/2015/wp-content/themes/Vitus2015/images/grad.png) 30 30 stretch;}
.white {padding: 30px 0 30px;}
.about-white {padding: 0px 0px 0px;}
.grey {background:transparent;margin-bottom:0;border:none;}

.about-white h2,.white h2 {padding: 0px 0px 35px;font-size:22px;text-transform:uppercase;text-align:center;font-weight:400;line-height:24px;}
img {margin: 0 auto;display: block;}
.img-responsive,.responsive img {margin: 0 auto;display: block;
  max-width: 100%;
  height: auto;}
.product-pic {position:relative;}
.icons {margin: 0 auto;display: block;}
a.rollover {display: block;margin: 0 auto;width: 77px;height: 78px;text-decoration: none;}
.facebook {background: url("http://vitusbikes.com/2015/wp-content/themes/Vitus2015/images/facebook-bw.png");}
.twitter {background: url("http://vitusbikes.com/2015/wp-content/themes/Vitus2015/images/twitter-bw.png");}
.youtube {background: url("http://vitusbikes.com/2015/wp-content/themes/Vitus2015/images/youtube-bw.png") no-repeat;}
.instagram {background: url("http://vitusbikes.com/2015/wp-content/themes/Vitus2015/images/instagram-bw.png") no-repeat;}
	

a.rollover:hover {background-position: -77px 0;}
.displace {position: absolute;left: -5000px;}

.front-products {text-align:center;text-transform:uppercase;}
.front-products img {padding:10px 0 30px;}
#connect img {padding-bottom:15px;}
.product-main {padding: 10px 0 5px;}
.product-main p{font-size:12px;text-align:center;text-transform:uppercase;color:#555555;}
.product-main img {padding:0 0 15px 0}
/* Product Pages */
.product-head {padding: 10px 0 5px;border:0;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;
    -webkit-border-image: url(http://vitusbikes.com/2015/wp-content/themes/Vitus2015/images/grad.png) 30 30 stretch; /* Safari 3.1-5 */
    -o-border-image: url(http://vitusbikes.com/2015/wp-content/themes/Vitus2015/images/grad.png) 30 30 stretch; /* Opera 11-12.1 */
    border-image: url(http://vitusbikes.com/2015/wp-content/themes/Vitus2015/images/grad.png) 30 30 stretch;}
.product-head h2 {padding: 0px 0px 5px;font-size:22px;text-transform:uppercase;text-align:center;font-weight:400;line-height:24px;}
.product-head p {text-transform:uppercase;text-align:center;font-weight:400;word-spacing: 20px;}
.crc-panel {padding:0;margin-bottom:30px;}
.crc-panel img {padding:0;margin:-84px 0 0 10px;float:right;}
.buy {text-align:left;height:72px;}
.buy a:link {color:#0066cc}
.rrp {height:54px}
.crc-panel p {padding-top:40px;font-size:18px;}
.buy p{margin-right:64px;}
.table-right {margin-top:-21px;}
.table-bordered a {color:#555555}
.table-bordered td {height:36px;}
.about {padding:30px 0 30px 0;margin-bottom:40px;border:0;border-bottom:1px solid #cccccc;
    -webkit-border-image: url(http://vitusbikes.com/2015/wp-content/themes/Vitus2015/images/grad.png) 30 30 stretch; /* Safari 3.1-5 */
    -o-border-image: url(http://vitusbikes.com/2015/wp-content/themes/Vitus2015/images/grad.png) 30 30 stretch; /* Opera 11-12.1 */
    border-image: url(http://vitusbikes.com/2015/wp-content/themes/Vitus2015/images/grad.png) 30 30 stretch;}
.about-pad {padding:0 15px 10px 15px;margin-bottom:30px;}
.product-panel {padding-bottom:20px;border:0;border-bottom:1px solid #cccccc;
    -webkit-border-image: url(http://vitusbikes.com/2015/wp-content/themes/Vitus2015/images/grad.png) 30 30 stretch; /* Safari 3.1-5 */
    -o-border-image: url(http://vitusbikes.com/2015/wp-content/themes/Vitus2015/images/grad.png) 30 30 stretch; /* Opera 11-12.1 */
    border-image: url(http://vitusbikes.com/2015/wp-content/themes/Vitus2015/images/grad.png) 30 30 stretch;}
.product-panel h2,.jumbotron-product h2, .about h2 {font-size:12px;text-transform:uppercase;margin:30px 0;font-weight:400;}
.about h2 {font-size:14px;margin:10px 0}
.modal-content{border-radius:0;border:20px solid #cccccc;padding:30px;margin:50px 0;}
.modal-content p {padding:0;}

@media (min-width: 768px) {
.buy {text-align:right;}
}
@media (min-width: 992px) {
.table-left {padding:0 0 0 15px}
.table-right {margin-left:-1px;padding:0 15px 0 0;margin-top:0;}
}
@media (min-width: 1200px) {

}
.red-left,.red-left a {text-align:left;color:#CC3333;text-transform:uppercase;font-size:14px;height:12px;line-height:12px;margin:30px 0 15px}
.about-red-left  {margin:5px 0;position:absolute;bottom:0}
.red-right, .red-right a {text-align:right;color:#CC3333;text-transform:uppercase;font-size:14px;height:12px;line-height:12px;margin:10px 0}
.red-left img,.red-right img {margin-top:-3px;}
/* Line 5700 */
.popover {font-family: 'sinkin_sans300_light', Lato, sans-serif !important;font-weight:400;font-size: 12px;line-height: 1.42857;text-align: left;white-space: normal;background-color: #666666;color:#ffffff;}
.popover.left > .arrow:after {border-left-color: #666;}

/*Gallery only show first image*/

#gallery-item li {display: none;}
#gallery-item li:first-child {display:block;}
.o-hover {margin:auto 0 auto 0px;position: absolute;top:0;left:0;width: 100%;overflow-x: hidden;overflow-y: hidden;color: rgba(255, 255, 255, 0);background-color: transparent;background-image: none;background-repeat: repeat;background-attachment: scroll;background-position: 0% 0%;background-clip: border-box;background-origin: padding-box;background-size: auto auto;visibility: visible;transition-property: all;transition-duration: 0.2s;transition-timing-function: ease;transition-delay: 0s;}
.overlay-item{cursor: pointer;z-index:999999;overflow:visible;padding:15px 0;position:relative;color:#fff;line-height:0;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s} 

.overlay-item:hover {position:relative;}
.overlay-item:hover > .o-hover, .overlay-item a:hover > .o-hover{color: #555555;background-image: none;background-repeat: repeat;background-attachment: scroll;background-position: 0% 0%;background-clip: border-box;background-origin: padding-box;background-size: auto auto;transition-property: all;transition-duration: 0.2s;transition-timing-function: ease;transition-delay: 0s}
.overlay-item:hover > .o-hover i, .overlay-item a:hover > .o-hover i{color: #ffffff;transition-property: all;transition-duration: 0.2s;transition-timing-function: ease;transition-delay: 0s;}
.overlay-item:hover > .o-hover i:hover, .overlay-item a:hover > .o-hover i:hover{color: #111111;background-color: #ffffff;background-image: none;background-repeat: repeat;background-attachment: scroll;background-position: 0% 0%; background-clip: border-box; background-origin: padding-box; background-size: auto auto; transition-property: all; transition-duration: 0.2s; transition-timing-function: ease; transition-delay: 0s; }
.overlay-item:hover > .o-hover i, .overlay-item a:hover > 
.o-hover i { display: inline-block; -moz-border-radius: 60px; -webkit-border-radius: 60px; border-radius: 60px; -moz-box-shadow: 0px 0px 2px #888; -webkit-box-shadow: 0px 0px 2px #888; box-shadow: 0px 0px 2px #888; background:#ffcc33; color:#000000; }
.o-hover ul {margin:0;padding:0;}
.o-hover ul li{color:transparent;}
.overlay-item:hover .o-hover > ul > li{color:#555;font-size: 12px;list-style:none;padding: 4px;margin:0;line-height:12px;width: 100%;background:#cccccc;border-bottom:1px solid #555555;display:block;}
.overlay-item:hover .o-hover > ul > li.price {color:red;}
.overlay-item:hover .o-hover > ul > li.last {border:none;background:#aaaaaa;text-align:center;}

i{cursor: pointer;}
a i{cursor: pointer;}
.o-hover i {font-size: 12px;font-weight: 400;transition-property: all;transition-duration: 0.2s;transition-timing-function: ease;transition-delay: 0s;}
a:hover, a i:hover, button:hover, input[type="submit"]:hover{transition-property: all;transition-duration: 0.2s;transition-timing-function: ease;transition-delay: 0s;}
button:hover, input[type="submit"]:hover, a i:hover{cursor: pointer;}

.caption {text-align:center;font-size: 1.1em;line-height: 2em;}
.img360 img {width:100%}
.img-container {width: 100%;margin: 0 auto;padding:0;cursor: ew-resize;}
.img360 {width: 100%;margin: 0;padding: 0;line-height: 0;}
#preload-imgs {display:none;}

/*   News   */
.news img {width:100%;height:auto;}
.headlines {border:0;border-left:1px solid #cccccc;
    -webkit-border-image: url(http://vitusbikes.com/2015/wp-content/themes/Vitus2015/images/gradv.png) 30 30 stretch; /* Safari 3.1-5 */
    -o-border-image: url(http://vitusbikes.com/2015/wp-content/themes/Vitus2015/images/gradv.png) 30 30 stretch; /* Opera 11-12.1 */
    border-image: url(http://vitusbikes.com/2015/wp-content/themes/Vitus2015/images/gradv.png) 30 30 stretch;}
.headlines ul {margin:0;padding:0;}
.headlines li{list-style:none;padding: 0 0 10px 0;margin:0;}

.line {border:none;border-top:1px solid #cccccc;
    -webkit-border-image: url(http://vitusbikes.com/2015/wp-content/themes/Vitus2015/images/grad.png) 30 30 stretch; /* Safari 3.1-5 */
    -o-border-image: url(http://vitusbikes.com/2015/wp-content/themes/Vitus2015/images/grad.png) 30 30 stretch; /* Opera 11-12.1 */
    border-image: url(http://vitusbikes.com/2015/wp-content/themes/Vitus2015/images/grad.png) 30 30 stretch;padding-top:15px}
    
.element {position:relative}
strong {font-weight:600}
.arrow-link {background: url("http://vitusbikes.com/2015/wp-content/themes/Vitus2015/images/red-tab.png") no-repeat 0px 2px;margin:0;padding:0 0 0 35px;font-size:14px;height:16px;line-height:16px;text-transform:uppercase;border:0;}
button.arrow-link {display:block;width:100%;text-align:left;margin-top:10px;}
hr {border:none;border-top:1px solid #cccccc;
    -webkit-border-image: url(http://vitusbikes.com/2015/wp-content/themes/Vitus2015/images/grad.png) 30 30 stretch; /* Safari 3.1-5 */
    -o-border-image: url(http://vitusbikes.com/2015/wp-content/themes/Vitus2015/images/grad.png) 30 30 stretch; /* Opera 11-12.1 */
    border-image: url(http://vitusbikes.com/2015/wp-content/themes/Vitus2015/images/grad.png) 30 30 stretch;padding-top:15px}
    
    
    
    
/* ==========================================================================
  Riders Carousel Stuff
   ========================================================================== */
#owl-demo .item{display: block;cursor: pointer;background: #ffd800;padding: 30px 0px;margin: 5px;color: #FFF;border-radius: 0px;text-align: center;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);}
#owl-demo .item:hover{background: #F2CD00;}
a, a i, button, input[type="submit"]{transition-property: all;transition-duration: 0.2s;transition-timing-function: ease;transition-delay: 0s;}
a i{cursor: pointer;}
.fa {display: inline-block;font-family: FontAwesome;font-style: normal;line-height: 1;}
a:hover, a i:hover, button:hover, input[type="submit"]:hover{transition-property: all;transition-duration: 0.2s;transition-timing-function: ease;transition-delay: 0s;}
button:hover, input[type="submit"]:hover, a i:hover{cursor: pointer;}
.overlay-item:hover > .o-hover i, .overlay-item a:hover > .o-hover i{color: #ffffff;transition-property: all;transition-duration: 0.2s;transition-timing-function: ease;transition-delay: 0s;}
.overlay-item:hover > .o-hover i:hover, .overlay-item a:hover > .o-hover i:hover{color: #111111;background-color: #ffffff;background-image: none;background-repeat: repeat;background-attachment: scroll;background-position: 0% 0%; background-clip: border-box; background-origin: padding-box; background-size: auto auto; transition-property: all; transition-duration: 0.2s; transition-timing-function: ease; transition-delay: 0s; }
.e-info { text-transform:uppercase; position: relative; display: block;background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; background-clip: border-box; background-origin: padding-box; background-size: auto auto; padding-top: 15px; padding-right: 10px; padding-bottom: 25px; padding-left: 10px; text-align: center; } 
.grid-ms{margin-left:10px;margin-right:10px} .overlay-item{position:relative;color:#fff;line-height:0;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s} .overlay-item img{display:block;max-width:100%;height:auto;vertical-align:bottom} 
.owl-theme .owl-controls{ margin-top: 10px; text-align: center; }
/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; }
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; }
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; }
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
/* preloading images */ 
.owl-item.loading{ min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center }
#owl-demo .owl-item > div img { display: block; width: 100%; height: auto;border-radius: 0px; margin-bottom:4px; }
.owl-theme .owl-controls .owl-buttons div { position: absolute; }
.owl-theme .owl-controls .owl-buttons .owl-prev{ left: -25px; top: 50%; margin:-25px 0;width:25px }
.owl-theme .owl-controls .owl-buttons .owl-next{ right: -25px; top: 50%; margin:-25px 0;width:25px } 
.front-carousel.owl-theme .owl-controls .owl-buttons .owl-prev{ left: -25px; top: 40%; margin:-25px 0;width:25px }
.front-carousel.owl-theme .owl-controls .owl-buttons .owl-next{ right: -25px; top: 40%; margin:-25px 0;width:25px } 
.overlay-item:hover > .o-hover i, .overlay-item a:hover > 
.o-hover i { display: inline-block; -moz-border-radius: 60px; -webkit-border-radius: 60px; border-radius: 60px; -moz-box-shadow: 0px 0px 2px #888; -webkit-box-shadow: 0px 0px 2px #888; box-shadow: 0px 0px 2px #888; background:#ffcc33; color:#000000; }

.gallery br { display: none; }
.gallery { margin: 0 auto 18px; }
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
	height:auto;
}

.gallery img {height:auto;

}
.gallery img:hover {
	background: white;
}

}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.custom-gallery img {display:block;height:auto;width:100%;padding:0 10px}
.ajaxd-select
{
  float: left !important;
  clear: both;
  margin-bottom: 15px;
  width:100% !important;
}

h2.about-fp {position:absolute;top:0;margin:60px auto;width:100%;text-align:center;}
.close-up p, .360-image p{margin-top:10px}

.carousel-control.left
{
  background:none;

}