/*
==========================================================================
	PROTECTO ELITE by: KUBIK;
==========================================================================
*/

* {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
section{min-height:800px;padding:0;}



/* HTML5 ✰ Boilerplate ✰ normalize */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 16px; line-height: 1.231; font-weight:300;font-family: 'Rubik', sans-serif;}
body, button, input, select, textarea { font-family:'Rubik', sans-serif; color: #484848; }
::-moz-selection { background: #feda9e; color: #fff; text-shadow: none; }
::selection { background: #feda9e; color: #fff; text-shadow: none; }
a { color: #225472; }
a:visited { color: #488ab2; }
a:hover { color: #225472; }
a:focus { outline: none; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
/*input:invalid, textarea:invalid { background-color: #f0dddd; }*/
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* Text */

h1, h2, h3, h4, h5, h6 {margin: 0;padding: 0;font-family: 'Rubik', sans-serif;}
h1 {font-size:30px;font-weight:700;}
h2 {font-size:24px;font-weight:700;}
h3 {font-size:18px;font-weight:700;}
h4 {font-size:17px;font-weight:700;}
h5 {font-size:16px;font-weight:700;}
h4 {font-size:14px;font-weight:700;}
a:hover {color: #be0613;}
a, a:hover, a:visited {text-decoration: none;}

/* 
::::::::::::::::::::::::::::::::::::::::::::::::::
        LAYOUT
::::::::::::::::::::::::::::::::::::::::::::::::::
*/
section{overflow:hidden;}

/* NAVBAR */

/*.navbarHeight{height:100px;}*/
#topNav{
	width:100%;
	top: 30px;
	left:0;
	position:absolute;
	z-index:3;
	background: #000;
}
#topNav .container{
	position: relative;
    display: block;
    height: 100px;
}
nav.navbar{
	width:100%;
	height:50px;
	background: rgb(0,0,0);
	background: -moz-linear-gradient(180deg, rgba(0,0,0,0.16010154061624648) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.16010154061624648) 0%, rgba(0,0,0,0) 100%);
	background: linear-gradient(180deg, rgba(0,0,0,0.16010154061624648) 0%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
.mainMenuBtn {
	position: relative;
	text-decoration: none;
	color: #fff !important;
	font-size:18px;
	font-weight:600;
	padding:14px 10px 0;
	top:0px;
	text-align: center;
	text-shadow:none;
	text-transform:uppercase;
	width:auto;
	height:50px;
	display:block;
	z-index:101 !important;
	background: rgba(0,0,0,0);
	transition: ease .168s;
	-webkit-transition: ease .168s;
}
/*.mainMenuBtn:after {
	content:'';
	position:absolute;
	left:50%;
	bottom:33px;
	width:0;
	height:2px;
	background:#fff;
	transition:ease .168s;
	-webkit-transition:ease .168s;
	border:0px;
	margin: 0;
}*/
.mainMenuBtn a:hover {
	color:#be0613;;
}
.dropdown-toggle::after{}
.mainMenuBtn:hover:after{left:0;/*width:100%;*/}
.mainMenuBtn:visited{color:initial;}
.mainMenuBtn span{display:block;width:100%;}
#topNav .current { cursor: default; color: #be0613 !important; }
.mainMenuBtn:hover{color: #be0613 !important; }
.logo-protecto{width: 100%; max-width: 200px; position: absolute; top: -40px; left: 10%;z-index: 99;}
.dropdown-toggle::after{display: none;}

.navbar-nav .dropdown-menu{background-color: #000;}
.dropdown-item{color: #fff !important; font-size: 16px; font-weight: 600;}
/*.show .mainMenuBtn{color: #be0613 !important;}*/
.dropdown-item:focus, .dropdown-item:hover{background-color: #000 !important;color: #be0613 !important;}
.navbar-nav{padding-left: 15%;}


/* FOOTER */

footer{
	background:#132059;
	height: 250px;
	font-size: 16px;
	color: #d3d3d3;
	position:relative;
}
.footercopy {
    border-top: 1px solid white;
    background:#000;
    margin-bottom:15px;
}
.footercopy p.legal {
    margin: 0;
    padding: 20px 0;
    text-align: left;
}
.footercopy p.legal-links {
    margin: 0;
    padding: 20px 0;
}
.footercopy p.legal-links a{
	color:#9e9e9e;
	padding:0 5px;
	transition: ease .168s;
	-webkit-transition: ease .168s;
}
.footercopy p.legal-links a:hover{color:#fff;}

ul#redesFooter{
	margin:0;
	padding:0;
	list-style:none;
	display:block;
	width:100%;
}
ul#redesFooter li{
	display:inline-block;
	margin:10px;
}
ul#redesFooter li a.redesIcon{
	background:rgba(0,0,0,0);
	width:45px;
	height:45px;
	position:relative;
	z-index:2;
	display:block;
	text-align:center;
	border-radius:50%;
	transition: ease .168s;
	-webkit-transition: ease .168s;
}
ul#redesFooter li a.redesIcon:before{
	content:'';
	position:absolute;
	top:-5px;
	left:-5px;
	width:55px;
	height:55px;	
	border-radius:50%;
	display:block;
	background: rgba(0,0,0,0);
	border:3px solid #fff;
	z-index:1;
}

a.redesIcon#linkedinF:hover{background:rgba(0, 115, 177,1);/*border-color:rgba(0, 115, 177,1);*/}
a.redesIcon#youtubeF:hover{background:rgba(245, 11, 11,1);/*border-color:rgba(245, 11, 11,1);*/}
a.redesIcon#instagramF:hover{background:rgba(210, 45, 120,1);/*border-color:rgba(210, 45, 120,1);*/}
a.redesIcon#twitterF:hover{background:rgba(57, 200, 255,1);/*border-color:rgba(57, 200, 255,1);*/}
a.redesIcon#facebookF:hover{background:rgba(40, 81, 165,1);/*border-color:rgba(40, 81, 165,1);*/}
ul#redesFooter li a.redesIcon i.fab{
	color:#fff;
	font-size:28px;
	line-height:45px;
}
/*ul#redesFooter li a.redesIcon:hover i.fab{
	color:#fff;
}*/
a.f-link{
	display:inline-block;
	width:auto;
	height:auto;
	transition: ease .168s;
	-webkit-transition: ease .168s;
	color:#fff;
}
a.f-link:hover{
	color:#d3d3d3;
}

.direccion-footer br{display: none;}

/* 
::::::::::::::::::::::::::::::::::::::::::::::::::
        COMMON CLASSES
::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}
.btn{
	color:#fff;
	background:#be0613;
	text-align:center;
	padding:10px 15px;
	border-radius:0;
	text-transform:uppercase;
	transition: ease .168s;
	-webkit-transition: ease .168s;
}
.btn:hover{background:#a10a15;color:#fff;}
.btn.btn-sm{
	padding:3px 6px;
}
.btn.ghostBtn{
	background:rgba(0,0,0,0);
	border:3px solid rgba(255,255,255,0.75);
	color:rgba(255,255,255,0.75);
	font-weight:400;
	border-radius:0;
	text-transform:none;
}
.btn.ghostBtn:hover{
	background:rgba(0,0,0,0.08);
	color:rgba(255,255,255,1);
}
.btn:visited{color:#fff;}
.btn.ghostBtn:visited{color:#ffd9a4;}

/* OWL controls */

.owl-prev, .owl-next {
  color:#fff;
    position: absolute;
    top:50%;
    margin-top: -50px;
    width: 50px;
    height: 50px;
    text-align: center;
    font-size:60px;
    filter: Alpha(Opacity=50);/*IE7 fix*/
    opacity: 0.5;
}
.owl-prev:hover, .owl-next:hover {filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;}
.owl-next {right: 0px;}
.owl-controls {text-align: center;z-index:3;}
.owl-controls .owl-page {display: inline-block;}
.owl-controls .owl-page span {
    background-color: #333;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    display: block;
    height: 12px;
    margin: 5px 7px;
    width: 12px;
    filter: Alpha(Opacity=500);/*IE7 fix*/
    opacity: 0.5;
}
.owl-controls .owl-page.active span, .owl-controls .owl-page:hover span {filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;}
.owl-dots{
  width: 100%;
    height: 40px;
    display: block;
    text-align:center;
    padding-top:10px;
    position:relative;
    bottom:0px;
    background:rgba(241,241,241,0);
    border-top:1px solid #f1f1f1;
}
.owl-dots .owl-dot{
  display:inline-block;
  width:16px;
  height:16px;
  border-radius:50%;
  background:rgba(88,88,88,0.3);
  margin:0 5px;
  border:2px solid rgba(255,255,255,0);
  opacity:0.7;
}
.owl-dots .owl-dot:hover{background:rgba(88,88,88,0.8);}
.owl-dots .owl-dot.active{opacity:1;background:rgba(88,88,88,0.8);cursor:default;}

.delay450{-moz-transition-delay:450ms;-webkit-transition-delay:450ms;}
.delay900{-moz-transition-delay:900ms;-webkit-transition-delay:900ms;}

/* FIRMA KBI */

.firmaKBI {
    width: 40px;
    height: 20px;
    display: block;
    background: url(../images/firma.png)no-repeat;
    position: relative;
    top: inherit;
    margin-left: auto;
    margin-right: auto;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
}

.firmaKBI:hover {
    width: 95px;
}

.on .form-btn{display: none;}
.off .form-btn{display: inline-block;}
.on .close-btn{display: inline-block; max-width: 50px; height: 50px; margin-top: 8%;margin-left: 6%;}
.off .close-btn{display: none;}

/*Title Banner*/
.position-title{ font-size: 70px; height: 65px;}


/*Titles*/
.title-content-services h2{font-size: 2.4vw;}
.title-content-tabla h2{font-size: 2.4vw;}
.title-content-clientes h2{font-size: 2.4vw;}
.title-lic{font-size: 2.4vw;}
.elemento-list{font-size: 30px;}

/*Descripciones*/
.desc { font-size: 1.6vw;}
.desc2 { font-size: 1.6vw;}
.text-service{font-size: 2.1vw;}
.info-nosotros p{ font-size: 26px; }
.text-covertura{ font-size: 26px; }

.sub-menu { left: 47%;top: 45px; }
.sub-menu2 { left: 4%;top: 45px; }
.sub-menu3 { left: 63%;top: 45px; }




.float {
	position: fixed;
	width: 60px!important;
	height: 60px!important;
	bottom: 40px!important;
	left: 40px!important;
	font-size: 29px!important;
	background-color: #07CC5B!important;
	color: #FFF!important;
	border-radius: 50px!important;
	text-align: center!important;
	box-shadow: 2px 2px 3px #999!important;
	z-index: 1000;
	transition: all 0.5s ease;
}
.float img{
	width: 25px;
	margin-top: 18px;
	transition: all 0.5s ease;
}

.float:hover {
	background-color: #0C9!important;
}

.float:hover img{
	opacity: .8;
}


/* 
::::::::::::::::::::::::::::::::::::::::::::::::::
        QUERIES
::::::::::::::::::::::::::::::::::::::::::::::::::
*/
@media screen and (max-width: 2560px){
  .desc{font-size:1.3vw;}
}
@media screen and (max-width: 2200px){
  .desc{font-size:1.1vw;}
}
@media screen and (max-width: 1920px){
	.desc{font-size:1.3vw;}
}
@media screen and (max-width: 1700px){
.desc{font-size:1.3vw;}
}

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


}

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

	.position-title{ font-size: 70px;height: 65px; }
	.sub-menu { left: 46%; }
	.sub-menu3 { left: 65%; }

}

@media screen and (max-width: 1380px){
	ul#redesFooter li a.redesIcon i.fab { font-size: 23px; line-height: 37px; }
	ul#redesFooter li a.redesIcon:before{width: 45px; height: 45px;}
	ul#redesFooter li a.redesIcon{width: 35px; height: 35px;}

	.position-title { font-size: 60px; height: 55px; }
	.desc2 {padding: 50px 0px 20px !important;}
}
@media screen and (max-width: 1340px){

	
}

@media screen and (max-width: 1280px){
	.position-title { font-size: 60px; height: 55px; }
	.sub-menu { left: 44%; }
	.sub-menu3 { left: 66%; }
}


@media screen and (max-width: 1200px){
/* 	.navbar-expand-lg .navbar-collapse {width: calc(100% - 250px);} */
	/* .mainMenuBtn {width: 170px;font-size:15px;} */
	.mainMenuBtn small.tag {font-size: 12px;}
	.mainMenuBtn{font-size: 16px;}
	.desc2 { padding: 30px 0px 20px !important; }
	/*.sub-menu { left: 47%;top: 46px; }
	.sub-menu3 { left: 65%; }*/
	.dropdown-item{font-size: 14px;}
}	

@media screen and (max-width: 1180px){
  .mainMenuBtn { font-size: 14px; }
}
@media screen and (max-width: 1080px){
	/*.sub-menu { left: 46%;}
	.sub-menu3 { left: 66%; }*/
}

@media (min-width: 992px){
	.sub-menu { left: 4%;top: 45px; }
	.sub-menu2 { left: 4%;top: 45px; }
	.sub-menu3 { left: 4%;top: 45px; }

}

@media screen and (min-width: 991px){
	.off-sm{display:initial;}
	.on-sm{display:none;}
}
@media screen and (max-width: 991px){
	.sub-menu { left: 0%; }
	.sub-menu2 { left: 0%; }
	.sub-menu3 { left: 0%; }
	#topNav{top: 0px;}	
	#redesFooter{padding-bottom: 20px;}
	#topNav{background: transparent;}
	#topNav .show{background: #000;}
	.mainMenuBtn { font-size: 16px; }
	.off-sm{display:none;}
	.on-sm{display:block;}	
	footer {height: auto;padding-bottom:10px;}	
	.footercopy p.legal{margin:0 0 10px;text-align:center;padding: 20px 0 0;}
	.footercopy p.legal-links{margin:0 0 20px;text-align:center;padding:0;}
	/* NAVBAR */
	.navbar-brand{z-index:999;top:16px;position:absolute;left:calc(50% - 115px);z-index:100;}
	#topNav {width: 100%;height: auto;min-height: 100px;padding: 0;}
	.navbar-nav {margin: 75px auto 75px;}
	#topNav .container{width:100%;max-width:100%;padding:0;position: initial;height: initial;}
	.navbar-expand-lg .navbar-collapse {width:100%;float: none;height: auto;}
	.navbar-nav{padding-left: 0%;}
	.navbar-toggler {
		position: absolute;
		z-index:999;
		top: 15px;
		left: 15px;
		right: 0;
		bottom: 0;
		margin: 0;
		background:#001a5a;
		width: 60px;
		height: 60px;
		cursor: pointer;
		border:0px;
		border-radius:50%;
		padding-top:13px;
	}
	.navbar-toggler:focus, .navbar-toggler.focus {
	  outline:0;
	  box-shadow:0 0 0 0 rgba(0,0,0,0);
	}
	.dropdown-item{font-size: 14px;margin-bottom: 10px;}
	.hamburger-menu,
	.hamburger-menu:after,
	.hamburger-menu:before {
		width: 35px;
		height: 3px;
	}
	.hamburger-menu {
		position: relative;
		transform: translateY(-3px);
		background: white;
		transition: all 0ms 300ms;
	}
	.hamburger-menu.animate {
		background: rgba(255, 255, 255, 0);
	}
	.hamburger-menu:before {
		content: "";
		position: absolute;
		left: 0;
		bottom: 8px;
		background: white;
		transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
	}
	.hamburger-menu:after {
		content: "";
		position: absolute;
		left: 0;
		top: 8px;
		background: white;
		transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
	}
	.hamburger-menu.animate:after {
		top: 0;
		transform: rotate(45deg);
		transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
	}
	.hamburger-menu.animate:before {
		bottom: 0;
		transform: rotate(-45deg);
		transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
	}
	.mainMenuBtn{border-right:0px;border-left:0px;font-size: 18px !important;}
	.mainMenuBtn, .subMenuBtn{
		display:block;
		width:100%;
		height:55px;
		padding:0;
		text-align:center;
		line-height:55px;
		font-size:20px;
	}
	.dropdown-item{text-align: center;}
	.mainMenuBtn small.tag {display:none;}
	li.dropdown:after {/*display:none;*/}
	ul.dropdown-menu{position:relative!important;top: 0px;}
	ul.dropdown-menu:after{background: rgba(0,0,0,0);}
	ul.dropdown-menu li{display:block;width:100%;}


	.title-content-services h2{font-size: 2.9vw;}
	.title-content-tabla h2 { font-size: 2.9vw; }
	.title-content-clientes h2{ font-size: 2.9vw; }
	.title-lic{font-size: 2.9vw;}

	.desc { font-size: 22px; }
	.desc2 { font-size: 22px;}
	.text-service{font-size: 28px;}
}
@media screen and (max-width: 767px){	
	footer ul#redesFooter{float:none;text-align:center;margin-bottom: 20px;}
	footer .footer #final-col {text-align:center;margin-top:30px;}
	.direccion-footer br{display: inline-block;}


	.text-service { font-size: 24px; }
	.desc { font-size: 20px; }
	.desc2 { font-size: 20px; }
	.desc  br{ display: none; }
	.desc2  br{ display: none; }
	.title-content-services h2{font-size: 26px;}
	.title-content-tabla h2{font-size: 26px;}
	.title-content-clientes h2{ font-size: 26px; }
	.title-lic{font-size: 26px;}

	.float {bottom: 10px!important; left: 10px!important;}

}

@media screen and (max-width: 700px){
	.position-title { font-size: 40px; height: 37px; }
}
@media screen and (max-width: 600px){
	.footercopy p.legal{font-size: 18px;}
	.navbar-toggler{width: 50px; height: 50px;top: 0px;}
  	.hamburger-menu, .hamburger-menu:after, .hamburger-menu:before { width: 25px; height: 2px; }
  	.text-service{font-size: 18px;}
  	.desc { font-size: 16px; }
	.desc2 { font-size: 16px; }
	.title-content-services h2{font-size: 20px;}
	.title-content-tabla h2{font-size: 20px;}
	.title-lic{font-size: 20px;}
	.title-content-clientes h2{ font-size: 20px; }


}
@media screen and (max-width: 500px){
	  .position-title { padding-left: 5%; font-size: 36px; height: 34px; }
}
@media screen and (max-width: 480px){
	#btn-to-top {right: 5px;}
	.navbar-brand {left:initial;right:15px;}
}

@media screen and (max-width: 440px){
  	.text-service br{ display: none; }
}

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