/*---TOC---*/
/*
00 Initializations - $init
01 Common styles and helpers - $helper
02 Typography - $typography
03 Header - $header
04 Widgets - $widgets - elements
05 Footer - $footer 
06 Boostrap overrides - $boostrap
07 Responsive - $responsives
08 Cool visuals - $visuals

*/
/*---------*/


/*Initializations $init*/

h1, h2, h3, h4, h5, h6, p, ul{
	margin: 0;
}

*{
	outline: 0;
}

html,body{
	overflow-x: hidden;
	scroll-behavior: smooth;
}

/*Common styles and helpers $helper*/

.make-center{
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);

}

.flexer{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
}

.extend-wrap{
	margin-left: -20%;
	margin-right: -20%;
}

.pushtop-30{
	margin-top: 30px;
}

.pushtop-50{
	margin-top: 50px;
}

.pushtop-70{
	margin-top: 70px;
}

.pushtop-100{
	margin-top: 100px;
}

.pushtop-120{
	margin-top: 120px;
}

.pushtop-180{
	margin-top: 180px;
}

.pushtop-200{
	margin-top: 200px;
}

.pushtop-225{
	margin-top: 225px;
}

.pushtop-250{
	margin-top: 250px;
}

.pushtop-300{
	margin-top: 300px;
}

.pretitle{
	color: #87959c;
	letter-spacing: 5px;
	margin-bottom: 8px;
}

.link-hover{
	display: inline-block;
	text-decoration: none;
}

.link-hover:hover{
	text-decoration: none;
}


.link-hover::after{
	content: '';
	display: block;
	width: 0;
	height: 1px;
	transition: all 0.3s ease;
	margin-top: -2px;
	background-color: #87959c;
}

.link-hover:hover::after{
	width: 100%;
	transition: all 0.3s ease;
}

.grad-1{
	background: -webkit-linear-gradient(bottom, #6558e0, #26efd5);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	line-height: 1;
}


/*Typography $typography*/

h1, h2{
	font-family: 'Montserrat', sans-serif;
	color: #fff;
}

h1{
	font-size: 45px;
	text-transform: uppercase;
	font-weight: bolder;
}

h2{
	font-size: 35px;
}

h3{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #202020;
	font-size: 32px;
	margin-bottom: 25px;
	font-weight: 600;
}

p{
	font-family: 'Work Sans', sans-serif;
	color: #5f5f5f;
	font-size: 16px;
}

/*Header $header*/


/*
header{
	background-image: url('../../img/cirujia-de-columna-en-guadalajara.jpg');
	background-image: 
	background-size: cover;
}

header.homepage{
	background-image: url('../../img/webp/medico-ortopedista.webp');
	background-size: cover;
	position: relative;
}
*/


header{
	background-color: #E7E7E7;
	background-size: cover;
}

header.homepage{
	background-color: #E7E7E7;
	background-size: cover;
	position: relative;
}

header.homepage:before{
	padding-bottom: 48.385%;
	content: "";
	float: left;
}

header.homepage:after{
	content: "";
	display: table;
	clear: both;
}

header:not(.homepage){
	margin-bottom: 90px;
}

header .slick-list{
	overflow: visible;
}

#topbar{
	line-height: 85px;
}

header:not(.homepage) #topbar{
	background-color: rgba(255, 255, 255, 0.11);
}

#breadcrumb h2{
	padding: 0;
	margin-top: 15px;
	font-size: 32px;
}

#breadcrumb p{
	max-width: none;
	margin: 0;
	letter-spacing: 7px;
	font-size: 15px;
	line-height: 24px;
	padding-bottom: 30px;
}

header h1{
	display: inline-block;
}

header h2{
	padding-top: 1rem;
	white-space: nowrap;
}

header .inner-text{
	padding-bottom: 65px;
}

header .header-slick img{
	position: relative;
	margin-top: 120px;
}

header .header-slick img.pull-left{
	right: -120px;
}

header .header-slick img.pull-left{
	left: -120px;
}

header .header-slick img.pull-left + .inner-text{
	margin-left: 900px;
}

header h2 + p {
	font-size: 23px;
	color: #fff;
	max-width: 760px;
	line-height: 46px;
	margin-top: 10px;
}

header a.signup-button{
	margin-top: 35px;
	color: #fff;
}

header a.signup-button::after{
	color: #fff;
}

header a.signup-button:hover{
	background-color: #fff;
	color: #000;
}

header a.signup-button:hover::after{
	color: #000;
}

header .scrolldown{
	display: block;
	width: 17px;
	height: 27px;
	border: 2px solid #fff;
	border-radius: 8px;
	margin: auto;
	right: 0;
	left: 0;
	position: absolute;
	bottom: 15px;
}

header .scrolldown > span{
	display: block;
	margin: auto;
	width: 2px;
	height: 3px;
	background-color: #fff;
	position: relative;
	top: 5px;
	transition: top 0.3s ease;
}

header .scrolldown:hover > span{
	top: 14px;
	transition: top 0.3s ease;
}

.header-account a{
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	color: #fff;
	border: 1px solid;
	border-color: rgba(255, 255, 255, 0.3);
	font-size: 13px;
	padding: 8px 22px;
	border-radius: 16px;
	transition: all 0.3s ease;
}

.header-account a:not(:last-child){
	margin-right: 14px;
}

.header-account a:hover{
	background-color: #fff;
	border-color: #fff;
	color: #5480dd;
	text-decoration: none;
	transition: all 0.3s ease;
}

.logo img{
	position: relative;
	display: inline-block;
	margin-right: 10px;
	top: -3px;
}

/*.navbar-toggler{
	display: none;
}*/

.collapse{
	display: inline-block;
}

nav.navbar{
	padding: 0;
}

nav li > a{
	font-family: "Raleway", sans-serif;
	font-size: 13px;
	font-weight: 600;
	padding: 0;
	margin-right: 30px;
	display: inline-block;
	text-decoration: none;
}

.navbar-collapse > ul > li > a{
	color: #fff;
	text-decoration: none;
}

.navbar-collapse > ul > li > a:hover{
	color: #ddd;
	transition: color 0.3s ease;
}

.navbar-collapse > ul > li{
	position: relative;
}

nav ul li i{
	color: #fff;
	position: absolute;
	top: 37px;
	right: 45px;
}

nav ul{
	
	list-style: none;
}

nav ul li{
	display: inline-block;
}

.submenu{
	background-color: rgba(255,255,255,0.9);
	top: 85px;
	line-height: 42px;
	position: absolute;
	z-index: -1;
	opacity: 0;
	transition: all 0.3s ease;
	padding: 15px 35px;
	min-width: 250px;
	border-radius: 10px;
}

.navbar-collapse > ul > li:hover .submenu{
	opacity: 1;
	z-index: 99;
	transition: all 0.3s ease;
}

.submenu > li{
	float: left;
}

.submenu > li > a{
	position: relative;
	left: 0;
	transition: all 0.3s ease;
}

.submenu > li > a::before{
	content: '\f105';
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	transition: all 0.3s ease;
	position: absolute;
	top: 15px;
	left: -12px;
	opacity: 0;
}

