
@charset "utf-8";
/* CSS Document */


body:before
{
content: "";
position: fixed;
top: -10px;
left: 0px;
width: 100%;
height: 10px;
z-index: 100;
-webkit-box-shadow: 0px 1px 10px #333;
-moz-box-shadow: 0px 1px 10px #333;
box-shadow: 0px 1px 10px #333;
z-index:10000000;
}

.col-xs-align-bottom,
.col-xs-align-middle,
.col-sm-align-bottom,
.col-sm-align-middle{
display:table;
table-layout:fixed;
width:100% !important;
padding-left:15px;
padding-right:15px;
box-sizing:content-box;
}

.col-xs-align-bottom *[class*='col-xs-']
.col-sm-align-bottom *[class*='col-sm-']{
display:table-cell;
vertical-align:bottom;
float:none;
table-layout:fixed;
}

.col-xs-align-middle *[class*='col-xs-'],
.col-sm-align-middle *[class*='col-sm-']{
display:table-cell;
vertical-align:middle;
float:none;
}






/**
 * Site Header
 **/


.site-header{
position:relative;
z-index:55555;
}

.site-header img{
border:none;
}

.header-top{
background:#fdfdfd;
position:relative;
padding-top:7px;
padding-bottom:7px;
z-index:44444;
}

