/* =General
-------------------------------------------------------------- */    
.mphone{    
	display: block;
    width: 100%;
    text-align: center;
    padding: .5em 0;
    font-size: 22px;
    font-weight: bold;
    background: #b90b30;
    color: #fff;
}
.mphone:hover {
    transition: 300ms linear all;
    background: #f1cb14;
}
body {
    font-size: 14px;
    font-family: 'Open Sans',sans-serif;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
    background: #fff;
}
h1,h2,h3,h4,h5,h6{font-family: 'Open Sans', sans-serif;}

h1 {
	color: #1c8da8;
    font-weight: 800;
    font-size: 1.9rem;
    margin: 0 0 15px;
    padding: 0;
    text-align: left;
    clear: both;
    display: block;
}

h2 {
    font-weight: 600;
    font-size: 1.7rem;
    text-align: left;
    margin-top: 0;
}

h3{
	font-weight: 600;
	text-align:left;
}


h4{
	text-align:left;
}

h5{
	
}

h6{
	
}


p {
	font-size: 14px;
	font-family: 'Open Sans',sans-serif;
	line-height: 1.5;
	text-align: justify;
	}

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

a {
    color: #b90b30;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

li {
    font-size: 14px;
    font-family: 'Open Sans';
    text-align: left;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*border: 5px solid #424242;*/
	box-shadow: 0 0 5px rgba(0,0,0,.5);
}

.col-md-6{
	float: left;
	width: 50%;
}

section {
	background: #ffffff;
	color: #6f6f6f;
	padding: 1em 0;
}
.row {
    padding: 0 15px;
}   

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}




/* =Header
-------------------------------------------------------------- */    

#headerTop {
    background: #ff2c00;
    display: inline-block;
    width: 100%;
    margin-bottom: -20px;
    padding: 1em 0;
}

#headerTop left{text-align:left;}
#headerTop right{text-align:right;}


#nav-trigger {
	width: 50%;
	float: left;
	text-align: center;
	height: 59px;
	background: #1c8da8;
	padding-top: 0 !important;
	overflow: hidden; 
	display:block;
	border-bottom: 3px solid #19697d;
}
#nav-trigger span {
	display: block;
    padding: 0;
    margin-top: 9px;
    background: none;
    color: white;
    text-align: right;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 800;
    font-family: 'Open Sans';
}
#nav-trigger span:after {
    display: inline-block;
    margin-left: 10px;
    width: 0;
    height: 0;
    content: "";
}
#nav-trigger span:hover {
	color: #19697d;
    transition: 300ms linear all;
}
#nav-trigger span.open:after {
     border-left: solid 10px transparent; 
}

nav {
    background: #fff;
    height: auto;
    line-height: 50px;
    position: relative;
	z-index: 99999;
	width:100%;
}
nav#nav-main {
  background-color: #c80032;
  padding: 10px 0; }
  nav#nav-main ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center; }
  nav#nav-main li {
    display: inline-block;
    border-right: solid 1px #950025;
    padding: 0 5px; }
    nav#nav-main li:last-child {
      border-right: none; }
  nav#nav-main a {
    display: block;
    color: white;
    padding: 10px 30px; }
    nav#nav-main a:hover {
      background-color: #af002c;
      color: #fff; }

nav#nav-mobile {
  position: relative;
  display: none; }

  nav#nav-mobile ul {
    display: none;
    list-style-type: none;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: #184651;
    padding: 0;
	margin-top: 58px; 
  }
  nav#nav-mobile li {
    display: block;
    padding: 0;
    margin: 0;
    border-bottom: solid 1px #19505c; }
    nav#nav-mobile li:last-child {
      border-bottom: none; }
  nav#nav-mobile a {
    display: block;
    color: white;
    padding: 0 30px;
    text-transform: uppercase;
    font-family: 'Open Sans',sans-serif;
	text-align:center;
 }
    nav#nav-mobile a:hover {
	  background-color: #2b7789;
      color: #fff; }
	  
	  #nav-trigger span:hover:after {
    /*border-top: solid 10px #797979;*/
}

nav#nav-main {
    display: none; }

nav#nav-mobile {
    display: block; } 
	
