﻿@font-face {
    font-family: 'oswaldbold';
    src: url('/fonts/oswald-bold-webfont.eot');
    src: url('/fonts/oswald-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/oswald-bold-webfont.woff') format('woff'),
         url('/fonts/oswald-bold-webfont.ttf') format('truetype'),
         url('/fonts/oswald-bold-webfont.svg#oswaldbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'oswaldlight';
    src: url('/fonts/oswald-light-webfont.eot');
    src: url('/fonts/oswald-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/oswald-light-webfont.woff') format('woff'),
         url('/fonts/oswald-light-webfont.ttf') format('truetype'),
         url('/fonts/oswald-light-webfont.svg#oswaldlight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'oswaldbook';
    src: url('/fonts/oswald-regular-webfont.eot');
    src: url('/fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/oswald-regular-webfont.woff') format('woff'),
         url('/fonts/oswald-regular-webfont.ttf') format('truetype'),
         url('/fonts/oswald-regular-webfont.svg#oswaldbook') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'pt_sans_narrowregular';
    src: url('/fonts/PTN57F-webfont.eot');
    src: url('/fonts/PTN57F-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/PTN57F-webfont.woff') format('woff'),
         url('/fonts/PTN57F-webfont.ttf') format('truetype'),
         url('/fonts/PTN57F-webfont.svg#pt_sans_narrowregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'open_sanslight';
    src: url('/fonts/OpenSans-Light-webfont.eot');
    src: url('/fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('/fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('/fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'open_sansregular';
    src: url('/fonts/OpenSans-Regular-webfont.eot');
    src: url('/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('/fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('/fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansbold';
    src: url('/fonts/OpenSans-Bold-webfont.eot');
    src: url('/fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('/fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('/fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}






body {
    width: 100%;
    height: 100%;
    font-family: open_sansregular,sans-serif;
    background-color: #000;
}

html {
    width: 100%;
    height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 22px;
    font-family: open_sanslight,sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 61px;
    font-weight: normal;
    /*text-shadow: 1px 2px 5px #000;*/
}

p {
    margin: 0 0 25px;
    font-size: 18px;
    line-height: 1.5;
    text-shadow: 1px 1px 2px #333;
    }

@media(min-width:767px) {
    p {
        margin: 0 0 35px;
        font-size: 28px;
        line-height: 1.6;
    }
}

a {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

a:hover,
a:focus {
    text-decoration: none;
    
}

.light {
    font-weight: 400;
}

.navbar {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255,255,255,.3);
    text-transform: uppercase;
    font-family: open_sansregular,Arial,sans-serif;
    background-color: #B4B4B4;
    min-height: 127px;    
}

.logo {margin: -25px -22px 3px 5px;}
.navbar-brand {font-weight: 700;  height: auto;}

.navbar-brand:focus {
    outline: 0;
}

.navbar-custom a {color: #fff;font-family:open_sansregular;font-size: 16px; font-weight: normal; letter-spacing: 0px;}

.navbar-custom .nav li a {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li.active {
    outline: 0;
    background-color: rgba(255,255,255,.2);
}

.navbar-toggle {
    padding: 4px 6px;
    font-size: 16px;
    color: #fff;
}

.navbar-toggle:focus,
.navbar-toggle:active {
    outline: 0;
}

@media(min-width:767px) {
    .navbar {    z-index: 999999;border-bottom: 0;letter-spacing: 1px; background: 0 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
        background: url(/images/navbg.png)repeat-x top center;}  
}

.intro {
    display: table;
    width: 100%;
    height: auto;
    padding: 100px 0;
    text-align: center;
    color: #fff;
    background: url(/images/none.jpg) no-repeat bottom center scroll;
    background-color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.intro-body {
    position: relative;
    z-index: 99999;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    bottom: 0px;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.58);
    padding: 0px 0px 0px 0px;
}
    
.brand-heading {font-size: 40px; margin: 29px 0px 4px 0px; text-shadow: 1px 1px 1px rgba(39, 35, 35, 0.5); font-family: open_sanslight; color: #2f2f2f;}

.intro-text {
    font-size: 24px;
	font-family: open_sansregular;
	text-shadow: 1px 2px 3px #000;
}

@media(min-width:767px) {
    .intro {
        height: 100%;
        padding: 0;
    }

    .brand-heading {
        font-size: 50px;
    }

    .intro-text {
        font-size: 25px;
    }
}

.btn-circle {
    width: 70px;
    height: 70px;
    margin-top: 15px;
    padding: 7px 16px;
    border: 2px solid #07A0E1;
    border-radius: 35px;
    font-size: 40px;
    color: #07A0E1;
    background: 0 0;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.btn-circle:hover,
.btn-circle:focus {
    outline: 0;
    color: #86CDEC;
    background: rgba(255,255,255,.1);
}

.page-scroll .btn-circle i.animated {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
}

.page-scroll .btn-circle:hover i.animated {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
}

@-webkit-keyframes pulse {    
    0 {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes pulse {    
    0 {
        -moz-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -moz-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

.content-section {
    padding-top: 100px;
}

.download-section {
    width: 100%;
    padding: 50px 0;
    color: #fff;
    background: url(../img/downloads-bg.jpg) no-repeat center center scroll;
    background-color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

#map {
    width: 100%;
    height: 200px;
    margin-top: 100px;
}

@media(min-width:767px) {
    .content-section {
        padding-top: 250px;
    }

    .download-section {
        padding: 100px 0;
    }

    #map {
        height: 400px;
        margin-top: 250px;
    }
}

.btn {
    text-transform: uppercase;
    font-family: open_sansregular;
	font-weight: 400;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.btn-default {
    border: 3px solid #28c3ab;
    color: #fff;
    background-color: transparent;
}

.btn-default:hover,
.btn-default:focus {
    border: 1px solid #28c3ab;
    outline: 0;
    color: #fff;
    background-color: #35DDC3;
}

.btn-huge {
    padding: 25px;
    font-size: 26px;
}

.banner-social-buttons {
    margin-top: 0;
}

@media(max-width:1199px) {
    ul.banner-social-buttons {
        margin-top: 15px;
    }
}

@media(max-width:767px) {
    ul.banner-social-buttons>li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.banner-social-buttons>li:last-child {
        margin-bottom: 0;
    }
}

::-moz-selection {
    text-shadow: none;
    background: #fcfcfc;
    background: rgba(255,255,255,.2);
}

::selection {
    text-shadow: none;
    background: #fcfcfc;
    background: rgba(255,255,255,.2);
}

img::selection {
    background: 0 0;
}

img::-moz-selection {
    background: 0 0;
}

body { webkit-tap-highlight-color: rgba(255,255,255,.2);}


.navbar .navbar-nav {display: inline-block;float: none;vertical-align: top;}
.navbar .navbar-collapse {text-align: center;}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {position: absolute;top: 40%;}
.carousel .item {-webkit-transition: opacity 3s; -moz-transition: opacity 3s; -ms-transition: opacity 3s; -o-transition: opacity 3s; transition: opacity 3s;}

.underline {text-decoration:underline;}
.textshadow {text-shadow: 1px 2px 5px #000;}
.bottomneg20 {margin-bottom:-8px}
.subimg {margin: 0px 5px 24px 0px;}
.btn-lg {padding: 10px 16px;font-size: 22px;line-height: 1.33;border-radius: 6px;}
.phone {position: relative;z-index: 99999999;float: right;margin-right: 15px;font-family: oswaldbook;
color: #dcd25f;letter-spacing: 0px;font-size: 18px;width: 195px;}
.aqua {color:#7affef;font-size: 22px;}
#valuableinfo {background:#474747;background-size:cover; width:100%;height: auto;padding-bottom: 31px;}
#valuableinfo .arrows {margin:17px 0 0 0}
#valuableinfo .brandheading  {font-size: 46px;}
#valuableinfo  a p {text-align: left;line-height: 27px;color:#fff;}
#valuableinfo  h3 {color: #ffe778;clear: right;text-align: left;margin: 15px 0px 10px 0px;}
#valuableinfo  h1 {font-size:42px}

#contactus.content-section {}
#contactus {background:#404040;background-size: cover;width: 100%;padding: 10px 0 10px;}
#contactus  h1 {color: #fff;font-size: 40px;letter-spacing: 0px;line-height: 39px;margin: 0;}
#contactus  span {color: #FFFFFF;font-family: open_sansbold;} 
#contactus  .btn-default {border: 3px solid #D37403;color: #FFF;background-color: #E98F07;}
#contactus  .btn-default:hover, .btn-default:focus {border: 3px solid #D37403;outline: 0;color: #fff;background-color: #FFAE4D;}
#contactus .shadow {box-shadow: inset 0px 0px 139px #AED8FF;}

#yard h2 {line-height: 65px;}
#yard {width: 100%; background-color: white; }
.yard-p1{color:#ffd577;font-size: 32px;}
.yeller,.yeller a{color:#dcd25f;}
#contact p {line-height: 28px;font-size: 27px;}
#contact h1 {line-height: 42px;}
#contact .btn-default {border: 3px solid #D37403;color: #FFF;background-color: #E98F07;font-size: 28px;margin-bottom:20px;}
#contact .btn-default:hover, .btn-default:focus {border: 3px solid #D37403;outline: 0;color: #fff;background-color: #FFAE4D;}
#contact.content-section {padding-top: 74px;}

#brands {width: 100%;padding: 22px 0px 56px 0px; background-color: white; box-shadow: inset 0px 0px 95px #A6A6A6;}

.whity, .whity a {color:white!important;}
.shadow {box-shadow: inset 0px 0px 162px #141414;}
.social {margin:0px -1px 0px 2px;vertical-align: text-top;}
.subgallery {font-size: 30px;}



a {color:#239ED3}
h1{color:#239ED3;text-shadow:none;}
h2{color:#272727;text-shadow:none;}
h3{color:#239ED3;text-shadow:none;}
h4{color:#272727;text-shadow:none;}
h5{color:#239ED3;text-shadow:none;}
h6{color:#272727;text-shadow:none;}
p {font-size: 21px; color: #272727;text-shadow:none;}
ul li{color:#272727;}
a { color: #FFDB54;}
a:hover,a:focus {text-decoration: none; color:#FFE583 ;}


#template a {color:#239ED3}
#template {background:#fff;}
#template .brand-heading {font-size: 49px;margin: 33px 0px 18px 0px;color:#239ED3;line-height: 52px;text-shadow:none;}
#template .content-section {padding-top: 138px;}
#template h1{font-size: 49px; margin: 33px 0px 18px 0px; color: #239ED3; line-height: 52px;text-shadow:none;}
#template h3{color:#239ED3;text-shadow:none;}
#template h5{color:#239ED3;text-shadow:none;}
#template p {font-size: 21px; color: #272727;text-shadow:none;}

div { margin: 0; padding: 0;}






.sidebar {background: rgba(8, 23, 32, 0.36);padding-top: 20px; padding-bottom:20px;margin: 20px 0 20px 0;padding: 20px 14px;}
.sidebar .btn-default {border: 3px solid #D37403;color: #FFF;background-color: #E98F07;}
.sidebar .btn-default:hover, .btn-default:focus {border: 3px solid #D37403;outline: 0;color: #fff;background-color: #FFAE4D;}
.sidebar .btn-lg {padding: 18px 1px 0px 9px;font-size: 22px;border-radius: 6px;}
.sidebar .btn-lg2 {padding: 2px 18px 0px 6px;font-size: 29px;border-radius: 6px;margin: 20px 0;}
.sidebar p {text-align:left;font-size:21px;margin:0px}
.sidebar p span {font-size: 46px;color: #dcd25f;font-family:oswaldbook;clear:left;text-transform: uppercase;}
.sidebar h1 {font-weight: normal;line-height: 47px;color:#fff!important;}
.sidebar h2 {font-family: oswaldbook;color: #dcd25f;letter-spacing: 0px;font-size: 18px;margin: 14px 0px 14px 6px;line-height: 23px;}
.sidebar h4 {margin: 10px 0px 10px 10px;line-height: 19px;letter-spacing: 0px}
.sidebar .caps {line-height:43px;text-transform:uppercase;}
.sidebarbox {margin-bottom:56px;}

.sidebarbox ul{text-align: left;}
.sidebarbox ul li {font-size:19px;line-height: 23px;margin-bottom:15px}

#mission {background:url(/images/pool1.jpg)no-repeat center top;background-size:cover; width:100%;display: table;padding-bottom: 55px;}
#mission h2{color: #fff;font-size: 44px;letter-spacing: 0px;line-height: 64px;margin: 0;}
#mission p {color:#222;text-shadow: 1px 1px 2px #FFF;}
#mission span {color:#ffaa45} 
#mission .btn-default {border: 3px solid #fff;color: #FFF;}
#mission .btn-default:hover, .btn-default:focus {  border: 3px solid #FFDB54; outline: 0; color: #fff; background-color: #56A5CC;}
#mission.shadow {box-shadow: inset 0px 0px 173px #4D4D4D;}
#mission.content-section {}


#orgbutton {background: none;background-size: cover;width: 100%;padding-bottom: 25px;}
#orgbutton .btn-default {border: 3px solid #D37403;color: #FFF;background-color: #E98F07;}
#orgbutton .btn-default:hover, .btn-default:focus {border: 3px solid #D37403;outline: 0;color: #fff;background-color: #FFAE4D;}



#footer a {color:#bcbcbc;}
#footer {background:#404040;background-size: cover;width: 100%;padding-bottom: 25px;}
#footer h2{color: #0061BB;font-size: 44px;letter-spacing: 0px;line-height: 51px;margin: 0;}
#footer p {color:#bcbcbc;font-size: 22px;margin: 0 0 6px;}
#footer p.small {font-size:15px;}
#footer span a{color: #B1B1B1;font-size: 18px;text-transform: uppercase;} 
#footer .btn-default {border: 3px solid #D37403;color: #FFF;background-color: #E98F07;}
#footer .btn-default:hover, .btn-default:focus {border: 3px solid #D37403;outline: 0;color: #fff;background-color: #FFAE4D;}
#footer.content-section {padding-top:27px;}
#footer img {margin-right:10px;margin-bottom:6px;display: inline-block;}
blockquote footer, blockquote small, blockquote .small {font-size: 100%;}
.portfolionav {font-size: 22px;text-align: center;background: rgba(32, 44, 58, 0.71);margin: 20px 0px 30px 0px;width:100%; padding: 10px 0px;}
.portfolionav ul  li {display: inline-block; padding-top: 2px!important;margin: 2px 22px 6px 22px;}

.pushbottom {margin-bottom: 25px; min-height:400px;}
.pushbottom2 {margin-bottom: 25px;}
.nopadding { padding: 0 !important; margin: 0 !important;}
.navbar-collapse.in {overflow-y: visible;}
.mtop10{margin-top:10px}
.mtop20{margin-top:20px}
.mtop30{margin-top:30px}
.mtop40{margin-top:40px}
.mtop50{margin-top:50px}
.mbottom10{margin-bottom:10px}
.mbottom20{margin-bottom:20px}
.mbottom30{margin-bottom:30px}
.mbottom40{margin-bottom:40px}
.mbottom50{margin-bottom:50px}
.mleft10 {margin-left:10px}

.ptop10{padding-top:10px}
.ptop20{padding-top:20px}
.ptop30{padding-top:30px}
.ptop40{padding-top:40px}
.ptop50{padding-top:50px}
.pbottom10{padding-bottom:10px}
.pbottom20{padding-bottom:20px}
.pbottom30{padding-bottom:30px}
.pbottom40{padding-bottom:40px}
.pbottom50{padding-bottom:50px}


.formtext{font-size: 19px;}
.formtext .form-control {font-size: 19px;}
.formtext .btn {font-size: 19px;}

.form-horizontal .checkbox-inline {clear: both;float: left;}
.img-responsive2 { max-width: 100%;   height: auto;}
.fullwidth {width:100%;}

#template .gallery .thumbnail .post-content {top:50%;left:0;position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0;}
#template .gallery .thumbnail .post-content p{color:#fff;line-height: 0px;font-size: 30px;}
#template .gallery .thumbnail{ position:relative;box-shadow: none; border: none;background-color: #4e98bb;}
#template .gallery .thumbnail .caption{padding:0px;}


#template .portfolionav a {color:#fff;font-size: 20px;}
#template .portfolionav a:hover {color:#ffdb54;}
#template .portfolionav ul {margin-bottom:0px;}







/* Large desktops and laptops */
@media (min-width: 1200px) {
.brand-heading {font-size: 58px;margin: 32px 0px 4px 0px;}
.content-section {padding-top: 130px;}
}

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
.content-section {padding-top: 150px;}
.navbar-custom a {font-size: 16px;letter-spacing: 0px;padding-top: 25px;}
.sidebar h1 {font-weight: normal;line-height: 40px;font-size:28px;}
.dropdown-menu {min-width: 100%!important;}
.logo { width: 275px;}
#template .portfolionav a {font-size: 17px;}

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
.content-section {padding-top: 150px;}
.nav > li > a {position: relative;display: block;padding: 10px 10px;letter-spacing: 0px;}
.content-section {padding-top: 130px;}
.navbar-custom a {font-size: 14px;letter-spacing: 0px;margin-right: -5px;padding-top: 25px;}
.dropdown-menu {min-width: 100%!important;}
.logo { width: 275px;}
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
.content-section {padding-top: 150px;}
.navbar-brand {margin-top: -55px;}
.navbar {min-height: 65px;}
.phone {margin-right: 64px;margin-top: -17px;}
.logo{width:199px;margin:5px;margin: 0 auto;}
.brand-heading {font-size: 34px;}
.dropdown-menu {min-width: 100%!important;}
#mission {padding-top: 75px;}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
position: absolute; top: 29%;}
#mission h2 { font-size: 30px;}
.portfolionav ul {padding:0px;}
.portfolionav ul li {display: block;}
#template .content-section { padding-top: 64px;}
}

/* Landscape phones and smaller */
@media (max-width: 480px) {
.phone {margin: 44px 54px 7px 31px;clear: both;}
.navbar {min-height: 72px;z-index:999999999999999999999!important;}
.intro {padding:100px 0px 23px 0px;}
.intro-body {padding-top: 1px;z-index:9999999!important;}
.cb-slideshow li span {max-height:600px;}
.brand-heading { font-size: 22px; line-height: 11px;}
#whyus {}
.content-section {padding-top: 125px;}
.btn-lg {padding: 10px 16px;font-size: 15px;}
#yard h2 {line-height: 42px;}
.yard-p1 {color: #ffd577;font-size: 25px;}
h2 {line-height: 42px;}
.aqua {color: #7affef;font-size: 18px;}
.dropdown-menu {min-width: 100%!important;}
.sidebar h1 {font-weight: normal;line-height: 33px;color: #fff!important;font-size: 24px;}
.form-horizontal .checkbox-inline {clear: both;float: left;font-size: 15px;}
#template .gallery .thumbnail .post-content p { font-size: 22px;}
}


@media (min-width: 768px){
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {margin-left: -15px; }
.navbar-nav {padding-top: 24px;}
.dropdown-menu {min-width: 100%!important;}

}

