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

Project Name: Unichem Mount
Creation date: 28 January 2016
Last modified: 28 January 2016
Description: 
Version: 1.0
Author: Steve Hopper | steve@xeno.co.nz
Company: xeno web development
Company URI: http: //www.xeno.co.nz

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


/*
FONTS USED:
font-family: 'Open Sans', sans-serif;
*/

.footer-bg {background: #fff; text-align: center; font-size: 15px; font-family:"Avenir LT W01_45 Book1475508"; padding: 20px 0; color: #777}
.blue-bg {background: #0061aa; padding:50px 0 4rem; overflow:hidden;}
.blue-bg-2 {background: #05324c; padding:8rem 0; overflow:hidden;}
.blue-bg-2 article {color: #fff; max-width: 1000px; margin:70px auto;}
.blue-bg-2 article p {font-family:"Avenir LT W01_45 Book1475508"; font-size: 18px; margin:20px 0;}
.blue-bg-2 a {color: inherit; border-bottom: 1px solid #0061aa; text-decoration: none}
.blue-bg-2 a:hover {color: #0061aa}
.blue-bg-2 article.highlight {width: 1000px; margin:0 auto; font-family:"Avenir LT W01_45 Book1475508"; border-bottom: 2px solid #0061aa; padding-bottom: 70px;}
.blue-bg-2 article.highlight h2 {font-size: 28px; line-height: 38px; text-align: center;}
.golf-bg {background: #0061aa; background-size: contain; padding: 0}
.wrapper-sml {width: 100%; max-width: 1200px; margin:0 auto; position: relative;}
.golf-hole {margin-bottom: 50px;}
.flex {display: -webkit-flex;
   display: flex;
   -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: space-between;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-flex-flow: row wrap;
   flex-flow: row wrap;
   -webkit-align-content: flex-end;
   align-content: flex-end; align-self: flex-start;}

   .golf-bg article {width: 500px; padding-bottom: 60px;}
   .golf-bg article h1 {margin:0 0 15px 0; color: #fff; font-style: normal; font-size: 65px; font-family:"Avenir LT W01_95 Black1475556";}
   .golf-bg article p {font-size: 28px; color: #fff; font-family:"Avenir LT W01_45 Book1475508";}
   .golf-bg article small {color: #fff; font-family:"Avenir LT W01_45 Book1475508"; font-size: 14px;}

body { font-family: 'Open Sans', sans-serif;font-size: 14px;font-weight:300;line-height: 1.428571429;color: #333;background-color: #f1f4f5; }
h1 { font-size:34px;color:#f98300;font-family: 'Open Sans', sans-serif;font-style: italic;font-weight: 700;letter-spacing: -1px; }
h1.krd { margin-top:80px;}
h2 { font-size:16px;line-height:22px;font-weight:400; }
h3 { margin-bottom:15px;margin-top:0; }
h4 {}
h5 {}
a { color:#333;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out; }
a:hover { color:#000;}

.main-content { margin-top:30px;margin-bottom:30px; }
.grey-bar { background-color:#f1f4f5; }
.white-bar { background-color:#FFF;padding-top:40px;padding-bottom:40px;border-top:1px solid #f1f4f5; }
.padded { padding:30px 0px; }
.white { color:#FFF; }
.text-large { font-size:16px;}

.wrapper { padding-top:235px; }

#header { z-index:999;position:absolute;left:0;right:0;height:210px;background-color:transparent;background-image: url(../images/bkrnd-header-bluecurve.png);background-repeat: no-repeat;background-position: bottom center;background-size: cover; }

.navbar-brand {width:100%;height:133px;padding:0px;background:transparent;margin-top:30px; }


.btn-warning { background-color:#F98300;border-color: #F98300;font-size:18px;color:#FFF;font-weight:700;line-height:30px;border-radius: 5px;}
.btn-warning:hover, .btn-warning:focus { color:#FFF;text-decoration: none;background-color:#e37904;}
.btn-visit { width:100%;margin-top:80px; }
.page-header { padding:30px 0px 5px 0px;margin:0;font-style: italic;font-weight: 700;font-size:28px;color:#f98300;border-bottom:0; }
.separator { margin-bottom:30px; }
.section-header, .green-header { font-family: 'Slabo 13px', serif;font-size:22px;color:#000;text-align: center;margin-top:10px;letter-spacing:3px; }
.green-header { text-transform: uppercase;color:#31B44B;font-size:16px;text-align:left;margin-top:0;margin-bottom:10px;}
.service { text-align: center;margin-bottom:30px;}

.exterior { width:100%;height:427px;background-image: url(../images/unichem-exterior-min.jpg);background-repeat: no-repeat;background-position: right bottom;background-color:#FFF;}

#footer { /* padding-top:8px;padding-bottom:8px; */ }
#footer p, #footer a { color:#003f8c;font-size:18px;line-height:14px;margin:0px; }
.xeno { background-color:#FFF;text-align:center;border-top:1px solid #FFF;padding-top:30px;padding-bottom:30px; }

#footer .col-sm-2 { width: 19.666667%; }
#footer .col-sm-2 p, #footer .col-sm-2 a {  font-size: 15px; }

@media screen and (max-width: 800px) {
.wrapper-sml {width: 80%}
.blue-bg-2 article.highlight {width: 100%}
.blue-bg-2 article.highlight h2 {font-size: 21px; line-height: 30px;}
.blue-bg-2 article p {font-size: 16px;}
.golf-hole {width: 100%}
.golf-bg article h1 {font-size: 40px;}
.blue-bg img {max-width: 200px; margin-bottom: 20px;}
}

@media screen and (max-width: 1280px) {
.wrapper-sml {width: 80%}
.blue-bg-2 article.highlight {width: 100%}

}

@media (min-width: 768px) {
	
	h1.krd { margin-top:50px;}
	#header { z-index:999;position:absolute;left:0;right:0;height:210px;background-color:transparent;background-image: url(../images/bkrnd-header-bluecurve.png);background-repeat: no-repeat;background-position: bottom center;background-size: cover; }
	
	.navbar-brand {width:329px;height:133px;padding:0px;background:transparent;margin-top:30px; }
	.visit-btn { float:right; }
	.wrapper { padding-top:180px; }
	.exterior { width:407px; }
}

@media (min-width: 992px) {
	
	h1.krd { margin-top:80px;}
	#header { height:280px; }
	.navbar-brand { margin-top:50px; }
	.wrapper { padding-top:245px; }
 	.exterior { width:535px;}
		
}
@media (min-width: 1200px) {
	.wrapper { padding-top:235px; }
	.exterior { width:750px; }
}