@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');
/* =====  INDEX =================

videoWrapper - LINE - 89



==*/


.style191 {font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #00BFFF; }
.style691 {font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #FFFFFF; }
.style791 {font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #B22222; }
.style192 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.style241 {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; }
.style2412 {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; font-weight: bold; }
.style339 {color: #B40404; font-style: italic; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.style64 {font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #B40404;}
.style372 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0077CC;
	font-weight: bold;
	
}
.style372r {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: ##ff0000;
}
.style375 {font-size: 12px; color: #B40404; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
.style376 {font-style: italic; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #B40404;}
.style377 {color: #000000}
.style378 {font-weight: bold; font-family: Arial,Verdana, Helvetica, sans-serif; font-size: 16px; color: #FFA500; }
.style379 {color: #64A1D8; }

.sh2 {
	font:35px Tw Cen MT Condensed, Arial, Helvetica, sans-serif;
	color: #D20303;
	font-weight:100;
	padding:0px 0px 0px 0px;
	margin:0px 0px 5px 0px;
	
    text-shadow: 2px 2px 3px #BABABA; 
	}

.sh211 {
	font:24px Tw Cen MT Condensed, Arial, Helvetica, sans-serif;
	color: #D20303;
	font-weight:100;
	padding:0px 0px 0px 0px;
	margin:0px 0px 5px 0px;
	
    text-shadow: 2px 2px 3px #BABABA; 
	}	
	
.sh21 {
	font:35px Arial, Helvetica, sans-serif;
	color: #D20303;
	font-weight:100;
	padding:0px 0px 0px 0px;
	margin:0px 0px 5px 0px;
	
    text-shadow: 2px 2px 3px #BABABA; 
	}
	
.disable { 
            pointer-events: none; 
            cursor: default; 
			
        } 

.center {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
		
.videoWrapper{
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
}
 
.videoWrapper iframe,
.videoWrapper object,
.videoWrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	
	max-height: 320px;
}

.line{
    width: auto;
    height: 30px;
    border-bottom: 5px solid red;
    position: absolute;
    }

#footer1 {
    min-height:auto;
    background:#F0FFF0;
}

#footer2 {
background-image: url(images/banner-2.jpg);
background-repeat: repeat-x;
background-color: #333;
margin:0px;
padding: 0px;
}

#rcorners1 {
  border-radius: 5px;
  background: #AFEEEE;
  padding: 5px;
  
}

#footer3 {
        position: relative;
        background: url(../images/img/b2.jpg) repeat center; 
        top: 0px;
        left: 0px;
        padding: 0;
        margin: 0;
        width: auto;
        height: auto;
        text-align: center;
    }

div#stripes {
  height: 40px;
  width: 100%;
  background-color:#CD0000; padding:10px 0 10px 10px; box-shadow: 0px 4px 0px rgb(139, 37, 0 ); overflow:hidden;
  
}

div#stripes_footer {
  height: 55px;
  width: 100%;
  background-color:#00C5CD; padding:10px 0 10px 10px; box-shadow: 0px 4px 0px rgb(139, 37, 0 ); overflow:hidden;
  color: #fff; 
  
}

#contactimg {
    background-image: url(../images/contact.jpg);
}

/*------------------------------------------*/
/*   FOOTER bottom Header
/*------------------------------------------*/
#stripes_hd {
	
	padding-top: 2px;
	padding-bottom:0px;
	color: #fff;
	height: 60px;
    width: 100%;
	background: #CD3700;
	/* border-top: solid 3px #FF4500; */ 
	border-bottom: solid 5px #FFA500;
}



.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}






 


#likebox-wrapper * {
  width: 100% !important;
  padding: 0px !important;
    margin: 0px !important;
	position: relative;
  
 -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
   -o-border-radius: 7px;
  border-radius: 10px;
   border: 1px solid #6666FF;
   height:300px; width:255px;
   
   background-color:#D6E0FF; padding:10px 0 10px 10px; box-shadow: 4px 4px 0px rgba(0, 0, 255, 0.45); overflow:hidden;
  
   }
  
 /* SOCIAL MEDIA BUTTON */
 
 #social {
  margin: 5px 10px;
  text-align: center;
}

.smGlobalBtn { /* global button class */
    display: inline-block;
    position: relative;
    cursor: pointer;
    width: 45px;
    height: 45px;
    border:2px solid #ddd; /* add border to the buttons */
    box-shadow: 0 3px 3px #999;
    padding: 0px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-size: 25px;
    font-weight: normal;
    line-height: 2em;
    border-radius: 27px;
    -moz-border-radius:27px;
    -webkit-border-radius:27px;
}

