/*
Copyright (c) 2017
[Master Stylesheet]
Template Name : StemCell Banking-Multipurpose Landing Page-UiSumo
Version    : 1.0
Author     : UISuMo Team
Author URI : https://uisumo.com
Support    : uisumo@gmail.com
*/

body { overflow-x: hidden; font-family: 'roboto_slabregular'; color: #121212; letter-spacing: 1px; font-size: 14px; }
p { font-size: 14px; font-family: 'roboto_slabregular';}
p.small { font-size: 16px; }
a, a:hover, a:focus, a:active, a.active { outline: 0; color: #996de9; -webkit-transition: all .2s ease-in-out;  -moz-transition: all .2s ease-in-out;  -o-transition: all .2s ease-in-out;  transition: all .2s ease-in-out; }
.btn{font-family: 'montserratbold';}
h1, h2, h3, h4, h5, h6 { font-family: 'montserratbold'; letter-spacing: 2px; font-weight: normal}

.section-heading h2{font-size: 36px; position: relative; text-align: center; color: #121212; padding:0 0 30px; margin:0 0 25px;}
.section-heading h2:before{width: 75px;height: 1px;background-color: #996de9;  content: ''; position: absolute; left: 50%; margin-left: -37px; bottom: 6px;}
.section-heading h2:after{background-color: #996de9;  content: ''; position: absolute; left: 50%; width: 12px;height: 12px; margin-left: -6px; bottom: 0; border-radius: 50%}
.section-heading.heading-left h2{text-align: left;}
.section-heading.heading-left h2:before,.section-heading.heading-left h2:after{margin: 0; left: 0}
.section-heading.heading-light h2{color: #fff}
.section-heading.heading-light h2:before, .section-heading.heading-light h2:after{background-color: #fff;}


.social-links a{font-size: 14px; display: inline-block}
.social-links a + a{margin-left: 30px;}
.social-links a:hover{color: #6a6a6a;}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{margin: 0; border-radius: 4px; border: #ffffff 2px solid; color: #ffffff; font-size: 16px; padding: 10px 15px; height: auto; margin-top: 3px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{background: rgba(255,255,255,.1); color: #ffffff;}
.quick-form{background-color: #996de9; vertical-align: top; padding: 20px; text-align: left;}
.quick-form h3{font-size: 18px; margin: 30px 0 10px}
.quick-form p{font-size: 14px; color: rgba(255, 255, 255, 0.8); line-height: 24px; margin: 0 0 25px;}
.quick-form label{font-family: 'montserratbold'; font-size:12px; text-transform: uppercase}
.quick-form .form-group{margin-bottom: 30px;}
.quick-form .form-control{border-radius: 0px; background-color: #996de9; border: 1px solid #fff; min-height: 40px; color: #fff;font-family: 'montserratsemi_bold'; font-size: 12px;}
.quick-form select.form-control{-webkit-appearance: none;-moz-appearance:none;appearance:none; background: url(../img/select-arrow-quick-form.png) no-repeat right center;}
.quick-form select.form-control option{background-color: #996de9;}
.quick-form .btn{border-radius: 0px; min-height: 50px; font-size: 12px; text-transform: uppercase; box-shadow: none; border: none; margin-bottom: 35px;}

.why-tem-cells{background-color: #996de9;}
.why-tem-cells .slider-nav{text-align: left;background-color: #f7f7f7; display: inline-block; width: 100%; padding: 20px;}
.why-tem-cells .slider-nav h3{color: #323232; font-size: 20px; line-height: 32px; margin:10px 0 0; }
.why-tem-cells .slider-nav ul{margin:20px 0; padding: 0; list-style: none;}
.why-tem-cells .slider-nav ul li{display: inline-block; width: 13px;height: 13px;background-color: #323232; transition: all .2s ease-in-out; cursor: pointer;}
.why-tem-cells .slider-nav ul li.active{width: 36px;background-color: #996de9;}
.owl-carousel-content{display: flex; align-items: center;}
.owl-carousel-content h4{font-size: 24px; margin: 0 0 20px;}
.owl-carousel-content p{font-size: 14px; color: #ffffff; margin: 0;}

header .container .row .right-content h1{line-height: 66px; font-size: 52px;}
header .container .row .right-content p{font-size: 14px; color: #f7f7f7;}
header .container .row .right-content .btn{font-size: 12px; color: #f7f7f7; margin-bottom: 30px; border-width: 2px; border-color: #f7f7f7; padding-left: 30px; padding-right: 30px; background: none; transition: all .2s ease-in-out; }
header .container .row .right-content .btn:hover{color: #996de9; background-color: #f7f7f7;}
.owl-carousel-content .owl-carousel.owl-loaded{margin-top: 38px; margin-bottom: 38px;}
@media(min-width:768px) {	
	.quick-form{float: left; width: 100%; }
	header .container > .row:first-child{display: flex}
	header .container > .row .right-content{display: flex;align-items: center;justify-content: flex-end; text-align: right;}
	.owl-carousel-content{padding-left: 0; padding-right: 30px}
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border: none; box-shadow: none;}
.body-content-bg{background: url(../img/transprent-bg.png) no-repeat center top; background-size: 100% auto;}
.what-is-stem{background-color: rgba(247, 247, 247, 0.53);}
.what-is-stem h6{font-size: 15px; text-transform: uppercase; color: #121212; margin: 0 0 30px;}
.what-is-stem p{margin-bottom: 30px; line-height: 23px;}
.what-is-stem ul{margin: 0; padding: 0; list-style: none;}
.what-is-stem ul li + li{margin-top: 30px;}
.what-is-stem ul p{margin: 0;}
.text-blue{color: #996de9;font-family: 'montserratbold';}
.what-is-stem ul p.text-blue{margin-bottom: 10px;}
.what-is-stem .image img{display: inline-block}
.our-features{/*background-color: rgba(255, 255, 255, 0.1);*/ padding: 100px 0 70px;}
.our-features .features{border: 1px solid #e7e7e7; padding: 30px;}
.our-features .features h3{font-size: 18px;margin: 25px 0}
.our-features .features p{line-height: 24px; color: #9e9e9e;}
.our-features [class*="col-"]{margin-bottom: 30px;}

@media(min-width:768px) {.our-features .section-heading{margin-bottom: 80px;}}



.our-process{padding: 0; background-color: rgba(247, 247, 247, 0.53);}
.our-process .row .video-bg{background-color: #996de9; padding: 0}
.our-process .row .video-bg:before{background: url(../img/process-video-img.jpg) no-repeat center center; background-size: cover; content: ''; width: 100%; height: 100%; left: 0; top: 0; position: absolute; opacity: .5}
.our-process .row .video-bg img{width:100%; opacity: .5;}

.our-process .row .video-bg .playbutton{position: absolute; left: 50%; top: 50%; color: #ffffff; margin-top: -2em; margin-left: -2em;}
.our-process .row .video-bg .playbutton:hover{opacity: .5}

.our-process .process{padding:30px;}
.our-process .process ul{margin: 0 -50px; padding: 0; list-style: none;}
.our-process .process ul li{display: inline-block; margin: 0 50px; text-align: center; position: relative;}
.our-process .process ul li h3{color: #996de9;font-size: 64px;font-family: 'montserratextra_bold';}
.our-process .process ul li p{font-size: 14px;font-family: 'montserratbold'; color: #323232; text-transform: uppercase}

@media(min-width:768px) {
	.our-process .row{display: flex}
	.our-process .row .video-bg{display: flex;align-items: center;justify-content: flex-end; text-align: right;}
	.our-process .row .video-bg img{display: none;}
	.our-process .process{padding: 100px 0 100px 30px;}
	.our-process .process ul li + li:before{position: absolute; width: 41px; height: 2px; background-color: #323232; content: ''; left: -70px; top: 50%;}
}

section.our-doctors{padding: 0}
.our-doctors .doctors-thumb-bg{background: url(../img/doctor-thumb-bg.jpg) no-repeat top right; background-size: cover; padding:50px 30px;}
.doctors-thumb-details{margin-right: -15px; margin-left: -15px; display: inline-block;}
.doctors-thumb-details a{float: left; margin: 15px; border-radius: 50%;  width: 104px; height: 104px; overflow: hidden; background-color: #996de9; }
.doctors-thumb-details a img{opacity: .3;transition: all ease .3s;}
.doctors-thumb-details a:hover img, .doctors-thumb-details a:focus img{opacity: 1}
.our-doctors .doctor-details{padding: 30px;}
.our-doctors .doctor-details h2{font-size: 18px; color: #996de9; line-height: 36px; margin: 0 0 20px; text-transform: uppercase;}
.our-doctors .doctor-details p{color: #9e9e9e; font-size: 14px; line-height: 24px;}
.our-doctors .doctor-details .social-links{margin-top: 20px;}
.our-doctors .owl-carousel .owl-item img{margin-top: 15px;}

@media(min-width:990px) {
.our-doctors > .row, .our-doctors .owl-item .row .row{display: flex}
	.our-doctors .doctors-thumb-bg{padding: 90px 0 0 90px;}
	.our-doctors .owl-item .row .row .doctor-details{display: flex; align-items: center; padding-right: 120px;}
	.our-doctors .doctor-details{padding: 0;}
	
}


.our-price .section-heading{margin-bottom: 80px;}
.our-price .price-box{border: 5px solid #f7f7f7; padding: 30px 40px;}
.our-price .price-box h3{font-size: 24px; color: #323232;}
.our-price .price-box p{color: #9e9e9e; margin: 20px 0}
.our-price .price-box p em{font-family: 'montserratbold'; color: #6a6a6a;}
.our-price .price-box h2{font-size: 64px; font-family: 'montserratextra_bold'; color: #996de9; margin-top: 40px;}
.our-price .price-box h2 sup{font-size: 40px; color: #6a6a6a;font-family: 'montserratbold'; top: -0.6em;}
.our-price .price-box .btn{min-width: 200px; background-color: #996de9; margin: 10px 0; color:#fff; border-radius: 0px; min-height: 50px; display: inline-block; line-height: 44px; padding: 0; border: 3px solid  #996de9;}
.our-price .price-box:hover .btn{background-color: #fff; color: #996de9 }
.our-price [class*="col-"]{margin-bottom: 30px;}



.our-clients-say{background-color: rgba(247, 247, 247, 0.53);}
.our-clients-say .section-heading{margin-bottom: 80px;}
.our-clients-say .client-say .client-comment{background-color: #996de9; padding: 30px; margin-bottom: 30px;}
.our-clients-say .client-say .client-comment p{font-style: italic; line-height: 26px; color: #ffffff; font-size: 16px;}
.our-clients-say .client-say .client-details{position: relative; min-height: 70px; padding-right: 100px; text-align: right; padding-top: 15px;}
.our-clients-say .client-say .client-details .client-image{width: 70px; height: 70px; position: absolute; right: 0; top: 0; border-radius: 50%; overflow: hidden; background-color: #996de9;}
.our-clients-say .client-say .client-details .client-image img{opacity: .98}
.our-clients-say .client-say .client-details h4{margin: 0 0 5px; font-size: 16px; color: #323232;}
.our-clients-say .client-say .client-details p{font-style: italic; font-size: 14px; color: #9e9e9e; margin: 0;}
.owl-theme .owl-dots .owl-dot {opacity: 1}
.owl-theme .owl-dots .owl-dot span{width: 13px;height: 13px; border-radius: 0px; opacity: 1; background-color: #323232;transition: all ease .3s;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{width: 36px;height: 13px; background-color: #996de9;}

.our-clients-say .owl-controls{margin: 70px 0 0}



section.parents-have-chosen{background-color: #996de9; color: #ffffff;}
section.parents-have-chosen h2{font-size: 30px; line-height: 46px; text-transform: uppercase;}
section.parents-have-chosen h4{text-transform: uppercase; font-size: 16px;}
section.parents-have-chosen .btn{background-color: #ffffff; min-height: 40px; border-radius: 0px; font-size: 12px; border: none; padding: 0; line-height: 40px}



.img-centered { margin: 0 auto; }
.nav-header{background: url(images/headerbg.png); background-size: cover; background-repeat: no-repeat; background-position: top center;}
.navbar-fixed-top .top-bar{background-color: #f7f7f7; padding: 0 30px; max-height: 40px; transition: max-height 0.25s ease-in; overflow: hidden}
.navbar-fixed-top.navbar-shrink .top-bar{max-height: 0; transition: max-height 0.15s ease-out; overflow: hidden;}

.navbar-fixed-top .top-bar h6{margin: 0; font-size: 12px; text-transform: uppercase; line-height: 40px; font-family: 'montserratsemi_bold';}
.navbar-fixed-top .top-bar h6 span{margin-left: 50px; color: #996de9;}
.navbar-fixed-top .top-bar .social-links a{line-height: 40px;}
.navbar-default .navbar-nav>li>a{color: #ffffff; font-size: 14px;}



header { text-align: center; color: #fff; }
header .container { padding-top: 100px;}


header img { display: block; margin: 0 auto 20px; }
header .intro-text .name { display: block; font-family: 'montserratbold'; font-size: 2em;}
header .intro-text .skills { font-size: 1.25em; font-weight: 300; }

@media(min-width:768px) {
	 .navbar-fixed-top.navbar-shrink .navbar-brand {        font-size: 1.5em;    }
header .container { padding-top: 150px; }
header .intro-text .name { font-size: 4.75em; }
header .intro-text .skills { font-size: 1.75em; }
}

@media(min-width:768px) {
.navbar-fixed-top .navigation{background-color: #996de9; padding: 30px;  -webkit-transition: padding .3s; -moz-transition: padding .3s; transition: padding .3s;}
.navbar-fixed-top { background: none; border: none;  -webkit-transition: padding .3s; -moz-transition: padding .3s; transition: padding .3s; }
.navbar-fixed-top .navbar-brand { font-size: 2em; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; float: left}
.navbar-fixed-top.navbar-shrink .navbar-brand { font-size: 14px; float: left;}
	.navbar-fixed-top.navbar-shrink .navigation{padding: 7px 30px;}
}
.navbar { text-transform: uppercase; font-family: 'montserratbold'; font-weight: normal}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{color:rgba(255,255,255,.8)}
.navbar a:focus { outline: 0; }
.navbar .navbar-nav { letter-spacing: 1px; }
.navbar .navbar-nav li a:focus { outline: 0; }
.navbar-default, .navbar-inverse { border: 0; }
section { padding: 100px 0; }

@media(max-width:767px) {
section { padding: 75px 0; }
section.first { padding-top: 75px; }
}

.footer-map #map{width: 100%; min-height: 406px;}
.footer-links{padding-top: 40px; padding-bottom: 40px; text-align: left;}
.footer-links ul{margin: 0; margin-right: -10px; margin-bottom: 30px; padding: 0; list-style: none}
.footer-links ul li{display: inline-block;}
.footer-links ul li a{color: #323232; font-size: 14px; font-family: 'montserratbold'; padding: 10px;}
.footer-links ul li a:hover, .footer-links ul li a:focus{color: #996de9; text-decoration: none;}
.footer-links .social-links{margin-bottom: 30px;}
.footer-links .social-links a + a{margin-left: 50px;}
.footer-links p.copyright{margin: 0;color: #9e9e9e; font-size: 10px;font-family: 'montserratsemi_bold'; text-transform: uppercase;}

@media(min-width:768px) {
	.footer-links{text-align: right;}
footer > .row{display: flex}
footer > .row > .footer-col-center{display: flex; justify-content: flex-end; align-items: center;}
}


@media (max-width: 1201px) {
	.navbar-default .navbar-nav > li > a{font-size: 12px;}
}
.navbar-fixed-top{box-shadow: none}
@media (max-width: 991px) {
	footer-links{padding: 30px;}
	.navbar-default{background-color: #996de9;}
	.navbar-fixed-top .top-bar{display: none;}
	.navbar-default .navbar-toggle .icon-bar{background-color: #f7f7f7; transition: all .2s ease-in-out;}
	.navbar-default .navbar-toggle{transition: all .2s ease-in-out;}
	.navbar-default .navbar-toggle:hover{background-color: #f7f7f7;}
	.navbar-default .navbar-toggle:hover .icon-bar{background-color: #996de9;}
	.our-price .price-box .btn{min-width: inherit; padding-left: 20px; padding-right: 20px;}
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{padding: 6px 15px; margin-top: 7px}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color:rgba(255,255,255,1); color: #996de9}
	.navbar-default .navbar-toggle:focus .icon-bar{background-color: #996de9;}
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}
.modal-dialog{max-width: 990px; width: 100%}
.modal-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    background:transparent;
    border:none;
    outline:none;
}
.modal-content iframe {
    border:none;
    padding:0;
    margin:0;
}

.close {
    font-size: 80px;
    margin:-20px 0 0 0;
}


.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media only screen and (min-width: 768px) {
    /***** MODAL PROPERTIES *****/
    .close {
        font-size: 80px;
        margin:30px -53px -20px 100px;
    }
	.modal-content iframe {
    border:none;
    padding:0;
    margin:70px 0 0;
}
}