body{font-family: 'Roboto', sans-serif; font-size: 14px; color: #1b1d1f;}

/*common*/
.mt10{margin-top: 10px;}
.mb10{margin-bottom: 10px;}
.mt15{margin-top: 15px;}
.mb15{margin-bottom: 15px;}
.mt20{margin-top: 20px;}
.mb20{margin-bottom: 20px;}
.mt30{margin-top: 30px;}
.mb30{margin-bottom: 30px;}
.mt40{margin-top: 40px;}
.mb40{margin-bottom: 40px;}
.mt50{margin-top: 50px;}
.mb50{margin-bottom: 50px;}

.nopad{padding: 0;}
.padOnMob{padding: 0;}
.padL0{padding-left: 0;}
.padR0{padding-right: 0;}
.padL5{padding-left: 5px;}
.padR5{padding-right: 5px;}
.pt50{padding-top: 50px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}

.bb{border-bottom: 1px solid #cbcac8;}
.bt{border-top: 1px solid #cbcac8;}

a{color: #148ec2;}
a:hover{color: #148ec2;}

h1{font-size: 45px; color: #1b1d1f; font-weight: 300;}
h2{font-size: 35px; color: #292d32; font-weight: 300;}
h3{font-size: 30px; color: #1b1d1f; font-weight: 300;}
h4{font-size: 22px; color: #1b1d1f; font-weight: 300;}
h5{font-size: 20px; color: #292d32; font-weight: 300;}
h6{font-size: 16px; color: #1b1d1f; font-weight: 500;}

.btn-primary{border-radius: 2; background: #148ec2; color: #FFFFFF; border:0; transition: all 0.9s ease;}
.btn-primary:hover{background: #056e9a;}
.btn-default{border-radius: 2; background: none; color: #056e9a; border:1px solid #056e9a; transition: all 0.9s ease;}
.btn-default:hover{background: #056e9a; color: #ffffff; border-color: #056e9a;}
.btn-warning{border-radius: 0; background: #ff4900; color: #FFFFFF; border:0;}
.btn-warning:hover{background: #055a8a;}
/*common*/
/*nav*/
.mainnav .navbar-brand{padding: 7px 15px;}
.navbar-wrapper{position: absolute; left: 0; top: 40px; right: 0;}
.mainnav.navbar{min-height: 70px; margin-bottom: 0px;}
.mainnav.navbar-default{background: #ffffff; border-color: #ffffff;}
.navbar-default .navbar-nav.menu > .active > a, .navbar-default .navbar-nav.menu > .active > a:focus, .navbar-default .navbar-nav.menu > .active > a:hover{background: none; color: #999;}
.navbar-default .navbar-nav.menu > li > a{color: #1b1d1f;}
.navbar-default .navbar-nav.loginbtn > li:first-child > a{color: #ffffff; background: #00c5e0; margin-right: 5px; transition: all 0.9s ease;}
.navbar-default .navbar-nav.loginbtn > li:first-child > a:focus,
.navbar-default .navbar-nav.loginbtn > li:first-child > a:hover{background: #017095;}
.navbar-default .navbar-nav.loginbtn > li:last-child > a{color: #ffffff; background: #009dd1;  transition: all 0.9s ease;}
.navbar-default .navbar-nav.loginbtn > li:last-child > a:focus,
.navbar-default .navbar-nav.loginbtn > li:last-child > a:hover{background: #017095;}
.mainnav .nav > li > a{padding: 7px 20px;}
.mainnav .navbar-collapse{margin-top: 20px;}
.navbar-nav.menu{float: right;}
/*nav*/
.banner{width: 100%; position: absolute; left: 0; top: 30%; z-index: 20;}
.banner h3{color: #ffffff; margin: 60px 0px; line-height: 45px;}
.banner .btn{padding: 11px 60px 15px; font-size: 25px;  font-weight: 300; color: #ffffff;}
/*discover partner program*/
.discover{padding-top: 70px; padding-bottom: 90px;}
.discover h1{color: #666767; line-height: 35px; margin-bottom: 30px; border-left: 7px solid #00afd8; padding:0px 0px 0px 15px; }
.discover h1 small{color: #292d32; font-size: 30px; text-transform: uppercase;}
.discover h1 span{color: #00afd8; font-weight: 400;}
.discover p{border-top: 1px solid #939293; padding-top: 30px; font-size: 20px; color: #8e9091; line-height: 37px; font-weight: 300;}
.discover .btn-default{padding: 7px 40px; font-size: 18px; font-weight: 300; margin-bottom: 5px;}
.discoverpoints {margin-top: 50px; color: #292d32; font-size: 30px; font-weight: 300;}
.discoverpoints .trained,.discoverpoints .refer,.discoverpoints .earn{position: relative; border-bottom: 1px dotted #bdbdbd; padding: 18px 0px 25px 100px; line-height: 70px;}
.discoverpoints .trained:before{background: url(../images/dp1.png) no-repeat;}
.discoverpoints .refer:before{ background: url(../images/dp2.png) no-repeat;}
.discoverpoints .earn:before{background: url(../images/dp3.png) no-repeat; }
.discoverpoints .trained:before,.discoverpoints .refer:before,.discoverpoints .earn:before{position: absolute; content: ""; width: 78px; height: 78px; left: 0; border: 1px solid #148ec2; border-radius: 50%; text-align: center; background-position: center 17px;}
.discoverpoints .earn{border-bottom: none;}
/*select partner program*/
.programtypes{background:#e9ecec; padding-top: 40px; padding-bottom: 50px;}
.partnertype{border-radius: 2px;}
.partnertype h3{font-size: 27px; color: #ffffff; text-align: center; margin: 0px 0px 27px; padding: 28px; text-transform: uppercase; 
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;}
.partnertype p{color: #6c6c6c; font-size: 15px; margin-bottom: 15px;}
.partnertype.basic h3{background: #30dbb5;}
.partnertype.basic .free{width: 94px; height: 94px; border-radius: 50%; color: #ffffff; font-size: 27px; line-height: 94px; font-weight: 100; margin: 0 auto; text-align: center; text-transform: uppercase;
background: #30dab4; 
background: -moz-linear-gradient(top, #30dab4 0%, #14b491 100%); 
background: -webkit-linear-gradient(top, #30dab4 0%,#14b491 100%);
background: linear-gradient(to bottom, #30dab4 0%,#14b491 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30dab4', endColorstr='#14b491',GradientType=0 ); }
.partnertype.basic a{background:#30dbb5; color: #ffffff; font-size: 18px; font-weight: 400; text-align: center; width: 100%; display: block; padding: 9px; position: absolute; bottom: 0;
-webkit-border-bottom-left-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-moz-border-radius-bottomleft: 2px;
-moz-border-radius-bottomright: 2px;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;}
.partnertype.basic:before{position: absolute; content: ""; background: url(../images/partnerbg.png) no-repeat; width: 114px; height: 529px; left: 0; z-index: 0;}
.partnerinner{background: #ffffff; width: 100%; float: left; min-height: 529px; position: relative;}
.partnertype.basic{position: relative; padding-left: 114px; z-index: 100;}

.partnertype.premium h3{background: #ffc029;}
.partnertype.premium .free{width: 94px; height: 94px; border-radius: 50%; color: #ffffff; font-size: 27px; line-height: 94px; font-weight: 100; margin: 0 auto; text-align: center; text-transform: uppercase;
background: #ffc029; 
background: -moz-linear-gradient(top, #ffc029 0%, #ffa200 100%); 
background: -webkit-linear-gradient(top, #ffc029 0%,#ffa200 100%); 
background: linear-gradient(to bottom, #ffc029 0%,#ffa200 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc029', endColorstr='#ffa200',GradientType=0 ); }
.partnertype.premium a{background:#ffc029; color: #ffffff; font-size: 18px; font-weight: 400; text-align: center; width: 100%; display: block; padding: 9px; position: absolute; bottom: 0;
-webkit-border-bottom-left-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-moz-border-radius-bottomleft: 2px;
-moz-border-radius-bottomright: 2px;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;}
.partnertype.premium:before{position: absolute; content: ""; background: url(../images/partnerbg.png) no-repeat; width: 114px; height: 529px; right: 0; z-index: 0; transform: rotateY(180deg);}
.partnertype.premium{position: relative; padding-right: 114px; z-index: 100;}

.partnertype.premium a:hover,.partnertype.basic a:hover{text-decoration: none;}
/*benefits*/
.benefits{background: #ffffff; padding-top: 50px; padding-bottom: 10px;}
.benefitimg{background: #148ec2; width: 70px; height: 70px; border-radius: 50%; padding: 15px 12px; margin: 0 auto;}
.benefits p{color:#141618; font-weight: 300; line-height: 19px;}
/*footer*/
footer {    background: none repeat scroll 0 0 #272628;    float: left;    width: 100%;}
.minftrs {    display: block;    overflow: hidden;}
.insideftr {    display: block;    overflow: hidden;    padding: 20px 0;}
.logoftr {    display: block;    margin: 0 0 20px;    overflow: hidden;}
.ftrabtus {    color: #ccc;    display: block;    font-size: 14px;    line-height: 24px;    overflow: hidden;    padding-right: 10%;}
.ftrabtus h4{color: #ffffff; font-size: 16px; line-height: 23px;}
.ftrabtus p {    margin: 0 0 15px;}
.ftrheading {    color: #eee;    display: block;    font-size: 18px;    margin: 10px 0 15px;    overflow: hidden;}
.linksftr {    color: #ccc;    display: block;    font-size: 14px;    line-height: 28px;    overflow: hidden;    padding: 0 0 0 16px;    position: relative;}
.linksftr:hover{color:#fff;}
.linksftr::before{content:"\f042";color: #777;    display: inline-block;    font-family: FontAwesome;    font-size: 8px;    font-style: normal;    font-weight: normal;    left: 1px;
    position: absolute;    top: 1px;}

.downtown {    background: url("../images/downtown.png") repeat-x scroll center top #272628;
    float: left;    height: 230px;    margin: -20px 0 0;    position: relative;    width: 100%;
}
.relpos {    height: 100%;    position: relative;}
.ftrdownlink {    bottom: 0;    left: 0;    position: absolute;    right: 0;}
.leftdwn {    float: left;}
.downtext {    color: #bbb;    font-size: 14px;    padding: 15px;}
.ritdwn {    float: right;}
.downtext a {    color: #fff;}
.interest{padding-top: 50px; padding-bottom: 50px; background: #148ec2 url(../images/thanksBg.jpg); border-top: 1px solid #ddd; line-height: 55px;}
.interest h3{line-height: 40px; color: #FFFFFF;}
/*login*/
.modal-open #login.modal{background: #f64d4d;}
.loginmodal .modal-content{border-radius: 1px; box-shadow: none;}
.loginmodal .modal-dialog{width: 400px; margin: 100px auto 30px;}
.loginmodal .modal-header{border-bottom: none;}
.loginmodal .modal-title{margin-top: 50px;}
.modal-open #register.modal{background: #30dbb5;}
.registermodal .modal-content{border-radius: 1px; box-shadow: none;}
.registermodal .modal-dialog{width: 600px; margin: 45px auto 30px;}
.registermodal .modal-header{border-bottom: none; padding-bottom: 0px;}
.registermodal .modal-title{margin-top: 50px;}

.loginform .form-control{border-radius: 0; height: 40px; border: none; background: #e1dfdf; box-shadow: none; text-align: center;}
.loginform textarea.form-control{height: 70px;}
.loginform .btn{border-radius: 0; padding: 12px 30px; text-transform: uppercase;}
.loginform{padding: 0px 40px 50px; text-align: center;}
.loginicon{position: absolute; width: 93%; top: -30px;}
.loginicon .login{width: 80px; height: 80px; border-radius: 50%; background: #148ec2; margin: 0 auto; text-align: center; color: #ffffff; font-size: 30px; line-height: 80px;}
.registermodal .selectprogrm{color: #9b9b9b;}
.registermodal .selectprogrm label{color: #3f4246;}
#register .loginform{padding-bottom: 20px;}

/*inner page css*/
.innerbanner{background: url(../images/innerbanner.jpg); width: 100%; height: 140px; background-size: cover;}
.innerbanner_terms{background: url(../images/innerbanner_terms.jpg); width: 100%; height: 140px; background-size: cover;}
.bannerhead h1{color: #ffffff; text-align: center; line-height: 95px;}
.innercontent{padding-top: 30px; padding-bottom: 20px;}
.overview{background: #f2f2f2; padding-top: 20px; padding-bottom: 5px;}
.overview p{line-height: 26px; font-size: 15px; font-weight: 300; color: #000000; }
.innerhead{background: #00afd8; padding: 20px 30px;}
.innerhead h2{margin: 0; color: #ffffff; font-weight: 300;}
.innercontent ul{margin: 0px; padding: 0;}
.innercontent ul li{margin: 0px 0px 0px 20px; padding: 10px 0px 10px 0px; list-style: none; border-bottom: 1px dotted #a0a0a0;}
.innercontent ul li:before{position: absolute; left: 15px; content: "\f101"; font-family: "fontAwesome"; color: #148ec2; font-size: 16px;}
.innercontent ul li:last-child{border-bottom: none;}
.whychoose,.partnerprograms, .terms{line-height: 26px; font-size: 16px; font-weight: 300; color: #535353; }
.whychoosehead{background: url(../images/whychoose.png) no-repeat 15px bottom; padding: 50px 0px 0px 120px;}
.whychoosehead h2{margin: 0; padding: 0;}
.whychoosehead h2 span{color: #148ec2;}
.partnerprograms h4{color: #148ec2;}
.partnerprograms h4 span{font-weight: 700;}
.part_head_basic{background: #30dbb5; color: #ffffff; font-size: 20px; font-weight: 400;}
.part_head_premium{background: #ffc029; color: #ffffff; font-size: 20px; font-weight: 400;}
.partnerprograms table tr th{padding: 30px; width: 50%;}
.partnerprograms table tr td{padding: 20px;}
.innerhead2{background: #e9ecec; padding: 5px 30px;}
.terms ol{margin: 15px 0px 15px 40px; padding: 0;}
.terms ol li{padding-bottom: 10px;}
.terms span.blue{color: #148ec2; font-weight: 500;}
.terms p{margin-bottom: 15px;}
/*contact*/
.inercols{-webkit-box-shadow: 0 0 10px -5px #454545;
	-moz-box-shadow: 0 0 10px -5px #454545;
	box-shadow: 0 0 10px -5px #454545;
    float: left;
    padding: 30px;
    position: relative;
    width: 100%;
    z-index: 11;}
.padmar{padding: 10px;}
.conform{border:none;
    border-bottom: 1px solid #eee;
    float: left;
    font-size: 16px;
    height: 45px;
    width: 100%;}
    .select_frm::before{content:"\f078";
	background: #fff none repeat scroll 0 0;
    bottom: 1px;
    color: #ddd;
    font-family: "FontAwesome";
    font-size: 16px;
    line-height: 40px;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 30px;}
.select_frm{float: left;
    position: relative;
    width: 100%;}
    .areatxt{border:none;
    border-bottom: 1px solid #eee;
    font-size: 16px;
    height: 80px;
    max-height: 80px;
    padding: 15px 0;
    width: 100%;}
    .contsubt{background: #00badc none repeat scroll 0 0;
    border: medium none;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    padding: 16px 30px;}
    label.error{display:none !important;}
.conform.error{border-bottom: 1px solid #b84636;}
.set_success{color: #0ea648;
    display: none;
    font-size: 16px;
    margin: 15px 0 0;
    overflow: hidden;
    text-align: right;}
.set_success .fa{font-size: 22px;
    margin-right: 8px;}
    .textcontct{float: left;
    padding: 0 10px;
    position: relative;
    width: 100%;}
.textcontct::before{content:"\f0d9";
	color: #fff;
    font-family: "FontAwesome";
    font-size: 70px;
    left: -22px;
    line-height: 70px;
    margin-top: -35px;
    position: absolute;
    top: 50%;
    z-index: 10;}
    .rowcntct{ display: block;
    overflow: hidden;
    padding: 30px 0;
    text-align: center;}
.fa.confa{color: #999;
    display: block;
    font-size: 20px;
    margin: 0 0 15px;
    overflow: hidden;}
.contctspl{color: #666;
    display: block;
    font-size: 14px;
    line-height: 26px;
    overflow: hidden;}
.topsection {
    background: none repeat scroll 0 0 #f1f1f1;
    float: left;
    width: 100%;
    height: 40px; position: relative; z-index: 1001;
}
.toprit {
    float: right;
}
.sectns {
    float: left;
    margin-left: 15px;
}
.phnumr {color: #555;display: block;font-size: 14px;font-weight: 300;line-height: 40px;overflow: hidden;}
.phnumr .fa {
    color: #999;
    font-size: 14px;
    margin-right: 4px;
}
.slash {
    color: #666;
    display: inline;
    margin: 0 6px;
}
.fa.cliktocl {
    display: none;
}
.phnumr .fa {
    color: #999;
    font-size: 14px;
    margin-right: 4px;
}
.mailadrs {
    color: #555;
    display: block;
    font-size: 14px;
    font-weight: 300;
    line-height: 40px;
    overflow: hidden;
}
.mailadrs .fa {
    color: #999;
    font-size: 12px;
    margin-right: 4px;
}
.inner.navbar{min-height: 110px;}
.inner .navbar-collapse{margin-top: 60px;}

/*media*/
@media (max-width: 992px) {

}


@media (max-width: 768px) {
.partnertype.premium{padding-right: 0;}
.partnertype.basic{padding-left: 0;}
.navbar-brand{width: 70%;}
.navbar-brand img, .banner img,
.discover .btn-default,
.registermodal .modal-dialog, .loginmodal .modal-dialog,
.overview .col-md-5 img{width: 100%;}
.banner h3{font-size: 25px; line-height: 35px;}
.banner .btn{width: 100%; padding: 11px 0 15px;}
.downtext {
    background: none repeat scroll 0 0 #2e2e2e;
    display: block;
    float: none;
    overflow: hidden;
    text-align: center;
}

.loginform .padL0, .loginform .padR0{padding: 0;}
.innercontent .container, .partnerprograms{padding: 0;}
.bannerhead h1{line-height: 40px; font-size: 34px;}
.sectns:last-child{display: none;}
.discover h1{font-size: 33px;}
}