.header-top:after{
content:"";
position:absolute;
left:0;
bottom:-5px;
width:100%;
height:5px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#64C6BA+0,b8c544+100 */
background: #64C6BA; /* Old browsers */
background: -moz-linear-gradient(left,  #64C6BA 0%, #B8C544 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#64C6BA), color-stop(100%,#B8C544)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #64C6BA 0%,#B8C544 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #64C6BA 0%,#B8C544 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #64C6BA 0%,#B8C544 100%); /* IE10+ */
background: linear-gradient(to right,  #64C6BA 0%,#B8C544 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#64C6BA", endColorstr="#B8C544",GradientType=1 ); /* IE6-9 */
;
}

.header-social-icons{
margin:0px;
list-style-type:none;
}

.header-social-icons li{
display:inline-block;
}

.header-social-icons img{
width:40px;
transition:all .2s;
-webkit-transition:all .2s;
-ms-transition:all .2s;
}

.header-social-icons img:hover{
transform:scale(1.1);
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
}

.header-contact-info-container{
text-align:right;
}

.header-disclaimer-link{
margin-right:15px;
text-transform:uppercase;
text-decoration:none;
font-weight:bold;
}

.header-disclaimer-link:hover{
text-decoration:none;
}

.header-logo{
display:inline-block;
margin:auto;
width:270px;
margin-top:30px;
margin-bottom:30px;
position:relative;
left:50%;
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
}

.mobile-nav-button{
display:none;
}

.mobile-menu-dropdown{
display:none;
}

.header-nav{
border-top:1px solid #093542;
border-bottom:1px solid #093542;
font-size:13px;
}

.header-nav ul{
margin:0px;
list-style-type:none;
}

.header-nav>ul{
text-align:center;
}

.header-nav>ul>li{
display:inline-block;
vertical-align:middle;
position:relative;
}

.header-nav>ul>li>a{
line-height:60px;
display:block;
padding-left:10px;
padding-right:10px;
text-decoration:none;
position:relative;
margin-right:5px;
margin-left:5px;
text-transform:uppercase;
}

.header-nav>ul>li:hover>a{
background:#B8C544;
color:#fdfdfd;
}

.header-nav>ul>li>a:after{
content:"";
position:absolute;
right:-10px;
top:50%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
width:5px;
height:5px;
background:#093542;
border-radius:50%;
}

.header-nav>ul>li:last-of-type>a:after{
display:none;
}

.header-nav>ul>li>ul{
position:absolute;
z-index:3555;
background:#fdfdfd;
box-shadow:0px 1px 3px rgba(0,0,0,.5);
width:250px;
right:5px;
text-align:left;
transition:all .2s;
-webkit-transition:all .2s;
transform:scale(0);
-webkit-transform:scale(0);
-ms-transform:scale(0);
transform-origin:100% 0;
-webkit-transform-origin:100% 0;
-ms-transform-origin:100% 0;
}

.header-nav>ul>li:hover>ul{
transform:scale(1);
-webkit-transform:scale(1);
-ms-transform:scale(1);
}

.header-nav>ul>li>ul>li{
padding-left:15px;
padding-right:15px;
position:relative;

}


.header-nav>ul>li>ul>li>a{
display:block;
color:rgba(0,0,0,.3);
text-decoration:none;
padding-top:10px;
padding-bottom:10px;
border-bottom:1px solid rgba(0,0,0,.3);
position:relative;
}

.header-nav>ul>li>ul>li>a:before{
font-family:'FontAwesome';
content:'\f101';
margin-right:10px;
font-size:18px;
vertical-align:middle
}

.header-nav>ul>li>ul>li:hover>a{
color:#093542;
}

.header-nav>ul>li>ul>li:hover>a:before{
color:#B8C544;
}

.header-nav>ul>li>ul>li:last-of-type>a{
border-bottom:none;
}

.header-nav>ul>li>ul>li:hover>a{
padding-left:15px;
}

.header-nav>ul>li>ul>li>ul{
position:absolute;
background:#fdfdfd;
box-shadow:0px 1px 3px rgba(0,0,0,.5);
left:250px;
top:0;
width:250px;
text-align:left;
overflow:hidden;
transition:all .2s;
-webkit-transition:all .2s;
transform:scale(0);
-webkit-transform:scale(0);
-ms-transform:scale(0);
transform-origin:0 0;
-webkit-transform-origin:0 0;
-ms-transform-origin:0 0;
}

.header-nav>ul>li>ul>li:hover>ul{
transform:scale(1);
-webkit-transform:scale(1);
-ms-transform:scale(1);
}

.header-nav>ul>li>ul>li>ul>li{
padding-left:15px;
padding-right:15px;
position:relative;
}


.header-nav>ul>li>ul>li>ul>li>a{
display:block;
color:rgba(0,0,0,.3);
text-decoration:none;
padding-top:10px;
padding-bottom:10px;
border-bottom:1px solid rgba(0,0,0,.3);
position:relative;
}

.header-nav>ul>li>ul>li>ul>li>a:before{
font-family:'FontAwesome';
content:'\f101';
margin-right:10px;
font-size:18px;
vertical-align:middle
}

.header-nav>ul>li>ul>li>ul>li:hover>a{
color:#093542;
padding-left:15px;
}

.header-nav>ul>li>ul>li>ul>li:hover>a:before{
color:#B8C544;
}

.header-nav>ul>li>ul>li>ul>li:last-of-type>a{
border-bottom:none;
}





/**
 * Generic Page Styling
**/



.page-top-gradient{
content:"";
width:100%;
height:200px;
position:absolute;
top:50px;
left:0;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d4f1ee+0,fdfdfd+100 */
background: #d4f1ee; /* Old browsers */
background: -moz-linear-gradient(top,  #d4f1ee 0%, #fdfdfd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4f1ee), color-stop(100%,#fdfdfd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d4f1ee 0%,#fdfdfd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d4f1ee 0%,#fdfdfd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d4f1ee 0%,#fdfdfd 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d4f1ee 0%,#fdfdfd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#d4f1ee", endColorstr="#fdfdfd",GradientType=0 ); /* IE6-9 */
;
}


#page-content{
padding-top:50px;
min-height:300px;
}


.no-image-border img,
img.no-image-border{
border:none !important;
}




/**
 * Hero Page Styling
**/


.hero-container{
background-position:center center;
background-size:cover;
background-attachment:scroll;
position:relative;
}

.hero-container:before{
content:"";
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
background:rgba(9,54,67,.4);
}

.hero-container>div{
position:relative;
z-index:200;
}


.hero-container .header-nav{
border-top:1px solid #fdfdfd;
border-bottom:1px solid #fdfdfd;
}

.hero-container .header-nav>ul>li>a{
color:#fdfdfd;
font-weight:bold;
}

.hero-container .header-nav>ul>li>a:after{
background:#fdfdfd;
}


.hero-content{
position:relative;
padding-top:100px;
padding-bottom:150px;
}

.hero-content,
.hero-content h1,
.hero-content h2,
.hero-content h3,
.hero-content h4,
.hero-content h5,
.hero-content h6,
.hero-content p,
.hero-content a{
color:#fdfdfd;
}

.hero-down-arrow{
position:absolute;
left:50%;
bottom:20px;
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
color:#fdfdfd;
font-size:50px;
cursor:pointer;
text-shadow:0px 2px 3px rgba(0,0,0,.5);
transition:all .2s;
-webkit-transition:all .2s;
display:block;
}

.hero-down-arrow:hover{
transform:translateX(-50%) scale(1.1);
-webkit-transform:translateX(-50%) scale(1.1);
-ms-transform:translateX(-50%) scale(1.1);
color:#fdfdfd;
}

.hero-gradient{
position:relative;
top:0;
}

.hero-page{
position:relative;
z-index:5;
margin-top:-135px;
}


div.testimonial-block{
border:solid 3px #64C6BA;
padding:20px;
border-radius:10px;
}



/**
 * Contact Page
**/

.centered-nf-button{
position:relative;
display:inline-block;
left:50%;
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
}







/**
 * Blog Home / Category Styling
**/



#blog-category-header{
text-align:center;

margin-bottom:50px;
}

.blog-excerpts-col{
margin-bottom:30px;
}

.blog-excerpt{
margin-bottom:60px;
}

.blog-excerpt-title{
margin-bottom:15px;
position:relative;
overflow:hidden;
}

.blog-excerpt-title a{
text-decoration:none;
display:inline-block;
position:relative;
font-size:30px;
max-width:80%;
}

.blog-excerpt-title:after{
content:"";
display:inline-block;
overflow:auto;
height:1px;
width:20000px;
background:#093542;
position:absolute;
top:50%;
margin-left:20px;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transition:all .2s;
-webkit-transition:all .2s;
}

.blog-excerpt-title a:hover:after{
background:#B8C544;
}

.blog-excerpt-featured-image{
background-position:center center;
background-size:cover;
width:100%;
height:0px;
padding-bottom:70%;
border:3px solid #64C6BA;
}

.blog-excerpt blockquote{
border:none;
padding:0px;
margin:0px;
}

.blog-excerpt blockquote p{
font-size:14px;
line-height:160%;
}

.blog-excerpt .button{
margin-top:25px;
}

.blog-prev-next-container{
text-align:center;
}

.blog-prev-next-container a{
display:inline-block;
border:none;
background:#B8C544;
text-transform:uppercase;
color:#fdfdfd;
box-shadow:0px 2px 3px rgba(0,0,0,.5);
line-height:50px;
font-size:16px;
padding:0px 25px;
border-radius:25px;
text-decoration:none;
margin-left:30px;
margin-right:30px;
margin-top:10px;
margin-bottom:10px;
}

.blog-prev-next-container a:hover{
text-decoration:none;
color:#fdfdfd;
cursor:pointer;
box-shadow:0px 1px 2px rgba(0,0,0,.5);
}



/**
 * Blog Single Styling
**/




.blog-post-title{
text-align:center;
margin-bottom:50px;
}

.blog-post-featured-image{
background-position:center center;
background-size:cover;
width:50%;
height:0px;
padding-bottom:35%;
margin-bottom:10px;
margin-right:25px;
border:3px solid #64C6BA;
float:left;
}

.blog-post-content{
border-bottom:1px solid #093542;
padding-bottom:60px;
margin-bottom:60px;
}






/**
 * Blog Sidebar Styling
**/



.blog-sidebar{
list-style-type:none;
margin:0px;
}

.blog-sidebar .widget{
margin-bottom:40px;
}

.blog-sidebar .widget:after{
    content: "";
    display: table;
    clear: both;
}

.blog-sidebar .widgettitle{
position:relative;
overflow:hidden;
font-size:30px;
margin-bottom:15px;
}

.blog-sidebar .widgettitle:after{
content:"";
display:inline-block;
overflow:auto;
height:1px;
width:20000px;
background:#093542;
position:absolute;
top:50%;
margin-left:20px;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}



/**
 * Blog comments styling
**/


.comment-reply-title{
margin-bottom:20px;
font-size:30px;
}

#comments{
margin-top:70px;
}

