@font-face{
	font-family: Ubuntu-Bold;
	src: url('../fonts/Ubuntu-Bold.ttf');
}
@font-face{
	font-family: GothamCondensed-Bold;
	src: url('../fonts/GothamCondensed-Bold.otf');
}
@font-face{
	font-family: Ubuntu-Regular;
	src: url('../fonts/Ubuntu-Regular.ttf');
}
@font-face{
	font-family: GothamCondensed-Book.otf;
	src: url('../fonts/GothamCondensed-Book.otf');
}
html{
	overflow-x: hidden;
}
body{
	overflow-x: hidden;
	background-color: background: rgba(33,33,33,1);
background: -moz-linear-gradient(left, rgba(33,33,33,1) 0%, rgba(41,41,41,1) 17%, rgba(54,54,54,1) 32%, rgba(56,56,56,1) 52%, rgba(61,61,61,1) 55%, rgba(61,61,61,1) 78%, rgba(56,56,56,1) 88%, rgba(61,61,61,1) 97%, rgba(41,41,41,1) 99%, rgba(41,41,41,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(33,33,33,1)), color-stop(17%, rgba(41,41,41,1)), color-stop(32%, rgba(54,54,54,1)), color-stop(52%, rgba(56,56,56,1)), color-stop(55%, rgba(61,61,61,1)), color-stop(78%, rgba(61,61,61,1)), color-stop(88%, rgba(56,56,56,1)), color-stop(97%, rgba(61,61,61,1)), color-stop(99%, rgba(41,41,41,1)), color-stop(100%, rgba(41,41,41,1)));
background: -webkit-linear-gradient(left, rgba(33,33,33,1) 0%, rgba(41,41,41,1) 17%, rgba(54,54,54,1) 32%, rgba(56,56,56,1) 52%, rgba(61,61,61,1) 55%, rgba(61,61,61,1) 78%, rgba(56,56,56,1) 88%, rgba(61,61,61,1) 97%, rgba(41,41,41,1) 99%, rgba(41,41,41,1) 100%);
background: -o-linear-gradient(left, rgba(33,33,33,1) 0%, rgba(41,41,41,1) 17%, rgba(54,54,54,1) 32%, rgba(56,56,56,1) 52%, rgba(61,61,61,1) 55%, rgba(61,61,61,1) 78%, rgba(56,56,56,1) 88%, rgba(61,61,61,1) 97%, rgba(41,41,41,1) 99%, rgba(41,41,41,1) 100%);
background: -ms-linear-gradient(left, rgba(33,33,33,1) 0%, rgba(41,41,41,1) 17%, rgba(54,54,54,1) 32%, rgba(56,56,56,1) 52%, rgba(61,61,61,1) 55%, rgba(61,61,61,1) 78%, rgba(56,56,56,1) 88%, rgba(61,61,61,1) 97%, rgba(41,41,41,1) 99%, rgba(41,41,41,1) 100%);
background: linear-gradient(to right, rgba(33,33,33,1) 0%, rgba(41,41,41,1) 17%, rgba(54,54,54,1) 32%, rgba(56,56,56,1) 52%, rgba(61,61,61,1) 55%, rgba(61,61,61,1) 78%, rgba(56,56,56,1) 88%, rgba(61,61,61,1) 97%, rgba(41,41,41,1) 99%, rgba(41,41,41,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212121', endColorstr='#292929', GradientType=1 );
}
p, h1, h2, h3, h4, i{
	color: #fff;
}
header .container-header{
	padding-top: 11px;
}
section.principal{
	background: url('../img/slider-5.jpg') no-repeat center;
   	background-size: cover;
   	background-position: top;
    border-block-end: 4px solid #ffeb3b;
        margin-top: -100px;
}
section.principal-servicios{
	background: url('../img/header-servicios.jpg') no-repeat center;
   	background-size: cover;
   	background-position: top;
    border-block-end: 4px solid #ffeb3b;
    margin-top: -100px;	
}
section.principal-planes {
    background: url(../img/header-planes.jpg) no-repeat center;
    background-size: cover;
    background-position: top;
    border-block-end: 4px solid #ffeb3b;
    margin-top: -100px;
}
section.principal-quienessomos{
    background: url(../img/header-quienes.jpg) no-repeat center;
    background-size: cover;
    background-position: top;
    border-block-end: 4px solid #ffeb3b;
    margin-top: -100px;
}

img.logo{
	width: 170px;
	height: auto;
}
.col-float-right{
	text-align: right;
}
.btn-language{
	background-color: transparent;
	border: none;
	font-size: 18px;
	font-family: Ubuntu-Bold;
	
}
.btn-language:hover{
	background-color: transparent!important;
}
.main-title, .text-image h2{
	text-align: center;
	font-family: Ubuntu-Bold;
	font-size: 59px!important;
}
.main-title-p{
	margin-top: 22px;
    margin-bottom: 55px;
    font-size: 24px;
    font-family: Ubuntu-Regular;
}
.container-principal{
	margin-top: 208px;
    margin-bottom: 204px;
    text-align: center;
}
.btn-witheandblack{
	border-radius: 0px!important;
	background: rgba(0, 0, 0, 0.4)!important;
	border: 1px solid #fff;
    width: 130px;
    padding: 11px 0px;
    margin: 0px 3px;
    margin-top: -1px;
}
.btn-witheandblack a{
	text-decoration: none;
	color: #fff;
	font-family: GothamCondensed-Bold;
	font-size: 17px;

}
.btn-witheandblack:hover{
	border: 1px solid #ffeb3b;

}
.btn-blackandyellow{
	border-radius: 0px!important;
	background: rgba(0, 0, 0, 0.4)!important;
	border: 1px solid #ffeb3b;
    padding: 11px 0px;
    margin: 0px 3px;
}
.btn-blackandyellow a{
	text-decoration: none;
	color:  #ffeb3b;
	font-family: GothamCondensed-Bold;
	font-size: 17px;
	padding: 15px;
}
.btn-blackandyellow a i{
	color: #ffeb3b;
	padding-left: 6px;
}
.btn-blackandyellow:hover{
	border: 1px solid #fff;
}
.nav{
	display: block;
}
.info-txt .container .row{
	background-color: background: rgba(41,41,41,1);
background: -moz-linear-gradient(left, rgba(41,41,41,1) 0%, rgba(41,41,41,1) 0%, rgba(54,54,54,1) 0%, rgba(56,56,56,1) 0%, rgba(61,61,61,1) 0%, rgba(22,22,22,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(41,41,41,1)), color-stop(0%, rgba(41,41,41,1)), color-stop(0%, rgba(54,54,54,1)), color-stop(0%, rgba(56,56,56,1)), color-stop(0%, rgba(61,61,61,1)), color-stop(100%, rgba(22,22,22,1)));
background: -webkit-linear-gradient(left, rgba(41,41,41,1) 0%, rgba(41,41,41,1) 0%, rgba(54,54,54,1) 0%, rgba(56,56,56,1) 0%, rgba(61,61,61,1) 0%, rgba(22,22,22,1) 100%);
background: -o-linear-gradient(left, rgba(41,41,41,1) 0%, rgba(41,41,41,1) 0%, rgba(54,54,54,1) 0%, rgba(56,56,56,1) 0%, rgba(61,61,61,1) 0%, rgba(22,22,22,1) 100%);
background: -ms-linear-gradient(left, rgba(41,41,41,1) 0%, rgba(41,41,41,1) 0%, rgba(54,54,54,1) 0%, rgba(56,56,56,1) 0%, rgba(61,61,61,1) 0%, rgba(22,22,22,1) 100%);
background: linear-gradient(to right, rgba(41,41,41,1) 0%, rgba(41,41,41,1) 0%, rgba(54,54,54,1) 0%, rgba(56,56,56,1) 0%, rgba(61,61,61,1) 0%, rgba(22,22,22,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292929', endColorstr='#161616', GradientType=1 );
	margin-top: -128px;
    margin-bottom: 57px;

}
.info-txt .container h2{
	font-family: Ubuntu-Bold;
	text-align: center;
    font-size: 38px;
    margin-top: 53px;
}
.info-txt .container p{
	font-family: Ubuntu-Regular;
    padding: 49px 105px;
    font-size: small;
    line-height: 23px;

}
.separator{
	display: inline-block;
    width: 128px;
    height: 4px;
    background-image: linear-gradient(-90deg, #FFEB3B 0%, rgba(255, 235, 59, 0.45) 62%, rgba(184, 4, 43, 0.04) 97%);
    border-radius: 0px 2px 2px 0px;
}
section.img-principales{
	margin-bottom: 71px;
}
section.img-principales img, section.professional-bio img{
	width: 100%;
	height: auto;
}
.img-principales h2, .servicios h2, section.quienes-somos h2, section.professional h2, section.quienessomos-profesionales h2,section.profesionales-bio-detalle h2{
	font-family: Ubuntu-Bold;
	text-align: center;
	font-size: 38px;
}
section.quienessomos-profesionales h2, section.profesionales-bio-detalle h2{
	font-size: -webkit-xxx-large;
}
section.servicios{
	background: url('../img/seccion-servicios.jpg') no-repeat;
   	background-size: cover;
   	padding: 87px 0px;
}
section.servicios p{
	font-family: Ubuntu-Regular;
	padding: 0px 252px;
    margin-top: 13px;
}
.professional-phrase{
	font-family: GothamCondensed-Book;
	padding: 0px 269px!important;
    text-align: center;
    margin-top: 43px!important;
    margin-bottom: 40px;
}
.professional-name{
	color: #FFEB3B;
	text-align: center;
	font-weight: bold;
}
section.quienes-somos{

}
section.quienes-somos .container{
	background-color: background: rgba(41,41,41,1);
background: -moz-linear-gradient(left, rgba(41,41,41,1) 0%, rgba(41,41,41,1) 0%, rgba(54,54,54,1) 0%, rgba(56,56,56,1) 0%, rgba(61,61,61,1) 0%, rgba(22,22,22,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(41,41,41,1)), color-stop(0%, rgba(41,41,41,1)), color-stop(0%, rgba(54,54,54,1)), color-stop(0%, rgba(56,56,56,1)), color-stop(0%, rgba(61,61,61,1)), color-stop(100%, rgba(22,22,22,1)));
background: -webkit-linear-gradient(left, rgba(41,41,41,1) 0%, rgba(41,41,41,1) 0%, rgba(54,54,54,1) 0%, rgba(56,56,56,1) 0%, rgba(61,61,61,1) 0%, rgba(22,22,22,1) 100%);
background: -o-linear-gradient(left, rgba(41,41,41,1) 0%, rgba(41,41,41,1) 0%, rgba(54,54,54,1) 0%, rgba(56,56,56,1) 0%, rgba(61,61,61,1) 0%, rgba(22,22,22,1) 100%);
background: -ms-linear-gradient(left, rgba(41,41,41,1) 0%, rgba(41,41,41,1) 0%, rgba(54,54,54,1) 0%, rgba(56,56,56,1) 0%, rgba(61,61,61,1) 0%, rgba(22,22,22,1) 100%);
background: linear-gradient(to right, rgba(41,41,41,1) 0%, rgba(41,41,41,1) 0%, rgba(54,54,54,1) 0%, rgba(56,56,56,1) 0%, rgba(61,61,61,1) 0%, rgba(22,22,22,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292929', endColorstr='#161616', GradientType=1 );
	padding-top: 36px;
    padding-bottom: 41px;
}
section.quienes-somos .container p{
	font-family: Ubuntu-Regular;
    padding: 17px 96px;
    font-size: small;
    line-height: 23px;
    text-align: justify;
}
section.professional{
	padding-top: 36px;
    padding-bottom: 41px;

}
section.professional i, section.professional h3{
	color: #ffeb3b;
}
section.professional .before{
	float: right;
	
}
section.professional .next{
	float: left;	
}
section.language .container .text-image{
	padding: 0px 165px;
}
.icon-flag{
	width: 22px;
	margin-left: 24px;
}
.name-and-flag{
	display: -webkit-inline-box;

}
.professional .row:nth-child(2){
	margin-top: 16px;
    margin-bottom: 14px;
}
.name{
	color: #ffeb3b;
    text-align: initial;
    font-weight: bold;
    margin-top: -37px;
    margin-bottom: 0px;
    padding: 0px 14px;
    font-size: large;
}
.btn-witheandblack-two{
	border-radius: 0px!important;
	background: #0F0F0F!important;
	border: 1px solid #fff;
    width: 134px;
    padding: 9px 0px;
    margin: 0px 3px;
}
.btn-witheandblack-two a{
	text-decoration: none;
	color: #fff;
	font-family: GothamCondensed-Bold;
	font-size: 17px;

}
.btn-witheandblack-two:hover{
	border: 1px solid #ffeb3b;

}
.btn-yellow{
	background-color: #ffeb3b;
	border-radius: 0px!important;
	border: none;
}
.btn-yellow a{
	color: #171a1d;
	text-decoration: none;
	font-family: GothamCondensed-Bold;
}
.btn-yellow a i{
	color: #171a1d;
}
.btn-yellow:hover{
	background-color: #ffeb3b;
	border: 2px solid #171a1d;
}

section.professional-bio, section.language{
	margin-bottom: 39px;
}
section.professional-bio button{
	margin-top: 25px;
    margin-bottom: 10px;
}
.img-nota{
	width: 100%;
	height: auto;
}
.featured-note{
	margin-top: 69px;
	z-index: 1;
}
.featured-note div{
	width: 179%;
}
.featured-note div p{
	font-family: GothamCondensed-Bold;
}
.featured-note div h2{
	font-size: 38px;
	font-family: Ubuntu-Bold;	
}
.more-notes{
	margin-top: 61px;
    margin-bottom: 190px;
}
.text-image{
	position: absolute;
	left: 0%;
}
.container-img-zoom{
	
	overflow: hidden;
}
.container-img-zoom img {
	width: 100%;
  	transition: transform .5s ease;
}
.container-img-zoom:hover img {

	transform: scale(1.1);
}
footer .container-auspiciantes{
	background-color: #fff;
	border-block-end: 4px solid #ffeb3b;
}
footer .container-auspiciantes img{
	width: 13%;
}
footer .logo-footer-ttp{
    width: 15%;
    margin: 45px 0px 22px;
}
footer .menu-foot{
	margin-bottom: 8px; 
}
footer .menu-foot ul{
	padding: 0px;
}
footer .menu-foot ul li{
	display: inline;
	padding: 0px 5px;

}
footer .menu-foot ul li a, footer .item-instagram{
	font-family: Ubuntu-Regular;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
footer .container-widget img{
	width: 100%;
    height: auto;
}
section.question, section.teining-pro{
	background-color: #fff;
	font-family: Ubuntu-Bold;
	padding-bottom: 122px;
}
section.question i, section.teining-pro i{
	color: #0b6077;
	font-size: -webkit-xxx-large;
    padding: 66px 0px 22px;
}
section.question h2, section.professional-bio.pg-servicios h2, section.teining-pro h2{
	color: #030303;
	font-family: Ubuntu-Bold;
}
section.teining-pro h2{
	font-size: -webkit-xxx-large;
    padding-right: 210px;
}
section.teining-pro p{
	color: #030303;
	font-family: Ubuntu-Regular;
	margin-bottom: 0px;
	font-size: large;
}
section.professional-bio.pg-servicios, section.video-tenistas{
	background-color: #ececec;
	margin-bottom: 0px;
	padding-top: 57px;
	padding-bottom: 72px;
}
section.professional-bio.pg-servicios h2{
	font-size: 58px;
	margin-bottom: 35px;
}
section.guia-tenistas{
	background: url(../img/cancha-azul.jpg) no-repeat;
    background-size: cover;
    
}
.video-right img, .video-left img{
	width: 100%;
	height: auto;
}
.video-left{
	padding: 15px 10px 15px 15px;
}
.video-right{
	padding: 15px 0px 15px 10px;
}
section.guia-tenistas p{
	font-family: Ubuntu-Regular;
	font-size: x-large;
    text-align: right;
}
.box-guia-tenistas{
	background-color: #0b6077;
	margin-bottom: -15px;
}
.box-guia-tenistas h2{
	padding: 55px 15px;
    margin-top: -15px;	
}
.box-guia-tenistas p{
	color: #ffeb3b;
	text-align: center!important;
}
.box-guia-tenistas button{
	margin-bottom: -15px;
}
section.question-list{
	background-color: #fff;
	padding-top: 58px;
    padding-bottom: 53px;
}
section.question-list ul li{
	display: block;
	padding: 7px 0px;
}
section.question-list ul li i{
	color: #ffeb3b;
	padding-right: 37px;
	     
}
section.question-list ul li a, section.question-list ul li a h3{
	color: #212529;
	text-decoration: none;
	font-family: Ubuntu-Bold;
	font-size: x-large;
	display: inline;
}
section.fuerza h2, section.movilidad-prevencion h2{
	color: #ffeb3b;
	font-family: Ubuntu-Bold;
    font-size: -webkit-xxx-large;
    margin-top: 30px;
}
section.fuerza p, section.movilidad-prevencion p{
	font-family: Ubuntu-Regular;
	font-size: large;
	padding-right: 119px;
}
.box-plan{
	background-color: #0b6077;
}
.box-plan p{
	color: #ffeb3b;
	font-weight: bold;
	padding: 75px!important;
    font-size: x-large!important;
    margin-top: 96px;
    margin-bottom: -58px;
}
section.planes{
	background-color: #fff;
	padding-top: 50px;
    padding-bottom: 41px;
}
section.planes h2{
	color: #0b6077;
	font-family: Ubuntu-Regular;
	font-weight: bold;
}
section.planes p{
	color: #030303;
	font-size: x-large;
}
section.movilidad-prevencion{
	margin-top: 30px;
    margin-bottom: 30px;
}
section.movilidad-prevencion h2{
	color: #ffeb3b;
	font-family: Ubuntu-Bold;
    font-size: -webkit-xxx-large;
    margin-top: 0px;

}
section.movilidad-prevencion p{
	font-family: Ubuntu-Regular;
	font-size: large;
	padding-right: 12px;
}
section.movilidad-prevencion .container-img-zoom{
	margin-top: 20px;
}
section.quienessomos-profesionales{
	margin-top: 46px;
    margin-bottom: 49px;
}
.card-professional{
	margin-bottom: 34px;
}
.container-cards{
	margin-top:  20px;
	margin-bottom: 15px;
}
.card-professional .card-img-overlay h3{
	color: #ffeb3b;
	font-size: large;
}
.card-professional .card-img-overlay{
	position: relative;
	top: -62px;
	margin-bottom: -76px;
}
.card-professional .card-img-overlay .icon-flag{
	margin-top: -7px;
	margin-left: 0;
	width: 20px;
}
.card-professional h3{
	display: inline;
}
section.quienessomos-video{
	margin-bottom: 69px;
}
section.quienessomos-video img{
	margin-top: -22px;
	width: 100%;
}
section.quienessomos-video p{
	color: #ffeb3b;
    text-transform: uppercase;
    font-size: x-large;
    font-family: Ubuntu-Bold;
    margin-bottom: 0px;
    text-align: initial;
}
.card-bio, .card-bio img{
	width: 100%;
}
.card-bio .card-header{
	border-radius: 0px;
	padding: 0px;
	padding-bottom: 13px;
}
.card-bio .card-body{
	background-color: black;
	min-height: 350px;
}
section.profesionales-bio-detalle{
	margin-bottom: 46px;
}
section.profesionales-bio-detalle .card-text{
	font-family: Ubuntu-Regular;
}
.precio-banner .h4{
	display: none;
}
/*
section.video-tenistas{
	background-color: #fff;
}*/
@media screen and (max-width:991px){
	section.principal nav{
		display: flex;
	}
	section.principal nav button{
		display: block;
	}
	.info-txt .container p{
		padding: 48px 5px;
	}
	section.servicios p{
		padding: 0px 4px!important;
	}
	.name{
		font-size: 12px;
	}
	.main-title, .text-image h2 {
	    font-size: 47px!important;
	} 
	.info-txt .container h2 {
		font-size: 26px;
	}
	.img-principales h2, .servicios h2, section.quienes-somos h2, section.professional h2 {
		font-size: 33px;
	}
	 section.professional h3{
	 	font-size: 19px;
	}
	 .featured-note div h2{
	 	font-size: 21px;
	}
	 .featured-note{
	 	margin-top: 37px;
	}
	section.question-list ul li a h3{
		font-size: large;
	}
	section.fuerza p{
		padding-right: 43px;
	}
	.box-plan p{
		padding: 35px!important;
	}
	section.quienessomos-video p{
		font-size: medium;
	}
	.card-professional .card-img-overlay{
		top: -74px;
    	margin-bottom: -91px;
	}
	.card-bio .card-body{
		min-height: 504px;
	}
}
@media screen and (max-width:831px){
	.main-title, .text-image h2 {
    	font-size: 43px!important;
	}
}
@media screen and (max-width:822px){
	section.principal nav {
    	display: inline-grid;
	}
	section.principal nav button{
		margin: 7px!important;
	}
	.main-title, .text-image h2{
		font-size: 38px!important;
	}
}
@media screen and (max-width:767px){

	.icon-flag{
		margin-left: 3px;
    	margin-top: -3px;
	}
	section.language .container .text-image{
		padding: 0px 151px!important;
	}
	.featured-note div {
    	width: auto;
	}
	.more-notes {
    	margin-top: 28px;
    	margin-bottom: 73px;
	}
	.name{
		height: 36px;
	}
	.featured-note {
    	margin-top: -3px;
    	z-index: 1;
	}
	section.quienes-somos .container p{
		padding: 17px 6px;
	}
	.main-title, .text-image h2 {
    	font-size: 29px!important;
	}
	.video-right, .video-left{
		padding: 15px 0px 15px 0px;
	}
	section.guia-tenistas p{
	    text-align: center;
    	padding: 13px 3px;
	}
	.box-guia-tenistas h2{
		padding: 20px 15px;
	}
	section.question-list ul li i{
		padding-right: 0px;
	}
	.box-plan p{
		margin-top: 18px;
		margin-bottom: -50px;
	}
	section.planes{
		padding-top: 72px;
	}
	section.teining-pro h2{
		margin-top: 37px;
	}
	section.quienessomos-video p{
		margin-top: 25px;
		font-size: larger;
	}
	.card-bio{
		max-width: 100%!important;
	}
	.card-bio .card-body{
		min-height: auto;
	}
	.card-bio .card-header{
		padding-bottom: 0px;
	}
	section.profesionales-bio-detalle .name{
		font-size: 20px;
	}
}

@media screen and (max-width:640px){
	section.language .container .text-image {
    	padding: 0px 90px!important;
	}
}
@media screen and (max-width:575px){
	.name{
		height: 36px;
		font-size: 16px;
	}
		section.img-principales .container .row div:nth-child(1), section.img-principales .container .row div:nth-child(3){
		display: none;
	}
	.video-right, .video-left{
		padding: 15px 0px 15px 0px;
		padding-right: 15px;
    	padding-left: 15px;
	}
}

@media screen and (max-width:540px){
	section.language .container .text-image {
    	padding: 0px 102px!important;
	}
	footer .logo-footer-ttp{
		width: 39%;
	}
}
@media screen and (max-width:527px){
	.icon-flag {
    	margin-left: -21px;
    	margin-top: 14px;
	}
	section.language .container .text-image {
    	padding: 0px 34px!important;
	}
}
@media screen and (max-width:414px){
	section.language .container .text-image {
    	padding: 0px 8px!important;
	}
	section.language .text-image h2{
		font-size: 20px!important;
	}
	.btn-blackandyellow{
		padding: 5px 0px;
	}
	section.professional h3{
		font-size: medium;
	}
	.icon-flag{
		display: none;
	}
	section.quienessomos-profesionales .icon-flag{
		display: initial;
	}
}