.col-center{
	margin: 0 auto;
	float: none;
}

.spinner-4{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.spinner-4>div:nth-child(1){
	background-color: #08172c; 
}
.spinner-4>div:nth-child(2){
	background-color: #3c182e; 
}
.spinner-4>div:nth-child(3){
	background-color: #781b31; 
}
.spinner-4>div:nth-child(4){
	background-color: #ae1d32; 
}
.spinner-4>div:nth-child(5){
	background-color: #e01d35; 
}

.menu-mobile{
	display: none;
}
.tp-tabs.zeus.inner{
	background:none!important;
}

.zeus .tp-tab.selected .tp-tab-title, .zeus .tp-tab:hover .tp-tab-title{
	background-color: #ec1e35;
	margin: 0 5px;
}
.zeus .tp-tab-title{
	background: white;
	margin: 0 5px;
}

/*//////////////////////
HEADER STYLES
/////////////////////*/

.header{
	top: 50%;
	transform: translateY(-50%);
	transition: all .75s ease;
	text-align: center;
}
@media only screen and (max-width: 991px){
	.header{
		top: 0;
		transform: none;
	}
}

.header.menu-style-6 .container-fluid{
	padding-left: 0;
	padding-right: 0;
}

.header .logo{
	padding: 0;
}

.header .logo-img{
	max-height: 120px;
}


.main-menu{
	width: auto;
	display: none;
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s, opacity 0.5s linear;
}
.menu-active{
	display: inline-block;
	visibility: visible;
  	opacity: 1;
}
.header-active{
	background-color: #ec1e35!important;
}

#navbar ul li a{
	font-family: 'montserratlight';
	color: white;
	text-transform: uppercase;
	font-size: 1.3em;
}

#navbar ul li:not(:first-child):before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background-color: white;
    width: 2px;
    height: 16px;
}
.hamburger-container{
	float: right;
	background-color: #ec1e35;
	padding: 20px 0px 20px 10px;
	height: 120px;
	transition: all .4s;
}

.hamburger-container .hamburger{
	height: 100%;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{
	background-color: white;
}

/*Second nav */
.secondNav .header, .secondHeaderNav .header{
	top: 0;
	transform: none;
}

.secondNav .header .logo-img, .small-header .header .logo-img{
	max-height: 90px;
}
.secondNav .header{
	background:none;
}
.secondNav .header .logo{
	padding: 0;
}

.menu-style-6 .menu>ul>li>a:hover{
	transform: none;
	background:white;
	color: #ec1e35!important;
}


.secondNav .hamburger-container{
	height: 90px;
}

@media only screen and (max-width: 425px){
	.header .logo-img{
		max-height: 90px;
	}
	.hamburger-container{
		height: 90px;

	}
}

/*//////////////////////
QUIENES SOMOS STYLES
/////////////////////*/
.quienes-section{
	background-color: #07172c!important;
}

.quienes-header{
	font-family: 'montserratbold';
	font-size: 3em!important;
	color: white;
}
.quienes-maintext{
	font-family: 'montserratlight';
	color: white;
	font-size: 1em;
	text-align: justify;
}
.quienes-button{
	color: white;
}
.quienes-button:hover{
	border-color: #ec183a!important;
	color: #ec183a!important;
}


/*//////////////////////
PRODCUTS STYLES
/////////////////////*/

.productos-section{
	background-color: white!important;
}

.productos-section h3{
	font-family: 'montserratbold';
	font-size: 2.7em!important;
	color: #ec1e35;

}

.productos-section p.section-subtitle{
	font-family: 'montserratlight';
	font-size: 2.0em!important;
	color: black;
	text-transform: uppercase;
}

.productos-section ul.nav-pills li:nth-child(odd){
	background-color: #06172e;
	transition: all .4s;
}
.productos-section ul.nav-pills li:nth-child(even){
	background-color: #0a264c;
	transition: all .4s;
}

.productos-section ul.nav-pills li.active{
	background-color: #ec1e35;
	transform: scaleY(1.1);
	transition: all .4s;
}

.productos-section .single-product-container{
	text-align: center;
	padding:12px;
	cursor: pointer;
}
.productos-section .single-product-description{
	font-family: 'montserratbold';
	color: black;
}

@media only screen and (max-width: 425px){
	.nav>li>a{
		padding: 1px;
	}
	.nav-pills>li+li{
		margin-left: 0;
	}
	.tabs-section .nav-pills>li{
		display: inline-block;
		width: 33%;
	}
}

.product-details{
	display: none;
	text-align: left;
	padding-top: 15px;
}

.product-details p{
	color: #ec1e35;
	font-family: 'montserratbold';
	text-transform: uppercase;
	text-align: center;
}

.product-details ul{
	list-style: disc;
}

.is-visible{
	display: block;
}


/*//////////////////////
SERVICES STYLES
/////////////////////*/ 
.service-section{
	padding: 90px 0 0 0!important;
	background-color: #c00a30!important;
}
.service-title{
	font-family: 'montserratbold';
	font-size: 3em!important;
	color: white;
}
.service-subtitle{
	font-family: 'montserratlight';
	font-size: 2em!important;
	text-transform: uppercase;
	color: white!important;

}
.service:hover::before{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
}
.services-container .service{
	padding: 0;
	overflow: hidden;
	min-height: 700px;
}
.service-detail-container{
	position: absolute;
	text-align: center;
	left: 50%;
	top: 50%;
	z-index: 1;
	transform: translate(-50%,-50%);
	visibility: hidden;
	opacity: 0;
	transition: all .3s;
}
.service:hover .service-detail-container{
	visibility: visible;
	opacity: 1;
}
.service-detail-container p{
	color: white;
	font-family: 'montserratbold';
	font-size: 1.8em;
	margin-bottom: 1.0em;
	padding-bottom: 6px;
}
.service-detail-container a{
	display: inline-block;
	transition: all .4s;
}
.service-detail-container a:hover{
	transform: rotate(90deg);
}
.s-datos{
	position: relative;
	background-image: url('../images/tytssa/servicios/3.jpg');
	background-size: cover;
	background-position: center;
}
.s-control{
	position: relative;
	background-image: url('../images/tytssa/servicios/4.jpg');
	background-size: cover;
	background-position: center;
}
.s-seguridad{
	position: relative;
	background-image: url('../images/tytssa/servicios/5.jpg');
	background-size: cover;
	background-position: center;
}
.s-voz{
	position: relative;
	background-image: url('../images/tytssa/servicios/6.jpg');
	background-size: cover;
	background-position: center;
}

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

	.service-detail-container{
	visibility: visible;
	opacity: 1;
}
	.service::before{
		position: absolute;
		content: '';
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.6);
	}
}

