/**********FONT raleway**/
@font-face {
  font-family: 'Raleway-Medium';
  src: url('/assets/fonts/Raleway-Medium.ttf')  format('truetype'),
       url('/assets/fonts/Raleway-Medium.eot?#iefix') format('embedded-opentype'),
       url('/assets/fonts/Raleway-Medium.woff') format('woff'),
       url('/assets/fonts/Raleway-Medium.svg#Raleway-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Raleway-Bold';
  src: url('/assets/fonts/Raleway-Bold.ttf')  format('truetype'),
       url('/assets/fonts/Raleway-Bold.eot?#iefix') format('embedded-opentype'),
       url('/assets/fonts/Raleway-Bold.woff') format('woff'),
       url('/assets/fonts/Raleway-Bold.svg#Raleway-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Raleway-BoldItalic';
  src: url('/assets/fonts/Raleway-BoldItalic.ttf')  format('truetype'),
       url('/assets/fonts/Raleway-BoldItalic.eot?#iefix') format('embedded-opentype'),
       url('/assets/fonts/Raleway-BoldItalic.woff') format('woff'),
       url('/assets/fonts/Raleway-BoldItalic.svg#Raleway-BoldItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Raleway-Italic';
  src: url('/assets/fonts/Raleway-Italic.ttf')  format('truetype'),
       url('/assets/fonts/Raleway-Italic.eot?#iefix') format('embedded-opentype'),
       url('/assets/fonts/Raleway-Italic.woff') format('woff'),
       url('/assets/fonts/Raleway-Italic.svg#Raleway-Italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Raleway-Thin';
  src: url('/assets/fonts/Raleway-Thin.ttf')  format('truetype'),
       url('/assets/fonts/Raleway-Thin.eot?#iefix') format('embedded-opentype'),
       url('/assets/fonts/Raleway-Thin.woff') format('woff'),
       url('/assets/fonts/Raleway-Thin.svg#Raleway-Thin') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Raleway-ThinItalic';
  src: url('/assets/fonts/Raleway-ThinItalic.ttf')  format('truetype'),
       url('/assets/fonts/Raleway-ThinItalic.eot?#iefix') format('embedded-opentype'),
       url('/assets/fonts/Raleway-ThinItalic.woff') format('woff'),
       url('/assets/fonts/Raleway-ThinItalic.svg#Raleway-ThinItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Raleway-Regular';
  src: url('/assets/fonts/Raleway-Regular.ttf')  format('truetype'),
       url('/assets/fonts/Raleway-Regular.eot?#iefix') format('embedded-opentype'),
       url('/assets/fonts/Raleway-Regular.woff') format('woff'),
       url('/assets/fonts/Raleway-Regular.svg#Raleway-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Raleway-SemiBold';
  src: url('/assets/fonts/Raleway-SemiBold.ttf')  format('truetype'),
       url('/assets/fonts/Raleway-SemiBold.eot?#iefix') format('embedded-opentype'),
       url('/assets/fonts/Raleway-SemiBold.woff') format('woff'),
       url('/assets/fonts/Raleway-SemiBold.svg#Raleway-SemiBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
.Raleway-Medium{
font-family: 'Raleway-Medium';
}
.Raleway-Bold{
font-family: 'Raleway-Bold'!important;
}
.Raleway-BoldItalic{
font-family: 'Raleway-BoldItalic';
}
.Raleway-Italic{
font-family: 'Raleway-Italic';
}
.Raleway-Thin{
font-family: 'Raleway-Thin';
}
.Raleway-ThinItalic{
font-family: 'Raleway-ThinItalic';
}
.Raleway{
font-family: 'Raleway-Regular';
}
.Raleway-SemiBold{
font-family: 'Raleway-SemiBold';
}
.verde{
    color: #009088!important;
}
.naranja{
    color: #ED8718!important;
    cursor: pointer;
}
.padding-top{
    padding-top: 15px;
}
.padding-right-15px{
    padding-right: 15px;
}
.padding-top-35px{
    padding-top: 35px;
}
.padding-bottom-2{
    padding-bottom: 2%;
}
.padding-bottom-2p{
    padding-bottom: 2%;
}
.padding-bottom-5{
    padding-bottom: 5%;
}
.padding-top-20{
    padding-top: 20%;
}
.margin-top-28{
    margin-top: -28%;
}
.t-14{
    font-size: 14px;
}
.t-16{
    font-size: 16px;
}
.t-17{
    font-size: 16px;
}
.t-19{
    font-size: 19px;
}
.t-21{
    font-size: 21px;
}
.t-21p{
    font-size: 21px;
}
.glyphicon-earphone{
    vertical-align: middle;
    padding-right: 10px;
    font-size: 25px;
    font-weight: 900 !important;
}
.rojo{
    color: #7F2115;
}
.titulo1{
    font-size: 47px;
    color: #7F2115;
}
.titulo2{
    font-size: 129px;
    color:#e83e32;
    margin-top: -20px;
}
.titulo3{
    font-size: 129px;
    color:#e83e32;
    margin-top: -20px;
}
.btn-foo1{
    margin-left: 35% !important;
    margin-top: -138px;
    font-weight: bold;
}
.btn-foo2{
    margin-left: 35% !important;
    margin-top: 84px;
    font-weight: bold;
}
/**FONT**/

body {
    font-family: 'Raleway';
}
.starter-template {
  padding: 5px 5px;
  text-align: center;
}
.navbar {
    background: #FFFFFF;
    height: 100px !important;
}
.navbar-brand {
    margin-left: -15px!important;
    margin-top: 0px;
}
.navbar-nav li{
    top: 48px;
}
.navbar-menu{
    border-style: solid;
    border-radius: 5px;
    width: 230px;
    height: 45px;
    border-color: initial;
    font-size: 16px!important;
    text-align: center;
    /*margin-left: -5%;*/
    background: #FFFFFF;
    border-width: 2px;
    /*margin-right: -30%!important;*/
    margin-top: 6%;
    padding-top: 8px;
}
.TxtEntregas{ display: block;
text-align: right;}
.navbar-right {
    float: right !important;
    margin-right: 0px;
}
.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 0px;
}
a, a:hover, a:active, a:visited{
    text-decoration: none;
}
paddingtop9{
    padding-top: 9%;
}
#cap3, #cap4{
        display: none;
    }
.navbar-right2 {
        font-family: 'Raleway-Medium';
    }
.center{
	margin: 0 auto!important;
	display: block;
	float:none!important;
	left:0;
	right:0;
}
.borde{
    border-top: 1px;
    border-top-color: #7F2115;
    border-top-style: solid;
    width: 18%;
    margin-left: 42%;
    margin-bottom: 2%
}
#modal{
    display: none;
}
/***************/
.carousel-indicators {
    position: absolute!important;
    left: -2%!important;
    z-index: 15!important;
    width: 1%!important;
    margin-left: 0%!important;
    text-align: center!important;
    list-style: none!important;
    top: 50%!important;
    height: 10%!important;
    vertical-align: middle!important;
}
.carousel-indicators li {
    display: inline-block!important;
    width: 13px!important;
    height: 13px!important;
    margin: 1px!important;
    text-indent: -999px!important;
    cursor: pointer!important;
    background-color: rgba(0,0,0,0)!important;
    border: 2px solid #69222A!important;
    border-radius: 10px!important;
    vertical-align: top!important;
}
.carousel-indicators .active {
    width: 13px!important;
    height: 13px!important;
    margin: 0px!important;
    background-color: #69222A!important;
}
/***************/
.div_hover{
    width: 250px!important;
    height: 270px!important;
    background: #FFFFFF;
    background-image: url('/assets/img/frontend/hover.jpg');
    margin-top: 0px;
    margin-left: 0px;
}
.visible_no{
    display: none!important;
}

.menu_solicitud{
    display: none!important;
}

.fondo{
}
.fondo2{
    width: 100%;
}
.centro_abajo{
    margin-top: -65%;
}
.centro_ab1{
    margin-top: 70px;
    width: 100%;
}
.centro_ab2{
    margin-top: 30px;
    width: 100%;
}
.bold_naranja{
    font-family: 'Raleway-SemiBold'!important;
    color:#ED8718!important;
    cursor: pointer;
}
.semibold_verde{
    font-family: 'Raleway-SemiBold';
    font-size: 14px;
    color: #308f87;
}
.medium_blanco{
    font-family: 'Raleway-Regular';
    font-size: 17px;
    color: #FFFFFF;
    margin-bottom: 20px;
    margin-left: 75px;
    margin-top: 0px;
}
.medium_blanco14{
    font-family: 'Raleway-Medium';
    font-size: 12px;
    color: #FFFFFF;
    margin-bottom: 15px;
    margin-left: 75px;
}
.ancho {
    margin-left: 19%;
    width: 88%;
    margin-top: -145%;
}
.input{
    margin-bottom: 14px;
    background: none;
    color: #FFFFFF;
    font-weight: bold;
    border-style: solid;
    padding: 5px;
    border-radius: 5px;
    width: 260px;
    height: 45px;
    font-size: 17px;
    margin-left: 75px;
}
.textarea{
    margin-bottom: 14px;
    background: none;
    color: #FFFFFF;
    font-weight: bold;
    border-style: solid;
    padding: 5px;
    border-radius: 5px;
    width: 260px;
    height: 105px;
    resize: none;
    font-size: 17px;
    border-color: #FFFFFF;
    border-width: 2px;
    margin-left: 75px;
}
::-webkit-input-placeholder {
   color: #FFFFFF;
}
:-moz-placeholder { /* Firefox 18- */
   color: #FFFFFF;  
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #FFFFFF;  
}
:-ms-input-placeholder {  
   color: #FFFFFF;  
}
#RecaptchaField1{
    margin-left: 50px;
    margin-bottom: 10px;
}
#captcha{
    margin-bottom: 15px;
}
.link_blanco,.link_blanco:hover,.link_blanco:visited{
    color: #FFFFFF;
    text-decoration: underline;
}
.button{
    width: 40%;
    float: right;
    border-radius: 12px;
    background: #FFFFFF !important;
    color: #ED8718 !important;
    border: 0px;
    margin-right: 2%;
    font-size: 14px !important;
}
.button_verde{
    float: right;
    border-radius: 14px;
    background: #FFFFFF;
    color: #308f87;
    border-color: #308f87;
    border-top-left-radius: 4px!important;
    border-top-right-radius: 4px!important;
    border-bottom-right-radius: 4px!important;
    border-bottom-left-radius: 4px!important;
    border-width: 2px;
    width: 200px;
}
.button_verde2{
    background: none;
    color: #308f87;
    border-color: #308f87;
    border-top-left-radius: 4px!important;
    border-top-right-radius: 4px!important;
    border-bottom-right-radius: 4px!important;
    border-bottom-left-radius: 4px!important;
    border-width: 2px;
    width: 500px;
    margin-left: 28%;
}
.footer{
    height: 200px;
    margin-top: 6%;
}
.margin-top10{
    margin-top: 10px!important;
}
.link_verde,.link_verde:hover,.link_verde:visited{
    color: #308f87;
    text-decoration: underline;
}
.magin-left80{
    margin-left: 64%;
    margin-top: -30%;
}
.btn.focus, .btn:focus, .btn:hover {
    color: #308f87;
    text-decoration: none;
}
.navbar-default {
    border-color: transparent;
}
.posicion{
    margin-top: -30%;
    margin-left: 2%;
}
.anchoi{
    margin-top: -164%;
}
.cap1 {
        padding-bottom: 280px;
        width: 60%;
        margin-left: 0%;
        text-shadow: none;
    }
.cap2 {
        padding-bottom: 200px;
        margin-left: 5%;
        width: 50%;
        text-shadow: none;
    }
#solicita_lista{
        display: none;
    }
.carousel{
    margin-top: 0px;
    margin: 0 0 120px;
}

.boton_footer{
    color: #308f87;
    float: right;
    border: 2px solid #308f87;
    padding: 10px 15px;
    font-family: 'Raleway-Medium';
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
    width: 300px;
    margin: 0 0 10px;
    text-align: right;
    font-size: 13px;
    -webkit-transition: all 0.3s ease-out!important;
    -moz-transition: all 0.3s ease!important;
     -ms-transition: all 0.3s ease!important;
}
.boton_footer i{
    text-align: left!important;
    float: left;
    font-size: 21px;
}
.boton_footer:hover{
    background: #308f87;
    color: #FFFFFF;
    
}
/***************FIGURE***********************/
.figure {
    position:relative;
    width:250px;
    height:270px;
    overflow:hidden;
    float:left;
    margin-left: 2.5%;
}
.figure li{
    list-style-type: none;
}
.figure figure {
    margin:0;
    padding:0;
    position:relative;
    cursor:pointer;
    margin-left: -40px;
}
.figure figure img {
    display:block;
    position:relative;
    z-index:10;
}
.figure figure figcaption {
    display:block;
    position:absolute;
    z-index:5;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.figure figure h2 {
    color:#000000;
    font-size:20px;
    text-align:left
}
.figure figure p {
    display:block;
    /*font-size:12px;
    line-height:18px;
    margin:0;
    color:#000000;
    text-align:left*/
}
.figure figure figcaption {
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-image: url('/assets/img/frontend/hover.jpg');
    text-align:center;
    backface-visibility:hidden;
    -webkit-transform:rotateY(-180deg);
    -moz-transform:rotateY(-180deg);
    transform:rotateY(-180deg);
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s
}
.figure figure img {
    backface-visibility:hidden;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s
}
.figure figure:hover img,figure.hover img {
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
.figure figure:hover figcaption,figure.hover figcaption {
    -webkit-transform:rotateY(0);
    -moz-transform:rotateY(0);
    transform:rotateY(0)
}
.seleccion{
	color:#ED8718;
}
#form_contacto{
	padding:80px 0 0;
}
/**************************************/
@media only screen and ( max-width: 2153px ) {
    .cap1 {
        padding-bottom: 280px;
        width: 60%;
        margin-left: 0%;
    }
    .cap2 {
        padding-bottom: 200px;
        margin-left: 5%;
        width: 50%;
    }
}

@media only screen and ( max-width: 1600px ) {
    .cap1 {
        padding-bottom: 280px;
        width: 60%;
        margin-left: 0%;
    }
    .cap2 {
        padding-bottom: 200px;
        margin-left: 5%;
        width: 50%;
    }
}

@media only screen and ( max-width: 1200px ) {
    .centro_abajo {
        margin-top: -95%;
        margin-left: 5%;
    }
    .centro_ab1 {
        margin-left: 5%;
        margin-top: 50px;
        width: 124%;
        font-size: 16px;
    }
    .centro_ab2 {
        margin-left: 18%;
        margin-top: 30px;
        width: 106%;
        font-size: 16px;
    }
    .ancho {
        margin-top: -104%;
        margin-left: 50%;
        width: 50%;
    }
    .medium_blanco {
        font-family: 'Raleway-Regular';
        margin-left: 215px;
        margin-top: 156px;
        font-size: 13px !important;
        color: #FFFFFF;
        margin-bottom: 10px !important;
        width: 200%;
    }
    .input {
        background: none;
        color: #FFFFFF;
        font-weight: bold;
        border-style: solid;
        padding: 5px;
        border-radius: 5px;
        width: 51%;
        height: 31px;
        border-color: #FFFFFF !important;
        border-width: 2px;
        font-size: 13px;
        font-family: 'Raleway-Medium';
        margin: 0 0 16px;
        float: right;
    }
    .textarea {
        margin-bottom: 10px;
        background: none;
        color: #FFFFFF;
        font-weight: bold;
        border-style: solid;
        padding: 5px;
        border-radius: 5px;
        width: 51%;
        height: 105px;
        resize: none;
        font-size: 15px;
        border-color: #FFFFFF;
        border-width: 2px;
        margin: 0;
        font-size: 13px;
        float: right;
        margin: 0 0 12px;
    }
    .navbar-menu {
        border-style: solid;
        border-radius: 5px;
        width: 230px;
        height: 45px;
        border-color: initial;
        font-size: 16px !important;
        text-align: center;
        /*margin-left: -5%;*/
        background: #FFFFFF;
        border-width: 2px;
        /*margin-right: 15% !important;*/
        margin-top: 8%;
        padding-top: 8px;
    }
    #captcha {
        margin-left: -20%;
    }
    .button{
        margin: 90px 0 0!important;
    }
    .titulo1 {
        font-size: 40px;
    }
    .titulo2 {
        font-size: 100px;
        margin-top: -20px;
    }
    .padding-bottom-2{
        padding-left: 2%;
    }
    .button_verde2 {
        font-size: 16px;
        width: 412px;
    }
    .titulo3 {
        font-size: 100px;
        margin-top: -400px;
        margin-left: 20px;
    }
    .cap1{
        padding-bottom: 225px;
        width: 60%;
        font-size: 17px;
    }
    .cap2 {
        padding-bottom: 160px;
        margin-left: 6%;
        width: 50%;
        font-size: 18px;
    }
    .anchoi {
        margin-top: -150%;
    }
    #RecaptchaField1 {
        margin-left: 139px;
        margin-bottom: 0px;
        top: 41px;
        position: relative;
    }
    .medium_blanco14 {
        font-family: 'Raleway-Medium';
        font-size: 10px;
        color: #FFFFFF;
        margin-bottom: 6px;
        margin: 0 0 20px;
        width: 51%;
        float: right;
    }
}

#myModal input{
    width: 80%;
    height: 40px;
    margin: 0 auto 16px;
    float: initial;
}