.fixed {
    position: fixed;
    width: 100%;
	background: #fff;
	max-width:1200px;
}




.social-icon {
    text-align: center;
    height: 30px;
    width: 30px;
    display: inline-block;
    background: #fff;
    border-radius: 100px;
    font-size: 14px;
    vertical-align: middle;
    margin-right: 10px;
}

.social-icon i.fa {
    color: #b90b30;
    font-size: 18px;
    display: inline-block;
    vertical-align: 8px;
}


i.fa.fa-bars {
    font-size: 35px;
    text-align: right;
    padding: 3px 8px;
    border: 1px solid #30a0bb;
    border-radius: 2px;
    box-shadow: 0 0 2px rgb(65, 68, 76);
}

i.fa.fa-bars:active {
    color: #fff;
}

.open:hover i.fa.fa-bars {
    background: #313644;
    color: #fff;
}





/*footer css*/
.footer {
	width: 100%;
    height: auto;
    background: #1d5c6b;
    color: #fff;
    padding: 15px 0;
    margin-bottom: 70px;
}
.footer p,.footer h3{
	text-align:center;
}








/* =Home
-------------------------------------------------------------- */    
#button-row {
    background-color: #3fbfc2;
    box-sizing: border-box;
    padding: 0;
    text-align: center;
}

#button-row * {
    box-sizing: border-box;
}
#button-row .block.main{width:100%;}
#button-row .block.primary {
    width: 50%;
    border-bottom: 2px solid #379c9e;
}

.block.primary:first-child {
    width: 100% !important;
}

#button-row .block {
	float: left;
    padding: 15px;
    width: 33.33%;
    border-right: 2px solid #379c9e;
}

#button-row .block:first-of-type {
    margin-top: 0;
	border-bottom: 2px solid #379c9e;
}
#button-row a.btn:active,
#button-row a.btn:focus,
#button-row a.btn:hover {
    background-color: #C92725;
}

#button-row a.btn:active, #button-row a.btn:focus, #button-row a.btn:hover {
    background-color: #C92725;
}

#button-row a.btn {
    border: 1px solid #C92725;
    color: #FFF;
    display: block;
    letter-spacing: 5px;
    margin-top: 10px;
    padding: 10px 15px;
    text-transform: uppercase;
    transition: background-color 250ms;
}

a.icon-block {
    display: inline-block;
    border-radius: 100px;
}

.icon-block img {
    margin-top: 20px;
    max-width: 50%;
}

#button-row h3.btn {
    color: #fdfdfd;
    display: block;
    letter-spacing: 5px;
    margin-top: 10px;
    padding: 10px 0;
    text-transform: uppercase;
    transition: background-color 250ms;
    text-align: center;
	font-weight: 500;
}

.row.awards {
    padding: 15px;
    margin: 0 15px;
    background: #10131c;
    border: 3px solid #333743;
}

.awards h2 {
    text-align: center;
}

.awards p {
    color: #636b84;
    font-weight: 800;
	text-align:left;
}

.mainCTA {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #1d5c6b;
    padding: 10px 0;
    border-top: 2px solid #2a7789;
    z-index: 100;
}

.topbutton {
    background: #ffffff;
    text-indent: 0;
    display: block;
    font-size: 18px;
    font-style: normal;
    width: 195px;
    text-align: center;
    border-radius: 0px;
    padding: 9px 5px;
    transition: all 250ms;
    color: #b90b30;
    border: 2px solid #3b94aa;
    margin: 0 auto;
    font-weight: 700;
}