.submenu > li > a:hover{
	left: 10px;
	transition: all 0.3s ease;
	text-decoration: none;
}

.submenu > li > a:hover::before{
	opacity: 1;
	transition: all 0.3s ease;
}

.submenu a{
	font-family: "Montserrat", sans-serif;
	color: #5c5c5c;
	font-size: 12px;
	position: relative;
	left: 0;
	transition: all 0.2s ease;
}


/*Widgets $widgets*/

.widget .maintext:not(:last-child){
	margin-bottom: 40px;
}

a.signup-button,
input.signup-button{
	color: #202020;
	font-size: 14px;
	display: inline-block;
	line-height: 52px;
	width: 100%;
	text-align: center;
	border-radius: 26px;
	text-decoration: none;
	border: 1px solid #ddd;
}

a.signup-button::after,
input.signup-button::after{
	content: '\25B6';
	color: #202020;
	position: relative;
	left: 15px;
	transition: all 0.3s ease;
	text-decoration: none;
}

a.signup-button:hover,
input.signup-button:hover{
	transition: all 0.3s ease;
	color: #fff;
}

a.signup-button:hover::after,
input.signup-button:hover::after{
	left: 25px;
	color: #fff;
	transition: all 0.3s ease;
}



.widget1{
	margin-top: 70px;
}

.widget1 .image-holder{
	min-height: 120px;
	margin-bottom: 30px;
}

.widget1 h6{
	font-family: "Montserrat", sans-serif;
	color: #202020;
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 20px;
}



.widget2-bg{
	padding: 70px 0;
	background-color: #fafafa;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
}

.widget2 .signup-button{
	margin-bottom: 20px;
}

.widget2 .signup-button:hover{
	background-color: #0bd7fc;
}

.widget2 .img-dashboard{
	box-shadow: 0 0 10px 5px rgba(0,0,0,.1); 
	border-radius: 5px;
}

.widget3 .signup-button:hover{
	background-color: #655ee0;	
}

.widget3 h3{
	margin-bottom: 65px;
}

.gauges .row{
	margin-bottom: 45px;
}

.gauges p{
	font-family: 'Montserrat', sans-serif;
	color: #202020;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
}

.gauges .gauge-container{
	background-image: url("../../img/cirugia-de-columna-vertebral.png");
	background-size: cover;
	width: 130px;
	height: 130px;
	transition: all 2s ease;
}

.gauges .gauge-container + span{
	display: block;
	position: relative;
	top: -81px;
	text-align: center;
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #202020;
}

.testimonial{
	box-shadow: 0 0 10px 5px rgba(0,0,0,.1); 
	border-radius: 6px;
	margin-top: 100px;
	margin: 55px 15px 15px;
	background-color: #fff;
}

.testimonials-bg{
	padding: 80px 0 40px 0;
	background-color: #335a6b;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
}

.testimonial p{
	color: #535353;
	margin: 20px 20px;
}

.testimonial-name{
	color: #202020;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	border-top: 1px solid #e5e5e5;
	padding: 15px 0;
}

.testimonials .slick-track img{
	margin-top: -50px;
	display: inline;
}

.app-feature-slick .slick-dots,
.testimonials .slick-dots{
	margin-top: 30px;
	padding: 0;
	color: #000;
	list-style: none;
	position: relative;
}

.app-feature-slick .slick-dots{
	text-align: center;
}

.app-feature-slick .slick-dots li,
.testimonials .slick-dots li{
	display: inline-block;
}

.app-feature-slick .slick-dots li button,
.testimonials .slick-dots li button{
	font-size: 0;
	width: 20px;
	height: 20px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}

.app-feature-slick .slick-dots li button:hover,
.app-feature-slick .slick-dots li button:focus,
.testimonials .slick-dots li button:hover,
.testimonials .slick-dots li button:focus{
	outline: none;
}

.app-feature-slick .slick-dots li button:hover:before,
.app-feature-slick .slick-dots li button:focus:before,
.testimonials .slick-dots li button:hover:before,
.testimonials .slick-dots li button:focus:before{
	opacity: 1;
}

.app-feature-slick .slick-dots li button:before,
.testimonials .slick-dots li button:before{
	font-size: 6px;
	display: block;
	line-height: 20px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	content: '';
	background-color: #b2bec5;
}

.app-feature-slick .slick-dots li.slick-active button:before,
.testimonials .slick-dots li.slick-active button:before
{
	background-color: #0bd7fc;
	width: 8px;
	height: 8px;
	position: relative;
	top: 1px;
}

.widget4-bg{
	padding: 300px 0;
	background-image: url('../../img/ortopedia-guadalajara.jpg');
	background-repeat: no-repeat;
	background-position: right 60%;
	background-size: 52%;
}

.widget4 ul{
	list-style: none;
	margin-top: 90px;
	padding-left: 100px;
}

.widget4 ul li{
	font-family: 'Montserrat', sans-serif;
	color: #202020;
	font-weight: 600;
	margin-bottom: 100px;
	z-index: 3;
	position: relative;
}

.widget4 ul i{
	color: #3bc9e7;
	margin-right: 7px;
}

.pricings{
	min-height: 570px;
}

.pricings h3{
	margin-bottom: 50px;
}

.pricings .plan-name{
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
}

.pricings ul{
	padding-left: 0;
	margin-top: 40px;
}

.pricings .pricing-plan{
	border-top: 1px solid #e2ebf1;
	border-bottom: 1px solid #e2ebf1;
	padding-top: 35px;
	background-color: #fff;
	position: relative;
	z-index: 0;
	min-height: 545px;
}

.pricings-2 .pricing-plan{
	border: none;
	border-radius: 12px!important;
	box-shadow: 0 0 15px rgba(0,0,0,.25);
	border-top: 5px solid;
}

.pricings .pricing-plan:hover{
	box-shadow: 0 0 15px rgba(0,0,0,.25);
	border-radius: 6px;
	margin-top: -10px;
	border-top: 5px solid;
	transition: all 0.3s ease;
	min-height: 570px;
	z-index: 1;
}

.pricings-2 .pricing-plan:hover{
	margin-top: 0;
	min-height: 545px;
}

.pricings .basic-plan .plan-name,
.pricings .basic-plan ul li::before{
	color:#20edd7;
}

.pricings .basic-plan:hover,
.pricings-2 .basic-plan{
	border-color:#20edd7;
}

.pricings .basic-plan .signup-button:hover{
	background-color: #20edd7;
}

.pricings .premium-plan .plan-name,
.pricings .premium-plan ul li::before{
	color:#0bd7fc;
}

.pricings .premium-plan:hover,
.pricings-2 .premium-plan{
	border-color:#0bd7fc;
}

.pricings .premium-plan .signup-button:hover{
	background-color: #0bd7fc;
}

.pricings .business-plan .plan-name,
.pricings .business-plan ul li::before{
	color:#1f90f9;
}

.pricings .business-plan:hover,
.pricings-2 .business-plan{
	border-color:#1f90f9;
}