#myModal textarea{
    width: 80%;
    height: 100px;
    margin: 0 auto 16px;
    float: initial;
}
#myModal .medium_blanco14{
    float: initial;
    margin: 0 auto;
}
#myModal .button {
    margin: 20px 0 0 !important;
}

@media only screen and ( max-width: 992px ) {
    .fondo
    {
        display: none;
    }
    .menu_solicitud{
        display: block!important;
    }
    .modal-content{
        background: #ED8718;
    }
    .modal-header{
        border-bottom: 0px;
    }
    .close {
        font-size: 35px;
        opacity: 0.5;
    }
    .modal-dialog {
        width: 80%;
        float: none;
        margin: 0 auto !important;
        position: absolute;
        left: 0;
        right: 0;
    }
    .modal-content{
        color: #FFFFFF;
        width: auto;
        height: 630px;
    }
    #captcha {
        height: 70px;
        margin: 10px auto 20px;
        float: none;
        display: block;
        width: 303px;
    }
    .margin-left30{
        margin-right: 20%;
    }
    .titulo1 {
        font-size: 25px;
    }
    .titulo2 {
        font-size: 65px;
        margin-top: -20px;
    }
    .t-21 {
        font-size: 16px;
    }
    .t-21p{
        font-size: 16px;
    }
    .button_verde2 {
        font-size: 14px;
        width: 358px;
        margin-left: 26%;
    }
    .cap2 {
        padding-bottom: 114px;
        width: 50%;
        font-size: 14px;
        margin: 0 auto;
    }
    .cap1 {
        padding: 0 0 0;
        width: 55%;
        font-size: 13px;
        margin: 158px auto;
    }
    .navbar-toggle {
        display: block;
        margin-top: 8% !important;
    }
    .navbar-brand {
        margin-left: -2%;
        margin-top: 0px;
    }
    .navbar-menu {
        margin-right: 0% !important;
        margin-top: 3.7%;
        margin-bottom: 33px;
    }
    .carousel {
        margin-top: 120px;
    }
    .solicita{
        float: right;
        position: relative;
    }
    .right_{
         float: right;
        margin: -50px 0 0;
    }
}

