@charset "utf-8";

/* CSS Document */

/* ////////////////////////////////////////////////////////////////
/* 													             */
/*        CSS TIPO para CONTACTO RESPONSIVE          */
/* 													             */
/* //////////////////////////////////////////////////////////////*/



/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ===================  CONTAINER ESPECÍFICO PARA CONTACTO      ================ */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* //                                                                                       //*/
/* ////////////////////////////////////////////////////////////////////////////////////////// */

#desconexion *
{
	box-sizing: border-box;
}

#desconexion .container-home
{
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
}

#desconexion .container-home
{
	width: 750px;
}

#desconexion .container-home
{
	width: 970px;
}

#desconexion .container-home
{
	max-width: 1170px;
	width: 100%;
}

#desconexion #appmovil .fa
{
	vertical-align: inherit !important;
}

#desconexion .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0px 0px;
}

.btn-lg, .btn-group-lg > .btn
{
	border-radius: 4px;
	font-size: 14px;
}

.btn-theme-primary
{
	background: #ed3e49 linear-gradient(to bottom, #f05f68 0%, #ed3e49 100%) repeat-x scroll 0 0;
	border-color: #e31522;
	color: white;
}

.btn-theme-primary:hover, .btn-theme-primaryfocus, .btn-theme-primary:active
{
	background: #ed3e49 none repeat scroll 0 0;
	border-color: #cc131f;
	color: white;
}

.btn-theme-secondary
{
	background: #2babcf linear-gradient(to bottom, #45b8d8 0%, #2babcf 100%) repeat-x scroll 0 0;
	border-color: #2288a5;
	color: white;
}

.btn-theme-secondary:hover, .btn-theme-secondaryfocus, .btn-theme-secondary:active
{
	background: #2babcf none repeat scroll 0 0;
	border-color: #1e7790;
	color: white;
}

.text-theme-primary
{
	color: #ed3e49;
}

.text-theme-secondary
{
	color: #2babcf;
}

mark, .mark
{
	background-color: #fcf8e3;
	padding: 0.2em;
}

.text-left
{
	text-align: left;
}

.text-right
{
	text-align: right;
}

.text-center
{
	text-align: center;
}

.text-justify
{
	text-align: justify;
}

.text-nowrap
{
	white-space: nowrap;
}

.text-lowercase
{
	text-transform: lowercase;
}

.text-uppercase
{
	text-transform: uppercase;
}

.text-capitalize
{
	text-transform: capitalize;
}

.text-muted
{
	color: #777777;
}

.text-primary
{
	color: #337ab7;
}

a.text-primary:hover
{
	color: #286090;
}

.text-success
{
	color: #3c763d;
}

a.text-success:hover
{
	color: #2b542c;
}

.text-info
{
	color: #31708f;
}

a.text-info:hover
{
	color: #245269;
}

.text-warning
{
	color: #8a6d3b;
}

a.text-warning:hover
{
	color: #66512c;
}

.text-danger
{
	color: #a94442;
}

a.text-danger:hover
{
	color: #843534;
}

.bg-theme-primary
{
	background: #ed3e49 none repeat scroll 0 0;
}

.bg-theme-secondary
{
	background: #2babcf none repeat scroll 0 0;
}

.first-child
{
	margin-top: 0 !important;
}

.second-child
{
	margin-top: 0 !important;
}
 @media (max-width: 767px) {

.second-child
{
	margin-top: 20px !important;
}
}

.list-style-none
{
	list-style: outside none none;
	padding-left: 0;
}

hr.arrow-down
{
	border-bottom: 15px solid #f6f6f6;
	border-top: 1px solid #e9e9e9;
	margin-bottom: 40px;
	margin-top: 40px;
	position: relative;
}

hr.arrow-down::after
{
	content: url("../img/arrow.png");
	left: 50%;
	margin-left: -10px;
	position: absolute;
	top: -5px;
}

.shadow-effect
{
	background: white none repeat scroll 0 0;
	position: relative;
}

.shadow-effect::before, .shadow-effect::after
{
	background: #777 none repeat scroll 0 0;
	bottom: 15px;
	box-shadow: 0 15px 10px #777777;
	content: "";
	left: 10px;
	max-width: 300px;
	position: absolute;
	top: 80%;
	transform: rotate(-3deg);
	width: 50%;
	z-index: -1;
}

.shadow-effect::after
{
	left: auto;
	right: 10px;
	transform: rotate(3deg);
}

.margin-bottom-20
{
	margin-bottom: 20px;
}

.opacity-100
{
}

.opacity-0
{
	opacity: 0;
}

#carrusel-home-publica [class^="fa-"], #carrusel-home-publica [class*=" fa-"]
{
	vertical-align: inherit
}

#desconexion a.carousel-arrow
{
	background: transparent none repeat scroll 0 0;
	border-radius: 50px;
	color: transparent;
	cursor: pointer;
	display: block;
	font-size: 32px;
	font-weight: 300;
	height: 50px;
	line-height: 50px;
	margin-top: -25px;
	position: absolute;
	text-align: center;
	top: 50%;
	transition: background 300ms ease 0s, color 300ms ease 0s;
	width: 50px;
}

#desconexion .carousel:hover a.carousel-arrow
{
	background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
	color: #fff;
}

#desconexion .carousel:hover a.carousel-arrow:hover, #desconexion .carousel:hover a.carousel-arrow:active
{
	background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
	text-decoration: none;
}

#desconexion a.carousel-arrow-prev
{
	left: 10px;
	padding-right: 5px;
	right: auto;
}

#desconexion a.carousel-arrow-next
{
	left: auto;
	padding-left: 5px;
	right: 10px;
}

/* ///////////////////////////////////////////////////////////////////////////// */


/* ///////////////////////////////////////////////////////////////////////////// */
/* =============    SECTION Ventajas /// VENTAJAS           ==================== */
/* ///////////////////////////////////////////////////////////////////////////// */
/* //                                                                          //*/
/* ///////////////////////////////////////////////////////////////////////////// */


/* ////////////////////////////////////////////////////////////////////////////////
/* TÍTULO DE LA  SECCIÓN + CAJAS                                            	 */
#ventajas h1
{
	font-family: 'Raleway', sans-serif;
	font-weight: 100;
	margin-bottom: 20px;
}

#ventajas p
{
	font-family: 'Raleway', sans-serif;
	font-size: 17px;
	color: #828181;
	margin-bottom: 20px;
}

#ventajas
{
	background: #fff none repeat scroll 0 0;
	padding: 1rem 0 2rem;
}

#ventajas .grid-space-20
{
	margin-left: -10.5px;
	margin-right: -10.5px;
}

.object-visible, .touch .object-non-visible
{
	transition: opacity 0.6s ease-in-out 0s;
}

.object-visible, .touch .object-non-visible
{
	opacity: 1 !important;
}

.object-non-visible
{
	opacity: 0;
}
 @-moz-document url-prefix("") {
.object-visible, .touch .object-non-visible {
 transition: opacity 0.6s ease-in-out 0s;
}
}

.box-style-3
{
	margin-top: 20px;
}

.box-style-3 i
{
	font-size: 22px;
	line-height: 45px;
}

.box-style-3 .icon-container
{
	border: 1px solid transparent;
	float: left;
	height: 45px;
	text-align: center;
	transition: all 0.2s ease-in-out 0s;
	width: 45px;
}

.box-style-3 .body
{
	margin-left: 80px;
}

.box-style-3 h2
{
	font-size: 20px;
	margin-top: 0;
}

.box-style-3:hover .icon-container
{
	border: 1px solid #666;
}

.box-style-3:hover .default-bg
{
	background-color: #fff;
	border: 1px solid #e84c3d;
}

.box-style-3:hover .default-bg *
{
	color: #e84c3d;
}

.box-style-3:hover .dark-bg
{
	background-color: #fff;
	border: 1px solid #666;
}

.box-style-3:hover .dark-bg *
{
	color: #666;
}

.box-style-3:hover .white-bg *
{
	color: #e84c3d;
}

.circle
{
	border-radius: 100%;
}

.dark-bg
{
	background-color: #000000;
	color: #ffffff;
}

.box-style-3.right .body
{
	margin-left: 0;
	margin-right: 80px;
	text-align: right;
}