.pricings .business-plan .signup-button:hover{
	background-color: #1f90f9;
}

.pricings .ultimate-plan .plan-name,
.pricings .ultimate-plan ul li::before{
	color:#655ee0;
}

.pricings .ultimate-plan:hover,
.pricings-2 .ultimate-plan{
	border-color:#655ee0;
}

.pricings .ultimate-plan .signup-button:hover{
	background-color: #655ee0;
}

.pricings .pricing-plan:hover{
	border-bottom-color: #e2ebf1;
}

.pricings .plan-price{
	font-family: 'Montserrat', sans-serif;
	margin-top: 18px;
	font-size: 50px;
	font-weight: 500;
}

.pricings .plan-price-freq{
	font-family: 'Work Sans', sans-serif;
	margin: 20px 0 30px;
	font-style: italic;
	color: #87959c;
	font-weight: 500;
}

.pricings ul li,
.portfolio-single-aside ul li{
	font-family: 'Work Sans', sans-serif;
	font-size: 15px;
	color: #535353;
	list-style: none;
}

.pricings ul li:not(:last-child){
	margin-bottom: 20px;
}

.pricings ul li::before,
.portfolio-single-aside ul li::before{
	content: '\2713';
	display: inline-block;
	font-size: 9px;
	margin-right: 10px;
	font-weight: 900;
	position: relative;
	top: -1px;
}

.pricings .signup-button::after,
.portfolio-single-aside .signup-button::after{
	content: '';
}

.pricings .signup-button,
.portfolio-single-aside .signup-button{
	line-height: 42px;
	width: 142px;
	margin: 45px 0 0;
}

.portfolio-single-aside .signup-button:hover{
	background-color: #0bd7fc;
	box-shadow: 0 0 15px rgba(0,0,0,.25);
}

.pricings .col-lg-3:first-child .pricing-plan{
	border-left: 1px solid #e2ebf1;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
}

.pricings .col-lg-3:last-child .pricing-plan{
	border-right: 1px solid #e2ebf1;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
}

.pricings .pricing-plan:hover .signup-button{
	line-height: 47px;
	width: 155px;
	transition: all .3s ease;
}

.pricings-2 .pricing-plan:hover .signup-button,
.pricings-3 .pricing-plan:hover .signup-button{
	line-height: 42px;
	width: 142px;
}

.pricings-3 .pricing-plan{
	border: 1px solid #e2ebf1;	
	border-radius: 12px!important;
	box-shadow: 0 0 15px rgba(0,0,0,.25);
}

.pricings-3 .pricing-plan:hover{
	margin-top: 0;
	border: none!important;
	box-shadow: none;
	min-height: 545px;
	background: -webkit-linear-gradient(bottom, #6558e0, #26efd5);
	transition: all 0.3s ease;
}

.pricings-3 .pricing-plan:hover .signup-button,
.pricings-3 .pricing-plan:hover ul li,
.pricings-3 .pricing-plan:hover ul li::before,
.pricings-3 .pricing-plan:hover .plan-price-freq,
.pricings-3 .pricing-plan:hover .plan-price,
.pricings-3 .basic-plan:hover .plan-name,
.pricings-3 .premium-plan:hover .plan-name,
.pricings-3 .business-plan:hover .plan-name,
.pricings-3 .ultimate-plan:hover .plan-name{
	color: #fff;
	transition: all .3s ease;
}

.pricings-3 .signup-button:hover{
	background: transparent!important;
}

.partners-bg{
	padding: 150px 0 200px 0;
	background-image: url('../../img/traumatologo-ortopedista-guadalajara.jpg');
	background-repeat: no-repeat;
	background-position: left;
	background-size: 26%;
}

.partners .signup-button:hover{
	background-color: #23e1c8;
}

.partners.text-center{
	margin-bottom: 200px;
}

.partners.text-center .signup-button{
	margin-top: 50px;
}

.homepage .partners{

}

.partners .partner h6{
	font-family: 'Montserrat', sans-serif;
	color: #171717;
	font-size: 15px;
	font-weight: 600;
}

.partners .partner p{
	font-size: 13px;
	color: #5f5f5f;
	line-height: 26px;
	padding: 10px 30px 26px;
}

.slick-partners{
	width: 1100px;
	float: right;
}

.slick-partners .slick-slide img{
	display: inline-block;
}

.partners .partner img{
	margin: 30px 0;
	min-height: 90px;
}

.partners .partner{
	box-shadow: 0 0 15px rgba(0,0,0,.2);
	border-radius: 6px;
}

.app-feature-slick img{
	border-radius: 10px;
	box-shadow: 0 0 15px rgba(0,0,0,.2);
	margin: 15px;
}

.slick-partners .partner{
	margin: 15px;
	background-color: #fff;
}

.slick-partners .slick-dots{
	background-color: #cadce6;
	list-style: none;
	border-radius: 4px;
	font-size: 0;
	display: inline-block;
	padding: 0;
}

.slick-partners .slick-dots li{
	display: inline-block;
	border-radius: 4px;
}

.slick-partners .slick-dots button:focus,
.slick-partners .slick-dots button:active{
	outline: 0;
	border: none;
}

.slick-partners .slick-dots li button{	
	border: none;
	background-color: transparent;
	height: 7px;
	width: 30px;
}

.slick-partners .slick-dots .slick-active{
	background-color: #23e1c8;
}

#partnerSlideIndicator{
	font-family: 'Work Sans', sans-serif;
	font-weight: 500;
	font-size: 14px;
	color: #535353;
	position: relative;
	top: 5px;
	left: 20px;
}

.signup{
	background-image: url("../../img/webp/operacion-de-hombro.webp");
	background-size: cover;
}

.signup .pretitle,
.signup h3{
	color: #fff;
}

.signup .pretitle{
	font-size: 19px;
	margin-bottom: 0;
	margin-top:	150px;
}

.signup h3{
	font-size: 45px;
	margin-bottom: 160px;
	
}

.signupform{
	box-shadow: 0 0 10px 5px rgba(0,0,0,.1); 
	border-radius: 6px;
	margin-top: -75px;
	margin-bottom: -95px;
	min-height: 100%;
	background-color: #fff;
	padding: 45px 45px 35px;
}

.signupform h4{
	font-family: 'Montserrat', sans-serif;
	font-size: 24px;
	color: #202020;
}

.signup input,
.signup label{
	font-family: 'Work Sans', sans-serif;
	font-weight: 500;
	margin-top: 15px;
}

.signup label{
	margin-top: 20px;
	font-size: 13px;
	color: #87959c;
}


.signup input:not([type='checkbox']):not([type='submit']){
	display: block;
	border: none;
	border-bottom: solid 1px #d7e4ed;
	width: 100%;
	padding: 10px;
}

.signup input[type='checkbox']{
	position: relative;
	margin-right: 15px;
	top: 2px;
}

.signup input[type='checkbox']::after{
	top: -2px;
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
	border-radius: 4px;
	border: 1px solid #d7e4ed;
	z-index: 10;
	background-color: #fdfdfd;
	display: inline-block;
}