@media (max-width: 970px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0;
  }
    .navbar-brand {
        margin: 0 auto;
        float: none;
        display: block;
        width: 290px;
        height: 110px;
        padding: 18px 0 0;
    }
    #solicita_lista {
        display: block;
        margin-top: -8.3%;
        margin-right: -1%;
    }
    #contacto_nav
    {
        display: none;
    }
    .right_ {
        float: right;
        margin: 4px 0 0;
    }
}

@media only screen and ( max-width: 767px ) {
    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
        background: rgb(255, 255, 255) none repeat scroll 0% 0%;
        z-index: 500;
    }
    .navbar-default .navbar-toggle {
        margin-top: 3%;
    }
    .navbar-default {
    border-color: none;
    }
    .navbar {
    border: none;
    }
    #captcha{
        margin-left: 0%;
    }
    .titulo1 {
        font-size: 18px;
    }
    .titulo2 {
        font-size: 55px;
        margin-top: -10px;
        margin-left: 10px;
    }
    .t-21 {
        font-size: 14px;
    }
    .button_verde2 {
        font-size: 12px;
        width: 300px;
        margin-left: 30% !important;
    }
    .cap2{
        padding-bottom: 120px;
        width: 45%;
        font-size: 12px;
        margin-left: 11%;
        display: none;
    }
    .cap1 {
        padding-bottom: 165px;
        width: 60%;
        font-size: 10px;
        margin-left: 4%;
        display: none;
    }
    #cap3, #cap4 {
        display: block;
        margin-bottom: 15px;
        width: 80%;
        margin: 0 auto;
    }
    .navbar-brand {
        margin-left: -2%!important;
        margin-top: 0px;
    }
    #solicita_lista {
        display: block;
        margin-top: -8.2%;
        margin-right: 0%!important;
    }
}

