@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');

body {font-family: 'Poppins', sans-serif;color: #fff;font-size: 17px;background-color: transparent; color: #000;}
h1,h2,h3,h4,h5,p{font-family: 'Poppins', sans-serif !important;}

.center-all{ margin:0px auto; text-align:center; float:none;}
a.navbar-brand.logo {height: auto;max-width: 390px;padding: 8px 15px;}
.navbar-inverse {background: #195797;border: none;border-radius: 0px;min-height: 69px;margin-bottom: 0px;}
.navbar-inverse .navbar-brand { color: #fff; font-weight:800;}
.navbar-inverse .navbar-nav > li > a {color: #fff;font-size: 16px;padding: 14px 20px;font-weight: 500;border-radius: 5px 5px 0px 0px;border: #d0d0d0 1px solid;border-bottom: none;}
.navbar-inverse .navbar-nav > li > a:hover {color:#fff;}
.navbar-right {height: 69px;}
.navbar-right li {line-height: 69px !important;height: 69px;display: table-cell;vertical-align: bottom;float: none;width: 152px;text-align: center;padding: 0px 3px;}
.navbar-inverse .navbar-nav > li > a.active {color: #fff;}
.navbar-right li:nth-child(1) a {background: #147bfe;}
.navbar-right li:nth-child(2) a {background: #002665;}
.navbar-right li:nth-child(3) a {background: #692b81;}
.navbar-right li:nth-child(4) a {background: #5767de;}
.yellow,footer p a:hover{color: #ffc000;}
.blue{color: #0099ff;}

h2 {font-size: 36px;line-height: inherit;}
.topbar {background: #195797;border-bottom: #5e8ab6 1px solid;}
ul.nav.navbar-nav.top-barmenu {float: right;}
.topbar ul {padding-right: 3px;}
.topbar ul li a {color: #fff;text-transform: uppercase;}
.topbar ul li a:hover,.topbar ul li a:focus {background-color: transparent;color: #1bc4f3;}


.pwsec{padding: 60px 0px;}

.videosec-banner {
    display: inline-block;
    width: 100%;
    margin-top: 28px;margin-bottom: 30px;
}
.banner_video_section_container {
    max-width: 750px;
    margin: auto;
}
.banner_video_section {
    position: relative;
    padding-bottom: 55%;
    border: #0d7caa 7px solid;
}
.banner_video_section iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100% !important;
    height: 100% !important;
    border: none;
}
.banner-sec {color: #fff;background: url(../images/banner-bg.jpg)no-repeat;background-size: cover;}
.green-btn a {text-decoration: none;
    background: #95ca21;
    color: #fff !important;
    padding: 12px 30px;
    display: table;
    font-size: 30px;
    font-weight: 500;
    border-radius: 30px;
}
.order-conversiobot {
    background: #a3d2ff;
}
.order-conversiobot-box {background: #fff;text-align: center;border-radius: 20px 20px 0px 0px;float: left;width: 100%;}
.order-conversiobot-box h3 {background: #195797;color: #fff;padding: 15px;border-radius: 20px 20px 0px 0px;margin-top: 0px;}
.box-logo {float: left;width: 25%;text-align: left;}
.box-logo-sec {
    padding: 20px;
    float: left;
}
.box-logo-text {
    float: left;
    width: 75%;
    text-align: left;
    padding-left: 20px;
}
.box-logo-text p a {
    font-weight: 600;
}
.join-today-sec{background: url(../images/afilate-bg.png) no-repeat;background-position: bottom center;background-size: contain;}
.join-today-sec h2 {margin-bottom: 60px;font-weight: 400;}
.join-today-sec img {margin-bottom: -60px;}
.join-today-sec-bg {background: #012064;padding-bottom: 40px;}
.join-today-sec-bg h6 {
    font-style: italic;
    font-size: 22px;
    text-align: center;
    font-weight: 600;
    padding-top: 20px;color: #fff;
}
.join-today-sec-bg img {
    margin-right: 10px;
}
footer {
    text-align: center;
    background: #021237;
    padding: 15px;
}
footer p {
    color: #fff;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 300;
}
footer p a {
    color: #fff;
}
.hed-pop {
    border-bottom: none;
}
.modal1 .modal-body {
    padding-top: 0px;
}
.btn-danger {
    font-size: 0;
    opacity: 9;
    background-color: #1BC4F3 !important;
    border-color: #1BC4F3 !important;
    height: 25px;
    width: 25px;
    position: relative;
    border-radius: 50%;
}
.hed-pop .close:after {
    content: "X";
    position: absolute;
    font-size: 15px;
    left: 0;
    right: 7px;
    top: 5px;
    color: #fff;
    text-align: right;
    font-weight: 400;
}




/*animated button code*/

.green-btn a {animation: beat .50s infinite alternate;-webkit-animation: beat .50s infinite alternate;-moz-animation: beat .50s infinite alternate;-ms-animation: beat .50s infinite alternate;-o-animation: beat .50s infinite alternate;-webkit-transform-origin: center;-moz-transform-origin: center;-o-transform-origin: center;-ms-transform-origin: center;transform-origin: center;}
@keyframes 'beat' {to {-webkit-transform: scale(1.06);-moz-transform: scale(1.06);-o-transform: scale(1.06);-ms-transform: scale(1.06);transform: scale(1.06);}}
@-moz-keyframes beat {to {-moz-transform: scale(1.06);transform: scale(1.06);}}
@-webkit-keyframes 'beat' {to {-webkit-transform: scale(1.06);transform: scale(1.06);}}
@-ms-keyframes 'beat' {to {-ms-transform: scale(1.06);transform: scale(1.06);}}
@-o-keyframes 'beat' {to {-o-transform: scale(1.06);transform: scale(1.06);}}

/*animated button code*/


@media screen and (max-width:1600px){


}

@media screen and (max-width:1399px){


}

@media screen and (max-width:1199px){

}

@media screen and (min-width:768px) and (max-width:1024px){
.navbar-header {width: 30%;}

}

@media screen and (max-width:992px){
.navbar-inverse .navbar-nav > li > a {font-size: 13px;padding: 14px 5px;}
.navbar-right li {width: 110px;}
.topbar ul li a {font-size: 12px;padding: 6px;}
.box-logo-text p {font-size: 15px;}
    
}

@media screen and (max-width:768px){
.navbar-toggle {background: #3D8CCE !important;}
.navbar-inverse .navbar-nav > li > a{line-height: 15px;border-bottom: #2065B0 1px solid;font-size: 112%;font-weight: bold;}
.navbar-right{text-align:left; color:#fff;}
.navbar-inverse .navbar-nav > li > a:hover {color:#ccc;border-bottom: 1px solid rgb(40, 141, 203);}
.navbar-inverse .navbar-nav > li > a {font-size: 14px;padding: 0px 5px;line-height: 40px;font-weight: 500;height: 40px;}

}

@media screen and (max-width:767px){
ul.nav.navbar-nav.top-barmenu li {float: right;font-size: 12px;}
ul.nav.navbar-nav.top-barmenu {float: right;}
.navbar-right li {width: 100%;display: table;float: left;height: auto;}
.navbar-inverse .navbar-nav > li > a {border-radius: 0px;border: none;}
h2 {font-size: 35px;}
.join-today-sec h2 {margin-bottom: 25px;margin-top: 0px;}
.banner-sec h1 {margin-top: 0px;}
.green-btn a {font-size: 22px;}

}

@media screen and (max-width:565px){
ul.nav.navbar-nav.top-barmenu li:nth-child(2), ul.nav.navbar-nav.top-barmenu li:nth-child(1) {width: 50% !important;text-align: center;}
ul.nav.navbar-nav.top-barmenu li:nth-child(3){width: 100%;text-align: center;}
.pwsec {padding: 25px 0px;}
.box-logo {width: 100%;text-align: center;}
.box-logo img {margin: 0 auto;margin-bottom: 15px;height: 25px;}
.box-logo-text {width: 100%;text-align: center;}
h2 {font-size: 25px;}
.green-btn a {padding: 12px 10px;font-size: 15px;}
.join-today-sec img {margin-bottom: -20px;}
h1, .h1 {font-size: 21px;}
h3, .h3 {font-size: 20px;}
.join-today-sec-bg img {max-width: 57px;}
.join-today-sec-bg h6 {font-size: 13px;}
footer p {font-size: 11px;}
.modal-body iframe {
    height: auto;
}

}

@media screen and (max-width:480px){
.navbar-toggle{background: #3D8CCE !important;margin-top:2%;}
.navbar-inverse .navbar-brand{width: 81%;}
a.navbar-brand.logo {max-width: 200px;}
.navbar-inverse {min-height: auto;}
    
}