.signup input[type='checkbox']:checked:after{
	content: "\2713";
	text-align: center;
	font-size: 12px;
	font-weight: 700;
	line-height: 14px;
	color: #87959c;
}

.signup input[type='submit']{
	cursor: pointer;
	line-height: 47px;
	width: 155px;
	margin-top: 16px;
}

.signup input[type='submit']:hover{
	background-color: #0bd7fc;	
}

.signup .call-us{
	font-family: 'Work Sans', sans-serif;
	font-weight: 500;
	font-size: 13px;
	color: #5a6e79;
	line-height: 1.4;
	padding-right: 30px;
	margin-top: 20px;
}

.signup .call-us span{
	color: #6559dd;
	font-size: 16px;
}

.signup .signup-login{
	font-family: 'Work Sans', sans-serif;
	color: #87959c;
	font-size: 13px;
	margin-top: 16px;
}

.widget5-inner{
	box-shadow: 0 0 10px 5px rgba(0,0,0,.1); 
	padding: 45px;
	border-radius: 9px;
	margin-top: 66px;
}

main:not(.homepage) .widget5-inner{
	margin: 0;
}

.widget5 h6{
	font-family: 'Montserrat', sans-serif;
	color: #202020;
	font-size: 18px;
	margin-top: 35px;
	margin-bottom: 10px;
}

.widget5 .signup-button::after{
	content: none;
}

.widget5 .signup-button{
	margin-top: 30px;
	line-height: 41px;
	width: 143px;
}

.widget5 .signup-button:hover{
	background-color: #40c5ed;
}

.widget6{
	background-color: #ebf7fc;
	margin-top: 120px;
	padding: 110px 0 113px ;
}

.widget6 section:first-child{
	margin-top: 60px;
	margin-bottom: 290px;
}

.widget6 section.text-right{
	margin-right: 30px;
}

.widget6 section.text-left,
.widget10 section.text-left{
	margin-left: 30px;
}

.widget10 > h3{
	margin-bottom: 100px;
}

.widget6 section h3,
.widget10 section h3{
	padding-top: 15px;
	font-family: 'Montserrat', sans-serif;
	font-size: 17px;
	color: #171717;
}

.widget6 section .text-right h3{
	margin-left: -100px;
}

.widget6 .text-left h3,
.widget10 .text-left h3{
	margin-right: -100px;
}

.widget6 .text-right h3,
.widget6 .text-right p{
	margin-right: 90px;
}

.widget6 .text-left h3,
.widget6 .text-left p,
.widget10 .text-left h3,
.widget10 .text-left p{
	margin-left: 90px;
}

.widget7{
	margin-top: 85px;
}

.widget10 section:not(:last-child){
	margin-bottom: 55px;
}

.widget7 .gauges{
	margin-top: 70px;
}

.team h3{
	margin-bottom: 60px;
}

.team img{
	display: block;
}

.team .member-name,
.team .member-profession{
	font-family: 'Montserrat', sans-serif;
	display: inline-block;
}

.team .member-name{
	color: #202020;
	margin-top: 40px;
	font-size: 14px;
}

.team .member-profession{
	font-size: 12px;
	color: #0bd7fc;
	display: block;
}

.widget5-no-shadow .widget5-inner{
	box-shadow: none;
}

.widget5-no-shadow .widget5-inner{
	margin-top: 25px;
}

.widget8{
	background-image: url('../../img/rodilla-y-cadera/desgaste-de-rodilla.jpg');
	background-size: cover;
	color: #fff;
	padding: 60px 0;
}

.widget8 section{
	margin: 10px 0 20px;
}

.widget8 h6{
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 14px;
	margin-bottom: 14px;
}

.widget8 p{
	font-size: 14px;
	color: #fff;
}

.widget8 i{
	margin-bottom: 18px;
}

.widget9{
	margin-top: 70px;
}

.widget9 .pretitle{
	font-size: 13px;
	margin-bottom: 0;
}

.widget9 h6{
	font-family: 'Montserrat', sans-serif;
	font-size: 22px;
	color: #202020;
	margin-bottom: 10px;
}

.widget9 section{
	padding-bottom: 16px;
}

.widget9-1{
	border-bottom: 3px solid #20edd7;
}

.widget9-2{
	border-bottom: 3px solid #0bd7fc;
}

.widget9-3{
	border-bottom: 3px solid #736de2;
}

.about1 img{
	border-radius: 6px;
}

.about2{
	margin-top: 90px;
}

.about2 .about2-left-side{
	border-right: 3px solid #588ee0;
}

.about3 section{
	margin-left: 70px;
	padding-top: 24px;
}

.about3 .numbers{
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 42px;
}

.about3 .numbers::after{
	content: '';
	display: block;
	height: 2px;
	width: 100%;
	background-color: #e4f2f4;
}

.about3 h4{
	font-family: 'Montserrat', sans-serif;
	font-size: 17px;
	color: #202020;
	margin-bottom: 20px;
}

.about4{
	background-color: #ebf7fc;
	padding-top: 60px;
}

.about4 .row{
	margin-top: 100px;
}

.about4 .col-md-4{
	z-index: 2;
	margin-bottom: 90px;
}

.about4 h6{
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	color: #202020;
	margin-bottom: 36px;
}

.about4 h6::before,
.widget4 li::before{
	content: '';
	position: absolute;
	display: block;
	width: 75px;
	height: 75px;
	background-color: #fff;
	border-radius: 50%;
	z-index: -1;
	top: -28px;
}

.about4 h6 i,
.widget4 li i{
	position: relative;
	margin: 0 8px 0 18px;
	top: -2px;
}

.portfolio-nav{
	margin: 90px 0 70px;
}

.portfolio-pagination,
.blog-pagination{
	margin: 70px 0 0;
}

.portfolio-nav,
.portfolio-pagination,
.blog-pagination{
	padding-left: 0;
	list-style: none;
}

.portfolio-nav li,
.portfolio-pagination li,
.blog-pagination li{
	display: inline-block;
	margin-bottom: 4px;
}

.portfolio-nav li a,
.portfolio-pagination li a,
.blog-pagination li a{
	line-height: 42px;
	border-radius: 21px;
	border: 1px solid #e2ebf1;
	display: inline-block;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 11px;
	color: #474747;
	transition: all 0.3s ease;
}

.portfolio-nav li a:hover,
.portfolio-pagination li a:hover,
.blog-pagination li a:hover{
	background-color: #588ee0;
	color: #fff;
	text-decoration: none;
	transition: all 0.3s ease;
}

.portfolio-pagination li a,
.blog-pagination li a{
	padding: 0 20px;
}

.portfolio-pagination li:not(:first-child):not(:last-child) a,
.blog-pagination li:not(:first-child):not(:last-child) a{
	width: 42px;
	padding: 0;
}

.portfolio-nav li a,
.portfolio-pagination li a.pagination-prev,
.portfolio-pagination li a.pagination-next,
.blog-pagination li a.pagination-prev,
.blog-pagination li a.pagination-next{
	padding: 0 30px;
}