/* facebook button class*/
.facebookBtn{
    background: #4060A5;
}

.facebookBtn:before{ /* use :before to add the relevant icons */
    font-family: "FontAwesome";
    content: "\f09a"; /* add facebook icon */
}

.facebookBtn:hover{
    color: #4060A5;
    background: #fff;
    border-color: #4060A5; /* change the border color on mouse hover */
}

/* twitter button class*/
.twitterBtn{
    background: #00ABE3;
}

.twitterBtn:before{
      font-family: "FontAwesome";
      content: "\f099"; /* add twitter icon */
      
}

.twitterBtn:hover{
      color: #00ABE3;
      background: #fff;
      border-color: #00ABE3;
}

/* google plus button class*/
.googleplusBtn{
    background: #e64522;
}

.googleplusBtn:before{
      font-family: "FontAwesome";
      content: "\f0d5"; /* add googleplus icon */
}

.googleplusBtn:hover{
      color: #e64522;
      background: #fff;
      border-color: #e64522;
}



/* WhatsApp button class*/
.wapBtn{
    background: #32CD32;
}

.wapBtn:before{
      font-family: "FontAwesome";
      content: "\f232"; /* add rss icon */
}

.wapBtn:hover{
      color: #32CD32;
      background: #fff;
      border-color: #32CD32;
}

/* Phone button class*/
.phnBtn{
    background: #000080;
}

.phnBtn:before{
      font-family: "FontAwesome";
      content: "\f095"; /* add rss icon */
}

.phnBtn:hover{
      color: #000080;
      background: #fff;
      border-color: #000080;
}

/* Email button class*/
.emBtn{
    background: #A52A2A;
}

.emBtn:before{
      font-family: "FontAwesome";
      content: "\f0e0"; /* add rss icon */
}

.emBtn:hover{
      color: #A52A2A;
      background: #fff;
      border-color: #A52A2A;
}

/* YouTube button class*/
.ytBtn{
    background: #CD0000;
}

.ytBtn:before{
      font-family: "FontAwesome";
      content: "\f16a"; /* add rss icon */
}

.ytBtn:hover{
      color: #CD0000;
      background: #fff;
      border-color: #CD0000;
}
/* GoogleMap button class*/
.mapBtn{
    background: #228B22;
}

.mapBtn:before{
      font-family: "FontAwesome";
      content: "\f041"; /* add rss icon */
}

.mapBtn:hover{
      color: #FF0000;
      background: #fff;
      border-color: #228B22;
}





/* linkedin button class*/
.linkedinBtn{
    background: #0094BC;
}

.linkedinBtn:before{
      font-family: "FontAwesome";
      content: "\f0e1"; /* add linkedin icon */
}

.linkedinBtn:hover{
      color: #0094BC;
      background: #fff;
      border-color: #0094BC;
}

/* pinterest button class*/
.pinterestBtn{
    background: #cb2027;
}

.pinterestBtn:before{
      font-family: "FontAwesome";
      content: "\f0d2"; /* add pinterest icon */
}

.pinterestBtn:hover{
      color: #cb2027;
      background: #fff;
      border-color: #cb2027;
}

/* tumblr button class*/
.tumblrBtn{
    background: #3a5876;
}

.tumblrBtn:before{
      font-family: "FontAwesome";
      content: "\f173"; /* add tumblr icon */
}

.tumblrBtn:hover{
      color: #3a5876;
      background: #fff;
      border-color: #3a5876;
}

/* rss button class*/
.rssBtn{
    background: #e88845;
}

.rssBtn:before{
      font-family: "FontAwesome";
      content: "\f09e"; /* add rss icon */
}

.rssBtn:hover{
      color: #e88845;
      background: #fff;
      border-color: #e88845;
}


@media only screen and (min-width: 230px) and (max-width:991px) {
	
	div#stripes_hd {
		height: auto;
		width: 100%;
		display: flex;
        
		
	}
	
	#contactimg {
    height: auto;
     }
	 
	div#stripes {
    height: auto;
     }
	
}



/*======================================================*/
.card {
  /* Add shadows to create the "card" effect */
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
   border-radius: 5px; /* 5px rounded corners */
}

/* On mouse-over, add a deeper shadow */
.card:hover {
  box-shadow: 0 10px 20px 0 rgba(0,0,0,0.2);
}

