body{min-width:320px;margin:0; padding:0; color:#4f4f4f; background-color:#ffffff;font-family: Arial, Helvetica, sans-serif;}
img {border:none;}
input{outline: none !important;}
.clear{clear: both;}
#header{width:100%;background:#e7e7e7;}
#headerInner {max-width:960px; margin: 0 auto; padding: 17px 0; position: relative;}
#logo{float:left;display:block;}
#logo a {display:block;}
#logo a img {border:0;display:block;}
#header select {border: 0;border-radius: 2px;padding: 13px 20px;background:#cccccc;color:#777777; cursor: pointer;float:right;}
#header select.mobile{display:none;width:78px;padding:13px 10px;}
#mobile-header {display: none;}
#footer{background:#e7e7e7;padding:35px 0 60px 0;text-align:center;}
.footerLogo a.tkd-logo{display:inline-block;}
#footer p{font-size:10px;color:#959494;}
#Container{max-width:960px; margin: 30px auto;}
#sites{text-align:center;}
#sitesInner{white-space: nowrap;display: flex;}
#sites p {margin-bottom:15px;}
#sites .box{width:78px;height:48px;margin-right: 20px;float: left;cursor: pointer;}
#sites .box .boxInner{width:78px;height:48px;background:#fcfcfc;border:1px solid #f7f7f7;
transition: background .15s ease-in-out;
-moz-transition: background .15s ease-in-out;
-webkit-transition: background .15s ease-in-out;}
#sites .box.selected .boxInner,#sites .box:hover .boxInner{background:#f7f7f7;border:1px solid #e7e7e7;}
#sites .box:nth-last-child(1){margin-right:0;}
#sites .box img{width:70px;margin-top: 14px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
transition: opacity .15s ease-in-out;
-moz-transition: opacity .15s ease-in-out;
-webkit-transition: opacity .15s ease-in-out;}
#sites .box.selected{padding:5px 6px 6px 5px;border:3px solid #e5e5e5;margin-top:-8px;}
#sites .box.selected img,#sites .box:hover img{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;}
#sites.errorSite{border:1px solid #ff0000;padding:10px;}
#errorSiteText{color:#ff0000;font-size:11px;text-align:center;margin-top:8px;display:none;}
#sites.errorSite #errorSiteText {display:block;}
#content{margin-top:40px;}
#colText{width:465px;margin-right:30px;float: left;}
#colText h2{font-size:15px;margin:0;padding:0;font-weight:bold;margin-bottom:15px;}
#colText p{font-size:15px;margin-bottom:25px;}
#goToFaq{position:relative;cursor:pointer;padding: 8px 40px;text-align: center;width: 140px;margin: 0 auto;font-size: 15px;-webkit-box-shadow: 3px 3px 5px 0px rgba(204,204,204,1);-moz-box-shadow: 3px 3px 5px 0px rgba(204,204,204,1);box-shadow: 3px 3px 5px 0px rgba(204,204,204,1);-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
#goToFaq.disabled{border:1px solid #cccccc;color:#cccccc;}
#goToFaq.enabled{background:#f1f1f1;border:1px solid #cccccc;color:#a1a0a0;}
#colForm{width:465px;display:inline-block;float: right;}
#goToFaqTooltip{background-color: #616161;color: #fff;font-size:11px;display: inline-block;display:none;padding: 10px;border-radius: 10px;position: absolute;left: 0;top: 40px;right: 0;min-width: 140px;}
#goToFaq.disabled:hover #goToFaqTooltip{display: inline-block;}
/*contact*/
#contact h2{font-size:15px;margin:0;padding:0;font-weight:bold;margin-bottom:15px;}
#contact{overflow:hidden;position:relative;}
#contact p{margin:0; font-size:14px; line-height:20px; color: #6d6d6d; margin-top: 20px;}
#contact a {font-size: 13px; color: #959494; margin-bottom:10px; margin-top:20px;}
#contact .label{font-size:12px;line-height:20px;color:#959494;margin-top: 15px;font-weight:bold;}
#contact .label span{color:#010101;margin-right:20px;}
div#subscriptionLabel .radio input{margin-top:3px;}
div#subscriptionLabel .radio label{font-weight:normal;}
.fileSpecs,.messageSpecs {color:#959494;font-size:11px;font-style:italic;margin-bottom:10px;}
.messageSpecs{display:none;}
.btn-form{color:#fff !important;text-transform:uppercase;text-decoration:none;display:block;cursor: pointer;border: 0;font-size: 15px;padding: 10px 0;outline: 0;background: #31b200;text-align: center;width: 230px;margin: 20px auto 0 auto;-webkit-box-shadow: 3px 3px 5px 0px rgba(204,204,204,1);-moz-box-shadow: 3px 3px 5px 0px rgba(204,204,204,1);box-shadow: 3px 3px 5px 0px rgba(204,204,204,1);-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.btn-form:hover{background:#278900;}
.selectionId{display:none;}
#contact input, #contact select {margin:0;padding:5px 10px; font-size:12px;border:1px solid #b1b1b1; color:#7f7f7f;width: 180px;}
#contact input:focus {outline: 5px auto rgba(125, 173, 217, 255) !important;outline-offset: 0px;}
#contact select{width:270px;}
#contact textarea{width: 430px;height: 90px;font-family: Arial, Helvetica, sans-serif;padding: 10px;color:#7f7f7f;resize: none;}
#subLabel {margin:0!important; margin-bottom:5px!important;color: #959494!important;}
.radio{color: #959494;font-size: 12px;display:inline-block;width:65px;}
.radio.subj{width: auto; margin-right: 30px; margin-top:5px;}
#contact .radio > input{width:20px;float:left;padding-top:3px; border: 0px !important;}
#contact .radio.subj > input{float:left; border: 0px !important;}
#contact .radio > label, #contact .radio.subj > label{float:left;}
#subscriptionLabel {line-height:normal;}
#contact p strong{margin-bottom:10px;display:block;}
.privacyLink{text-align:center;margin-top: 10px !important;display:none;}
.privacyLink_r{display: inline-block;}
.requiredLabel{font-size: 11px !important;color: #959494 !important;}
.requiredLabel span{color:#010101}
.msgFocus{background-color: #616161;color: #fff;display: inline-block;padding: 10px;border-radius: 10px;position: absolute;top:14px;left:240px;}
#contact .msg{color: #fff;font-size: 11px;margin-top: 0;line-height: 12px;}
.relative{position:relative;}
.msgArrow{position: absolute;display: inline-block;width:4px; height: 8px;left: -4px;top: 40%;background:url(/global/img/sprite-help.png) no-repeat; background-position: -101px -13px;}
.sendDiv{max-width:900px; margin:0 auto;border-radius:2px;background:#ffffff;overflow:hidden;margin-top:30px;-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);-moz-box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.25);box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.25); padding: 150px 30px;}
.sendDiv{text-align:center;font-size:14px;line-height:20px;color:#6f6f6f;}
.sendDiv strong{color:#777777;}
.send {width:30px; height:30px;display:inline-block;background:url(/global/img/sprite-help.png) no-repeat; background-position: -64px 0px;}
.errorSend{background-position:-110px 0;}
.error {display:block;font-size:11px;color:#ff0000;margin-top:2px;}
#inputRefresh{display:block; margin-top:5px;}
#refresh {display:inline-block; width: 24px; height:24px;background:url(/global/img/sprite-help.png) no-repeat;border:1px solid #b1b1b1;float:left; margin-right:5px; cursor:pointer;}
.refreshLogo{display:inline-block;width: 20px;height:20px;background:url(/global/img/sprite-help.png) no-repeat;background-position: -346px -523px;margin: 2px;}
#validationSubcription{display:none;float:left;width: 100%;}
.boxValidation{background-color: #ebebeb;width: 96%;float: left;padding: 2%;}
.or{width: 100%;float:left;text-align:center;color: #6d6d6d;font-size: 13px;height: 30px;line-height: 30px;}
#validationSubcription p, #validationSubcription p strong {margin: 0; margin-bottom: 5px;}
#validationSubcription p{font-size:13px;}
#validationSubcription input {margin: 15px 0;}
#firstNumbers {width: 120px !important;}
#lastNumbers {width: 80px !important;}
#errorSubscription{width: 100%;height: 100%;position: fixed;top: 0;background: rgba(0,0,0,.5);z-index: 101;display: none;}
.boxErrorSub{background-color:#fff;width:390px; padding:20px; min-height: 135px;margin: 0 auto; color: #717171;position:relative; box-shadow:1px 1px 4px 0 rgba(0,0,0,0.5);-webkit-box-shadow:1px 1px 4px 0 rgba(0,0,0,0.5);-moz-box-shadow:1px 1px 4px 0 rgba(0,0,0,0.5);margin-top: 20%;}
.boxErrorSub h3{color: #575757;font-size:20px;margin-top:0;}
.boxErrorSub h3 span{width:18px; height:15px;display:inline-block;background: url(/global/img/sprite-help.png) no-repeat -402px -1px;}
.boxErrorSub p{font-size: 14px;}
.boxErrorSub .btn-form{position: absolute;right: 20px;bottom:20px;}
#uploadCont{position:absolute;left: 0;}
#refUpload{float:left;width:100%;}
#subject{width: 222px !important;}
.epochCont{float:left;width: 100%;display:none}
.fourclub .epochCont{display:block}
#submit span.loader{background:url('/global/img/loader1.gif') center center no-repeat;  width: 15px; height: 15px;display: none;margin:0 auto;}
#closeErrorSubs{margin-top: 0px;position:initial;float: right;display: block;}
/*exception sites*/
#contact.casualclub .casualclub{display:inline-block;visibility:visible;}
#contact.onedate .onedate{display:inline-block;visibility:visible;}
#contact.queflechazo .queflechazo{display:inline-block;visibility:visible;}
#contact.lifeintwo .lifeintwo{display:inline-block;visibility:visible;}
#contact.hotdatex .hotdatex{display:inline-block;visibility:visible;}
#contact.fourclublive .fourclublive{display:inline-block;visibility:visible;}
#contact.fourclub .fourclub{display:inline-block;visibility:visible;}
#contact.club4 .club4{display:inline-block;visibility:visible;}
#contact.fourclublive #subscriptionLabel.fourclublive{display:none;}
#contact.onedate .radio.subj.onedate{display:inline-block;}
#contact.queflechazo .radio.subj.queflechazo{display:inline-block;}
#contact.fourclub .radio.subj.fourclub{display:inline-block;}
#contact.club4 .radio.subj.club4{display:inline-block;}
/*faq*/
#faq{max-width:960px;margin:0 auto;border-radius:2px;background:#ffffff;margin-top:30px;position: relative;}
#faqMenuTop{}
#faq-logo{float:left}
#backToHomeBtn{cursor: pointer;padding: 8px 40px;text-decoration:none;text-align: center;width: 140px;float:right;font-size: 15px;border: 1px solid #cccccc;color: #cccccc;
-webkit-box-shadow: 3px 3px 5px 0px rgba(204,204,204,1);
-moz-box-shadow: 3px 3px 5px 0px rgba(204,204,204,1);
box-shadow: 3px 3px 5px 0px rgba(204,204,204,1);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
#backToHomeBtn:hover{background:#f1f1f1;border:1px solid #cccccc;color:#a1a0a0;}
#faq .col-1 {width: 255px;float:left;background-color:#e15c4e;z-index: 2;position: relative;left: 0;top: 0;padding-bottom: 50px;margin-left: -255px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;text-shadow: 1px 1px 1px rgba(0,0,0,0.3);}
#faq .col-2{width: 705px;float: left;border-width:1px;border-style:solid;border-left-width: 255px;border-left-style: solid;position: relative;z-index: 1;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
#faq .col-2.site_onedate{border-color:#00a7bf;}
#faq .col-2.site_casualclub{border-color:#36304a;}
#faq .col-2.site_queflechazo{border-color:#00a7bf;}
#faq .col-2.site_niik{border-color:#87b316;}
#faq .col-2.site_lifeintwo{border-color:#6b89a5;}
#faq .col-2.site_hotdatex{border-color:#a39a69;}
#faq .col-2.site_4club{border-color:#e15c4e;}
#faq .col-2.site_club4{border-color:#e15c4e;}
#faq .col-2.site_4clublive{border-color:#8b0f05;}
#faq .col-1 h2 {text-transform: uppercase;font-weight: normal;color: #fde8e6;font-size: 35px;margin: 10px;line-height: 35px;text-shadow: -1px 1px 0px rgba(0, 0, 0, 0.2);}
.faq-menu {list-style-type: lower-latin;list-style-position: inside;margin: 0;padding: 0;font-size: 14px;line-height: 24px;margin: 10px;}
.faq-menu li {color:#fde8e6;line-height:25px; cursor: pointer;}
.faq-menu li:hover, .select{font-size:14px;font-weight:bold;}
#faq .col-2 h3{font-size:25px;color:#6d6d6d;font-weight:bold;margin:56px 0 0 54px;}
.faq-text {list-style-type:decimal-leading-zero;font-size:15px;color:#707070; padding-left:54px;padding-right:56px;}
.faq-text li{border-bottom: 1px solid #e7e7e7;margin-bottom:30px;}
.faq-text h4{font-size:20px; line-height:28px;font-weight:normal;color:#6d6d6d; margin:0;}
.faq-text p{font-size:14px;line-height:20px;color:#6d6d6d;margin:0;margin-bottom:30px;}
.arrow-top{cursor:pointer;width:12px; height:8px;display:inline-block;background:url(/global/img/sprite-help.png) no-repeat; background-position:-96px 0px;float:right;position:relative;top:-6px;right:-30px;}
.arrow-bot{cursor:pointer;width:12px; height:8px;display:inline-block;background:url(/global/img/sprite-help.png) no-repeat; background-position: -423px -1px;float:right;position:relative;top:-6px;right:-30px;}
.section {display:none;}
.back{text-align:center;font-size:14px;}
.back a{text-decoration:none;color:#e15c4e;}
#div-search{float:right;margin:30px 30px 0 0;}
#search {padding-left:30px;border:1px solid #b1b1b1;font-size:14px;width:200px;height:30px;}
#lens{width:14px; height:16px;display:inline-block;background:url(/global/img/sprite-help.png) no-repeat; background-position:-45px -21px;position:relative;right:-27px;top:3px;}
/*contact_r*/
.PAGEcontact_r h3.dateFrom{color:#4f4f4f;background:#c7edfc;}
.PAGEcontact_r h3.dateFrom.firstTicket{background:#c7edfc;}
.PAGEcontact_r h3.dateFrom.helpdesk{background:#e7e7e7;}
.PAGEcontact_r h3.dateFrom.ui-state-active{border:1px solid #007fff;}
.PAGEcontact_r h3.dateFrom .dateBox{float:right; margin-left:10px;color:#7b7b7b;}
.PAGEcontact_r h3.dateFrom .fromBox{float:left;}
.PAGEcontact_r h3.dateFrom .ui-accordion-header-icon{float:left;}
.PAGEcontact_r .ui-accordion-content{color:#4f4f4f;}
.PAGEcontact_r .boxLink{text-align:center;}



.hide-form {display:none;}

/*media query*/
@media only screen and (max-width: 1050px){
#headerInner{padding:17px 30px;}
#sites{padding:0 30px;}
#sites .box{margin-top:15px;}
#sites .box.selected{margin-top:15px;border:0;padding:0;}
#content {max-width:700px; margin:0 auto;}
#colText,#colForm{width:100%;margin:50px 0 0 0;}
#contact input, #contact select{width:70%;}
input#captcha_code{width:180px;}
#faqMenuTop{padding:0 30px;}
#faq{max-width:700px;}
#faq .col-2{width:445px;}
#sites.errorSite{margin:30px 30px 0 30px;}
}
@media only screen and (max-width: 767px){
#content{padding:0 30px;}
#colForm{float:left;}
#contact input, #contact select, #contact textarea{width:95%;padding:5px 2%;}
.msgFocus{top:-10px;right:0;}
input#captcha_code{width:180px;}
#goToFaq{width:96%;padding: 8px 2%;}
#faq{margin: 30px 25px 0 25px;}
#col-1{display:none;margin-left: 0 !important;position: initial !important;padding-bottom: 0 !important;width: 100% !important;}
#faq .col-2{width:100%;border: 0;position: initial;}
#faq .col-2 h3{font-size:22px;margin: 0;padding: 16px 54px;color: #fde8e6;line-height: 25px; text-shadow: -1px 1px 0px rgba(0, 0, 0, 0.2);cursor: pointer;background: #e15c4e;font-weight: normal;box-shadow:1px 2px 2px 0 rgba(0,0,0,0.3);-webkit-box-shadow:1px 2px 2px 0 rgba(0,0,0,0.3);-moz-box-shadow:1px 2px 2px 0 rgba(0,0,0,0.3);border-bottom: 2px solid #fde8e6;}
.section{display: block !important;}
.section-text{display:none;}
.faq-text h4{font-size:17px;line-height:23px;}
.faq-text p , .faq-text li{font-size:14px;margin-bottom:20px;}
#div-search{float:none;margin:10px 54px 30px 54px;}
#search{width:100%;}
#lens{right:-11px;top:27px;}
#faq h2{display:none;}
.faq-menu{list-style-type:none;margin-left: 0;}
li.back{display:block !important;padding-bottom: 20px;}
.PAGEcontact_r h1{font-size:15px;}
.PAGEcontact_r h2{font-size:12px !important;}
.PAGEcontact_r h3.dateFrom{font-size:12px;}
.PAGEcontact_r .ui-accordion-content{font-size:12px;}
}
@media only screen and (max-width: 480px){
#logo img{width:170px;}
#sitesInner{width:294px; display: inline-block;}
#header select.mobile{display:block;}
#header select.normal{display:none;}
.msgFocus{position:initial; top:0;margin:0;margin-top: 20px}
#backToHomeBtn{width: 94%;padding: 8px 2%;margin: 0 auto;}
#faq-logo{margin-top: 20px;}
.PAGEcontact_r #content{padding:0 10px;}
.PAGEcontact_r h3.dateFrom{overflow:auto;padding-top: 10px;}
.PAGEcontact_r h3.dateFrom .dateBox{font-size:10px;width:60px;text-align:right;margin-top: -5px;}
.PAGEcontact_r h3.dateFrom .fromBox{max-width:195px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
}
@media only screen and (max-width: 321px){
#sites{padding:0 10px;}
#content{padding:0 10px;}
#goToFaq{width:94%}
}