#comments ul.comment-list{
list-style-type:none;
margin-left:0px;
}

#comments ul.comment-list>li{
margin-bottom:20px;
padding-top:15px;
border-top:1px solid rgba(0,0,0,.3);
}

#comments ul.comment-list>li:first-of-type{
border-top:none;
}

#comments ul ul.children{
list-style-type:none;
margin-left:30px;
}

#comments ul ul.children>li{
border-left:3px solid #64C6BA;
padding-left:15px;
padding-top:10px;
padding-bottom:10px;
margin-bottom:20px;
}

.comment .comment-author{
font-weight:bold;
}

.comment .comment-author .name,
.comment .comment-author .name a{
text-decoration:none;
color:#64C6BA;
}

.comment .comment-meta{
display:inline;
}

.comment .comment-meta a{
text-decoration:none;
}

.comment-edit-link,
.comment-reply-link{
color:#B8C544;
}

.comment-content{
margin-top:10px;
}



/**
 * Footer Styling
**/



#site-footer{
position:relative;
padding-top:35px;
margin-top:70px;
}

#site-footer:before{
content:"";
position:absolute;
z-index:20000;
left:0;
top:-5px;
width:100%;
height:5px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#64C6BA+0,b8c544+100 */
background: #64C6BA; /* Old browsers */
background: -moz-linear-gradient(left,  #64C6BA 0%, #B8C544 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#64C6BA), color-stop(100%,#B8C544)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #64C6BA 0%,#B8C544 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #64C6BA 0%,#B8C544 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #64C6BA 0%,#B8C544 100%); /* IE10+ */
background: linear-gradient(to right,  #64C6BA 0%,#B8C544 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#64C6BA", endColorstr="#B8C544",GradientType=1 ); /* IE6-9 */
;
}

#site-footer img{
border:none;
}

#site-footer li.widget{
list-style-type:none;
margin-bottom:20px;
}

.widget-container h2.widgettitle{
font-size:25px;
text-align:center;
margin-bottom:25px;
}

.site-footer-bottom{
background:#B8C544;
text-align:center;
color:#fdfdfd;
padding-top:20px;
padding-bottom:20px;
padding-left:15px;
padding-right:15px;
margin-top:20px;
}

.site-footer-bottom a{
color:#fdfdfd;
text-decoration:none;
}

.site-footer-bottom a:hover{
color:#093542;
text-decoration:none;
}