h1.page_title {
font-size:40px;
font-weight:700;
text-transform:uppercase;
color:#ffffff;
display:block;
margin:0 auto;
text-align:center
}

h1.page_title span {
color:#fff;
display:inline-block;
height:55px;
-webkit-border-radius:27px 28px 28px 27px/27px 27px 28px 28px;
-moz-border-radius:27px 28px 28px 27px/27px 27px 28px 28px;
border-radius:27px 28px 28px 27px/27px 27px 28px 28px;
background-color:#00a3b6;
padding:0 22px;
margin:0 14px
}

.textnews {
font-size:13px;
color:#252525;
padding-top:36px;
width:557px;
line-height:20px
}

.last_n_one .textnews {
margin-left:282px
}

.textnews {
letter-spacing:0
}

.info {
position:absolute;
width:264px;
height:264px;
text-align:center
}

.last_n_two .info {
margin-left:586px
}

.last_n_two .textnews {
margin-left:20px
}

.last_n_two .info a.news_more {
background:#ff5e25
}

a.news_more {
font-size:15px;
font-weight:700;
text-transform:uppercase;
color:#fff;
display:block;
width:149px;
height:42px;
text-align:center;
line-height:42px;
-webkit-border-radius:26px;
-moz-border-radius:26px;
border-radius:26px;
background-color:#00a3b6;
border:3px solid #fff;
position:absolute;
transition:all .3s easy-in-out;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
margin-left:54px
}

a.news_more:hover {
font-size:25px;
width:264px;
height:264px;
line-height:264px;
-webkit-border-radius:186px;
-moz-border-radius:186px;
border-radius:186px;
margin-top:-141px;
margin-left:0
}

a.news_more:active {
-webkit-animation-name:click;
-moz-animation-name:click;
-webkit-animation-duration:.08s;
animation-name:click;
animation-duration:.08s
}

.info p {
font-size:30px;
font-weight:700;
color:#fff
}

p.time {
margin-top:64px
}

h1.lastnews {
margin-bottom:100px
}

h1.page_title.vvk {
padding-top:120px
}

.group {
height:148px;
display:inline-block;
padding-left:115px;
padding-top:48px;
padding-right:44px
}

.offical.group {
border-right:2px solid #cfcfcf
}

.free.group {
margin-left:40px
}

.vks {
text-align:center;
margin-top:233px
}

.icongroup {
width:100px;
height:100px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
background:#ff4e10 url(../images/forum_trong_dat.png) no-repeat center center;
position:absolute;
margin-left:-115px
}

.offical.group .icongroup {
background-color:#049fe0!important
}

.iconface {
width:100px;
height:100px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
background:#ff4e10 url(../images/face_trong_dat.png) no-repeat center center;
position:absolute;
margin-left:-115px
}

.offical.group .iconface {
background-color:#049fe0!important
}

p.groupname {
font-size:25px;
font-weight:700;
color:#ffffff;
margin-top:10px
}

a.gogroup {
display:block;
font-size:14px;
font-weight:700;
text-transform:uppercase;
color:#716f6f;
width:218px;
height:40px;
line-height:40px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
background-color:#cfcfcf;
text-align:center;
margin-top:10px
}

a.gogroup:hover {
background:#4e92c6;
color:#fff;
transition:all .15s easy-in-out;
-webkit-transition:all .15s ease-in-out;
-moz-transition:all .15s ease-in-out
}

a.gogroup:active {
-webkit-animation-name:click;
-moz-animation-name:click;
-webkit-animation-duration:.08s;
animation-name:click;
animation-duration:.08s
}

 

ul.bottom_menu {
list-style:none;
text-align:right;
padding-right:30px
}

ul.bottom_menu li {
display:inline-block;
margin-right:28px
}

ul.bottom_menu li a {
font-size:11px;
font-weight:700;
text-transform:uppercase;
color:#fff
}

ul.bottom_menu li:last-child {
margin:0
}

ul.bottom_menu li i {
width:6px;
height:6px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
background-color:#fff;
border:solid 3px #0e556f;
display:block;
position:absolute;
margin-top:29px;
transition:all .15s easy-in-out;
-webkit-transition:all .15s ease-in-out;
-moz-transition:all .15s ease-in-out;
opacity:0
}

