@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

HTML BODY h1,.title-slider{font-family: 'Roboto', sans-serif;font-weight: 800;}
HTML BODY h2,HTML BODY h3,.font-weight-bold{font-family: 'Roboto', sans-serif;font-weight: 600;}
HTML BODY h4,HTML BODY h5,HTML BODY h6{font-family: 'Roboto', sans-serif;}
HTML BODY strong{font-family: 'Roboto', sans-serif;font-weight: 400;}
HTML BODY p,HTML BODY,.font-weight-normal{font-family: 'Roboto', sans-serif;}
HTML BODY span,.font-weight-light{font-family: 'Roboto', sans-serif;}
HTML BODY em{font-family: 'Roboto', sans-serif;font-style: oblique;}

HTML BODY p{font-size: 120%!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: 100%!important;}
HTML BODY small{font-size: 82%!important;}

:root {
    --bg-colorOne: #605aad;
    --bg-colorTwo: #fff;
    --bg-colorFour: #a20004;
    --bg-colorButtons: #a20004;
    --bg-colorButtonsHover: #380304;
}

.f-negro,.f-negro:hover{background: var(--bg-colorOne) !important;}
.t-negro,.t-negro:hover{color: var(--bg-colorOne) !important;}
.b-blanco,.b-blanco:hover{background: var(--bg-colorTwo);}
.t-blanco,.t-blanco:hover{color: var(--bg-colorTwo);}
.t-blanco2,.t-blanco2:hover{color: var(--bg-colorTwo) !important;}

.bg-color1,.bg-color1:hover{background:var(--bg-colorTwo);}
.t-color1,.t-color1:hover{color:var(--bg-colorTwo);}
.bg-color2,.bg-color2:hover{background:var(--bg-colorOne);}
.t-color2,.t-color2:hover{color:var(--bg-colorTwo);}
.bg-color3,.bg-color3:hover{
    background: var(--bg-colorButtons);
}
.t-color3,.t-color3:hover{color:var(--bg-colorTwo);}

.bg-color4 {
    background-color: #d9d9d9;
}

.bg-color9 {
    background: var(--bg-colorButtons);
    color: var(--bg-colorTwo) !important;
}

.bg-color9:hover {
    background-color: var(--bg-colorButtonsHover);
    color: #fff !important;
}

.t-color4,.t-color4:hover{color:#e1e1e1;}
.bg-color5,.bg-color5:hover{background:#fff;}
.t-color5,.t-color5:hover{color:var(--bg-colorOne);}
.bg-color6,.bg-color6:hover{background:#21252a;}
.t-color6,.t-color6:hover{color:#21252a;}

.t-color7,.t-color7:hover{color:var(--bg-colorOne) !important;}


.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;color: var(--bg-colorOne);}


.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(100, 3, 93, 0.31);}
.bg_dark2{background: rgba(100, 3, 93, 0.5);}
.bg_dark3{background: rgba(26, 22, 22, 0.72);}

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

.bg_1{background:url(../../images/elements/bg_1.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_serv1{background:url(../../images/services/home/1.jpg);}
.bg_serv2{background:url(../../images/services/home/2.jpg);}
.bg_serv3{background:url(../../images/services/home/3.jpg);}
.bg_serv4{background:url(../../images/services/home/4.jpg);}

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

.main-navbar a{font-weight: bold;text-transform:uppercase;}

.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(237, 19, 106, 0.91);}
.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;  */
    /* border-radius: 10px; */
    /* border: 1px solid var(--bg-colorOne); */
    /* box-shadow:  0 0 2px 2px rgba(25, 25, 26, 0.76); */
    background-color: var(--bg-colorOne);
    /* background: linear-gradient(#654302, #f7c972 12%, #644202 26%, #a49477 51%, #694809 74%, #f7c972 88%, #6f4d0c 100%); */
    transition: all 0.5s ease-out;
    margin-top: 15px;
}
.main-navbar .navbar-nav a,.main-navbar .navbar-nav a:hover {transition: all 0.3s ease;color:var(--bg-colorOne);}
/* .main-navbar .navbar-nav a{border-bottom:1px solid #fff;} */
.main-navbar .navbar-nav a:hover{ color: #fff !important;}
/* .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, .main-navbar .navbar-nav .active {color:#fff!important; background: var(--bg-colorFour);}
.main-navbar .navbar-nav .active a,.dropdown-menu a:hover{background:transparent;color:#fff!important;}
.dropdown+a:hover{border-bottom:1px solid #f2f2f2!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:#ffc107;}

.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: 'Roboto', sans-serif; color:#f2f2f2;}
/*#indicador-carousel .carousel-caption h3{background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #fff), color-stop(0.25, #f2f2f2), color-stop(0.90, #f2f2f2) ); background-image: gradient( linear, left top, right top, color-stop(0, #f2f2f2), color-stop(0.15, #f2f2f2), color-stop(0.3, #f2f2f2), color-stop(0.45, #fff), color-stop(0.6, #fff),color-stop(0.75, #f2f2f2), color-stop(0.9, #f2f2f2), color-stop(1, #f2f2f2) ); color:transparent; -webkit-background-clip: text; background-clip: text;}*/
#indicador-carousel .carousel-caption p{font-family: 'Roboto', sans-serif;}
#indicador-carousel .carousel-caption a.btn{font-family: 'Roboto', sans-serif;}

#indicador-carousel .carousel-caption h5{font-size:140%;}
#indicador-carousel .carousel-caption h3{font-size:280%;}
#indicador-carousel .carousel-caption p{font-size:120%!important;}
#indicador-carousel .carousel-caption a.btn{font-size:90%;}

.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:#0a2783;}

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

@media(min-width: 300px){
	.image-min{width: 100%!important;}
	.negative-margin-top2{margin-top: 5%;}
}
@media(min-width: 540px){
    .carousel-caption{bottom:0%!important;}
    #indicador-carousel .carousel-caption{width:100%;left:0;}
    .negative-margin-top2{margin-top:5%;}
}
@media(min-width: 960px){
    .image-min{width: 70%!important;}
    .carousel-caption{bottom:0%!important;}
    #indicador-carousel .carousel-caption{width:100%;left:0;}
    .negative-margin-top2{margin-top: -4%;}
}
@media(min-width: 1140px){
    .image-min{width: 70%!important;}
    .carousel-caption{bottom:0%!important;}
    #indicador-carousel .carousel-caption{width:100%;left:0;}
    .negative-margin-top2{margin-top: -7%;}
}

.show a {padding: 10px!important;}
a:hover{text-decoration: none!important;}

.icon-align {min-width: 24px; text-align: center; position: absolute; left: 20px; margin-top: 4px; }

.go-up{background:url(../../images/elements/top.png) var(--bg-colorOne) 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;}

.box-shadow-style {
    box-shadow: 0 0 5px 0 #2d2d2d !important;
    border-radius: 4px !important;
}

.box-shadow-style:hover {
    box-shadow: 0 0 10px 1px #2d2d2d !important;
    border-radius: 4px !important;
}

.margin-loco {
    margin-top: -28px !important;
}

.bg-modal-content {
    background-color: rgba(0,0,0,.9) !important;
}

.bg-golden {
    padding: 10px 0;
    /* background: linear-gradient(#654302, #f7c972 12%, #644202 26%, #feeed0 51%, #694809 74%, #f7c972 88%, #6f4d0c 100%); */
}

.bg-golden:hover {
    background: rgba(0,0,0,.2);
    border-bottom:1px solid var(--bg-colorTwo);
}
.text-center {
    text-align: center !important;
}