/* Add some padding inside the card container */
.container {
  padding: 2px 16px;
}

/* Add rounded corners to the top left and the top right corner of the image */
img {
  border-radius: 5px 5px 0 0;
}


a.btn-primary:hover{
  background: #000080;
  text-decoration: none;
  color: #E0FFFF;
  font-weight:500;
}
/* --------------------------------------------------------------  */

.divimage {  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:url(../images/doctor-profile.jpg);
  background-repeat:no-repeat;
  background-size:100% auto;
}
.divtext {
  position:absolute;
  top:20px;
  left:0;
  width:100%;
  /*padding-top:13;   */ 
    
  text-align:center;
  font-weight:bold;
  font-size:5vw;
  color:white;
  font-family:arial;
}
@media (min-width: 1200px) {
  .divtext{
    font-size:24px;
  }
}

/* ======================================================= */

/* :: 19.0 Blog Area CSS */
.single-blog-area {
  position: relative;
  z-index: 1; }
  .single-blog-area .blog-post-thumbnail {
    position: relative;
    z-index: 1; }
    .single-blog-area .blog-post-thumbnail .post-date a {
      min-width: 250px;
      height: 35px;
      background-color: #006cff;
      display: block;
      color: #ffffff;
      line-height: 35px;
      text-align: center;
      position: absolute;
      font-size: 15px;
      font-weight: 400;
      top: 100px;
      left: 20px;
      z-index: 3; }
  .single-blog-area .post-content {
    position: relative;
    z-index: 1;
    padding: 50px 20px; }
    .single-blog-area .post-content .post-author {
      width: 58px;
      height: 58px;
      position: absolute;
      z-index: 5;
      border-radius: 50%;
      top: -29px;
      left: 20px; }
      .single-blog-area .post-content .post-author a {
        border-radius: 50%; }
        .single-blog-area .post-content .post-author a img {
          border-radius: 50%;
          box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15); }
    .single-blog-area .post-content .headline {
      font-size: 22px;
	  font-weight:600;
      margin-bottom: 15px;
      color: #081f3e;
      display: block; }
    .single-blog-area .post-content .comments {
      font-size: 12px;
      color: #57595c;
      text-decoration: underline;
      font-weight: 300; }

