@font-face {
    font-family:'GothamBold';
    src:url("../fonts/GothamBold.eot");
    src:url("../fonts/GothamBold.eot") format('embedded-opentype'),
     url("../fonts/GothamBold.woff2") format('woff2'), 
     url("../fonts/GothamBold.woff") format('woff'), 
     url("../fonts/GothamBold.ttf") format('truetype'), 
     url("../fonts/GothamBold.svg#GothamBold") format('svg')
}
@font-face {
    font-family:'GothamBook';
    src:url("../fonts/GothamBook.eot");
    src:url("../fonts/GothamBook.eot") format('embedded-opentype'),
     url("../fonts/GothamBook.woff2") format('woff2'), 
     url("../fonts/GothamBook.woff") format('woff'), 
     url("../fonts/GothamBook.ttf") format('truetype'), 
     url("../fonts/GothamBook.svg#GothamBook") format('svg')
}
@font-face {
    font-family:'GothamLight';
    src:url("../fonts/GothamLight.eot");
    src:url("../fonts/GothamLight.eot") format('embedded-opentype'),
     url("../fonts/GothamLight.woff2") format('woff2'), 
     url("../fonts/GothamLight.woff") format('woff'), 
     url("../fonts/GothamLight.ttf") format('truetype'), 
     url("../fonts/GothamLight.svg#GothamLight") format('svg')
}
@font-face {
    font-family:'icomoon';
    src:url("../fonts/icomoon.eot?bgjt8q");
    src:url("../fonts/icomoon.eot?bgjt8q#iefix") format('embedded-opentype'),
     url("../fonts/icomoon.ttf?bgjt8q") format('truetype'), 
     url("../fonts/icomoon.woff?bgjt8q") format('woff'), 
     url("../fonts/icomoon.svg?bgjt8q#icomoon") format('svg')
}
.icon-i1:before {
    content:"\e900"
}
html {
    display:table;
    width:100%;
    height:100%
}
body {
    font-family:'GothamBook';
    background-color:#000;
    color:#fff;
    display:table-row;
    width:100%
}
.fancybox-lock {
    width:100%
}
.container {
    background:url("../img/i1.jpg") no-repeat center center;
    background-size:cover;
    display:table-cell;
    vertical-align:middle;
    position:relative;
    width:100%;
    height:100%
}
.b-1 {
    margin:auto;
    width:1170px;
    padding:15px
}
.logo {
    position:absolute;
    top:0;
}
.logo img {
    height:auto;
    width:65%;
}
.row {
    width:100%;
    font-size:0
}
.col {
    font-family:'GothamBook';
    display:inline-block;
    vertical-align:top;
    text-transform:uppercase;
    font-size:14px;
}
.col h3 {
    font-size:26px;
    font-weight:normal;
    margin-top:0;
    margin-bottom:0
}
.col p {
    text-transform:initial;
    text-align:center;
    font-size:20px
}
.col span {
    font-family:'GothamBold';
    text-transform:uppercase
}
.col .p2 {
    font-size:16px;
}
.col .p2 span {
    text-transform:initial
}
.col-01 {
    width:42.5%;
    margin-right:2.5%
}
.col-02 {
    width:52.5%;
    margin-left:2.5%;
    float:right
}
.title {
    overflow:hidden;
    margin-top: 80px;}
    
