/************************** Common Styles ***************************/
body {font-family: 'Open Sans', sans-serif; color: #484848; font-size: 14px;}
input::placeholder {color: #707070;}
/************************** Navigation *****************************/
.navbar-inverse {margin: 0px; background-color: transparent; border: 0px;transition: 0.3s all;}
.xnavbar-collapse {background: #888888;}
.navbar-brand {height: auto;}
.navbar > .container-fluid .navbar-brand {margin-left: 0px; padding: 10px 0 7px 7px;}
.navbar-nav {float: right; margin: 13px 0 9px;}
.navbar-nav > li > a {padding: 0px;}
.navbar-inverse .navbar-nav > li > a {color: #ffffff; font-size: 14px; padding: 10px 25px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase;}
.navbar-inverse .navbar-nav > li > a:hover {color: #dbdbdb;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {background: none; color: #ffffff;}
.navbar-inverse .navbar-nav > li > button {background: #ffffff; color: #d81e44; border: 0px; font-size: 14px; padding: 0 20px; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; margin-left: 20px; font-weight: 600; height: 37px; letter-spacing: 2px; text-transform: uppercase;}
/************************** Banner Section **************************/
.mooC-banner {height: 500px; position: relative;}
.mooC-banner-header {position: absolute; top: 35%; left: 0px; right: 0px;}
.mooC-banner-header h1 {margin: 0px; float: right; color: #ffffff; font-weight: 600; font-size: 46px; line-height: 60px; text-align: center;}
.mooC-banner-header h1 small {color: #ffffff; display: block; text-align: center; font-size: 35px;}
/************************** Corporate Deals *************************/
.mooC-deals {padding: 30px 0;}
.mooC-deals .col-md-2 {width: 20%; text-align: center;}
.mooC-deals .col-md-2 img {width: 85px;}
.mooC-deals .col-md-2 p {margin: 10px 0 0; color: #383838; font-size: 18px; line-height: 22px;}
/************************** Carousel ********************************/
.mooC-slider {height: 580px;}
html,body {height: 100%;}
.carousel,.item,.active {height: 100%;}
.carousel-inner {height: 100%;}
.mooC-slider .fill {width: 50%; height: 100%; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; float: left;}
.mooC-slider .fill img {width: 100%; margin-top: -10%;}
.mooC-slider .carousel-caption {background: #f7f7f7; left: auto; right: 0px; bottom: 0px; top: 0px; width: 50%; text-shadow: none;}
.carousel-indicators {bottom: 35px; left: auto; right: 0px; margin: 0px; width: 50%;}
.mooC-slider .carousel-indicators li {background: #e9e9e9; width: 18px; height: 18px; border: 0px; margin: 4px;}
.carousel-indicators li.active {background: #da294e; margin: 4px;}
.carousel-caption h2 {margin: 15% 0 55px; color: #dc3558; font-size: 45px; line-height: 40px;}
.carousel-caption h2 span {display: block; color: #383838; font-size: 38px;}
.carousel-caption p {color: #484848; font-size: 17px; font-weight: 300; margin: 0 20% 40px;}
/************************** Pricing Table ***************************/
.mooC-pricing-table {padding-bottom: 30px;}
.mooC-pricing-table h1 {text-align: center; color: #383838; margin: 50px 0; font-size: 30px; font-size: 48px; line-height: 35px;}
.mooC-pricing-table h1 label {display: block; font-weight: 400; font-size: 17px; color: #484848;}
.membership-pricing-table table .plan-header {text-align: center;font-size: 25px;border: 1px solid #e2e2e2;padding: 10px 0; font-weight: 600;}
.membership-pricing-table table .plan-header-red {color: #fff;background-color: #da294e;border-color: #ffffff;border-top: 0px;border-left: 0px;}
.membership-pricing-table table .plan-header-red:last-child {border-right: #da294e 1px solid;}
.membership-pricing-table table td {text-align: center;width: 15%;padding: 10px 0;font-size: 14px;}
.membership-pricing-table table td {border: 2px solid #e1e1e1;}
.membership-pricing-table table tr td:first-child {background-color: transparent;text-align: center;width: 24%;color: #484848; font-size: 17px; line-height: 22px;}
.membership-pricing-table table tr:first-child th:first-child {border-top-color: transparent;border-left-color: transparent;border-right-color: #e2e2e2;text-align: center;color: #da294e;font-size: 28px; font-weight: 600;}
.membership-pricing-table table td small {color: #797979; font-size: 13px; display: block; padding: 5px 0 0;}
/************************** Get in Touch ****************************/
.mooC-get-touch {padding-bottom: 30px; padding-top: 30px; text-align: center; position: relative;}
.mooC-get-touch h1 {margin: 0px 0 30px; color: #ffffff; text-align: center; font-size: 45px; line-height: 45px;}
.mooC-get-touch h1 label {margin: 0px; display: block; font-weight: 400; font-size: 18px;}
.mooC-get-touch input[type="text"] {background: #ffffff; border: 0px; width: 100%; height: 50px; line-height: 50px; padding: 0 12px; -webkit-border-radius: 7px; -moz-border-radius: 7px;border-radius: 7px; font-size: 17px;}
.mooC-get-touch .mobile-no label {margin: 0px; font-weight: 400; font-size: 17px; background: #ffffff; height: 50px; line-height: 50px; width: 50px; text-align: center; -webkit-border-radius: 7px 0 0 7px; -moz-border-radius: 7px 0 0 7px;border-radius: 7px 0 0 7px; float: left; color: #707070;}
.mooC-get-touch .mobile-no input[type="text"] {-webkit-border-radius: 0 7px 7px 0; -moz-border-radius: 0 7px 7px 0;border-radius: 0 7px 7px 0; width: 80%; float: right;}
.mooC-get-touch .col-md-3 {padding-left: 0px; padding-right: 10px;}
.mooC-get-touch .col-md-3:last-child {padding-right: 0px;}
.mooC-get-touch input[type="submit"] {background: #dd2d54; color: #ffffff; padding: 0px;-webkit-border-radius:7px; -moz-border-radius:7px;border-radius: 7px; border: 0px; font-size: 17px; padding: 6px 25px 10px; float: right; margin: 10px 10px 0 0;}
.mooC-get-touch input[disabled] {cursor: not-allowed; opacity: 0.8;}
.mooC-get-touch span.error {color: #fff600;display: block;font-size: 13px;font-weight: 700;text-align: left;}
.mooC-get-touch ul {padding: 0px; margin: 30px 0 0; list-style: none; display: inline-block; width: 100%;}
.mooC-get-touch ul li {float: left; color: #ffffff; font-size: 23px; width: 12%; position: relative;}
.mooC-get-touch ul li a {color: #ffffff; text-decoration: none;}
.mooC-get-touch ul li strong {font-weight: 600; font-size: 28px;}
/*.mooC-get-touch ul li span {display: inline-block; background: #ffffff; width: 1px; height: 70px; margin-top: 7px;}*/
.mooC-get-touch ul li small {position: absolute; top: -33px; left: 0; right: 0;}
.mooC-get-touch ul li {width: 100%;}
\.mooC-get-touch-thanks {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #ffffff; text-align: center; border: #cccccc 1px solid;}
.mooC-get-touch-thanks h3 {font-size: 38px;	font-weight: 600;margin: 5% 0 0; line-height: normal;}
.mooC-get-touch-thanks h3 small {color: #dd2d54; display: block; font-size: 32px;}
.mooC-get-touch-thanks p {margin: 30px 0 0; font-size: 18px;}
	/************************** Footer **********************************/
/*footer.main {background: #a1a1a1; border-top: 1px solid #979797;}
footer.main .footer-top-area {padding-top: 39px;background: #8d8d8d;padding-bottom: 3px;}
footer.main .footer-copyright {padding: 13px 0 16px;background: #a1a1a1;color: #fff;}
.row-wrap >[class^="col-"] {margin-bottom: 30px;}
footer.main p {color: #ffffff;font-size: 11px;margin-bottom: 0;}
footer.main p.copyrights { padding-top: 20px;}
footer.main p.short-des {font-size: 9px;padding-left: 134px; text-align: right;}
.footer-link {list-style: none;margin: 0 0 0 42px;padding: 0;}
.footer-link li {float: left;padding-right: 47px;}
.footer-link li a {display: block;font-size: 12px;color: #ffffff;}*/

.brand-img {width: 204px;}
.nopadding {padding-left: 0; padding-right: 0;}
.main-footer {background-color: #8d8d8d; padding-bottom: 20px;}
.sub-footer {background-color: #a1a1a1; }
.footer-news { margin-top: 40px; text-align: left;  color: white; float: right; }
.footer-news-heading { font-family: 'Comfortaa'; font-size: 24px; }
.footer-news-subheading { font-family: 'Open Sans'; font-weight: 400; font-size: 12px; color: white; margin-top: -3px; }
.footer-logo { padding-top: 74px; }
.footer-logo-text { color: white; font-size: 10px; font-family: 'Open Sans'; margin-left: 54px; }
.cpy-right-text { margin-top: 30px; margin-bottom: 24px; font-family: 'Open Sans';
	font-weight: 300; font-size: 12px; color: white; }
.moom-seo-txt { color: white; font-size: 9px; font-family: 'Open Sans'; margin-top: 15px; text-align: right; }
.footer-news-subscribe input[type="text"]:focus, .footer-news-subscribe input[type="email"]:focus {border: 0px;}
.footer-section { color: white; font-size: 10px; margin-top: 50px; }
.footer-section-support { color: white; font-size: 12px; margin-top: 20px; text-align: center; font-family: 'Open Sans'; }
.footer-section-ullist { list-style-type: none; margin: 0px; padding: 0px;}
.footer-section-ullist li { font-family: 'Open Sans'; }
.footer-section-heading { font-size: 11px; }
.footer-section-list { margin-top: 15px; }
.footer-section-list a { margin-top: 15px; font-size: 10px; color: white; text-decoration: none; }
.footer-section-item a { font-size: 10px; color: white; text-decoration: none; }
.footer-news-subscribe { margin-top: 10px; font-size: 12px; font-family: 'Open Sans'; }
.footer-news-subscribe input[type=text] {
	border-radius: 5px;
	-webkit-border-radius: 5px; -moz-border-radius: 5px;
	-ms-border-radius: 5px; -o-border-radius: 5px;
	height: 28px; width: 175px; padding-left: 10px; border-style: none; font-size: 12px;
}
.footer-news-subscribe input[type=text] { font-family: 'Open Sans'; color: #484848; }
.footer-news-subscribe input[type=text] ::-webkit-input-placeholder { color: #9a9a9a;   }
.footer-news-subscribe input[type=text] ::-moz-placeholder { color: #9a9a9a;  }
.footer-news-subscribe input[type=text] :-ms-input-placeholder { color: #9a9a9a;  }
.footer-news-subscribe input[type=submit]:disabled.btn {
	background: #ff4168 !important; border: #ff4168 !important; }
.footer-news-subscribe .form-control { display: inline; }
.footer-news-subscribe .btn-sm {
	border-radius: 9px; -webkit-border-radius: 9px;
	-moz-border-radius: 9px; -ms-border-radius: 9px; -o-border-radius: 9px; }
.footer-news-subscribe .btn-danger { background-color: #ff4168; border-color: #ff4168; }
.subscribe-btn { display: inline-block; margin-left: 0px; }
.subscribe-btn .btn { width: 67px; }
.btn-group-sm>.btn, .btn-sm { padding-left: 5px; }

.foot-email { position: relative; }
.foot-email .error-msg { position: absolute; top: 30px; left: 2px; color: white !important; }
.foot-email .success-msg { position: absolute; top: 30px; left: 2px; color: white!important; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.footer-news { margin-left: 35px; }
	.moom-seo-txt { margin-top: 10px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.main-footer .container { padding-left: 0px; padding-right: 0px; }
	.main-footer .row { margin-left: 0px; margin-right: 0px; }
	.footer-news { margin-left: 0px; }
	.footer-news-subscribe input[type=text] { width: 150px; padding-left: 4px; padding-right: 4px;}
	.subscribe-btn .btn {  width: 60px;  font-size: 11px;  }
	.footer-logo { padding-top: 55px; }
	.footer-section { margin-top: 45px; }
	.footer-section-support { margin-top: 10px; }
}
@media (max-width: 767px) {
	.footer { height: 240px;  background-size: 100% 100%; }
	.footer-news {  text-align: center;  margin-left: 0px;  margin-top: 10px;  }
	.footer-section-ullist { text-align: left; margin-left: 0px; }
	.footer-section-ullist li { margin-right: 0px;}
	.footer-section-ullist li a { font-size: 13px;margin-left: 20px; }
	.fotr-logo-center-xs-sm { text-align: center; margin-top: 15px;}
	.footer-section { margin-top: 30px; }
	.foooter-logo { padding-top: 20px; }
	.footer-section-support { margin-top: 10px; }
	.footer-logo { padding-top: 0px; }
	.footer-section { margin-top: 0px; }
	.links-xs { padding-top: 20px; padding-left: 5%; }
	.moom-seo-txt { margin-top: 20px; text-align: center; }
	.cpy-right-text { text-align: center; margin-top: 0px; margin-bottom: 0px; }
}
@media only screen and (min-width: 401px)and (max-width: 500px)
{.links-xs { padding-top: 20px; padding-left: 10%; }}

@media (max-width: 767px){.links-xs{ padding-top: 20px; padding-left: 10%; }}

@media only screen and (min-width: 500px) and (max-width: 767px){
	.footer-section-ullist {
		text-align: left;
		margin-left: 20px;
	}}



/************************** Media Query *****************************/
@media (min-width: 992px) and (max-width: 1199px) {
	.mooC-slider {height: 513px;}
	.carousel-caption h2 {margin: 10% 0 55px;}
	.mooC-get-touch .mobile-no input[type="text"] {width: 76%;}
}
@media (max-width: 991px) {
	.mooC-get-touch .col-md-3 {padding-right: 0px; margin-bottom: 10px;}
	.mooC-get-touch .mobile-no input[type="text"] {width: 92.5%;}
	.mooC-get-touch button {margin: 0px;}
	.footer-top-area .logo {width: 100%;}
	.mooC-get-touch-thanks {padding: 0 20px;}
}
@media (min-width: 768px) and (max-width: 991px) {
	.mooC-banner {height: 450px;}
	.mooC-banner-header {top: auto; bottom: 0px; background: rgba(0,0,0,0.5); padding: 5px 0 15px;}
	.mooC-banner-header h1 {float: none; text-align: center; font-size: 35px; line-height: 45px;}
	.mooC-banner-header h1 small {font-size: 25px;}
	.mooC-deals .col-md-2 {float: left;}
	.mooC-deals .col-md-2 img {width: 90px;}
	.mooC-deals .col-md-2 p {font-size: 17px; line-height: 20px;}
	.mooC-slider {height: 433px;}
	.carousel-caption h2 {margin: 0 0 30px; line-height: normal; font-size: 30px;}
	.carousel-caption h2 span {font-size: 25px;}
	.carousel-caption p {margin: 0 15% 20px;}
	.membership-pricing-table table tr:first-child th:first-child {font-size: 25px;}
	.membership-pricing-table table .plan-header {font-size: 22px;}
	.table-responsive {overflow-x: hidden;}
	.mooC-get-touch-thanks h3 {margin: 20% 0 0;}
	.navbar-inverse .navbar-nav > li > a {font-size: 15px; padding: 10px;}
	.navbar-inverse .navbar-nav > li > button {font-size: 15px; padding: 7px 10px 11px; margin-left: 5px;}
        .mooC-banner-header h1 img {width: 180px;}
}
@media (max-width: 700px) {
	.footer-top-area .col-xs-3, .footer-top-area .col-xs-9, .footer-copyright .col-xs-3, .footer-copyright .col-xs-9 {width:100%; text-align: center;}
	footer.main p.short-des {text-align:center; padding: 15px 0 0;}
	.footer-top-area .logo {width: auto; float: none;}
	.footer-link {margin:0px;}
	.footer-link li {padding: 0px 0 15px;; float: none;}
}
@media (min-width: 500px) and (max-width: 767px) {
	.mooC-banner {height: 400px;}
	.mooC-banner-header {top: auto; bottom: 0px; background: rgba(0,0,0,0.5); padding: 5px 0 15px;}
	.mooC-banner-header h1 {float: none; text-align: center; font-size: 35px; line-height: 45px;}
	.mooC-banner-header h1 small {font-size: 25px;}
	.mooC-deals .col-md-2 {float: left;}
	.mooC-deals .col-md-2 img {width: 70px;}
	.mooC-deals .col-md-2 p {font-size: 13px; line-height: 17px;}
	.mooC-slider {height: 282px;}
	.carousel-caption h2 {margin: 0px 0 10px; font-size: 20px; line-height: 20px;}
	.carousel-caption h2 span {font-size: 17px;}
	.carousel-caption p {font-size: 14px; margin: 0 4% 10px;}
	.carousel-indicators {bottom: 0px;}
	.mooC-slider .carousel-indicators li {height: 12px; width: 12px;}
}
@media (min-width: 320px) and (max-width: 767px) {
	.navbar-nav {float: left; margin: 0px; width: 100%; text-align: center;}
	.navbar-inverse .navbar-nav > li > button {margin: 10px 0;}
	.navbar-inverse .navbar-toggle {margin-top: 18px; background: #ffffff; border-color: #ffffff;}
	.navbar-inverse .navbar-toggle .icon-bar {background-color: #d81e44;}
	.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {background-color: #dbdbdb; border-color: #dbdbdb;}
	.mooC-get-touch-thanks h3 {margin: 20% 0 0;}
        .mooC-banner-header h1 img {width: 170px;}
}
@media (max-width: 767px) {
	.navbar-collapse {padding:0px; background: #888888;}
	.table-responsive {border: 0px; margin: 0px;}
	.membership-pricing-table table tr:first-child th:first-child {font-size: 22px; padding: 0 15px;}
	.membership-pricing-table table .plan-header {font-size: 15px;}
	.membership-pricing-table table .plan-header {padding: 15px;}
	.membership-pricing-table table td {padding: 18px 15px;}
	.mooC-get-touch .mobile-no label {float: none; position: absolute; top: 0px; left: 0px;}
	.mooC-get-touch .mobile-no {position: relative;}
	.mooC-get-touch .mobile-no input[type="text"] {width: 100%; -webkit-border-radius:7px; -moz-border-radius:7px;border-radius:7px; padding-left: 50px;}
	.mooC-get-touch ul li {float: none; width: 100% !important;}
	.mooC-get-touch ul li:first-child, .mooC-get-touch ul li:last-child {text-align: center;}
	.mooC-get-touch ul li strong {font-size: 25px;}
	.mooC-get-touch ul li small {position: relative; top: 0px; display: block; padding: 20px 0;}
	.mooC-get-touch ul li span {display: none;}
}
@media (max-width: 499px) {
	.mooC-banner {height: 280px;}
	.mooC-banner-header {padding: 5px 0 10px;}
	.mooC-banner-header {top: auto; bottom: 0px; background: rgba(0,0,0,0.5); padding: 5px 0 15px;}
	.mooC-banner-header h1 {float: none; text-align: center; font-size: 26px; line-height: 32px;}
	.mooC-banner-header h1 small {font-size: 20px;}
	.mooC-deals .col-md-2 {width: 100%;}
	.mooC-deals .col-md-2 p {font-size: 16px; line-height: 20px;}
	.mooC-deals {padding: 0px;}
	.mooC-deals .col-md-2 {background: #f7f7f7; border-bottom: #dbdbdb 2px solid; padding: 20px 0;}
	.mooC-slider .fill {width: 100%;}
	.mooC-slider .carousel-caption {top: 361px; width: 100%;}
	.carousel-caption h2 {font-size: 26px; margin: 0 0 25px; line-height: 27px;}
	.carousel-caption h2 span {font-size: 20px;}
	.carousel-caption p {font-size: 15px; margin: 0 15px 15px;}
	.carousel-indicators {width: 100%; bottom: 0;}
	.mooC-slider .carousel-indicators li {width: 12px; height: 12px;}
	.mooC-pricing-table h1 {margin-top: 50px;}
	.mooC-get-touch button {width: 100%;}
	.mooC-slider .fill img {margin-top: 0px;}
        .brand-img {width: 140px;}
        .footer-section {margin-left: 40%;}
        .footer-section-ullist li a { margin-left: 10px; }
}