.default-bg
{
	background-color: #e84c3d;
	color: #ffffff;
}

.link
{
	display: inline-block;
	padding-right: 23px;
	position: relative;
	text-align: right;
	font-size: 14px;
}

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

.link:hover span
{
	text-decoration: underline;
}

.link::after
{
	content: "";
	font-family: "FontAwesome";
	position: absolute;
	right: 0;
	top: 2px;
}

#ventajas a, #ventajas .text-default
{
	color: #e84c3d;
}

#ventajas a:hover, #ventajas a:focus
{
	color: #cd3c2e;
}

/* ///////////////////////////////////////////////////////////////////////////// */


/* ///////////////////////////////////////////////////////////////////////////// */
/* =============    SECTION appmovil /// APPMOVIL           ==================== */
/* ///////////////////////////////////////////////////////////////////////////// */
/* //                                                                          //*/
/* ///////////////////////////////////////////////////////////////////////////// */



#appmovil h4
{
	color: #2d2d2d;
	font-size: 19px;
	font-weight: 700;
}

#appmovil p
{
	line-height: 24px;
	margin-bottom: 20px;
	font-family: "Raleway", "Raleway", Lucida Sans Unicode, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	text-rendering: optimizelegibility;
	color: #82888d;
}

#appmovil .headline p
{
	color:#82888d;
	font-size: 19px;
	font-weight: 100;
	margin-bottom: 20px;
}

#appmovil .headline
{
	border-bottom: 1px solid rgba(0, 0, 0, 0.03);
	margin-bottom: 40px;
	position: relative;
	text-align: center;
	color:#6a6a6a
}

#appmovil.section
{
	padding: 30px 0;
}

#appmovil a
{
	color: #fff391
}

.main-point
{
	margin-bottom: 20px;
}

.main-point i
{
	color: #1a1a1a;
	display: block;
	font-size: 56px;
}

.main-point h3
{
	font-size: 22px;
	font-weight: 300;
	margin-top: 20px;
}

#appmovil .btn
{
	-moz-user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 2px;
	cursor: pointer;
	font-weight: normal;
	vertical-align: middle;
	white-space: nowrap;
	margin: 5px 0 !important;
}

#appmovil .btn:hover, #appmovil .btn:focus
{
	transition: background-position 0s linear 0s;
}

#appmovil .btn i
{
	margin-right: 4px;
}

#appmovil .btn-lg
{
	border-radius: 2px;
	font-size: 18px;
	line-height: 1.33;
}

#appmovil .btn-lg i
{
	font-size: 24px;
	position: relative;
}

#appmovil .btn-xs
{
	border-radius: 1px;
}

#appmovil .btn-xl
{
	font-size: 20px;
	padding: 16px 20px;
}

#appmovil .btn-square
{
	border-radius: 0 !important;
}

#appmovil .btn-a-one
{
	background-color: rgba(255, 255, 255, 0);
	border: 0 none;
	border-radius: 0;
	color: #fff;
}

#appmovil .btn-b-white
{
	background-color: #428bca;
	border: 2px solid #357ebd;
	color: #fff !important;
}

#appmovil .btn-b-white:hover, #appmovil .btn-b-white:focus, #appmovil .btn-b-white:active, #appmovil .btn-b-white.active, #appmovil .open .dropdown-toggle.btn-b-white
{
	background-color: #7097b1;
	border-color: #fff;
	color: #3498db !important;
}

#appmovil .btn-b-white:active, #appmovil .btn-b-white.active, #appmovil .open .dropdown-toggle.btn-b-white
{
	background-image: none;
}

#appmovil .btn-b-white:hover::before
{
	color: #3498db !important;
}

#appmovil .btn-b-white.btn-icon::before
{
	border-right: 2px solid #fff;
}

#appmovil .btn-b-white.btn-icon-right::before
{
	border-left: 2px solid #fff;
	border-right: 0 none;
}

#appmovil .btn-b-base
{
	background-color: transparent;
	border: 2px solid #3498db;
	color: #3498db;
}

#appmovil .btn-b-base:hover, #appmovil .btn-b-base:focus, #appmovil .btn-b-base:active, #appmovil .btn-b-base.active, #appmovil .open .dropdown-toggle.btn-b-base
{
	background-color: #3498db;
	border-color: #3498db;
	color: #fff;
}

#appmovil .btn-b-base:active, #appmovil .btn-b-base.active, #appmovil .open .dropdown-toggle.btn-b-base
{
	background-image: none;
}

#appmovil .btn-b-base.btn-icon::before
{
	border-right: 2px solid #3498db;
}

#appmovil .btn-b-base.btn-icon-right::before
{
	border-left: 2px solid #3498db;
	border-right: 0 none;
}

#appmovil .btn-b-alt
{
	background-color: transparent;
	border: 2px solid #9cd70e;
	color: #9cd70e;
}

#appmovil .fa-mobile
{
	vertical-align: top !important;
}

#appmovil .btn img
{
	max-width:200px
}

#appmovil .btn-lg
{
	border-radius: 4px;
	font-size: 18px;
	line-height: 1.33;
	padding: 20px 6px;
}

/* ///////////////////////////////////////////////////////////////////////////// */
/* =========================    SECCIÓN: REDES SOCIALES    ===================== */
/* ///////////////////////////////////////////////////////////////////////////// */
/* //                                                                          //*/
/* ///////////////////////////////////////////////////////////////////////////// */


.general-holder
{
	position: relative;
	z-index: 8;
}

.general-holder::after, .general-holder::before
{
	content: "";
	display: table;
	line-height: 0;
}

.general-holder::after
{
	clear: both;
}

.social-icons a
{
	color: #626c72;
}

.social-icons a:hover
{
	color: #626c72;
	text-decoration: none;
	transition: all 0.35s ease-in-out 0s;
}

.social-icons span
{
	color: #fff;
	font-family: "Raleway";
	font-size: 28px;
	font-weight: lighter;
	vertical-align: middle;
}

#bottom .col-sm-10
{
	padding-left: 0 !important;
	padding-right: 0 !important;
}
@keyframes
bar-one
{
0% {
 width: 0;
}
100% {
 width: 100%;
}
}
@keyframes
bar-two
{
0% {
 width: 0;
}
100% {
 width: 100%;
}
}
@keyframes
bar-three
{
0% {
 width: 0;
}
100% {
 width: 100%;
}
}
@keyframes
bar-four
{
0% {
 width: 0;
}
100% {
 width: 100%;
}
}
@keyframes
fadeIn
{
0% {
 opacity: 0;
}
100% {
 opacity: 1;
}
}
@keyframes
fadeIn
{
0% {
 opacity: 0;
}
100% {
 opacity: 1;
}
}

ul.social-icons-signup
{
	list-style: outside none none;
	margin-left: 0;
}

ul.social-icons-signup li
{
	line-height: 50px;
	padding-left: 15px;
	padding-right: 15px;
}

ul.social-icons-signup li a
{
	color: #dfe5e8;
	text-decoration: none;
}

ul.social-icons-signup li a:hover
{
	bottom: 12px;
	color: #626c72;
	text-decoration: none;
	transition: all 0.35s ease-in-out 0s;
}

ul.icons li
{
	list-style: outside none none;
	padding: 7px 0 5px;
}

ul.social-icons
{
	list-style: outside none none;
	overflow: hidden;
	padding-left: 0;
}

#redes-features ul.social-icons li
{
	display: inline;
	font-size: 14px;
	line-height: 50px;
	margin-right: 60px;
}

#redes-features ul.social-icons li a
{
	color: #2b4655;
	text-decoration: none;
}

#redes-features ul.social-icons li a:hover
{
	bottom: 12px;
	color: #feffc5;
	text-decoration: none;
	transition: all 0.35s ease-in-out 0s;
}

#redes-features h3
{
	color: #43433e;
	font-size: 30px;
	font-weight: 600;

	color: #43433e;
font-size: 20px;
font-weight: 600;
text-transform: none;
font-weight: 400;
}

#redes-features ul.steps-list li span
{
	background: #000000 none repeat scroll 0 0;
	border-radius: 50%;
	display: block;
	float: left;
	font-size: 22px;
	font-weight: bold;
	height: 55px;
	line-height: 55px;
	text-align: center;
	width: 55px;
	color:#fff
}