.title span {
    display:block;
    text-align:center;
    letter-spacing:-1px;
    padding:5px 10px
}
.title-respuesta {
    width:610px;
    margin:auto
}
.t-1 {
    background-color:#797b7b;
    float:left;
    font-size:35px;
    background-color:rgba(121, 121, 123, 0.7);
}
.t-1 span {
    font-family:'GothamLight';
    letter-spacing:-2px
}
.t-2 {
    background-color:#424242;
    float:left;
    font-size:38px;
    margin-left:5%
}
.t-3 {
    background-color:#797b7b;
    float:right;
    font-size:23px;
    margin-top:25px;
    background-color:rgba(121, 121, 123, 0.7);
}
.t-3 span {
    font-family:'GothamLight'
}
.t-3 .s3 {
    display:inline-block;
    vertical-align:middle
}
.t-3 .ico {
    font-family:'icomoon';
    padding-right:0
}
.listado ul {
    text-align:center;
    padding:0;
    font-size:0;
    overflow: hidden;

}
.listado li {
    list-style:none;
    display:inline-block;
    position:relative;
    font-size:13px;
    padding:5px 0;
    margin:0 15px;
    margin-left: 0;
    float: left;
}
.listado li:before {
    content:" / ";
    left:-16px;
    position:absolute
}
.listado li:last-child {
    margin: 0;
}
.listado li:first-child:before {
    content:"";
    left:-12px;
    position:absolute
}
.listado li:nth-child(2):before {
    content:"";
    left:-12px;
    position:absolute
}
.listado h3{
    float: left;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 0;
}
.listado a {
    color:#fff;
    text-decoration:none;
    padding:5px 10px;
    
}
.col-03 {
    width:95%
}
.selectric {
    box-sizing:border-box;
    height:35px;
    padding:0 4%
}
.selectric .label {
    font-family:'GothamBold';
    color:#424242;
    cursor:pointer;
    text-transform:uppercase;
    box-sizing:border-box;
    height:auto;
    text-align:left;
    width:82%;
    margin:0;
    font-size:14px;
    line-height:34px
}
.selectric .button {
    color:#000;
    height:auto;
    height:35px;
    line-height:18px;
    width:20px
}
.selectric-disabled {
    opacity:1
}
form {
    font-size:0;
}
form .group-linea .linea {
    display:inline-block;
    vertical-align:top;
    width:45%;
    margin:10px 2%;
    font-size:14px;
    line-height:18px;
    position:relative;
}
form .group-linea .linea:nth-child(2n) {
    margin-right:0
}
form .group-linea .linea:nth-child(2n+1) {
    margin-left:0
}
form .group-linea .linea:last-child {
    margin-right:0;
    margin-left:2%
}
form .group-linea .linea:nth-last-child(2) {
    margin-right:2%;
    margin-left:0
}
form .group-linea .linea input, form .group-linea .linea select {
    box-sizing:border-box;
    width:100%;
    padding:0 4%;
    height:35px
}
form .group-linea .linea select {
    font-family:'GothamBold';
    color:#424242;
    cursor:pointer;
    text-transform:uppercase
}
form .group-linea .linea input::-webkit-input-placeholder {
    font-weight:bold;
    text-transform:uppercase
}
form .group-linea .linea input:-moz-placeholder {
    font-weight:bold;
    text-transform:uppercase
}
form .group-linea .linea input::-moz-placeholder {
    font-weight:bold;
    text-transform:uppercase
}
form .group-linea .linea input:-ms-input-placeholder {
    font-weight:bold;
    text-transform:uppercase
}
form .group-linea .linea-09 {
    width:94%;
    margin-right:0;
}
form .group-linea .linea-09 select, form .group-linea .linea-09 .selectric {
    padding:0 2%
}
form .group-linea .placeholder-01::-webkit-input-placeholder {
    color:#852781
}
form .group-linea .placeholder-01:-moz-placeholder {
    color:#852781
}
form .group-linea .placeholder-01::-moz-placeholder {
    color:#852781
}
form .group-linea .placeholder-01:-ms-input-placeholder {
    color:#852781
}
form .group-linea .placeholder-02::-webkit-input-placeholder {
    color:#78629c
}
form .group-linea .placeholder-02:-moz-placeholder {
    color:#78629c
}
form .group-linea .placeholder-02::-moz-placeholder {
    color:#78629c
}
form .group-linea .placeholder-02:-ms-input-placeholder {
    color:#78629c
}
form .group-linea .placeholder-03::-webkit-input-placeholder {
    color:#92252a
}
form .group-linea .placeholder-03:-moz-placeholder {
    color:#92252a
}
form .group-linea .placeholder-03::-moz-placeholder {
    color:#92252a
}
form .group-linea .placeholder-03:-ms-input-placeholder {
    color:#92252a
}
form .group-linea .placeholder-04::-webkit-input-placeholder {
    color:#364b9b
}
form .group-linea .placeholder-04:-moz-placeholder {
    color:#364b9b
}
form .group-linea .placeholder-04::-moz-placeholder {
    color:#364b9b
}
form .group-linea .placeholder-04:-ms-input-placeholder {
    color:#364b9b
}
form .group-linea .placeholder-05::-webkit-input-placeholder {
    color:#41853e
}
form .group-linea .placeholder-05:-moz-placeholder {
    color:#41853e
}
form .group-linea .placeholder-05::-moz-placeholder {
    color:#41853e
}
form .group-linea .placeholder-05:-ms-input-placeholder {
    color:#41853e
}
form .group-linea .placeholder-06::-webkit-input-placeholder {
    color:#a34d6f
}
form .group-linea .placeholder-06:-moz-placeholder {
    color:#a34d6f
}
form .group-linea .placeholder-06::-moz-placeholder {
    color:#a34d6f
}
form .group-linea .placeholder-06:-ms-input-placeholder {
    color:#a34d6f
}
form .group-linea .placeholder-07::-webkit-input-placeholder {
    color:#364b9b
}
form .group-linea .placeholder-07:-moz-placeholder {
    color:#364b9b
}
form .group-linea .placeholder-07::-moz-placeholder {
    color:#364b9b
}
form .group-linea .placeholder-07:-ms-input-placeholder {
    color:#364b9b
}
form .group-linea .placeholder-08::-webkit-input-placeholder {
    color:#c831a3
}
form .group-linea .placeholder-08:-moz-placeholder {
    color:#c831a3
}
form .group-linea .placeholder-08::-moz-placeholder {
    color:#c831a3
}
form .group-linea .placeholder-08:-ms-input-placeholder {
    color:#c831a3
}
form .group-linea span.msgError {
    position:absolute;
    display:block;
    font-family:Arial;
    text-transform:initial;
    bottom:-17px;
    color:#ff8080;
    font-size:13px;
    padding-left:3px;
    text-shadow:1px 1px 1px #323232
}
form .group-linea .terminos {
    color:#fff;
    text-transform:initial
}
form .group-linea .autorizo {
    width:100%;
    font-size:0;
    text-align:left;
}
form .group-linea .autorizo .msgError {
    margin-left:7%
}
form .group-linea .autorizo p {
    width:89%;
    display:inline-block;
    font-size:10px;
    line-height:10px;
    text-align:left;
    vertical-align:top;
    margin:0
}
label {
    cursor:pointer
}
input[type=checkbox] {
    display:none
}
.checkbox label {
    width:100%;
    min-height:20px;
    margin-bottom:0;
    font-weight:normal;
    cursor:pointer
}
input[type="checkbox"] {
    position:absolute;
    margin-top:4px 9;
    margin-left:-20px
}
.i-checks input:checked + i:before {
    width:11px;
    height:10px;
    background-image:url("../img/i3.png");
    background-position:0 -11px;
    top:2px;
    left:1px
}
.i-checks > i:before {
    position:absolute;
    top:50%;
    left:50%;
    width:0;
    height:0;
    background-color:transparent;
    content:""
}
.i-checks > i {
    position:relative;
    display:inline-block;
    width:12px;
    height:12px;
    margin-right:3%;
    margin-left:0;
    line-height:1;
    vertical-align:middle;
    background-color:#fff;
    border:1px solid #797b7b;
    float:left
}
.i-checks input:checked + i {
    border-color:#797b7b
}
.botonEnviar {
    color:#fff;
    background-color:#797b7b;
    font-family:'GothamBold';
    text-transform:uppercase;
    cursor:pointer;
    position:relative;
    text-align:center;
    text-decoration:none;
    display:block;
    font-size:16px;
    padding:15px;
    border-radius:5px;
    border:0;
    width:170px;
}
.botonEnviar .before {
    content:'';
    display:block;
    position:absolute;
    height:50%;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    background:rgba(0, 0, 0, 0.2);
    z-index:0;
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px
}
.botonEnviar em {
    display:block;
    position:relative;
    z-index:0;
    font-style:normal;
    text-shadow:0 2px 1px #424242
}
.btn-res {
    margin:auto
}
footer {
    background-color:#424242;
    text-align:center;
    position:absolute;
    width:90%;
    padding:1px 5%;
    bottom:0;
    font-size:12px
}
#terminos {
    display:none
}
#device {
    width:100%;
    height:100%;
    background-color:#797b7b;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:11;
    text-align:center;
    display:none;
}
#device .center {
    display:table-cell;
    vertical-align:middle;
    height:100%
}
#device span {
    display:block;
    margin:25px 0;
    font-size:18px
}
#device .imagen {
    width:100%;
    text-align:center
}
.fondo1{
    background: rgba(51, 51, 51, 0.6);
}
.fondo2{
    background: rgba(255, 255, 255, 0.3);
}