ul.bottom_menu li:hover i {
margin-top:19px;
opacity:1
}

ul.bottom_menu li:hover a {
transform:scale(1.1,1.1)
}

ul.bottom_menu li.gl i {
margin-left:17px
}

ul.bottom_menu li.nw i {
margin-left:21px
}

ul.bottom_menu li.fo i {
margin-left:15px
}

ul.bottom_menu li.pl i {
margin-left:14px
}

ul.bottom_menu li.dn i {
margin-left:14px
}

ul.bottom_menu li.hw i {
margin-left:49px
}

.copyrights {
text-align:right;
margin-top:80px
}

a.copyright {
width:210px;
height:30px;
display:inline-block;
transition:all .15s easy-in-out;
-webkit-transition:all .15s ease-in-out;
-moz-transition:all .15s ease-in-out
}

.page a.copyright {
position:relative;
top:13px
}

a.kevinm.copyright {
background:url(../images/kevinm_copyright.png) no-repeat center center
}

a.diamond.copyright {
background:url(../images/diamond_copyright.png) no-repeat center center
}

a.copyright:hover {
transform:rotate(15deg)
}

select {
-moz-appearance:none;
width:320px;
height:54px;
line-height:48px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
background:#fff;
border:solid 2px #00a3b6;
display:inline-block;
font-family:Arial;
-webkit-appearance:none;
font-size:18px;
color:#006773;
padding:0 20px;
margin-top:20px;
background:url(../images/select_arrow.png) no-repeat right center;
background-color:#fff;
transition:all .15s easy-in-out;
-webkit-transition:all .15s ease-in-out;
-moz-transition:all .15s ease-in-out;
-webkit-box-shadow:0 0 0 #00a3b6;
-moz-box-shadow:0 0 0 #00a3b6;
box-shadow:0 0 0 #00a3b6
}

select#server {
padding:0 20px 0 50px !important;
background:url(../images/select_arrow.png) no-repeat right center,url(../images/ico_server.png) no-repeat 10px center!important;
background-color:#fff!important
}

/* DESACTIVAR REGLA VIEJA DEL PASSWORD */
/* input#password { ... } */

/* Si la necesitas en otra zona, escópala */
.old-login input#password {
    background: url(../images/ico_pass.png) no-repeat left center !important;
    padding-left: 50px !important;
    background-color: #fff !important;
    width: 246px !important;
}

.no_margin_top {
margin-top:0!important
}

select:hover {
-webkit-box-shadow:0 0 20px rgba(0,163,182,.4);
-moz-box-shadow:0 0 20px rgba(0,163,182,.4);
box-shadow:0 0 20px rgba(0,163,182,.4)
}

#filterbar ul {
height:85px
}

#filterbar ul li {
list-style:none;
display:inline-block;
margin:0;
margin-left:7px;
opacity:.5
}

#filterbar ul li.active {
opacity:1
}

#filterbar ul li a {
width:116px;
height:85px;
display:block;
background:#e7e7e7 url(../images/sprite_filter_users.png) no-repeat 27px 20px;
transition:all .3s easy-in-out;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out
}

#filterbar ul li:first-child {
margin:0
}

#filterbar ul li.bus a {
background-position:-96px 20px
}

#filterbar ul li.taxi a {
background-position:-219px 20px
}

#filterbar ul li.lorry a {
background-position:-341px 20px
}

#filterbar ul li.repairs a {
background-position:-464px 20px
}

#filterbar ul li.eatdriver a {
background-position:-587px 20px
}

#filterbar ul li.oildriver a {
background-position:-710px 20px
}

#filterbar ul li.wanted a {
background-position:-833px 20px
}

#filterbar ul li.varn a {
background-position:-957px 20px
}

#filterbar ul li a:hover {
background-position-y:15px
}

#content {
width:1014px;
padding:43px;
background:#e7e7e7
}

#content_mini {
width:320px;
padding:35px;
background:#e7e7e7;
margin:0 auto
}

.login select#server {
margin:0
}

