/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/
/* General Styles */
body { font-size: 16px; }
.form-control { border-radius: 0; }
.button { background-color: #3dbc91; }
.button:hover, .dark .button:hover { background-color: #329c78; }
.button-blue { background-color: #02b3ce; }
h2 {
	font-size: 26px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    color: #14998c;
    margin-bottom: 20px;
}
.heading-block h1 { font-weight: 300; text-transform: none; }
.heading-block:after { border-top: 2px solid #14998c; width: 160px; }
.heading-block ~ p:not(.lead) { font-size: 16px; }

/* Helper Classes */
.mb-md { margin-bottom: 60px !important; }
.mb-xs { margin-bottom: 10px !important; }
.mb { margin-bottom: 30px !important; }
.mr-xs { margin-right: 10px !important; }
.vp-md { padding: 60px 0; }
.pb-lg { padding-bottom: 80px !important; }
.pb { padding-bottom: 50px !important; }
.tp-lg { padding-top: 80px !important; }
.tp { padding-top: 50px !important; }
.p-sm { padding: 30px !important; }

/* Header Styles */
#header, #header-wrap, #logo img { height: 80px; }
#header.transparent-header + #slider { top: -125px; }
#header.sticky-header:not(.static-sticky) #header-wrap { height: 95px; }
#header.sticky-header:not(.static-sticky) #top-bar { background-color: #023136; }
#header.sticky-header:not(.static-sticky) #top-bar, 
#header.sticky-header:not(.static-sticky) #top-bar #top-social li, 
#header.sticky-header:not(.static-sticky) #top-bar #top-social li a, 
#header.sticky-header:not(.static-sticky) #top-bar #top-social li .ts-icon, 
#header.sticky-header:not(.static-sticky) #top-bar #top-social li .ts-text { height: 35px; line-height: 35px; }
#header-wrap .button { margin: 0; background-color: #02b3ce; }
#header-wrap .button:hover { background-color: #0298af; }
#header-wrap .button.button-green { background-color: #3dbc91; }
#header-wrap .button.button-green:hover { background-color: #329c78; }
.header-extras { margin: 15px 0 0; }
.header-extras li { height: auto; overflow: visible; }
.navbar-inverse .navbar-nav > li > a { color: #eeeeee; }
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { background-color: #080808; }
#top-header-buttons {
    float: right;
    -webkit-transition: margin .4s ease;
    -o-transition: margin .4s ease;
    transition: margin .4s ease;
}

.device-sm #top-header-buttons {
    position: absolute;
    top: 0;
    left: auto;
    right: 15px;
}
.dark #top-bar { background-color: transparent; }
.dark #top-social li { border-left: 0 !important; }

/* Slider Styles */
.slider-caption h2 { 
	font-size: 46px; 
	letter-spacing: 1px; 
	font-weight: 800;
	color: #fff !important;
}
.slider-caption .lead { font-weight: 500; }

/* Sections */
.col-text h3 {
	color: #14998c;
	font-size: 34px;
    font-weight: 300;
    padding: 10px 0;
    margin-bottom: 0;
}
.col-text p {
	font-size: 18px;
    font-weight: 400;
    line-height: 30px;
}
.col-image img {
	width: 100%;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
}
#content .section { padding: 80px 0 0 0; background-color: #ffffff; }
#contact .contact-widget { width: 500px; margin: 0 auto; }
#contact .contact-widget form {
    position: relative;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 3px 3px 0 0;
    padding: 30px;
}
#contact .contact-widget .heading-block h3 {
    font-size: 24px;
    font-weight: 300;
    text-transform: none;
}
#demo-section { padding-top: 50px !important; }
#demo-section img {
    position: relative;
    z-index: 1;
}
#demo-section .gradient_bg {
    position: absolute;
    width: 100%;
    height: 380px;
    top: 100px;
    z-index: 0;
    background: #08b4c8;
    background: -moz-linear-gradient(left, #08b4c8 0%, #31b99c 60%, #98d16d 100%);
    background: -webkit-linear-gradient(left, #08b4c8 0%,#31b99c 60%,#98d16d 100%);
    background: linear-gradient(to right, #08b4c8 0%,#31b99c 60%,#98d16d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08b4c8', endColorstr='#98d16d',GradientType=1 );
}
.svc-icon > a { pointer-events: none; }
/* Footer */
#footer.dark .social-icon.si-borderless {
    color: #999 !important;
}