/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Sep 13, 2017, 5:34:30 PM
    Author     : jchristo
*/


.order-page .text{
    display:block;
    float:left;
    position: relative;
    width:100%;
    margin:0px;
    
    }
.terms-container{
    display:block;
    float:left;
    width:100%;
    clear:both;
    position:relative;
    text-align: center;
    margin: 20px 0px;
    }
    
.terms-container a{
    margin: 0px 10px;
    }
    
    
    
    

    
    
/**/    
.tarotToday .result #rateToday {
    margin-top:10px;
    padding-right:7px;
    float:left;
    width:100%
}

.tarotToday .tarotTodayImage {
    float:left;
    width:30%
}

.tarotToday .tarotTodayDescr {
    float: left;
    width: 70%;
} 

.tarotToday #email-sent {
    float:left;
    width: 100%;
    border: 3px solid #ff4a8c;
    font-size: 20px;
    font-weight: bold;
    padding: 20px 0px;    
}

.tarotToday #email-sent .msg {
    width: 95%;
    padding: 0px 2.5%;
}
.ntouvlis {
    width:1004px;
}
.ntouvlis .riga-container {
    position:relative;
    width:1004px;
    height:788px;
    background:#fff;
    background-image:url(../images/contest/ntouvlis_june_2019.jpg);
    background-repeat:no-repeat;
    background-position:top 0 left 0;
    background-position-x:0;
    background-position-y:0;
    background-color:#0d325e;
    margin:0
}
.ntouvlis #form_riga {
    width:100%;
    margin:0 auto 0 auto;
    position:absolute;
    bottom:70px;
}
.ntouvlis form #submit-button {
    margin:20px 380px;
    float:left;
    background-image:url(../images/contest/button_symmetoxi.png);
    width:248px;
    height:50px;
    cursor:pointer;
    background-position:0px;
}
.ntouvlis .riga-container form input[type="text"]::placeholder{
    font-weight:normal;
    color:#000000;
    opacity:1;
}    
.ntouvlis .riga-container form input[type="text"] {
    display:block;
    float:left;
    width:430px;
    height:36px;
    font-size:20px;
    font-weight:normal;
    padding:5px 10px 5px 10px;
    border-radius:4px;
    margin-left:35px;
    margin-bottom:10px;
    color: #000000;
    background-color:#ffffff;
    background-image: none;
    text-align: center;
}
.ntouvlis .riga-container form #email {
    margin-left:20px;
}
.ntouvlis .riga-container form .selectBox-label {
    color: #000000;
    width:430px !important;
    text-align: center;    
}
.ntouvlis form .selectBox {
    display:block;
    margin:10px 0 6px 35px;
    padding: 5px 20px 5px 0;
    width:433px !important;
    height:36px !important;
    float:left;
}
.ntouvlis form .selectBox-dropdown .selectBox-label {
    font-weight: normal;
    font-size:20px;
}
.ntouvlis .riga-container form .selectBox-dropdown {
    background:#ffffff !important;
    border:none;
}
.ntouvlis .riga-container form .selectBox-dropdown .selectBox-arrow {
    background: none;
    border-left: none;
}
.ntouvlis .riga-container form .terms input[type="checkbox"] {
    margin-top:5px;
    margin-left:13px;
    margin-right:5px;
    width: 20px;
    height: 20px;
    float:left;
}
.ntouvlis form .terms label {
    display:block !important;
    color:#fff;
    width:425px !important;
    float:left;
    position:relative;
    font-weight:normal;
    font-size:16px;
}
.ntouvlis .riga-container form .terms a {
    display:inline;
    color:#fff !important;
    text-decoration:underline;
    font-size:12px;
    margin:0;
    float:none
}
.ntouvlis .riga-container form .terms {
    display:block;
    float:left;
    width:465px;
    margin:10px 0 0 8px
}
.ntouvlis_complete .riga-container {
    width:650px;
    height:510px;
    background:#fff;
    background-image:none;
    background-repeat:no-repeat;
    background-position:top 0 left 0;
    background-position-x:0;
    background-position-y:0;
    background-size:cover;
    margin:0
}
.ntouvlis_complete .riga-container .con-mess{
    width:500px;
    margin-top:50px;
}
.ntouvlis_complete .riga-container .con-error{
    width:500px;
    margin-top:50px;
}