ul.user_list li {
list-style:none;
height:56px;
line-height:56px;
font-size:20px;
color:#ffffff;
transition:all .15s easy-in-out;
-webkit-transition:all .15s ease-in-out;
-moz-transition:all .15s ease-in-out;
padding:0 20px
}

ul.user_list li:hover {
background:#f6f6f6
}

ul.user_list li span.telephone {
padding-left:14px;
font-size:14px;
color:#ffffff;
opacity:.4;
background:url(../images/ico_phone.png) no-repeat left center;
margin-left:10px;
transition:all .15s easy-in-out;
-webkit-transition:all .15s ease-in-out;
-moz-transition:all .15s ease-in-out
}

ul.user_list li:hover span.telephone {
opacity:1
}

ul.user_list li span.rights {
float:right;
font-size:14px;
color:#00a3b6
}

#footer_page {
height:120px;
line-height:120px
}

a.totop {
font-size:12px;
font-weight:700;
text-transform:uppercase;
color:#e7e7e7;
height:40px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
background:#00a3b6 url(../images/ico_top.png) no-repeat 78px center;
line-height:40px;
padding:0 44px 0 20px;
display:inline-block;
float:right;
margin-top:43px;
transition:all .4s easy-in-out;
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out
}

a.totop:hover {
-moz-animation-name:hover_totop;
-webkit-animation-name:hover_totop;
-webkit-animation-duration:.6s;
-webkit-animation-iteration-count:infinite;
animation-name:hover_totop;
animation-duration:.6s;
animation-iteration-count:infinite;
box-shadow:0 0 0 5px rgba(0,163,182,.6)
}

a.toexit {
font-size:12px;
font-weight:700;
text-transform:uppercase;
color:#e7e7e7;
height:40px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
background:#00a3b6 no-repeat 78px center;
line-height:40px;
padding:0 44px 0 20px;
display:inline-block;
float:right;
margin-top:43px;
transition:all .4s easy-in-out;
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out
}

a.toexit:hover {
-moz-animation-name:hover_totop;
-webkit-animation-name:hover_totop;
-webkit-animation-duration:.6s;
-webkit-animation-iteration-count:infinite;
animation-name:hover_totop;
animation-duration:.6s;
animation-iteration-count:infinite;
box-shadow:0 0 0 5px rgba(0,163,182,.6)
}

.user_top {
width:100px;
height:100px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
-webkit-box-shadow:inset 0 0 0 4px #fff;
-moz-box-shadow:inset 0 0 0 4px #fff;
box-shadow:inset 0 0 0 4px #fff;
display:inline-block;
padding:9px;
margin-bottom:36px;
margin-top:-85px;
transition:all .4s easy-in-out;
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out
}

#content .user_top {
margin:0;
position:absolute
}

h2.name {
display:block;
margin-bottom:0;
position:absolute;
padding-left:160px
}

.user_top:hover {
-webkit-box-shadow:inset 0 0 0 4px #00a3b6;
-moz-box-shadow:inset 0 0 0 4px #00a3b6;
box-shadow:inset 0 0 0 4px #00a3b6
}

.user_skin {
width:100px;
height:100px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
background-color:#fff;
overflow:hidden
}

span.user_id {
text-align:center;
position:absolute;
display:block;
width:80px;
height:27px;
-webkit-border-radius:19px/18px 18px 19px 19px;
-moz-border-radius:19px/18px 18px 19px 19px;
border-radius:19px/18px 18px 19px 19px;
background-color:#ffffff;
line-height:27px;
font-size:12px;
text-transform:uppercase;
color:#fff;
margin-left:9px;
margin-top:-16px
}

.user_skin img {
margin-left:-15px
}

.user_p_table {
display:table-rowl;
width:100%
}

.user_p_left {
display:table-cell;
width:310px;
padding-right:42px;
vertical-align:top
}

.user_p_right {
width:100%;
display:table-cell;
vertical-align:top
}

.user_p_left > div {
width:290px;
background:#fff;
padding:20px;
margin-bottom:20px
}

.user_p_right > div {
background:#fff;
padding:20px;
margin-bottom:20px
}

.user_lvl {
height:120px
}

.user_server {
height:78px
}

p.user_info_title {
font-size:20px;
font-weight:700;
text-transform:uppercase;
color:#2e2e2e
}