#redes-features .fa
{
	vertical-align: inherit;
}

#redes-features ul.steps-list li h4
{
	margin-top:0px;
	line-height:30px;
	color:#fff
}



#redes-features ul.steps-list li
{
	border-bottom: 1px solid rgba(232, 76, 7, 0.05);
	float: left;
	margin-bottom: 25px;
	padding-bottom: 12px;
}

.cta-block.margin-top-0
{
	padding-top: 0px !important;
}

.cta-title::after
{
	background-color: #fff391;
	content: "";
	display: inline-block;
	height: 0.12em;
	margin-left: 35%;
	margin-right: 35%;
	margin-top: 0.9em;
	width: 30%;
}

.cta-title
{
	color: #fff;
	display: inline-block;
	font-family: "Raleway", Arial, sans-serif;
	font-size: 5em;
	line-height: 0.5em;
	margin-bottom: 0.9em;
	margin-top: 0.5em;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}

.cta-container .cta-block
{
	position: relative;
	z-index: 0;
}

.cta-block
{
	padding: 3em 5em;
}

.cta-inner
{
	margin: 0 auto;
	max-width: 85%;
}

.video-container
{
	position: relative;
}

.video-container iframe
{
	border: medium none;
	height: 345px;
	width: 100%;
}

.cta-paragraph
{
	color: #565454;
	font-size: 2em;
	font-weight: 100;
	line-height: 1.3em;
	margin-bottom: 1.5em;
	text-align: center
}

.cta-paragraph p
{
	color: #fffef1;
	font: 300 2.3em/1.2em "Raleway", Arial, sans-serif;
	margin-bottom: 1em;
}

.general-holder
{
	position: relative;
	z-index: 8;
}

.general-holder::after, .general-holder::before
{
	content: "";
	display: table;
	line-height: 0;
}

.general-holder::after
{
	clear: both;
}

#siguenos.dark-bg
{
	background-color: #000000;
	color: #ffffff;
}

#siguenos.pattern-6
{
	background-image: url("../images/pattern-6.png");
	background-position: 0 0;
	background-repeat: repeat;
}


/*BLOQUE FAN DEL MES*/


.service-block-v2 .service-block-in {
    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
    margin-bottom: 15px;
    padding: 20px 30px;
    text-align: center;
}
.service-block-v2 .service-block-in i {
    font-size: 4.5em;
}
.service-block-v2 .service-block-in h4 {
    line-height: 25px;
}
.service-block-v2 .service-block-in p {
    font-size: 14px;
    margin-bottom: 0px;
}
.service-block-v2 .service-block-in h4, .service-block-v2 .service-block-in p {
    color: #fff;
}
.service-bg {
    background-color: rgba(255, 255, 255, 0.1);
    padding: 60px;
    position: absolute;
    right: -100px;
    top: -10px;
    transform: rotate(55deg);
    width: 250px;
}
.service-or {
    overflow: hidden;
    position: relative;
}