.tpl_contest_axiothea #page-wrapper{
    background-image: url(../images/contest-axiothea/background.jpg);
    background-repeat:no-repeat;
    background-position:top 0 left 0;
    background-position-x:0;
    background-position-y:0;
}

.tpl_contest_axiothea  #main-wrapper{
    background: transparent;
    width:940px;
    border-bottom: 0px;
}


.tpl_contest_axiothea #mainTableMiddle{
    background: transparent;
    background-image: unset;
    width:unset;
    
}

.tpl_contest_axiothea .content{
    padding:0px;
}

.tpl_contest_axiothea .main-no-sidebar{
     width:unset;
}

.axiothea .spacer{
    width:100%;
    height:100px;
}

.axiothea .image-header{
    max-width:100%;
    float:left;
    width:100%;
}

.axiothea .image-header img{
    display:block;
    
}


.axiothea .second-row{
    display:block;
    float:left;
    width:100%;
    font-size:16px;
}

.axiothea .second-row .col-left,.axiothea .second-row .col-right{
    display:block;
    float:left;
    width:50%;
}

.axiothea .second-row .col-left img,.axiothea .second-row .col-right img{
    max-width: 100%;
}


.axiothea .second-row .col-left{
    padding-top: 70px;
    
}

.axiothea .title2{
    font-size:16px;
    font-weight: 500;
    max-width:390px;
    padding:0px 20px 0px 20px;
    margin-top: 20px;
    
}

.axiothea .riga-container{
    float:left;
    margin-top: -120px;
    margin-left: 20px;
    width:calc(100%-20px);
}


#form_riga .form-row,#form_black_friday .form-row{
    display:block;
    width:100%;
}

.axiothea #form_riga .form-row1,#form_riga .form-row2,
#form_black_friday form-row1,#form_black_friday form-row2{
    display:block;
    width:70%;
}

#form_riga .form-col,#form_black_friday .form-col{
    display:block;
    float:left;
    width:100%;
}

.axiothea #form_riga .form-col label,
#form_black_friday .form-col label{
    display:block;
    clear:right;
    width:100%;
    color:#143544;
    font-weight:700;
    font-size:12px;
    margin-bottom: 3px;
}

.axiothea #form_riga .form-row,
#form_black_friday .form-row{
    margin-bottom: 10px;
    overflow: hidden;
}

.axiothea #form_riga .form-row input[type=text],
#form_black_friday .form-row input[type=text]{
    height: 30px;
    width:96%;
    max-width: 420px;
    border:1px solid #e1e1e1;
    line-height: 26px;
    color:#143544;
    font-size:14px;
    font-weight: 500;
    
}

.axiothea #form_riga .form-row input[type=text].error,
.axiothea #form_riga .form-row select.error .selectBox,
.axiothea #form_riga .terms  input.error ~ span.after,
#form_black_friday .form-row input[type=text].error,
#form_black_friday .form-row select.error .selectBox,
#form_black_friday .terms  input.error ~ span.after{
    border:1px solid #f30;
}


.axiothea #form_riga .form-row .selectBox,
#form_black_friday .form-row .selectBox{
    background: #fff;
    height: 28px;
    color:#143544;
    font-size:12px;
    font-weight: 500;
    width:90px!important;
}

.axiothea #form_riga .form-row .selectBox-dropdown .selectBox-label,
#form_black_friday .form-row .selectBox-dropdown .selectBox-label{
    line-height: 25px;
    padding-right: 0px;
    padding-left: 30px;
    width:80px!important;
}


.axiothea #form_riga .form-row .selectBox-dropdown .selectBox-arrow,
#form_black_friday .form-row .selectBox-dropdown .selectBox-arrow{
    right:unset;
    left:0px;
    border-left:unset;
    border-right: 1px solid #46cabc;
    height: 80%;
    margin-top: 4%;
    background: url(../images/contest-axiothea/arrow-red.png) 50% center no-repeat;
    background-size: 12px auto;
}


.axiothea #form_riga .form-col-left,.axiothea #form_riga .form-col-right,
.axiothea #form_riga .form-col-left,.axiothea #form_riga .form-col-right{
    width:50%;
    }
    
.axiothea #form_riga .form-col-right,#form_black_friday  .form-col-right{
    width:45%;
    margin-left: 5%;
}    