.portfolio-pagination li a.pagination-next i,
.blog-pagination li a.pagination-next i{
	margin-left: 10px;
}

.portfolio-pagination li a.pagination-prev i,
.blog-pagination li a.pagination-prev i{
	margin-right: 10px;
}

.container-fluid.portfolio-browse{
	padding: 0;
}

.portfolio-browse:not(.active){
	display: none;
}

.portfolio-browse a{
	overflow: hidden;
	position: relative;
	display: inline-block;
	margin-bottom: -6px;
	width: 100%;
}

.portfolio-browse a::before{
	color: #fff;
	padding-top: 28%;
	position: absolute;
	font-size: 56px;
	font-family: 'FontAwesome';
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	content: "\f16d";
	width: 100%;
	text-align: center;
	height: 100%;
	vertical-align: middle;
	background-color: rgba(0,0,0,.5);
	top: -100%;
	transition: all 0.3s ease;
}

.portfolio-browse a:hover::before{
	top: 0;
	transition: all 0.3s ease;
}

.container.portfolio-browse .img-fluid,
.container-fluid.portfolio-browse .img-fluid{
	width: 100%;
}

.container.portfolio-browse .col-sm-6{
	padding-right: 4px;
	padding-bottom: 7px;
}

.container-fluid.portfolio-browse .col-sm-6{
	padding-right: 4px;
	padding-bottom: 4px;
}

.portfolio-single > img{
	margin-top: 90px;
	margin-bottom: 50px;
}

.portfolio-single-related{
	margin-top: 120px;
	margin-bottom: 150px;
}

.portfolio-single h3,
.portfolio-single-related h3{
	font-family: 'Montserrat', sans-serif;
	color: #171717;
	font-size: 25px;
	font-weight: 600;
}

.portfolio-single p{
	font-size: 14px;
	color: #535353;
}

.portfolio-single-share .tags,
.blog-share .tags{
	font-style: italic;
}

.portfolio-single-share .tags a,
.blog-share .tags a{
	color: #535353;
	font-weight: 600;
}

.portfolio-single-share .social,
.portfolio-single-share .tags,
.blog-share .social,
.blog-share .tags{
	display: inline-block;
}

.social-toggle{
	color: #fff;
	width: 34px;
	text-align: center;
	line-height: 34px;
	display: inline-block;
	border-radius: 17px;
	background-color: #14c757;
	transition: all 0.5s ease;
	position: relative;
	top: 4px;
	margin-left: 15px; 
}

.social-toggle:hover{
	color: #fff;
	transform: rotate(360deg);
	transition: all 0.5s ease;
}

.social-toggle.open + .social-links{
	opacity: 1;
	z-index: 99;
	max-width: 226px;
	transition: all 0.5s ease;
}

.social-links{
	margin-left: 15px;
	list-style: none;
	padding: 7px;
	border: 1px solid #e2ebf1;
	display: inline-block;
	max-width: 0;
	opacity: 0;
	z-index: -1;
	position: relative;
	border-radius: 2px;
	transition: all 0.5s ease;
	white-space: nowrap;
	vertical-align: bottom;
	top: 8px;
}

.social-links::before{
	content: '';
	position: absolute;
	width: 7px;
	height: 7px;
	background-color: #fff;
	transform: rotate(45deg);
	border-left: 1px solid #e2ebf1;
	border-bottom: 1px solid #e2ebf1;
	top: 17px;
	left: -4px;
}

.social-links li{
	display: inline-block;
	margin-right: 4px;
}

.social-links li:last-child{
	margin-right: 0;
}

.social-links li a{
	display: inline-block;
	line-height: 28px;
	width: 28px;
	border-radius: 2px;
	background-color: #b9d2d6;
	color: #fff;
	text-align: center;
}

.portfolio-single-aside ul{
	padding-left: 0;
}

.portfolio-single-aside li{
	margin-bottom: 20px;
}

.portfolio-single-aside li::before{
	color: #588ee0;
}

.slick-related-projects{
	margin-top: 95px;
}

.slick-related-projects .slick-slide img{
	width: 100%;
}

.slick-related-projects .slick-left,
.slick-related-projects .slick-right{
	color: #636363;
	position: absolute;
	top: -73px;
	border: 1px solid #cecece;
	line-height: 34px;
	width: 34px;
	text-align: center;
	border-radius: 17px;
	transition: all 0.5s ease;
}

.slick-related-projects .slick-left{
	left: 47.5%;
}

.slick-related-projects .slick-right{
	right: 47.5%;
}

.slick-related-projects .slick-left:hover,
.slick-related-projects .slick-right:hover{
	border-color: #588ee0;
	background-color: #588ee0;
	color: #fff;
	transform: rotate(720deg);
	transition: all 0.5s ease;
}

.service1 h6,
.service3 h6,
.service4 h6{
	font-family: 'Montserrat', sans-serif;
	font-size: 17px;
	color: #202020;
	font-weight: 600;
}

.service1 p{
	margin-top: 20px;
}

.service1 section{
	margin: 0 0 70px 70px;
}

.service2-background{
	background-image: url('http://via.placeholder.com/571x355');
	background-size: cover;
	border-radius: 8px;
	color: #fff;
	padding: 50px;
}

.service2-background p{
	color: #fff;
	margin-top: 15px;
}

.service2-background p:not(.name){
	font-family: 'Raleway', sans-serif;
	font-size: 21px;
}

.service2-background p.name{
	font-family: 'Montserrat', sans-serif;
	font-size: 17px;
}

.service2 .signup-button:hover{
	background-color: #588ee0;
	box-shadow: 0 0 10px 5px rgba(0,0,0,.1); 
}

.service3 h6{
	margin: 30px 0 24px 0;
}

.widget7-background{
	padding: 70px 0;
	background-color: #ebf7fc;
}

.widget7-background .widget7{
	margin: 0;
}

.service-accordion{
	padding-top: 2px;
	margin-bottom: 25px;
}

.service-accordion p{
	margin: 10px 0 0 47px;
	max-height: 0;
	overflow: hidden;
	transition:  all 1s ease;
}

.service-accordion.expanded p{
	max-height: 510px;
	transition:  all 1s ease;
}

.service-accordion a{
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	color: #262b2f;
	padding-left: 16px;
	font-weight: 600;
}

.service-accordion a:hover{
	text-decoration: none;
}

.service-accordion a::before{
	content: '+';
	line-height: 27px;
	width: 31px;
	text-align: center;
	display: block;
	color: #fff;
	background-color: #bac4cd;
	border: 2px solid #dae5ef;
	border-radius: 50%;
	float: left;
	position: relative;
	top: -2px;
}

