@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700|Staatliches&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900&display=swap');
body{ padding: 0px; margin: 0; font-family: 'Lato', sans-serif;}
ul, li, ol, a, p, span, strong, img, h1, h2, h3, h4, h5, h6 { padding: 0px; margin: 0; }
section{ float: left; width: 100%; position: relative; }
img{ max-width: 100%; }
a:focus, a:hover { outline: none; }
h1, h2, h3{font-family: 'Staatliches', cursive;}
.rightTopCurv {overflow: hidden;}
.rightTopCurv::before {content: "";position: absolute;left: -20px;width: 110%;top: -55px;height: 108px;background: #fff;transform: rotate(-3deg);}

.header-new nav.navbar.navbar-default {margin: 0;}
.header-new .navbar-brand {height: auto; padding: 5px 15px;}
.header-new .navbar-brand > img {display: block;max-height: 50px;}


/*Footer CSS*/
.footer {text-align: center;background: #2a146c;padding: 80px 0 40px;}
.footer p {color: #fff;font-size: 18px;margin-top: 20px;}
/*Login CSS*/
.login {padding: 100px 0;text-align: center;}
.loginBox {box-shadow: 0 0 6px #9e9e9e;background: #2a146c;}
.loginBox .row {margin: 0;display: flex;}
.loginBox .row .col-md-6{ padding: 0 }
.loginBox .row .col-md-6.loginContent {padding: 40px 30px;background: #c55b53;color: #fff;}
.loginBox h2::after {content: "";position: absolute;width: 100px;height: 2px;background: #fff;left: 50%;top: 100%;transform: translate(-50%, 0);}
.loginBox h2 {margin-bottom: 25px;position: relative;padding-bottom: 10px;}
.loginContent p {margin-bottom: 36px;}
.loginBox .row .col-md-6.loginForm {padding: 40px 30px;color: #fff;}
.loginBox .row .col-md-6.loginForm form label {text-align: left;display: block; margin-bottom: 10px;}
.loginBox .row .col-md-6.loginForm .form-control {background: #062f4d;border: 0;height: 45px;color: #fff;}
.btn.btn-success {color: #fff;background-color: #c55b53;border-color: #c55b53;}
.loginBox .row .col-md-6.loginForm .input-group-addon {background: #c55b53;border: 0;color: #fff;width: 50px;}
.loginBox .row .col-md-6.loginForm .input-group {width: 100%;}
.forgot a {color: #fff;text-decoration: navajowhite;display: inline-block;}
.forgot {text-align: left;}
/*Membership*/
section.pricing {padding: 120px 0;}
.pricing .card {border: none;border-radius: 0;transition: all 0.2s;box-shadow: 0 0rem 1rem 0 rgba(0, 0, 0, 0.1);padding: 30px 20px;}
.pricing .card-title { margin: 20px 0 10px; font-size: 15px; letter-spacing: .1rem; font-weight: bold;}
.pricing .card-price {font-size: 60px;margin: 0;font-family: 'Staatliches', cursive;color: #c55b53;}
.pricing .card-price .period { font-size: 20px;}
.pricing ul li {margin-bottom: 15px;font-size: 15px;text-align: left;}
.pricing .text-muted { opacity: 0.7;}
.pricing .fa-ul {padding: 20px 40px; margin: 0}
.headingText {padding: 0 0 40px;}
.headingText h3 {margin-bottom: 15px;font-size: 35px;color: #2a146c;}
/*additionalQuestion*/
.additionalQuestion {padding: 120px 0;}
.queBX {text-align: left;background: #fff;border: 2px dashed #dedede;padding: 20px 30px; margin-bottom: 15px;}
.queBX .checkbox {margin: 18px 0;}
/*contact*/
.contactUs {padding: 120px 0;}
.contactUs form {text-align: left;background: #fff;padding: 30px 30px;margin-top: 50px;}
.contactUs form h2 {margin-bottom: 20px;}
.contactUs form p {margin-bottom: 32px;}
.contactUs form h3 {margin-bottom: 15px;}
.contactUs .form-control {border-radius: 0;border: 0;box-shadow: 0 0 0;border-bottom: 2px solid #c55b53;padding: 0;font-weight: normal;color: #2a146c;}
/*Home Page*/
.topDetail {padding: 100px 0 200px;}
.tdBoxBg {background-color: rgba(232, 240, 246, 0.8);padding: 70px 40px;transform: rotate(-4deg);}
.tdBoxBg .tdBox {transform: rotate(4deg);max-width: 660px;margin: 0 auto;}
.mainTitle {font-size: 30px;margin-bottom: 20px;}
.greenText {color: #c55b53;}
.blueText {color: #2a146c;}
.greenBG {background: #c55b53;}
.whiteText {color: #fff;}
.blueBG {background: #2a146c;}
.tdBoxBg .tdBox p {font-size: 19px;color: #585959;line-height: 30px;margin-bottom: 20px;}
.tdBoxBg .tdBox .btn.btn-primary {text-transform: uppercase;background: #2a146c;padding: 14px 30px;border-radius: 8px; border:0;}
.ppd {padding: 80px 0 230px;text-align: center;}
.btmCurv {position: relative;  overflow: hidden; margin-bottom: -30px;}
.btmCurv::before {content: "";position: absolute;left: -10px;width: 110%;bottom: -55px;height: 108px;background: #2a146c;transform: rotate(3deg);}
.bl_bg {position: relative;  overflow: hidden; margin-bottom: -30px;}
.bl_bg::before {content: "";position: absolute;left: -10px;width: 110%;bottom: -46px;height: 108px;background: #fff;transform: rotate(-3deg);}
.ppd .mainTitle {max-width: 860px;margin: 0 auto 50px;line-height: 45px;}
.ppdBox .fa {font-size: 60px;width: 140px;height: 140px;line-height: 125px;border: 8px solid #c55b53;border-radius: 50%;margin-bottom: 20px; transition: all 0.5s ease 0s}
.ppdBox:hover .fa{transform: rotate(180deg);}
.ppb-heading {color: #8daec6;font-size: 25px;margin-bottom: 10px;}
.ppdBox p {line-height: 27px;}
.featuresOHI {padding: 90px 0 180px;text-align: center;}
.featuresOHI .media-object {display: block;max-width: inherit;}
.featuresOHI .media {text-align: left;margin: 30px 0;}
.featuresOHI .media .media-body {padding-top: 10px; vertical-align: middle;}
.media-heading.blueText {font-size: 14px;line-height: 20px;}
.featuresOHI .media p {line-height: 24px;color: #585959;}
.featuresOHI .titleText {font-size: 15px;color: #585959;margin-bottom: 30px;}
.btmGreenCurv {overflow: hidden;}
.btmGreenCurv::before {content: "";position: absolute;left: 0;width: 110%;bottom: -50px;height: 108px;background: #c55b53;transform: rotate(-3deg);}
.surveyProcess {padding: 80px 0 200px;}
.surveyProcess.greenBG.btmCurv::before {transform: rotate(3deg);bottom: -60px;background: #fff;}
.surveyProcess p {margin-bottom: 40px;font-size: 15px;line-height: 30px;}
.fech {padding: 90px 0;}

.surveyProcess .row {display: flex;flex-wrap: wrap;}
.surveyProcess .col-md-6 {border: 2px dashed #fff;flex: 0 0 46%;max-width: 46%;margin: 30px 2%;padding: 30px 25px 0px;border-radius: 50px;}
.un_co h4 {margin-top: 40px;border: 2px dashed #fff;background: #6b9309;padding: 14px 20px;margin-bottom: 20px;border-radius: 50px;color: #fff;}


.str {float: left;width: 100%;}
.str li {display: inline-block;float: left;width: 20%;}
.str li span {background: #c55b53;color: #fff;display: block;width: 200px;height: 200px;border-radius: 50%;margin: 15px auto 15px;position: relative;}
.str li span strong {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 100%;padding: 0 15px;font-size: 15px;}

.testimonial_txt .carousel-indicators {bottom: -40px;}
.testimonial_txt .carousel-indicators li {border: 2px solid #c55b53;}
.testimonial_txt .carousel-indicators .active {background-color: #c55b53;}
.testimonial_txt p {max-width: 960px;line-height: 30px;margin: 10px auto 20px;}
.testimonial_txt h3 {font-size: 18px;font-family: 'Lato', sans-serif;font-weight: bold;}
.testimonial_txt h3 i {font-weight: normal; font-size: 16px;}

.About_Us {padding: 80px 0;}

.team_member {position: relative; margin-bottom: 20px;}
.team_member .teamDet {position: absolute;top: 0;background: rgba(0, 0, 0, 0.5);width: 100%;height: 100%; transition: all 0.5s ease 0s; opacity: 0;}
.team_member:hover .teamDet{opacity: 1;}
.teamDet li {list-style: none;display: inline-block;}
.teamDet li a {color: #fff;background: #c55b53;font-size: 25px;width: 50px;height: 50px;display: inline-block;line-height: 50px;border-radius: 50%;margin: 0 3px;}
.teamDet h2 {color: #fff;margin-bottom: 10px;}
.tr_ca {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 100%;padding: 0 15px;}
.team_detail .modal-body img {border-radius: 50%;max-width: 280px;margin: 0 auto 20px;display: block;}
.team_detail .modal-header {background: #c55b53;text-align: center;color: #fff; border: 0;}
.team_detail .modal-header h4 {text-transform: uppercase;font-weight: bold;}
.team_detail .modal-body { background: #081c35; color: #fff; border: 0; padding: 30px 30px; text-align: justify; font-size: 16px;}

.approch {padding: 80px 0;}
.approch .headingText p {margin-bottom: 20px;}
.headingText p {font-size: 16px;}

.featuresOHI .fa {font-size: 30px;color: #c55b53;width: 70px;height: 70px;border: 1px solid #c55b53;text-align: center;line-height: 65px;border-radius: 50%;}




@media(max-width: 991px){
.str li {width: 33%;}

}

@media(max-width: 767px){
.str li {width: 50%;}
.logo {max-width: 130px;padding-top: 140px;margin: 0 auto;}
section.pricing {padding: 40px 0;}
.topDetail {padding: 30px 0 200px;}
.mainTitle {font-size: 25px;}
.fech td {display: block;}
.surveyProcess .col-md-6 {flex: 0 0 90%;max-width: 90%;margin: 30px 5%;}
.contactUs {padding: 40px 0;}
.loginBox .row {margin: 0;display: block;}
.surveyProcess td {display: block;}
}

@media(max-width: 590px){
.str li {width: 100%;}
.fech .table.table-bordered {font-size: 14px !important;}

}