.service-block-v2 .service-block-in i{color:#37576a}

.service-block-v2 .service-block-in i:hover{color:#fff}

/* ///////////////////////////////////////////////////////////////////////////// */
/* ===========    SECTION novedades /// NOVEDADES           ==================== */
/* ///////////////////////////////////////////////////////////////////////////// */
/* //                                                                          //*/
/* ///////////////////////////////////////////////////////////////////////////// */


#novedades
{
	padding: 1rem 0 2rem;
}

.gray-bg
{
	background-color: #f1f1f1;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.13) !important;
	position: relative;
}

.gray-bg::before
{
	background-color: transparent;
	box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.13);
	content: "";
	height: 5px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.grid-space-10 .col-lg-6, .grid-space-10 .col-lg-4, .grid-space-10 .col-lg-3, .grid-space-10 .col-md-6, .grid-space-10 .col-md-4, .grid-space-10 .col-md-3, .grid-space-10 .col-sm-6, .grid-space-10 .col-sm-4, .grid-space-10 .col-sm-3, .grid-space-10 .col-xs-6, .grid-space-10 .col-xs-4, .grid-space-10 .col-xs-3
{
	padding-left: 5px;
	padding-right: 5px;
}

.box-style-1
{
	margin: 20px 0;
	padding: 20px;
	text-align: center;
}

.box-style-1 img
{
	display: block;
	height: auto;
	max-width: 100%;
	width:100%
}

.grid-space-10 .box-style-1
{
	margin: 10px 0;
}

.box-style-1:hover:not(.team-member) i
{
	color: #e84c3d;
	transition: all 0.3s ease-in-out 0s;
}

.box-style-1.default-bg:hover i, .box-style-1.dark-bg:hover i
{
	color: inherit;
}

.box-style-1 p
{
	color: #666666;
	font-size: 15px;
	margin-bottom: 20px;
	margin-top: 10px;
	min-height: 88px;
	height: 100%
}

.box-style-1 .btn
{
	border-radius: 0;
	font-size: 14px;
	line-height: 1.42857;
	margin: 10px 0;
	min-width: 160px;
	padding: 10px 12px;
	text-align: center;
	text-transform: uppercase;
	transition: all 0.2s ease-in-out 0s;
	display: inline-block;
	line-height: 1.42857;
	vertical-align: middle;
	white-space: nowrap;
	font-size: 14px;
}

.box-style-1 .btn:focus, .btn:active
{
	box-shadow: none;
	outline: medium none;
}

.box-style-1 .btn-default
{
	background-color: #e84c3d;
	border-color: #cd3c2e;
	color: #fff !important;
}

.box-style-1 .btn-default:hover, .box-style-1 .btn-default:focus, .box-style-1 .btn-default:active, .box-style-1 .btn-default.active, .box-style-1 .open .dropdown-toggle.btn-default
{
	background-color: #cd3c2e;
	border-color: #cd3c2e;
	color: #fff !important;
}

.box-style-1 .btn-default.disabled, .box-style-1 .btn-default[disabled], .box-style-1 fieldset[disabled] .btn-default
{
	background-color: #cd3c2e;
	border-color: #cd3c2e;
}

.white-bg
{
	background-color: #ffffff !important;
	border: medium none !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.overlay-container
{
	display: block;
	overflow: hidden;
	position: relative;
}

.overlay
{
	background-color: rgba(241, 241, 241, 0.85);
	bottom: -1px;
	left: 0;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	right: -1px;
	top: 0;
	transform: scale(0.8);
	transition: all 0.2s linear 0s;
}

.overlay a
{
	background-color: #ffffff;
	color: #e84c3d;
	display: inline-block;
	font-size: 26px;
	height: 50px;
	left: 50%;
	margin-left: -25px;
	margin-top: -25px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 50px;
}

.overlay span
{
	bottom: 10px;
	color: #000000;
	display: block;
	font-style: italic;
	position: absolute;
	text-align: center;
	width: 100%;
	font-size: 14px;
}

.overlay-links
{
	display: block;
	font-size: 0;
	left: 50%;
	margin: -25px auto 0 -50px;
	opacity: 0;
	position: absolute;
	top: 50%;
	transform: scale(0.4);
	transition: all 0.25s linear 0.05s;
}

.overlay-links a
{
	margin-left: 0;
	margin-top: 0;
	position: static;
}

.overlay-links a + a
{
	background-color: #e84c3d;
	color: #ffffff;
	left: 50px;
}

.overlay a:hover
{
	background-color: #333333;
	color: #ffffff;
	text-decoration: none;
}

.overlay i
{
	line-height: 50px;
}

.box-style-1 .overlay i
{
	font-size: 26px;
	margin: 0;
}

a.overlay
{
	background-color: rgba(255, 255, 255, 0.9);
	cursor: pointer;
}

a.overlay:hover
{
	text-decoration: none;
}

small, .small
{
	font-size: 85%;
}

a.overlay.small i
{
	font-size: 18px;
	line-height: 1;
	margin-left: -8px;
	margin-top: -8px;
}

.overlay-links
{
	display: block;
	font-size: 0;
	left: 50%;
	margin: -25px auto 0 -25px;
	opacity: 0;
	position: absolute;
	top: 50%;
	transform: scale(0.4);
	transition: all 0.25s linear 0.05s;
}

.overlay-links a
{
	margin-left: 0;
	margin-top: 0;
	position: static;
}

.overlay-links a + a
{
	background-color: #e84c3d;
	color: #ffffff;
	left: 50px;
}

.overlay a:hover
{
	background-color: #333333;
	color: #ffffff;
	text-decoration: none;
}

.overlay-container:hover .overlay, .overlay-container:hover .overlay-links
{
	opacity: 1;
	transform: scale(1);
}

.box-style-1 i
{
	font-size: 90px;
	margin: 15px 0 5px;
	text-align: center;
}

.arrow-bottom
{
	position: relative;
}

.arrow-bottom::after
{
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #f1f1f1 transparent transparent;
	border-image: none;
	border-style: solid;
	border-width: 25px;
	bottom: -50px;
	content: "";
	display: block;
	left: 50%;
	margin-left: -13.5px;
	position: absolute;
}

/* ///////////////////////////////////////////////////////////////////////////// */
/* ========================    SECTION HAZTE SOCIO   =========================== */
/* ///////////////////////////////////////////////////////////////////////////// */
/* //                                                                          //*/
/* ///////////////////////////////////////////////////////////////////////////// */
.bg-blue-pattern
{
	background: rgba(0, 0, 0, 0) url("../images/blue-square.png") repeat scroll 0 0;
}

.white-text
{
	color: #fff;
}

.headline
{
	border-bottom: 1px solid rgba(0, 0, 0, 0.03);
	margin-bottom: 50px;
	position: relative;
	text-align: center;
	color:#6a6a6a
}

.headline h2
{
	font-size: 36px;
	font-family: 'Raleway', sans-serif;
	font-weight: 100;
}

.headline p
{
	color: #2b2b2b;
	font-size: 16px;
	font-weight: 100;
	margin-bottom: 40px;
}

ul
{
	list-style: outside none none;
	margin: 0;
	padding: 0;
}

ul.steps-list li
{
	border-bottom: 1px solid rgba(232, 76, 7, 0.05);
	margin-bottom: 25px;
}

ul.steps-list li:last-child
{
	border-bottom: medium none;
}

ul.steps-list li span
{
	background: #e84c3d none repeat scroll 0 0;
	border-radius: 50%;
	display: block;
	float: left;
	font-size: 22px;
	font-weight: bold;
	height: 55px;
	line-height: 55px;
	text-align: center;
	width: 55px;
}

ul.steps-list li h4, ul.steps-list li p
{
	margin-left: 80px;
}

ul.steps-list li h5
{
	font-weight: 600;
}

.video-container
{
	position: relative;
}

.video-container iframe
{
	border: medium none;
	height: 345px;
	width: 100%;
}

#hazte-socio h4
{
	color: #2d2d2d;
	font-size: 19px;
	font-weight: 700;
}

#hazte-socio p
{
	line-height: 24px;
	margin-bottom: 20px;
	font-family: "Raleway", "Raleway", Lucida Sans Unicode, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	text-rendering: optimizelegibility;
}

#hazte-socio .headline p
{
	color: #e7e1b0;
	font-size: 19px;
	font-weight: 100;
	margin-bottom: 40px;
}

#hazte-socio.section
{
	padding: 30px 0;
}

#hazte-socio a:hover
{
	color: #fffad0 !important;
	text-decoration: underline;
	transition: all 0.3s ease-in-out 0s;
}

#hazte-socio .btn
{
	border-radius: 0;
	font-weight: bold;
	padding: 15px 35px;
	transition: all 0.3s ease-in-out 0s;
	-moz-user-select: none;
	background-image: none;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.42857;
	margin: 45px 0 25px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	text-transform: uppercase;
}

#hazte-socio.section
{
	padding: 30px 0;
}

#hazte-socio .btn-transparent
{
	background-color: transparent;
	border: 2px solid #fff;
	color: #fff;
}

#hazte-socio .apuntate .btn-transparent:hover
{
	background-color: #2a2a2a;
	border-color: #e84c3d;
	color: #e84c3d;
}

#hazte-socio .apuntate a:hover
{
	text-decoration:none;
	transition: all 0.3s ease-in-out 0s;
}

#hazte-socio .apuntate .btn-transparent i
{
	font-size: 24px;
	position: relative;
}

#hazte-socio .apuntate .btn-transparent i
{
	margin-right: 4px;
}

.arrow-bottom
{
	position: relative;
}

.arrow-bottom::after
{
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #fff transparent transparent;
	border-image: none;
	border-style: solid;
	border-width: 25px;
	bottom: -50px;
	content: "";
	display: block;
	left: 50%;
	margin-left: -13.5px;
	position: absolute;
}


.steps-list .label {
    background-color: #e84c3d;
    color: #fff;
    font-family: "Raleway";
    font-size: 10px;
    font-weight: 600;
    padding: 3px 8px;
    text-shadow: none;
}

#appmovil .bases{color:#82888d !important}

#appmovil .bases:hover{ text-decoration:underline;color:#06F !important}




/* ///////////////////////////////////////////////////////////////////////////// */
/* ================             DISPOSITIVOS MÓVILES            ================ */
/* ///////////////////////////////////////////////////////////////////////////// */
/* //                                                                          //*/
/* ///////////////////////////////////////////////////////////////////////////// */



@media screen and (min-width: 1023px) and (max-width: 1400px) {
#redes-features ul.social-icons li {
    display: inline;
    font-size: 14px;
    line-height: 50px;
    margin-right: 20px;
}

#redes-features .fa-5x{font-size:3.5em}

#redes-features h3
{
	font-size: 30px;

}

.cta-title {
    line-height: 1.2em;
}


	.service-block-v2 .service-block-in i {
    font-size: 3.8em;
}
}


@media screen and (min-width: 798px) and (max-width: 1024px) {

.container
{
	max-width:100% !important;
}

.md-p-0
{
	padding:0px !important
}

.md-pl-0
{
	padding-left:0px !important;
}

.md-pr-0
{
	padding-right:0px !important;
}

.cta-title {

    line-height: 1.2em;

}

#redes-features ul.social-icons li {
    display: inline;
    font-size: 14px;
    line-height: 50px;
    margin-right: 20px;
}

#redes-features .fa-5x{font-size:4.5em}

#redes-features h3
{
	font-size: 30px;

}



}



/*
/*
/* CSS ESPECÍFICOS PARA DISPOSITIVOS PEQUEÑOS  768 px
*/

 @media (min-width: 768px) {

.box-style-3.right .icon-container
{
	float: right;
}

.box-style-3.right .body
{
	margin-left: 0;
	margin-right: 80px;
	text-align: right;
}

}


/*
/*
/* CSS ESPECÍFICOS PARA DISPOSITIVOS PEQUEÑOS  768 px
*/

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

.box-style-3.right .icon-container
{
	float: right;
}

.box-style-3.right .body
{
	margin-left: 0;
	margin-right: 80px;
	text-align: right;
}

.headline h2
{
	line-height:50px;
}
.cta-title {
    color: #fff;
    display: inline-block;
    font-family: "Raleway",Arial,sans-serif;
    font-size: 4em;
    line-height: 1.2em;
    margin-bottom: 0.9em;
    margin-top: 0.5em;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}



#redes-features ul.social-icons li {
    display: inline;
    font-size: 14px;
    line-height: 50px;
    margin-right: 30px;
}
#redes-features h3
{
	color: #43433e;
	font-size: 25px;
	font-weight: 600;
	text-align:center
}
}
 @media screen and (min-width: 567px) and (max-width: 600px) {

#appmovil .btn-lg
{
	border-radius: 4px;
	font-size: 18px;
	line-height: 1.33;
	padding: 20px 2px;
}
}


/*
/*
/* CSS ESPECÍFICOS PARA DISPOSITIVOS PEQUEÑOS  736 px
*/