.service-accordion.expanded a::before,
.service-accordion a:hover::before{
	content: '-';
	background: -webkit-linear-gradient(bottom, #6558e0, #26efd5);
}

.service-progress p{
	font-weight: 600;
}

.service-progress .progress-bar{
	display: block;
	width: 0;
	height: 4px;
	border-radius: 2px;
	background: -webkit-linear-gradient(left, #6558e0, #26efd5);
	position: relative;
	margin-top: 14px;
	margin-bottom: 26px;
}

.service-progress .progress-bar span{
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	background-color: #bac4cd;
	border-radius: 1px;
	line-height: 17px;
	padding: 0 4px;
	display: inline-block;
	position: absolute;
	bottom: 13px;
	right: -13px;
}

.service-progress .progress-bar span::after{
	content: '%';
}

.service-progress .progress-bar span::before{
	content: '';
	display: block;
	background-color: #bac4cd;
	width: 6px;
	height: 6px;
	transform: rotate(45deg);
	z-index: -1;
	position: absolute;
	bottom: -3px;
	left: 14px;
}

.service4 h6{
	margin-top: 10px;
}

.service4 p{
	margin-top: 10px;
}

.service4 section{
	margin-left: 70px;
}

.service4-container{
	padding: 25px;
	box-shadow: 0 0 10px 5px rgba(0,0,0,.1); 
	border-radius: 6px;
}

.service4-container{
	margin-bottom: 34px;
}

.service5 img{
	border-radius: 7px;
	margin-top: 20px;
}

.service5 a{
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 18px;
	color: #202020;
	margin-top: 24px;
}

.service5 section{
	padding: 23px;
	background-color: #ebf7fc;
}

.service5 h6{
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 14px;
	color: #588ee0;
	margin-bottom: 20px;
	letter-spacing: 2px;
}

.service5 .more-right{
	color: #6295e2;
	transition: all 0.1s ease;
}

.service5 .more-right:hover{
	transform: scale(1.2);
	transition: all 0.1s ease;
}

.service6-bg{
	background-color: #ebf7fc;
}

.service6-img-holder{
	position: relative;
	display: inline-block;
}

/*to be removed*/
.service6{
	padding: 60px 0;
}

.service6-img-holder span{
	width: 27px;
	line-height: 27px;
	background-color: #fff;
	color: #27343e;
	font-family: 'Montserrat', sans-serif;
	font-size: 10px;
	display: inline-block;
	font-weight: 600;
	border-radius: 50%;
	position: absolute;
	top: 0;
	right: 0;
}

.service6 a{
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	color: #202020;
	font-size: 18px;
	margin: 26px 0 8px 0;
}

.service6 .col-md-3:hover img{
	transform: rotate(360deg);
	transition: all 0.3s ease;
}

.service7{
	counter-reset: accordion-counter;
}

.service7 .service-accordion{
	margin-bottom: 30px;
	padding-bottom: 30px;
}

.service7 .service-accordion:not(.expanded){
	border-bottom: 1px solid #efefef;
}

.service7 .service-accordion a::before{
	content: counter(accordion-counter);
	counter-increment: accordion-counter;
	border: none;
	background: transparent;
	color: #588ee0;
	font-size: 20px;
}

.service7 .service-accordion.expanded a::before,
.service7 .service-accordion a:hover::before{
	background: transparent;
	font-size: 42px;
}

.service7-image-holder img{
	border-radius: 5px;
	width: 100%;
}

.service7-image-holder{
	position: relative;
}

.service7-image-holder .img-shadow{
	position: absolute;
	width: 100%;
	height: 100%;
	left: -12px;
	bottom: -10px;
	background: -webkit-linear-gradient(bottom, #6558e0, #26efd5);
	border-radius: 5px;
	z-index: -1;
}

.blog-sidebar [name='search']{
	width: 100%;
	line-height: 40px;
	background-color: transparent;
	border: 1px solid #e2ebf1;
	border-radius: 20px;
	font-family: 'Work Sans', sans-serif;
	font-size: 13px;
	color: #5f5f5f;
	font-style: italic;
	padding-left: 24px;
}

.post-meta{
	font-family: 'Work Sans', sans-serif;
	font-size: 14px;
	color: #171717;
	margin: 25px 0 14px;
}

.post-meta .comment-count{
	color: #0bd7fc;
}

.blog-listing .blog-post:not(:first-child){
	margin-top: 100px;
}

.blog-post h3{
	font-size: 20px;
	color: #171717;
	margin-bottom: 10px;
}

.blog-post .post-body{
	padding: 0 22px;
}

.blog-post .main-text{
	margin-bottom: 20px;
}

.blog-comments,
.blog-listing .contact{
	margin-top: 100px;
}

.author-avatar,
.blog-comments img{
	border: 3px solid #fff;
	border-radius: 50%;
	box-shadow: 0 0 10px 5px rgba(0,0,0,.1); 
}

.blog-post .signup-button{
	margin-top: 40px;
}

.blog-post .signup-button:hover{
	background-color: #588ee0;
}

.blog-author{
	padding: 25px 35px;
	border: 1px solid #e2ebf1;
	border-radius: 8px;
	margin-top: 50px;
}

.blog-author h6{
	margin-bottom: 16px;
}

.blog-author section{
	margin-left: 110px;
}

.blog-author a{
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	color: #588ee0;
	transition: all 0.3s ease;
	position: relative;
}

.blog-author a:hover{
	text-decoration: none;
}

.blog-author a::before{
	content: '\f105';
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	transition: all 0.3s ease;
	position: absolute;
	opacity: 0;
	left: -30px;
	top: 2px;
}

.blog-author a:hover::before{
	left: -15px;
	opacity: 1;
	transition: all 0.3s ease;
}

.blog-comments h3{
	font-size: 26px;
	color: #171717;
}

.blog-comments .comment .commenter{
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	font-weight: 600;
	color: #202020;
}

.blog-comments .comment .postedon{
	font-family: 'Work Sans', sans-serif;
	color: #171717;
	font-size: 14px;
	display: inline-block;
	margin-left: 26px;
}

.blog-comments .comment .inner-comment{
	margin-left: 100px;
}

.blog-comments .comment.reply-comment{
	margin-left: 100px;
}

.blog-comments .replybutton{
	width: 100px;
	text-align: center;
	line-height: 38px;
	border-radius: 19px;
	background-color: #588ee0;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
	transition: all 0.3s ease;
}

.blog-comments .replybutton:hover{
	box-shadow: 0 0 10px 5px rgba(0,0,0,.12); 
	transition: all 0.3s ease;
	text-decoration: none;
}

.slick-post{
	position: relative;
}

.slick-post i{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	text-align: center;
	line-height: 52px;
	width: 52px;
	z-index: 99;
	background-color: rgba(0,0,0,.3);
	color: #fff;
	opacity: 0;
	transition: all 0.3s ease;
}

.slick-post:hover i{
	opacity: 1;
}

.slick-post .fa-angle-right{
	right: -52px;
}

.slick-post .fa-angle-left{
	left: -52px;
}

.slick-post:hover .fa-angle-right{
	right: 0;
} 

.slick-post:hover .fa-angle-left{
	left: 0;
}

.google-map{
	width: 100%;
	height: 500px;
	margin-top: 90px;
	margin-bottom: 45px;
}

.contact h3{
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 24px;
	color: #171717;
}

.contact label, 
.contact textarea,
.contact input:not([type='submit']){
	width: 100%;
}

.contact label{
	font-size: 13px;
	color: #ff0000;
	position: relative;
}

.required-input::after{
	content: '*';
	color: #ff0000;
	font-size: 13px;
	position: absolute;
	top: -6px;
}

.contact input:not([type='submit']),
.contact textarea{
	font-style: normal;
	font-size: 15px;
	color: #2C2C2C;
	padding: 5px;
	border: none;
	border-bottom: 1px solid #0798BC;
	margin-bottom: 40px;
}

.contact input[type='submit']{
	color: #fff;
    background-color: #0798BC;
    border-color: #0798BC;
    margin-top: 1rem;
	cursor: pointer;
	transition: all 0.3s ease;
}

.contact input[type='submit']:hover{
	transition: all 0.3s ease;
	color: #fff;
    background-color: #FF3332;
    border-color: #FF3332;
}

.contact h4,
.portfolio-single-aside h4,
.blog-sidebar h4{
	font-family: 'Montserrat', sans-serif;
	color: #202020;
	font-size: 15px;
	border-bottom: 2px solid #efefef;
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 40px;
	font-weight: 600;
}

.contact h4::after,
.portfolio-single-aside h4::after,
.blog-sidebar h4::after{
	display: block; 
	content: '';
	width: 34px;
	height: 2px;
	background-color: #588ee0;
	position: absolute;
	bottom: -2px;
}

.blog-sidebar .aside-widget{
	margin-top: 40px;
}

.blog-sidebar .popular-categories ul{
	padding-left: 0;
	list-style: none;
}

.blog-sidebar .popular-categories ul li{
	margin-bottom: 14px;
	font-family: 'Work Sans', sans-serif;
	font-size: 14px;

}

.blog-sidebar .popular-categories ul li a{
	color: #202020;
}

.blog-sidebar .popular-categories ul li span{
	color: #588ee0;
}

.blog-sidebar .recent-posts img{
	margin-right: 20px;
}

.blog-sidebar .recent-posts a{
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	color: #202020;
	font-weight: 600;
	display: block;
	line-height: 1.6;
	margin-bottom: 10px;
}

.blog-sidebar .recent-posts span{
	font-family: 'Work Sans', sans-serif;
	font-size: 13px;
	color: #171717;
}

.blog-sidebar .recent-post:not(:last-child){
	margin-bottom: 40px;
}

.instagram-feed{
	list-style: none;
	padding: 0;
}

.instagram-feed li{
	display: inline-block;
	margin-right: 4px;
	margin-bottom: 2px;
}

.instagram-feed li a{
	position: relative;
	display: inline-block;
	overflow: hidden;
}

.instagram-feed li a::before{
	color: #fff;
	position: absolute;
	font-size: 24px;
	font-family: 'FontAwesome';
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	content: "\f16d";
	width: 100%;
	text-align: center;
	height: 100%;
	vertical-align: middle;
	line-height: 60px;
	background-color: rgba(0,0,0,.5);
	top: -100%;
	transition: all 0.3s ease;
}

.instagram-feed li a:hover::before{
	top: 0;
	transition: all 0.3s ease;
}

.popular-tags ul{
	padding: 0;
	list-style: none;
}

.popular-tags li{
	display: inline-block;
	margin-bottom: 12px;
}

.popular-tags li a{
	display: inline-block;
	line-height: 40px;
	padding: 0 25px;
	border-radius: 20px;
	border: 1px solid #e2ebf1;
	font-family: 'Montserrat', sans-serif;
	font-size: 10px;
	font-weight: 600;
	color: #202020;
	transition: all 0.3s ease;
}

.popular-tags li a:hover{
	text-decoration: none;
	color: #fff;
	border: 1px solid #588ee0;
	background-color: #588ee0;
	transition: all 0.3s ease;
}


/*Footer $footer*/

footer{
	/*margin-top: 150px;*/
	margin-top: 0px;
}

footer:not(.homepage){
	background-color: #ffffff;
	padding-top: 0;
}

footer h6{
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	font-weight: 600;
	color: #202020;
	margin-bottom: 22px;
}

footer ul{
	list-style: none;
	padding-left: 0;
}

footer ul li a{
	font-family: 'Work Sans', sans-serif;
	font-size: 14px;
	color: #535353;
}

footer ul:not(.instagram-feed) li:not(:last-child){
	margin-bottom: 16px;
}

footer .instagram-feed{
	margin-top: 32px;
}

footer .instagram-feed li{
	display: inline-block;
	margin-bottom: 4px;
}

.footer-contact i,
.footer-contact span,
.contact i,
.contact span{
	display: inline-block;
	margin-right: 10px;
	color: #0bd7fc;
}

.footer-contact{
	font-size: 14px;
	color: #535353;
	white-space: nowrap;
}

.copyright{
	font-size: 14px;
	color: #535353;
}

.copyright strong{
	color: #171717;
}

.credit-info{
	float: right;
}

.credit-info li{
	display: inline-block;
}

footer h1{
	color: #000;
}


/*Bootstrap overrides - $bootstrap*/

.extend-wrap .col-md-6{
	padding-left: 45px;
	padding-right: 45px;
}

.container{
	max-width: 1200px;
}


/*Responsives - $responsives*/

@media(max-width: 1640px) {
	.extend-wrap{
		margin-right: 0;
		margin-left: 0;
	}

	.extend-wrap .col-md-6{
		padding-left: 15px;
		padding-right: 15px;
	}

	header h2{
		font-size: 25px;
		padding-top: 1rem;
	}

	header h2 + p{
		font-size: 18px;
		line-height: 30px;
		margin-top: 50px;
	}
}

@media(max-width: 1250px) {
	.footer-contact,
	.signup h3{
	    white-space: normal;
	}

	header .header-slick img{
		margin-top: 0;
	}

	header h1{
		padding-top: 1rem;
		font-size: 35px;
	}

	header h2{
		padding-top: 1rem;
		font-size: 25px;
	}

	header h2 + p{
		font-size: 16px;
	}

	nav ul li i{
		right: 10px
	}

	nav li > a{
		margin-right: 30px;
	}
}

@media(max-width: 992px) {

	header h1{
		padding: 0;
		font-size: 30px !important;
	}

	header h2{
		padding: 0;
		font-size: 15px !important;
	}

	footer .col-12{
		text-align: center;
		margin-bottom: 40px;
	}

	footer h1{
		text-align: center;
	}

	.partners .col-md-3{
		margin-bottom: 30px;
	}

	.blog-listing{
		margin-bottom: 40px;
	}

	.pricings .col-lg-3:nth-child(2n+1) .pricing-plan{
		border-left: 1px solid #e2ebf1;
		border-top-left-radius: 12px;
		border-bottom-left-radius: 12px;
	}

	.pricings .col-lg-3:nth-child(2n) .pricing-plan{
		border-right: 1px solid #e2ebf1;
		border-top-right-radius: 12px;
		border-bottom-right-radius: 12px;
	}

	.pricing-plan{
		margin-bottom: 40px;
	}

	.widget6 section:first-child{
		margin-bottom: 0;
	}

	.widget6 section{
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.navbar-collapse > ul li{
		display: block;
	}

	.navbar-collapse{
		max-height: 1000px;
		transition: all 0.0s ease;
	}

	.navbar-collapse{
		margin-bottom: 10px;
	}

	/* .navbar-collapse.collapse{
		max-height: 0;
		overflow: hidden;
		transition: all 0.7s ease;
	} */

	/*.navbar-toggler{
		display: block;
	}*/

	.navbar-toggler.clicked{
		background-color: rgba(255,255,255,0.5);
	}

	.navbar-collapse > ul > li > a.selected + .submenu{
		opacity: 1;
		z-index: 99;
		transition: all 0.3s ease;
	}

	.navbar-collapse > ul > li:hover .submenu{
		opacity: -1;
		z-index: 0;
	}

	nav{
	    margin-left: auto;
    	margin-right: auto;
    	width: 100%;	
    	top: -60px;
	}

	.submenu{
		right: 0;
	}

	.submenu li{
		float: none;
	}

	.navbar-collapse > ul{
	border-top: 1px solid rgb(199 199 199);

    width: 100%;
    margin-top: 20px;
    text-align: center;
	}

	nav ul li i{
		right: 40%
	}

	header.homepage:before{
		content: none;
	}

	header .scrolldown{
		display: none;
	}

}
@media(max-width: 768px) {

	header .header-slick{
		display: none;
	}

	main:not(.homepage) .widget5-inner{
		margin-top: 30px;
	}

	.slick-partners{
		width: 100%;
		float: none;
	}

	.widget9 section{
		margin-bottom: 30px;
	}

	.blog-share .social{
		display: block;
	}
}

@media(max-width: 576px) {	
	.pricings .col-lg-3 .pricing-plan{
		border-left: 1px solid #e2ebf1;
		border-top-left-radius: 12px;
		border-bottom-left-radius: 12px;
	}

	.pricings .col-lg-3 .pricing-plan{
		border-right: 1px solid #e2ebf1;
		border-top-right-radius: 12px;
		border-bottom-right-radius: 12px;
	}

}


/*Cool visuals - $visuals*/

.drag-up {
	transform: translateY(150px);
	animation: drag-up 0.8s ease forwards;
}

@keyframes drag-up {
	to { transform: translateY(0); }
}


.drag-left {
	transform: translateX(-150px);
	animation: drag-left 0.8s ease forwards;
}

@keyframes drag-left {
	to { transform: translateX(0); }
}

.drag-right {
	transform: translateX(150px);
	animation: drag-right 0.8s ease forwards;
}

@keyframes drag-right {
	to { transform: translateX(0); }
}







body, html {
    height: 100%;
}

/* The hero image */
#hero-image {
  /* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../../img/cirugia-de-hombro-05.jpg");
  /* Set a specific height */
  height: 30vh;

  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

/* Place text in the middle of the image */
.hero-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  margin-top: 15px;
}


/* youtube imagen play */

.contenedor{
  display: block; 
  margin: 20px auto; 
  width: 100%; 
  max-width: 100%;  
}
.reproductor { 
  display: block; 
  width: 100%; 
  height: 100%; 
  padding-bottom: 56.25%; 
  overflow: hidden; 
  position: relative; 
  cursor: hand; 
  cursor: pointer; 
}
img.imagen-previa { 
   display: block; 
   left: 0; 
   bottom: 0;
   margin: auto; 
   max-width: 100%; 
   width: 100%; 
   position: absolute; 
   right: 0; 
   top: 0; 
   height: auto 
}
div.youtube-play { 
   height: 64px; 
   width: 64px; 
   left: 50%; 
   top: 50%; 
   margin-left: -36px; 
   margin-top: -36px;
   opacity:0.7;
   position: absolute; 
   background:   url("https://cdn2.iconfinder.com/data/icons/social-icons-color/512/youtube-64.png") no-repeat; 
}
div.youtube-play:hover{
   opacity:1; 
}
#youtube-iframe { 
   width: 100%; 
   height: 100%; 
   position: absolute; 
   top: 0; 
   left: 0; 
}

.bg-drblue{
	background-color: #0798BC;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
	color: white;
}


.bg-drdarkblue{
	background-color: #1D3259;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
	color: white;
}


.bg-footer{
	/*background-image: url("../../img/traumatologo-ortopedista-en-guadalajara-00.png");
	background-size: cover;
	opacity: 0.84;*/
	background: rgb(41,158,164);
    background: linear-gradient(124deg, rgba(41,158,164,1) 0%, rgba(41,46,57,1) 35%, rgba(41,46,57,1) 65%, rgba(41,158,164,1) 100%);
}

.bg-quienes-somos{
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.7),  rgba(0, 0, 0, 0.7)), url("../../img/quienes-somos/traumatologo-ortopedista-guadalajara-01.webp");
	background-size: cover;
	background-attachment: fixed;
}