.bg-gray {
  background-color: #f5f7f9; }	

img {
  height: auto;
  max-width: 100%; }  
  
.section-padding-100 {
  padding: 100px 0; }

.section-padding-50 {
  padding: 50px 0; }

.section-padding-50-0 {
  padding: 50px 0 0 0; }

.section-padding-100-70 {
  padding: 100px 0 70px; }

.section-padding-100-50 {
  padding: 100px 0 50px; }

.section-padding-100-0 {
  padding: 100px 0 0; }

.section-padding-0-100 {
  padding: 0 0 100px; }

.section-padding-100-20 {
  padding: 100px 0 20px 0; }
  
.mt-15 {
  margin-top: 15px; }

.mt-30 {
  margin-top: 30px; }

.mt-50 {
  margin-top: 50px; }

.mt-70 {
  margin-top: 70px; }

.mt-100 {
  margin-top: 100px; }

.mb-15 {
  margin-bottom: 15px; }

.mb-30 {
  margin-bottom: 30px; }

.mb-50 {
  margin-bottom: 50px; }

.ml-15 {
  margin-left: 15px; }

.ml-30 {
  margin-left: 30px; }

.mr-15 {
  margin-right: 15px; }

.mr-30 {
  margin-right: 30px; }

.mb-70 {
  margin-bottom: 70px; }

.mb-100 {
  margin-bottom: 100px; }

  .latest-news-widget-area h5 {
  margin-bottom: 30px; }
  
.bg-img {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat; }

.bg-transparent {
  background-color: transparent; }

.bg-transparent-dark {
  background-color: rgba(0, 0, 0, 0.5) !important; }

.bg-transparent-light {
  background-color: rgba(255, 255, 255, 0.5) !important; }
  
  .search-widget-area form {
  position: relative;
  z-index: 1; }
.search-widget-area input[type=search] {
  width: 100%;
  height: 50px;
  background-color: #f5f7f9;
  border: none;
  font-size: 12px;
  font-style: italic;
  padding: 0 15px; }
.search-widget-area input[type=submit] {
  width: 80px;
  height: 50px;
  background-color: transparent;
  border: none;
  font-size: 14px;
  color: #006cff;
  font-weight: 500;
  padding: 0 15px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer; }
  
.bg-overlay {
  position: relative;
  z-index: 1; }
  .bg-overlay::after {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #006cff;
    opacity: 0.85;
    content: ''; }

.bg-overlay-black {
  position: relative;
  z-index: 1; }
  .bg-overlay-black::after {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.85;
    content: ''; }

.bg-overlay-white {
  position: relative;
  z-index: 1; }
  .bg-overlay-white::after {
    position: absolute;
    z-index: -2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(230, 241, 255, 0.5);
    content: ''; }

/*------------------------------------------------------------------
    Blog
-------------------------------------------------------------------*/

.blog-box{
	padding: 70px 0px;
	background-color: #f2f3f5;
}
.blog-inner{
	background: #ffffff;
	text-align: center;
	margin-bottom: 30px;
	border: 10px solid #fff;
	box-shadow: 0 2px 5px rgba(0,0,0,.1);
}

.blog-img{
	overflow: hidden;
}
.blog-img img{
	transition: all 0.9s ease 0s;
}
.blog-inner:hover .blog-img img{
	-moz-transform: scale(1.5) rotate(-10deg);
	-webkit-transform: scale(1.5) rotate(-10deg);
	-ms-transform: scale(1.5) rotate(-10deg);
	-o-transform: scale(1.5) rotate(-10deg);
	transform: scale(1.5) rotate(-10deg);
}
.blog-inner a{
	border-radius: 2px;
	transition: .2s;
	letter-spacing: 1px;
	padding: 10px 18px;
	background: #ffffff;
	color: #12557f;
	font-size: 14px;
	display: inline-block;
	line-height: 24px;
}

.blog-inner a.new-btn-d.br-2{
	border: 2px solid #12557f;
}

.blog-inner a.new-btn-d::before{
	background: rgba(18,85,127,0.2);
}


.blog-inner a:hover{
	color: #ffffff;
}

.blog-inner .item-meta{
	background: #12557f;
}
.blog-inner .item-meta a{
	background: #12557f;
	color: #ffffff;
	display: inline-block;
	border: none;
}
.blog-inner .item-meta span{
	color: #ffffff;
	background: #00cb86;
	display: inline-block;
	padding: 5px;
}

.blog-inner h2{
	margin-top: 20px;
}


.title-box{
	text-align: center;
	margin-bottom: 30px;
}
.title-box h2{
	font-size: 42px;
	font-family: 'Catamaran', sans-serif;
	color: #222222;
	font-weight: 500;
	position: relative;
	padding-bottom: 30px;
	margin-bottom: 15px;
}

.title-box h2::after{
	content: "";
	position: absolute;
	background: url(../images/tag-line.png)no-repeat center;
	width: 120px;
	height: 20px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.title-box h2 span{
	color: #00cb86;
	text-decoration: underline;
}


.new-btn-d{
	padding: 12px 30px;
	font-weight: 400;
	background: none;
	color: #ffffff;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
	border-radius: 0;
	border: 1px solid transparent;
	position: relative;
	overflow: hidden;
	z-index: 9;
	text-transform: uppercase;
}

.new-btn-d::before, .new-btn-d::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 0;
    left: 0;
	top: 100%;
    z-index: -9;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
        transition-timing-function: ease;
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.new-btn-d:hover::before, .new-btn-d:hover::after {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}

.new-btn-d::before {
    background: rgba(255,255,255,0.2);
}

.new-btn-d::after {
    background: #00cb86;
}
.new-btn-d:hover::after {
    -webkit-transition-delay: 0.175s;
    transition-delay: 0.175s;
}

.new-btn-d.br-2{
	border: 2px solid #ffffff;
}

.latest-news-widget-area h5 {
  margin-bottom: 30px; }
.latest-news-widget-area .widget-single-blog-post {
  margin-bottom: 30px; }
  .latest-news-widget-area .widget-single-blog-post .widget-post-thumbnail {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58px;
    flex: 0 0 58px;
    min-width: 58px; }
  .latest-news-widget-area .widget-single-blog-post .widget-post-content a {
    display: block;
    color: #57595c;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 400; }
  .latest-news-widget-area .widget-single-blog-post .widget-post-content:hover a, .latest-news-widget-area .widget-single-blog-post .widget-post-content:focus a {
    color: #006cff; }
  .latest-news-widget-area .widget-single-blog-post .widget-post-content p {
    font-size: 12px;
    color: #006cff;
    margin-bottom: 0;
    font-weight: 500; }