@media screen and (min-width: 567px) and (max-width: 736px) {

/* Tarvel club.es / Ventajas*/
#desconexion .hidden-mxs
{
	display:none !important
}

#desconexion .visible-mxs
{
	display:block !important
}

#ventajas .container-home
{
	max-width: 1170px;
	width: 100%;
}

#desconexion .mobile-pl-0
{
	padding-left:0px !important;
}

#desconexion .mobile-pr-0
{
	padding-right:0px !important
}

.headline h2
{
	line-height:50px;
}

.col-mxs-1, .col-mxs-2, .col-mxs-3, #ventajas .col-mxs-4, #appmovil .col-mxs-4, #appmovil .col-mxs-5, #ventajas .col-mxs-6, .col-mxs-7, .col-mxs-8, .col-mxs-9, .col-mxs-10, .col-mxs-11, .col-mxs-12
{
	min-height: 1px;
	padding-left: 15px !important;
	padding-right: 15px !important;
	position: relative;
}

.col-mxs-1, .col-mxs-2, .col-mxs-3, .col-mxs-4, .col-mxs-5, .col-mxs-6, .col-mxs-7, .col-mxs-8, .col-mxs-9, .col-mxs-10, .col-mxs-11, .col-mxs-12
{
	float: left;
}

.col-mxs-12
{
	width: 100%;
}

.col-mxs-11
{
	width: 91.6667%;
}

.col-mxs-10
{
	width: 83.3333%;
}

.col-mxs-9
{
	width: 75% !important;
}

.col-mxs-8
{
	width: 66.6667%;
}

.col-mxs-7
{
	width: 58.3333%;
}

.col-mxs-6
{
	width: 50% !important;
}

.col-mxs-5
{
	width: 45% !important;
	overflow:visible !important
}

.col-mxs-4
{
	width: 33.3333% !important;
}

.col-mxs-3
{
	width: 25% !important;
}

.col-mxs-2
{
	width: 16.6667%;
}

.col-mxs-1
{
	width: 8.33333%;
}

.col-mxs-offset-3
{
	margin-left: 25%;
}

.col-mxs-push-3
{
	left: 25% !important;
}

.col-mxs-push-2
{
	left: 16.6667% !important;
}

.col-mxs-push-1
{
	left: 5% !important;
}

.cta-wr h1
{
	font-size: 3.3em;
	text-align:center
}

.box-style-3.right .icon-container
{
	float: right;
}

.box-style-3.right .body
{
	margin-left: 0;
	margin-right: 80px;
	text-align: right;
}

#ventajas .visible-mxs
{
	display:block !important
}

.arrow-bottom::after
{
	margin-left: -20.5px;
}

.cta-title {
    color: #fff;
    display: inline-block;
    font-family: "Raleway",Arial,sans-serif;
    font-size: 4em;
    line-height: 1.2em;
    margin-bottom: 0.9em;
    margin-top: 0.5em;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
#redes-features h3
{
	color: #43433e;
	font-size: 25px;
	font-weight: 600;
	text-align:center
}

#redes-features ul.social-icons li {
    display: inline;
    font-size: 14px;
    line-height: 50px;
    margin-right: 35px;
}

#redes-features .fa-5x{font-size:4em}


}


/*
/*
/* CSS ESPECÍFICOS PARA DISPOSITIVOS PEQUEÑOS  480 px
*/

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

/*#desconexion .hidden-mxs{display:none !important}

#desconexion .visible-mxs{display:block !important}*/

/* travelclub.es / Contacto */

.headline h2
{
	line-height:50px;
}

.cta-wr h1
{
	font-size: 2.8em;
	text-align:center
}

.box-style-3 .body
{
	margin-left: 60px;
}

.box-style-3 h2
{
	font-size: 20px;
	margin-top: 0;
}

.box-style-3.right .body h2
{
	margin-left: 0;
	margin-right: 0;
	text-align: left;
}

.box-style-3.right .body
{
	margin-left: 60px;
	margin-right: 0;
	text-align: left;
}

#call-center h1
{
	font-size:4.5em
}

*::before, *::after
{
	box-sizing: border-box;
}

.arrow-bottom::after
{
	margin-left: -20.5px;
}

.cta-title {
    color: #fff;
    display: inline-block;
    font-family: "Raleway",Arial,sans-serif;
    font-size: 4em;
    line-height: 1.2em;
    margin-bottom: 0.9em;
    margin-top: 0.5em;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
#redes-features h3
{
	color: #43433e;
	font-size: 25px;
	font-weight: 600;
	text-align:center
}

#redes-features ul.social-icons li {
    display: inline;
    font-size: 14px;
    line-height: 50px;
    margin-right: 10px;
}

.service-block-v2 .service-block-in i {
    font-size: 2.5em;
}
#desconexion .hidden-phone
{
	display:none !important
}
}

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

	#redes-features h3
{
	color: #43433e;
	font-size: 20px;
	font-weight: 600;
	text-align:center
}

	#redes-features ul.social-icons li {
    display: inline;
    font-size: 14px;
    line-height: 50px;
    margin-right: 15px;
}

}






/*------------------------------------------------------------------
[TABLA DE CONTENIDOS]

	1. Estilos globales
     1.1 Elementos p / a /h1, h2,h3...
	 1.2 Botones
     1.3 Encabezados
	2. Contenedor principal
	3. Sección opciones APP
	4. Vigencia Oferta
	5. Responsive CSS
	6. Sección  VIDEO
-------------------------------------------------------------------*/
/*-----------------------------
 0. Estilos generales
-------------------------------*/

/* p / a /h1, h2,h3...*/

.home-app ul {
	list-style: outside none none;
}
.home-app h1, .home-app h2 {
	color: #555;
	font-family: "Raleway", Arial, sans-serif;
	font-weight: 100;
	margin-top: 5px;
	text-shadow: none;
}


#siguenos h1 , #siguenos h2{color: #fff;}
.home-app h1 span, .home-app h2 span {
	font-weight: 100;
	color: #e74c3c
}
.home-app .h2, .home-app h2 {
	font-size: 4.56em;
}
.home-app h3, .home-app h4, .home-app h5, .home-app h6 {
	color: #555;
	font-family: "Raleway", Arial, sans-serif;
	font-weight: normal;
	margin-top: 5px;
	text-shadow: none;
}
.section {
	padding-bottom: 0px;
	padding-top: 100px;
}
h4 {
	font-size: 1.37em;
	letter-spacing: 3px;
}
h1, h2, h3, h4 {
	color: #111;
	font-family: "Montserrat", "Raleway", "Helvetica Neue", Helvetica, sans-serif;
	text-transform: uppercase;
}
.home-app h2 {
    font-family: "Raleway" !important;
    font-size: 3.1em;
    letter-spacing: 4px;
    line-height: 58px;
}
.home-app h6 {
	font-size: 1.40em;
	letter-spacing: 2px;
	color: #111;
	font-family: "Montserrat", "Raleway", "Helvetica Neue", Helvetica, sans-serif;
	text-transform: uppercase;
	margin-bottom: 10px;
	margin-top: 10px;
}
.home-app li p {
	color: #777;
	font-family: "Raleway", "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1.25em;
	font-weight: 300;
	letter-spacing: 0.2px;
	line-height: 1.8em;
}
a.bckcolor-191919 {
	background-color: #191919 !important;
	border-radius: 5px;
	display: inline-block;
}
a.bckcolor-191919:hover {
	background-color: #b01f25 !important;
	border-radius: 5px;
	display: inline-block;
}

/* Encabezados*/
.sec-encabezado {
	margin-bottom: 50px;
	text-align: center;
}
.sec-encabezado .subencabezado {
	color: #6d6d6d;
	display: block;
	font-family: "Raleway", "Montserrat", "Helvetica Neue", Helvetica, sans-serif;
	font-weight: 300;
	letter-spacing: 2.5px;
	text-transform: uppercase;
	font-size: 14px;
	margin-top: 25px;
}
/*-----------------------------
 2. Contenedor principal
-------------------------------*/
#services .container {
	margin-left: auto;
	margin-right: auto;
	max-width: 1170px;
}
#services * {
	box-sizing: border-box;
}
/**
 * Centrar todos los elementos
 */
