@charset "UTF-8";


@import url('https://fonts.googleapis.com/css?family=Alegreya+Sans');


@font-face {
    font-family: BebasKai;
    src: url(../fonts/BebasKai.otf);
}




@font-face {
    font-family: BebasNeue;
    src: url(../fonts/BebasNeue-Regular.otf);
}

body{
   overflow-x: hidden!important;
}


footer {
    background-color: white;
    color: #0a1e35;
    padding: 14px;
   
}
 @media screen and (max-width: 768px) {
	 header #arrowLeft{margin-top:-35px;position:absolute;left:0px!important;top:80%!important;z-index:9;display:none !important;}
	header #mainCarousel .item .title h1{font-family:"Alegreya Sans";font-size:50px;font-weight:600;text-transform:uppercase;color:#fff;font-size:50px !important;}
		header #mainCarousel .item .title h2{font-family:"Alegreya Sans";font-size:30px;font-weight:500;color:#fff;}
		header #mainCarousel .item .title p{font-family:"Alegreya Sans";font-size:20px;font-weight:600;text-transform:uppercase;color:#fff;}
		
		header #mainCarousel .item h3{font-family:"Alegreya Sans";font-size:18px;font-weight:400;color:#000;}
		

 }

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

	.map{
		height: 308px!important;
	}

	header #arrowRight {
    margin-top: -35px;
    position: absolute;
    right: 0px!important;
    top: 80%!important;
    z-index: 9;
	display:none !important;
}

footer {
    background-color: white;
    color: #0a1e35;
    padding: 14px;
   
}

header #arrowLeft{margin-top:-35px;position:absolute;left:0px!important;top:80%!important;z-index:9;display:none !important;}
	header #mainCarousel .item .title h1{font-family:"Alegreya Sans";font-size:50px;font-weight:600;text-transform:uppercase;color:#fff;font-size:50px !important;}
		header #mainCarousel .item .title h2{font-family:"Alegreya Sans";font-size:30px;font-weight:500;color:#fff;}
		header #mainCarousel .item .title p{font-family:"Alegreya Sans";font-size:20px;font-weight:600;text-transform:uppercase;color:#fff;}
		
		header #mainCarousel .item h3{font-family:"Alegreya Sans";font-size:18px;font-weight:400;color:#000;}
		


}

.navbar-toggler:focus, .navbar-toggler:hover {
    text-decoration: none;
    background: #00aeaa;
}

header #arrowRight{margin-top:-35px;position:absolute;right:10px;top:50%;z-index:9;display:none !important;}
header #arrowLeft{margin-top:-35px;position:absolute;left:10px;top:50%;z-index:9;display:none !important;}
header .button-arrow{      
    height: 56px;
    border: 0;
    background-color: rgba(247, 247, 247, 0);
    color: #ffffff;
    font-size: 48px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s;}

.navbar-nav {
    font-weight: 900;
}

html,body{width:100%;height:100%;   font-family: 'Alegreya Sans', sans-serif;}

#preloader{width:100%;height:100%;background:#1c273a url(../img/preloader.gif) no-repeat center;position:fixed;z-index:999999999;top:0;left:0;overflow-y:hidden;}

