@font-face {
    font-family: "Myriad";
    src: url('/v1/recursos/Myriad_Pro_Regular.ttf') format('ttf');
 }

 p{
    font-family: 'Roboto', sans-serif;
  }

  .navbar-toggler-icon i{
    margin-top: 15%;
    color: #3e4e68;
}
 
.navbar-toggler{
    background-color: #f8f9fa;
}
.back{
    height: 100%;
    background: rgba(209,206,204,1);
    background: -moz-linear-gradient(top, rgba(209,206,204,1) 0%, rgba(209,206,204,1) 17%, rgba(214,211,209,1) 47%, rgba(221,219,218,1) 69%, rgba(226,223,223,1) 94%, rgba(226,223,223,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(209,206,204,1)), color-stop(17%, rgba(209,206,204,1)), color-stop(47%, rgba(214,211,209,1)), color-stop(69%, rgba(221,219,218,1)), color-stop(94%, rgba(226,223,223,1)), color-stop(100%, rgba(226,223,223,1)));
    background: -webkit-linear-gradient(top, rgba(209,206,204,1) 0%, rgba(209,206,204,1) 17%, rgba(214,211,209,1) 47%, rgba(221,219,218,1) 69%, rgba(226,223,223,1) 94%, rgba(226,223,223,1) 100%);
    background: -o-linear-gradient(top, rgba(209,206,204,1) 0%, rgba(209,206,204,1) 17%, rgba(214,211,209,1) 47%, rgba(221,219,218,1) 69%, rgba(226,223,223,1) 94%, rgba(226,223,223,1) 100%);
    background: -ms-linear-gradient(top, rgba(209,206,204,1) 0%, rgba(209,206,204,1) 17%, rgba(214,211,209,1) 47%, rgba(221,219,218,1) 69%, rgba(226,223,223,1) 94%, rgba(226,223,223,1) 100%);
    background: linear-gradient(to bottom, rgba(209,206,204,1) 0%, rgba(209,206,204,1) 17%, rgba(214,211,209,1) 47%, rgba(221,219,218,1) 69%, rgba(226,223,223,1) 94%, rgba(226,223,223,1) 100%);
}

.effect8
{
  	position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect8:before, .effect8:after
{
	content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:auto;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
    -webkit-transform:skew(8deg) rotate(3deg);
    -moz-transform:skew(8deg) rotate(3deg);
     -ms-transform:skew(8deg) rotate(3deg);
      -o-transform:skew(8deg) rotate(3deg);
         transform:skew(8deg) rotate(3deg);
}

.contenedor{
    width:100%;
	height:70%;
	background:#FFF;
    padding-top:6%; 
    padding-bottom:6%;
}

#footer h5 {
    color: #f7f7f7;
    padding-left: 10px;
    border-left: 3px solid #e3747b;
    padding-bottom: 6px;
    margin-bottom: 20px;
    font-weight: 100;
}

.imagetest img {
    transform:          rotate(20deg);
    -ms-transform:      rotate(20deg);
    -moz-transform:     rotate(20deg);
    -webkit-transform:  rotate(20deg);
    -o-transform:       rotate(20deg);
    }

.imagetest2 img {
        transform:          rotate(-30deg);
        -ms-transform:      rotate(-30deg);
        -moz-transform:     rotate(-30deg);
        -webkit-transform:  rotate(-30deg);
        -o-transform:       rotate(-30deg);
}

.img-izq{
    margin-top: -18%;
    margin-left: 15%;
    width: 73%;
}

#inicio-dmpos, #inicio-sich{
    background: whitesmoke;
}

.number-back::before{
content: "02";
z-index: 999;
font-size: 7rem;
color: #d7232e9c;
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}

.number-back:hover:before{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);  
    transition-duration: 0.2s;  
}

.descripcion-front 
{
    width: 86%;
    margin-top: -15%;
    margin-left: 10%;
}

.number_back-2::before{
content: "03";
z-index: 999;
font-size: 8rem;
color: #d7232e9c;
margin-left: 26%;
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}

.number_back-2:hover:before{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);  
    transition-duration: 0.2s;
}

.front-descripcion{
    width: 100%;
    margin-top: -20%;
    margin-left: -6%;
}


.number_back-2{
margin-top: -14%;
}

.titulo-dmpos{
color: #495057;
}


.number-back-1::after{
        content: "01";
        z-index: 999;
        font-size: 8rem;
        color: #d7232e9c;
        position: absolute;
        top: 37%;
        right: 14%;
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px transparent;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
}

.number-back-1:hover:after{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);  
    transition-duration: 0.2s;  
}
.size-font{
   font-size: 1.8rem;
   padding-left: 6%;
}

.top-nav{
    background-color:#3e4e68;
    padding: 0rem 1rem;
}

.back-btn{
    color: whitesmoke;
}

.aja i{
    color: #e3747b;
} 

#caracteristicas-dmpos {
    background: #f5f5f5bd;

}

.back-footer{
    background: #3e4e68;
}

.encabezado h3{
    color: whitesmoke
}

.encabezado h1{
    color: #495057;
    font-size: 3.1rem;
}



.front-decripcion-dmpos h2{
    color: #495057;
}

#footer h6{
    font-weight: lighter;
    color:#f7f7f7;
}

.list-unstyled a{
    color: #f7f7f7;
    font-weight: lighter;
}

a:hover{
    text-decoration: none;
}

.list-inline-item i {
    color: #f7f7f7;
}


.btn-contacto{
    color: white;
    background-color: #e3747b;
    border-color: #e3747b;
}

.hola3{
    background: #3e4e68;
}

.eliminate{
    padding:0px !important;
}

.experiencia-dmpos{
    color: whitesmoke;
}

.carousel-indicators li {
    width: 7px !important;
    height: 7px !important;
}


.btn-contacto:hover {
    color: #fff;
    background-color: #d9232eeb;
    border-color: #d9232eeb;
}


#comprarlo-sich .hola  h4{
    font-weight: lighter;
    color: white;
}

#footer-sich .back-footer{
background: whitesmoke;

}

#footer-sich a{
    color:#3e4e68;
}

#comprarlo-sich .btn-contacto{
    padding: 1%;
    color: white;
    width: 100%;
    background-color: #e3747b;
    border-color: #e3747b;
}

#footer-sich h5 {
    color: #e3747b;
    padding-left: 10px;
    border-left: 3px solid #3e4e68;
    padding-bottom: 6px;
    margin-bottom: 20px;
}

 
#footer-sich .hvr-underline-from-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #3e4e68;
    height: 2px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}


#caracteristicas-sich  h3{
    font-size: 1.65rem;
}

#footer-sich .list-inline-item i{
    color:#3e4e68;
} 

#footer .derechos{
    color:white;
}

@keyframes stretch {
    0% {
      background-color: #bbb6bd1f;
    }
    100% {
      background-color: #1E3693;
    }
  }

 .fixed-top{
    animation-name: stretch;
 }