@charset "utf-8";

/***************************************
GENERAL
***************************************/

body { 
	font-family: 'Merriweather Sans', sans-serif;
	color: #333333; 
	line-height: 1.62857; 
	font-weight: 400; 
	font-size: 13px; 
}

img { 
	max-width: 100%; 
}

.clear {
	clear:both;
}

a { 
	color: rgba(51,51,51,1.00); 
	text-decoration: none; 
	-webkit-transition: 0.25s; 
	-moz-transition: 0.25s; 
	-o-transition: 0.25s; 
	transition: 0.25s; 
	-webkit-backface-visibility: hidden; 
	outline: 0; 
}

a:hover { 
	text-decoration: underline; 
	outline: none; 
}

a:focus { 
	text-decoration: none; 
	outline: 0px; 
}



/***************************************
FONTS
***************************************/

h1, h2, h3, p {    
	text-rendering: optimizelegibility;
	margin: 0;
	padding: 0; 
	
}

h1 { 
	font-size: 2.75em; 
}
	
h2 { 
	font-size: 2em;
}
	
h3 { 
	font-size: 1.75em;
}

p { 
	font-size: 1.25em; 
}

h1, .h1, h2, .h2, h3, .h3 {
	font-weight: 600;
}


/***************************************
BUTTONS
***************************************/

.blue-button {
	background: rgba(0, 51, 102, 1.0);
 	-webkit-border-radius: 8;
 	-moz-border-radius: 8;
 	border-radius: 8px;
 	font-family: Arial;
 	color: #ffffff;
 	font-size: 20px;
 	padding: 10px 20px 10px 20px;
 	text-decoration: none;
 	text-overflow: ellipsis;
	text-transform: uppercase;
	display: inline-block;
	text-align:center;
}

.blue-button:hover {
	text-decoration: none;
	background: rgba(102, 102, 102, 1.00); 
	color: #fff;
}

.green-button {
	background: rgba(58, 231, 50, 0.7);
 	-webkit-border-radius: 8;
 	-moz-border-radius: 8;
	border: 1px solid #fff; 
 	border-radius: 8px;
 	font-family: Arial;
 	color: #ffffff;
 	font-size: 20px;
 	padding: 10px 20px 10px 20px;
 	text-decoration: none;
 	text-overflow: ellipsis;
	text-transform: uppercase;
	display: inline-block;
	text-align:center;
}

.green-button:hover {
	text-decoration: none;
	background: rgba(102, 102, 102, 1.00); 
	color: #fff;
}

/* SCROLL TO TOP */
.scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    text-align: center;
    z-index: 99999999;
    background-color: #777777;
    color: #eeeeee;
    width: 50px;
    height: 48px;
    line-height: 48px;
    right: 30px;
    bottom: 30px;
    padding-top: 2px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
    background-color: #888888;
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
    opacity: 1.0;
}
.scroll-top-wrapper i.fa {
    line-height: inherit;
}

/***************************************
HEADER
***************************************/

header.navbar { 
	background: rgba(217, 217, 220, 1.0 /* Opaque */); 
	border-color: rgba(255, 255, 255, 1.0 /* Opaque */);
}

/** Animated Header **/
header.tiny { 
	background: rgba(217, 217, 220, 1.0/* Transparent */);  
}



/***************************************
LOGO HEADER
***************************************/

header.navbar .navbar-brand img{
	height: auto;
}

@media (max-width: 40em) {
	.navbar-brand img{
  		width: 200px;
  		height: 36px;
	}
}

/***************************************
NAVIGATION
***************************************/

header.navbar .navbar-nav { 
	padding: 20px 15px; 
}

header.navbar .navbar-nav li a { 
	 
	color: #333; 
	text-transform: uppercase; 
	border-bottom: 1px solid rgba(51, 51, 51, 0.0); 

}

header.navbar .navbar-nav .active a:hover, header.navbar .navbar-nav .active a:focus, header.navbar .navbar-nav li a:hover, header.navbar .navbar-nav li a:focus { 
	border-bottom: 1px solid #fff; 
	background-color: rgba(51, 51, 51, 1.00); 
}

