@font-face {
    font-family: 'Balto Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Balto Regular'), url('fonts/balto-book.otf') format('otf');
}

@font-face {
    font-family: 'Balto Thin';
    font-style: normal;
    font-weight: normal;
    src: local('Balto Thin'), url('fonts/balto-thin.otf') format('otf');
}

@font-face {
    font-family: 'Balto Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Balto Medium'), url('fonts/balto-medium.otf') format('otf');
}

.fixed {position: fixed !important;}
.relative {position: relative !important;}
.absolute {position: absolute !important;}
.lowercase {text-transform: lowercase;}
.uppercase {text-transform: uppercase;}
.no-text-transform {text-transform: none !important;}
.italic {font-style: italic;}
.pointer {cursor: pointer;}
.block {display: block !important;}
.bold {font-weight: bold !important;}
.fullwidth {width: 100% !important;}
.halfwidth {width: 50% !important;}
.text-underline {text-decoration: underline;}
.nowrap {white-space: nowrap !important;}
.wrap {white-space: normal !important;}
.transparent {background: transparent !important;}
.table-sm td,.table-sm th {padding: .1rem;}
.form-control {background-color: #D9D9D9;border: 1px solid #D9D9D9;color: #6D767E;}

.h-20 {height: 20%!important;}
.h-80 {height: 80%!important;}

html,body {height: 100%;}

body {
    font-family: 'Balto Regular', sans-serif, Arial, Helvetica;
    /*font-size: 2vw;*/
    font-size: 16px;
    line-height: 1.25;
}

a {text-decoration: none;background-color: transparent;transition: all 0.2s linear;}

/* 

#E25E22 naranja
#42ABB2 azul
#333E48 azul oscuro

*/


.bkg-000 {background-color: #000000;}
.bkg-001 {background-color: #FFFFFF;}
.bkg-002 {background-color: #42ABB2;}
.bkg-003 {background-color: #FF5000;}
.bkg-004 {background-color: #0A7283;}
.bkg-005 {background-color: #42ABB2;}
.bkg-006 {background-color: #E25E22;}
.bkg-007 {background-color: #F9AC20;}
.bkg-008 {background-color: #333E48;}
.bkg-009 {background-color: #AEBED0;}
.bkg-010 {background-color: rgba(0, 0, 0, 0);}
.bkg-011 {background-color: #22222E;}
.bkg-012 {background: url("menu-bkg-nar.png") no-repeat center top;}

.bkg-pic-01 {background: url("foto-01.png") no-repeat right bottom;background-size: 85% auto;}
.bkg-pic-02 {background: url("foto-02.png") no-repeat right bottom;background-size: auto 50%;}
.bkg-pic-03 {background-color: #42ABB2;}
.bkg-pic-04 {background: url("foto-04.png") no-repeat left bottom;background-size: auto 100%;background-color: #fff;}
.bkg-pic-05 {background: url("foto-05.png") no-repeat right bottom;background-size: 100% auto;}
.bkg-pic-06 {background: url("foto-06.png") no-repeat center bottom;background-size: auto 50%; }
.bkg-pic-07 {background: url("foto-07.png") no-repeat bottom right;background-size: auto 65%;background-color: #E25E22;}
.bkg-pic-08 {background: url("foto-08.png") no-repeat right bottom;background-size: auto 75%;background-color: #42ABB2;}
.bkg-pic-09 {background-color: #E25E22;}
.bkg-pic-10 {background-color: #fff;}

.col-000 {color: #000000;}
.col-001 {color: #FFFFFF;}
.col-002 {color: #42ABB2;}
.col-003 {color: #FF5000;}
.col-004 {color: #0A7283;}
.col-005 {color: #42ABB2;}
.col-006 {color: #E25E22;}
.col-007 {color: #F9AC20;}
.col-008 {color: #333E48;}
.col-009 {color: #AEBED0;}
.col-010 {color: #22222E;}

.nav-item,.active>a {color: #7BCDCE}
.nav-link {padding: .5rem .25rem .5rem 0px;}
.nav-link:hover {color: #000;}
.navbar-light .navbar-nav .active>.nav-link {color: #7BCDCE;}
.navbar-light .navbar-nav .nav-link {color: #fff;}
.navbar-light .navbar-nav .nav-link:hover {color: #7BCDCE;}

.navbar-brand > img {max-width:140px}
.navbar.navbar-fixed-top{background: url("menu-bkg-nar.png") no-repeat center top;}
.navbar.navbar-fixed-top.fixed-theme {background: url("menu-bkg.png") no-repeat center top;;background-color: #42ABB2;padding-top: 0.5rem!important; box-shadow: 0 0 5px rgba(0,0,0,.8);}
.navbar-brand.fixed-theme {font-size: 18px;}
.navbar-container.fixed-theme {padding: 0;}
.navbar-brand.fixed-theme > img {max-width:96px}
.navbar-brand.fixed-theme,.navbar-container.fixed-theme,.navbar.navbar-fixed-top.fixed-theme,.navbar-brand,.navbar-container{transition: 0.9s;-webkit-transition:  0.9s;}
.navbar-brand,.navbar-brand > img,.navbar-container,.navbar.navbar-fixed-top,.navbar-brand,.navbar-container{transition: 0.9s;-webkit-transition:  0.9s;}


.btn-rnd {border-radius: 100px;padding: 6px 24px;}

.btn-outline-white {color: #fff;border-color: #fff;}
.btn-outline-white:hover {color: #fff;background-color: #343a40;border-color: #343a40;}

.btn-primary {background-color: #7bcdce;border-color: #7bcdce;color: #000}

.btn-primary:hover {background-color: #5C9A9A;border-color: #5C9A9A;}

.btn-light {
    background-color: #C9D3D3;
    border-color: #C9D3D3;
    color: #fff
}

.btn-light:hover {
    background-color: #ccc;
    border-color: #ccc;
}

.btn-danger {
    background-color: #E25E22;
    border-color: #E25E22;
    color: #fff
}

.btn-danger:hover {
    background-color: #F59738;
    border-color: #F59738;
    color: #fff
}

.display-1 {font-size: 3rem;line-height: 1;}
.display-3 {font-size: 2.8rem;line-height: 1;}
.display-4 {font-size: 2.1rem;line-height: 1;}
.display-5 {font-size: 1.5rem;line-height: 1;}
.display-6 {font-size: 1.8rem;line-height: 1.2;}
.display-7 {font-size: 1.5rem;line-height: 1.2;}

.titLine:before, .titLine:after {
	  content: "";
	  display: inline-block;
	  width: 15%;
	  margin: 0 .5em 0 -55%;
	  vertical-align: middle;
	  border-bottom: 4px solid #42ABB2;
	}
	.titLine:after {
	  margin: 0 -55% 0 .5em;
	}

.btn i.fa {
    padding-right: 10px;
}

.btn-margin-top {
    margin-top: 30px;
}

.hideAnim {
    visibility: hidden;
}

.showAnim {
    visibility: visible;
}

.shadow {
    -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 8px 8px rgba(0, 0, 0, .15);
    box-shadow: 0 8px 8px rgba(0, 0, 0, .15);
}

.innershadow {
    -webkit-box-shadow: inset 0px 8px 8px rgba(0, 0, 0, .15);
    -moz-box-shadow: inset 0px 8px 8px rgba(0, 0, 0, .15);
    box-shadow: inset 0px 8px 8px rgba(0, 0, 0, 0.15)
}

.glow {
    box-shadow: 0 4px 20px 0 rgba(153, 153, 153, 0.2), 0 6px 20px 0 rgba(153, 153, 153, 0.005);
}

.with-errors {
    font-size: 12px;
    font-weight: 300;
    padding-left: 16px
}

.small {font-size: 12px}



.fw400 {font-weight: 400;}

.fw700 {font-weight: 700;}

.fs50 {font-size: 50%;}

.fs25 {font-size: 25%;}

.fs75 {font-size: 75%;}

.fs65 {font-size: 65%;}

.ff-thi {font-family: 'Balto Thin', sans-serif, Arial, Helvetica;}

.ff-reg {font-family: 'Balto Regular', sans-serif, Arial, Helvetica;}

.ff-med {font-family: 'Balto Medium', sans-serif, Arial, Helvetica;}

.txtShadow {text-shadow: 2px 2px 4px #000000;}


.lnk-001 {
    color: #7BCDCE;
}

.lnk-001:hover {
    color: #fff;
}

.lnk-002 {
    color: #000;
}

.lnk-002:hover {
    color: #7BCDCE;
}

.img-gray {
    filter: grayscale(100%);
}

.img-gray:hover {
    filter: grayscale(0%);
}

 


.table .thead-dark th {
    color: #7BCDCE;
}

.transp {
    opacity: 0
}

.h1 {
    font-size: 44px
}

.h2 {
    font-size: 30px
}

.h3 {
    font-size: 24px
}

.h4 {
    font-size: 16px
}

.h5 {
    font-size: 14px
}

.h6 {
    font-size: 20px
}

.iw-20 {
    max-width: 20px;
    max-height: 20px
}

.iw-64 {
    max-width: 64px;
    max-height: 64px
}

.iw-78 {
    max-width: 78px;
    max-height: 78px
}

.iw-96 {
    max-width: 96px;
    max-height: 96px
}

.iw-120 {
    max-width: 120px;
    max-height: 120px
}

.iw-180 {
    max-width: 180px;
    max-height: 180px
}

.iw-240 {
    max-width: 240px;
    max-height: 240px
}


.zoom {
    transform: scale(1);
    transition: all .3s ease-in-out;
}

.zoom:hover {
    transform: scale(1.05);
    transition: all .3s ease-in-out;
}


header {
    position: relative;
    background-color: black;
    height: 100vh;
    min-height: 25rem;
    width: 100%;
    overflow: hidden;
}


header .container {
    position: relative;
    z-index: 2;
}

header .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /*background-color: black;
  opacity: 0.5;*/
    z-index: 1;
}


@keyframes dash {
    to {
        stroke-dashoffset: 0;
    }
}

@media (min-width: 992px) {
	.display-1 {font-size: 4rem;line-height: 1;}
	.display-4 {font-size: 2.5rem;line-height: 1;}
	.display-5 {font-size: 2rem;line-height: 1;}
	.display-6 {font-size: 1.8rem;line-height: 1.4;}
	.display-7 {font-size: 1.5rem;line-height: 1.2;}
	.display-3 {font-size: 4.5rem;font-weight: 300;line-height: 1.2;
}
	.bkg-pic-01 {background: url("foto-01.png") no-repeat right bottom;background-size: 55% auto;}
	.bkg-pic-02 {background: url("foto-02.png") no-repeat right bottom;background-size: auto 100%;}
	.bkg-pic-03 {background: url("foto-03.png") no-repeat left center;background-size: auto 90%; background-color: #42ABB2;}
	.bkg-pic-04 {background: url("foto-04.png") no-repeat left bottom;background-size: auto 100%;background-color: #fff;}
	.bkg-pic-05 {background: url("foto-05.png") no-repeat right bottom;background-size: 95% auto;}
	.bkg-pic-06 {background: url("foto-06.png") no-repeat center bottom;background-size: auto 90%;}
	.bkg-pic-07 {background: url("foto-07.png") no-repeat bottom right;background-size: auto 100%;background-color: #E25E22;}
	.bkg-pic-08 {background: url("foto-08.png") no-repeat right bottom;background-size: auto 100%;background-color: #42ABB2;}
	.bkg-pic-09 {background: url("bkg-half.png") repeat-y center top;}
	.bkg-pic-10 {background: url("foto-10.png") no-repeat left top;background-size: 100% auto;}
	.titLine:before, .titLine:after {
	  content: "";
	  display: inline-block;
	  width: 30%;
	  margin: 0 .5em 0 -55%;
	  vertical-align: middle;
	  border-bottom: 4px solid #42ABB2;
	}
	.titLine:after {
	  margin: 0 -55% 0 .5em;
	}
}

.steps-ini {
    background: url(bkg-steps-ini.png) center top repeat-y;
}
.steps {
    background: url(bkg-steps.png) center top repeat-y;
}