/* Fonts */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300,400italic%7cPlayfair+Display:400italic&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
body {
background: #1E1E1E; }
/* General and Homepage
----------------------------------------------------------------------------------------------------*/
.relative {
position: relative; }
.absolute {
position: absolute; }
/*Header and navigation*/
header .navbar {
background: url("../images/layout/header-background.jpg");
background-size: cover;
background-position: center center;
padding: 10px 0 0 0; }
header .navbar-brand {
display: flex;
justify-content: center;
align-items: center;
float: none;
margin: 0; }
header.dark .navbar-nav > li > a {
color: #1d0f02;
text-transform: uppercase;
font-size: 13px;
border-bottom: none; }
header.dark .navbar-nav > li > a:hover {
color: #252525; }
header.dark .navbar-nav > li {
display: inline-block; }
.navbar-collapse.flex {
display: flex;
float: none;
justify-content: center;
align-items: center;
margin-bottom: -15px;
background: #1E1E1E; }
.nav-left, .nav-right {
background: #dfdcdc;
height: 48px;
flex-grow: 1; }
.nav-right {
background: #dfdcdc; }
.nav-wrap {
flex-grow: 0;
display: flex;
justify-content: space-between;
align-items: center;
height: 52px;
padding-left: 32px;
position: relative;
bottom: 10px; }
.nav.navbar-nav a {
padding: 0; }
.nav-wrap-child-1 {
padding-right: 290px; }
.nav-wrap-child-1 li {
padding-right: 40px; }
.nav-wrap-child-2 {
cursor: pointer; }
.nav-wrap:before {
content: url("../images/ico/beffore-nav.png");
position: absolute;
left: 0;
top: 0; }
.nav-wrap:after {
content: url("../images/ico/affter-nav.png");
position: absolute;
right: 0;
top: 0; }
.rolldown.absolute {
left: -61px;
top: 31px;
display: none; }
.rolldown li {
position: relative; }
.rolldown ul {
width: 159px;
padding-top: 10px;
background: #d4d4d4; }
.rolldown li a {
padding: 5px 50px 5px 30px;
display: inline-block;
white-space: nowrap;
font-size: 13px;
text-transform: uppercase;
color: #000000; }
.rolldown .english:before {
content: url("../images/ico/flag-britain.png");
position: relative;
left: -7px;
top: 3px; }
.rolldown .spanish:before {
content: url("../images/ico/spain.png");
position: relative;
left: -7px;
top: 3px; }
.rolldown .portuguese:before {
content: url("../images/ico/portugal.png");
position: relative;
left: -7px;
top: 3px; }
.rolldown .french:before {
content: url("../images/ico/french.png");
position: relative;
left: -7px;
top: 3px; }
.rolldown .german:before {
content: url("../images/ico/germann.png");
position: relative;
left: -7px;
top: 3px; }
.rolldown .russian:before {
content: url("../images/ico/russian.png");
position: relative;
left: -7px;
top: 3px; }
.select-lng {
display: inline-block;
font-size: 13px;
padding-right: 25px;
cursor: pointer;
text-transform: uppercase; }
.select-lng.acvite:after {
transform: rotate(180deg); }
.select-lng:after {
font-family: 'Material Icons';
speak: none;
-webkit-font-feature-settings: "liga", "dlig";
-moz-font-feature-settings: "liga=1, dlig=1";
-moz-font-feature-settings: "liga", "dlig";
-ms-font-feature-settings: "liga", "dlig";
-o-font-feature-settings: "liga", "dlig";
font-feature-settings: "liga", "dlig";
text-rendering: optimizeLegibility;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
direction: ltr;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
text-align: center;
font-style: normal;
vertical-align: middle;
word-wrap: normal !important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
content: 'keyboard_arrow_down';
transition: all 0.5s ease; }
.select-lng:before {
position: absolute;
left: -38px;
top: 50%;
margin-top: -8px; }
.flgo-en:before {content: url("../images/ico/flag-britain.png");}
.flgo-es:before {content: url("../images/ico/spain.png");}
.flgo-pt:before {content: url("../images/ico/portugal.png");}
.flgo-fr:before {content: url("../images/ico/french.png");}
.flgo-de:before {content: url("../images/ico/germann.png");}
.flgo-ru:before {content: url("../images/ico/russian.png");}
.network:before {
font-family: 'Material Icons';
speak: none;
-webkit-font-feature-settings: "liga", "dlig";
-moz-font-feature-settings: "liga=1, dlig=1";
-moz-font-feature-settings: "liga", "dlig";
-ms-font-feature-settings: "liga", "dlig";
-o-font-feature-settings: "liga", "dlig";
font-feature-settings: "liga", "dlig";
text-rendering: optimizeLegibility;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
direction: ltr;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
text-align: center;
font-style: normal;
vertical-align: middle;
word-wrap: normal !important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
content: 'apps';
color: #F50000;
position: relative;
top: -1px;
left: -5px; }
.member:before {
font-family: 'Material Icons';
speak: none;
-webkit-font-feature-settings: "liga", "dlig";
-moz-font-feature-settings: "liga=1, dlig=1";
-moz-font-feature-settings: "liga", "dlig";
-ms-font-feature-settings: "liga", "dlig";
-o-font-feature-settings: "liga", "dlig";
font-feature-settings: "liga", "dlig";
text-rendering: optimizeLegibility;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
direction: ltr;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
text-align: center;
font-style: normal;
vertical-align: middle;
word-wrap: normal !important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
content: 'lock';
color: #F50000;
position: relative;
top: -1px;
left: -5px; }
.access:before {
font-family: 'Material Icons';
speak: none;
-webkit-font-feature-settings: "liga", "dlig";
-moz-font-feature-settings: "liga=1, dlig=1";
-moz-font-feature-settings: "liga", "dlig";
-ms-font-feature-settings: "liga", "dlig";
-o-font-feature-settings: "liga", "dlig";
font-feature-settings: "liga", "dlig";
text-rendering: optimizeLegibility;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
direction: ltr;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
text-align: center;
font-style: normal;
vertical-align: middle;
word-wrap: normal !important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
content: 'lock';
color: #fff;
position: relative;
top: -3px;
padding-right: 15px; }
#content {
padding-top: 260px;
background: #1E1E1E; }
#grid img {
width: 100%;
display: block; }
.container-fluid {
padding: 0 30px;
padding-right: 45px;
max-width: 1920px; }
.container {
max-width: 1000px; }
.figure {
position: relative;
border: 1px solid #ffd907;
margin-bottom: 30px;
cursor: pointer; }
.figure .material-icons {
font-size: 60px;
color: #cdcac7;
border: 1px solid #ffd907;
padding: 20px; }
.figcaption {
position: absolute;
top: 0;
left: 0;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
display: none;
transition: all 5s ease; }
.figure:hover {
border: 1px solidtransparent; }
.figure:hover .figcaption {
display: flex; }
.figure a {
display: block; }
/*Pagination*/
nav.nav-pagination {
text-align: center; }
.pagination {
display: inline-block;
padding: 15px 0 60px 0; }
.pagination a {
line-height: 27px;
height: 50px;
padding: 10px 18px; }
.pagination li {
display: inline-block;
margin-left: 5px; }
.pagination li a {
color: #ffe037;
font-size: 20px;
text-transform: uppercase; }
.pagination li a:hover {
background: none;
color: #ffd907; }
.pagination li:first-child a, .pagination li:last-child a {
border: none; }
.pagination li:first-child a:hover, .pagination li:last-child a:hover {
background: none;
color: #ffd907; }
.pagination a:first-child {
border: none; }
.pagination .active a {
border: 1px solid #ffe037;
border-radius: 0; }
.pagination .active a:hover {
background: #2f2317;
color: #ffd907; }
.pagination .previous:before {
font-family: 'Material Icons';
speak: none;
-webkit-font-feature-settings: "liga", "dlig";
-moz-font-feature-settings: "liga=1, dlig=1";
-moz-font-feature-settings: "liga", "dlig";
-ms-font-feature-settings: "liga", "dlig";
-o-font-feature-settings: "liga", "dlig";
font-feature-settings: "liga", "dlig";
text-rendering: optimizeLegibility;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
direction: ltr;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
text-align: center;
font-style: normal;
vertical-align: middle;
word-wrap: normal !important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
content: 'keyboard_arrow_left';
position: relative;
top: -1px; }
.pagination .next:after {
font-family: 'Material Icons';
speak: none;
-webkit-font-feature-settings: "liga", "dlig";
-moz-font-feature-settings: "liga=1, dlig=1";
-moz-font-feature-settings: "liga", "dlig";
-ms-font-feature-settings: "liga", "dlig";
-o-font-feature-settings: "liga", "dlig";
font-feature-settings: "liga", "dlig";
text-rendering: optimizeLegibility;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
direction: ltr;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
text-align: center;
font-style: normal;
vertical-align: middle;
word-wrap: normal !important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
content: 'keyboard_arrow_right';
position: relative;
top: -1px; }
.flex-wrap {
display: flex;
justify-content: center;
align-items: center; }
.flex-wrap-child {
flex-grow: 1;
height: 86px;
background: #a91616;
border-top: 1px solid #be4f4f;
border-bottom: 1px solid #be4f4f; }
.flex-middle {
display: flex;
flex-grow: 0;
justify-content: center;
align-items: center;
position: relative;
bottom: 10px !important; }
.flex-middle:before {
content: url("../images/ico/beffore-btn.png");
position: absolute;
left: 0;
top: 0 !important; }
.flex-middle:after {
content: url("../images/ico/affter-btn.png");
position: absolute;
right: 0;
top: 1px !important; }
/*Footer*/
footer {
background: url("../images/layout/footer-backround.jpg");
background-size: cover;
background-position: center center;
padding: 75px 0 55px 0; }
footer p {
color: #fff4b9;
text-align: left;
font-size: 11px;
padding-bottom: 0; }
footer p:nth-of-type(1) {
padding-bottom: 30px; }
.footer-nav {
text-align: left;
padding: 0; }
.footer-nav .flex-nav {
display: flex;
align-items: center;
padding: 30px 0; }
.footer-nav li {
display: inline-block;
margin-right: -4px; }
.footer-nav li span:after {
content: '|';
color: #ffe037;
font-size: 13px;
margin-left: 1px; }
.footer-nav li:last-child a:after {
content: ''; }
.footer-nav li a {
color: #ffe037;
font-size: 12px; }
.soc-icon {
display: flex;
justify-content: space-between; }
.soc-icon a {
color: #b6882c;
font-size: 15px;
border: 1px solid #b6882c;
padding: 9px 10px;
display: inline-block; }
.soc-icon a:hover {
text-decoration: none;
background: rgba(47, 35, 23, 0.6); }
/* Join Page
----------------------------------------------------------------------------------------------------*/
#content h3, #content {
color: #ffffff; }
#content h3 {
font-size: 25px;
padding-bottom: 15px;
text-transform: uppercase; }
#content .ca-box h3 {
font-size: 18px; }
#content.no-fixed-header {
padding-top: 45px; }
.align {
display: flex;
align-items: center; }
.align label {
padding-bottom: 0; }
.small-container {
max-width: 730px; }
.padding {
padding-bottom: 25px; }
label {
font-size: 12px;
color: #a7a6a5;
text-transform: uppercase;
padding-bottom: 10px;
display: inline-block; }
input, select, textarea {
font-size: 14px; }
.form-control {
background: #504231;
border: none;
box-shadow: none;
border-radius: 0; }
form .field-group {
padding-bottom: 20px; }
.mdl-radio__ripple-container .mdl-ripple, .mdl-radio__inner-circle, .mdl-radio.is-checked .mdl-radio__tick-outline, .mdl-checkbox.is-checked .mdl-checkbox__tick-outline, .mdl-checkbox__ripple-container .mdl-ripple, .mdl-switch.is-checked .mdl-switch__thumb, .mdl-switch__ripple-container .mdl-ripple {
background-color: #ffd907; }
.mdl-radio__outer-circle, .mdl-radio.is-checked .mdl-radio__outer-circle, .mdl-radio__inner-circle, .mdl-checkbox.is-checked .mdl-checkbox__box-outline {
border-color: #ffd907; }
.form-box .col-md-12 .box {
background: #504231;
border-bottom: 1px solid #504231;
margin-bottom: 1px;
padding: 10px 15px;
padding-left: 20px; }
.col-md-12.active .box {
background: #cb2929;
position: relative; }
.mdl-radio__label {
color: #ffd907; }
.col-md-12 .mdl-radio__ripple-container .mdl-ripple, .mdl-radio__inner-circle, .mdl-radio.is-checked .mdl-radio__tick-outline, .mdl-checkbox.is-checked .mdl-checkbox__tick-outline, .mdl-checkbox__ripple-container .mdl-ripple, .mdl-switch.is-checked .mdl-switch__thumb, .mdl-switch__ripple-container .mdl-ripple {
background-color: #ffffff; }
.col-md-12 .mdl-radio__outer-circle, .col-md-12 .mdl-radio.is-checked .mdl-radio__outer-circle, .mdl-radio__inner-circle, .mdl-checkbox.is-checked .mdl-checkbox__box-outline {
border-color: #ffffff; }
.form-box .mdl-radio {
margin: 0; }
.form-box label {
padding-bottom: 0;
max-width: 380px;
text-transform: none; }
label .block {
display: inline-block;
font-size: 12px;
padding-top: 5px; }
label .other-color {
font-size: 14px;
text-transform: uppercase;
color: #ffd907;
position: absolute;
right: -45px;
bottom: 15px; }
.form-group.last {
padding-bottom: 5px; }
.join {
margin-top: 30px; }
.join .btn-primary {
padding: 0;
font-size: 18px;
padding: 41px 40px;
min-height: 50px;
margin-top: 0; }
.join a {
color: #ffd907;
text-transform: uppercase;
padding-left: 30px; }
.ca-box-parents {
overflow: hidden;
padding-bottom: 50px; }
.ca-box ul li {
font-size: 14px;
color: #ffffff;
list-style: none;
margin-left: 0;
padding-bottom: 10px; }
.ca-box ul li:before {
font-family: 'Material Icons';
speak: none;
-webkit-font-feature-settings: "liga", "dlig";
-moz-font-feature-settings: "liga=1, dlig=1";
-moz-font-feature-settings: "liga", "dlig";
-ms-font-feature-settings: "liga", "dlig";
-o-font-feature-settings: "liga", "dlig";
font-feature-settings: "liga", "dlig";
text-rendering: optimizeLegibility;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
direction: ltr;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
text-align: center;
font-style: normal;
vertical-align: middle;
word-wrap: normal !important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
content: 'beenhere';
color: #ffffff;
font-weight: 900;
font-size: 14px;
margin-right: 5px; }
.ca-box {
position: relative; }
.list {
position: relative;
border-bottom: 1px solid #2f251a;
padding-bottom: 5px;
margin-bottom: 30px; }
.boy-woman {
background: url("../images/ico/boy-wooman.png");
width: 170px;
height: 310px;
position: absolute;
right: 0;
bottom: 0;
background-size: cover; }
.certification-column i {
display: inline-block;
height: 40px;
width: 35px;
background: url("../images/ico/certifikation.png"); }
.certification-column.secure i {
background-position: 130px 0px; }
.certification-column.privacy i {
background-position: 35px 0px;
position: relative;
left: -4px; }
.certification-column span {
display: block;
font-size: 12px;
text-transform: uppercase;
color: #504231;
padding-top: 5px;
line-height: 1.4em; }
.certification .text-center {
text-align: center !important; }
.mdl-radio__label {
text-transform: none; }
.box .mdl-radio__label {
color: #ffffff; }
.col-md-12 .mdl-radio__ripple-container .mdl-ripple, .mdl-radio__inner-circle, .mdl-radio.is-checked .mdl-radio__tick-outline, .mdl-checkbox.is-checked .mdl-checkbox__tick-outline, .mdl-checkbox__ripple-container .mdl-ripple, .mdl-switch.is-checked .mdl-switch__thumb, .mdl-switch__ripple-container .mdl-ripple {
background-color: #dfdcdc; }
.box .col-md-12 .mdl-radio__ripple-container .mdl-ripple, .box .mdl-radio__inner-circle, .box .mdl-radio.is-checked .mdl-radio__tick-outline, .box .mdl-checkbox.is-checked .mdl-checkbox__tick-outline, .box .mdl-checkbox__ripple-container .mdl-ripple, .box .mdl-switch.is-checked .mdl-switch__thumb, .box .mdl-switch__ripple-container .mdl-ripple {
background: #ffffff; }
/* Warning Page
----------------------------------------------------------------------------------------------------*/
.warning #content h3 {
font-size: 20px; }
.select-lng.absolute {
position: absolute;
top: 75px;
right: 0px;
color: #ffffff;
z-index: 99;
padding-left: 25px; }
.select-lng.absolute:before {
left: -15px;
margin-top: -10px; }
.select-lng.absolute .rolldown.absolute {
left: -38px; }
.warning p {
padding-bottom: 40px;
font-size: 14px;
color: #a7a6a5; }
.warning #content {
padding-top: 310px;
padding-bottom: 50px; }
.warning .flex-wrap {
margin-bottom: -10px;
margin-top: -5px; }
.warning .flex-wrap-child {
height: 90px; }
.warning .flex-wrap .btn.btn-lg {
padding: 28px 45px; }
.warning .flex-middle {
bottom: 8px !important; }
.leave {
display: block;
font-size: 17px;
padding-top: 50px;
text-transform: uppercase;
color: #ffe037; }
.leave:hover {
color: #ffe037; }
.warning .flex-wrap .flex-wrap-child:last-child {
padding-right: 25px; }
article ul li {
font-size: 14px;
color: #a7a6a5;
padding-bottom: 20px; }
footer.warning p {
padding-bottom: 0;
font-size: 13px;
color: #a8a6a5; }
footer .badges {
margin: auto;
margin: 30px 0 10px 0; }
footer .badges a {
display: inline-block;
width: 90px;
margin-right: 5px;
height: 33px; }
footer .badges a:hover {
opacity: 0.5; }
footer .badges .asacp {
background: url("../images/ico/asacp.png"); }
footer .badges .safelabeling {
background: url("../images/ico/safelabeling.png"); }
footer .badges .icra {
background: url("../images/ico/icra.png"); }
footer .badges .rta {
background: url("../images/ico/rta.png"); }
footer .nav-padding {
padding-bottom: 25px; }
.warning footer {
padding: 50px 0 55px 0; }
/*btn*/
.btn-primary {
text-transform: uppercase;
font-size: 15px;
border-radius: 0;
float: none;
display: inline-block;
border: 1px solid #f66060 !important; }
.btn-primary.access, a.btn.btn-primary.member.relative {
padding: 16.5px 25px;
z-index: 99; }
.nav-wrap .btn-primary.access {
height: 52px; }
a.btn.btn-primary.member.relative {
padding: 17.5px 25px; }
a.btn.btn-primary.member.relative:before {
content: ''; }
.btn.btn-lg {
font-size: 30px;
padding: 26px 45px;
z-index: 5; }
.btn-wrap .btn-col {
border: 1px solid #ffe037;
display: block;
color: #ffd907;
text-transform: uppercase;
text-align: center;
font-size: 17px;
height: 95px;
line-height: 95px; }
.btn-wrap .btn-col:hover {
text-decoration: none;
background: rgba(47, 35, 23, 0.5); }
.btn-wrap .btn-col:after {
font-family: 'Material Icons';
speak: none;
-webkit-font-feature-settings: "liga", "dlig";
-moz-font-feature-settings: "liga=1, dlig=1";
-moz-font-feature-settings: "liga", "dlig";
-ms-font-feature-settings: "liga", "dlig";
-o-font-feature-settings: "liga", "dlig";
font-feature-settings: "liga", "dlig";
text-rendering: optimizeLegibility;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
direction: ltr;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
text-align: center;
font-style: normal;
vertical-align: middle;
word-wrap: normal !important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
content: 'keyboard_backspace';
font-size: 26px;
transform: rotate(180deg);
margin-left: 15px; }
.btn-woman {
padding-left: 60px; }
.btn-woman:before {
content: url("../images/layout/btn-wooman.png");
position: absolute;
left: 10px;
top: -16px; }
/*gradient background*/
.nav-wrap {
/* IE10+ */
background-image: -ms-linear-gradient(top left, #dfdcdc 0%, #dfdcdc 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(top left, #dfdcdc 0%, #dfdcdc 100%);
/* Opera */
background-image: -o-linear-gradient(top left, #dfdcdc 0%, #dfdcdc 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #dfdcdc), color-stop(100, #dfdcdc));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(top left, #dfdcdc 0%, #dfdcdc 100%);
/* W3C Markup */
background-image: linear-gradient(to bottom right, #dfdcdc 0%, #dfdcdc 100%); }
/* -------------------*
 * RESPONSIVE *
 *------------------- */
@media all and (max-width: 1024px) {
.container-fluid {
padding-right: 30px; } }
@media all and (max-width: 991px) {
.nav-left, .nav-right, .nav-wrap {
flex-grow: inherit; }
.nav-wrap {
width: 100%; }
.nav-wrap-child-1 {
padding-right: 0; }
.nav-wrap:before, .nav-wrap:after {
content: ''; }
.select-lng.absolute .rolldown.absolute {
left: -65px; }
.align {
display: inherit; }
.align label {
padding-bottom: 10px; }
.container-fluid {
padding: 0 30px; }
.btn-wrap .col-md-6:first-child .btn-col {
margin-bottom: 15px; }
.join {
margin-bottom: 20px; }
.footer-nav .flex-nav {
display: block;
padding: 15px 0; }
.footer-nav {
text-align: center; }
footer {
padding: 30px 0 30px 0; }
.soc-icon {
justify-content: center;
margin-top: 15px; }
.soc-icon a {
margin: 0 7.5px; }
.warning footer p {
text-align: center; }
.warning .footer-nav .col-md-6:nth-of-type(1) {
padding-bottom: 30px; }
.warning footer {
padding: 30px 0 30px 0; }
.warning p {
padding-bottom: 15px; }
.leave {
text-align: center;
padding-top: 30px; }
.certification-column {
padding-bottom: 15px; }
.rolldown.absolute {
left: -62px;
top: 31px; }
.ca-box-parents {
padding-bottom: 35px; }
label .other-color {
right: -280px; } }
@media all and (max-width: 767px) {
#content h3 {
font-size: 17px; }
#content {
padding-top: 215px; }
.padding {
padding-bottom: 0px;
padding-top: 5px; }
.warning .flex-wrap .flex-wrap-child:last-child {
padding-right: 0; }
header.dark .navbar-nav > li {
display: block; }
header.dark .navbar-nav > li:first-child {
padding-bottom: 5px; }
header.dark .btn-primary.access {
padding: 16.5px 10px; }
header .navbar-brand {
padding-bottom: 10px; }
.select-lng {
padding-right: 5px; }
.select-lng.absolute {
top: 55px;
right: 15px; }
.rolldown.absolute {
left: -62px; }
.navbar-brand > img {
display: none; }
.nav-wrap {
position: inherit;
bottom: 0; }
.nav-wrap {
justify-content: center; }
.nav-wrap-child-1 {
display: none; }
.btn-wrap .btn-col {
font-size: 12px; }
.btn-woman {
padding-left: 0; }
.btn-wrap .btn-col:after, .btn-woman:before {
content: '';
margin: 0;
padding: 0; }
.btn.btn-lg {
font-size: 20px; }
.pagination {
padding: 5px 0 20px 0; }
.pagination a {
line-height: 11px;
height: 30px;
padding: 10px 6px;
font-size: 15px !important; }
.pagination .active a:hover {
background: none;
color: #cccccc; }
.pagination .active a {
border: none; }
.pagination li {
margin-left: 0; }
.boy-woman {
display: none; }
.certification .col-sm-3 {
padding-bottom: 15px; }
.certification .col-sm-3:last-child {
padding-bottom: 0; }
label .other-color {
position: static;
font-size: 12px; }
.join.text-left {
text-align: center;
padding-bottom: 25px; }
.join.text-left a {
display: block;
padding-left: 0;
padding-top: 15px; }
.flex-middle {
position: static; }
.flex-middle:before, .flex-middle:after {
content: ''; }
.flex-wrap-child {
height: 76px; }
footer p:nth-of-type(1) {
padding-bottom: 15px; }
footer p {
text-align: center; }
.warning #content {
padding-top: 240px;
padding-bottom: 30px; }
.warning .flex-wrap-child {
height: 78px; }
.white-space {
white-space: normal; }
#content .ca-box h3 {
font-size: 14px; } }
@media all and (max-width: 480px) {
.select-lng.absolute {
display: none; } }
@media all and (max-width: 480px) {
#content {
padding-top: 200px; }
.select-lng:before {
left: -30px;
margin-top: -9px; }
.col-xs-6 {
width: 100%; }
.container-fluid {
padding: 0 15px; }
.figure {
margin-bottom: 15px; }
.select-lng {
text-transform: none; }
.rolldown.absolute {
left: -53px; } }
@media all and (max-width: 319px) {
.select-lng {
display: none; }
.nav-wrap {
padding: 0; } }
form.sptclick{display: inline-block;padding-left: 30px}
input.instaccessjoin{display: inline-block; font-size: 14px;text-transform: uppercase;color: #e95252;margin-top: 20px; border: 0; text-align: center;background: none}
.fixliner .block .other-color{ display:block; position:relative; right:0; bottom:0; padding-top: 5px}