@font-face {
  font-family: 'fashion';  
  src:url('../fonts/fashion_bold.ttf');	
}

@font-face {
  font-family: 'roboto';  
  src:url('../fonts/Roboto-Light.ttf');
}




html, body {
    max-width: 100%;
    overflow-x: hidden !important;        
}

h2{
	
}

h3{
	font-family: 'fashion';
}

a:hover{
	color: none;
	text-decoration: none;
}
/*a{color: #000000; text-decoration: none}
a:hover{color: #000000; text-decoration: none;}
a:link { text-decoration: none; } 
a:visited { text-decoration: none; } 
a:active { text-decoration: none; }*/
.clear-fix{clear: both}

/*.btn{
	border: none !important;
}*/

.btn:hover, .btn:visited,{
	color: white !important
}

.btn-buy{background-color: #FFF; border: var(--second-color) solid 1px; color: var(--second-color)  }
.btn-buy:hover{background-color: var(--second-color); color: #fff}
.btn-buy-active{background-color: var(--second-color); color: #fff}

.btn-wsp,.btn-wsp:hover, .btn-wsp:link{background-color: #25D366 !important; border-radius: 5px; color: white !important; margin:0; /*padding: 10px 15px*/}
.benefits-col {margin: 25px 0px;}
.cont-plans{text-align: center; padding: 25px;}
.plan{padding:25px 15px 0 15px; min-height: 850px; border-radius: 10px; background-color: #FFFFFF; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25); position: relative;
transition: 0.5s; overflow: hidden;}

.plan:hover{
	box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.6);
}


#footer-socials li{float: left; padding: 0 10px;list-style-type: none}

/*** agregado por alberto ***/
.circle {
  height: 100px;
  width: 100px;  
  border-radius: 50%;
  display: inline-block;
}

.accordian-row{
	border-bottom: #ddd 1px solid; cursor: pointer;
}
.accordian-text{
	display: flex; flex-grow: 1
}
.accordian-title{
	display: flex; width: 100%;
}
.accordian-arrow{
	display: flex; transform: initial;
	transition: 0.5s;
}
.accordian-arrow-initial {
    transform: rotate(90deg);
}
.dis-none{
	display: none;
}
/* ---- text ----*/
.txt-center{
	text-align: center;
}

/* ---- width ----*/
/*-----pixels-----*/
.w-10-px{
	width: 10px!important;
}
.w-100-px{
	width: 100px!important;
}
.w-150-px{
	width: 150px!important;
}
.w-500-px{
	width: 500px!important;
}
/*-----percentage-----*/
.w-25{
	width: 25%!important;
}
.w-25{
	width: 25%!important;
}
.w-50{
	width: 50%!important;
}
.w-75{
	width: 75%!important;
}
.w-100{
	width: 100%!important;
}
/*---- line height -----*/
.lh-20{
	line-height: 20px;
}
.lh-25{
	line-height: 25px;
}
.lh-30{
	line-height: 30px;
}
.lh-40{
	line-height: 40px;
}
/*---colors----*/
.period-main-bg{
	background:#F3F6F9;
}
.period-opt-bg{
	background:#EEEEEE;
}

@media (max-width: 600px)  {
	.accordian-row{
		margin-top: 0 !important;
	}
	.plan{
		min-height: 100% !important;
	}	
	.plan-benef{
		display: none;		
	}
	.circle{
		width: 60px !important;;
		height: 60px !important;
	}
	.navbar-nav{
		float: none !important;
	}
	.owl-carousel{height:auto !important}
}

/*----modal----*/
@media (min-width: 768px){
	.modal-dialog {
	    width: 750px;
	    margin: 30px auto;
	}
	
}

@media (min-width: 900px){
	.modal-dialog {
	    width: 768px;
	    margin: 30px auto;
	}
}