p.lvl_info {
font-size:12px;
color:#727272;
margin-top:20px;
font-family:Arial
}

p.lvl_info,p.user_info_title {
width:184px
}

.lvl.progress_bar {
width:100px;
height:100px;
position:absolute;
margin-left:190px
}

a.orange_button {
font-size:18px;
text-transform:uppercase;
color:#fff;
width:100%;
text-align:center;
height:54px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
background-color:#ff5e25;
border:solid 2px #ff5e25;
line-height:54px;
display:inline-block;
-moz-transition:all .4s ease-in-out
}

a.orange_button.easy {
background:transparent;
color:#ff5e25
}

a.orange_button:hover {
-webkit-animation-name:hover_button;
-webkit-animation-duration:1s;
-webkit-animation-iteration-count:infinite;
-moz-animation-name:hover_totop;
animation-name:hover_totop;
animation-duration:1s;
animation-iteration-count:infinite;
box-shadow:0 0 0 3px rgba(255,94,37,.5)
}

/* =========================
   HERO HOME ESTILO UNPLAYER
   BLOQUE LIMPIO Y UNIFICADO
========================= */

/* estructura base */
.crp-page-home {
    display: block;
    position: relative;
    width: 100%;
    margin: -1px 0 0 0 !important;
    padding: 0;
    line-height: normal;
    min-height: 0 !important;
    height: auto !important;
    z-index: 2;
}

.crp-home-slider {
    display: block;
    text-align: left;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    margin: 0 !important;
    padding: 0 !important;
    border-top: 0 !important;
}

.crp-home-slider > .crp-slider {
    display: block;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 48px 0 !important;
    overflow: hidden;
    border-top: 0 !important;
}

.crp-home-slider > .crp-slider.crp-bg-2014 {
    min-width: 0;
    background-image: url('/theme/images/8.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 0 !important;
    border-top: 0 !important;
}

.crp-home-inner {
    position: relative;
    z-index: 2;
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* quitar hueco/franja superior */
#web,
#page-content,
.page.crp-page-home,
.crp-home-slider,
.crp-home-slider > .crp-slider,
.crp-home-inner {
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: 0 !important;
}

#web {
    overflow: hidden !important;
}

#header,
#header *,
header,
header * {
    box-shadow: none !important;
}

#header,
header {
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* formulario */
#crp-register-form {
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    margin: 0;
    padding: 0;
}

#crp-register-form > .crp-form-blocks {
    width: 100%;
    max-width: 930px;
    margin: 0 auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 36px;
    overflow: visible;
}

/* mensajes */
#crp-register-response {
    display: none;
    margin: 0 0 12px 0;
    position: relative;
    z-index: 3;
}

#crp-register-response.is-visible {
    display: block;
}

#crp-register-response .error-message,
#crp-register-response .success-message {
    padding: 12px 14px;
    font-size: 13px;
    line-height: 1.45;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0,0,0,.08);
}

#crp-register-response .error-message {
    background: #ffe8e8;
    border: 1px solid #d82929;
    color: #a51d1d;
}

#crp-register-response .success-message {
    background: #e9f8e7;
    border: 1px solid #5dbf00;
    color: #2e6f00;
}

#crp-register-response .centered-text,
#crp-register-response .centered-text-cuenta {
    text-align: center;
    font-weight: 700;
    margin-bottom: 6px;
}

#crp-register-response p {
    margin: 4px 0;
}

/* bloque izquierdo */
#crp-register-form > .crp-form-blocks > .crp-block-top {
    position: relative;
    box-sizing: border-box;
    width: 470px;
    flex: 0 0 470px;
    padding: 0 20px;
    margin: 0;
}

#crp-register-form > .crp-form-blocks > .crp-block-top > .crp-form-bg {
    position: absolute;
    inset: 0;
    background-color: #fff;
    opacity: .84;
    z-index: 1;
    border-radius: 5px;
}

#crp-register-form > .crp-form-blocks > .crp-block-top > .crp-container {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 30px 30px 30px 0;
    box-sizing: border-box;
}