header.navbar .navbar-nav .active a { 
	border-bottom: 1px solid #fff; 
	background-color: rgba(51, 51, 51, 1.00);
	margin-left: 20px; 
}

li:hover ul.sub-menu {
    display:block;
	color: #fff;
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 750px) and (max-width: 959px) {
	header.navbar .navbar-nav  li { 
		margin-left: 5px; padding-left: 5px; 
	}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 749px) {
	header.navbar a.navbar-brand { 
		padding: 8px 15px; 
	}
	header.navbar .navbar-toggle { 
		border-color: #fff;
		background-color:rgba(0,0,0,0.2) 
	}
	/* Color of the hover background for the hamburger menu*/
	header.navbar .navbar-toggle:hover, header.navbar .navbar-toggle:focus { 
		background: #999; 
	}
	/* Color of the stripes in the hamburger menu*/
	header.navbar .navbar-toggle:hover .icon-bar, header.navbar .navbar-toggle:focus .icon-bar { 
		background: #fff; 
	}
	header.navbar .navbar-nav  li { 
	margin-left: 0px; padding-left: 0px; 
	}
	header.navbar .navbar-nav  li  a { 
	padding-bottom: 4px; margin-bottom: 4px; 
	}
	header.navbar .navbar-collapse, header.navbar .navbar-form { 
	border-color: #fff; 
	}
}



/***************************************
BANNER, IMAGE
***************************************/

#bannerArea {  
	background-repeat: no-repeat; 
	background-position: center center;
	background-attachment:scroll; 
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover; 
	/* -webkit-background-size: widthpx heightpx; 
	-webkit-background-size: 1900px 2400px; */
	position: relative;
	background-image: url(../images/image_1800x1200.jpg);
}

.text-banner {
	text-align:left;
}

#bannerArea .text-banner {
	color: #fff; 
	padding: 200px 0 150px 0; 
	position: relative; 
	z-index: 9; 
}

#bannerArea.inner .text-banner { 
	padding: 100px 0px; 
}

.banner_header { 
	text-shadow: 1px 1px 1px #333333;
}

#bannerArea h1, h2, h3{ 
	color: #fff; 
}

#bannerArea h2 { 
	font-size: 4em;
	line-height: 1.25em;
	font-weight:300;
	margin: 50px 0;
}

#bannerArea h2 a{ 
	color: rgba(255, 255, 255, 1.00);
}

#bannerArea h3 { 
	font-size: 3.5em;
	line-height: 0.75em;
	font-weight:300;
	margin:0 0 25px 0;
}

@media (max-width: 40em) {
	#bannerArea .text-banner {
		text-align: center; 
	}
	
	#bannerArea h2 { 
		font-size: 2em;
		line-height: 1.25em;
		font-weight:700;
	}

	#bannerArea h3 { 
		font-size: 1.75em;
		font-weight:300;
	}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#bannerArea .text-banner { 
		padding: 80px 0px 40px 0px; 
	}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	#bannerArea .text-banner { 
		padding: 80px 0px 40px 0px;
	}		
}



/***************************************
SECTIONS
***************************************/

/*GENERAL*/
#centered-text {
	text-align:center;
	position: relative;
}

/*WELCOME AREA*/
#welcome {
	text-align:center;
	position: relative;
	padding: 40px 0;
}

#welcome h1 {  
	color: rgba(0, 51, 102, 1.00);
}

#welcome h2 {  
	color: rgba(0, 51, 102, 1.00);
	font-size: 4em;
	font-weight:400;
}

#welcome h3 { 
	font-size: 2em;
	font-weight:300;
	color: rgba(102, 102, 102, 1.00);
	margin: 25px 0;
}

#welcome p { 
	font-size: 1.5em;
	font-weight:300;
	margin: 40px 0;
}

/*STRIPE*/
h2.fullwidth {
	background: rgba(51, 51, 51, 1.0); 
	padding: 40px 10px;
	color: #fff; 
	font-size: 3em;	
}

/*MODULES*/
#pictureArea, #pictureArea2 {
	width: 100%; 
	clear:both;
	padding:40px 0;
}

#pictureArea {
	background: rgba(242, 242, 242, 1.00);
}

