/*---------------- HEADER ------------------*/
html {width:100%; height:100%;}
 
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding:0;
  margin:0;
}

/* Move down content because we have a fixed navbar that is 50px tall*/
body {padding-bottom:0px; padding-top:57px; background:#f0f2f5;}

a {outline: 0 !important;}

@font-face {
    font-family: 'sketch_rockwellregular';
    src: url('../fonts/SketchRockwell-Bold-webfont.eot');
    src: url('../fonts/SketchRockwell-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SketchRockwell-Bold-webfont.woff2') format('woff2'),
         url('../fonts/SketchRockwell-Bold-webfont.woff') format('woff'),
         url('../fonts/SketchRockwell-Bold-webfont.ttf') format('truetype'),
         url('../fonts/SketchRockwell-Bold-webfont.svg#sketch_rockwellregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1 {font:normal 60px 'sketch_rockwellregular', Arial !important;}

/*--------------- NAVIGATION -----------------*/
.brand-line {position:fixed; top:0; height:3px; width:100%; background:#007f49; z-index:9999; left:0; right:0;}


.nav-holder {float:left; display:inline; width:100%; font-weight:600; background:url(../img/nav-btm-shdw.png) center bottom no-repeat; padding-bottom:25px; text-transform:uppercase; border-top:3px solid #007f49;}

.nav-logo {max-width:100%; height:50px; margin:0 auto;}

.nav-header{background:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-box-flex:1;-webkit-flex:1 0 100%;-ms-flex:1 0 100%;flex:1 0 100%;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}

.logo{position:relative;z-index:902;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:2;-webkit-flex:2 0 20%;-ms-flex:2 0 20%;flex:2 0 20%;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;
border-bottom:1px solid #eee;text-decoration:none;background-color:#fff;}

.navigation-mobile{background-color:#fff;position:relative;z-index:902;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}

.navigation-mobile a{border-left:1px solid #eee; border-bottom:1px solid #eee; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;position:relative;padding:1em;font-size:1em;z-index:991;width:100%;color:#99a3b1;text-decoration:none;cursor:pointer;-webkit-transition:background-color .4s ease-in-out;transition:background-color .4s ease-in-out;}

.navigation-mobile a:before{content:" ";display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-webkit-flex:0 0 2em;-ms-flex:0 0 2em;flex:0 0 2em;height:1.5em;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}

.navigation-mobile a:hover,.navigation-mobile a:active,.navigation-mobile a:focus{background-color:#007f49;color:#fff}

.navigation-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1 0 100%;-ms-flex:1 0 100%;flex:1 0 100%;}

.navigation{display:block;position:absolute;z-index:900;width:100%;-webkit-transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);}

.navigation.navigation-open {-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); padding:0; margin:0; background:#fff; font-size:16px !important; overflow-x:none !important; overflow-y:scroll; max-height:400px !important;
-webkit-box-shadow:0px 3px 3px 0px rgba(50, 50, 50, 0.4);
-moz-box-shadow:0px 3px 3px 0px rgba(50, 50, 50, 0.4);
box-shadow:0px 3px 3px 0px rgba(50, 50, 50, 0.4);
}

.navigation.navigation-open .icon {float:none !important; display:inline !important;}



.navigation.navigation-open ul li a {padding:0.6em 0; border-bottom:1px solid #f0f2f5;}

.navigation.navigation-open ul li:last-child a {border-bottom:none;}

.navigation-item {display: block; width: 100%; border-bottom: 1px solid #eee; font-size:0.9em;}

.navigation-item a {display: block; width: 100%; padding: 1em 1em; text-align: center; border-left: 1px solid #eee; color: #99a3b1; text-decoration: none; -webkit-transition: background-color 0.4s ease-in-out; transition: background-color 0.4s ease-in-out;}

.navigation-item a:hover {background-color: #007f49 !important; color:#fff !important;}

a.navigation-mobile-link .icon {font-size:2em;}


.custom-nav a {padding:0.9em 0 0.7em 0 !important;}
.custom-nav .icon {float:left; display:block; text-align:center; width:100%; font-size:1.7em;}





/*---------------------------- BLOG HEADER --------------------------*/
.jumbotron {padding:0 !important; background:#fff !important; border-bottom:3px solid #e3e4e8; overflow:hidden !important; clear:both !important;}

.jumbotron h1 {color:#434a54;}
.jumbotron p {font-size:18px;color: #d3d3d3;}


.character {padding-top:32px;}
.character img {margin:0 auto !important;}

.hud-txt {text-align:center; padding-top:32px; padding-bottom:30px;}
.hud-txt h1 span.icon {visibility:hidden; display:none;}

.hud-carousel {text-align:center; padding-top:20px; padding-bottom:25px; background:#f6f8fa; margin:32px 0 0 0;}
p.carousel-title {font-family:'sketch_rockwellregular', Arial, Helvetica, sans-serif; font-size:24px; color:#a4aeb9; padding-bottom:10px;}
p.carousel-title span.icon {color:#b7bbc2;}

a.carousel-nav {color:#abb1b5; font-weight:300; padding-bottom:5px;}
a:hover.carousel-nav, a:focus.carousel-nav {color:#007f49;}

/*.c-left {float:left; display:inline-block; width:50px;}
.c-right {float:right; display:inline-block; width:50px;}*/

img.carousel-pic {margin:0 auto; width:100%; max-width:400px !important; }
a.item-title {font-size:24px; font-family: 'Open Sans Condensed', sans-serif; color:#6d747d; line-height:32px; text-decoration:none;}
a:hover.item-title, a:focus.item-title {color:#007f49;}


/*-------------- BLOG POSTS ----------------*/
#container {padding:40px 0 40px 0;}
.thumbnail {display:block; padding:0 !important; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border-left:none; border-right:none;border-top:none; border-radius: 4px; border-bottom:3px solid #e3e4e8 !important; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out;}
.thumbnail:hover {border-bottom:3px solid #007f49 !important;}

.blog-box img {border-top-left-radius:4px !important; border-top-right-radius:4px !important;}
.blog-box h3 a, .blog-box h4 a {color:#434a54;}
.blog-box h3 a:hover, .blog-box h3 a:focus, .blog-box h4 a:hover, .blog-box h4 a:focus {color:#007f49; text-decoration:none;}
.blog-box .caption {padding:0 15px;}
.blog-box .caption p {color:#6d747d; font-weight:600; padding:10px 0; font-size:15px;}

.blog-box ul.list-inline {font-size:13px; font-style:italic; color:#6d747d; padding-top:12px;}
.blog-box ul.list-inline li {padding:4px 12px;}
.rht-box .blog-box ul.list-inline li {padding:4px 8px;}
.blog-box ul.list-inline li:first-child {padding-left:5px;}
.rht-box .blog-box ul.list-inline li:first-child {padding-left:5px;}
/*.blog-box ul.list-inline li:first-child:after {content:"|"; position:relative; right:-8px;}*/


/*----------------------------- BLOG DETAILS ---------------------------------*/
.bl-in-header {background:#434a54 !important; padding-bottom:10px !important; border-bottom:none !important;}
.bl-in-header .container-fluid {padding-top:30px; padding-bottom:20px;}
.bl-in-header ul.list-inline li {padding:5px 15px; color:#abb1b5; font-style:italic; font-size:18px;}
.bl-inline ul.list-inline li {padding:5px 12px; font-style:italic; font-size:16px;}
.bl-in-header ul.list-inline li a:hover {color:#e3e4e8;}
.bl-inline ul.list-inline li a:hover {color:#393f48;}
.bl-in-header h1 {color:#fff;}
.bl-in-header a {color:#abb1b5;}
.bl-inline a {color:#007f49;}
.bl-inline {padding:0;}

.bl-icon {text-align:center; padding:30px 10px 10px 0px; font-size:160px; color:#6d747d;}
.bl-inline ul.list-inline { padding-left: 0; margin-top:0; }

.bl-details {padding:20px; overflow:hidden; color:#434a54; font-weight:400; font-size:18px; line-height:28px;}

.bl-details p.lead {font-size:20px; font-weight:400; line-height:30px; padding:25px 0 10px 0; color:#141d25;}
.bl-details p {color:#434a54; font-weight:400; font-size:18px; line-height:28px; padding:10px 0;}


.quote-pic-left {float:left !important; position:relative; padding:3px; width:180px; height:180px; background:#fff; margin:0 30px 20px 0; position:relative;background:#ffff; border:2px solid #e3e4e8; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -webkit-shape-outside:circle(); shape-outside:circle();}
.quote-pic-left:after,.quote-pic-left:before{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}
.quote-pic-left:after{border-color:rgba(0,0,0,0);border-left-color:#ffff;border-width:10px;margin-top:-10px}
.quote-pic-left:before{border-color:rgba(255,94,94,0);border-left-color:#e3e4e8;border-width:11px;margin-top:-11px}
.quote-pic-left img, .quote-pic-right img {max-width:170px; max-height:170px; height:100%; width:100%;}

.quote-pic-right {float:right !important; position:relative; padding:3px; width:180px; height:180px; background:#fff; margin:0 0 20px 30px; position:relative;background:#ffff; border:2px solid #e3e4e8; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -webkit-shape-outside:circle(); shape-outside:circle();}
.quote-pic-right:after,.quote-pic-right:before{right:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}
.quote-pic-right:after{border-color:rgba(0,0,0,0);border-right-color:#ffff;border-width:10px;margin-top:-10px}
.quote-pic-right:before{border-color:rgba(255,94,94,0);border-right-color:#e3e4e8;border-width:11px;margin-top:-11px}

.bl-details h4 {font-weight:600; font-size:24px; color:#393f48; margin-top:0;}

.bl-details ul {margin:20px 0; padding-left:30px;}
.bl-details ul li, .bl-details ol li {list-style-position:inside !important; padding:5px 0; font-size:16px; font-family: "Open Sans",Arial,Helvetica,sans-serif; font-weight: 400; color: #434A54;}
.bl-details ul h5, .bl-details ol h5 {font-size:20px; font-weight:600; margin:10px 0; padding:5px 0; border-bottom:1px solid #eee;}

.bl-details ul li ul, .bl-details ol li ol {margin:10px 0 10px 20px;} 
.bl-details ul li ul li, .bl-details ol li ol li {font-style:italic; font-size:14px; padding:2px 0;}

.bl-details blockquote {width:300px;}
.bl-details blockquote footer {padding-top:15px; font-size:15px;}

img.img-left {float:left !important; max-width:400px; margin:20px 20px 10px 0;}
img.img-right {float:right !important; max-width:400px; margin:20px 0 10px 20px;}
img.img-center {width:100%; margin:15px 0 10px 0;}


.social {border-top:1px solid #eee; border-bottom:1px solid #eee; padding:20px 0; margin:20px 0; text-align:center;}


.btm-subscribe {background:#434a54; padding:30px 0;}
.btm-subscribe p {color:#fff; max-width:600px;}
.btm-subscribe h2.rht-subscribe-title {color:#fff; padding:10px 0 20px 0;}
.btm-subscribe .subscribe-vect img {margin:0 auto !important;}


/*---- Blog Right Panel ----*/
.bl-rht-panel {background:#f0f2f5; padding:20px; overflow:hidden;}

.rht-subscribe {float:left; display:inline; width:100%; padding:15px 20px 30px 20px; background:#fff; margin-bottom:30px; border-radius:4px; border-bottom:3px solid #e3e4e8 !important; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out;}
.rht-subscribe:hover {border-bottom:3px solid #007f49 !important;}
h2.rht-subscribe-title {padding-bottom:10px; margin-top:8px;}
h2.rht-subscribe-title span.icon {padding:0px 15px 0  0; font-size:38px; position:relative; bottom:-8px;}

.rht-box {float:left; display:inline; width:100%;}



/*-----------FOOTER------------*/
footer .container-fluid {width:100% !important; background:#434a54 !important; padding:0;}
footer .about {color:#99a3b1; background:#393f48; padding:20px 10px 0px 10px;}
footer .about .thumbnail {background:none !important; border:none !important;}
footer .about .thumbnail img {max-width:100px !important;}
footer .about .thumbnail .caption {font:normal 13px Arial, Helvetica, sans-serif; line-height:18px; color:#99a3b1;}

footer a {color:#e3e4e8;}
footer a:hover, footer a:active, footer a:focus {color:#007f49;}

footer ul.list-unstyled {padding:20px 0; font-size:13px;}
footer ul.list-unstyled h4 {color:#929ba7;}
footer ul.list-unstyled li {padding:3px 0;}

footer .nav-pills {background:#3e454e; margin-top:15px; margin-bottom:0;}
footer .nav-pills a {padding:10px 12px; font-weight:600; font-size:13px;}
footer .nav-pills a span.icon {font-size:18px;}
footer .nav-pills a:hover, footer .nav-pills a:focus {background:#007f49; color:#fff;}


/*------------------------------- MEDIA QUERIES ------------------------------*/
@media (max-width: 767px) {
#container .item {width:100% !important;}
.bl-in-header .container-fluid {padding-top:10px; padding-bottom:10px;}
.quote-pic-left, .quote-pic-right{float:none !important; margin:0 auto !important; margin-bottom:10px !important;}
.quote-pic-left:after, .quote-pic-left:before, .quote-pic-right:after, .quote-pic-right:before {top: 106% !important; left: 51% !important; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
.quote-pic-left:after, .quote-pic-right:after {border-color: rgba(136, 183, 213, 0); border-top-color: #e3e4e8; border-width: 10px; margin-left: -10px;}
.quote-pic-left:before, .quote-pic-right:before {border-color: rgba(194, 225, 245, 0); border-top-color: #e3e4e8; border-width: 11px; margin-left: -11px;}
		
.bl-details blockquote {float:left; display:inline-block; width:100% !important;}

img.img-left, img.img-right {float:none !important; margin:0 auto !important; width:100% !important; max-width:none !important; margin:20px 0 10px 0 !important;}

.btm-subscribe .subscribe-vect {display:none !important; visibility:hidden !important;}

}

@media all and (min-width: 58em) {
	.nav-header {border-bottom:1px solid #eee}
}

@media all and (min-width: 64em) {
	.logo {-webkit-box-flex:1;-webkit-flex:1 0 5em;-ms-flex:1 0 5em;flex:1 0 5em;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-bottom:none}
}

@media all and (min-width: 58em) {
	.navigation-mobile {display:none;visibility:hidden}
}

@media all and (min-width: 58em) {
	.navigation-container {-webkit-box-flex:1;-webkit-flex:1 1 90%;-ms-flex:1 1 90%;flex:1 1 90%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end
	}
}

@media all and (min-width: 58em) {
	.navigation {-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end;
	}
}

@media all and (min-width: 58em) {
  .navigation-item {border-bottom: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; width: auto;}
    
}

@media (max-width: 992px) {
	.character {display:none;}
	.hud-txt h1 span.icon {visibility:visible; display:inline; color:#6d747d;}
	.hud-carousel {padding-top:20px;}
	 h1 {font-size:48px !important;}
	.input-group-addon, span.btn-txt {display:none; visibility:hidden;}
	.hud-input .form-control {border-top-left-radius: 4px !important; border-bottom-left-radius: 4px !important;}
	.hud-carousel {display:none; visibility:hidden;}
	.bl-in-header ul.list-inline li {font-size:14px; padding:5px 10px;}
	.bl-icon {padding:10px; font-size:80px;}
	.bl-in-header h1 {font-size:34px !important;}

	.bl-rht-panel {display:none !important; visibility:hidden !important;}
}

.bl-nav-small {display:none !important; visibility:hidden !important;}

@media (max-width:52em) {
	.custom-nav a {text-align:left !important; padding-left:10px !important; background:#fff;}
	.custom-nav .icon {float:none !important; text-align:left !important; display:inline !important; position:relative; top:5px;}
	.bl-nav-big {display:none !important; visibility:hidden !important;}
	.bl-nav-small {display:block !important; visibility:visible !important; padding:12px;} 
}

@media only screen and (max-device-height: 320px) {
	.navigation.navigation-open {max-height:320px !important;}
}