@media only screen and ( max-width: 750px ) {
    .posicion {
        margin-top: -32%;
        margin-left: 2%;
    }
    .titulo1 {
        font-size: 24px;
    }
    .titulo2 {
        font-size: 50px;
        margin-top: -10px;
        margin-left: 10px;
    }
    .t-21 {
        font-size: 18px;
    }
    .button_verde2 {
        font-size: 10px;
        width: 265px;
        margin-left: 32% !important;
    }
    #captcha {
        margin-left: 10%!important;
    }
    .navbar {
        background: #FFFFFF;
        height: auto!important;
    }
    .carousel {
        margin-top: 0px;
    }
    .navbar-fixed-top{
        position: initial;
    }
}

@media only screen and ( max-width: 670px ) {
    .footer .btn-group-vertical {
        display: block;
    }
    .TxtEntregas{ display: block;
text-align: center;}
    
    .boton_footer{
    float: none;
        display: block;
    width: 300px;
    margin-left: auto;
        margin-right: auto;
}
    .row_m6
    {
        margin-left: 0;
    }
    .magin-left80 {
        margin: 0 auto;
        float: none;
        display: block;
        width: 200px;
    }
    .cap2{
        font-size: 10px!important;
        width: 40%;
        margin-left: 15%;
        padding-bottom: 100px;
    }
    .cap1{
        padding-bottom: 140px;
        width: 65%;
        margin-left: 2%;
        text-shadow: none;
        font-size: 11px;
    }
    .titulo1 {
        font-size: 22px;
    }
    .titulo2 {
        margin-top: -10px;
        margin-left: 10px;
    }
    .t-21 {
        font-size: 16px;
    }
    .t-19 {
        font-size: 17px;
    }
    .button_verde2 {
        font-size: 12px;
        width: 300px;
        margin-left: 28%!important;
    }
    .navbar-brand {
        margin: 0 auto!important;
        float: none;
        display: block;
        width: 270px;
    }
    .navbar-menu {
        margin-right: 52% !important;
    }
    #solicita_lista {
        margin-top: -13.4% !important;
        margin-right: 10% !important;
    }
    .col-xs-6 {
        width: 100%;
    }
    .semibold_verde {
        text-align: center;
    }
    .margin-top40 {
        margin: 10px auto;
        float: none;
        display: block;
        text-align: center;
    }
}