nav{background-color: #fff0;}
	nav .navbar-brand img{width:180px;}
	nav .nav-link{font-family:"Alegreya Sans";font-size:18px;text-transform:uppercase;color:#0A1E35;}
	nav .nav-link:hover,
	nav .nav-link:focus,
	nav .nav-link:active{color: #00aeaa;}

	nav .button-blue{border:2px solid #3dbfef;color:#3dbfef;transition:all 0.3s;}
	nav .button-blue:hover,
	nav .button-blue:focus,
	nav .button-blue:active{background-color:#3dbfef;color:#fff;}

nav .navbar-toggler .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#000' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
	nav .navbar-toggler:hover .navbar-toggler-icon,
	nav .navbar-toggler:active .navbar-toggler-icon,
	nav .navbar-toggler:focus .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#000' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
	

	nav.scroll {
       background-color: #0000009c;
}

h1, .h1 {
    font-size: 2.5rem;
font-family: 'BebasNeue', sans-serif !important;
    /*font-family: 'AlegreyaSans-ExtraBold', sans-serif!important;
	font-family: 'BebasKai', sans-serif !important;
	*/
    font-weight: 900;
    text-transform: uppercase;
}

h2, .h2 {
   
font-family: 'BebasNeue', sans-serif !important;
    /*font-family: 'AlegreyaSans-ExtraBold', sans-serif!important;
	font-family: 'BebasKai', sans-serif !important;
	*/
    text-transform: uppercase;
}

.iziModal .iziModal-header {
    background: #59a19f!important;
    padding: 14px 18px 15px;
    box-shadow: inset 0 -10px 15px -12px rgba(0,0,0,.3), 0 0 0 #555;
    overflow: hidden;
    position: relative;
    z-index: 10;
}


li.primera {
  list-style-image: url("../img/li.png")!important;
}


.lineaB {
   
    border: 0;
    border-top: 7px solid #6083b8 !important;
    width: 60%;
}

.lineac{    border: 0;
    border-top: 7px solid #05ada9 !important;
    width: 60%;
}

li.primera:before{
   content: '';
   display: inline-block;
   height: 10px;
   width: 10px;
   background-image: url();
}


header{width:100%;height:700px;}
	header #mainCarousel .item{width:100%;height:700px;background-position:center;background-size:cover;background-repeat:no-repeat;}

	header #mainCarousel .item .title{    margin-top: 230px;
    display: inline-block;
    width: 100%;
    padding: 15px;
    text-align: left;
    border-radius: 25px;
  
    color: #FFFFFF;
	
    }

		header #mainCarousel .item .title h1{font-family:"Alegreya Sans";font-size:50px;font-weight:600;text-transform:uppercase;color:#fff;font-size:100px;}
		header #mainCarousel .item .title h2{font-family:"Alegreya Sans";font-size:30px;font-weight:500;color:#fff;}
		header #mainCarousel .item .title p{font-family:"Alegreya Sans";font-size:20px;font-weight:600;text-transform:uppercase;color:#fff;}
		
		header #mainCarousel .item h3{font-family:"Alegreya Sans";font-size:18px;font-weight:400;color:#000;}
		




#large .film2 .wrapper:hover ,
#large .film2 .wrapper:focus ,
#large .film2 .wrapper:active {padding: 25px;
    position: relative;
    background: #ffffff00; }


#large .film .wrapper:hover ,
#large .film .wrapper:focus ,
#large .film .wrapper:active {padding: 25px; 
    position: relative;
    background: #ffffff00; 
    color: #ffffff00;;
}


	.wrapper.black {
    background: linear-gradient(to right, #00aeaaa1 0%, #00aeaaa1 100%);
    font-family: BebasKai;
    
}

.wrapper h4:hover {
color: #ffffff00!important;
}




#x .box{width:100%;height:250px;background-position:center;background-size:cover;background-repeat:no-repeat;}
	#x .box .wrapper{padding:15px;display:table;}
	#x .box .wrapper .content{display:table-cell;vertical-align:middle;text-align:center;}
	#x .box h4{font-family:"Alegreya Sans";font-size:25px;font-weight:400;color:#fff;}
	#x .box p{font-family:"Alegreya Sans";font-size:18px;font-weight:400;color:#fff;display:none;}

#x .box:hover h4,
#x .box:focus h4,
#x .box:active h4{display:none;}

#x .box:hover p,
#x .box:focus p,
#x .box:active p{display:block;}

#_services .box{    width: 100%;height: auto;padding: 35px; color: black;}

	#_services .box h4{font-family:"Alegreya Sans";font-size:35px;text-transform:uppercase;color:#000;}
/*	#_services .box .txt{color:#fff;}*/
	#_services .box .btn{margin:5px 0;}


#px img{margin-bottom:25px;}

#brandsCarousel .item{

	    margin: 10px 0;
    height: 360px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #fff0;
}


#brandsCarousel1 .item{

	    margin: 10px 0;
    height: 360px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #fff0;
}


#brandsCarousel2 .item{

	    margin: 10px 0;
    height: 360px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #fff0;
}
#teamviniles .item{

	    margin: 10px 0;
    height: 360px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #fff0;
}

#teamvinilescuadros .item{

	    margin: 10px 0;
    height: 360px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #fff0;
}

#teamvinilescortes .item{

	    margin: 10px 0;
    height: 360px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #fff0;
}



#teamCarousel .item{width:100%;height:350px;background-position:center top;background-size:cover;background-repeat:no-repeat;background-color:#fff;position:relative;cursor:pointer;}
	#teamCarousel .item .ribbon{width:100%;height:auto;padding:15px;position:absolute;bottom:5px;background-color:#efefef;text-align:center;}
		#teamCarousel .item .ribbon h5{font-family:"Alegreya Sans";font-size:25px;text-transform:uppercase;color:#3dbfef;}
		#teamCarousel .item .ribbon h6{font-family:"Alegreya Sans";font-size:18px;color:#1e3e78;}

