/*
=========================================

Project Name: Ultimate Boats
Creation date: 29 May 2016
Last modified: 2 June 2016
Description: 
Version: 1.0
Author: Steve Hopper | steve@xeno.co.nz
Company: xeno web development
Company URI: http: //www.xeno.co.nz

=========================================

font-family: 'Roboto', sans-serif;
font-family: 'Roboto Condensed', sans-serif;

red color: #ff0006
blue image bg #94bce5

*/

body { font-family: 'Open Sans Condensed', sans-serif;font-size: 16px;line-height: 1.428571429;color: #333;background-color: #ffffff; }
h1 { font-family: 'Open Sans Condensed', sans-serif; font-size:38px;color:#000;font-weight:400;margin-bottom:15px;line-height:38px;text-transform: uppercase; }
h2 { font-size:20px;color:#000;line-height:28px;margin-top:0px;margin-bottom:15px; }
h2.white { color:#FFF;/* font-size:28px; */ }
a, .btn { -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; }
blockquote { font-size:15px;border-left: 5px solid #0099ff;margin:20px 30px 20px 10px;padding:5px 20px; }
.lead { font-size:18px; }
.pad { padding-top:10px; }
.nopad { padding-left:0;padding-right:0; }
.nopad img { width:100%;height:auto; }
.date { color:#999; }
.intro-text {font-size:18px;margin-bottom:15px; }
h3 { font-size:16px;font-weight:400;color:#00a6dd;text-transform:uppercase;padding-left:20px; }
.header { font-family: 'Roboto Condensed', sans-serif;font-size:28px;color:#333;font-weight:300;text-transform:uppercase;margin-bottom:10px; }
.header.white { color:#FFF; }
.hero { margin-top:176px;}
.red-bar { margin-top:40px; background-color:#FF0000;padding:30px 0px; }
.hidden-cta { background:transparent;padding:10px 0px; }
.cta-link { /* margin-top:128px; */padding:10px 0px;text-align:center;background-color:#FF0000;color:#FFF;font-size:20px;font-weight:700;text-transform: uppercase; }
.cta-link:focus, .cta-link:hover { color:#FFF;text-decoration: none; }
.navbar-default {background-color: #FFF;border-color: #FFF;}
.navbar { margin-bottom:0;background:transparent;border-bottom:0;}
.navbar-header { background-color:#000;}
.navbar-brand { font-size:12px; }
.navbar-brand { width: 170px;height: 134px;display: block;background-image: url("../images/ultimate-logo.png");background-position:top center;background-size: 170px 134px;background-repeat: no-repeat;text-indent: -9999px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}


.navbar-default .navbar-collapse {border-color: #e7e7e7;background-color: #FFF;border-bottom:1px solid #ccc;}
.navbar-default .navbar-toggle {margin-top: 40px;border-radius: 0px;border-color: #333;background-color: #333;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color:#000;}
.navbar-default .navbar-nav>li>a {color: #333;font-weight: 700;font-size: 16px;text-transform: uppercase;}
.breadcrumb {padding: 15px 15px;margin-bottom: 20px;list-style: none;background-color: #FFF;border-radius: 0;}
.whitebg { background:#FFF;padding:40px 0px; }
.greybg { background:#F6F6F6;padding:30px 0px; }
.btn-primary, .btn-cta { border:0;border-radius: 0;background-color:#000; }
.btn-primary:hover { background-color:#333; }
.btn-danger { background-color:#FF0000;border-color:#FF0000; }
.btn-cta { color:#FFF;font-weight:700;margin-bottom:30px; }
.btn-cta:hover, .btn-cta:focus { background-color:#FFF; }
.btn-lg, .btn-group-lg>.btn {padding: 14px 16px;font-size: 24px;}
.btn-white { border-radius:0;background-color:#FFF;color:#0099FF;font-size:28px;text-transform: uppercase;}
.item { position:relative;margin-bottom:30px; }
.row.border-bottom { border-bottom:2px solid #FFF;padding-bottom:15px;margin-bottom:15px; }
.footer { background: #000;padding:40px 0px; }
.address, .address a { color:#FFF; }
.copyright { color:#fff;font-size:12px; }
.xeno { text-align:left; }
.xeno a { color:#FFF;text-transform: none;font-size:12px; }
.xeno a:hover { text-decoration:none; }
.form-control { border-radius: 0;/* border:transparent; */box-shadow:none;margin-bottom:15px; }
form label { color:#FFF;font-size:14px; }
#form1_demo_form label, #form1_quote_form label, #form1_contact label { color:#333;font-size:14px; }

.subscribe-text { color:#FFF; }
.gallery-item { margin-bottom:30px; }
.padtop { padding-top:60px; }
.border-box { margin-top:30px; }
.page-header { margin:10px 0 10px;font-size:18px; }
.burgundy-link { color:#CD2B3A;font-size:28px;text-transform: uppercase; }
.burgundy-link:hover, .burgundy-link:focus { color:#ad2734; }
.highlight { color:#FF0000;}
.smaller {height: 80px;background-color:#000;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.tagline { font-size:22px;color:#fff;line-height:22px;margin-top:15px;}
.blue-cta {padding: 30px 0px;background-color: #ff0006;color:#FFF;font-family: 'Open Sans Condensed', sans-serif;font-size:24px;text-transform: none;line-height:28px;}
.blue-cta a { font-weight:700;color:#FFF;  }
.gallery { padding-top:60px;}
#design { padding-top:30px;padding-bottom:40px;background-color:#94bce5;}
.design-image { background-image:none;background: #94bce5;}
.text-large p {  }
.embed-responsive { margin-bottom:30px; }
.newsletter { padding:40px 0px;background:#333; }

@media (min-width: 768px) {
	.pad { padding-top:40px; }
	.whitebg { background:#FFF;padding:60px 0px; }
	.hero { margin-top:0; }
	.primary-nav {font-size: 12px;text-transform: uppercase;}
	.navbar-nav { margin-left:20px;margin-top:20px;}
	.navbar-default .navbar-nav>li>a {font-family: 'Open Sans Condensed', sans-serif;color: #FFF;}
	.nav>li>a {font-size:16px;font-weight:700;color:#FFF;padding: 10px 10px;}
	.navbar-default .navbar-collapse { padding-right:0;padding-left:0;background-color:transparent;border-bottom:0;  }
	.navbar-brand {width: 170px;height: 134px;background-size: 170px 134px;}
	.navbar { background-image:url(../images/header-bg.png);background-repeat: repeat-x; background-position: 0px 0px;background-size: 100% 60%;  }
	.navbar-header { background-color:transparent; }
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.ancestor>a {color: #ff0006;background-color: transparent;}
	
	.header { font-size:32px;color:#333; }
	.border-box { margin-top:0; border-left:1px solid #333;padding-left:45px;}
	
	.btn-cta { margin-bottom:0px; }
	.cta-link { display:block;position:absolute;right:95px;top:30px;background:transparent;margin:0;padding:0;padding-right:15px;border-right:1px solid #FFF;}
	.cta-link, .cta-link:hover { font-size:20px;text-transform: uppercase;font-weight:700;color:#ff0006; }
	.social-links {position: absolute;top: 20px;padding-left:15px;right: 0px;/* height: 65px; */}
	.social-links a { display:inline-block;color:#FFF;font-size:26px;padding-left:3px; }
	.social-links a:hover, .social-links a:focus { color:#FF0000; }

	h1 { font-size:48px;margin-bottom:30px; }
	h2 { font-size:21px; }
	h2.white { font-size:24px; }
	form#availability { background:#6699CC;padding:15px 0px;margin-top:0px; }
	.footer-logo { margin-top:-41px; }
	
	.hero { margin-top:80px;}
	
	.aside { border-left:1px solid #CCC;padding-left:30px; }
	.aside ul { margin:0;padding:0; }
	.aside ul li { margin-left:15px;margin-bottom:10px; }
	
	#design { padding-top:60px;padding-bottom:0;background-color:#94bce5;}
	.design-image { min-height:550px;background: #94bce5 url(../images/design-image-min.jpg) no-repeat center top;background-size: cover;}
	.text-large p { font-size:24px;text-align: right;margin-right: 20px;padding:30px 0px; }
	
	.content-block-right { padding-left:30px;padding-right:30px;font-size:16px;}
	.content-block-left { padding-right:30px;padding-left:30px;font-size:16px;}
	
	.smaller { height:81px;border-bottom:1px solid #ccc;}
	.smaller .navbar-brand { background-image: url("../images/ultimate-horns.png");width:150px;height:80px;background-size:150px 80px;/* position:absolute;left:0px;top:0px; */ }
	.smaller .navbar-nav { margin-top:20px; }
	.smaller .cta-link { top:28px;}
	.smaller .social-links { top:20px; }
	
	.ms-skin-default .ms-nav-next {width:50px;height:50px;/* right: 100px; */left: auto;top:80%;background-position: -20px 302px;}
	.ms-skin-default .ms-nav-prev {width:50px;height:50px;/* left: 100px; */top:80%;background-position: -83px 302px;}
	
	.blue-cta {padding: 30px 0px;background-color: #ff0006;color:#FFF;font-size:20px;}
	
}

@media (min-width: 992px) {
/* 	.navbar-brand {width: 212px;height: 167px;background-size: 212px 167px;} */
	.navbar-nav { margin-top:20px;}
	.primary-nav {/* position: absolute;top: 45px;right: 0px; */font-size: 14px;text-transform: uppercase;}
	.navbar-default .navbar-nav>li>a {font-size:16px;padding: 10px 15px;}
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {color: #ff0006;background-color: transparent;}
	.social-links {top: 20px;}
		
	h1 { font-size:60px;margin-bottom:20px; }
	h2 { font-size:22px; }
	form#availability { background:#6699CC;padding:15px 0px;margin-top:-68px; }
	.desc { font-size:14px;line-height:16px; }
	.cta-link { font-size:16px;top:30px; }
	.cta-link:focus, .cta-link:hover { font-size:16px; }
	.ms-skin-default .ms-nav-next {width:50px;height:50px;/* right: 70px; */left: auto;top:80%;background-position: -20px 302px;}
	.ms-skin-default .ms-nav-prev {width:50px;height:50px;/* left: 70px; */top:80%;background-position: -83px 302px;}
	
	#design { padding-top:60px;background-color:#94bce5;/* height:1500px;background: #94bce5 url(../images/design-image-min.jpg) 50% 100% no-repeat;background-size: 100% auto;  */}
	.design-image { min-height:550px;background: #94bce5 url(../images/design-image-min.jpg) no-repeat center top;background-size: cover;}
	.text-large p { font-size:28px;text-align: right;margin-right: 20px;padding:30px 0px; }
	
	.blue-cta {font-size:26px;}
	.content-block-right { padding-left:30px;padding-right:100px;font-size:16px;}
	.content-block-left { padding-right:30px;padding-left:100px;font-size:16px;}
	.content-block-left h2, .content-block-right h2 { font-size:26px; }
	
}

@media (min-width: 1200px) {
	h1 { margin-bottom:30px; }
	
	.navbar-brand {width: 212px;height: 167px;background-size: 212px 167px;}
	.navbar { background-image:url(../images/header-bg.png);background-repeat: repeat-x; background-position: 0px 0px;  }
	.navbar-nav {margin-top:30px; }
	.navbar-default .navbar-nav>li>a {font-size:16px;padding: 10px 20px;}
	.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {color:#e7e7e7;}
	
	.social-links {top: 28px;}
	.social-links a { font-size:28px; }
	
	.smaller .navbar-brand { background-image: url("../images/ultimate-horns.png");width:150px;height:80px;background-size:150px 80px;/* position:absolute;left:0px;top:0px; */ }
	.smaller .navbar-nav { margin-top:20px; }
	.smaller .cta-link { top:25px;}
	.smaller .social-links { top:20px; }
	
	.ms-skin-default .ms-nav-next {width:50px;height:50px;/* right: 30px; */left: auto;top:80%;background-position: -20px 302px;}
	.ms-skin-default .ms-nav-prev {width:50px;height:50px;/* left: 30px; */top:80%;background-position: -83px 302px;}
	
	.desc { font-size:14px;line-height:16px; }
	form#availability { margin-top:-108px; }
	
	.cta-link { font-size:20px;top:35px; }
	.cta-link:focus, .cta-link:hover { font-size:20px; }
	.padded-text { padding:0px 100px; }
	
	#design { padding-top:60px;background-color:#94bce5;/* height:1500px;background: #94bce5 url(../images/design-image-min.jpg) 50% 100% no-repeat;background-size: 100% auto;  */}
	.design-image { min-height:800px;background: #94bce5 url(../images/design-image-min.jpg) no-repeat center top;background-size: cover;}
	.text-large p { font-size:28px;text-align: right;margin-right: 20px;padding:30px 0px; }
	
	.content-block-right { padding-left:30px;padding-right:300px;font-size:18px;}
	.content-block-left { padding-right:30px;padding-left:300px;font-size:18px;}
	.content-block-left h2, .content-block-right h2 { font-size:26px; }
}