.axiothea #form_riga .form-row .terms,#form_black_friday .form-row .terms{
    display:block;
    position: relative;
    min-height: 70px;
}


.axiothea #form_riga .form-row .terms label,#form_black_friday .form-row .terms label{
    display: inline;
    font-size:14px;
    font-weight: normal;
    margin-left: 20px;
}

.axiothea #form_riga .terms  input,#form_black_friday .terms  input{
    margin-left:0px;
    width:25px;
    height:25px;
    margin-top: 10px;
    
}


.axiothea #form_riga .terms  input ~ span.after,
#form_black_friday .terms  input ~ span.after{
    content: "";
    width: 30px;
    height: 30px;
    background: #fff;
    position: absolute;
    left: 0px;
    top:10px;
    z-index: 1;
    pointer-events: none;
    border: 1px solid #e1e1e1;
}

.axiothea #form_riga .terms input:checked ~ span.before,
#form_black_friday .terms input:checked ~ span.before{
	content: "";
	width: 43px;
	height: 42px;
	background: url(../images/contest-axiothea/checked-red.png);
	position: absolute;
	top: -3px;
	left: 0px;
	z-index: 2;
	pointer-events: none;
}


.axiothea #form_riga #submit-button{
    margin:20px auto;
    float:none;
    background-image:url(../images/contest-axiothea/button-submit-background.png);
    width:606px;
    height:57px;
    cursor:pointer;
    background-position:0px;
    text-align: center;
    font-size:26px;
    font-weight: 700;
    color:#4bbfd6;
    line-height: 50px;
}

.tpl_black_friday_secret #page-wrapper{
    background: #000;
}

.tpl_black_friday_secret #mainTableMiddle {
    background-image: unset;
}

.tpl_black_friday_secret #main-wrapper{
    background: transparent;
    border-bottom: 65px solid #000;
}

.tpl_black_friday_secret #mainTableMiddle{
    background: transparent;
} 

.landing-black-friday{
    width:650px;
    margin: 0px auto;
    overflow: hidden;
}



.landing-black-friday .image-header,.landing-black-friday .second-container{
    text-align: center;
}

.landing-black-friday .image-header{
    margin-top: 30px;
}


.landing-black-friday .image-header img,.landing-black-friday .second-container img{
    max-width: 100%;
}

.landing-black-friday .second-container .be-a-member{
    display:block;
    max-width: 80%;
    margin: 30px auto 0px auto;
}


.landing-black-friday .second-container .pouthena{
    width:60%;
    display: block;
    float:right;
    margin-top: 0px;
}
.black-friday-container{
    display:block;
    float:left;
    width:100%;
    
}


.landing-black-friday .message{
    display:block;
    color:#fff;
    font-size: 16px;
    margin-bottom: 200px;
}


#form_black_friday{
    margin-top: 30px;
}


#form_black_friday .form-col label{
    color:#fff;
   
}

#form_black_friday .form-row .terms label{
   display:block;
   float:right;
   width:92%;
   margin-top: 10px;
}


#form_black_friday .form-col-left{
    width:50%;
}


#form_black_friday #submit-button{
    margin:20px auto;
    float:none;
    background-image:url(../images/black_friday_secret/submit-button.png);
    width:400px;
    height:99px;
    cursor:pointer;
    background-position:0px;
    background-size: contain;
}


#form_black_friday .bottom-text{
    color:#fff;
    font-size:14px;
}

#form_black_friday .bottom-text .star{
    color:#ee7ba6;
    font-weight: bold;
    size:20px;
}

#form_black_friday .loader{
    display:none;
    width:80px;
    height: 80px;
    left:50%;
    margin-left: -40px;
    position: absolute;
    margin-top:30px;
}


.lds-hourglass {
  display: inline-block;
  position: absolute;
  width: 80px;
  height: 80px;
}
.lds-hourglass:after {
  content: " ";
  display: block;
  border-radius: 50%;
  width: 0;
  height: 0;
  margin: 8px;
  box-sizing: border-box;
  border: 32px solid #000;
  border-color: #000 transparent #000 transparent;
  animation: lds-hourglass 1.2s infinite;
}
@keyframes lds-hourglass {
  0% {
    transform: rotate(0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    transform: rotate(900deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    transform: rotate(1800deg);
  }
}