.bg-cirugiahombro{
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.7),  rgba(0, 0, 0, 0.7)), url("../../img/index/dr-esteban-castro-traumatologo-guadalajara-02.webp");
	background-size: cover;
	background-attachment: fixed;
}
.bg-cirugiahombro2{
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.7),  rgba(0, 0, 0, 0.7)), url("../../img/index/dr-esteban-castro-traumatologo-guadalajara-03.webp");
	background-size: cover;
	background-attachment: fixed;
}
.bg-hombro{
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.7),  rgba(0, 0, 0, 0.7)), url("../../img/index/traumatologo-ortopedista-en-guadalajara-rodilla-cadera-00.webp");
	background-size: cover;
	background-attachment: fixed;
}

.bg-contacto{
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.7),  rgba(0, 0, 0, 0.7)), url("../../img/contacto/traumatologo-en-guadalajara-dr-esteban-castro.webp");
	background-size: cover;
	background-attachment: fixed;
}


.container-imgdr {
  position: relative;
  text-align: center;
  color: white;
}

/* Bottom left text */
.bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}

/* Top left text */
.top-left {
  position: absolute;
  top: 8px;
  left: 16px;
}

/* Top right text */
.top-right {
  position: absolute;
  top: 8px;
  right: 16px;
}

/* Bottom right text */
.bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}

/* Centered text */
.centered {
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
}


.py-0 {
    padding-top: 0rem!important;
    padding-bottom: 0rem!important;
}


/* Bck to top button */

#btn-back-to-top {
  position: fixed;
  bottom: 80px;
  right: 20px;
  display: none;
  /*display: none;*/  /* dejar este cuando logres hacer que aparesca solo cuando le das para abajo */
  z-index: 99; /* Make sure it does not overlap */
  cursor: pointer; /* Add a mouse pointer on hover */

}

#btn-back-to-top:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}

/* acordion Q&A */
.accordion-button:not(.collapsed) {
    color: #0798BC;
    background-color: #f5fdff;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}

.accordion-button:not(.collapsed)::after {
    background-image: url(https://drestebancastro.com/img/down-accordion.svg);
    transform: rotate(-180deg);
}