@import url(http://fonts.googleapis.com/css?family=Press+Start+2P);

*{padding:0;margin:0;outline-style: none;}
body {
    width: 100%;
    height: 100%;
    font-family: 'Arial', sans-serif;
	font-size: 16px;
    line-height: 1.6em;
	font-weight: 400;
	overflow-x: hidden;
}
html {
    width: 100%;
    height: 100%;
}
h1 {font-size: 38px;}
h2 {font-size: 36px;}
h3 {font-size: 32px;}
h4 {font-size: 28px;}

h1,h2,h3,h4 {
    margin:0;
    font-family:'Press Start 2P', cursive;
    text-transform: uppercase;
}
h1.h-xlight,h2.h-xlight,h3.h-xlight ,h4.h-xlight ,h5.h-xlight ,h6.h-xlight {font-weight: 200;}
h1.h-light,h2.h-light,h3.h-light ,h4.h-light ,h5.h-light ,h6.h-light {font-weight: 300;}
h1.h-bold,h2.h-bold,h3.h-bold ,h4.h-bold ,h5.h-bold ,h6.h-bold {font-weight: 600;}
h1.font-light,h2.font-light,h3.font-light,h4.font-light,h5.font-light,h6.font-light {color: #fff;}
p {margin: 0 0 20px;}
a {
    color: #666;
    -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;
    cursor:pointer;
    color: #3f8cda;
}
.fb-like {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -moz-transform: scale(1.2);
    position: relative !important;
    z-index: 300!important
}
/* ------- Navigation ------------ */
#navigation {
	background: #2f5ebf;
	z-index: 900;
	width:100%;
    box-sizing:border-box;
	border-bottom: 1px solid #eee;
	box-shadow:0px 0px 20px rgba(0, 0, 0, 0.1);
    border-top: 14px solid #68adbb;
}
.navbar {
    margin-bottom: 0;
    border-radius: 0!important;
}
.navbar-brand {height:60px!important;}
.nav.navbar-nav {
    background-color: rgba(61,201,179,.6);border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;
}
.navbar-custom.top-nav-collapse .nav.navbar-nav {
    background-color: rgba(0,0,0,0);
}
.top-nav-collapse {background: #3dc9b3;}
.navbar-custom ul.nav ul.dropdown-menu li a:hover {color: #3dc9b3;}
.navbar-custom ul.nav li a {
	font-size: 14px;
	letter-spacing: 1px;
    color: #fff;
	text-transform: uppercase;
	font-weight: 700;
    font-family: 'Press Start 2P', cursive;
    text-shadow: #2f5ebf -1px 2px 2px;
}
.navbar-custom.top-nav-collapse ul.nav li a {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
	color: #fff;
}
.navbar-custom ul.nav ul.dropdown-menu {
    border-radius: 0;	
	margin-top: 21px;
	border-top: none;
}
.navbar-custom ul.nav li a:hover ul.dropdown-menu {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.navbar-custom ul.nav ul.dropdown-menu li {
	border-bottom: 1px solid #f5f5f5;

}
.navbar-custom ul.nav ul.dropdown-menu li:last-child{
	border-bottom: none;
}
.navbar-custom ul.nav ul.dropdown-menu li a {
	padding: 10px 20px;
}
.navbar-custom ul.nav ul.dropdown-menu li a:hover {
	background: #fefefe;
}
.navbar-custom.top-nav-collapse ul.nav ul.dropdown-menu li a {
	color: #666;
}
.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-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: 14px;
    color: #fff;
}
.navbar-toggle:focus,.navbar-toggle:active,a:hover,a:focus,.navbar-brand:focus {
    outline: 0;
    outline-style: none;
}

/* margins */
.margintop-20{margin-top:20px !important;}
.margintop-50{margin-top:50px !important;}
.margintop-70{margin-top:70px !important;}
.marginbot-20{margin-bottom:20px !important;}

.nopadding{padding:0!important}
.nopaddingL{padding-left:0!important}
.nopaddingR{padding-right:0!important}

/* General sections */
.home-section {
    padding-top:50px;
    padding-bottom: 110px;
	display:block;
    position:relative;
    z-index:120;
}
.sub-section {
    padding-top:50px;
    padding-bottom: 50px;
}
.section-heading h2 {
	font-size: 45px;
	letter-spacing: 1px;
	margin-bottom: 10px;
}
.section-heading p {
	font-weight: 300;
	font-size: 20px;
	line-height: 1.6em;
}
.color-dark .section-heading h2 {
	color: #111;
}
.color-dark .section-heading p {
	color: #444;
}

.color-dark .divider-short {
	background: #666;
}
.color-dark .divider-header {
	background: #666;
}

.color-light .divider-short {
	background: #666;
}
.color-light .divider-header {
	background: #666;
}


.color-light .section-heading h2 {
	color: #fff;
}
.color-light .section-heading p {
	color: #fefefe;
}

.color-light blockquote,.color-light p {
	color: #fefefe;
}

/* --- section bg --- */
.bg-red {background: #dd2f2f;}
.bg-orange {background: #ff6633;}
.bg-white {background:#fff}
.bg-blue {background:#3399cc}
.bg-brown {background: #cc9933;}
.bg-redorg {background:#ff3300}

.text-light {color: #fff;}

.smileFace {background:url(/img/snippets/char_SmileFace.jpg) center top 150px no-repeat;min-height:350px}
.smileFace:hover {background:url(/img/snippets/char_BlinkFace.jpg) center top 150px no-repeat;}

/* ShareBar */
.sharebar {
    height:85px;
    background:#2f5ebf;
    border-bottom:14px solid #68adbb
}
.learn-more-btn {line-height:normal; background: rgba(61, 201, 179, 1); padding: 10px 40px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; color: #fff; text-transform: uppercase; letter-spacing: 1px; display: inline-block; -webkit-box-shadow: 0px 3px 0px 0px #309383; -moz-box-shadow: 0px 3px 0px 0px #309383; box-shadow: 0px 3px 0px 0px #309383; margin: 15px 5px 0; font-weight: bold; font-size:20px; text-shadow: #2f5ebf -1px 2px 2px;font-family: 'Press Start 2P', cursive;}
.learn-more-btn:hover, .learn-more-btn:focus { background: rgba(61, 201, 179, 0.6); color: #fff; }

/* Intro */

.hero {background: #2f8ebf url(/img/bg/mastheader.jpg) no-repeat center bottom; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; padding:50px 0 30px; height: auto;}
.hero h1 {margin-top:430px; margin-bottom:10px}
.hero h1 span,.subhero h1 span {display: inline-block; }
.hero .inner .animatedParent a,.subhero .inner .animatedParent a {display:block;float:left}
.hero .inner .animatedParent a img,.subhero .inner .animatedParent a img {margin:0 5px;}

.intro {
	width:100%;
	position:relative;
	padding:0;
}
.intro-inner {
	width:100%;
	position:relative;
	padding:120px 0 20px;
}
.intro-text {
    font-size: 18px;
}
/* Section Headers */
.section-heading h2 {
    -webkit-text-stroke-width: 3px;
    -webkit-text-fill-color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#sect1 .section-heading h2 {-webkit-text-stroke-color: rgba(255, 102, 51, .9);}
#sect2 .section-heading h2 {-webkit-text-stroke-color: rgba(51, 153, 204, .9);}
#sect3 .section-heading h2 {-webkit-text-stroke-color: rgba(255, 51, 51, .9);}
#sect4 .section-heading h2 {-webkit-text-stroke-color: rgba(204, 153, 51, .9);}

#sect1 {padding-bottom:170px;}

/* Divider */ 
.dividerR, .dividerL {
    width:120%;
    height:70px;
    display:block;
    position:absolute;
    z-index: 150;
}
.dividerR {
    margin:-60px -15px;
    transform: rotate(-1.5deg) ;
    -ms-transform: rotate(-1.5deg);
    -webkit-transform: rotate(-1.5deg);
    transform-origin:top right;
}
.dividerL {
    margin:-50px -15px;
    transform: rotate(1.5deg) ;
    -ms-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
    transform-origin:top left;
}
.bg-blueFoot {background:#33ccff;border-top:20px solid #3399cc;border-bottom:20px solid #3399cc}

/* Footer */
footer {
    background-color: #3366cc;
    font-family:'Press Start 2P', cursive;
    text-transform: uppercase;
    padding: 50px 0 30px
}
footer p {
	color: #000;
	font-size: 20px;
}
footer a.totop {
	color: #fff;
	margin-bottom: 30px;
}
footer a.totop:focus {
	outline: 0;
}
ul.footer-menu li a:hover {
	color: #3dc9b3;
}
footer a.totop:hover {
	color: #3dc9b3;
}
/* menu */
ul.footer-menu {
	list-style: none;
}
ul.footer-menu li a {
	color: #000;
	font-size: 16px;
	padding-left: 9px;
	line-height: 1.1em;
}

/* media queries*/
@media(min-width:767px) and (max-width : 1024px) {
    .hero, .subhero {background-size:cover}
    .navbar-custom ul.nav li a {font-size: 10px}
}
@media(min-width:767px) {
    .navbar {
        padding: 20px 0;
        border-bottom: 0;
        letter-spacing:normal;
        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
    }
    .top-nav-collapse {
        padding: 0;
        background-color: #000
    }
    .navbar-custom.top-nav-collapse {border-bottom: 1px solid rgba(255,255,255,.3)}
    .intro {
        height: 100%;
        padding: 0
    }
}

@media(max-width:768px){
    body, section {width:99.9%;overflow-x: hidden;margin:0 auto}
    .row,
    .form-horizontal .form-group,.container > .navbar-header,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-collapse,.navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand,.navbar-nav,
    .navbar-nav.navbar-right:last-child,
    .navbar-form,
    .navbar-form.navbar-right:last-child{
        padding-left: 0!important;
        padding-right: 0!important;
        margin-left: 0!important;
        margin-right: 0!important;
        overflow-x: hidden;
    }
    .dividerR, .dividerL {
        width:100%;
        height:30px;
        margin:-10px -1px;overflow-x: hidden
    }
    .dividerR {
        transform: rotate(-.5deg);
        -ms-transform: rotate(-.5deg);
        -webkit-transform: rotate(-.5deg)
    }
    .dividerL {
        transform: rotate(.5deg);
        -ms-transform: rotate(.5deg);
        -webkit-transform: rotate(.5deg)
    }
    .bg-blueFoot {background:#33ccff;border-top:10px solid #3399cc;border-bottom:10px solid #3399cc}
     #navigation {padding: 20px 0}
    .site-logo {
        margin:-5px 0 0 30px;
        float: none;
        max-width: 50%;
    }
    .navbar-custom ul.nav li a {color: #eee}
    .navbar-custom ul.nav ul.dropdown-menu li {border-bottom: 1px solid #aaa;}
    .navbar-header {
        margin-top: -50px;
        padding: 0;
    }
    .navbar-header button {background: #111}
    .navbar-header button.navbar-toggle {padding: 10px 15px}
    .icon-bar {background:#68adbb}
    .navbar-custom .nav {background: #444}
    .xs-marginbot-20 {margin-bottom: 20px}
    .hero, .subhero {background-size: cover!important}
    .learn-more-btn {font-size: 14px}   
}

@media(max-width:480px){
    .site-logo {padding-top:10px}
    .navbar-custom .nav.navbar-nav {
        background-color: rgba(255,255,255,.4);
    }
    .navbar.navbar-custom.navbar-fixed-top {margin-bottom: 30px}
    .navbar-header button.navbar-toggle {margin-top:20px}
    .hero, .subhero {
        background: #2f8ebf url(/img/bg/small-header.jpg) center -10px no-repeat!important;
        background-size:auto!important
    }
    .hero h1, .subhero h1 {max-width: 80%;margin:135px auto 10px!important}
    .hero p, .subhero p {max-width: 80%;margin:0 auto 10px}
    .learn-more-btn {
        font-size: 12px;
        padding: 10px 25px;
    }
    .section-heading h2 {
        font-size:28px;
        -webkit-text-stroke-width: 2px;
        letter-spacing: normal;
        white-space: nowrap
    }
    #sect1 {padding-top: 10px}
    #sect1 .section-heading h2 {margin-top: 40px}
    footer p {font-size: 14px}
    ul.footer-menu li a {font-size: 10px}
}