.topbutton:hover {
	background-color: #584f4e;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fbfbfb), color-stop(1, #ffffff));
	background: -moz-linear-gradient( center top, #c62d1f 5%, #f24537 100%);
	color: #c92725 !Important;
}

/* =Form Css
-------------------------------------------------------------- */ 
.supernova .form-all, .form-all{background:none;}
.form-all {
    width: 100% !important;
    max-width: 600px;
    margin: 0 auto;
}
.form-header-group {
    border: none;
}

.form-header-group .form-header {
    color: #f9f9f9;
}

h2.form-header {
    line-height: 1.618em;
    font-size: 20px;
    text-align: center;
}
span.form-sub-label-container {
    width: 100%;
}
   
.form-all input {
    height: 35px;
    padding: 0 2%;
    width: 96%;
}
     
.form-all select {
    width: 100% !important;
    height: 35px;
}
.form-textbox, .form-textarea {
    width: 100%;
}
[data-type="control_dropdown"] .form-input, [data-type="control_dropdown"] .form-input-wide{width:100%;}        
		
.form-label {
    color: #fff;
    font-weight: 100;
    font-size: 16px;
}

.recaptchatable a, .recaptchatable a:hover {
    color: #ff2c00;
}

span#recaptcha_privacy {
    display: block;
    position: relative;
    position: absolute;
    left: 4.4%;
    top: 180px;
}


.form-all .btn {
    background: #ffffff;
    text-indent: 0;
    display: block;
    font-size: 18px;
    font-style: normal;
    width: 100%;
    text-align: center;
    border-radius: 3px;
    padding: 14px 12px;
    transition: all 250ms;
    color: #ff2c00;
    border: 2px solid #4f566d;
    margin: 0 auto;
    max-width: 400px;
    font-weight: 600;
    text-transform: uppercase;
}

.form-all .btn:hover {
    background-color: #ff2c00;
    transition: 300ms linear all;
    color: #f1f1f1 !Important;
    border-color: #cc3110;
}

textarea#input_6 {
    height: 100px !important;
}

button#input_2 {
    background: #39a2bc;
    border: none;
    text-shadow: none;
    color: #fff;
    border: 3px solid #1d5c6b;
    border-radius: 0;
    box-shadow: none;
    text-transform: uppercase;
    letter-spacing: 4px;
}

/* =Media Queries
-------------------------------------------------------------- */    

        
        .social {
			width: 48%;
			float: left;
			height: 52px;
			background: #1c8da8;
			padding-top: 7px;
			text-align: left;
			padding-left: 2%;
			border-bottom: 3px solid #19697d;
		}
		        
        .social ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }
        
        .social li {
            display: inline;
            padding-right: 1em;
        }
        
        .social li:nth-child(3) {
            padding-right: 0;
        }
		
		.social img{max-width:50px;}
		

.col-md-3 {
    float: left;
    width: 24%;
    padding: 0 0.5%;
}

nav img{
	position: relative;
    max-width: 450px;
    display: block;
    margin: 0 auto;	
}


/* padding-bottom and top for image */
.mfp-no-margins img.mfp-img {
	padding: 0;
}
/* position of shadow behind the image */
.mfp-no-margins .mfp-figure:after {
	top: 0;
	bottom: 0;
}
/* padding for main container */
.mfp-no-margins .mfp-container {
	padding: 0;
}
.form-all{margin:0 auto !important;}
.jotform-form {
    padding: 0 !important;
}






@media screen and (max-width:640px){
	#button-row h3.btn {padding: 10px 0;font-size:14px;}
	.col-xs-12 {width: 49% !important;}
	
}




@media screen and (max-width:480px){
	h1{font-size:1.3rem;}
	h2{font-size:1.2rem;}
	.col-s-6{width: 49%;}
	
	/*#button-row .block {
		float: none;
		width: 100%;
		border-bottom: 3px solid #333743;
	}*/
	/*a.icon-block{
		float:left;
		width: 60px;
    	height: 60px;
	}*/
	.icon-block img {
		margin-top: 15px;
		max-width: 50%;
	}
	.smk_accordion .accordion_in .acc_head{font-size: 14px !important;}
	
}
@media screen and (max-width:409px){
	
	#button-row .block.primary {
		float: left;
		width: 100%;
	}
	
	.primary a.icon-block {
		float: none;
		width: 100%;
		height: auto;
	}
	
	.block + .block + .block {
		clear: both;
	}

	#button-row .block {
		float: none;
		width: 100%;
		border-bottom: 2px solid #b9370a;
	}
	a.icon-block {
		width: 100%;
		height: 60px;
		max-width: 125px;
	}
	.icon-block img {
		margin-top: 15px;
		max-width: 50%;
	}
	.social-icon{margin-right: 5px;}
}