#crp-register-form > .crp-form-blocks > .crp-block-top > .crp-container > h4 {
    display: inline-block;
    line-height: 38px;
    text-transform: uppercase;
    color: #058BD1;
    font-weight: 700;
    font-size: 30px;
    margin: 0 0 6px 0;
}

/* filas */
#crp-register-form > .crp-form-blocks > .crp-block-top > .crp-container > .crp-field-container {
    margin-bottom: 10px;
	display: flex !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    width: 100%;
    font-size: 0;
}

#crp-register-form > .crp-form-blocks > .crp-block-top > .crp-container > .crp-field-container > .crp-field-group {
    width: 214px;
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
}

#crp-register-form > .crp-form-blocks > .crp-block-top > .crp-container > .crp-field-container > .crp-field-group > label,
#crp-register-form > .crp-form-blocks > .crp-block-top > .crp-container > .crp-field-group > label {
    font-size: 13px;
    color: #737272;
    margin-bottom: 4px;
    display: block;
    font-weight: 400;
    line-height: 1.2;
}

#crp-register-form > .crp-form-blocks > .crp-block-top > .crp-container > .crp-field-container > .crp-field-group > .crp-input-holder {
    display: block;
    width: 100%;
}

#crp-register-form > .crp-form-blocks > .crp-block-top > .crp-container > .crp-field-container > .crp-field-group > .crp-input-holder > input {
    display: inline-block;
    border: 1px solid #E6E6E6;
    margin: 0;
    font-size: 13px;
    height: 29px;
    padding: 0 8px;
    box-shadow: none;
    border-radius: 0;
    background: #fff;
    box-sizing: border-box;
}

#crp-register-form > .crp-form-blocks > .crp-block-top > .crp-container > .crp-field-container > .crp-field-group.crp-name > .crp-input-holder > input {
    width: 190px;
}

#crp-register-form > .crp-form-blocks > .crp-block-top > .crp-container > .crp-field-container > .crp-field-group > .crp-input-holder > .crp-helper-text {
    display: inline-block;
    font-size: 13px;
    color: #737272;
}

/* segunda fila: ciudad + sexo en la misma línea */
#crp-register-form > .crp-form-blocks > .crp-block-top > .crp-container > .crp-field-container:nth-of-type(2) {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

#crp-register-form > .crp-form-blocks > .crp-block-top > .crp-container > .crp-field-container:nth-of-type(2) > .crp-field-group {
    width: auto;
    flex: 1 1 0;
    display: block;
    margin-left: 0;
}

/* campos simples */
#crp-register-form > .crp-form-blocks > .crp-block-top > .crp-container > .crp-field-group {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

#crp-register-form > .crp-form-blocks > .crp-block-top > .crp-container > .crp-field-group > .crp-input-holder {
    position: relative;
    width: 100%;
    min-height: 29px;
}

#crp-register-form > .crp-form-blocks > .crp-block-top > .crp-container > .crp-field-group > .crp-input-holder > input {
    width: 250px;
    border: 1px solid #E6E6E6;
    margin: 0;
    font-size: 13px;
    display: inline-block;
    vertical-align: top;
    height: 29px;
    padding: 0 8px;
    box-shadow: none;
    border-radius: 0;
    background: #fff;
    box-sizing: border-box;
}

#crp-register-form > .crp-form-blocks > .crp-block-top > .crp-container > .crp-field-group > .crp-input-holder > .crp-helper-text {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: 262px;
    top: 50%;
    transform: translateY(-50%);
    width: 165px;
    text-align: left;
    font-size: 12px;
    color: #2498D5;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* edad */
.crp-age-field {
    width: 150px !important;
    margin-left: 34px;
}

.crp-age-field .crp-input-holder {
    display: flex !important;
    align-items: center;
    gap: 6px;
}

.crp-age-field input {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    text-align: center;
    padding: 0 6px !important;
}