@media screen and (max-width:1400px) {
    .logo {
        width:140px;
    }
    .logo img {
        width:100%
    }
    .row {
        margin-top:7%
    }
}
@media screen and (max-width:1200px) {
    .b-1 {
        width:90%;
        padding:15px 5%
    }
    .logo {
        width:14.1%
    }
    .col h3 {
        font-size:21px
    }
    .listado h3{
        font-size: 13px;
    }
    .t-1 {
        font-size:30px
    }
    .t-2 {
        font-size:33px
    }
    .t-3 {
        font-size:18px
    }
    .listado li {
        font-size:13px
    }
}
@media screen and (max-width:1025px) {
    .body-contactenos {
        height:100%;
    }
    .body-contactenos .container {
        display:inline-block
    }
    .body-contactenos .cont-list {
        display:none
    }
    .body-contactenos .logo {
        width:145px;
        margin-top:-15px;
        position:relative
    }
    .body-contactenos footer {
        position:relative
    }
    .body-contactenos .title-contacto {
        margin-bottom:50px
    }
    .body-contactenos .row {
        margin:85px 0
    }
    .col-01, .col-02 {
        width:100%
    }
    .col-01 {
        margin-right:0
    }
    form .group-linea .linea {
        width:48%;
    }
    form .group-linea .linea select, form .group-linea .linea input {
        height:37px;
        font-size:16px;
        text-transform:initial
    }
    form .group-linea .linea input::-webkit-input-placeholder {
        text-transform:initial
    }
    form .group-linea .linea input:-moz-placeholder {
        text-transform:initial
    }
    form .group-linea .linea input::-moz-placeholder {
        text-transform:initial
    }
    form .group-linea .linea input:-ms-input-placeholder {
        text-transform:initial
    }
    form .group-linea .linea-09 {
        width:100%
    }
    form .group-linea .autorizo p {
        font-size:13px;
        line-height:15px
    }
    .selectric .label {
        text-transform:initial
    }
    .title-contacto {
        width:610px;
        margin:auto
    }
}
@media screen and (max-width:720px) {
    .logo {
        width:120px
    }
    .col p {
        font-size:16px
    }
    .col .p2 {
        font-size:14px
    }
    .title-respuesta, .title-contacto {
        width:100%
    }
    .t-1 {
        font-size:28px
    }
    .t-2 {
        font-size:30px
    }
    .t-3 {
        font-size:20px;
        margin-top:10px
    }
}
@media screen and (max-width:490px) {
    .body-contactenos .logo {
        width:120px
    }
    .body-contactenos .row {
        margin:80px 0 40px
    }
    .col-02 {
        display:none
    }
    .container {
        background-position:56% 0;
        background-size:initial
    }
    .col p {
        font-size:14px
    }
    .col .p2 {
        font-size:12px
    }
    .col h3 {
        margin-bottom:15px
    }
    .t-1 {
        font-size:21px;
        line-height:23px
    }
    .t-2 {
        font-size:21px;
        line-height:23px
    }
    .t-3 {
        font-size:14px;
        line-height:23px
    }
    form .group-linea .linea {
        width:100%;
        margin-right:0;
        margin-left:0
    }
    form .group-linea .linea-09 select, form .group-linea .linea-09 .selectric {
        padding:0 4%
    }
    form .group-linea .autorizo .msgError {
        margin-left:6%
    }
    .btn-contact {
        width:100%;
        margin-top:5%
    }
    .c-footer {
        position:initial
    }
    .selectric .button {
        width:10%
    }
}
@media screen and (max-width:325px) {
    .t-1 {
        font-size:19px;
        line-height:21px
    }
    .t-2 {
        font-size:19px
    }
    .botonEnviar {
        width:150px;
        font-size:13px;
        padding:10px
    }
    footer {
        font-size:11px;
    }
    footer p {
        margin:5px 0
    }
    .row {
        margin-top:20%
    }
}