#contact img{margin:0 3px;cursor:pointer;}

.np{padding:0;}
.bg{min-height:250px;background-size:cover;background-repeat:no-repeat;background-repeat:no-repeat;}
.wrapper{width:100%;height:100%;}




	.wrapper.blue{background-color:rgba(30,62,120,0.7);}

.section{width:100%;height:auto;padding:50px 0;}
	.section.white{background-color:#fff;}
	.section.blue{background-color:#1e3e78;}
	.section.plane{background:#efefef url(../img/wrapper-planes.png) repeat;background-size:cover;}


.title{font-family:"Alegreya Sans";font-size:50px;text-transform:uppercase;}
	.section.white .title,
	.section.plane .title{color:#000;}
	.section.blue .title{color:#fff;}
	.parallax .title{color:#fff;}
	.parallax .txt{color:#fff;}


.separator span{display:inline-block;width:50px;height:1px;background-color:#3dbfef;margin:0 3px;}



.btn-primary {	
	
	background-color:#61aba9;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:15px;
	display:inline-block;
	cursor:pointer;
	border-color: #07a7a3!important;
	color:#ffffff;
	font-size:20px;
	
	text-decoration:none;
	text-shadow:0px 1px 0px #61aba9;
}
.btn-primary:hover {
	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#498f8d', endColorstr='#61aba9',GradientType=0);
	background-color:white;
	color:#498f8d;
}
.btn-primary:active {
	position:relative;
	top:1px;
}

.btn-primaryb {
	background-color:#0a1e35 !important;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:15px;
	display:inline-block;
	cursor:pointer;
	border-color: #0a1e35!important;
	color:#ffffff;
	font-size:20px;
	
	text-decoration:none;
	text-shadow:0px 1px 0px #0a1e35;
}
.btn-primaryb:hover {
	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a1e35', endColorstr='#0a1e35',GradientType=0);
	background-color:white;
	color:#0a1e35;
}
.btn-primaryb:active {
	position:relative;
	top:1px;
}

.btn-primary2:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #498f8d), color-stop(1, #61aba9));
	background:-moz-linear-gradient(top, #498f8d 5%, #61aba9 100%);
	background:-webkit-linear-gradient(top, #498f8d 5%, #61aba9 100%);
	background:-o-linear-gradient(top, #498f8d 5%, #61aba9 100%);
	background:-ms-linear-gradient(top, #498f8d 5%, #61aba9 100%);
	background:linear-gradient(to bottom, #498f8d 5%, #61aba9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#498f8d', endColorstr='#61aba9',GradientType=0);
	background-color:#498f8d;
}
.btn-primary2:active {
	position:relative;
	top:1px;
}


.map{
	height: 1953px;
}


.txt{font-family:"Alegreya Sans";font-size:18px;}

.parallax .wrapper{padding:50px 0;}

.txt.blue{color:#1e3e78;}



.box{width:100%;height:auto;padding:25px;}
	.box.blue{background: rgba(0,202,253,1);
background: -moz-linear-gradient(-45deg, rgba(0,202,253,1) 0%, rgba(0,225,245,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0,202,253,1)), color-stop(100%, rgba(0,225,245,1)));
background: -webkit-linear-gradient(-45deg, rgba(0,202,253,1) 0%, rgba(0,225,245,1) 100%);
background: -o-linear-gradient(-45deg, rgba(0,202,253,1) 0%, rgba(0,225,245,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(0,202,253,1) 0%, rgba(0,225,245,1) 100%);
background: linear-gradient(135deg, rgba(0,202,253,1) 0%, rgba(0,225,245,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00cafd', endColorstr='#00e1f5', GradientType=1 );}
	
	.box.purple {
    background: #2c2f3a;
    background: -moz-linear-gradient(-45deg, rgba(169,69,196,1) 0%, rgba(191,103,196,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(169,69,196,1)), color-stop(100%, rgba(191,103,196,1)));
    background: -webkit-linear-gradient(-45deg, #2c2f3a 0%, #2c2f3a 100%);
    background: -o-linear-gradient(-45deg, rgba(169,69,196,1) 0%, rgba(191,103,196,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(169,69,196,1) 0%, rgba(191,103,196,1) 100%);
    background: linear-gradient(135deg, #2c2f3a 0%, #2c2f3a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a945c4', endColorstr='#bf67c4', GradientType=1 );
}

	/*.box.purple{background: rgba(169,69,196,1);background: -moz-linear-gradient(-45deg, rgba(169,69,196,1) 0%, rgba(191,103,196,1) 100%);background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(169,69,196,1)), color-stop(100%, rgba(191,103,196,1)));background: -webkit-linear-gradient(-45deg, rgba(169,69,196,1) 0%, rgba(191,103,196,1) 100%);background: -o-linear-gradient(-45deg, rgba(169,69,196,1) 0%, rgba(191,103,196,1) 100%);background: -ms-linear-gradient(-45deg, rgba(169,69,196,1) 0%, rgba(191,103,196,1) 100%);background: linear-gradient(135deg, rgba(169,69,196,1) 0%, rgba(191,103,196,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a945c4', endColorstr='#bf67c4', GradientType=1 );}*/
	.box.gray{margin-top:50px;background-color:#e8e9ea;}
	.box .inner{margin:5px 0;width:100%;height: 125px;padding:10px;background-color:rgba(255,255,255,0.4);text-align:center;}
		.box .inner h5{font-family:"Alegreya Sans";font-size:15px;font-weight:600;color:#fff;text-transform:uppercase;}
		.box .inner img{width:60px;}
.np{padding:0;}

#large .film{width:100%;height:180px;background-position:center;background-repeat:no-repeat;background-size:cover;}
	#large .film .wrapper{padding:25px;position:relative;}
		#large .film .wrapper h4{font-family:"BebasKai";font-size:25px;color:#fff;margin-bottom:15px;}
		#large .film .wrapper p{font-family:"BebasKai";font-size:15px;color:#fff;display:none;}
		#large .film .wrapper img{position:absolute;bottom:15px;}

#large .film:hover p,
#large .film:focus p,
#large .film:active p{display:block;}

#large .film:hover img,
#large .film:focus img,
#large .film:active img{display:none;}


#large .film2 {
    width: 100%;
    height: 167px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

	#large .film2 .wrapper{padding:25px;position:relative;}
		#large .film2.wrapper h4{font-family:"BebasKai";font-size:25px;color:#fff;margin-bottom:15px;}
		#large .film2 .wrapper p{font-family:"BebasKai";font-size:15px;color:#fff;display:none;}
		#large .film2 .wrapper img{position:absolute;bottom:15px;}

#large .film2:hover p,
#large .film2:focus p,
#large .film2:active p{display:block;}

#large .film2:hover img,
#large .film2:focus img,
#large .film2:active img{display:none;}


.btn-primary2 {
    -moz-box-shadow: 0px 10px 14px -7px #276873;
    -webkit-box-shadow: 0px 10px 14px -7px #276873;
    box-shadow: 0px 10px 14px -7px #276873;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #636363), color-stop(1, #498f8d));
    background: -moz-linear-gradient(top, #61aba9 5%, #498f8d 100%);
    background: -webkit-linear-gradient(top, #61aba9 5%, #498f8d 100%);
    background: -o-linear-gradient(top, #61aba9 5%, #498f8d 100%);
    background: -ms-linear-gradient(top, #61aba9 5%, #498f8d 100%);
    background: linear-gradient(to bottom, #636363 5%, #888585 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#61aba9', endColorstr='#498f8d',GradientType=0);
    background-color: #636363;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    display: inline-block;
    cursor: pointer;
    border-color: #636363!important;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    padding: 13px 32px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #636363;
}




.grid {

 display: grid;
    grid-template-columns: repeat(auto-fill, minmax(162px, 2fr));
    grid-gap: 5px;
    align-items: stretch;

}



.grid img {
border: 1px solid #17a2b8;
    box-shadow: 2px 2px 6px 0px #17a2b852;
    max-width: 100%;

}

.grid2 img {
    border: 1px solid #42424200;
    box-shadow: 2px 2px 6px 0px #17a2b800;
    max-width: 100%;
}

.loo{
     margin: 147px;
    margin-top: 23px;
}


.floatWapp{
	position:fixed;
	width:60px;
	height:60px;
	bottom:20px;
	left:20px;
	background-color:#5ca5a3;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
  box-shadow: 2px 2px 10px #fff;
  z-index:100;
}

.my-floatWapp{
	margin-top:16px;
}

.azul:hover{
 color:#6084B8 !important;
}