@media only screen and ( max-width: 650px ) {
    .button_verde2 {
        font-size: 10px;
        width: 265px;
        margin-left: 27% !important;
    }
    #captcha {
        margin-left: 7% !important;
    }
    .navbar-menu {
        margin: 0;
    }
    #solicita_lista {
        margin-top: -9% !important;
        margin-right: 7% !important;
    }
    #primer_row_productos{
        margin-right: 5% !important;
    }
}

@media only screen and ( max-width: 586px ) {
    .cap2 {
        font-size: 10px !important;
        width: 50%;
        margin-left: 8%;
        padding-bottom: 80px;
    }
    .cap1 {
        padding-bottom: 115px;
        width: 70%;
        margin-left: 0%;
        text-shadow: none;
        font-size: 11px;
    }
    #captcha {
        margin-left: 2% !important;
    }
    .navbar-brand {
        margin-top: 0px;
        height: 110px;
    }
    .navbar-menu {
        margin: 0 auto 9px!important;
        float: none!important;
        width: 214px;
        display: block;
    }
    #solicita_lista {
        margin-top: 0% !important;
        margin-right: 29% !important;
    }
}

@media only screen and ( max-width: 560px ) {
    .row_m6
    {
        margin-left: 20%;
    }
    .cap2 {
        font-size: 9px!important;
        width: 60%;
        margin-left: 4%;
        padding-bottom: 74px;
    }
    .cap1 {
        padding-bottom: 105px;
        width: 60%;
        margin-left: 3%;
        text-shadow: none;
        font-size: 9px;
    }
    .posicion {
        margin-top: -36%;
        margin-left: 2%;
    }
    .button_verde2 {
        margin-left: 25% !important;
    }
    .navbar-brand {
        margin-left: 20%;
        margin-top: 0px;
    }
    .navbar-menu{
        margin-right: 31%;
        margin-top: 10%;
    }
    #solicita_lista {
        display: block;
        margin: 0 auto 0!important;
    }
}

