@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');

/*font-family: 'Lato', sans-serif;*/
/*Light : 300
bold : 700
black : 900
regular : 400*/


@font-face {
	font-family: 'Lato-Heavy';
	src: url('../fonts/Lato-Heavy.eot');
	src: local('☺'), 
	url('../fonts/Lato-Heavy.woff') format('woff'), 
	url('../fonts/Lato-Heavy.ttf') format('truetype'), 
	url('../fonts/Lato-Heavy.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



/*.container{ border-left:1px solid red;border-right:1px solid red;}*/

/** global css for whole page**/
body{ font-size:16px; color:#a5a5a5;font-family: 'Lato', sans-serif;;}

ul{ padding:0; margin:0;}

a, input, button{ text-decoration:none; outline:none; box-shadow:none;}
a:hover{ text-decoration:none;}
input:focus, button:focus, a:focus, select:focus, textarea:focus{ box-shadow:none !important; outline:none !important;}

h1{ font-size:50px;font-weight:900;}
h2{ font-size:42px;font-weight:900;}

img{ max-width:100%;}

/** header part css start here **/

.top_bar_wraper li { display: inline-block;}
.to_bar_ul a{ color:#a5a5a5; font-weight:400;transition:all ease 0.2s;}
.top_bar_wraper ul {display: inline-block;  vertical-align: middle;}
.to_bar_ul > li {  margin: 0 3px;}
.social_top a {
  color: #dadada;
  display: block;
  font-size: 26px;
  padding: 0 0 0 10px;
  transition:all ease 0.2s;
}
.social_top a:hover, .to_bar_ul a:hover{ color:#ff6853;}
.social_top {
  border-left: 1px solid #dadada;
  margin: 0 0 0 15px;
  padding: 0 0 0 9px;
}
.header_top_bar { text-align:right;  border-bottom: 2px solid #e6e6e6;  padding: 7px 0px 7px;}

/*.logo_div img {max-width: 150px;}*/
.contact_div p {margin:auto;}
.contact_div p a { color: #ff6853;font-size: 28px;}
.contact_div p a span{ color:#2d2d2d;}
.contact_div p img { margin-top: -6px;  padding-right: 7px;}
.logo_contact {background: #fff none repeat scroll 0 0;padding: 6px 0 8px;}
.logo_div {
  background: #ffffff none repeat scroll 0 0;
  display: inline-block;
  padding: 10px;
  position: absolute;
  top: -50px;
}

.navbar-light .navbar-brand{ display:none;}
.header_mneu {background: #ff6853 none repeat scroll 0 0; text-align:center;}

.main_navbar .navbar{ padding:0; display:inline-block}

.main_navbar .navbar-nav li .nav-link {
  color: #ffffff;
  font-size: 16px;
  padding: 17px 28px; transition:all ease 0.2s;
  text-transform: uppercase;
}
.main_navbar .navbar-nav li.active .nav-link{ color:#fff; background:#f2624e;}
.main_navbar .navbar-nav li .nav-link:hover{ background:#f2624e; color:#fff;}



.fixed-header .header_mneu {
  left: 0;
  margin: auto;
  position: fixed;
  right: 0;
  top: 0;
  transition: all 0.9s ease 0s;
  width: 100%;
  z-index: 99;
}
.header_height.fixed-header {
  min-height: 60px;
}




/** header part css End here **/



/** Paralaax slider part css Start here **/

.parallax-slider {
  position: relative;
}

.slider-wrapper {
  white-space: nowrap;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.slide {
/*  background-size: cover !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;*/
  display: inline-block;
  width: 100%;
  height: 500px;
  flex-shrink: 0;
  transition: 0.9s ease-in-out transform;
  backface-visibility: hidden; background-repeat:no-repeat !important;
}

.slide-indicator {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translatex(-50%);
}
.slide-indicator ol {
  display: inline-block;
}
.slide-indicator li {
  display: inline-block;
  height: 15px;
  width: 15px; border:1px solid #ff6853;
  border-radius: 50%;
  cursor: pointer; margin:0 6px;
  transition: 0.2s ease-in-out;
}

.slide-indicator li:hover { background: #ff6853;}

.slide-indicator li.active {
  background: #ff6853;
}

.slide::before {content: '';display: inline-block; height: 50%;}

.content {
  display: inline-block;
  width: 100%;
  max-height: 100%;
  vertical-align: middle;
  white-space: normal;
  color: #fff;
  transform: translate(-5px);
}

.caption {padding: 20px; transition: 0.3s; transition-delay: 0.6s; opacity: 0; transform: translatey(200%); color:#2d2d2d; float:right; top:-40px;
 position:relative;}


.heading1{ font-size:46px; color:#2d2d2d;}
.slide-active .caption {transform: translatey(0); opacity: 1;}
.caption > p {
  font-size: 21px;
  max-width: 74%;
}
.home {height: 1000px;position: relative;}

.slide1 {background: url(../images/slider1.jpg) top center;}

.slide2 { background: url(../images/slider1.jpg) top center;}

.slide3 {
  background: url(../images/slider1.jpg) top center;
}


/** Paralaax slider part css End here **/

/** home form part css Start here **/
.span1{  color: #61a6a3;  display: block;  font-size: 16px; font-weight: 700;text-transform: uppercase;}

.heading2 {color: #2d2d2d; margin: auto;}

.left_form_wrap > p {  color: #a5a5a5;  font-size: 17px;  margin: auto;}
.checkbox_li{ padding:26px 0 0 35px;}
.checkbox_li li{ display:block; color:#a5a5a5; position:relative; margin:0 0 10px;}
.checkbox_li li::after {
  color: #ff6853;
  content: "";
  font-family: FontAwesome;
  font-size: 22px;
  left: -35px;
  position: absolute;
  top: 0;
}

hr.underline {
  border-color: #ff6853;
  border-width: 3px;
  display: inline-block;
  left: 0;
  max-width: 80px;
  text-align: left;
  width: 100%; margin:24px 0;
}
.left_form_wrap hr{ display:inline-block;}
.right_form_wrap {
  background: #fafafa none repeat scroll 0 0;
  border: 1px solid #efefef;
  position: relative;
  margin-top: -120px;
}

.form_top_wrap{ background:#ff6853; color:#fff; text-align:center; padding:32px 15px;}

.form_top_wrap h4{ font-size:22px; text-transform:uppercase; font-weight:900; margin:auto}
.form_top_wrap p{ font-size:20px; text-transform:uppercase; margin:auto;}

.form_wrap label {  color: #333333;  display: block;  font-size: 16px;  margin: 0 0 8px;}
.form_wrap .form-control {
  background: #ffffff none repeat scroll 0 0;
  border: 2px solid #efefef;
  border-radius: 0;
  font-size: 15px;
  height: 45px !important;
}
.form_wrap label abbr {
  color: #ff0000;
  text-decoration: none;
}
.form_wrap {padding: 30px 32px;}
.form_wrap textarea.form-control {
  height: auto;
  min-height: 130px;
  width: 100%;
}

.btn1 {
  background: #61a6a3 none repeat scroll 0 0;
  border: 1px solid #61a6a3;
  border-radius: 90px;
  color: #ffffff;
  padding: 18px 0 18px;
  text-transform: uppercase;
  width: 100%;
  cursor: pointer;
}


.left_form_wrap {padding: 60px 40px 0 0;}
.form_wrap label span {
  color: #c0c0c0;
}
/** home form part css End here **/

/** hospital de día part css Start here **/


.hospitalde_part{ background-image:url(../images/bg1.jpg); background-repeat:no-repeat; background-size:cover; background-position:center top; height:500px;
background-attachment:fixed; margin-top: 50px;}

.hospitalde_wraper{ color:#fff;}





.table-dis{ display:table; height:100%; max-width:50%;}
.table-cell{ display:table-cell; vertical-align:middle; text-align:center;}

.span2{  color: #73e1dc;  display: block;  font-size: 16px; font-weight: 700;text-transform: uppercase;}
.hospitalde_wraper h2 {text-transform: uppercase;position: relative;}

.hospitalde_wraper h2::before {
  background: #6bcac5 none repeat scroll 0 0;
  bottom: -16px;
  content: "";
  height: 4px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 90px;
}
.home_icon {margin: 55px 0 35px;}
.hospitalde_wraper p {font-size: 17px;margin: auto;}

/** hospital de día part css Start here **/


.map_part iframe {
  margin-bottom: -10px;
}


/** Services part css Start here **/

.top_heading_para {
  margin: auto;
  max-width: 78%;
}
.top_heading_para p {margin: auto; font-size:17px;}
.bx_content h5 {
  color: #2d2d2d;
  font-size: 19px;
  margin: auto;
  font-weight:900;
}
.bx_content > p {font-size: 15px;margin: auto;padding: 6px 0 0;}

.bx_content {width: 75%;display: inline-block;vertical-align: top;}
.icon_img {display: inline-block;width: 23%; padding: 0 15px 0 0;}
.service_box_wrap {margin-bottom: 30px;}
.services_part {padding: 30px 0 20px;}
.services_box {padding: 60px 0 0; max-width:90%; margin:auto;}

/** Services part css End here **/


/** Especialidades part css Start here **/

.especialidades_part {
  background: #fafafa none repeat scroll 0 0;
  border-top: 1px solid #efefef;
  padding: 38px 0 38px;
}
.especialidades_li a {color: #2d2d2d;font-size: 18px; display: block; padding:3px 0 3px 0;}

.especialidades_li li { position:relative;display: block;}

.especialidades_li li::after {
  background: #ff6853 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 8px;
  left: -22px;
  margin: auto;
  position: absolute;
  top: 0;
  width: 8px;
}
.especialidades_li ul { padding:20px 0 0 22px;}
.ul_max-width {margin: auto; max-width: 82%;}

/** Especialidades part css End here **/


/** footer css start here **/
.main_footer_bg{ background:#314444; padding:50px 0 40px 0;}
.copyright_footer{ background:#2b3d3d; padding: 24px 0;}
.main_footer h5 {
  color: #ffffff;
  font-size: 20px;
  font-weight: 900;
  margin: 0 0 7px;
  text-transform: uppercase;
}

.footer_contact p img {
  padding-right: 5px;
}
.main_footer p {
  color: #a0baba;
  font-size: 17px;
  font-weight: 300;
  margin: 0;
}
.footer_contact p {
  color: #73e1dc;
  margin: 0 0 3px 0;
}
.footer_contact p i{ padding:0 4px 0 0; color:#61a6a3; font-size:19px;}

.copyright_footer p {
  color: #a0baba;
  font-size: 12px;
  font-weight: 300;
  margin: 0; padding:10px 0 0;
}

.copyright_footer p a{ color:#fff;}
.footer_social li {display: inline-block;}

.footer_social a {
  background: #3c5353 none repeat scroll 0 0;
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  font-size: 28px;
  height: 45px;
  line-height: 45px;
  margin: 0 0 0 6px;
  text-align: center;
  width: 45px; transition:all ease 0.2s;
}
.footer_social a:hover{ background:#61a6a3; color:#2b3d3d ;}
.footer_nuestro {
  padding-left: 20px;
}
/** footer css End here **/




/** lightbox slider css start **/

.sliderlight{ position:relative; overflow:hidden; cursor:pointer;}
.owl-carousel .owl-item img{ width:auto !important; max-width:100%; display:inline-block !important;}
.table-display{ display:table; height:100%; width:100%;}
.slider_content {
  background: rgba(255, 104, 83, 0.8) none repeat scroll 0 0;
  bottom: -200%;
  height: 100%;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%; color:#fff;
  transition:all ease 0.5s;
}
.slider_content p {
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  margin: 10px 0 0px 0;
}
.sliderlight:hover .slider_content{ bottom:0;}

.galley_part .owl-dots{ display:none;}


.galley_part .owl-prev {
  background: url(../images/left_arrow.png) !important;
  background-repeat: no-repeat !important;
  left:4px;

}


.galley_part .owl-next {
  background: url(../images/right_arrow.png) !important;
  background-repeat: no-repeat !important;
  right:0; 
  
}

.galley_part .owl-next, .galley_part .owl-prev{ font-size: 0 !important; height: 50px !important;width: 50px !important; position:absolute;top:50%; margin:0 !important;}


.galley_part .owl-nav {
  left: 0;
  position: absolute;
  right: 0;
  top: 50%; margin-top: -25px !important;
  width: 100%;
}

.contact_col {
  padding-right: 0;
}

/** lightbox slider end start **/





/** @media Query for resposive site css start here **/



@media screen and (max-width:767px) {

.footer_address { margin: 18px 0;}

.main_footer h5 {font-size: 17px;margin: 0 0 3px;}
.main_footer p{ font-size: 16px; }
.footer_nuestro {margin: 18px 0 0;}

.main_footer_bg { padding: 30px 0 20px;}
.copyright_footer {
  padding: 10px 0 15px;
  text-align: center;
}

.copyright_footer p {font-size: 16px; padding: 4px 0 13px 0;}

.footer_social{ text-align: center !important; }

.footer_social a {
  font-size: 20px;
  height: 36px;
  line-height: 36px;
  margin: 0 0 0 6px;
  width: 36px;
}

.galley_part .owl-nav{ display: none; }
.slider_content p{ font-size: 17px; }
.slider_content img {max-width: 30px !important;}
.map_part iframe {height: 310px;}



.heading1 {font-size: 26px;}
.caption > p {font-size: 15px; max-width:100%;}
.slide-indicator ol{ padding: 0; }

.caption {padding: 9px !important;top: 0px; float: none; text-align: center;}
.slide{ height: 380px; }

.left_form_wrap {padding: 30px 0px 0 0;}
.heading2 {font-size: 25px;}
.heading2 br{ display: none; }
hr.underline{ margin: 14px 0; }
 
.left_form_wrap > p{ font-size: 15px; }
.checkbox_li li{ font-size: 15px; }




body{ overflow-x: hidden; }
.right_form_wrap {margin: 24px 0 0;}
.form_top_wrap h4{ font-size: 18px; }
.form_top_wrap p{ font-size: 16px; }
.form_wrap {padding: 20px 18px;}
.btn1 {padding: 14px 0;}

.table-dis {max-width: 90%;}

.hospitalde_wraper h2 { font-size: 25px;}
.hospitalde_wraper p{ font-size: 15px; }

.home_icon { margin: 41px 0 20px;}
.hospitalde_part {height: 370px;}

.top_heading_para { max-width: 98%;}
.top_heading_para p{ font-size: 15px; }

.icon_img > img {max-width: 50px;}
.icon_img{ width: 19% }

.bx_content { width: 79%;}
.bx_content h5{ font-size: 16px; }


.bx_content h5 br{ display: none; }

.especialidades_part { padding: 34px 0 28px;}

.ul_max-width { max-width: 96%;}


.especialidades_li a{ font-size: 14px; }

.especialidades_li ul { padding: 0px 0 0 8px;}


.especialidades_li li::after {
  height: 6px;
  left: -15px;
  width: 6px;
}



/** header resposive css start here **/
.social_top {display: none !important;}
.to_bar_ul > li:first-child, .to_bar_ul > li:nth-child(2) {display: none;}
.logo_div img {max-width: 110px;}

.logo_div {
  padding: 0;
  position: relative;
  top: 0;
}
.contact_div p a, .contact_div p span{ font-size: 18px; }
.contact_div p img { max-width: 22px; padding-right: 2px;}
.contact_div span {font-size: 13px;}
.contact_div p { padding: 4px 0 0 0;}
.cont_wrap {
  padding-left: 0;
}


.navbar-light .navbar-toggler {
  border: medium none;
  color: #ffffff;
  font-size: 40px;
  padding: 0;
  position: absolute;
  right: 0;
  top: -6px;
}
.main_navbar{ position: relative; text-align: inherit; }
.main_navbar .navbar{ width: 100%; text-align: left; }


.navbar-light .navbar-brand {
  color: #ffffff;
  display: block; padding: 0;
}

.navbar-light .navbar-brand:hover{ color: #fff; }


.header_mneu {
  padding: 10px 0 11px;
  text-align: left;
}

.navbar-nav {
  padding: 12px 0 0;
}

.main_navbar .navbar-nav li .nav-link {
  font-size: 15px;
  padding: 10px 13px;
 }
.header_top_bar{ display: none !important; }
.logo_contact { padding: 10px 0 12px;}

/** header resposive css end here **/
.services_box{max-width: 96%;}
.footer_nuestro {
  padding-left: 0px;
}



 }








 @media screen and (min-width:768px) and (max-width:991px) { 

.header_mneu .container {
  padding: 0;
  max-width: 735px;
}


.to_bar_ul a{ font-size: 14px; }
.social_top a {font-size: 22px;padding: 0 0 0 5px;}

.social_top { margin: 0 0 0 8px;padding: 0 0 0 6px;}
.contact_div p a{ font-size: 24px; }
.logo_div {
  padding: 0;
  position: relative;
  top: 0;
}

.logo_div img {max-width: 130px;}
.contact_div {padding: 6px 0 0px;}
.logo_contact { padding: 12px 0 14px;}


.main_navbar .navbar-toggler {display: none;}
.main_navbar .navbar-collapse{ display: block; }
.main_navbar .navbar {width: 100%;}

.main_navbar .navbar-nav {
  display: inline-block;
}
.main_navbar .navbar-nav li{ display: inline-block; }
.main_navbar .navbar-nav li .nav-link {
  font-size: 13px;
  padding: 15px 7px;}

.heading1 { font-size: 30px;}
.caption > p {
  font-size: 16px;
  max-width: 90%;
}
.caption {padding: 9px;}
.slide{ height: 420px; }


h2{ font-size: 27px; }
.heading2 br{ display: none; }
.left_form_wrap > p{ font-size: 15px; }

hr.underline {margin: 18px 0;}

.left_form_wrap {padding: 40px 10px 0 0;}

.form_wrap {padding: 26px 20px;}
.form_wrap label{ font-size: 15px; }
.btn1 {padding: 11px 0;}
.checkbox_li li{ font-size: 15px; }
.slide-indicator ol{ padding:0; }


.form_top_wrap h4{ font-size: 19px; }
.form_top_wrap p{ font-size: 16px;}

.form_top_wrap {padding: 28px 12px;}
.right_form_wrap {margin-top: -103px;}


.hospitalde_part{ height: 400px; }
.table-dis{ max-width: 80%; }

.top_heading_para p{ font-size: 16px; }

.top_heading_para{ max-width: 90%; }


.ul_max-width {max-width: 95%;}
.especialidades_li a{ font-size: 16px; }



.map_part iframe {height: 300px;}
.main_footer h5{ font-size: 18px; }
.main_footer p{ font-size: 14px; }

.footer_logo {margin: 0 0 30px 0;}
.main_footer_bg { padding: 30px 0 20px;}
.bx_content h5{ font-size: 17px; }
.services_box{max-width: 96%;}
.footer_nuestro {
  padding-left: 0px;
}

.contact_col{ padding:0 !important; }


} 




 @media screen and (min-width:991px) and (max-width:1199px) { 

.to_bar_ul a{ font-size: 15px; }
.social_top a {font-size: 23px;padding: 0 0 0 6px;}
.main_navbar .navbar-nav li .nav-link {
  font-size: 14px;
  padding: 15px 18.contact_col {
  padding-right: 0;
}px;
 }

.heading1 { font-size: 40px;}
.form_top_wrap p{ font-size: 18px; }
.form_top_wrap h4{ font-size: 21px; }

h2{ font-size: 36px; }
.icon_img{ width: 22%; }

.main_footer p{ font-size: 15px; }

.especialidades_li a{ font-size: 17px; }

.btn1 {padding: 15px 0;}
.caption > p { max-width: 89%;}
.footer_nuestro {
  padding-left: 0px;
}
}

@media screen and (min-width:1700px) {
.slide{
  background-size: cover !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;

}


} 

.banda-verde {
  background-color: #7ed957 !important;
  padding: 30px 0 !important;
  text-align: center !important;
}




/** @media Query for resposive site css start here **/