@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;}

html, body { margin:0;font-family: 'open_sansregular'; background:#f1f1f1}
.clear { clear:both;}
h3, h2 {font-family: 'open_sanslight';font-weight: normal;text-align: center;}
h2{font-size: 37px;margin-bottom: 0;}
h3 { color:#585858; margin-top:12px;margin-bottom: 45px;}


.cntentboxwhite {background: white;margin-top: -48px;padding: 14px 19px;border-radius: 3px;}
.cntentboxwhite h2{font-family: 'open_sanslight';color: black;text-align: center;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:black;font-size: 13px;}
.cntentboxwhite ul li h2{ font-size: 32px;}
.copyright { color:white; float:left;font-size: 12px;font-family: 'open_sansregular';}
.fmenu { float:right;color:white;font-size: 12px;}
.fmenu a{ font-family: 'open_sansregular';font-size: 12px;color:white; display: inline-block; color: white;text-decoration: none;}
.fmenu {}
.h1main {font-family: 'open_sansextrabold';color:white; text-align:left;font-size: 53px;}
.tplcolor{  color: #0ed3ca}
.container {width: 960px;display: block; margin: 0 auto;}
.tpl-frm {margin-bottom: 3px;}
.tpl-frm input{padding: 8px;width: 36%;height: 25px;border: 2px solid #ccc;border-radius: 4px;margin: 14px auto;display: block;}
.tpl-frm .btn{height: 47px;width: 365px;background: #0ed3ca;border: 0;color: #043533;font-family: 'ralewaysemibold';font-size: 27px;cursor: pointer;border-radius: 4px; margin: 14px auto 7px;display: block;}
.tpl-frm button{height: 47px;width: 365px;background: #0ed3ca;border: 0;color: #043533;font-family: 'ralewaysemibold';font-size: 27px;cursor: pointer;border-radius: 4px; margin: 14px auto 7px;display: block;}
button{height: 47px;width: 365px;background: #0ed3ca;border: 0;color: #043533;font-family: 'ralewaysemibold';font-size: 27px;cursor: pointer;border-radius: 4px; margin: 14px auto 7px;display: block;}
.diclaimer {font-family: 'ralewaysemibold';color: #797979 !important;font-size: 15px !important;text-align: center;margin-bottom: 65px;margin-top: 5px;}

footer {background: #0f0e0d;padding: 12px 0;margin-top: 63px;}

.wplp-tpl2 .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;}

.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 0;
    display: block;
    text-align: center;
    max-width: 270px;
    width: 269px;}
.cntentboxwhite ul li img{ max-width: 100%;}
.cntentboxwhite ul li iframe {max-width: 100%; height:auto;}

.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: 320px;}
.tpl-frm .btn {width: 338px;}
.wplp-tpl2 img{ width:100%; height:auto;}
.wplp-tpl2 iframe{ width:100%; height:auto}
}

@media (max-width:320px) {
.container {width: 90%; padding:0 12px;}
.tpl-frm input {width: 250px;}
.tpl-frm .btn {width: 268px;}
.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: 405px;}
.wplp-tpl2 img{ width:100%; height:auto;}
.wplp-tpl2 iframe{ width:100%; height:auto}
.logo img{ width:100%; height:auto;}
}

@media (max-width:480px) {
.container {width: 90%; padding:0 12px;}
.tpl-frm input {width: 250px;}
.tpl-frm .btn {width: 268px;}
.h1main {font-size: 36px;text-align: center;}
.fmenu { float:none; text-align:center;}
.h1main br{ display:none;}
.cntentboxwhite ul li {width: 208px;margin: 0;}
.header-image {height: 405px;}
.wplp-tpl2 img{ width:100%; height:auto;}
.wplp-tpl2 iframe{ width:100%; height:auto}
.logo img{ width:100%; height:auto;}
}