.crp-age-field .crp-helper-text {
    position: static !important;
    width: auto !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    transform: none !important;
    color: #737272 !important;
    font-size: 12px !important;
    line-height: 29px !important;
    margin: 0 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

/* radios */
.crp-radios > .crp-input-holder {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
}

.crp-radios > .crp-input-holder > label {
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    line-height: 19px;
    min-height: 19px;
    vertical-align: top;
    cursor: pointer;
    white-space: nowrap;
    color: #4a4a4a;
    margin-right: 10px;
    margin-bottom: 0;
}

.crp-checkboxd {
    background-image: url('/theme/images/checks.png');
    width: 19px;
    height: 19px;
    display: inline-block;
    background-position: right top;
    vertical-align: top;
    margin-right: 3px;
    flex: 0 0 19px;
}

.crp-checkboxd.selected {
    background-position: left top;
}

.helper-text.green,
.crp-helper-text.green {
    color: #5DBF00 !important;
}

.helper-text.red,
.crp-helper-text.red {
    color: #D82929 !important;
}

.helper-text.loading,
.crp-helper-text.loading {
    color: #EAA411 !important;
}

/* botón + texto legal */
.crp-bottom {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 14px;
    width: 100%;
    margin: 18px 0 0 0;
    padding-top: 4px;
    text-align: center;
}

.crp-bottom > span {
    color: #777;
    font-size: 11px;
    line-height: 1.35;
    text-align: center;
    margin: 0;
    order: 2;
    flex: 1 1 auto;
}

.crp-register-button {
    outline: none;
    background-color: #058BD0;
    color: #FFF;
    border: 1px solid #AFC29C;
    box-shadow: 0 0 1px #E5E5E5;
    text-align: center;
    height: 38px;
    line-height: 36px;
    width: 170px;
    min-width: 170px;
    padding: 0;
    margin: 0 auto;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    display: block;
    order: 1;
    cursor: pointer;
}

.crp-register-button:hover {
    background-color: #1FADFA;
}

/* bloque derecho */
#crp-register-form > .crp-form-blocks > .crp-block-bottom {
    text-align: center;
    width: 430px;
    flex: 0 0 430px;
    position: relative;
    margin: 6px 0 0 0;
}

#crp-register-form > .crp-form-blocks > .crp-block-bottom > h3 {
    font-size: 29px;
    color: #3f3f3f;
    margin: 0 0 10px 0;
    text-align: left;
    line-height: 1.1;
    white-space: nowrap;
}

/* slider multimedia */
.crp-video-box {
    width: 100%;
    max-width: 370px;
    height: 275px;
    margin: 0 auto;
    overflow: hidden;
    background: #111;
    border-radius: 4px;
    position: relative;
}

.crp-media-slider {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #000;
}

.crp-media-track {
    position: relative;
    width: 100%;
    height: 100%;
}

.crp-media-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .35s ease, visibility .35s ease;
    z-index: 1;
    background: #000;
}

.crp-media-slide.active {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

.crp-media-slide img,
.crp-media-slide video,
.crp-media-slide iframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    background: #000;
}

.crp-media-slide img,
.crp-media-slide video {
    object-fit: cover;
    object-position: center center;
}

.crp-media-slide iframe {
    pointer-events: auto;
}

.crp-media-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 50%;
    background: rgba(0,0,0,.45);
    color: #fff;
    font-size: 22px;
    line-height: 38px;
    text-align: center;
    cursor: pointer;
    transition: background .2s ease;
}

.crp-media-nav:hover {
    background: rgba(0,0,0,.72);
}

.crp-media-nav.prev {
    left: 10px;
}

.crp-media-nav.next {
    right: 10px;
}

.crp-media-dots {
    position: absolute;
    left: 50%;
    bottom: 10px;
    transform: translateX(-50%);
    z-index: 5;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 6px 10px;
    border-radius: 20px;
    background: rgba(0,0,0,.28);
}

.crp-media-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: rgba(255,255,255,.45);
    cursor: pointer;
    transition: transform .2s ease, background .2s ease;
}

.crp-media-dot.active {
    background: #fff;
    transform: scale(1.15);
}

/* IPs */
.crp-ips {
    margin-top: 10px;
}

