@charset "UTF-8";
 
 @font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../webfonts/Montserrat-Light.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
 
 @font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../webfonts/Montserrat-Regular.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
 

 @font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../webfonts/Montserrat-Bold.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

 @font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('../webfonts/Montserrat-Black.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/****************************************************/
/**** OVERWRITES ************************************/
/****************************************************/
:root {
  --bs-orange: #ff6a00;
  --bs-font-sans-serif: 'Montserrat',system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-color: #fff;
  --bs-body-bg: #232323;
  --bs-letter-spacing:0.2rem;
}

a:link{ color: var(--bs-orange); font-weight:300; transition:all 1s; }
a:hover{ color:#F90; transition:all 1s;}
a:active{ color:#FC0;}
a:visited{ color: #6D4725}


p{ margin-bottom:2rem;}


.item-102{ display:none;}


.fw-black{ font-weight:900; }

.text-orange { color: var(--bs-orange);} 
.text-gray { color: #808080;} 
.big-icon{ font-size:4rem; color: var(--bs-orange);}

.card{ background-color:#171717!important; border:solid 1px #0c0c0c!important; margin-bottom:2em;}
.map{ min-height:400px!important; margin-top:80px!important;}

/****************************************************/
/**** TOP *******************************************/
/****************************************************/
#top{
	background-color:#0c0c0c;
	min-height:50px;
	padding:10px 25px;
	font-size:1.1rem;
	}
#top .text-orange{ display: inline-block; margin:0 1rem; }
#top p{ margin:0;}
@media (max-width: 575.98px) { 

	}
/****************************************************/
/**** NAV  ******************************************/
/****************************************************/
#nav {
	min-height:60px;
	border-bottom:solid 1px rgba(255,255,255,0.50)!important;
	background-color:rgba(0,0,0,0.75)!important;
    backdrop-filter: blur(10px);
	}
#nav .navbar{
	margin:0px; 
	padding:0px;
	}
#nav .navbar a{
	font-size:1.2rem;
	font-weight:900;
	color:#fff;
	}	
#nav .navbar li.nav-item>a{ padding:1.5rem 1rem; transition:all 0.5s;}
#nav .navbar li.nav-item:hover>a{ color: var(--bs-orange); background-color:#0c0c0c; transition:all 0.5s;}
#nav .navbar li.nav-item>a.active{ color: var(--bs-orange); }
#nav .navbar li.nav-item>a.show{ color: var(--bs-orange); background-color:#0c0c0c;}

#nav .navbar .dropdown-menu{background-color:#0c0c0c; margin-top:-3px; padding:0; min-width:100%; transition:all 0.5s;}
#nav .navbar .dropdown-menu a{ font-size:0.8rem; padding:0.6rem 1rem; font-weight:600;}
#nav .navbar .dropdown-menu a:hover,#nav .dropdown-menu a.active{ background-color:var(--bs-orange);}
@media (max-width: 991.98px) { 
	#navbarContent{margin-top:1rem;}	
	#nav li.nav-item>a{ padding:0.3rem 0.5rem!important; } 
	#nav .dropdown-menu {  padding-left:1rem!important;}
	#nav .dropdown-menu a{  padding:0.3!important; }
		
}
/****************************************************/
/**** HEADER  ***************************************/
/****************************************************/
#header{ margin-top:-80px; }
#header .carousel{}
#header  .background{ background-position:center bottom; background-size: cover; }

#header .carousel .carousel-control-prev, #header .carousel .carousel-control-next {
    top: unset;
    bottom: unset;
    width: 30px;
	background:none;
	position:unset;
	margin:0 2rem;
}

#header .carousel .carousel-control-prev:hover, #header .carousel .carousel-control-next:hover {
	opacity:1;
}
#header .container{ padding:180px 0px 160px 60px; text-shadow: #000 0px 0px 5px!important;}
#header .title{ font-size:4.2rem; line-height:4.2rem; margin-bottom:1em; font-weight:900; }
#header .lead{ font-size:2.2rem; line-height:2.2rem; margin-bottom:1.5em;}
#header .text{ font-size:1.6rem; color:var(--bs-orange); font-weight:700; text-transform:uppercase;}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 
	#header .container{ padding:120px 0px 80px 20px;}
	#header .title{ font-size:1.3rem; line-height:1.4rem;  }
	#header .lead{ font-size:1rem; line-height:1rem; margin-bottom:1em;}
	#header .text{ font-size:0.8rem; color:var(--bs-orange);}
	}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 575.99px) and (max-width: 767.98px) {
	#header .container{ padding:130px 0px 100px 20px;}
	#header .title{ font-size:1.8rem; line-height:1.8rem;  }
	#header .lead{ font-size:1.2rem; line-height:1.2rem; margin-bottom:1em;}
	#header .text{ font-size:0.9rem; color:var(--bs-orange);}
	}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 767.99px) and (max-width: 991.98px) {
	#header .container{ padding:160px 0px 130px 40px;}
	#header .title{ font-size:2.5rem; line-height:2.5rem;  }
	#header  .lead{ font-size:1.5rem; line-height:1.5rem; margin-bottom:1em;}
	#header .text{ font-size:1.1rem; color:var(--bs-orange);}
	}

