body {
    font-family: 'AvenirNextLTW01RegularRegular',Arial,sans-serif;
}

b{font-family: 'AvenirHeavy';}

.bg-grey{
  background-color: #f6f6f4!important;
}

a, img, button {
  outline: none;
}

a, a:hover, a:visited, a:active, a:focus{text-decoration: none; color: #085480;}

label, .text-muted{text-transform: none!important;}

.bg-red{
  background-color: red!important;
}

.bg-form{background-color: #E9EAEB; border-radius: 20px; padding:30px 40px;}
.bg-areas{background-color: #0B678E!important;}

.bg-t-1,.bg-t-2,.bg-t-3,.bg-t-4{min-height:300px;color:#ffffff;padding:30px 30px 10px 30px;}

.bg-sucursales{background-image: url('../img/bg-sucursales.jpg');background-size: cover;background-repeat: no-repeat; min-height: 743px;}
.bg-mapa{background-image: url('../img/mapa-1.png');background-size: cover;background-repeat: no-repeat;height:286px;}
.bg-mapa-2{background-image: url('../img/mapa-2.png');background-size: cover;background-repeat: no-repeat;height:306px;margin-bottom: 50px;}
.bg-nosotros{background-image: url('../img/bg-nosotros.jpg');background-size: cover;background-repeat: no-repeat;}

.slide-1{background-image: url('../img/law/2024/slide-1.jpg');background-size: 100%;background-repeat: no-repeat; background-position: 50% 50%;}
.slide-2{background-image: url('../img/law/2024/slide-2.jpg');background-size: 100%;background-repeat: no-repeat; background-position: 50% 50%;}
.slide-3{background-image: url('../img/law/2024/slide-3.jpg');background-size: 100%;background-repeat: no-repeat; background-position: 50% 50%;}
.slide-4{background-image: url('../img/law/2024/slide-4.jpg');background-size: 100%;background-repeat: no-repeat; background-position: 50% 50%;}
.slide-5{background-image: url('../img/law/2024/slide-5.jpg');background-size: 100%;background-repeat: no-repeat; background-position: 50% 50%;}
.slide-6{background-image: url('../img/law/2024/slide-6.jpg');background-size: 100%;background-repeat: no-repeat; background-position: 50% 50%;}

h1, h2, h3, h4{
  font-family: 'AvenirHeavy';
}

.tend-title{
  text-transform: uppercase;
  font-size: 15px;
}

.bg-barra-ptos{
  background:url('../img/bg-barra-ptos.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 49px;
  color:#ffffff;
  font-size: 20px;
}

#nav{
  top: -70px;
  position: relative;
  background-color: #2c556a;
}

.navbar-static-top {
  margin-bottom: 19px;
  z-index: 1000;
  border-width: 0 0 1px;
}

.navbar-default{
	background-color: #ffffff;
    border-color: #000000;
    text-transform: uppercase;
}

.navbar {
    position: relative;
    min-height: 70px;
    border: 1px solid transparent;
    color:#ffffff;
    margin-bottom:0px!important;
    border-radius: 0!important;
}

.navbar-brand>img {
    display: block;
}

.navbar-nav li a{
  color: #ffffff!important;
  font-size: 21px;
}

.navbar-nav li{
  padding:0 30px;
}

.last{
  border-right: 0!important;
}

.navbar-nav li a:hover,.navbar-nav li a:focus,.navbar-nav li a:active{
  background-color: transparent;
}

.navbar-nav>li>a{
  padding-top: 5px!important;
}

.navbar-nav>li>a:hover{
  border-bottom: 2px solid;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #ffffff!important;
    background-color: transparent;
}

@media (min-width: 768px) {
	.navbar-static-top {
	    border-radius: 0;
	}

	.navbar-nav {
	    float: left;
	    margin: 18px 0 0 0;
	}
}

.bg-white{background: #fff;}
.bg-grey-2{background: #e5e5e5;}
.bg-blue{background: #2c3c6e!important;}
.bg-blue-2{background: #001781!important;}
.bg-logo{background-image: url('../img/logo-sigdo.png'); background-position: 5% 5%; background-repeat:no-repeat;}
.bg-linea{background-image: url('../img/linea-fondo.png'); background-repeat:no-repeat; background-size: 100%;}
.bg-servicios{background-color: #f9fdfe!important;}
.bg-tendencias{background-image: url('../img/bg-tendencias.jpg');background-repeat: no-repeat;background-size: cover;height:202px;}


/* COLORES */
.c-yellow{color:#f9c01b;}
.c-dark-blue{color:#000145;}
.c-grey{color:#666666;}
.c-blue{color:#085480}
.c-white{color: #ffffff;}

.shadow-bottom{box-shadow: 0 4px 2px -2px gray;}

.sides-shadow{box-shadow: 0px -3px 4px 2px gray;}

.font-small{font-size:10px!important;}
.font-medium{font-size:13px!important;}


.text-center{text-align: center;}
.text-grey{color:#666666;}

.marg0{margin:0!important;}

.margTop0{margin-top: 0px!important;}
.margLeft0{margin-left: 0px!important;}
.margRight0{margin-right: 0px!important;}
.margBottom0{margin-bottom: 0px!important;}

.margTop10{margin-top: 10px!important;}
.margLeft10{margin-left: 10px!important;}
.margRight10{margin-right: 10px!important;}
.margBottom10{margin-bottom: 10px!important;}

.margTop20{margin-top: 20px!important;}
.margLeft20{margin-left: 20px!important;}
.margRight20{margin-right: 20px!important;}
.margBottom20{margin-bottom: 20px!important;}

.margTop50{margin-top: 50px!important;}
.margLeft50{margin-left: 50px!important;}
.margRight50{margin-right: 50px!important;}
.margBottom50{margin-bottom: 50px!important;}

.margTop100{margin-top: 100px!important;}
.margLeft100{margin-left: 100px!important;}
.margRight100{margin-right: 100px!important;}
.margBottom100{margin-bottom: 100px!important;}

.pad0{padding:0!important;}
.pad2{padding:2px!important;}
.pad20{padding:20px!important;}

.padTop0{padding-top: 0px!important;}
.padLeft0{padding-left: 0px!important;}
.padRight0{padding-right: 0px!important;}
.padBottom0{padding-bottom: 0px!important;}

.padTop10{padding-top: 10px!important;}
.padLeft10{padding-left: 10px!important;}
.padRight10{padding-right: 10px!important;}
.padBottom10{padding-bottom: 10px!important;}

.padTop20{padding-top: 20px!important;}
.padLeft20{padding-left: 20px!important;}
.padRight20{padding-right: 20px!important;}
.padBottom20{padding-bottom: 20px!important;}

.padTop30{padding-top: 30px!important;}
.padLeft30{padding-left: 30px!important;}
.padRight30{padding-right: 30px!important;}
.padBottom30{padding-bottom: 30px!important;}

.padTop40{padding-top: 40px!important;}
.padLeft40{padding-left: 40px!important;}
.padRight40{padding-right: 40px!important;}
.padBottom40{padding-bottom: 40px!important;}

.padTop50{padding-top: 50px!important;}
.padLeft50{padding-left: 50px!important;}
.padRight50{padding-right: 50px!important;}
.padBottom50{padding-bottom: 50px!important;}

.padTop100{padding-top: 100px!important;}
.padLeft100{padding-left: 100px!important;}
.padRight100{padding-right: 100px!important;}
.padBottom100{padding-bottom: 100px!important;}

.nav-footer li{
    float:left;
    margin:0 20px;
    font-family: 'Arial';
    font-size: 12px;
}

.nav-footer>li>a{
    position:relative;
    display:block;
    padding:0;
    color:#3a3a3a;
}

.nav-footer>li>a:focus,.nav-footer>li>a:hover{
    text-decoration:none;
    background-color:transparent;
}

.avances-home{
    background: url('../img/bg-avances.jpg');
    background-size: cover;
    height: 447px;
    color:#fff;
}


.rewards-home{
    background: url('../img/bg-rewards.jpg');
    background-size: cover;
    height: 294px;
    color:#fff;
}

.inner-rewards-home{
    height: 130px;
    position:absolute;
    bottom:0;
    right:0;
}

.capa-home{
    background: url('../img/banner-justo-home.jpg');
    background-size: cover;
    height: 294px;
    color:#fff;
}

.inner-capa-home{
    height: 200px;
    position:absolute;
    bottom:30px;
    right:0;
}

.inner-rewards-home, .inner-capa-home{
    background-image: url('../img/bg-blue.png');
    opacity: 0.9;
    background-size: cover;
    color:#fff;
    padding:20px 30px 0px 30px;
}


.inner-rewards-home button, .inner-capa-home button{
    position: absolute;
    bottom: 20px;
    right: 0;
    padding: 10px 15px;
    background: #f9c01b;
    border: 0;
    text-transform: uppercase;
}

.inner-rewards-home a, .inner-capa-home a, .inner-rewards-home a:hover, .inner-capa-home a:hover{
    color:#fff;
}


.inner-rewards-home h1, .inner-capa-home h1{
    margin-top:0px;
    font-weight: 300;
}

.btn-home{
    padding: 10px 15px;
    background: #f9c01b;
    border: 0;
    text-transform: uppercase;
    color:#fff;
}

.btn-home.btn-small{
    font-size: 12px;
    padding: 6px 5px;
}

.contact-home ul {
  list-style: none;
  padding: 0;
}
.contact-home ul li {
  padding-left: 1.3em;
}
.contact-home ul li:before {
  content: "\f02d"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}

.sub-label{
  font-size:12px;
  text-align: right;
}

.contact-label{
  font-size: 18px;
}

.form-control{
  border-radius: 0px!important;
  border:0px!important;
}
/* SIGN IN */

.form-signin {
  padding: 10px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.forgot-login-a, .forgot-login-a:hover, .forgot-login-a:active{
  color:#333;
  text-decoration: underline;
}

.login-shadow{
  box-shadow: 0px 2px 8px #333;
}

.active{
  font-family: 'Conv_segoeui';
}


.programa ul {
    list-style: none;
    padding:0;
    margin:0;
}

.programa ul li { 
    padding-left: 1em; 
    text-indent: -2.5em;
    padding-bottom:10px;
}

.programa ul li:before {
    background: url('../img/circle-yellow.png');
    background-size: cover;
    border-radius: 120%;
    padding: 2px 7px;
    margin-right:10px;
}

.primero:before{
  content: "1 ";
}

.segundo:before{
  content: "2 ";
}

.tercero:before{
  content: "3 ";
}

.premio-pts{
  padding:10px 15px; 
  background-color: #001781; 
  font-family: 'Conv_segoeuib';
  color:#fff;
  text-align:center;
}

.table-historial th{
  border:0!important;
  background-color: #f9c01b;
  text-transform: uppercase;
  font-family: 'Conv_segoeuib';
  color:#fff;
}

.table-historial td{
  padding:15px 8px!important;
  vertical-align: middle!important;
}

.table-historial tr, .table-historial td{
  border:1px solid #fff!important;
  background-color: #2c3c6e;
  color:#fff;
  font-size: 15px;
}

.table-historial tr td i{
  /*border:2px solid #fff;
  border-radius: 100%;
  padding:5px;*/
  font-size: 20px;
  margin:0 10px;
}

.item-catalogo{
  height: 148px;
  width: 100%;
  float:left;
  background-size: cover;
  background-repeat: no-repeat;
}

.item-catalogo-2{
  height: 171px;
  width: 100%;
  float:left;
  background-size: cover;
  background-repeat: no-repeat;
}

.item-catalogo p, .item-catalogo-2 p{
  background: rgba(0,0,0,1);
  background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 50%, rgba(255,255,255,0) 100%);
  background: -webkit-gradient(left bottom, right top, color-stop(50%, rgba(0,0,0,1)), color-stop(50%, rgba(0,0,0,1)), color-stop(100%, rgba(255,255,255,0)));
  background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 50%, rgba(255,255,255,0) 100%);
  background: -o-linear-gradient(0deg, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 50%, rgba(255,255,255,0) 100%);
  background: -ms-linear-gradient(0deg, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 50%, rgba(255,255,255,0) 100%);
  background: linear-gradient(0deg, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 50%, rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff', GradientType=1 );
  color:#ffffff;
  position: relative;
  top: 92px;
  padding: 6px 15px;
  font-size: 16px;
}

.logo-premio{
  padding:10px 35px;
}

.logo-premio img{
  width:100%;
}

.item-catalogo p a, .item-catalogo-2 p a{
  color: #ffffff;
}

.item-catalogo p a:hover, .item-catalogo-2 p a:hover{
  color: #ffffff;
}

.title-line-1 {
    width: 195px;
    height: 7px;
    padding: 0px;
    margin: 20px auto 30px auto;
    background-image: url('../img/linea.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.title-line-2 {
    width: 195px;
    height: 7px;
    padding: 0px;
    margin: 20px auto 30px auto;
    background-image: url('../img/linea-blanca.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.title-line-3 {
    width: 90px;
    height: 1px;
    float: left;
    padding: 0px;
    margin: 10px auto 30px auto;
    background-color: #fff;
}

.title-line-4 {
    width: 90px;
    height: 1px;
    padding: 0px;
    margin: 10px auto 25px auto;
    background-color: #666666;
}

.title-line-5 {
    width: 30px;
    height: 1px;
    padding: 0px;
    margin: 10px 0;
    background-color: #ffffff;
}


.btn-slider{
  background-color: transparent;
  border-radius: 0px;
  border:1px solid #ffffff;
  color:#ffffff;
  padding:10px 20px;
  font-family: 'Conv_AgendaLight';
  position: relative;
  left: 35%;
}

.menu-position-fixed{
  position: fixed;
  background-color: blue;
}

.menu-position-relative{
  position: relative;
}


.t-1-right:after {
    background: #0099de;
    left: -12px;
    top: 50px;
    content: "";
    height: 24px;
    position: absolute;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    width: 24px;
    margin-top: 72px;
}

.t-2-right:after {
    background: #226cb7;
    left: -12px;
    top: 50px;
    content: "";
    height: 24px;
    position: absolute;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    width: 24px;
    margin-top: 72px;
}

.t-3-left:after {
    background: #1abaf2;
    right: -12px;
    top: 50px;
    content: "";
    height: 24px;
    position: absolute;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    width: 24px;
    margin-top: 72px;
    z-index: 1000;
}

.t-4-left:after {
    background: #27529f;
    right: -12px;
    top: 50px;
    content: "";
    height: 24px;
    position: absolute;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    width: 24px;
    margin-top: 72px;
    z-index: 1000;
}

.btn-form{
  font-family: 'AvenirMedium';
  letter-spacing: 0.2em;
  color:#ffffff;
  background: #C5CCCF;
  text-transform: uppercase;
  padding: 10px 20px;
  border-radius: 0px;
}

#converse-chat{
  left:0!important;
}

.sucu-link{
  position: absolute;
  background-color: transparent;
  border:0;
  padding:0;
  margin:0;
  font-family: 'Conv_AgendaLight';
  letter-spacing: 0.1em;
}

.a-sucu, .a-sucu:hover, .a-sucu:focus, .a-sucu:active{color: #ffffff;}

.s-stgo{
  right: 221px;
  top: 96px;
  outline: none;
}

.f-1{
  position:absolute;
  top: 106px;
  right: 335px;
}

.f-1 .line1-stgo, .f-1 .line2-stgo{
  border-color:#ffffff;
  
}

.line1-stgo {
    width: 32px;
    height: 47px;
    border-top: 1px solid;
    position: absolute;
}
.line2-stgo {
    width: 79px;
    height: 47px;
    border-bottom: 1px solid;
    -webkit-transform: translateY(20px) translateX(5px) rotate(-68deg);
    position: absolute;
    top: -15px;
    left: -81px;
}

.circle-stgo {
  width: 7px;
  height: 7px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  background: #ffffff;
  position: absolute;
  top: 73px;
  left: -33px;
}

.s-ran{
  right: 228px;
    top: 44px;
    outline: none;
}

.f-2{
  position: absolute;
  top: 55px;
  right: 335px;
}

.f-2 .line1-ran, .f-2 .line2-ran{
  border-color:#ffffff;
  
}

.line1-ran {
    width: 21px;
    height: 47px;
    border-top: 1px solid;
    position: absolute;
}
.line2-ran {
    width: 133px;
    height: 47px;
    border-bottom: 1px solid;
    -webkit-transform: translateY(20px) translateX(5px) rotate(-70deg);
    position: absolute;
    top: 11px;
    left: -115px;
}

.circle-ran {
  width: 7px;
  height: 7px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  background: #ffffff;
  position: absolute;
  top: 122px;
  left: -47px;
}

.s-coy{
  left: 0px;
    top: 84px;
    outline: none;
}

.f-3{
  position: absolute;
    top: 94px;
    left: 96px;
}

.f-3 .line1-coy, .f-3 .line2-coy{
  border-color:#ffffff;
  
}

.line1-coy {
       width: 27px;
    height: 47px;
    border-top: 1px solid;
    position: absolute;
}
.line2-coy {
        width: 133px;
    height: 47px;
    border-bottom: 1px solid;
    -webkit-transform: translateY(20px) translateX(5px) rotate(-157deg);
    position: absolute;
    top: 4px;
    left: 8px;
}

.circle-coy {
  width: 7px;
    height: 7px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background: #ffffff;
    position: absolute;
    top: 49px;
    left: 144px;
}

.s-pv{
  left: 175px;
    top: 44px;
    outline: none;
}

.f-4{
      position: absolute;
    top: 63px;
    left: 232px;
}

.f-4 .line1-pv, .f-4 .line2-pv{
  border-color:#ffffff;
  
}

.line1-pv {
        width: 23px;
    height: 47px;
    border-top: 1px solid;
    position: absolute;
}
.line2-pv {
    width: 172px;
    height: 47px;
    border-bottom: 1px solid;
    -webkit-transform: translateY(20px) translateX(5px) rotate(-151deg);
    position: absolute;
    top: 19px;
    left: -4px;
}

.circle-pv {
      width: 7px;
    height: 7px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background: #ffffff;
    position: absolute;
    top: 82px;
    left: 170px;
}

.s-tem{
   left: 290px;
    top: 58px;
    outline: none;
}

.f-5{
        position: absolute;
    top: 69px;
    left: 353px;
}

.f-5 .line1-tem, .f-5 .line2-tem{
  border-color:#ffffff;
  
}

.line1-tem {
        width: 23px;
    height: 47px;
    border-top: 1px solid;
    position: absolute;
}
.line2-tem {
    width: 100px;
    height: 47px;
    border-bottom: 1px solid;
    -webkit-transform: translateY(20px) translateX(5px) rotate(-123deg);
    position: absolute;
    top: 11px;
    left: -25px;
}

.circle-tem {
        width: 7px;
    height: 7px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background: #ffffff;
    position: absolute;
    top: 79px;
    left: 73px;
}

.s-conce{
   left: 301px;
    top: 24px;
    outline: none;
}

.f-6{
        position: absolute;
    top: 35px;
    left: 403px;
}

.f-6 .line1-conce, .f-6 .line2-conce{
  border-color:#ffffff;
  
}

.line1-conce {
    width: 14px;
    height: 47px;
    border-top: 1px solid;
    position: absolute;
}
.line2-conce {
    width: 124px;
    height: 47px;
    border-bottom: 1px solid;
    -webkit-transform: translateY(20px) translateX(5px) rotate(-105deg);
    position: absolute;
    top: 22px;
    left: -59px;
}

.circle-conce {
        width: 7px;
    height: 7px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background: #ffffff;
    position: absolute;
    top: 116px;
    left: 42px;
}

.s-chi{
      right: 410px;
    top: 17px;
    outline: none;
}

.f-7{
  position: absolute;
    top: 30px;
    right: 488px;
}

.f-7 .line1-chi, .f-7 .line2-chi{
  border-color:#ffffff;
  
}

.line1-chi {
        width: 11px;
    height: 47px;
    border-top: 1px solid;
    position: absolute;
}
.line2-chi {
        width: 133px;
    height: 47px;
    border-bottom: 1px solid;
    -webkit-transform: translateY(20px) translateX(5px) rotate(-90deg);
    position: absolute;
    top: 23px;
    left: -94px;
}

.circle-chi {
  width: 7px;
    height: 7px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background: #ffffff;
    position: absolute;
    top: 130px;
    left: -3px;
}

.s-sc{
  right: 396px;
    top: 99px;
    outline: none;
    z-index: 1000;
}

.f-8{
      position: absolute;
    top: 122px;
    right: 460px;
}

.f-8 .line1-sc, .f-8 .line2-sc{
  border-color:#ffffff;
  
}

.line1-sc {
    width: 13px;
    height: 47px;
    border-top: 1px solid;
    position: absolute;
}
.line2-sc {
        width: 38px;
    height: 47px;
    border-bottom: 1px solid;
    -webkit-transform: translateY(20px) translateX(5px) rotate(-62deg);
    position: absolute;
    top: -37px;
    left: -53px;
}

.circle-sc {
      width: 7px;
    height: 7px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background: #ffffff;
    position: absolute;
    top: 29px;
    left: -22px;
}

.s-sf{
      right: 234px;
    top: 20px;
    outline: none;
}

.f-9{
      position: absolute;
    top: 30px;
    right: 369px;
}

.f-9 .line1-sf, .f-9 .line2-sf, .f-9 .line3-sf{
  border-color:#ffffff;
  
}

.line1-sf {
        width: 17px;
    height: 47px;
    border-top: 1px solid;
    position: absolute;
}
.line2-sf {
    width: 120px;
    height: 47px;
    border-bottom: 1px solid;
    -webkit-transform: translateY(20px) translateX(5px) rotate(-79deg);
    position: absolute;
    top: 11px;
    left: -98px;
}

.line3-sf {
    width: 43px;
    height: 47px;
    border-bottom: 1px solid;
    -webkit-transform: translateY(20px) translateX(5px) rotate(-31deg);
    position: absolute;
    top: 66px;
    left: -79px;
}

.circle-sf {
  width: 7px;
    height: 7px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background: #ffffff;
    position: absolute;
    top: 135px;
    left: -60px;
}

.s-ls{
      right: 231px;
    top: 145px;
    outline: none;
    z-index: 1000;
}

.f-10{
    position: absolute;
    top: 155px;
    right: 322px;
}

.f-10 .line1-ls, .f-10 .line2-ls{
  border-color:#ffffff;
  
}

.line1-ls {
    width: 11px;
    height: 47px;
    border-top: 1px solid;
    position: absolute;
}
.line2-ls {
    width: 33px;
    height: 47px;
    border-bottom: 1px solid;
    -webkit-transform: translateY(20px) translateX(5px) rotate(-56deg);
    position: absolute;
    top: -42px;
    left: -50px;
}

.circle-ls {
    width: 7px;
    height: 7px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background: #ffffff;
    position: absolute;
    top: 26px;
    left: -24px;
}

.s-anto{
      right: 49px;
    top: 97px;
    outline: none;
}

.f-11{
  position: absolute;
    top: 106px;
    right: 178px;
}

.f-11 .line1-anto, .f-11 .line2-anto{
  border-color:#ffffff;
  
}

.line1-anto {
        width: 15px;
    height: 47px;
    border-top: 1px solid;
    position: absolute;
}
.line2-anto {
    width: 106px;
    height: 47px;
    border-bottom: 1px solid;
    -webkit-transform: translateY(20px) translateX(5px) rotate(-68deg);
    position: absolute;
    top: -3px;
    left: -99px;
}

.circle-anto {
      width: 7px;
    height: 7px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background: #ffffff;
    position: absolute;
    top: 97px;
    left: -44px;
}

.s-iq{
    right: -4px;
    top: 129px;
    outline: none;
}

.f-12{
    position: absolute;
    top: 140px;
    right: 83px;
}

.f-12 .line1-iq, .f-12 .line2-iq{
  border-color:#ffffff;
  
}

.line1-iq {
    width: 17px;
    height: 47px;
    border-top: 1px solid;
    position: absolute;
}
.line2-iq {
        width: 93px;
    height: 47px;
    border-bottom: 1px solid;
    -webkit-transform: translateY(20px) translateX(5px) rotate(-49deg);
    position: absolute;
    top: -23px;
    left: -99px;
}

.circle-iq {
    width: 7px;
    height: 7px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background: #ffffff;
    position: absolute;
    top: 67px;
    left: -64px;
}

.s-pm{
    left: 159px;
    top: 216px;
    outline: none;
}

.f-13{
    position: absolute;
    top: 237px;
    left: 221px;
}

.f-13 .line1-pm, .f-13 .line2-pm{
  border-color:#ffffff;
  
}

.line1-pm {
    width: 37px;
    height: 47px;
    border-top: 1px solid;
    position: absolute;
}
.line2-pm {
    width: 161px;
    height: 47px;
    border-bottom: 1px solid;
    -webkit-transform: translateY(20px) translateX(5px) rotate(-28deg);
    position: absolute;
    top: -101px;
    left: 12px;
}

.circle-pm {
    width: 7px;
    height: 7px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background: #ffffff;
    position: absolute;
    top: -80px;
    left: 179px;
}

.s-os{
    left: 215px;
    top: 269px;
    outline: none;
    z-index: 1000;
}

.f-14{
    position: absolute;
    top: 280px;
    left: 284px;
}

.f-14 .line1-os, .f-14 .line2-os{
  border-color:#ffffff;  
}

.line1-os {
    width: 22px;
    height: 47px;
    border-top: 1px solid;
    position: absolute;
}
.line2-os {
    width: 164px;
    height: 47px;
    border-bottom: 1px solid;
    -webkit-transform: translateY(20px) translateX(5px) rotate(-48deg);
    position: absolute;
    top: -119px;
    left: -27px;
}

.circle-os {
    width: 7px;
    height: 7px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background: #ffffff;
    position: absolute;
    top: -123px;
    left: 128px;
}

.s-pa{
    left: 393px;
    top: 186px;
    outline: none;
    z-index: 1000;
}

.f-15{
    position: absolute;
    top: 196px;
    left: 446px;
}

.f-15 .line1-pa, .f-15 .line2-pa{
  border-color:#ffffff;  
}

.line1-pa {
    width: 16px;
    height: 47px;
    border-top: 1px solid;
    position: absolute;
}
.line2-pa {
    width: 40px;
    height: 47px;
    border-bottom: 1px solid;
    -webkit-transform: translateY(20px) translateX(5px) rotate(-54deg);
    position: absolute;
    top: -73px;
    left: -16px;
}

.circle-pa {
    width: 7px;
    height: 7px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background: #ffffff;
    position: absolute;
    top: -36px;
    left: 36px;
}

.s-li{
    left: 365px;
    top: 239px;
    outline: none;
    z-index: 1000;
}

.f-16{
    position: absolute;
    top: 247px;
    left: 429px;
}

.f-16 .line1-li, .f-16 .line2-li{
  border-color:#ffffff;  
}

.line1-li {
    width: 22px;
    height: 47px;
    border-top: 1px solid;
    position: absolute;
}
.line2-li {
    width: 88px;
    height: 47px;
    border-bottom: 1px solid;
    -webkit-transform: translateY(20px) translateX(5px) rotate(-60deg);
    position: absolute;
    top: -93px;
    left: -25px;
}

.circle-li {
    width: 7px;
    height: 7px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background: #ffffff;
    position: absolute;
    top: -79px;
    left: 63px;
}

.s-ta{
    right: 440px;
    top: 227px;
    outline: none;
    z-index: 1000;
}

.f-17{
    position: absolute;
    top: 236px;
    right: 438px;
}

.f-17 .line1-ta, .f-17 .line2-ta{
  border-color:#ffffff;  
}

.line1-ta {
    width: 9px;
    height: 47px;
    border-top: 1px solid;
    position: absolute;
}
.line2-ta {
    width: 53px;
    height: 47px;
    border-bottom: 1px solid;
    -webkit-transform: translateY(20px) translateX(5px) rotate(-71deg);
    position: absolute;
    top: -75px;
    left: -36px;
}

.circle-ta {
    width: 7px;
    height: 7px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background: #ffffff;
    position: absolute;
    top: -52px;
    left: 22px;
}

.s-cu{
    right: 416px;
    top: 255px;
    outline: none;
    z-index: 1000;
}

.f-18{
    position: absolute;
    top: 265px;
    right: 414px;
}

.f-18 .line1-cu, .f-18 .line2-cu{
  border-color:#ffffff;  
}

.line1-cu {
        width: 8px;
    height: 47px;
    border-top: 1px solid;
    position: absolute;
}
.line2-cu {
    width: 78px;
    height: 47px;
    border-bottom: 1px solid;
    -webkit-transform: translateY(20px) translateX(5px) rotate(-71deg);
    position: absolute;
    top: -87px;
    left: -46px;
}

.circle-cu {
        width: 7px;
    height: 7px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background: #ffffff;
    position: absolute;
    top: -74px;
    left: 30px;
}

.s-me{
    right: 311px;
    top: 287px;
    outline: none;
    z-index: 1000;
}

.f-19{
    position: absolute;
    top: 299px;
    right: 395px;
}

.f-19 .line1-me, .f-19 .line2-me{
  border-color:#ffffff;  
}

.line1-me {
    width: 9px;
    height: 47px;
    border-top: 1px solid;
    position: absolute;
}
.line2-me {
    width: 106px;
    height: 47px;
    border-bottom: 1px solid;
    -webkit-transform: translateY(20px) translateX(5px) rotate(-76deg);
    position: absolute;
    top: -100px;
    left: -67px;
}

.circle-me {
    width: 7px;
    height: 7px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background: #ffffff;
    position: absolute;
    top: -106px;
    left: 24px;
}

.s-ov{
    right: 285px;
    top: 242px;
    outline: none;
    z-index: 1000;
}

.f-20{
    position: absolute;
    top: 253px;
    right: 361px;
}

.f-20 .line1-ov, .f-20 .line2-ov{
  border-color:#ffffff;  
}

.line1-ov {
    width: 16px;
    height: 47px;
    border-top: 1px solid;
    position: absolute;
}
.line2-ov {
    width: 72px;
    height: 47px;
    border-bottom: 1px solid;
    -webkit-transform: translateY(20px) translateX(5px) rotate(-65deg);
    position: absolute;
    top: -85px;
    left: -47px;
}

.circle-ov {
    width: 7px;
    height: 7px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background: #ffffff;
    position: absolute;
    top: -68px;
    left: 27px;
}

.s-cop{
    right: 160px;
    top: 290px;
    outline: none;
    z-index: 1000;
}

.f-21{
    position: absolute;
    top: 301px;
    right: 250px;
}

.f-21 .line1-cop, .f-21 .line2-cop{
  border-color:#ffffff;  
}

.line1-cop {
    width: 19px;
    height: 47px;
    border-top: 1px solid;
    position: absolute;
}
.line2-cop {
    width: 104px;
    height: 47px;
    border-bottom: 1px solid;
    -webkit-transform: translateY(20px) translateX(5px) rotate(-100deg);
    position: absolute;
    top: -90px;
    left: -89px;
}

.circle-cop {
    width: 7px;
    height: 7px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background: #ffffff;
    position: absolute;
    top: -105px;
    left: -21px;
}

.s-cal{
    right: 44px;
    top: 271px;
    outline: none;
    z-index: 1000;
}

.f-22{
    position: absolute;
    top: 282px;
    right: 137px;
}

.f-22 .line1-cal, .f-22 .line2-cal{
  border-color:#ffffff;  
}

.line1-cal {
    width: 27px;
    height: 47px;
    border-top: 1px solid;
    position: absolute;
}
.line2-cal {
        width: 71px;
    height: 47px;
    border-bottom: 1px solid;
    -webkit-transform: translateY(20px) translateX(5px) rotate(-119deg);
    position: absolute;
    top: -63px;
    left: -78px;
}

.circle-cal {
        width: 7px;
    height: 7px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background: #ffffff;
    position: absolute;
    top: -63px;
    left: -37px;
}

.disc-stgo, .disc-ran, .disc-coy, .disc-pv, .disc-tem, .disc-conce, .disc-chi,
.disc-sc, .disc-sf, .disc-ls, .disc-anto, .disc-iq, .disc-pm, .disc-os,
.disc-pa, .disc-li, .disc-ta, .disc-cu, .disc-me, .disc-ov, .disc-cop, .disc-cal{
  border:1px solid #ffffff;
  padding:20px 30px;
  display:none;
}

.mostrar{
  display: block!important;
}

.esconder{
  display:none!important;
}

.disc-content ul{
    list-style: none;
    padding: 0;
}

.disc-content ul li{
    padding-left: 1.3em;
    text-transform: none;
}

.i-place li:before {
  content: "\f041"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
  font-size: 25px;
}

.i-phone li:before {
  content: "\f10b"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
  font-size: 25px;
}

.i-mail li:before {
  content: "\f0e0"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
  font-size: 20px;
}

.i-mail{
  margin-top: 8px; 
}

@media (min-width:312px) and (max-width: 767px){
  .barra-mid{height: 50px;top: 74px;}
  .slide-1, .slide-2, .slide-3, .slide-4{height:190px;}
  #nav{top:0px;background-color: #0B678E;}
  .carousel-control{display: none;}
  .navbar-toggle .icon-bar{background: #ffffff;}
  .navbar-toggle {margin-top: 15px!important;}
  .spanish {min-height: 800px!important;padding: 0px 20px!important;}
  .english {min-height: 550px!important;padding: 20px 20px 0px 20px!important;}
  .name-title{top: 0px!important;}

}

@media (min-width:768px){
  .carousel {height: 570px;}
  .carousel .item {min-height: 570px;}
  #myCarousel2 {height: 240px;}
  .b-poss{top: 600px;left: 600px;position: absolute;}
  .modal-dialog {width: 1000px; margin: 30px auto;}
}

@media (min-width:992px){
  .carousel {height: 640px;}
  .carousel .item {min-height: 640px;}
  #myCarousel2, #myCarousel2 .item {min-height: 240px;margin-top: 10px;}
  .navbar-collapse{padding: 0 9%!important;}
  .barra-mid {top: 220px; height: 200px;}
  .b-poss{top: 497px;left: 631px;position: absolute;}
}

@media (min-width:1800px){
  .carousel .item {min-height: 950px;}
  .carousel {height: 950px;}
  #myCarousel2, #myCarousel2 .item {min-height: 360px;margin-top: 10px;}
  .navbar-collapse{padding: 0 21%!important;}
  .barra-mid {top: 375px;height: 200px;}
  .b-poss{top: -56px; left: 591px; position: relative;}
}

.barra-mid{
  /*background-color: rgba(255, 255, 255, 0.8);*/
  background-image: url('../img/bg-barra.png');
  background-size: cover;
  background-repeat: no-repeat;  
  z-index: 8;
  position: relative;
  background-position: 50% 50%;
}

#t-estudio{
  background-color: #E9E9E7;
}

.t-estudio{
  color:#808080;
  text-align: justify;
  font-size: 18px;
  line-height: 1.5em;
  padding:0 5%;
}

.cal-1{
  background-color: #157491;
}

.cal-2{
  background-color: #0D5E80;
}

.cal-3{
  background-color: #085480;
}

.cal-1, .cal-2, .cal-3{
  text-align: center;
  color: #ffffff;
  padding: 30px 20px;
  font-size: 18px;
  margin:2px;
  width: 99%;
  min-height: 132px;
}

.foto-car>a>img{
  width: 86%
}

.img-100{
  width: 100%;
}

.img-75{
  width: 75%;
}

.text-upper{text-transform: uppercase;}

.text-serv{font-size: 1.3em; text-align: justify;}


/* CARRUSEL */


.thumbnails li> .fff .caption { 
    background:#fff !important; 
    padding:10px
}

/* Page Header */
.page-header {
    background: #f9f9f9;
    margin: -30px -40px 40px;
    padding: 20px 40px;
    text-transform: uppercase;
}
    
.page-header h3 {
    line-height: 0.88rem;
    color: #000;
}

ul.thumbnails { 
    margin-bottom: 0px;
}


/* Mobile Only */
@media (max-width: 767px) {
    .page-header, .control-box {
        text-align: center;
    } 
}
@media (max-width: 479px) {
    .caption {
        word-break: break-all;
    }
}


li {list-style-type:none;}

button, a, a img{
  outline: none;
}



#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #075380; /* Set a background color */
    background-image: url('../img/law/arrow-up.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 10px; /* Some padding */
    width: 55px;
    height: 55px;
    border-radius: 50px; /* Rounded corners */
}

#myBtn:hover {
    background-color: #808080; /* Add a dark-grey background on hover */
}

.modal-content{
  border-radius: 0px;
  background-color: #E9E9E7;
}

.modal-header {
    border-bottom: 0px;
    padding: 15px 15px 0px 0px;
}

.modal-body {
  padding: 0px 30px 15px 30px;
}

button.close{
  background-image: url('../img/law/cerrar.png');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
}

.spanish{
  height: 450px;
  margin-bottom: 0px;
  background-image: url('../img/law/bg-spanish.png');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  padding: 0px 100px;
}

.spanish-2{
  background-image: url('https://www.youtube.com/yts/img/pixel-vfl3z5WfW.gif')!important;
}

#street-view {
        height: 100%;
      }

.english{
  height: 300px;
  background-color: #949393;
  margin-bottom: 0px;
  background-image: url('../img/law/bg-english.png');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  padding: 30px 100px 0px 100px;
}

.modal-text-spanish {
  color: #808080;
}

.modal-text-english {
  color: #ffffff;
}

.modal-text-spanish, .modal-text-english{
  text-align: justify;
  font-size: 12px;
}

.law-name{
  font-family: 'AvenirNextLTW01RegularRegular';
  text-transform: uppercase;
}

.law-title{
  font-family: 'AvenirHeavy';
  font-size: 40px;
}

.law-name, .law-title{
  padding: 0;
  margin: 0;
  text-transform: uppercase;
}

.name-title{
  position: relative;
  top: 123px;
}

.btn-volver{
  border: 0px;
  color: #ffffff;
  background: #085480;
  text-transform: uppercase;
  padding: 10px 40px;
}

#street-view {
  height: 100%;
}

div#inicio{
  margin-top: -20px;
}