.crp-ips a {
    margin-top: 10px;
    width: 370px;
    position: relative;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    text-decoration: none;
    height: 47px;
    line-height: 47px;
    display: block;
    font-size: 0;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

.crp-ips a > span.crp-bg-opacity {
    position: absolute;
    background-color: #FFF;
    opacity: .90;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
}

.crp-ips a > span.crp-before,
.crp-ips a > span.crp-after {
    position: relative;
    z-index: 2;
    display: inline-block;
    vertical-align: top;
    height: 47px;
    line-height: 47px;
    box-sizing: border-box;
}

.crp-ips a > span.crp-before {
    width: 58px;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    padding: 0;
}

.crp-ips a > span.crp-after {
    width: calc(100% - 58px);
    color: #555454;
    font-size: 16px;
    padding: 0 12px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.crp-ips > .crp-samp {
    border: 1px solid #5DBF00;
}

.crp-ips > .crp-samp > span.crp-before {
    background-color: #5DBF00;
}

.crp-ips > .crp-samp:hover {
    border-color: #499B00;
}

.crp-ips > .crp-samp:hover > span.crp-before {
    background-color: #499B00;
}

.crp-ips > .crp-ts3 {
    border: 1px solid #747474;
}

.crp-ips > .crp-ts3 > span.crp-before {
    background-color: #747474;
}

.crp-ips > .crp-ts3:hover {
    border-color: #5B5B5B;
}

.crp-ips > .crp-ts3:hover > span.crp-before {
    background-color: #5B5B5B;
}

.crp-input-holder input::placeholder {
    font-size: 13px;
    font-family: 'Lato', sans-serif;
    color: #a8a8a8;
}

/* tablet / mobile */
@media (max-width: 1020px) {
    .crp-page-home .base-size,
    .crp-page-home .crp-home-inner {
        min-width: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
        box-sizing: border-box !important;
    }

    .crp-home-slider > .crp-slider,
    .crp-home-slider > .crp-slider.crp-bg-2014 {
        min-height: auto;
        padding: 48px 0 !important;
        overflow: visible !important;
    }

    #crp-register-form > .crp-form-blocks {
        display: block !important;
        max-width: 620px !important;
        margin: 0 auto !important;
    }

    #crp-register-form > .crp-form-blocks > .crp-block-top,
    #crp-register-form > .crp-form-blocks > .crp-block-bottom {
        width: 100% !important;
        max-width: 620px !important;
        flex: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #crp-register-form > .crp-form-blocks > .crp-block-top {
        padding: 0 !important;
    }

    #crp-register-form > .crp-form-blocks > .crp-block-top > .crp-container {
        padding: 30px !important;
    }

    #crp-register-form > .crp-form-blocks > .crp-block-top > .crp-container > .crp-field-container:first-of-type {
        display: block !important;
    }

    #crp-register-form > .crp-form-blocks > .crp-block-top > .crp-container > .crp-field-container:first-of-type > .crp-field-group {
        width: 100% !important;
        display: block !important;
        margin-left: 0 !important;
    }

    #crp-register-form > .crp-form-blocks > .crp-block-top > .crp-container > .crp-field-container:nth-of-type(2) {
        display: flex !important;
        gap: 14px !important;
        align-items: flex-start !important;
    }

    #crp-register-form > .crp-form-blocks > .crp-block-top > .crp-container > .crp-field-container:nth-of-type(2) > .crp-field-group {
        width: auto !important;
        flex: 1 1 0 !important;
        display: block !important;
        margin-left: 0 !important;
    }

    #crp-register-form > .crp-form-blocks > .crp-block-top > .crp-container > .crp-field-group > .crp-input-holder,
    #crp-register-form > .crp-form-blocks > .crp-block-top > .crp-container > .crp-field-container > .crp-field-group > .crp-input-holder {
        position: relative !important;
        min-height: 0 !important;
        padding-right: 0 !important;
    }

    #crp-register-form > .crp-form-blocks > .crp-block-top > .crp-container > .crp-field-group > .crp-input-holder > input,
    #crp-register-form > .crp-form-blocks > .crp-block-top > .crp-container > .crp-field-container > .crp-field-group.crp-name > .crp-input-holder > input,
    #crp-register-form > .crp-form-blocks > .crp-block-top > .crp-container > .crp-field-container > .crp-field-group > .crp-input-holder > input {
        width: 100% !important;
        max-width: none !important;
    }

    #crp-register-form > .crp-form-blocks > .crp-block-top > .crp-container > .crp-field-group > .crp-input-holder > .crp-helper-text,
    #crp-register-form > .crp-form-blocks > .crp-form-blocks > .crp-block-top > .crp-container > .crp-field-container > .crp-field-group > .crp-input-holder > .crp-helper-text {
        position: static !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        transform: none !important;
        width: 100% !important;
        display: block !important;
        margin-top: 6px !important;
        text-align: left !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .crp-age-field {
        width: auto !important;
        margin-left: 20px !important;
        display: inline-block !important;
    }

    .crp-age-field .crp-input-holder {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        width: auto !important;
        flex-wrap: nowrap !important;
    }

    .crp-age-field input {
        width: 48px !important;
        min-width: 48px !important;
        max-width: 48px !important;
        flex: 0 0 48px !important;
    }

    .crp-age-field .crp-helper-text {
        position: static !important;
        width: auto !important;
        margin: 0 !important;
        display: inline-block !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
        line-height: 29px !important;
    }

    .crp-radios > .crp-input-holder {
        flex-wrap: nowrap !important;
        gap: 8px !important;
    }

    .crp-radios > .crp-input-holder > label {
        margin-right: 8px !important;
        margin-bottom: 0 !important;
        font-size: 11px;
    }

    .crp-bottom {
        display: block !important;
        margin-top: 14px !important;
        padding-top: 2px !important;
        text-align: center !important;
    }

    .crp-register-button {
        width: 190px !important;
        min-width: 190px !important;
        margin: 21px auto 0 auto !important;
    }

    .crp-bottom > span {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        text-align: center !important;
    }

    #crp-register-form > .crp-form-blocks > .crp-block-bottom {
        margin-top: 42px !important;
        text-align: center !important;
    }

    #crp-register-form > .crp-form-blocks > .crp-block-bottom > h3 {
        font-size: 26px;
        text-align: center !important;
        white-space: normal;
    }

    .crp-video-box,
    .crp-ips a {
        width: 100% !important;
        max-width: 620px !important;
    }

    .crp-video-box {
        height: 320px;
    }
}