/* Large devices (desktops, 992px and up) */
@media (min-width: 991.99px) and (max-width: 1200px){ 
	#header .container{ padding:160px 0px 160px 60px;}
	#header .title{ font-size:3.8rem; line-height:3.8rem;}
	#header .lead{ font-size:1.8rem; line-height:1.8rem; margin-bottom:1.5em;}
	#header .text{ font-size:1.3rem; color:var(--bs-orange); }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  }

/* Extra large devices wide screen */
@media (min-width: 1400px) {   }


/****************************************************/
/**** CONTENT  **************************************/
/****************************************************/


/****************************************************/
/**** FOOTER  ***************************************/
/****************************************************/
#footer{ background-color:#171717; padding:40px 0px 20px 0px;}
#footer .complex-link{  }
#footer .complex-link:first-child{ margin-top:2em;  }

#footer .complex-link .image{ }
#footer .complex-link .image img{  padding-right:25px; background:url(../images/arrow-orange.png)  95% center ; background-repeat:no-repeat; transition:all 0.5s;}
#footer .complex-link:hover .image img{ transition:all 0.5s; background-position:100% center;}

#footer .title{ margin-top:25px; font-weight:900;  font-size:1.5rem;}
#footer .lead{ font-weight:300; color:var(--bs-orange);  text-transform:uppercase; font-size:0.8rem; letter-spacing:var(--bs-letter-spacing);}
#footer .text{ color:#808080; ; margin-bottom:2rem; font-size:1.2rem; } 

#footer .list li{ list-style:none; list-style-type:none;}

#footer .fab{ font-size:1rem; margin-bottom:1rem; background-color:#545454; color:#232323;  width:2rem; height:2rem; border-radius:1rem; padding:0.5rem;}
#footer .fab:hover{ color:#fff; background-color:var(--bs-orange);}

@media (max-width: 767.98px) {#footer .complex-link{  text-align:center;}}
/****************************************************/
/**** BOTTOM  ***************************************/
/****************************************************/
#bottom{ background-color:#0c0c0c; border:solid 1px #232323; min-height:50px;  color:#808080; padding:10px 0px; font-size:0.8rem;}
#bottom .text-orange{ display: inline-block; margin:0 0.5rem; }
#bottom p{ margin:0; line-height:25px;}
#bottom img{ float:left;}
/****************************************************/
/**** SECTION BLOCKS  *******************************/
/****************************************************/

.section{ margin:0 0 3rem 0; padding:5rem 0 0 0; background-repeat:no-repeat; background-position:bottom center; background-size: cover; }
/*
 .image-content{filter: grayscale(100%); transition:all 0.5s;}
 .image-content:hover {filter: grayscale(0%); transition:all 0.5s;}
*/

.image-column{ padding-top:4rem!important;}
.image-frame{ 
  background-image: url(../images/corner-topleft.png), url(../images/corner-bottomleft.png),url(../images/corner-topright.png),url(../images/corner-bottomright.png);
  background-position: left top, left bottom, right top, right bottom ;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  padding:15px;
}

.image-frame2{ 
  /*background-image: url(../images/corner-topleft2.png), url(../images/corner-bottomleft2.png),url(../images/corner-topright2.png),url(../images/corner-bottomright2.png), url(../images/corner-sides2.png) , url(../images/corner-sides2.png);
  background-position: left top, left bottom, right top, right bottom, left, right ;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-y, repeat-y;
  */
  background-image: url(../images/corner-topleft2.png), url(../images/corner-bottomleft2.png),url(../images/corner-topright2.png),url(../images/corner-bottomright2.png);
  background-position: left top, left bottom, right top, right bottom;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
 
  padding:10px;
  margin-bottom:2rem;
  
  }

.image-content{ min-height:250px; background-position:center center; background-size: cover; background-repeat:no-repeat; box-shadow:#000 0px 0px 10px!important;}

.intro-block{ margin-bottom:6rem!important;}
.intro_title{ margin-bottom:2rem!important; margin-top:2rem!important; font-size:2.2rem;}

.icon-list{ font-weight:900; text-transform:uppercase; list-style:none; text-indent:none; margin-left:0; padding:0; margin-bottom:3rem;}
.icon-list li{ margin:0 0 1rem 0; padding:0;}
.icon-list i{ color:var(--bs-orange); font-size:1.5rem; display:inline-block; width:2rem;}

.icon-list.multiple-row li{ padding-left:2.5rem; margin:0 0 0.5rem 0;}
.icon-list.multiple-row li i{  margin-left:-2.5rem; display:inline-block;}


.kicker{ color:var(--bs-orange); text-transform:uppercase; letter-spacing:var(--bs-letter-spacing);}

a.special_button{
	display: inline-block;
	text-decoration:none;
	padding:5px;
	color:#fff;
	background-color:var(--bs-body-bg);
	
	border-width: 5px;
	border-style: solid;
    border-color: var(--bs-orange);

	padding-right:10px;
	font-weight:700;
	text-transform:uppercase;
	
	margin:2rem;
	}
a.special_button i{
 	font-size:1.6rem;
	line-height:32px;
	width:32px;
	height:32px;
	background-color:var(--bs-orange); 
	color:var(--bs-body-bg); 
	margin-right:10px;
	transition:all 0.5s;
	}
	
a.special_button:hover i{
		color:#fff;
		transition:90 0.5s;
		transform:rotate(360deg);
}	

.page_title{
background:url(../images/page_title_left.png) no-repeat center left,
			url(../images/page_title_right.png) no-repeat center right;
			}
.page_title h1{ text-transform:uppercase; color:var(--bs-orange); margin:0!important;font-weight:900; text-align:center;  letter-spacing:0.8rem; text-shadow: var(--bs-body-bg) 0px 0px 5px; padding:1.5rem 0;}



.section_title{ font-weight:700; text-transform:uppercase; margin-bottom:4rem;margin-top:4rem;  letter-spacing:var(--bs-letter-spacing); font-size:1.3rem;}

.brakets{ color:var(--bs-orange); display:inline-block; margin:0 1rem;font-weight:900;}
.section .section_title .brakets:first-child{  margin:0 1rem 0 0!important;}
.section .section_title .brakets:last-child{  margin:0 0 0 1rem!important;}
.section h3{ color:var(--bs-orange); letter-spacing:var(--bs-letter-spacing); text-transform:uppercase; font-size:1.2rem; font-weight:700; margin-bottom:1.5rem;}




#distingue .section_title, #servicios .section_title { margin-bottom:8rem;}

#distingue .col-md-6{ padding-left:150px; margin-bottom:3rem;}
#distingue .col-md-6 img{ margin-left:-120px; margin-top:50px; float:left; }
/****************************************************/
/**** MODULES  **************************************/
/****************************************************/
#breadcrumbs{ padding:1rem 0;}
/****************************************************/
/**** RE-SIZE  **************************************/
/****************************************************/

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 767.98px) {}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 991.98px) {}

/* Large devices (desktops, 992px and up) */
@media (min-width: 1199.98px) { }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  }

/* Extra large devices wide screen */
@media (min-width: 1400px) {   }