@media only screen and ( max-width: 500px ) {
    .row_m6
    {
        margin-left: 10%;
    }
    .cap1 {
        padding-bottom: 90px;
        width: 70%;
        margin-left: 0%;
        text-shadow: none;
        font-size: 8px;
    }
    .cap2 {
        font-size: 8px !important;
        margin-left: 8%;
        padding-bottom: 60px;
        width: 50%;
    }
    .button_verde2 {
        margin-left: 20% !important;
    }
    #captcha {
        margin-left: 0% !important;
    }
    .navbar-brand {
        /*margin-left: 13% !important;*/
        margin-top: 0px;
    }
    .navbar-menu{
        margin-right: 25%;
        margin-top: 10%;
    }
    #solicita_lista {
        display: block;
        margin-top: 0%;
        margin-right: 25%;
    }
}

@media only screen and ( max-width: 440px ) {
    .titulo2 {
        margin-top: -10px;
        margin-left: 0px;
        font-size: 34px;
    }
    .button_verde2 {
        margin-left: 20% !important;
        font-size: 9px;
        width: 240px;
    }
    .cap1 {
        padding-bottom: 80px;
        width: 70%;
        margin-left: 0%;
        text-shadow: none;
        font-size: 8px;
    }
    .cap2 {
        font-size: 8px !important;
        margin-left: 8%;
        padding-bottom: 55px;
        width: 50%;
    }
    .t-19 {
        font-size: 15px;
    }
    .modal-content{
        color: #FFFFFF;
        width: auto;
        height: 690px;
    }
}

