/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
overflow:hidden;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100%;
}
@font-face {
font-family: 'calibriregular';
src: url('../fonts/calibri-webfont.eot');
src: url('../fonts/calibri-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/calibri-webfont.woff') format('woff'),
url('../fonts/calibri-webfont.ttf') format('truetype'),
url('../fonts/calibri-webfont.svg#calibriregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'calibribold';
src: url('../fonts/calibrib-webfont.eot');
src: url('../fonts/calibrib-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/calibrib-webfont.woff') format('woff'),
url('../fonts/calibrib-webfont.ttf') format('truetype'),
url('../fonts/calibrib-webfont.svg#calibribold') format('svg');
font-weight: normal;
font-style: normal;
}
.col-sm-8.col-md-8.right-main span
{
color: #2680b5 !important;
font-family: 'calibribold' !important;
font-weight: bold !important;
font-size: 16px !important;
line-height: 1.42857 !important;
}
@font-face {
font-family: 'AlegreyaSCBold';
src: url('../fonts/AlegreyaSCBold.eot');
src: url('../fonts/AlegreyaSCBold.eot') format('embedded-opentype'),
url('../fonts/AlegreyaSCBold.woff2') format('woff2'),
url('../fonts/AlegreyaSCBold.woff') format('woff'),
url('../fonts/AlegreyaSCBold.ttf') format('truetype'),
url('../fonts/AlegreyaSCBold.svg#AlegreyaSCBold') format('svg');
}
.staff-main h3 {
margin: 0 !important;
}
.staff-main {
float: left;
width: 100%;
}
.list-inline { background:none !important;}
/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 20;
background-color:#fff;
border-bottom:solid 6px #4da4bb
}
/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
padding-right: 0;
padding-left: 0;
}
.navbar-wrapper .navbar {
padding-right: 15px;
padding-left: 15px;
}
.navbar-wrapper .navbar .container {
width: auto;
}
.navbar-nav > li > a {
font-family: 'AlegreyaSCBold';
}
.nav > li > a {
padding:10px 13px;
}
.video-frame p {
margin-bottom:15px;
float:left;
width:100%;
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
.carousel {
height: 440px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
z-index: 10;
}
/* Declare heights because of positioning of img element */
.carousel .item {
height: 440px;
}
.carousel-inner > .item > img {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
height: 440px;
}
.carousel.carousel-fade .item {
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
opacity:0.5;
}
.carousel-fade .carousel-inner .active {
opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
opacity: 0;
z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.carousel-fade .carousel-control {
z-index: 2;
}
/* Featurettes
------------------------- */
.featurette-divider {
margin: 80px 0; /* Space out the Bootstrap <hr> more */
}
/* Thin out the marketing headings */
.featurette-heading {
font-weight: 300;
line-height: 1;
letter-spacing: -1px;
}
.top-address-section{ background-color:#4f789b;height:22px;color:#fff;}
.top-address-section span{ display:block;text-align:right}
.top-right-section{}
.call-section{ position:absolute;top:5px;right:0}
.call-text{ font-size:22px;color:#4da4bb;font-family:'calibribold';float:left; margin-right: 105px;}
span.fb-like{ float:left;margin:10px 0 0 10px;display:block;}
.appointment-btn{ border-radius:4px;padding:3px;position:absolute;bottom:-30px; right:10px;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(203,203,203,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(203,203,203,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(203,203,203,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(203,203,203,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(203,203,203,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(203,203,203,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cbcbcb', GradientType=0 );
-webkit-box-shadow: 0px 25px 24px -20px rgba(0,0,0,1);
-moz-box-shadow: 0px 25px 24px -20px rgba(0,0,0,1);
box-shadow: 0px 25px 24px -20px rgba(0,0,0,1);
}
.appointment-btn a{ font-size:28px;color:#fff;display:block;line-height:normal;border-radius:4px;padding:8px 25px 15px 25px;line-height:20px;
background: rgba(82,126,160,1);
background: -moz-linear-gradient(top, rgba(82,126,160,1) 0%, rgba(56,96,131,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(82,126,160,1)), color-stop(100%, rgba(56,96,131,1)));
background: -webkit-linear-gradient(top, rgba(82,126,160,1) 0%, rgba(56,96,131,1) 100%);
background: -o-linear-gradient(top, rgba(82,126,160,1) 0%, rgba(56,96,131,1) 100%);
background: -ms-linear-gradient(top, rgba(82,126,160,1) 0%, rgba(56,96,131,1) 100%);
background: linear-gradient(to bottom, rgba(82,126,160,1) 0%, rgba(56,96,131,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#527ea0', endColorstr='#386083', GradientType=0 );
}
.appointment-btn a span{ display:block;font-size:18px;color:#d5d5d5;}
.calendar-icon{ float:left;margin-top:10px;}
.text-area{ float:left;margin-left:15px;}
.slider{ margin-top: 102px;border-top:solid 2px #fff;border-bottom:solid 2px #d7d7d7;
background: rgba(188,188,188,1);
background: -moz-linear-gradient(top, rgba(188,188,188,1) 0%, rgba(230,230,230,1) 4%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(188,188,188,1)), color-stop(4%, rgba(230,230,230,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(188,188,188,1) 0%, rgba(230,230,230,1) 4%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(188,188,188,1) 0%, rgba(230,230,230,1) 4%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(188,188,188,1) 0%, rgba(230,230,230,1) 4%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(188,188,188,1) 0%, rgba(230,230,230,1) 4%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcbcbc', endColorstr='#ffffff', GradientType=0 );
}
.hidden-sm.hidden-xs { bottom: 0;position: absolute;z-index: 2;left:0;}
#slider-thumbs{ padding:0px 15px;width:100%}
#slider-thumbs .featured-box{ display:block;padding:0px 15px;}
#slider-thumbs .featured-box h4{ margin:0;padding-top:15px;color:#0969aa}
#slider-thumbs .featured-box p{ font-size:13px;color:#5b5b5b;margin:0;padding-bottom:15px;line-height:normal}
/*#slider-thumbs a.selected{ color:#4da4bb;
background: rgba(60,108,148,1);
background: -moz-linear-gradient(top, rgba(60,108,148,1) 0%, rgba(29,73,115,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(60,108,148,1)), color-stop(100%, rgba(29,73,115,1)));
background: -webkit-linear-gradient(top, rgba(60,108,148,1) 0%, rgba(29,73,115,1) 100%);
background: -o-linear-gradient(top, rgba(60,108,148,1) 0%, rgba(29,73,115,1) 100%);
background: -ms-linear-gradient(top, rgba(60,108,148,1) 0%, rgba(29,73,115,1) 100%);
background: linear-gradient(to bottom, rgba(60,108,148,1) 0%, rgba(29,73,115,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c6c94', endColorstr='#1d4973', GradientType=0 );
position: relative;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
#slider-thumbs a.selected:before {
content:"";
position: absolute;
left: 40%;
right:0;
top: -12px;
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 15px solid #3c6c94;
}
#slider-thumbs a.selected p{ color:#fff}*/
strong{ font-family:'calibribold'}
.welcome-title{ font-size:28px;font-family: 'AlegreyaSCBold';background:#1f4c75;color:#fff;padding-left:20px;border-radius:5px;}
.right-section .col-xs-6{ margin-top:20px;}
/*.heading1{ font-size:34px;color:#1f4c75;border-bottom:solid 4px #bcbdbf;font-family:'calibribold';padding-bottom:5px;text-transform:uppercase}*/
.heading1{
background: #1f4c75 none repeat scroll 0 0;
border-radius: 5px;
color: #fff;
font-family: "AlegreyaSCBold";
font-size: 28px;
padding: 10px;
text-align: left;
text-transform: capitalize;
float:left;
width:100%;
}
.timing{ text-align:right}
.contact-form-section{ background-color:#224c76;padding:15px;}
.form-contact{ background-color:#f5f5f5;padding:10px;}
footer{ background-color:#224c76;padding:15px 0 0 0;color:#fff;margin-top:15px;}
.latest-news{ position:relative;}
.latest-news h1{ font-size:26px;background-color:#fff;text-transform:uppercase;color:#1f4c75;position:absolute;bottom:-20px;right:-15px;;display:inline-block;
font-family: 'AlegreyaSCBold';padding:3px 10px;
-webkit-box-shadow: 0px 20px 24px -12px rgba(0,0,0,1);
-moz-box-shadow: 0px 20px 24px -12px rgba(0,0,0,1);
box-shadow: 0px 20px 24px -12px rgba(0,0,0,1);
}
.footer-pera h4{ color:#4da4bb;margin-bottom:0;margin-top:0;font-family: 'AlegreyaSCBold';}
ul.footer-menu{ margin:0;padding:0;list-style:none}
ul.footer-menu li{ margin:0;padding:0}
ul.footer-menu li a{ font-size:15px;color:white;display:block;line-height:normal}
ul.footer-menu li.child a{ background:none;color:#fff;padding-left:10px;}
ul.footer-menu li a span{ font-size:11px;}
.footer-column{ margin-left:-5px;margin-right:-5px;}
.footer-column .col-sm-3{ padding-left:5px;padding-right:5px;}
.copyright-section{ background-color:#f0f0f0;margin-top:20px;padding-top:10px;padding-bottom:10px;}
.copyright-section p{ margin:0;color:#767676;font-size:13px;font-family:'calibribold'}
ul.social-media{ margin:0;padding:0;list-style:none;float:right}
ul.social-media li{ float:left;margin-left:10px;}
ul.social-media li a{ float:left;display:block;}
.copyright-section.inner-page{ background-color:transparent;margin-top:0;padding-top:0px}
.copyright-section.inner-page p{ color:#fff}
.footer-inner{ margin-top:30px;}
/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 1024px) {
.call-text {
font-size: 16px !important;
width: 82%;
margin-right: 0px;
}
}
@media (max-width: 668px) {
.call-text {
font-size: 12px !important;
width: 38%;
}
}
@media (max-width: 768px) {
.call-text {
font-size: 12px !important;
width: 70%;
}
}
@media (max-width: 320px) {
.call-text {
font-size: 10px !important;
width: 205px;
}
}
@media (max-width: 1199px) {
.carousel { height: auto;}
.carousel .item { height: auto;}
.carousel-inner > .item > img { position: inherit;height: auto;}
}
@media (min-width:240px) and (max-width:480px){
.navbar-wrapper { position:relative; }
.slider{ margin-top:0px;}
.carousel.slide.carousel-fade { height:150px; }
.carousel-inner { height:150px; }
.carousel-inner > .item > img { height:150px; }
.welcome-title { text-align:center; padding:10px }
ul.social-media li { margin-left: 6px; }
ul.social-media { margin: -32px 0 0; }
.carousel-indicators { bottom: -7px; left: 40%; list-style: outside none none; margin-left: -30%; padding-left: 0;
position: absolute;
text-align: center;
width: 79%;
z-index: 15; }
}
@media (min-width:481px) and (max-width:767px){
.navbar-wrapper { position:relative; }
.slider { margin-top:0;}
.navbar-wrapper { position:relative; }
.welcome-title { text-align:center; padding:10px }
}
@media (max-width: 767px) {
body{ font-size:14px;}
h1, .h1 {
font-size: 24px;
}
h3, .h3 {
font-size: 20px;
}
h3, .h3 {
font-size: 18px;
}
h4, .h4 {
font-size: 16px;
}
.nav > li > a{ padding:5px}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{
padding-bottom:5px;margin-bottom:0
}
.navbar-wrapper{ top:18px;}
.top-address-section{ height:18px;}
.top-address-section span{ font-size:12px;text-align:left}
.call-section{ position:inherit;top:0;}
.call-text{ font-size:18px;padding-left:15px;}
span.fb-like{ margin:1px 0 0 10px}
.navbar-brand{ width:200px}
.top-right-section {
margin-left: -15px;
margin-right: -15px;
}
.appointment-btn{ border-radius: 0;
bottom: inherit;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
padding: 0;
position: inherit;right:0;
width:100%}
.appointment-btn a {
border-radius: 0;
font-size: 16px;
line-height: 20px;
padding: 5px 13px;
width:100%;
}
.calendar-icon {
margin-top: 2px;
width: 14px;
}
.text-area {
margin-left: 10px;
}
.appointment-btn a span {
display: none;
}
.hidden-sm.hidden-xs{ position:inherit}
#slider-thumbs {
padding: 0;
}
.list-inline > li{ width:100%;border-bottom:solid 1px #d3d3d3}
#slider-thumbs .featured-box{ min-height:inherit;background:none;border-left:solid 1px #d3d3d3;border-right:solid 1px #d3d3d3}
#slider-thumbs .featured-box h4{ padding-top:5px;}
#slider-thumbs .featured-box p{ padding-bottom:10px;}
.countdown-section h4{ font-size:16px}
.welcome-title{ font-size:20px;}
ul.footer-menu{ margin-bottom:15px;}
ul.footer-menu li a{ font-size:13px;}
.latest-news h1{ font-size:22px;right:inherit;left:15px;}
.img-thumbnail{ padding:3px;}
ul.social-media{ margin:-20px 0 0}
ul.social-media img{ width:32px;}
.footer-pera{ margin-top:30px;}
.lead{ font-size:16px;}
.heading1{ font-size:20px;}
.contact-form-section{ padding:10px;}
.form-contact .col-xs-2 { width: 25.667%;}
.form-contact .col-xs-6 { width: 66%;}
.form-contact .col-xs-8 { width: 73.667%;}
.timing{ text-align:left}
.form-contact .btn-default{ margin-bottom:5px;}
.list-inline{ margin:0 0 15px 0 !important}
.navbar-wrapper { top:0; }
.text-hygine { display: table-footer-group;
float: none; }
.video-frame{ display: table-header-group;
float: none; }
.text-hygine { margin-top:20px 0 0 0; }
#presentationNameEmbedded { left:23% !important; top:42% !important; width:89% !important; }
}
@media (min-width: 767px) {
.welcome-title { padding: 10px; text-align: left; text-transform:capitalize; }
.call-section {
left: 285px;
right:auto;
top: 5px !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body{ font-size:14px;}
h1, .h1 {
font-size: 30px;
}
h3, .h3 {
font-size: 24px;
}
h3, .h3 {
font-size: 20px;
}
h4, .h4 {
font-size: 16px;
}
.navbar-nav{ margin:10px 0 0px 0;height:25px;}
.navbar-header{ width:28%;float:none}
.navbar-brand{ width:100%;padding:5px 5px 5px 0}
.navbar-brand img{ width:100%}
.navbar-nav > li > a{ font-size:14px; padding-bottom: 0;padding-top: 0;}
.nav > li > a{ padding-left:8px;padding-right:8px;}
.call-section{ top:15px;}
.call-text{ font-size:20px;}
span.fb-like{ margin:3px 0 0 10px}
.appointment-btn{ bottom:-15px;}
.appointment-btn a{ font-size:20px;padding:5px 10px 10px;line-height:16px;}
.appointment-btn a span{ font-size:13px;}
.calendar-icon{ margin-left:5px;margin-top: 10px;width: 16px;}
.text-area{ margin-left:10px;}
.slider{ margin-top:103px;}
#slider-thumbs .featured-box{ padding:0 8px;background-size:1.66666%;min-height:80px}
#slider-thumbs .featured-box p{ font-size:10px;padding-bottom:5px;}
#slider-thumbs .featured-box h4{ font-size:13px;padding-top:5px;}
.list-inline{ margin:15px !important}
.welcome-title{ font-size:20px;}
ul.footer-menu li a{ font-size:11px;}
.latest-news h1{ font-size:16px;}
.img-thumbnail{ padding:3px;}
ul.social-media{ margin:-20px 0 0}
ul.social-media img{ width:32px;}
.lead{ font-size:18px;}
.heading1{ font-size:24px;}
.contact-form-section{ padding:10px;}
.form-contact .col-xs-2 { width: 25.667%;}
.form-contact .col-xs-6 { width: 66%;}
.form-contact .col-xs-8 { width: 73.667%;}
.text-hygine { display: table-footer-group;
float: none; }
.video-frame{ display: table-header-group;
float: none; }
.text-hygine { margin-top:20px 0 0 0; }
}
@media (min-width: 992px) and (max-width: 1199px) {
body{ font-size:14px;}
h1, .h1 {
font-size: 30px;
}
h3, .h3 {
font-size: 24px;
}
h3, .h3 {
font-size: 20px;
}
h4, .h4 {
font-size: 16px;
}
.navbar-nav{ margin:50px 0 0
margin-left:-30px;
}
.navbar-header{ width:30%;}
.navbar-brand{ width:100%;}
.navbar-brand img{ width:100%}
.navbar-nav > li > a{ font-size:13px;}
.nav > li > a{ padding-left:7px;padding-right:7px;}
.call-text{ font-size:24px;}
span.fb-like{ margin:5px 0 0 10px}
.appointment-btn{ bottom:-25px;}
.appointment-btn a{ font-size:20px;padding:5px 10px 10px}
.appointment-btn a span{ font-size:14px;}
.calendar-icon{ margin-left:5px; margin-top: 14px;width: 18px;}
.text-area{ margin-left:10px;}
.slider{ margin-top:86px;}
#slider-thumbs .featured-box{ padding:0 10px}
.list-inline{ margin:15px !important}
.welcome-title{ font-size:22px;}
ul.footer-menu li a{ font-size:13px;}
.latest-news h1{ font-size:22px;}
.lead{ font-size:24px;}
.heading1{ font-size:26px;}
}
@media (min-width: 768px) {
/* Navbar positioning foo */
.navbar-wrapper {
margin-top: 22px;
}
.navbar-wrapper .container {
padding-right: 15px;
padding-left: 15px;
}
.navbar-wrapper .navbar {
padding-right: 0;
padding-left: 0;
}
/* The navbar becomes detached from the top, so we round the corners */
.navbar-wrapper .navbar {
border-radius: 4px;
}
/* Bump up size of carousel content */
.carousel-caption p {
margin-bottom: 20px;
font-size: 21px;
line-height: 1.4;
}
.featurette-heading {
font-size: 50px;
}
ul.nav li.dropdown:hover > ul.dropdown-menu{
display: block;
}
}
@media (min-width: 992px) {
.featurette-heading {
margin-top: 120px;
}
}
@media (min-width: 1024px) and (max-width: 1365px) {
.call-section {
left: 350px;
}
}
@media (min-width: 1366px) {
.call-section {
left: 370px;
}
}
/* New */
#Carousel .carousel-control{
background-image: url('../images/left-arrow.png');
background-size: 30px;
background-position: center;
background-repeat: no-repeat;
opacity: 1;
}
#Carousel .carousel-control.right {
transform: rotate(180deg);
}