@media only screen and (max-width: 425px){
	.services-container .service{
		min-height: 150px;
	}
	.service-detail-container{
	visibility: visible;
	opacity: 1;
}
	.service::before{
		position: absolute;
		content: '';
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.6);
	}
}

/*//////////////////////
CLIENTES STYLES
/////////////////////*/ 
.clientes-section{
	background-color: white!important;

}

.clientes-section h3{
	color: #ec183a;
	font-family: 'montserratbold';
	font-size: 3.0em!important;
}

/*//////////////////////
CONTACT STYLES
/////////////////////*/ 
h3.contact-title{
	color: white;
	font-family: 'montserratbold';
	font-size: 3em!important;
}
section.contact-section{
	background-color:#06172e!important;
}
.control-label{
	color: white;
}
.form-horizontal input, .form-horizontal textarea{
	background-color: transparent;
	border: none;
	border-bottom: 1px solid white;
}
.contact-column-container{
	padding-bottom: 70px;
}
.height-100{
	height: 100%;
}

/*//////////////////////
FOOTER STYLES
/////////////////////*/ 
.footer.dark-footer{
	background: #ec1e35;
	padding: 10px 0 0;
}



/*//////////////////////
SERVICIOS.HTML STYLES
////////////////////////////////////////////////////*/
.service-section-detail .nav>li>a{
	padding: 0;
}
.service-section-detail .service-detail-container p{
	margin-bottom: 0;
}

.service-section-detail ul.nav-pills li.active::before{
	position: absolute;
	content: '';
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
}

.service-section-detail li.active .service-detail-container{
	visibility: visible;
	opacity: 1;
}

.tabs-section .nav-pills>li.active>a:focus{
	color:#ec183a!important;
}

.quienes-somos .nav-pills li a{
	color: #07172c!important;
}
.quienes-somos .nav-pills li.active a{
	color: #ec183a!important;
}
.quienes-somos .nav-pills li .a:hover{
	color: #ec183a!important;
}

.quienes-somos .tab-pane h5{
	font-family: 'montserratbold';
	font-size: 2.5em;
	color: #1e2d40;
	text-transform: none;
}

.quienes-somos .nav-pills li a i{
	border: 3px solid #07172c;
	color: #07172c;
	border-radius: 50%;
	width: 80px!important;
	height: 80px!important;
	line-height: 80px!important;
}

.quienes-somos .nav-pills li.active a i{
	border: 3px solid #ec183a;
	color: #ec183a;
}

.service-section-detail .single-product-description{
	font-family: 'montserratbold';
	color: black;

}
.service-section-detail .single-product-container {
    text-align: center;
    padding: 12px;
    cursor: pointer;
}


/*//////////////////////
quienes-somos.HTML STYLES
////////////////////////////////////////////////////*/


.quienes-somos .tab-pane ul li{
	padding: 10px 0;	
}
.quienes-somos .tab-pane ul li span{
	color: #ec183a;
}




@media only screen and (max-width: 425px){
	.service-section-detail .nav>li>a{
		padding: 1px;
	}
	.service-section-detail .nav-pills>li+li{
		margin-left: 0;
	}
	.service-section-detail .nav-pills>li{
		display: inline-block;
		width: 100%;
		max-height: 120px;
		overflow: hidden;
	}
	.service-section-detail ul.nav-pills li img{
		transform: translateY(-50%);
	}
	.service-section-detail ul.nav-pills li.active{
		border: 4px solid #ec1e35;
	}
}



@font-face {
    font-family: 'montserratbold';
    src: url('../fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratlight';
    src: url('../fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}