#pictureArea2 {
	background: rgba(255, 255, 255, 1.00);
}

.img-floats {
	padding: 0.5em 0 1em 0;
}

@media (min-width: 600px) {
	.img-floats {
	padding: 0.5em 2.5em 1em 0;
	width: 50%;
	}
}

.row {
	margin-left:-15px;
	margin-right:-15px;
}

div.modules { 
  padding: 0.5em;
  text-align: left;
}

div.modules span {
    color: #fff;
    display: inline-block;
    min-height: 100px;
    vertical-align: top; 
    width: 100%;
	padding: 1.5em 0;
 }

div.modules h2{
	color: rgba(00,51,102,1.00);
	margin: 0 0 15px 0;
}
  
div.modules p { 
    color: #000;
    padding: 0.5em; 
 }
  
div.modules a{
	color: rgba(99,71,10,1.00);
	font-weight: 900;
}

@media (min-width: 600px) {
	div.modules { 
  		text-align: left;
	}
	
	div.modules span {
		width: 49%;
		padding: 1.5em;
	}
}

hr {
	border: 0;
	border-bottom: 1px dashed #ccc;
	background: #999;
}

div.text-modules { 
  padding: 0.5em;
  text-align: left;
}

div.text-modules  p{ 
    color: #000;
    padding: 0.5em; 
 }
 
.faqs {
	font-weight: 800;
	font-size: 1.25em;
	color: rgba(06,100,193,1.00);
}

/* NEXT STEPS */
#nextSteps {  
	background-image: url(../images/next-steps-bg.jpg);
	background-repeat: repeat;  
	position: relative;
	text-align:center;
	clear:both;
	border-bottom: #e2e2e2 solid 1px;
	border-top: #e2e2e2 solid 1px;
	padding: 40px 0;
	margin: 20px 0;
}

#nextSteps h2 {  
	color: rgba(99, 70, 10, 1.0);
	font-size: 3em;
	line-height: normal;
	font-weight:400;
	margin: 10px;
}

#nextSteps p { 
	font-size: 1.5em;
	font-weight:300;
	margin: 40px 0;
}



/***************************************
PAGE: ALL PAGES
***************************************/

/* TITLE OF THE PAGE */
#introduction {
	text-align:center;
	position: relative;
	padding: 40px 0;
	margin-top: 10%;
}

@media (min-width:992px){
	#introduction {
		margin-top: 5%;
	}
}

#introduction h1 {  
	color: rgba(0, 51, 102, 1.00);
}



/***************************************
FOOTER
***************************************/

#footerArea {  
	color:#CCCCCC; 
	background: rgba(51,51,51,1.00);
	padding:20px 0;  
}

#footerArea a { 
	color:#CCCCCC; 
}

#footerArea a:hover { 
	color: #fff; 
}

.wrap {
    border: none;
}

.wrap div {
    width: 33%;
    float: left;
	text-align:center;	
}

.wrap div ul{
	margin:0;
	padding:0;	
}

.wrap div li{
	list-style: none;
	list-style-type:none;
	font-size:1em;	
}

.wrap div h3{
	margin: 20px 30px;
}

.wrap div p{
	margin: 20px 30px;
	font-size:1em;
}

.clear:after {
   content: "";
   clear: both;
}

@media (max-width: 40em) {
    div.wrap div {
        width: 100%;
        float: none;
    }
}



/***************************************
CLOSING
***************************************/

#closing {  
	background: rgba(217, 217, 220, 1.0 /* Opaque */);  
	position: relative;
	text-align:center;
	clear:both;
	border-bottom: #e2e2e2 solid 1px;
	border-top: #e2e2e2 solid 1px;
	padding: 10px 0;
}

#closing img {
	max-width:100%;
    height:auto;
}



/***************************************
CREDITS
***************************************/

#credits {  
	background: rgba(51,51,51,1.00);  
	position: relative;
	text-align:center;
	clear:both;
	border-bottom: #e2e2e2 solid 1px;
	border-top: #e2e2e2 solid 1px;
	padding: 10px 0;
}

#credits p a{
	color: rgba(255, 255, 255, 1.00);
	font-size:0.75em;
}