HTML BODY h1{font-family: 'oxygenbold';}
HTML BODY h2,HTML BODY h3,.font-weight-bold{font-family: 'oxygenregular';}
HTML BODY h4,HTML BODY h5,HTML BODY h6{font-family: 'oxygenregular';}
HTML BODY strong{font-family: 'noto_serifregular';}
HTML BODY p,HTML BODY,.font-weight-normal{font-family: 'noto_serifregular';}
.font-weight-light,HTML BODY span{font-family: 'oxygenlight';}
HTML BODY em, HTML BODY span{font-family: 'noto_serifitalic';}

HTML BODY p{font-size: 110%!important;}
.top-header,.top-header a , .top-header p{font-size: 100%!important;}
.middle-header,.middle-header a , .middle-header p{font-size: 100%!important;}
.bottom-header,.bottom-header a , .bottom-header p,.bottom-header li a{font-size: 110%!important;}

.f-negro,.f-negro:hover{background: #000000!important;}
.t-negro,.t-negro:hover{color: #000000!important;}
.b-blanco,.b-blanco:hover{background:#ffffff!important;}
.t-blanco,.t-blanco:hover{color:#ffffff!important;}

.bg-color1,.bg-color1:hover{background: #ff0f00!important;}
.t-color1,.t-color1:hover{color: #ff0f00!important;}
.bg-color2,.bg-color2:hover{background: #e8e8e8!important;}
.t-color2,.t-color2:hover{color: #e8e8e8!important;}
.bg-color3,.bg-color3:hover{background: #0000cc!important;}
.t-color3,.t-color3:hover{color: #0000cc!important;}
.bg-color4,.bg-color4:hover{background: #ffb621!important;}
.t-color4,.t-color4:hover{color: #ffb621!important;}
.bg-tile{background: url(../../images/elements/tile.png)#797979!important;}

.clients h2 { margin-bottom: 15px; } .map{ text-align: center; padding: 30px 0; } .border-cool { border: 1px solid #e9ecef; } .da-boss { text-align: center; padding: 50px 0; } .da-boss h2{ font-size: 3em; } .da-boss span { font-size: 1.5em; color: #797979; } .da-team { padding: 80px 0; text-align: center; } .da-team h2{ text-align: center; margin-bottom: 50px; } .da-team h4 { padding-top: 10px; } .da-team span { color: #185fa7; font-size: 1.1em; } .da-team p { margin-top: 10px; } .clientes { padding: 70px 0 0 0;}

.padding1{padding-top: 1%;padding-bottom: 1%;}
.padding2{padding-top: 2%;padding-bottom: 2%;}
.padding3{padding-top: 3%;padding-bottom: 3%;}
.padding4{padding-top: 4%;padding-bottom: 4%;}
.p10px{padding-top: 10px;padding-bottom: 10px;}

i{position:relative;vertical-align:-5px;}
a,a:hover,img,img:hover,div,div:hover{transition: all 0.3s ease-in-out;}

.bg_light1{background: rgba(255,255,255,0.3);}
.bg_light2{background: rgba(255,255,255,0.5);}
.bg_light3{background: rgba(255,255,255,0.7);}

.bg_dark1{background: rgba(0,0,0,0.3);}
.bg_dark2{background: rgba(0,0,0,0.5);}
.bg_dark3{background: rgba(0,0,0,0.7);}
.bg_dark4{background: rgba(0,0,0,0.9);}

.bg_fixed{background-attachment: fixed!important;}
.bg{background-position: center center!important;background-size: cover!important;}


.bg_1{background:url(../../images/elements/bg_2.jpg);}
.bg_2{background:url(../../images/elements/bg_2.jpg);}
.bg_3{background:url(../../images/elements/bg_3.jpg);}
.bg_4{background:url(../../images/elements/bg_4.jpg);}
.bg_5{background:url(../../images/elements/bg_5.jpg);}

.bg_hair{background:url(../../images/elements/bg_hair.jpg);}

.bg-grayscale img{filter: grayscale(100%);transition:all ease-in-out 0.2s!important;}
.bg-grayscale:hover img{filter: grayscale(0%);transition:all ease-in-out 0.2s!important;}
.bg_service1{background:url(../../images/services/home/1.jpg);}
.bg_service2{background:url(../../images/services/home/2.jpg);}
.bg_service3{background:url(../../images/services/home/3.jpg);}

.display-5{font-size: 260%;}

.main-navbar a{font-weight: bold;letter-spacing: 1px;}

.no-padding{padding-left: 0px!important;padding-right: 0px!important;}

/*Overlay*/
.container-overlay {position: relative; width: 100%;}
.overlay-main {position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease;}
.overlay-dark{background:rgba(0, 0, 0, 0.62);}
.overlay-color{background:rgba(0, 0, 0, 0.62);}
.overlay-light{background:rgba(255, 255, 255, 0.62);}
.container-overlay:hover .overlay-main {opacity: 1;}
.text-overlay {font-size: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; }

.multi-item-carousel .carousel-inner > .item {transition: 500ms ease-in-out left;}
.multi-item-carousel .carousel-inner .active.left {left: -33%;}
.multi-item-carousel .carousel-inner .active.right {left: 33%;}
.multi-item-carousel .carousel-inner .next {left: 33%;}
.multi-item-carousel .carousel-inner .prev {left: -33%;}
@media all and (transform-3d), (-webkit-transform-3d) {.multi-item-carousel .carousel-inner > .item {transition: 500ms ease-in-out left; transition: 500ms ease-in-out all; backface-visibility: visible; transform: none !important; } }
.multi-item-carousel .carouse-control.left, .multi-item-carousel .carouse-control.right {background-image: none;}

.list-style-none li{list-style: none!important;}
nav.main-navbar{padding-left:0px!important;padding-right:0px!important}
.main-navbar .navbar-nav a,.main-navbar .navbar-nav a:hover{transition: all 0.3s ease;color:#fff;}
.main-navbar .navbar-nav a{border-bottom:1px solid #797979;}
.main-navbar .navbar-nav a:hover{border-bottom:1px solid #fff;}
.main-navbar .navbar-nav .dropdown a{border-bottom:0px!important;color:#000;}
.main-navbar .navbar-nav .dropdown a:hover,.main-navbar .navbar-nav .active a{color:#000;border-bottom:1px solid #f2f2f2;}
.main-navbar .navbar-nav .active a,.dropdown-menu a:hover{background:#f2f2f2!important;color:#000!important;}
.dropdown+a:hover{border-bottom:1px solid #fff!important;}

.social{width:32px;height:32px;}
.social-white{background:url(../../images/elements/socialmedia-white.png)no-repeat;background-size:350%;}
.youtube{background-color:red;background-position:1px 1px;}
.facebook{background-color:blue;background-position:-27px 1px;}
.instagram{background-color:purple;background-position:-53px 1px;}
.googleplus{background-color:black;background-position:-80px 1px;}

.social-white:hover{background:url(../../images/elements/socialmedia-black.png)no-repeat;background-size:400%;}
.youtube:hover,.facebook:hover,.instagram:hover,.googleplus:hover{background-color:#0000cc;}

.youtube:hover{background-position:0px 0px;}
.facebook:hover{background-position:-32px -1px;}
.instagram:hover{background-position:-63px -1px;}
.googleplus:hover{background-position:-95px -1px;}


#indicador-carousel .carousel-caption h5{font-family: 'open_sanslight'; color:#ffffff;}
#indicador-carousel .carousel-caption h3{font-family: 'oxygenregular';color:#ffffff;display: inline-block;padding: 5px 10px;}
#indicador-carousel .carousel-caption p{font-family: 'open_sanslight';}
#indicador-carousel .carousel-caption a.btn{font-family: 'open_sanslight';}

#indicador-carousel .carousel-caption h5{font-size:160%;text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);}
#indicador-carousel .carousel-caption h3{font-size:280%;text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);}
#indicador-carousel .carousel-caption .title-slider-long{font-size:280%;text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);}
#indicador-carousel .carousel-caption p{font-size:110%!important;text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);}
#indicador-carousel .carousel-caption a.btn{font-size:90%;}

.btn-banner{background: rgba(0,0,0,0.7);color: #ffffff;}
.btn-banner:hover{background: rgba(0,0,0,0.9);color: #ffffff;}

.service-height{position:relative;}
.sidebar h4{font-size:120%;}

.list-group-item{font-size:80%;}
.list-group-item:hover,.list-group-item.active:hover{background:#292929!important;color:white!important;}
.list-group-item.active {z-index: 2; color: #495057!important; background:#fff!important; border-color: #dfdfdf!important;}

.list-group-item:first-child {border-top-left-radius: .25rem; border-top-right-radius: .25rem;}

input[type="radio"]{opacity:0.5;display:none;position:absolute;}
input[type="radio"]+label{cursor:pointer;margin-left:-1px!important;display:inline-block;color:gray;margin-bottom:-10px!important;margin-top:-20px;position:relative;}
input[type="radio"]:checked+label{color:gold;}
input[type="radio"]:hover+label{color:#e6e6e6;}

.googlemap-theme{width: 100%!important;border:1px solid #ccc!important;}

.sidenav {height: 100%; width: 0; position: fixed; z-index: 100; top: 0; right: 0; background-color: #0000cc; overflow-x: hidden; transition: 0.5s; padding-top: 60px; }

.sidenav a {text-decoration: none; font-size: 25px; color: #fff; display: block; transition: 0.3s; }
.sidenav a:hover {color: #0000cc; background:#f6f6f6 }
.sidenav .active{background:#fff;color:#7a7a7a;}
.sidenav .closebtn {position: absolute; top: 0; right: 25px; margin-left: 50px; }
.sidenav .closebtn:hover{background:none!important;}

@media(min-width: 300px){
	.image-min{width: 100%!important;}
    .negative-margin-top2{margin-top: 5%;}
    .sidenav .closebtn{font-size:170%!important;}
	.top-slider{margin-top: -95px;position: relative;z-index: 0;}
	.bg_hair{background:url(../../images/elements/bg_hair.jpg);}
}
@media(min-width: 540px){
    .carousel-caption{bottom:30%!important;}
    #indicador-carousel .carousel-caption{width:70%;}
    .negative-margin-top2{margin-top:5%;}
    .sidenav .closebtn{font-size:170%!important;}
	.top-slider{margin-top: -125px;position: relative;z-index: 0;}
	.bg_hair{background:url(../../images/elements/bg_hair.jpg);}

}
@media(min-width: 960px){
	.image-min{width: 70%!important;}
	.carousel-caption{bottom:10%!important;}
	#indicador-carousel .carousel-caption{width:70%;}
    .negative-margin-top2{margin-top: -2%;}
    .sidenav .closebtn{font-size:170%!important;}
	.top-slider{margin-top: -125px;position: relative;z-index: 0;}
	.bg_hair{background:url(../../images/elements/bg_hair.jpg);background-position:top left;background-size:cover;}
}
@media(min-width: 1140px){
    .image-min{width: 70%!important;}
    .carousel-caption{bottom:10%!important;}
    #indicador-carousel .carousel-caption{width:70%;}
    .negative-margin-top2{margin-top: -2%;}
    .sidenav .closebtn{font-size:190%!important;}
	.top-slider{margin-top: -145px;position: relative;z-index: 0;}
	.bg_hair{background:url(../../images/elements/bg_hair.jpg);background-position:top left;background-size:cover;}
    
}
.top-menu{position: relative;z-index: 100;}
a.navbar-brand{font-size: 130%!important;}
.navbar-toggler{margin-bottom: 10px;}

.go-up{background:url(../../images/elements/top.png)#000000 center center;border-radius:50px;opacity: 0.5;cursor:pointer;width: 40px;height: 40px;position: fixed;bottom: 25px;right: 25px;display: inline-block!important;}
.go-up:hover{opacity: 1;}

.hide-top,.hide-top-alt{opacity: 0!important;}

.icon-align {
min-width: 24px;
text-align: center;
position: absolute;
left: 20px;
margin-top: 0px;
}
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
  } 

 .grid figure {
	position: relative;
	overflow: hidden;
	min-width: 300px;
	max-width: 100%;
	max-height: 360px;
	width: 100%;
	background: #000;
	text-align: center;
	/*cursor: pointer;*/
}
.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}
.grid figure figcaption {
	padding: 2em;
	color: #fff;
	
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}
.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}
.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}
.grid figure h2 span {
	font-weight: 800;
}
.grid figure h2,
.grid figure p {
	margin: 0;
}
.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%!important;
}
figure.slide-left-anim img {
	max-width: none;
	-webkit-filter: grayscale(0.7);
	filter: grayscale(0.7);
	width: -webkit-calc(100% + 50px);
	width: calc(100% + 50px);
	opacity: 0.5;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px,0, 0);
	transform: translate3d(-40px,0,0);
}

figure.slide-left-anim figcaption {
	/*text-align: left;*/
}

figure.slide-left-anim figcaption > div {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 1em;
	width: 100%;
	height: 60%;
}

figure.slide-left-anim h3,
figure.slide-left-anim p {
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}

figure.slide-left-anim h3 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.slide-left-anim p {
	color: rgba(255,255,255,1);
	opacity: 0;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
}
figure.slide-left-anim:hover img{opacity: 0.2;-webkit-filter: grayscale(0);filter: grayscale(0);}

figure.slide-left-anim:hover p {
	opacity: 1;
}

figure.slide-left-anim:hover img,
figure.slide-left-anim:hover h3,
figure.slide-left-anim:hover p {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.slide-left-anim:hover p {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
}
.triangle-up{
	position:absolute!important;
	z-index:90!important;
	transform: rotate(-2deg)translateY(-30px);
	width:100%;
	height:80px!important;
	display:block;
}

/*.container-overlay img{-webkit-filter: grayscale(1);filter: grayscale(1);}
.container-overlay:hover img{-webkit-filter: grayscale(0);filter: grayscale(0);}*/
a,a:hover{text-decoration:none!important;}

.btn-top-menu{color:#fff;background:#5d5d5d;padding:3px 5px;border-radius:5px;}
.btn-top-menu:hover{color:#3e3e3e;background:#a7a7a7;padding:3px 5px;border-radius:5px;}

.kenburns-top {
	-webkit-animation: kenburns-top 5s ease-out both;
	        animation: kenburns-top 5s ease-out both;
}
/* ----------------------------------------------
 * Generated by Animista on 2020-8-26 12:17:1
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation kenburns-top
 * ----------------------------------------
 */
@-webkit-keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(-15px);
            transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
}
@keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(-15px);
            transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
}