@charset "utf-8";
/* CSS Document */
@font-face {font-family: 'ralewaybold';src: url('../../fonts/raleway-bold-webfont.woff2') format('woff2'),url('../../fonts/raleway-bold-webfont.woff') format('woff');font-weight: normal; font-style: normal;}
@font-face {font-family: 'ralewayextrabold';src: url('../../fonts/raleway-extrabold-webfont.woff2') format('woff2'),url('../../fonts/raleway-extrabold-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'ralewaysemibold';src: url('../../fonts/raleway-semibold-webfont.woff2') format('woff2'),url('../../fonts/raleway-semibold-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'open_sanssemibold_italic';src: url('../../fonts/opensans-semibolditalic-webfont.woff2') format('woff2'),url('../../fonts/opensans-semibolditalic-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'open_sansregular';src: url('../../fonts/opensans-regular-webfont.woff2') format('woff2'),url('../../fonts/opensans-regular-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'open_sanslight';src: url('../../fonts/opensans-light-webfont.woff2') format('woff2'),url('../../fonts/opensans-light-webfont.woff') format('woff'); font-weight: normal;font-style: normal;}
@font-face {font-family: 'open_sansextrabold';src: url('../../fonts/opensans-extrabold-webfont.woff2') format('woff2'),url('../../fonts/opensans-extrabold-webfont.woff') format('woff'); font-weight: normal;font-style: normal;}
@font-face {font-family: 'open_sanssemibold';src: url('../../fonts/opensans-semibold-webfont.woff2') format('woff2'), url('../../fonts/opensans-semibold-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'open_sansbold';src: url('../../fonts/opensans-bold-webfont.woff2') format('woff2'),url('../../fonts/opensans-bold-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'abelregular';src: url('../../fonts/abel-regular-webfont.woff2') format('woff2'),url('../../fonts/abel-regular-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
img{ max-width:100%;}
iframe{ max-width:100%;}
html, body { margin:0;font-family: 'open_sansregular'; background:#f1f1f1}
.clear { clear:both;}
h3, h2 {font-family: 'open_sanslight';font-weight: normal;}
h2{font-size: 37px;margin-bottom: 0;}
h3 { color:#585858; margin-top:12px;margin-bottom: 45px;}


.cntentboxwhite {margin-top: 0;padding: 48px 0px;border-radius: 3px;}
.h2main {font-family: open_sansextrabold;color: white;text-align: center;font-size: 23px;margin-top: 105px;}
.cntentboxwhite h2{font-family: 'open_sanslight';color: black;font-size: 42px;font-weight: normal;margin-top: 12px;}
.cntentboxwhite ul{text-align: center;padding-left: 0;}
.cntentboxwhite ul li{display: inline-block;width: 274px;margin: 0px 14px;}
.cntentboxwhite p{color: #717171;font-size: 17px;font-family: 'open_sansregular';line-height: 27px;}
.cntentboxwhite ul li h2{ font-size: 32px;}
.cntentboxwhite .left{ float:left;width: 55%;}
.cntentboxwhite .right{float: right;width: 40%;background: #f1f1f1;padding: 12px;}
.cntentboxwhite .right h2{font-family: 'open_sanssemibold';font-size: 27px;text-align: center; color:#474747;margin-bottom: 35px;}
.copyright {color: white;float: left;font-size: 18px;font-family: 'open_sansregular';text-align: center;margin-top: 0;}
.fmenu {float: right;color: white;font-size: 12px;display: block;margin: 0 auto 0;text-align: center;}
.fmenu a{font-family: 'open_sansregular';font-size: 16px;display: inline-block;color: white;text-decoration: none;}
.fmenu {}
.h1main {margin-bottom: 11px;font-family: 'open_sansregular';color: white;text-align: left;font-size: 54px;font-weight: normal;margin-top: 0;}
.h1main strong {font-family: 'open_sansbold';}
.header-image p {font-family: 'open_sansregular';color: #fff;text-align: left;font-size: 18px;margin-bottom: 28px;}
.tplcolor{  color: #51d867;font-family: 'ralewaybold';}
.container {width: 960px;display: block; margin: 0 auto;}
.tpl-frm {margin-bottom: 3px;}
.tpl-frm input{padding: 8px;width: 370px;height: 25px;border: 2px solid #ccc;border-radius: 4px;margin: 14px auto;display: block;}
.tpl-frm button{height: 54px;width: 265px;background:#000000;border: 0;color: #ffffff;font-family: 'open_sanssemibold';font-size: 22px;cursor: pointer;border-radius: 0px; margin: 14px auto 7px;display: block;}
button{height: 54px;width: 265px;background:#000000;border: 0;color: #ffffff;font-family: 'open_sanssemibold';font-size: 22px;cursor: pointer;border-radius: 0px; margin: 14px auto 7px;display: block;}
.header-image { background:#0082c1;padding: 2px 0;}
.tpl-frm .btn{height: 54px;width: 265px;background:#000000;border: 0;color: #ffffff;font-family: 'open_sanssemibold';font-size: 22px;cursor: pointer;border-radius: 0px; margin: 14px auto 7px;display: block;}
.cntbottom {}
.cntbottom .left{width: 40%;float: left;margin: 18px 37px 65px;}
.cntbottom .right{width: 40%;float: left;margin:18px 37px 65px;}
.btn { width: 90%;background: #388020;border: 0;color: #ffffff;font-family: 'ralewaysemibold';font-size: 20px;cursor: pointer;border-radius: 4px;margin: 14px auto;display: block;padding: 12px 0;text-decoration: none;}
.diclaimer {font-family: 'ralewaysemibold';color: #ffffff !important;font-size: 14px !important;text-align:center !important;margin-bottom: 65px;margin-top: 5px;}
.header-image img {display: block;margin: 0 auto 12px;}
footer {background:#000000;padding: 12px 0 12px;margin-top: 0px;}
.logocnt {background: #003366;height: 74px;}
.wplp-tpl24 .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float:left;position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}
.headline { background:#e9bd1e; color:white; text-align:center;padding: 1px 0px;}
.headline h1 {font-family: 'open_sansbold';font-size: 41px;margin: 8px 0;}
.btn5 { text-align: center;display: block;width: 160px;border: solid 1px black;margin: 0 0;padding: 10px 6px;text-decoration: none;color: #51d867;}

.col-sm-1 {width: 8.33333333%;}
.col-sm-2 {width: 16.66666667%;}
.col-sm-3 {width: 25%;}
.col-sm-4 {width: 33.33333333%;}
.col-sm-5 {width: 41.66666667%;}
.col-sm-6 {width: 50%;}
.col-sm-7 {width: 58.33333333%;}
.col-sm-8 {width: 66.66666667%;}
.col-sm-9 {width: 75%;}
.col-sm-10 {width: 83.33333333%;}
.col-sm-11 {width: 91.66666667%;}
.col-sm-12 {width: 100%;}
.clear { clear:both;}


.container:before {display: table;content: " ";}
input::-webkit-input-placeholder {
   color: #c6c6c6;
   font-size: 18px;
   font-family: 'open_sanslight';
}

input:-moz-placeholder { /* Firefox 18- */
   color: #c6c6c6; 
   font-size: 18px; 
   font-family: 'open_sanslight';
}

input::-moz-placeholder {  /* Firefox 19+ */
   color: #c6c6c6;  
   font-size: 18px;
   font-family: 'open_sanslight';
}

input:-ms-input-placeholder {  
   color: #c6c6c6; 
   font-size: 18px; 
   font-family: 'open_sanslight';
}

#Header {}
.logo {margin:14px auto 80px;display: block; text-align: center;max-width: 270px;width: 269px;}

.box {float: left;background: white;width: 262px;margin: 0 28px; text-align:center;}
.box h2{color:#c30808;font-family: 'open_sansregular';    font-size: 18px;}
.box p{color: #717171;font-size: 15px;padding: 0 12px;}
.signupform { padding:30px 0; background:#51d867;}
.signupform h2{ text-align:center;font-family: 'open_sansbold'; color:white;margin-bottom: 35px;}
.cntbottom { background:white;padding:30px 0; }
.cntbottom h1{font-family: 'open_sansbold';color: #51d867;font-size: 39px;}
.cntbottom h2{font-family: 'open_sansbold';color: #51d867;}
.cntbottom h3{font-family: 'open_sansbold';color: #51d867;}
.cntbottom h4{font-family: 'open_sansbold';color: #51d867;}
.cntbottom h5{font-family: 'open_sansbold';color: #51d867;}
.cntbottom h6{font-family: 'open_sansbold';color: #51d867;}

#Header .right{float: left;width: 43%;background: rgba(0, 0, 0, 0.7);margin-top: 42px; padding: 19px;}

.ftrcnt1 { float:left;}
.ftrcnt2 { float:right;}

@media (max-width:768px) {
.ftrcnt1 { float:left; width:auto;}
.ftrcnt2 { float:right;width:auto;}
}

@media (max-width:320px) {
.ftrcnt1 { float:left; width:100%;}
.ftrcnt2 { float:right;width:100%;}
}

@media (max-width:480px) {
.ftrcnt1 { float:left; width:100%;}
.ftrcnt2 { float:right;width:100%;}
}
@media (max-width:768px) {
.container {width: 90%; padding:0 12px;}
.tpl-frm input {width:90%;}
.tpl-frm .btn {width: 90%;}
.header-image img{ width:100%}
.cntbottom .left {width: 100%;margin: 0 0 12px;}
.cntbottom .right {width: 100%;margin: 0 0 12px;}
#Header .left { width:100%}
#Header .right {width: 90%;float: none;}
.header-image {-webkit-background-size: cover !important;-moz-background-size: cover !important;-o-background-size: cover !important; background-size: cover !important;   background-position: center !important; min-height: 575px !important;}
.cntbottom .left img{ width:100%}
.cntbottom .right img{ width:100%}
}

@media (max-width:320px) {
.container {width: 90%; padding:0 12px;}
.tpl-frm input {width: 220px;}
.tpl-frm .btn {width: 208px;}
.h1main {font-size: 41px;}
.h1main br{ display:none;}
.copyright {float: none; text-align: center;}
.fmenu { float:none; text-align:center;}
.cntentboxwhite ul li {width: 208px;margin: 0;}
.header-image {height: auto;}
#Header .left { width:100%}
#Header .right { width:100%}
.cntbottom .left {width: 100%;margin: 0 0 12px;text-align:center;}
.cntbottom .right {width: 100%;margin: 0 0 12px;text-align:center;}
.btn5 { margin:0 auto;}
}

@media (max-width:480px) {
.container {width: 90%; padding:0 12px;}
.tpl-frm input {width: 220px;}
.tpl-frm .btn {width: 208px;}
.h1main {font-size: 36px;text-align: center;}
.fmenu { float:none; text-align:center; width:230px}
.h1main br{ display:none;}
.cntentboxwhite ul li {width: 208px;margin: 0;}
.header-image {height: auto;}
.header-image img{ width:100%}
.headline h1 {font-size: 31px;}
.cntentboxwhite .left {width: 95%; text-align:center}
.cntentboxwhite .right {width: 95%;}
#Header .left { width:100%}
#Header .right { width: 89%;float: none;}
.cntbottom .left {width: 100%;margin: 0 0 12px;text-align:center;}
.cntbottom .right {width: 100%;margin: 0 0 12px; text-align:center;}
.header-image {-webkit-background-size: cover !important;-moz-background-size: cover !important;-o-background-size: cover !important; background-size: cover !important;   background-position: center !important;}
.cntbottom .left img{ width:100%;}
.cntbottom .right img{ width:100%;}
.btn5 { margin:0 auto;}
}