html, body {
	height: 100%;
}
/*-----------------------------
 3. Sección opciones APP
-------------------------------*/
.ft-img-left .ft-content h3, .ft-img-left .ft-content .page-title .subheading, .page-title .ft-img-left .ft-content .subheading {
	margin: 0;
	padding-bottom: 30px;
}
.ft-img-left .ft-content .h-alt {
	color: #999;
	display: block;
	font-family: "Raleway", "Montserrat", "Helvetica Neue", Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 2.5px;
	text-transform: uppercase;
	margin: 0;
	padding-bottom: 45px;
}
.descarga p {
	color: #999;
	display: inline-block;
	font-family: "Raleway", sans-serif;
	font-size: 14px;
	font-weight: 100;
	letter-spacing: 0.04em;
	margin: 0 0 10px;
	text-align: center;
}
#services h5 {
	font-family: "Raleway";
	font-size: 14px;
	font-weight: lighter;
	letter-spacing: 1.65px;
	line-height: 18px;
	text-transform: uppercase;
}
#services h4 {
	color: #999 !important;
	font-family: "Raleway" !important;
	font-size: 12px;
	font-weight: lighter !important;
	letter-spacing: 2px;
	line-height: 18px;
	text-transform: none !important;
}
.section-content {
	padding-bottom: 60px;
	padding-top: 60px;
}
.bg-dark:not(i), i.bg-dark::before, .bg-dark.form-control:focus {
	background-color: #28292a;
	color: #fff;
}
#services h2, #services h5 {
	color: #FFF !important
}
.phone-carousel {
	position: relative;
}
.phone-carousel {
	margin-bottom: -20px;
}
.visible {
	visibility: visible;
}
.phone-carousel figure {
	bottom: -64px;
	left: 105px;
	position: absolute;
	top: 114px;
}
.phone-carousel figure {
	bottom: -64px;
	height: 600px;
	left: 105px;
	overflow: hidden;
	position: absolute;
	width: 348px;
	z-index: 2;
}
figure {
	margin: 0;
}
#desconexion .carousel-inner > .item > a > img, #desconexion .carousel-inner > .item > img, #desconexion .img-responsive, .thumbnail a > img, #desconexion .thumbnail > img {
	display: block;
	height: auto;
	max-width: 100%;
}
.overflow {
	overflow: hidden;
}
.no-gap {
	padding-left: 0;
	padding-right: 0;
}
#services .btn img {
	max-width: 100%;
}
#services .label {
	background-color: #e84c3d;
	color: #fff;
	font-family: "Raleway";
	font-size: 11px;
	font-weight: normal;
	letter-spacing: normal;
	margin-left: 5px;
	padding: 3px 5px;
	position: absolute;
	text-shadow: none;
}
#services .btn-b-white {
	padding: 2px 40px;
	border-radius: 5px;
	transition: all 0.3s ease 0s;
}
#services .btn-b-white:hover {
	background: #111;
	transition: all 0.3s ease 0s;
}
#services .btn-ghost {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 2px solid #fff;
	color: #111;
	overflow: hidden;
	z-index: 1;
}
.ft-centered .ft-item, .ft-x .ft-item, .ft-y .ft-item {
	text-align: center;
}
.ft-centered .ft-item h5, .ft-x .ft-item h5, .ft-y .ft-item h5, .ft-centered .ft-item .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .ft-centered .ft-item .ft-heading, .ft-x .ft-item .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .ft-x .ft-item .ft-heading, .ft-y .ft-item .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .ft-y .ft-item .ft-heading, .ft-centered .ft-item .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .ft-centered .ft-item .tab-info, .ft-x .ft-item .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .ft-x .ft-item .tab-info, .ft-y .ft-item .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .ft-y .ft-item .tab-info, .ft-centered .ft-item .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .ft-centered .ft-item .widget-comm-title, .ft-x .ft-item .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .ft-x .ft-item .widget-comm-title, .ft-y .ft-item .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .ft-y .ft-item .widget-comm-title, .ft-centered .ft-item .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .ft-centered .ft-item .title-timer, .ft-x .ft-item .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .ft-x .ft-item .title-timer, .ft-y .ft-item .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .ft-y .ft-item .title-timer, .ft-centered .ft-item .shop-layout-options span, .shop-layout-options .ft-centered .ft-item span, .ft-x .ft-item .shop-layout-options span, .shop-layout-options .ft-x .ft-item span, .ft-y .ft-item .shop-layout-options span, .shop-layout-options .ft-y .ft-item span {
	margin-bottom: 20px;
	margin-top: 30px;
}
.ft-centered .ft-item span, .ft-x .ft-item span, .ft-y .ft-item span {
	font-size: 45px;
	height: 110px;
	line-height: 109px;
	padding: 0;
	width: 110px;
}
.ft-centered .ft-material:hover span, .ft-x .ft-material:hover span, .ft-y .ft-material:hover span, .ft-centered .ft-material:hover i, .ft-x .ft-material:hover i, .ft-y .ft-material:hover i {
	box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
	transform: translateY(-10px);
}
.ft-centered .ft-material span, .ft-x .ft-material span, .ft-y .ft-material span, .ft-centered .ft-material i, .ft-x .ft-material i, .ft-y .ft-material i {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #f8f8f8;
	border-radius: 100px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	color: #777;
	display: inline-block;
	transition: all 0.3s ease 0s;
}
.ft-centered .ft-diagonal span, .ft-x .ft-diagonal span, .ft-y .ft-diagonal span, .ft-centered .ft-diagonal i, .ft-x .ft-diagonal i, .ft-y .ft-diagonal i {
	background: rgba(0, 0, 0, 0) url("../images/pat-diagonal.png") repeat scroll 100% center;
	border-radius: 100px;
	color: #111;
	display: inline-block;
}
.ft-centered .ft-circle-frame:hover span, .ft-x .ft-circle-frame:hover span, .ft-y .ft-circle-frame:hover span, .ft-centered .ft-square-frame:hover span, .ft-x .ft-square-frame:hover span, .ft-y .ft-square-frame:hover span, .ft-centered .ft-circle-frame-dark:hover span, .ft-x .ft-circle-frame-dark:hover span, .ft-y .ft-circle-frame-dark:hover span, .ft-centered .ft-square-frame-dark:hover span, .ft-x .ft-square-frame-dark:hover span, .ft-y .ft-square-frame-dark:hover span, .ft-centered .ft-circle-frame:hover i, .ft-x .ft-circle-frame:hover i, .ft-y .ft-circle-frame:hover i, .ft-centered .ft-square-frame:hover i, .ft-x .ft-square-frame:hover i, .ft-y .ft-square-frame:hover i, .ft-centered .ft-circle-frame-dark:hover i, .ft-x .ft-circle-frame-dark:hover i, .ft-y .ft-circle-frame-dark:hover i, .ft-centered .ft-square-frame-dark:hover i, .ft-x .ft-square-frame-dark:hover i, .ft-y .ft-square-frame-dark:hover i {
	border-color: #ececec;
	box-shadow: 0 0 0 0 #ececec;
}
.ft-centered .ft-circle-frame span, .ft-x .ft-circle-frame span, .ft-y .ft-circle-frame span, .ft-centered .ft-square-frame span, .ft-x .ft-square-frame span, .ft-y .ft-square-frame span, .ft-centered .ft-circle-frame-dark span, .ft-x .ft-circle-frame-dark span, .ft-y .ft-circle-frame-dark span, .ft-centered .ft-square-frame-dark span, .ft-x .ft-square-frame-dark span, .ft-y .ft-square-frame-dark span, .ft-centered .ft-circle-frame i, .ft-x .ft-circle-frame i, .ft-y .ft-circle-frame i, .ft-centered .ft-square-frame i, .ft-x .ft-square-frame i, .ft-y .ft-square-frame i, .ft-centered .ft-circle-frame-dark i, .ft-x .ft-circle-frame-dark i, .ft-y .ft-circle-frame-dark i, .ft-centered .ft-square-frame-dark i, .ft-x .ft-square-frame-dark i, .ft-y .ft-square-frame-dark i {
	background: #ececec none repeat scroll 0 0;
	border: 5px solid white;
	border-radius: 100px;
	box-shadow: 0 0 0 1px #ececec;
	color: #111;
	display: inline-block;
	line-height: 102px;
	transition: all 0.5s ease 0s;
}
.ft-centered .ft-square-frame span, .ft-x .ft-square-frame span, .ft-y .ft-square-frame span, .ft-centered .ft-square-frame i, .ft-x .ft-square-frame i, .ft-y .ft-square-frame i {
	border-radius: 0;
	font-size: 45px;
	height: 100px;
	line-height: 90px;
	text-align: center;
	width: 100px;
}
.ft-centered .ft-dark-spin:hover span, .ft-x .ft-dark-spin:hover span, .ft-y .ft-dark-spin:hover span, .ft-centered .ft-dark-spin:hover i, .ft-x .ft-dark-spin:hover i, .ft-y .ft-dark-spin:hover i {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #cccccc;
	color: #111;
	transform: rotateY(180deg);
}
.ft-centered .ft-dark-spin span, .ft-x .ft-dark-spin span, .ft-y .ft-dark-spin span, .ft-centered .ft-dark-spin i, .ft-x .ft-dark-spin i, .ft-y .ft-dark-spin i {
	background: #57544f none repeat scroll 0 0;
	border: 1px solid rgba(17, 17, 17, 0);
	border-radius: 100px;
	color: #f8f8f8;
	display: inline-block;
	transition: all 0.3s ease 0s;
}
.ft-centered .ft-circle-frame-dark:hover span, .ft-x .ft-circle-frame-dark:hover span, .ft-y .ft-circle-frame-dark:hover span, .ft-centered .ft-square-frame-dark:hover span, .ft-x .ft-square-frame-dark:hover span, .ft-y .ft-square-frame-dark:hover span, .ft-centered .ft-circle-frame-dark:hover i, .ft-x .ft-circle-frame-dark:hover i, .ft-y .ft-circle-frame-dark:hover i, .ft-centered .ft-square-frame-dark:hover i, .ft-x .ft-square-frame-dark:hover i, .ft-y .ft-square-frame-dark:hover i {
	border-color: #111111;
}
.ft-centered .ft-circle-frame-dark span, .ft-x .ft-circle-frame-dark span, .ft-y .ft-circle-frame-dark span, .ft-centered .ft-square-frame-dark span, .ft-x .ft-square-frame-dark span, .ft-y .ft-square-frame-dark span, .ft-centered .ft-circle-frame-dark i, .ft-x .ft-circle-frame-dark i, .ft-y .ft-circle-frame-dark i, .ft-centered .ft-square-frame-dark i, .ft-x .ft-square-frame-dark i, .ft-y .ft-square-frame-dark i {
	background: #111 none repeat scroll 0 0;
	border: 5px solid white;
	box-shadow: 0 0 0 1px #111;
	color: #f8f8f8;
}
.ft-centered .ft-square-frame-dark span, .ft-x .ft-square-frame-dark span, .ft-y .ft-square-frame-dark span, .ft-centered .ft-square-frame-dark i, .ft-x .ft-square-frame-dark i, .ft-y .ft-square-frame-dark i {
	border-radius: 0;
	font-size: 45px;
	height: 100px;
	line-height: 90px;
	text-align: center;
	width: 100px;
}
.ft-centered .ft-small-card, .ft-x .ft-small-card, .ft-y .ft-small-card {
	background: #f8f8f8 none repeat scroll 0 0;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	padding: 50px 30px;
	transition: all 0.3s ease 0s;
}
.ft-centered .ft-small-card:hover, .ft-x .ft-small-card:hover, .ft-y .ft-small-card:hover {
	box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
	transform: translateY(-10px);
}
.ft-centered .ft-small-card:hover span, .ft-x .ft-small-card:hover span, .ft-y .ft-small-card:hover span, .ft-centered .ft-small-card:hover i, .ft-x .ft-small-card:hover i, .ft-y .ft-small-card:hover i {
	color: #111;
}
.ft-centered .ft-small-card span, .ft-x .ft-small-card span, .ft-y .ft-small-card span, .ft-centered .ft-small-card i, .ft-x .ft-small-card i, .ft-y .ft-small-card i {
	color: #777;
	display: block;
	font-size: 64px;
	height: auto;
	line-height: 0;
	margin-top: 30px;
	padding-bottom: 30px;
	transition: color 0.7s ease 0s;
	width: auto;
}
.ft-centered .ft-circle-overlay:hover span, .ft-x .ft-circle-overlay:hover span, .ft-y .ft-circle-overlay:hover span, .ft-centered .ft-square-overlay:hover span, .ft-x .ft-square-overlay:hover span, .ft-y .ft-square-overlay:hover span, .ft-centered .ft-circle-overlay:hover i, .ft-x .ft-circle-overlay:hover i, .ft-y .ft-circle-overlay:hover i, .ft-centered .ft-square-overlay:hover i, .ft-x .ft-square-overlay:hover i, .ft-y .ft-square-overlay:hover i {
	background: #f4f4f4 none repeat scroll 0 0;
}
.ft-centered .ft-circle-overlay span, .ft-x .ft-circle-overlay span, .ft-y .ft-circle-overlay span, .ft-centered .ft-square-overlay span, .ft-x .ft-square-overlay span, .ft-y .ft-square-overlay span, .ft-centered .ft-circle-overlay i, .ft-x .ft-circle-overlay i, .ft-y .ft-circle-overlay i, .ft-centered .ft-square-overlay i, .ft-x .ft-square-overlay i, .ft-y .ft-square-overlay i {
	background: #ececec none repeat scroll 0 0;
	border: 10px solid #f4f4f4;
	border-radius: 100px;
	color: #111;
	display: inline-block;
	line-height: 90px;
	transition: all 0.3s ease 0s;
}
.ft-centered .ft-square-overlay span, .ft-x .ft-square-overlay span, .ft-y .ft-square-overlay span, .ft-centered .ft-square-overlay i, .ft-x .ft-square-overlay i, .ft-y .ft-square-overlay i {
	border-radius: 0;
}
.ft-centered .ft-basic span, .ft-x .ft-basic span, .ft-y .ft-basic span, .ft-centered .ft-basic i, .ft-x .ft-basic i, .ft-y .ft-basic i {
	font-size: 60px;
	line-height: 60px;
}
.ft-x .ft-item, .ft-y .ft-item {
	text-align: left;
}
.ft-x .ft-item h5, .ft-y .ft-item h5, .ft-x .ft-item .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .ft-x .ft-item .ft-heading, .ft-y .ft-item .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .ft-y .ft-item .ft-heading, .ft-x .ft-item .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .ft-x .ft-item .tab-info, .ft-y .ft-item .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .ft-y .ft-item .tab-info, .ft-x .ft-item .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .ft-x .ft-item .widget-comm-title, .ft-y .ft-item .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .ft-y .ft-item .widget-comm-title, .ft-x .ft-item .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .ft-x .ft-item .title-timer, .ft-y .ft-item .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .ft-y .ft-item .title-timer, .ft-x .ft-item .shop-layout-options span, .shop-layout-options .ft-x .ft-item span, .ft-y .ft-item .shop-layout-options span, .shop-layout-options .ft-y .ft-item span {
	margin-bottom: 1px;
	margin-top: 30px;
}
.ft-x .ft-item span, .ft-y .ft-item span, .ft-x .ft-item i, .ft-y .ft-item i {
	display: inline-block;
	float: left;
	font-size: 28px;
	height: 60px;
	line-height: 28px;
	margin: 25px 20px 20px 0;
	padding: 13px 15px;
	text-align: center;
	vertical-align: top;
	width: 60px;
}
.ft-x .ft-material span, .ft-y .ft-material span, .ft-x .ft-material i, .ft-y .ft-material i {
	color: #111;
}
.ft-x .ft-circle-frame span, .ft-y .ft-circle-frame span, .ft-x .ft-square-frame span, .ft-y .ft-square-frame span, .ft-x .ft-circle-frame-dark span, .ft-y .ft-circle-frame-dark span, .ft-x .ft-square-frame-dark span, .ft-y .ft-square-frame-dark span, .ft-x .ft-circle-frame i, .ft-y .ft-circle-frame i, .ft-x .ft-square-frame i, .ft-y .ft-square-frame i, .ft-x .ft-circle-frame-dark i, .ft-y .ft-circle-frame-dark i, .ft-x .ft-square-frame-dark i, .ft-y .ft-square-frame-dark i {
	padding: 24px 25px;
}
.ft-x .ft-square-frame span, .ft-y .ft-square-frame span, .ft-x .ft-square-frame i, .ft-y .ft-square-frame i, .ft-x .ft-square-frame-dark span, .ft-y .ft-square-frame-dark span, .ft-x .ft-square-frame-dark i, .ft-y .ft-square-frame-dark i {
	height: 80px;
	padding: 21px 23px;
	width: 80px;
}
.ft-x .ft-circle-overlay span, .ft-y .ft-circle-overlay span, .ft-x .ft-square-overlay span, .ft-y .ft-square-overlay span, .ft-x .ft-circle-overlay i, .ft-y .ft-circle-overlay i, .ft-x .ft-square-overlay i, .ft-y .ft-square-overlay i {
	border: 10px solid #f4f4f4;
	padding: 20px;
}
.ft-x .ft-basic span, .ft-y .ft-basic span, .ft-x .ft-basic i, .ft-y .ft-basic i {
	font-size: 64px;
	line-height: 64px;
	padding: 0;
}
.ft-x .right-align .ft-content, .ft-y .right-align .ft-content {
	display: inline-block;
	text-align: right;
	width: 62%;
}
.ft-x .right-align .ft-icon, .ft-y .right-align .ft-icon {
	display: inline-block;
	float: right;
	margin-left: 20px;
	width: 30%;
}
.ft-y .ft-item span, .ft-y .ft-item i {
	display: inline-block;
	float: none;
	margin: 0;
}
.ft-y .right-align {
	text-align: right;
}
/*-----------------------------
 4. Vigencia Oferta
-------------------------------*/