@media only screen and ( max-width: 400px ) {
    .cap1 {
        padding-bottom: 70px;
        width: 70%;
        margin-left: 0%;
        text-shadow: none;
        font-size: 6px;
    }
    .cap2 {
        font-size: 6px !important;
        margin-left: 8%;
        padding-bottom: 45px;
        width: 50%;
    }
    .top100{
        top:250px;
    }
    #cap1, #cap2{
        display: none;
    }
    .navbar-right2 {
        margin-top: 2px;
    }
    .navbar-brand {
        margin-top: 0px;
        height: 110px;
    }
    .navbar-menu {
        margin: 0 auto 9px!important;
        float: none!important;
        width: 214px;
        display: block;
    }
    #solicita_lista {
        display: block;
        margin-top: 0%;
        margin-right: 19% !important;
    }
    #descripcion{
        margin-top: 20px;
    }
    .carousel{
        margin-top: 0px;
    }
}

@media only screen and ( max-width: 370px ) {
    .titulo1 {
        font-size: 20px;
    }
    .t-21 {
        font-size: 14px;
    }
    .row_m6
    {
        margin-left: 5%;
    }
    .posicion {
        margin-top: -40%;
        margin-left: 2%;
    }
    .titulo2 {
        margin-top: -10px;
        margin-left: 0px;
        font-size: 26px;
    }
    .t-21 {
        margin-bottom: -25% !important;
    }
    .button_verde2 {
        margin-left: 20% !important;
        font-size: 8px;
        width: 215px;
    }
    .carousel {
        top: 12px !important;
    }
    #row_menu{
        margin: 0 auto !important;
        display: block;
        float: none !important;
        left: 0;
        right: 0;
        background: white;
        height: auto;
        padding-bottom: 2%;
    }
    .navbar-right2 {
        margin-right: 10.5% !important;
    }
    #nuestros_productos {
        padding-top: 10%;
    }
    #cap1, #cap2{
        display: none;
    }
    #descripcion {
        display: block;
        height: 161px;
        margin-top: 20px;
    }
    .carousel-caption {
        position: absolute;
        bottom: 100px;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        text-align: center;
        text-shadow: none;
        font-size: 14px !important;
        width: 100%;
        left: 0%;
        right: 0%;
    }
    #primer_row_productos{
        padding-top: 30%;
    }
    #cap3{
        padding-top: 5%;
        font-size: 14px;
        text-align: center;
        padding-bottom: 5%;
    }
    #cap4{
        text-align: center;
    }
    .top100{
        top:100px;
    }
    .navbar-brand {
        float: none;
    }
    .navbar-menu {
        margin-right: 10% !important;
        margin-top: -2% !important;
    }
    #solicita_lista {
        margin-right: 10% !important;
    }
}

