/* -- BANNER FIREWALIKNG */
.home-bannerf {
	background-image: url("../../images/firewalking.jpg");
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	padding-bottom: 150px;	
}
.home-bannerf::before {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	/*background-color: #f2faff;
	opacity: 0.8;*/
	display: inline-block;
}
.banner-sectionf > img {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}


/*
	[Tabla de Contenidos]

	## Shortcodes
		-- Curva START FX1
		-- CABECERA Plantilla Contenido 1 
		-- OPCIONES DE CONTENIDOS Plantilla Contenido 1
		-- CONTENIDOS Plantilla Contenido 1

		-- Banner Inicio
		-- Efecto gráfico curvas
		-- Sección BIENVENIDA
		-- Service Section
		-- Team Section
		-- Contact
		
	## Responsive
		-- min-width: 992 to max-width: 1200
		-- min-width: 768 to max-width: 991
		-- max-width: 767
		-- max-width: 991
*/

/* ## Shortcodes */
/* ---------------------- Banner Inicio ---------------------- */
.home-banner {
	background-image: url("../../images/banner-bg.png");
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	position: relative;
	padding-top: 75px;	
	margin-bottom: 50px;
	background-size: contain;
}
.home-banner::before {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	/*background-color: #f2faff;
	opacity: 0.8;*/
	display: inline-block;
}
.banner-section > img {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

/* - Banner Left */
.banner-left {
	display: inline-block;
	width: 100%;
	text-align: center;
	padding-top: 0px;
	position: relative;
}
.banner-left span {
	display: inline-block;
	width: 100%;
	font-size: 40px;
	font-weight: 900;
	padding: 0 40px;
}
.banner-left h3 {
	font-size: 40px;
	font-weight: 900;
	margin-top: 8px;
	margin-bottom: 0;
	color: #000;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
	position: relative;
	display: inline-block;
	padding-bottom: 10px;
	padding: 0 40px;
	letter-spacing: 2px;
}

.banner-left a > i {
	display: inline-block;
	margin-left: 10px;
	font-size: 12px;
}

/* ---------------------- Efecto gráfico curvas ----------------------*/
.cont-campotext1-title-style{
	padding-top: 3%;
}
/* -- Curva Superior*/
.curva-top-banner-1 {
	background-image: url("../../images/curva-top-removebg.png");
}
.curva-top-banner-1{
	width: 100%;
	height: 100%;
	background-size: 100vw 86px;
	background-repeat: no-repeat;
	padding-top: 86px;	
}
.curva-top-banner-1::before {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	/*background-color: #f2faff;
	opacity: 0.8;*/
	display: inline-block;
}
.curva-top-section-1 > img {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
/* -- Curva Inferior */
.curva-bottom-banner-1{
	background-image: url("../../images/curva-bottom-removebg.png");
}
.curva-bottom-banner-1 {
	width: 100%;
	height: 100%;
	background-size: 100vw 86px;
	background-repeat: no-repeat;
	position: relative;
	margin-top: 4%;
	padding-top: 86px;	
}
.curva-bottom-banner-1::before {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	/*background-color: #f2faff;
	opacity: 0.8;*/
	display: inline-block;
}
.curva-bottom-section-1 > img {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

/* -- Curva Incio*/
.cabecera {
	padding-top: 70px; padding-bottom: 0px;
}
.curva-start-banner {
	background: url("../../images/curva-start.png");
	width: 100%;
	height: 100%;
	background-size: 100vw 86px;
	background-repeat: no-repeat;
	position: relative;
	padding-top: 86px;	
}
.curva-start-banner::before {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	/*background-color: #f2faff;
	opacity: 0.8;*/
	display: inline-block;
}
.curva-start-section > img {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

/* ---------------------- Sección BIENVENIDA ----------------------*/
.icon-responsive{
	height: 100px;
	margin-left: 30%;
}

/* ---------------------- Sección VÍDEOS ----------------------*/
.section-video{
	background-color: #000;
	width: 100%;
}
.marco-exterior{
	margin-top: 100px;
	margin-bottom: 100px;
	border-radius: 0px 0px 100px 0px; 
	border-right: 10px solid #fff; 
	border-bottom: 10px solid #fff;
}
.borde-video{
	color: #fff;
	width:480px; 
	margin-bottom: 50px;
	text-align: right;
	border-radius: 0px 0px 50px 0px; 
	border-right: 5px solid #fff; 
	border-bottom: 5px solid #fff;
}

.borde-video > p{
	margin-bottom: 25px;
}
/* ---------------------- Sección DECIDO ----------------------*/
.section-decido{
	background-color: var(--colorInstSecyndary);
	width: 100%;
}
.section-decido > img{
	width: 100%;
}
.text-decido{
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 10%;
	margin-bottom: 10%;
	color: var(--colorInstComplementary1);
}

/* -------------------- COMPONENTES TABS ----------------------*/
.opciones-contenido{
	padding-left: 4%; padding-top: 4%; padding-bottom: 3%;
}

.contenidos-content-style{
	padding-left: 0px;
	padding-right: 0px;
}

/*	- Widget */
.widget {
	background-color: #f7f7f7;
	padding: 0 15px 30px;
	margin-bottom: 45px;
}
/*	- Widget Title */
.widget-title {
	font-size: 22px;
	color: #222;
	font-family: 'Montserrat', sans-serif;
	text-transform: capitalize;
	padding-bottom: 25px;
	margin-top: 0;
	margin-bottom: 30px;
	margin-left: -15px;
	margin-right: -15px;
	background-color: #fff;
	border-bottom: 2px solid #41a7dd;
}
.widget-search .form-control{
	box-shadow: none;
	border-radius: 0;
	border: 1px solid #ddd;	
	color: #777;
	font-size: 12px;
	font-family: 'Raleway', sans-serif;
}
.widget-search .btn-default {
	border-radius: 0;
	background-color: #0f89d1;
	border: 1px solid #0f89d1;
}
.widget-search .btn-default i {
	color: #fff;
}
/* - Categories Type */ 
.categories-type {
	list-style: none;
	position: relative;	
}
.categories-type li {
	position: relative;
	border-bottom: 1px solid #e9e9e9;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
.categories-type li:last-child {
	border: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.categories-type li::before {
	position: absolute;
	content: "\f101";
	left: 0;
	color: #777;
	font-family:'FontAwesome';
}
.categories-type li a {
	margin-left: 20px;
	color: #777;
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	text-decoration: none;	
	text-transform: capitalize;
}
.categories-type li:hover a {
	color: #000;
	transition: all 1s ease 0s;
}
.categories-type li a > span {
	float: right;
	clear: both;
	font-weight: 600;
}

/* - Social Media */
.widget-social-media ul {
	list-style: none;	
}
.widget-social-media ul li {
	display: inline-block;	
	margin-right: 4px;
	margin-bottom: 8px;
}
.widget-social-media ul li:last-child {
	margin-right: 0;
}
.widget-social-media ul li a {
	width: 36px;
	height: 36px;
	line-height: 36px;
	display: inline-block;
	text-align: center;
}
.widget-social-media ul li a { 
	color: #fff;
	border: 1px solid transparent;
}
.widget-social-media .tw {
	background-color: #31aae2;
}
.widget-social-media .tw:hover {
	color: #31aae2;	
	border-color: #31aae2;
}
.widget-social-media .fb {
	background-color: #3b579d;
}
.widget-social-media .fb:hover {
	color: #3b579d;	
	border-color: #3b579d;
}
.widget-social-media .gp {
	background-color: #dd4b39;
}
.widget-social-media .gp:hover {
	color: #dd4b39;	
	border-color: #dd4b39;
}
.widget-social-media .inst {
	background-color: #396892;
}
.widget-social-media .inst:hover {
	color: #396892;	
	border-color: #396892;
}
.widget-social-media .ln {
	background-color: #1060a6;
}
.widget-social-media .ln:hover {
	color: #1060a6;	
	border-color: #1060a6;
}
.widget-social-media .tm {
	background-color: #34465d;
}
.widget-social-media .tw:hover,
.widget-social-media .fb:hover,
.widget-social-media .gp:hover,
.widget-social-media .inst:hover,
.widget-social-media .ln:hover,
.widget-social-media .tm:hover {
	background-color: #fff;
	transition: all 1s ease 0s;
}
.widget-social-media .tm:hover {
	color: #34465d;	
	border-color: #34465d;
}
/* - Widget Tags */
.widget-tags a {
	padding: 5px 12px;
	background-color: #fff;
	border: 1px solid #ececec;
	display: inline-block;
	margin-right: 6px;
	font-size: 13px;
	color: #777;
	text-decoration: none;
	margin-bottom: 10px;
	text-transform: capitalize;
}
.widget-tags a:hover {
	background-color: #037adf;
	border-color: #037adf;
	color: #fff;
	transition: all 1s ease 0s;
}
.widget-tags .widget {
	padding-bottom: 20px;
}

/* - About Author */
.about-author {
	display: inline-block;
	text-align: left;	
	margin-bottom: 20px;
	position: relative;
}

/* -- Contact Us */
.contact-us {
	display: inline-block;
	margin-top: 70px;
	text-align: center;
	width: 100%;
}

/* - Contact Block */
.contact-block {
	border-right: 1px solid #f0f0f0;
	padding: 30px 0;	
}
.contact-us .col-md-4:last-child .contact-block{
	border: none;
}
.contact-block i {
	color: #3dadef;
	border: 2px solid #f0f0f0;
	display: inline-block;
	padding: 15px 25px 25px;
	font-size: 40px;
	max-width: 80px;
	max-height: 75px;
	margin-bottom: 15px;
	text-align: center;
}
.contact-block i:hover{
	background-color: #3dadef;
	color: #fff;
	transition: all 1s ease 0s;
	border-color: #3dadef;
}
.contact-block .fa-envelope {
	font-size: 30px;
	padding: 20px 25px 25px;
	max-width: 80px;
	max-height: 75px;
}
.contact-block span {
	display: inline-block;
	width: 100%;
	font-size: 12px;
	color: #333;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 15px;
}
.contact-block p {
	margin-bottom: 5px;
	letter-spacing: 1px;
}
.contact-block p,
.contact-block a {
	color: #9e9e9e;
}

/* - Map */
.map{
	position: relative;	
}
.map-canvas {
    border: medium none;
    height: 500px;
    width: 100%;	
	display: inline-block;
	margin: 60px 0 ;
}

/* - Enquiry Us */
.enquiry-us {
	display: inline-block;
	width: 100%;
	padding: 0 12%;
	text-align: center;
	margin-bottom: 70px;
}
.enquiry-us .section-heading {
	color: #0f89d1;
	letter-spacing: 2px;
	text-transform: capitalize;
	font-size: 30px;
}
.enquiry-us .form-group {
	text-transform: uppercase;
	color: #444;
	font-size: 10px;
	letter-spacing: 1px;
}

/* - Enquiry Form */
.enquiry-form .form-control {
	border-radius: 0;
	box-shadow: none;
	min-height: 40px;
	border-color: #eee;
	box-shadow: none;
}
.enquiry-form .form-control:focus {
	border-color: #000;
}
.enquiry-form label {
	font-size: 10px;
}
.enquiry-form textarea {
	display: inline-block;
	height: 125px;
}
.enquiry-form  input[type="submit"] {
	background-color: #2098df;		
	letter-spacing: 1px;
	width: 100%;
	font-size: 12px;	
	margin-left: 0;
}
.enquiry-form  input[type="submit"]:hover {
	background-color: #fff;
	border-color: #2098df;
	color: #2098df;	
}

/* - Alert Msg */
.alert-msg {
	color: #ccc;
	display: inline-block;
	width: 100%;
	margin: 10px 18px;
	position: relative;
	text-align: left;
	z-index: 1;
}
.alert-msg-success {
	color: #50B948;
}
.alert-msg-failure {
	color: #FF0000;
}


/* ## Responsive */
@media (min-width: 1920px) {
	.home-banner{
		padding-bottom: 60px;
	}
	.home-banner {
		background-size: cover;
	}
}

/* -- min-width: 1551 to max-width: 1750 */
@media only screen and (min-width: 1501px) and (max-width: 1750px) {
	.home-banner {
		background-size: cover;
	}
}

/* -- min-width: 1201 to max-width: 1550 */
@media only screen and (min-width: 1201px) and (max-width: 1550px) {
	
}
/* -- min-width: 1201 to max-width: 1550 */
@media only screen and (min-width: 1201px) and (max-width: 1366px) {
	
}

/* -- min-width: 992 to max-width: 1200 */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
	/* -- Photo Slider */
	.banner-left {
		padding-top: 0px;
	}
	.banner-left h3 {
		font-size: 30px;
	}

	.icon-responsive {
		margin-left: 25%;
	}
}

/* -- min-width: 768 to max-width: 991 */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	/* -- Photo Slider */
	.banner-left {
		padding-top: 20px;
	}
	.banner-left h3 {
		font-size: 20px;
	}
	.banner-left::before {
		bottom: 40px;
	}
	.banner-left a {
		margin-top: 10px;
	}

	.icon-responsive {
		margin-left: 18%;
	}
}

/* -- max-width: 767 */
@media (max-width: 767px) {	
	.home-banner{
		margin-bottom: 0px;
	}
	.curva-top-banner-1, .curva-start-banner, .curva-bottom-banner-1 {
		background-size: auto;
	}

	.cont-campotext1-title-style {
		margin-top: -12%;
	}

	.section-header > p {
		padding-right: 15px;
	}
	/* -- Photo Slider */
	.banner-left {
		padding-top: 20px;
	}
	.banner-left h3, .banner-left span {
		font-size: 30px;
	}
	/* ---------------------- Sección BIENVENIDA ----------------------*/
	.icon-responsive {
		margin-left: 10%;
	}
	.text-responsive1 {
		font-size: 20px !important;
	}
	.text-responsive2 {
		font-size: 40px !important;
	}

	.sello-responsive{
		padding-left: 150px;
		margin-top: 50px;
	}
	
}

/* -- max-width: 479 */
@media (max-width: 479px) {
	.icon-responsive {
		height: 60px;
	}

	.product-card {
		width: 300px;
	}

	.sello-responsive{
		padding-left: 50px;
		margin-top: 25px;
	}
}

/* -- max-width: 991 */
@media (max-width: 991px) {
	.home-banner{
		background-image: url("../../images/banner-bg-res.png") !important;
		height: 100%;
		background-repeat: no-repeat;
		padding-top: 0px;
	}
	/* -- Photo Slider */
	.banner-left {
		text-align: center;
	}
	.banner-left h3 {
		text-align: center;
		padding: 35px 0;
	}
}

/* -- max-width: 1200 */
@media (max-width: 1200px) {
	.home-banner {
		background-size: auto;
	}

	/* ---------------------- Sección VÍDEOS ----------------------*/
	.section-video{
		width: 100vw;
		max-width: 100vw;
	}
	.section-video > video {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
	}
	.marco-exterior{
		border-right: 0px solid #fff;
	}
	video, .borde-video {
		width:100vw;
		max-width:330px;
	}
}