#vigencia p {
	color: #6d6d6d;
	font-family: "Raleway", sans-serif;
	font-size: 14px;
	font-weight: 100;
	letter-spacing: 0.09em;
	line-height: 1.5em;
	margin: 0 0 10px;
}

/*-----------------------------
 5. Responsive CSS
-------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 1200px) {
.list-circle-check-full li h6 {
	color: #111;
	font-family: "Montserrat", "Raleway", "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1.9em;
	letter-spacing: 2px;
	margin-bottom: 10px;
	margin-top: 8px;
	text-transform: uppercase;
}
.phone-img {
	width: 77% !important;
	display: block;
	height: auto;
	margin: auto;
}
.phone-carousel figure {
	left: 186px;
}
}

@media only screen and (min-width: 1000px) and (max-width: 1200px) {
.col-alf-offset-1 {
	margin-left: 12.6667%;
}
.phone-carousel figure {
	left: 179px;
}
}

@media only screen and (min-width: 100px) and (max-width: 767px) {
.cta-block {
    padding: 2em 1em;
}
h4 {
    font-size: 1.17em;
    letter-spacing: 3px;
}

.home-app h2 {
    font-family: "Raleway" !important;
    font-size: 2.1em;
    letter-spacing: 4px;
    line-height: 40px;
}
.cta-inner {
    margin: 0 auto;
    max-width: 100%;
}
.sec-encabezado h2 {
    font-size: 2.2em;
    line-height: 1.2em;
    letter-spacing: normal;
}
.bg-gris-home-lighter {
	background: transparent !important
}
.sec-encabezado .subencabezado {
	color: #999;
	display: block;
	font-family: "Raleway", "Montserrat", "Helvetica Neue", Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 2.5px;
	margin-top: 20px;
	text-transform: uppercase;
}
.ft-x .ft-item span, .ft-y .ft-item span, .ft-x .ft-item i, .ft-y .ft-item i {
	font-size: 20px;
	height: 40px;
	line-height: 28px;
	margin: 25px 20px 80px 10px;
	padding: 4px;
	width: 40px;
}
#services h5 {
	font-size: 16px;
}
#services .btn-b-white {
	border-radius: 5px;
	margin: 0 10px;
	padding: 2px 80px;
	transition: all 0.3s ease 0s;
}
.arrow-bottom::after {
	left: 47%;
}
.download-btns .dl-btn {
	margin-bottom: 10px;
	text-align: center;
}
}
/*-----------------------------
 6. Sección  VIDEO
-------------------------------*/
/* Botón play video */
.play-btn {
	display: inline-block;
	padding-top: 50px;
}
.play-btn .play-icon {
	display: inline-block;
	font-size: 64px;
	transform: translateX(65px);
	transition: all 0.3s ease 0s;
	vertical-align: middle;
}
.play-btn h5 {
	color: #111;
	font-family: "Montserrat", "Raleway", "Helvetica Neue", Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: lighter;
	letter-spacing: 0.20em
}
.play-btn h5, .play-btn .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .play-btn .ft-heading, .play-btn .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .play-btn .tab-info, .play-btn .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .play-btn .widget-comm-title, .play-btn .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .play-btn .title-timer, .play-btn .shop-layout-options span, .shop-layout-options .play-btn span {
	display: inline-block;
	opacity: 0;
	padding-left: 20px;
	transition: opacity 0.4s ease 0s;
	vertical-align: middle;
}
.play-btn:hover .play-icon {
	font-size: 40px;
	transform: translateX(0px);
}
.play-btn:hover h5, .play-btn:hover .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .play-btn:hover .ft-heading, .play-btn:hover .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .play-btn:hover .tab-info, .play-btn:hover .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .play-btn:hover .widget-comm-title, .play-btn:hover .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .play-btn:hover .title-timer, .play-btn:hover .shop-layout-options span, .shop-layout-options .play-btn:hover span {
	opacity: 1;
}
.play-btn:focus {
	outline: medium none;
}
/* Background play video */
.video-bg-section {
	background: #ccc url("../img/bg_app.jpg") repeat scroll 50% center / cover;
	height: 365px;
}
.video-bg-section .video-sec-content {
	background: rgba(17, 17, 17, 0.5) none repeat scroll 0 0;
	height: 100%;
	padding-top: 100px;
	text-align: center;
	width: 100%;
}
.video-bg-section .video-sec-content h3, .video-bg-section .video-sec-content .page-title .subheading, .page-title .video-bg-section .video-sec-content .subheading, .video-bg-section .video-sec-content h5, .video-bg-section .video-sec-content .ft-boxed-hover ul li .hover-content .ft-heading, .ft-boxed-hover ul li .hover-content .video-bg-section .video-sec-content .ft-heading, .video-bg-section .video-sec-content .ft-tabs .tabs-list li a .tab-group .tab-info, .ft-tabs .tabs-list li a .tab-group .video-bg-section .video-sec-content .tab-info, .video-bg-section .video-sec-content .sidebar .comments-widget .widget-item span .widget-comm-title, .sidebar .comments-widget .widget-item span .video-bg-section .video-sec-content .widget-comm-title, .video-bg-section .video-sec-content .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer, .comingsoon .content-wrapper .content-inner .cs-timer .item .video-bg-section .video-sec-content .title-timer, .video-bg-section .video-sec-content .shop-layout-options span, .shop-layout-options .video-bg-section .video-sec-content span, .video-bg-section .video-sec-content span {
	color: #ececec;
}
.video-bg-section .video-sec-content .cta-lead {
	letter-spacing: 8px;
}
.h-alt {
	font-family: "Raleway", "Montserrat", "Helvetica Neue", Helvetica, sans-serif;
	font-weight: 300;
}
h3, .page-title .subheading {
	font-size: 1.7em;
	letter-spacing: 3.5px;
}
[class^="linea-"]::before, [class*=" linea-"]::before {
	font-family: "Fontawesome" !important;
	font-style: normal !important;
	font-variant: normal !important;
	font-weight: normal !important;
	line-height: 1;
	text-transform: none !important;
}
.linea-music-play-button::before {
	content: "\f144";
}

@media only screen and (min-width: 100px) and (max-width: 767px) {
.video-bg-section .video-sec-content {
	padding-top: 50px;
}
.video-sec-content h3 {
	padding: 0px 10px;
	line-height: 1.6em;
}
.bg-gris-home-lighter {
	background: #f0f0f0 none repeat scroll 0 0 !important;
}
#services h4 {
	color: #c5c0c0 !important;
	font-family: "Raleway" !important;
	font-size: 14px;
	font-weight: lighter !important;
	letter-spacing: 1.3px;
	line-height: 16px;
	text-transform: none !important;
}
}

@media only screen and (min-width: 300px) and (max-width: 350px) {
#services .label {
	margin: 0;
	position: relative;
}
#services h4 {
	color: #d2cccc !important;
	font-family: "Raleway" !important;
	font-size: 14px;
	font-weight: lighter !important;
	letter-spacing: 1px;
	line-height: 15px;
	text-transform: none !important;
}
}

.col-alf-offset-1.margin-top-45{margin-top:55px !important}

#desconexion .c-contratar-servicios .owl-carousel .owl-stage {
    max-width: 3000px;
}