@media only screen and ( max-width: 348px ) {
   .navbar-brand {
       padding: 0px;
    }
    .navbar-default .navbar-toggle {
        margin-top: 8%;
    }
    .row_m6
    {
        margin-left: 1%;
    }
    .top100{
        top:100px;
    }
    .navbar-menu {
        margin-right: 0% !important;
        margin-top: 10% !important;
    }
}

@media only screen and ( max-width: 320px ) {
   .navbar-brand {
       margin-left: 0% !important;
    }
    .padding-top {
        padding-top: 10px;
        margin-left: 3%;
        margin-top: 5% !important;
    }
    .navbar-right2 {
        margin-right: 6% !important;
    }
    .top100{
        top:100px;
    }
    #cap3, #cap4{
        display: block;
    }
    #solicita_lista {
        display: block;
        margin-top: 5%;
        margin-right: 0% !important;
    }
}


/*****************************************/
.demo-2 {
    position: relative;
    width: 250px;
    height: 270px;
    float: none;
    background: url('/assets/img/frontend/hover.jpg');
    margin: 6px auto;
    overflow: hidden;
}
.effect img {
    position: absolute;
    left: 0px;
    bottom: 12px;
    cursor: pointer;
    margin: -12px 0;
    -webkit-transition: bottom .3s ease-in-out;
    -moz-transition: bottom .3s ease-in-out;
    -o-transition: bottom .3s ease-in-out;
    transition: bottom .3s ease-in-out;
    margin-left: 0px;
    
}
.effect img.top:hover {
    bottom:-259px;
    padding-top:270px;
}
.demo-2 li{
    list-style: none;
}
.demo-2 li h2{
    margin-left: -15%;
    text-align: center;
}
.demo-2 li p{
    margin-left: -15%;
    margin-top: 12%;
    text-align: center;
}
/*****************************************/
/*******************PAGINA GRACIAS*********/
#carousel-thanks{
    margin-top: 10%;
}
#carousel-thanks .titulo1_g{
    font-size: 47px;
    color: #7F2115;
    margin-top: -30%;
}
.boton_gracias{
	margin: 0 auto !important;
	display: block;
	float: none;
	left: 0;
	right: 0;
	width: 390px !important;
	margin-bottom: 30px !important;
	border: 2px solid #308f87 !important;
	padding: 10px 15px;
	font-family: 'Raleway-Medium';
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: right;
	-webkit-transition: all 0.3s ease-out !important;
	-moz-transition: all 0.3s ease !important;
	-ms-transition: all 0.3s ease !important;
	margin-top: 0% !important;
	position: inherit;
	color: #308f87;
	text-decoration: none;
}
.boton_gracias:hover,.boton_gracias:active{
    background: #308f87;
    color: #FFFFFF;
}
.boton_gracias i{
    padding-right: 10px;
}

.titulo_aviso {
	margin-top: 15%;
	text-align: center;
	font-family: Raleway-Medium;
	color: #308f87;
    font-size: 32px;
}
.parrafo_avisof {
	text-align: center;
	font-family: Raleway-Medium;
	color: #308f87;
	padding-top: 1%;
    font-size: 18px;
    font-weight: bold;
}

.parrafo_aviso {
	text-align: center;
	font-family: Raleway-Medium;
	color: #308f87;
	padding-top: 1%;
    font-size: 14px;
    text-align: justify;
}

@media only screen and ( max-width: 370px ) {
    .titulo1_g {
        font-size: 25px!important;
    }
    .boton_gracias{
        margin-top: 30% !important;
        font-size: 10px;
        width: 285px !important;
    }
}
.verysmall{ height:1px;
color:#FFF;
font-size:9px;
line-height: 20px;
overflow:hidden;
margin:0px;
}