@media (max-width: 760px) {
    .crp-page-home .base-size,
    .crp-page-home .crp-home-inner {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    #crp-register-form > .crp-form-blocks {
        max-width: 560px !important;
    }

    #crp-register-form > .crp-form-blocks > .crp-block-top,
    #crp-register-form > .crp-form-blocks > .crp-block-bottom {
        max-width: 560px !important;
    }

    .crp-home-slider > .crp-slider,
    .crp-home-slider > .crp-slider.crp-bg-2014 {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }

    .crp-video-box {
        height: 240px !important;
    }

    .crp-media-nav {
        width: 34px;
        height: 34px;
        line-height: 34px;
        font-size: 20px;
    }
}

@media (max-width: 520px) {
    .crp-age-field {
        margin-left: 12px !important;
    }

    .crp-age-field input {
        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        flex: 0 0 44px !important;
    }
}

@media (max-width: 420px) {
    .crp-page-home .base-size,
    .crp-page-home .crp-home-inner {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .crp-home-slider > .crp-slider,
    .crp-home-slider > .crp-slider.crp-bg-2014 {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }

    #crp-register-form > .crp-form-blocks > .crp-block-top > .crp-container {
        padding: 30px !important;
    }

    .crp-register-button {
        width: 180px !important;
        min-width: 180px !important;
    }

    #crp-register-form > .crp-form-blocks > .crp-block-top > .crp-container > .crp-field-group > .crp-input-holder > .crp-helper-text,
    #crp-register-form > .crp-form-blocks > .crp-block-top > .crp-container > .crp-field-container > .crp-field-group > .crp-input-holder > .crp-helper-text {
        font-size: 11px !important;
    }

    .crp-video-box {
        height: 200px !important;
    }

    #crp-register-form > .crp-form-blocks > .crp-block-bottom {
        margin-top: 48px !important;
    }
}

/* separación con footer */
.crp-page-home + .extra-footer,
.crp-page-home + footer,
#page-content > .extra-footer,
#page-content > footer {
    margin-top: 14px !important;
}

#page-content {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
@media (min-width: 1021px) {
    .crp-home-slider > .crp-slider,
    .crp-home-slider > .crp-slider.crp-bg-2014 {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }
}