@import url('https://fonts.googleapis.com/css?family=Titillium+Web&display=swap');

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

a:focus, a:hover{
    text-decoration: none;
}

li, ul {
    list-style: none;
}

body {
    font-family: "Titillium Web", sans-serif;
    font-weight: 100;
    font-size: 16px;
    line-height: 20px;
    color: #666;
    /*background: #4CAF50;*/
}

/*
* float
*/
.right { float:right !important; }
.left { float:left !important; }
.flnone { float: none !important; }

/*
* align
*/
.align-left { text-align: left !important; }
.align-right { text-align: right !important; }
.align-center { text-align: center !important; }

.opacity1{opacity:0.1;}
.opacity2{opacity:0.2;}
.opacity3{opacity:0.3;}
.opacity4{opacity:0.4;}
.opacity5{opacity:0.5;}
.opacity6{opacity:0.6;}
.opacity7{opacity:0.7;}
.opacity8{opacity:0.8;}
.opacity9{opacity:0.9;}
/*
* clear
*/
.clear { clear: both; }

.bold{ font-weight: bold; }

.brd0{border:0px}
.brd1{border:1px solid;}
.brd2{border:2px solid;}
.brd-l0{border-left:0 !important;}
.brd-tp0{border-top:0 !important;}
.brd-bt0{border-bottom:0 !important;}
.brd-r0{border-right:0 !important;}

.border-radius-5{border-radius: 5px;}
.border-radius-10{border-radius: 10px;}
.border-radius-15{border-radius: 15px;}
.border-radius-20{border-radius: 20px;}
.border-radius-25{border-radius: 25px;}

.border-radius-right-5{border-radius: 0px 5px 5px 0px;}
.border-radius-right-10{border-radius: 0px 10px 10px 0px;}
.border-radius-right-15{border-radius: 0px 15px 15px 0px;}
.border-radius-right-20{border-radius: 0px 20px 20px 0px;}
.border-radius-right-25{border-radius: 0px 25px 25px 0px;}

.border-radius-left-5{border-radius: 5px 0px 0px 5px;}
.border-radius-left-10{border-radius: 10px 0px 0px 10px;}
.border-radius-left-15{border-radius: 15px 0px 0px 15px;}
.border-radius-left-20{border-radius: 20px 0px 0px 20px;}
.border-radius-left-25{border-radius: 25px 0px 0px 25px;}

.display-block{display:block;}
.display-nline-block{display:inline-block;}
.display-table{display:table;}
.display-table-cell{display:table-cell;}
.ver-ali-bt{vertical-align: bottom;}
.ver-ali-md{vertical-align: middle;}
.ver-ali-tp{vertical-align: top;}
.overflow-hidden{overflow: hidden;}

/*
* margin
*/
.mrg-l1per { margin-left:1% !important; }
.mrg-r1per { margin-right:1% !important; }

.mrg-auto{margin-left:auto;margin-right:auto;}
.mrg0 { margin:0 !important; }
.mrg5 { margin:5px !important; }
.mrg10 { margin:10px !important; }
.mrg15 { margin:15px !important; }
.mrg20 { margin:20px !important; }
.mrg25 { margin:25px !important; }
.mrg35 { margin:35px !important; }

.mrg-tp-0 { margin-top:0 !important; }
.mrg-tp-5 { margin-top:5px !important; }
.mrg-tp-10 { margin-top:10px !important; }
.mrg-tp-15 { margin-top:15px !important; }
.mrg-tp-20 { margin-top: 20px !important; }
.mrg-tp-25 { margin-top:25px !important; }
.mrg-tp-28 { margin-top: 28px !important; }
.mrg-tp-30 { margin-top: 30px !important; }
.mrg-tp-35 { margin-top:35px !important; }
.mrg-tp-50 { margin-top:50px !important; }
.mrg-tp-100 { margin-top:100px !important; }

.mrg-bt-0 { margin-bottom:0 !important; }
.mrg-bt-5 { margin-bottom:5px !important; }
.mrg-bt-10 { margin-bottom:10px !important; }
.mrg-bt-15 { margin-bottom:15px !important; }
.mrg-bt-20 { margin-bottom:20px !important; }
.mrg-bt-25 { margin-bottom:25px !important; }
.mrg-bt-30 { margin-bottom:30px !important; }
.mrg-bt-35 { margin-bottom:35px !important; }
.mrg-bt-50 { margin-bottom:50px !important; }
.mrg-bt-100 { margin-bottom:100px !important; }

.mrg-l0 { margin-left:0 !important; }
.mrg-l5 { margin-left:5px !important; }
.mrg-l10 { margin-left:10px !important; }
.mrg-l15 { margin-left:15px !important; }
.mrg-l20 { margin-left:20px !important; }
.mrg-l25 { margin-left:25px !important; }
.mrg-l30 { margin-left:30px !important; }
.mrg-l35 { margin-left:35px !important; }

.mrg-r0 { margin-right:0 !important; }
.mrg-r5 { margin-right:5px !important; }
.mrg-r10 { margin-right:10px !important; }
.mrg-r15 { margin-right:15px !important; }
.mrg-r20 { margin-right:20px !important; }
.mrg-r25 { margin-right:25px !important; }
.mrg-r30 { margin-right:30px !important; }
.mrg-r35 { margin-right:35px !important; }

.mrg-tp-bt-0 { margin-top:0 !important; margin-bottom:0 !important; }
.mrg-tp-bt-5 { margin-top:5px !important; margin-bottom:5px !important; }
.mrg-tp-bt-10 { margin-top:10px !important; margin-bottom:10px !important; }
.mrg-tp-bt-15 { margin-top:15px !important; margin-bottom:15px !important; }
.mrg-tp-bt-25 { margin-top:25px !important; margin-bottom:25px !important; }
.mrg-tp-bt-35 { margin-top:35px !important; margin-bottom:35px !important; }

.mrg-lr-0 { margin-left:0 !important; margin-right:0 !important; }
.mrg-lr-5 { margin-left:5px !important; margin-right:5px !important; }
.mrg-lr-10 { margin-left:10px !important; margin-right:10px !important; }
.mrg-lr-15 { margin-left:15px !important; margin-right:15px !important; }
.mrg-lr-20 { margin-left:20px !important; margin-right:20px !important; }
.mrg-lr-25 { margin-left:25px !important; margin-right:25px !important; }
.mrg-lr-30 { margin-left:30px !important; margin-right:30px !important; }
.mrg-lr-35 { margin-left:35px !important; margin-right:35px !important; }

/*
* padding
*/
.pdd0 { padding:0 !important; }
.pdd1 { padding:1px !important; }
.pdd2 { padding:2px !important; }
.pdd3 { padding:3px !important; }
.pdd4 { padding:4px !important; }
.pdd5 { padding:5px !important; }
.pdd10 { padding:10px !important; }
.pdd15 { padding:15px !important; }
.pdd20 { padding:20px !important; }
.pdd25 { padding:25px !important; }
.pdd30 { padding:30px !important; }
.pdd35 { padding:35px !important; }
.pdd40 { padding:40px !important; }
.pdd45 { padding:45px !important; }
.pdd50 { padding:50px !important; }

.pdd-tp-0 { padding-top:0 !important; }
.pdd-tp-5 { padding-top:5px !important; }
.pdd-tp-8 { padding-top:8px !important; }
.pdd-tp-10 { padding-top:10px !important; }
.pdd-tp-12 { padding-top:12px !important; }
.pdd-tp-15 { padding-top:15px !important; }
.pdd-tp-20 { padding-top:20px !important; }
.pdd-tp-25 { padding-top:25px !important; }
.pdd-tp-30 { padding-top:30px !important; }
.pdd-tp-35 { padding-top:35px !important; }
.pdd-tp-40 { padding-top:40px !important; }
.pdd-tp-45 { padding-top:45px !important; }
.pdd-tp-50 { padding-top:50px !important; }
.pdd-tp-60 { padding-top:60px !important; }
.pdd-tp-70 { padding-top:70px !important; }
.pdd-tp-80 { padding-top:80px !important; }
.pdd-tp-90 { padding-top:90px !important; }
.pdd-tp-100 { padding-top:100px !important; }

.pdd-bt-0 { padding-bottom:0 !important; }
.pdd-bt-5 { padding-bottom:5px !important; }
.pdd-bt-10 { padding-bottom:10px !important; }
.pdd-bt-15 { padding-bottom:15px !important; }
.pdd-bt-20 { padding-bottom:20px !important; }
.pdd-bt-25 { padding-bottom:25px !important; }
.pdd-bt-30 { padding-bottom:30px !important; }
.pdd-bt-35 { padding-bottom:35px !important; }
.pdd-bt-40 { padding-bottom:40px !important; }
.pdd-bt-45 { padding-bottom:45px !important; }
.pdd-bt-50 { padding-bottom:50px !important; }
.pdd-bt-60 { padding-bottom:60px !important; }
.pdd-bt-70 { padding-bottom:70px !important; }
.pdd-bt-80 { padding-bottom:80px !important; }
.pdd-bt-90 { padding-bottom:90px !important; }
.pdd-bt-100 { padding-bottom:100px !important; }

.pdd-l0 { padding-left:0 !important; }
.pdd-l5 { padding-left:5px !important; }
.pdd-l10 { padding-left:10px !important; }
.pdd-l15 { padding-left:15px !important; }
.pdd-l20 { padding-left:20px !important; }

.pdd-r0 { padding-right:0 !important; }
.pdd-r5 { padding-right:5px !important; }
.pdd-r10 { padding-right:10px !important; }
.pdd-r15 { padding-right:15px !important; }
.pdd-r20 { padding-right:20px !important; }

.pdd-tp-bt-0 { padding-top:0 !important; padding-bottom:0 !important; }
.pdd-tp-bt-5 { padding-top:5px !important; padding-bottom:5px !important; }
.pdd-tp-bt-10 { padding-top:10px !important; padding-bottom:10px !important; }
.pdd-tp-bt-15 { padding-top:15px !important; padding-bottom:15px !important; }
.pdd-tp-bt-20 { padding-top:20px !important; padding-bottom:20px !important; }

.pdd-lr-0 { padding-left:0 !important; padding-right:0 !important; }
.pdd-lr-5 { padding-left:5px !important; padding-right:5px !important; }
.pdd-lr-10 { padding-left:10px !important; padding-right:10px !important; }
.pdd-lr-15 { padding-left:15px !important; padding-right:15px !important; }
.pdd-lr-20 { padding-left:20px !important; padding-right:20px !important; }

.pdd0-perc { padding:0 !important; }
.pdd5-perc { padding:5% !important; }
.pdd10-perc { padding:10% !important; }
.pdd15-perc { padding:15% !important; }
.pdd20-perc { padding:20% !important; }

.pdd-tp-0-perc { padding-top:0 !important; }
.pdd-tp-5-perc { padding-top:5% !important; }
.pdd-tp-10-perc { padding-top:10% !important; }
.pdd-tp-15-perc { padding-top:15% !important; }
.pdd-tp-20-perc { padding-top:20% !important; }
.pdd-tp-25-perc { padding-top:25% !important; }
.pdd-tp-50-perc { padding-top:50% !important; }

.pdd-bt-0-perc { padding-bottom:0 !important; }
.pdd-bt-5-perc { padding-bottom:5% !important; }
.pdd-bt-10-perc { padding-bottom:10% !important; }
.pdd-bt-15-perc { padding-bottom:15% !important; }
.pdd-bt-20-perc { padding-bottom:20% !important; }
.pdd-bt-25-perc { padding-bottom:25% !important; }
.pdd-bt-50-perc { padding-bottom:50% !important; }

.pdd-l0 { padding-left:0 !important; }
.pdd-l5 { padding-left:5px !important; }
.pdd-l10 { padding-left:10px !important; }
.pdd-l15 { padding-left:15px !important; }
.pdd-l20 { padding-left:20px !important; }
.pdd-l30 { padding-left:30px !important; }
.pdd-l40 { padding-left:40px !important; }

.pdd-r0 { padding-right:0 !important; }
.pdd-r5 { padding-right:5px !important; }
.pdd-r10 { padding-right:10px !important; }
.pdd-r15 { padding-right:15px !important; }
.pdd-r20 { padding-right:20px !important; }
.pdd-r30 { padding-right:30px !important; }
.pdd-r40 { padding-right:40px !important; }

.pdd-tp-bt-0-perc { padding-top:0 !important; padding-bottom:0 !important; }
.pdd-tp-bt-5-perc { padding-top:5% !important; padding-bottom:5% !important; }
.pdd-tp-bt-10-perc { padding-top:10% !important; padding-bottom:10% !important; }
.pdd-tp-bt-15-perc { padding-top:15% !important; padding-bottom:15% !important; }
.pdd-tp-bt-20-perc { padding-top:20% !important; padding-bottom:20% !important; }

.pdd-lr-0-perc { padding-left:0 !important; padding-right:0 !important; }
.pdd-lr-5-perc { padding-left:5% !important; padding-right:5% !important; }
.pdd-lr-10-perc { padding-left:10% !important; padding-right:10% !important; }
.pdd-lr-15-perc { padding-left:15% !important; padding-right:15% !important; }
.pdd-lr-20-perc { padding-left:20% !important; padding-right:20% !important; }

.mrg0-perc { margin:0 !important; }
.mrg5-perc { margin:5% !important; }
.mrg10-perc { margin:10% !important; }
.mrg15-perc { margin:15% !important; }
.mrg20-perc { margin:20% !important; }

.mrg-tp-0-perc { margin-top:0 !important; }
.mrg-tp-5-perc { margin-top:5% !important; }
.mrg-tp-10-perc { margin-top:10% !important; }
.mrg-tp-15-perc { margin-top:15% !important; }
.mrg-tp-20-perc { margin-top:20% !important; }
.mrg-tp-25-perc { margin-top:25% !important; }
.mrg-tp-50-perc { margin-top:50% !important; }

.mrg-bt-0-perc { margin-bottom:0 !important; }
.mrg-bt-5-perc { margin-bottom:5% !important; }
.mrg-bt-10-perc { margin-bottom:10% !important; }
.mrg-bt-15-perc { margin-bottom:15% !important; }
.mrg-bt-20-perc { margin-bottom:20% !important; }
.mrg-bt-25-perc { margin-bottom:25% !important; }
.mrg-bt-50-perc { margin-bottom:50% !important; }

.mrg-l0-perc { margin-left:0 !important; }
.mrg-l5-perc { margin-left:5% !important; }
.mrg-l10-perc { margin-left:10% !important; }
.mrg-l15-perc { margin-left:15% !important; }
.mrg-l20-perc { margin-left:20% !important; }

.mrg-r0-perc { margin-right:0 !important; }
.mrg-r5-perc { margin-right:5% !important; }
.mrg-r10-perc { margin-right:10% !important; }
.mrg-r15-perc { margin-right:15% !important; }
.mrg-r20-perc { margin-right:20% !important; }

.mrg-tp-bt-0-perc { margin-top:0 !important; margin-bottom:0 !important; }
.mrg-tp-bt-5-perc { margin-top:5% !important; margin-bottom:5% !important; }
.mrg-tp-bt-10-perc { margin-top:10% !important; margin-bottom:10% !important; }
.mrg-tp-bt-15-perc { margin-top:15% !important; margin-bottom:15% !important; }
.mrg-tp-bt-20-perc { margin-top:20% !important; margin-bottom:20% !important; }

.mrg-lr-0-perc { margin-left:0 !important; margin-right:0 !important; }
.mrg-lr-5-perc { margin-left:5% !important; margin-right:5% !important; }
.mrg-lr-10-perc { margin-left:10% !important; margin-right:10% !important; }
.mrg-lr-15-perc { margin-left:15% !important; margin-right:15% !important; }
.mrg-lr-20-perc { margin-left:20% !important; margin-right:20% !important; }

.pos-abs{ position:absolute; }
.pos-rel{ position:relative; }
.l0{left: 0px;}
.l1{left: 1px;}
.l2{left: 2px;}
.l3{left: 3px;}
.l4{left: 4px;}
.l5{left: 5px;}
.l6{left: 6px;}
.l7{left: 7px;}
.l8{left: 8px;}
.l9{left: 9px;}
.l10{left: 10px;}
.l11{left: 11px;}
.l12{left: 12px;}
.l13{left: 13px;}
.l14{left: 14px;}
.l15{left: 15px;}
.l16{left: 16px;}
.l20{left: 20px;}
.l24{left: 24px;}
.r0{right: 0px;}
.r1{right: 1px;}
.r2{right: 2px;}
.r3{right: 3px;}
.r4{right: 4px;}
.r5{right: 5px;}
.r6{right: 6px;}
.r7{right: 7px;}
.r8{right: 8px;}
.r9{right: 9px;}
.r10{right: 10px;}
.r12{right: 12px;}
.r15{right: 15px;}
.r16{right: 16px;}
.r20{right: 20px;}
.r24{right: 24px;}
.t0{top: 0px;}
.t1{top: 1px;}
.t2{top: 2px;}
.t3{top: 3px;}
.t4{top: 4px;}
.t5{top: 5px;}
.t6{top: 6px;}
.t7{top: 7px;}
.t8{top: 8px;}
.t9{top: 9px;}
.t10{top: 10px;}
.t12{top: 12px;}
.t15{top: 15px;}
.t16{top: 16px;}
.t20{top: 20px;}
.t24{top: 24px;}
.b0{bottom: 0px;}
.b1{bottom: 1px;}
.b2{bottom: 2px;}
.b3{bottom: 3px;}
.b4{bottom: 4px;}
.b5{bottom: 5px;}
.b6{bottom: 6px;}
.b7{bottom: 7px;}
.b8{bottom: 8px;}
.b9{bottom: 9px;}
.b10{bottom: 10px;}
.b12{bottom: 12px;}
.b15{bottom: 15px;}
.b16{bottom: 16px;}
.b20{bottom: 20px;}
.b24{bottom: 24px;}

/*
* width
*/
.w-auto { width: auto; }
.w5   { width: 5% !important; }
.w10  { width: 10% !important; }
.w15  { width: 15% !important; }
.w20  { width: 20% !important; }
.w22  { width: 22% !important; }
.w25  { width: 25% !important; }
.w30  { width: 30% !important; }
.w33  { width: 33.33% !important; }
.w35  { width: 35% !important; }
.w40  { width: 40% !important; }
.w45  { width: 45% !important; }
.w48  { width: 48% !important; }
.w50  { width: 50% !important; }
.w58  { width: 58% !important; }
.w60  { width: 60% !important; }
.w65  { width: 65% !important; }
.w70  { width: 70% !important; }
.w75  { width: 75% !important; }
.w80  { width: 80% !important; }
.w85  { width: 85% !important; }
.w90  { width: 90% !important; }
.w95  { width: 95% !important; }
.w98  { width: 98% !important; }
.w100 { width: 100% !important; }

.w5p   { width: 5px !important; }
.w10p  { width: 10px !important; }
.w15p  { width: 15px !important; }
.w20p  { width: 20px !important; }
.w22p  { width: 22px !important; }
.w25p  { width: 25px !important; }
.w30p  { width: 30px !important; }
.w33p  { width: 33px !important; }
.w40p  { width: 40px !important; }
.w45p  { width: 45px !important; }
.w50p  { width: 50px !important; }
.w58p  { width: 58px !important; }
.w60p  { width: 60px !important; }
.w70p  { width: 70px !important; }
.w80p  { width: 80px !important; }
.w90p  { width: 90px !important; }
.w95p  { width: 95px !important; }
.w100p { width: 100px !important; }
.w105p { width: 105px !important; }
.w110p { width: 110px !important; }
.w115p { width: 115px !important; }
.w120p { width: 120px !important; }
.w125p { width: 125px !important; }
.w130p { width: 130px !important; }
.w135p { width: 135px !important; }
.w140p { width: 140px !important; }
.w150p { width: 150px !important; }
.w160p { width: 160px !important; }
.w175p { width: 175px !important; }
.w180p { width: 180px !important; }
.w200p { width: 200px !important; }
.w250p { width: 250px !important; }
.w280p { width: 280px !important; }
.w300p { width: 300px !important; }
.w350p { width: 350px !important; }

.h-auto { height: auto; }
.h5   { height: 5% !important; }
.h10  { height: 10% !important; }
.h15  { height: 15% !important; }
.h20  { height: 20% !important; }
.h22  { height: 22% !important; }
.h25  { height: 25% !important; }
.h30  { height: 30% !important; }
.h32  { height: 32% !important; }
.h33  { height: 33.33% !important; }
.h40  { height: 40% !important; }
.h45  { height: 45% !important; }
.h48  { height: 48% !important; }
.h50  { height: 50% !important; }
.h58  { height: 58% !important; }
.h60  { height: 60% !important; }
.h65  { height: 65% !important; }
.h70  { height: 70% !important; }
.h75  { height: 75% !important; }
.h80  { height: 80% !important; }
.h85  { height: 85% !important; }
.h90  { height: 90% !important; }
.h95  { height: 95% !important; }
.h100 { height: 100% !important; }

.h5p   { height: 5px !important; }
.h10p  { height: 10px !important; }
.h15p  { height: 15px !important; }
.h18p  { height: 18px !important; }
.h20p  { height: 20px !important; }
.h22p  { height: 22px !important; }
.h25p  { height: 25px !important; }
.h30p  { height: 30px !important; }
.h32p  { height: 32px !important; }
.h33p  { height: 33px !important; }
.h40p  { height: 40px !important; }
.h45p  { height: 45px !important; }
.h50p  { height: 50px !important; }
.h58p  { height: 58px !important; }
.h60p  { height: 60px !important; }
.h70p  { height: 70px !important; }
.h80p  { height: 80px !important; }
.h90p  { height: 90px !important; }
.h95p  { height: 95px !important; }
.h100p { height: 100px !important; }
.h105p { height: 105px !important; }
.h110p { height: 110px !important; }
.h115p { height: 115px !important; }
.h120p { height: 120px !important; }
.h125p { height: 125px !important; }
.h130p { height: 130px !important; }
.h135p { height: 135px !important; }
.h140p { height: 140px !important; }
.h150p { height: 150px !important; }
.h160p { height: 160px !important; }
.h175p { height: 175px !important; }
.h180p { height: 180px !important; }

.minw5   {min-width: 5% !important; }
.minw10  {min-width: 10% !important; }
.minw15  {min-width: 15% !important; }
.minw20  {min-width: 20% !important; }
.minw22  {min-width: 22% !important; }
.minw25  {min-width: 25% !important; }
.minw30  {min-width: 30% !important; }
.minw33  {min-width: 33.33% !important; }
.minw40  {min-width: 40% !important; }
.minw45  {min-width: 45% !important; }
.minw48  {min-width: 48% !important; }
.minw50  {min-width: 50% !important; }
.minw58  {min-width: 58% !important; }
.minw60  {min-width: 60% !important; }
.minw70  {min-width: 70% !important; }
.minw80  {min-width: 80% !important; }
.minw90  {min-width: 90% !important; }
.minw95  {min-width: 95% !important; }
.minw100 {min-width: 100% !important; }

.minw5p   {min-width: 5px !important; }
.minw10p  {min-width: 10px !important; }
.minw15p  {min-width: 15px !important; }
.minw20p  {min-width: 20px !important; }
.minw22p  {min-width: 22px !important; }
.minw25p  {min-width: 25px !important; }
.minw30p  {min-width: 30px !important; }
.minw33p  {min-width: 33px !important; }
.minw40p  {min-width: 40px !important; }
.minw45p  {min-width: 45px !important; }
.minw50p  {min-width: 50px !important; }
.minw58p  {min-width: 58px !important; }
.minw60p  {min-width: 60px !important; }
.minw70p  {min-width: 70px !important; }
.minw80p  {min-width: 80px !important; }
.minw90p  {min-width: 90px !important; }
.minw95p  {min-width: 95px !important; }
.minw100p {min-width: 100px !important; }
.minw105p {min-width: 105px !important; }
.minw120p {min-width: 120px !important; }
.minw140p {min-width: 140px !important; }
.minw150p {min-width: 150px !important; }
.minw160p {min-width: 160px !important; }
.minw175p {min-width: 175px !important; }
.minw180p {min-width: 180px !important; }
.minw210p {min-width: 210px !important; }
.minw245p {min-width: 245px !important; }
.minw280p {min-width: 280px !important; }

.minh5   {min-height: 5% !important; }
.minh10  {min-height: 10% !important; }
.minh15  {min-height: 15% !important; }
.minh20  {min-height: 20% !important; }
.minh22  {min-height: 22% !important; }
.minh25  {min-height: 25% !important; }
.minh30  {min-height: 30% !important; }
.minh33  {min-height: 33.33% !important; }
.minh40  {min-height: 40% !important; }
.minh45  {min-height: 45% !important; }
.minh48  {min-height: 48% !important; }
.minh50  {min-height: 50% !important; }
.minh58  {min-height: 58% !important; }
.minh60  {min-height: 60% !important; }
.minh70  {min-height: 70% !important; }
.minh80  {min-height: 80% !important; }
.minh90  {min-height: 90% !important; }
.minh95  {min-height: 95% !important; }
.minh100 {min-height: 100% !important; }

.minh5p   {min-height: 5px !important; }
.minh10p  {min-height: 10px !important; }
.minh15p  {min-height: 15px !important; }
.minh20p  {min-height: 20px !important; }
.minh22p  {min-height: 22px !important; }
.minh25p  {min-height: 25px !important; }
.minh30p  {min-height: 30px !important; }
.minh33p  {min-height: 33px !important; }
.minh40p  {min-height: 40px !important; }
.minh45p  {min-height: 45px !important; }
.minh50p  {min-height: 50px !important; }
.minh58p  {min-height: 58px !important; }
.minh60p  {min-height: 60px !important; }
.minh70p  {min-height: 70px !important; }
.minh80p  {min-height: 80px !important; }
.minh90p  {min-height: 90px !important; }
.minh95p  {min-height: 95px !important; }
.minh100p {min-height: 100px !important; }
.minh105p {min-height: 105px !important; }
.minh120p {min-height: 120px !important; }
.minh140p {min-height: 140px !important; }
.minh150p {min-height: 150px !important; }
.minh160p {min-height: 160px !important; }
.minh175p {min-height: 175px !important; }
.minh180p {min-height: 180px !important; }
.minh210p {min-height: 210px !important; }
.minh245p {min-height: 245px !important; }
.minh280p {min-height: 280px !important; }

.maxw100p {max-width: 100px !important; }
.maxw150p {max-width: 150px !important; }
.maxw200p {max-width: 200px !important; }
.maxw250p {max-width: 250px !important; }
.maxw300p {max-width: 300px !important; }
.maxw350p {max-width: 350px !important; }
.maxw400p {max-width: 400px !important; }
.maxw450p {max-width: 450px !important; }
.maxw500p {max-width: 500px !important; }
.maxw550p {max-width: 550px !important; }
.maxw600p {max-width: 600px !important; }
.maxw650p {max-width: 650px !important; }
.maxw700p {max-width: 700px !important; }
.maxw750p {max-width: 750px !important; }
.maxw800p {max-width: 800px !important; }

.maxh-reset {max-height: inherit !important;}
.minh-reset {min-height: inherit !important;}
.maxw-reset {max-width: inherit !important;}
.minw-reset {min-width: inherit !important;}

.txtsize-10{font-size: 10px !important;}
.txtsize-12{font-size: 12px !important;}
.txtsize-13{font-size: 13px !important;}
.txtsize-14{font-size: 14px !important;}
.txtsize-15{font-size: 15px !important;}
.txtsize-16{font-size: 16px !important;}
.txtsize-18{font-size: 18px !important;}
.txtsize-20{font-size: 20px !important;}

.font10{font-size:10px !important;}
.font11{font-size:11px !important;}
.font12{font-size:12px !important;}
.font13{font-size:13px !important;}
.font14{font-size:14px !important;}
.font15{font-size:15px !important;}
.font16{font-size:16px !important;}
.font17{font-size:17px !important;}
.font18{font-size:18px !important;}
.font19{font-size:19px !important;}
.font20{font-size:20px !important;}
.font21{font-size:21px !important;}
.font22{font-size:22px !important;}
.font23{font-size:23px !important;}
.font24{font-size:24px !important;}
.font25{font-size:25px !important;}
.font26{font-size:26px !important;}
.font27{font-size:27px !important;}
.font28{font-size:28px !important;}
.font29{font-size:29px !important;}
.font30{font-size:30px !important;}
.font32{font-size:32px !important;}
.font36{font-size:36px !important;}
.font40{font-size:40px !important;}
.font48{font-size:48px !important;}
.font56{font-size:56px !important;}


.line-height-12 { line-height: 12px !important; }
.line-height-14 { line-height: 14px !important; }
.line-height-15 { line-height: 15px !important; }
.line-height-16 { line-height: 16px !important; }
.line-height-18 { line-height: 18px !important; }
.line-height-20 { line-height: 20px !important; }
.line-height-22 { line-height: 22px !important; }
.line-height-24 { line-height: 24px !important; }
.line-height-26 { line-height: 26px !important; }
.line-height-28 { line-height: 28px !important; }
.line-height-30 { line-height: 30px !important; }
.line-height-32 { line-height: 32px !important; }
.line-height-36 { line-height: 36px !important; }
.line-height-40 { line-height: 40px !important; }
.line-height-42 { line-height: 42px !important; }
.line-height-44 { line-height: 44px !important; }
.line-height-46 { line-height: 46px !important; }
.line-height-48 { line-height: 48px !important; }
.line-height-50 { line-height: 50px !important; }

.pointer { cursor: pointer; }

.font-normal { font-style:  normal; }
.font-italic, .italic { font-style:  italic; }
.uppercase{text-transform: uppercase;}
.txt-center{text-align:center;}

.weight-normal{font-weight: 400;}
.weight-semibold{font-weight: 600;}
.weight-bold{font-weight: 800;}
.weight-100{font-weight: 100;}
.weight-200{font-weight: 200;}
.weight-300{font-weight: 300;}
.weight-400{font-weight: 400;}
.weight-500{font-weight: 500;}
.weight-600{font-weight: 600;}
.weight-700{font-weight: 700;}
.weight-800{font-weight: 800;}


.bg-white, .bg-ffffff{background-color: #ffffff;}
.bg-black, .bg-000000{background-color: #000000;}
.bg-ebf3ff{background-color: #ebf3ff;}
.bg-cccccc{background-color: #cccccc;}
.bg-666666{background-color: #666666;}
.bg-999999{background-color: #999999;}
.bg-feffd7{background-color:#feffd7;}

.red{ color: red;}
.col-ff0000{color:#ff0000;}
.col-ffffff{color:#ffffff;}
.col-000000{color:#000000;}
.col-333333{color:#333333;}
.col-666666{color:#666666;}
.col-777777{color:#777777;}
.col-888888{color:#888888;}
.col-999999{color:#999999;}
.col-cccccc{color:#cccccc;}
.col-efefef{color:#efefef;}
.col-31A3E4{color:#31A3E4;}
.col-e2990f{color: #e2990f !important;}

.brd-col-ff0000{border-color:#ff0000;}
.brd-col-ffffff{border-color:#ffffff;}
.brd-col-000000{border-color:#000000;}
.brd-col-333333{border-color:#333333;}
.brd-col-666666{border-color:#666666;}
.brd-col-cccccc{border-color:#cccccc;}
.brd-col-efefef{border-color:#efefef;}
.brd-col-31A3E4{border-color:#31A3E4;}
.brd-col-e2990f{border-color:#e2990f;}

.container {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.large-container{
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

#contact input[type="text"],
#contact input[type="time"],
#contact input[type="number"],
#contact input[type="password"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact textarea,
#contact button[type="submit"] {
    font: 400 12px/16px "Roboto", Helvetica, Arial, sans-serif;
}

.left{
    float: left !important;
}

.right{
    float: right !important;
}

#contact {
    background: #ffffff;
    padding: 0px;
    min-height:100vh;
    /*margin: 150px 0;*/
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
    padding-bottom:120px;
}

#contact h3 {
    display: block;
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 10px;
    margin-top: 10px;
}

#contact h4 {
    margin: 5px 0 15px;
    display: block;
    font-size: 16px;
    font-weight: 400;
}

fieldset {
    border: medium none !important;
    margin: 0 0 10px;
    min-width: 100%;
    padding: 0;
    width: 100%;
}

#contact input[type="text"],
#contact input[type="time"],
#contact input[type="number"],
#contact input[type="password"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact textarea {
    width: 100%;
    border: 1px solid #ccc;
    background: #FFF;
    margin: 0px;
    padding: 10px;
}

fieldset p{    
    font-size: 12px;
    font-style: italic;
}

fieldset p.error{
    color: red;
}

#contact input[type="text"]:hover,
#contact input[type="time"]:hover,
#contact input[type="number"]:hover,
#contact input[type="password"]:hover,
#contact input[type="email"]:hover,
#contact input[type="tel"]:hover,
#contact input[type="url"]:hover,
#contact textarea:hover {
    -webkit-transition: border-color 0.3s ease-in-out;
    -moz-transition: border-color 0.3s ease-in-out;
    transition: border-color 0.3s ease-in-out;
    border: 1px solid #aaa;
}

#contact textarea {
    height: 100px;
    max-width: 100%;
    resize: none;
}

.copyright {
    text-align: center;
}

#contact input:focus,
#contact textarea:focus {
    outline: 0;
    border: 1px solid #aaa;
}

::-webkit-input-placeholder {
    color: #888;
}

:-moz-placeholder {
    color: #888;
}

::-moz-placeholder {
    color: #888;
}

:-ms-input-placeholder {
    color: #888;
}

.page-preloader {
    background-color: rgba(255,255,255,0.7);
    border: medium none;
    cursor: default;
    display: none;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999999;
}
.center-loading {
    height: 34px;
    left: 50%;
    margin-left: -17px;
    margin-top: -17px;
    position: absolute;
    top: 50%;
    width: 34px;
    z-index: 200;
}

@-moz-keyframes three-quarters-loader {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes three-quarters-loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes three-quarters-loader {
    0% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* :not(:required) hides this rule from IE9 and below */
.three-quarters-loader:not(:required) {
    -moz-animation: three-quarters-loader 1250ms infinite linear;
    -webkit-animation: three-quarters-loader 1250ms infinite linear;
    animation: three-quarters-loader 1250ms infinite linear;
    border: 6px solid #234489;
    border-right-color: transparent;
    border-radius: 16px;
    box-sizing: border-box;
    display: inline-block;
    /*position: relative;*/
    overflow: hidden;
    text-indent: -9999px;
    width: 32px;
    height: 32px;
}

.header{
    position: absolute;
    top:0px;
    left:0px;
    width:100%;
    font-size: 18px;
    padding:5px 0px;
    border-bottom:1px solid #cccccc;
/*    box-shadow: 0 1px 6px rgba(0,0,0,.12), 0 1px 4px rgba(0,0,0,.24);*/
}

.header > div{
    max-width: 600px;
    margin:0 auto;
}

.hidden{
    display: none;
}

@media only screen and (max-width:768px){
    .hidden-mobile{
        display: none;
    }
}

@media only screen and (min-width:768px){
    .hidden-desktop{
        display: none;
    }
}

.clearer{
    clear:both;
    display: block;
}

.seller-box{
    width:100%;
    padding:10px;
    text-align:center;
    float:left;
    line-height:20px;
    font-size:16px;
    margin-top:10px;
    cursor:pointer;
}

.seller-box:hover{
    background-color:#a9d1ef;
}

.page-content{
    width:100%;
/*    padding-top:80px;*/
    height: 100vh;    
}

.step-number{
    float: left;
    border-radius:5px;
    color:white;
    padding: 4px 8px;
    width:28px;
    height:28px;
    margin-bottom:5px;
/*    display:table-cell;*/
    text-align: center;
    display: none;
}

.step-label{
    float: left;
    margin-left: 0px;
    line-height:26px;
    margin-bottom:5px;
}

.datepicker-inline, .table-condensed {
    width: 100%
}
#calendar {
    position: relative
}
#calendar table {
    border-collapse: separate;
    border-spacing: 4px
}
#calendar table .day {
    position: relative;
    border-radius: 5px 5px 0px 0px;
}
.datepicker-months .next, .datepicker-months .prev, .datepicker-years .next, .datepicker-years .prev {
    width: 40px
}
.datepicker thead tr:nth-of-type(2) th {
/*    border: 1px solid #07c;*/
}
.datepicker thead tr:nth-of-type(3) th {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
/*    color: #07c;*/
}
.datepicker tbody tr td, .datepicker thead tr:nth-of-type(3) th {
    border-radius: 0
}
.datepicker-days tbody td {
    padding: 10px!important
}
.datepicker td.day {
    font-weight: 700;
    border: 0px solid;
    overflow: hidden
}
.datepicker td.day.new {
    opacity: 1;
    font-weight: 700;
    font-style: normal
}
.datepicker td span.disabled, .datepicker td.disabled {
    font-style: italic!important;
    cursor: default!important;
    font-weight: 400!important;
    opacity: .4!important
}
.datepicker-months table .month, .datepicker-years table .year {
    width: 24%;
    margin: .5%
}
[class*=availability-] {
    position: absolute
}
.availability-yes {
    bottom: -1px;
    left: 0;
    height: 3px
}
.availability-no {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1
}
.availability-no:after {
    content: "";
    position: absolute;
    /*border-top: 1px solid #dddddd;*/
    width: 100px;
    left: 0;
    top: 0;
/*    -webkit-transform: rotate(39deg);
    -ms-transform: rotate(39deg);
    transform: rotate(39deg);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0*/
}

input, select, textarea {
    /*background: none repeat scroll 0 0;*/
    background: #fff;
    border-radius: 0;
    display: block;
    font-family: inherit;
    height: 40px;
    padding: 5px 10px;
    width: 100%;
    font-size: 16px;
}

.moment{
    padding: 5px;
    text-align: center;
    cursor: pointer;
    font-weight: 700;
    width:44%;
    margin:0 3%;
    float:left;
    border-radius: 4px;
    border: 1px solid;
    text-transform: uppercase;   
    background: #fff;
}

.moment:not(.disabled):hover{
    opacity: 0.7;
}

.moment.selected{
    background-color: #a9d1ef;
    font-weight:bold;
}

.moment.disabled{
    background-color: #cccccc;
    color: #888888;
    font-weight: 100;
}

.hour{
    padding: 5px;
    text-align: center;
    cursor: pointer;
    font-weight: 700;
    width: 21%;
    margin: 10px 2%;
    float:left;
    border-radius: 6px;
    border: 1px solid;
    text-transform: uppercase;    
    background: #fff;
}

.hour:not(.disabled):hover{
    opacity: 0.7;
}

.hour.selected{
    font-weight:bold;
    opacity: 1 !important;
}

.hour.disabled{
    background-color: #cccccc;
    color: #888888;
    font-weight: 100;
}

.choice-item, .service-option-item, .box-item{
    position: relative;
    padding: 5px;
    padding-right: 30px;
    text-align: center;
    cursor: pointer;
    font-weight: 700;
    width: 48%;
    font-size:14px;
    margin: 10px 1%;
    float:left;
    border-radius: 6px;
    border: 1px solid;
/*    text-transform: uppercase;    */
    background: #fff;
}

.hour-multi-item{
    position: relative;
    border-radius: 6px;
    border: 1px solid;
    background: #fff;
    font-weight: 700;
    font-size:14px;
    width: 48%;
    margin: 10px 1%;
    float:left;
    padding:2px 6px;
    text-align: center;    
    display:table;
}

.hour-multi-item .multi-hour{
    height:100%;
    display:table-cell;
    vertical-align:middle;
    padding:0px 10px;    
    width: 90px;
    font-size: 20px;
}

.hour-multi-item .item{
    width: 100%;
    text-align: left;
    float: right;
    border-radius:5px;
    padding:5px 10px;
    margin-top:3px;
    margin-bottom:3px;
    cursor: pointer;
    padding-right:30px;
    position: relative;
}

.hour-multi-item .item .fa-info-circle{
    
}

.hour-multi-item .item[data-id='0']{
    visibility: hidden;
}

.box-item{
    font-weight: 400;
    text-align: left;
    cursor: default;
}

.sub-box-item{
    float: left;
    margin-left: 1%;
    margin-right: 1%;
}

.service-option-item .service-option-icon{
    display:none;
    font-size: 20px;
    vertical-align: middle;
    text-align: center;    
}

.service-option-item .service-option-name{
    display:table-cell;
    vertical-align: middle;
    text-align: center;    
}

.service-option-unique-description{
    padding:0 10px;
    font-style: italic;
    font-size: 14px;
    margin-top: 20px;
    text-align: center;
}

.service-option-info{
    display:table;    
    width:100%;
}

.select-service-option-container.show-description-option .service-option-item{
    width:98%;
}

.select-service-option-container.show-description-option .service-option-info{
    padding-top:4px;
}

.select-service-option-container.show-description-option .service-option-item .service-option-description{
    /*display:block;*/
}

.select-service-option-container.multiple-option .service-option-item .service-option-icon{
    display:table-cell;    
    width:15%;
}

.select-service-option-container.show-description-option .service-option-item .service-option-icon{
    vertical-align:top;
    padding-top:3px;
}

.select-service-option-container.show-description-option .service-option-item .service-option-name{
    vertical-align:top;
}

.select-service-option-container.multiple-option .service-option-item .service-option-name{
    width:85%;    
    font-size: 12px;
    text-align:left;
}

.select-service-option-container.show-description-option .service-option-item{
    width:98%;
}

.select-service-option-container.multiple-option .service-option-item .service-option-icon,
.select-service-option-container.show-description-option .service-option-item .service-option-icon{
    width:10%;
}

.select-service-option-container.multiple-option .service-option-item .service-option-name,
.select-service-option-container.show-description-option .service-option-item .service-option-name{
    width:90%;
}

.choice-item:hover, .service-option-item:hover{
    opacity: 0.7;
}

.choice-item.selected, .service-option-item.selected{
    font-weight:bold;
    opacity: 1 !important;
}

.button{
    padding: 5px;
    text-align: center;
    cursor: pointer;
    font-weight: 700;
    width: 100%;
    float:left;
    border-radius: 4px;
    border: 1px solid;
    text-transform: uppercase;    
    text-decoration:none !important;
    color: #333;
    /*background: #fff;*/
}

button:hover{
    opacity: 0.7;
}

#prev-date, #next-date{
    width: 44%;    
}

#login-button, #register-button, #confirm-instant-ticket, #confirm-classic-booking{
    width:100%;
    margin-left:0%;
    margin-right:0%;
}

#prev-date{
    margin-right:3%;
}

#next-date{
    margin-left:3%;
}

.default-login-registration-box{
    width:100%;
    padding:10px 0px;    
}

.login-container, .register-container{
    margin-top:20px;
}

footer{
    position:fixed;
    bottom:0px;
    margin:0px;
    font-size: 14px;
    padding-top:5px;
    width:100%;
}

footer > div{
    max-width: 600px;
    margin:0 auto;
}

footer ul li {
    display: inline-block;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 600;    
}

th.prev, th.next, th.datepicker-switch{
    background: #fff;
}

.datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover{
    background: inherit;
    opacity: 0.7;
}

.list-style-container{
    margin:10px 40px;
}

.list-style-container td{
    vertical-align: top;
    padding-top:5px;
    font-size:13px;
}

.list-style-default li{
    list-style: initial;
} 

#iubenda-cs-banner {
    bottom: 0!important;
    left: 0!important;
    position: fixed!important;
    width: 100%!important;
    z-index: 2147483647!important;
    border-top: 1px dashed;
}

#terms-and-conditions{
    width: 24px;
    height: 24px;
    margin: 0px;
    float: left;
}

#change-language::-ms-expand {
    display: none;
}

#change-language{
    -webkit-appearance: none;
    appearance: none;
    height:30px;
    padding:0px;
    cursor: pointer;
}

.select-district{
    width:calc(50% - 10px);
    float:left;
}

.select-office{
    width:calc(50% - 10px);
    float:right;
}

.select-office.w100per{
    width:100%;
}

.office-address-label, .office-notes-label{
    width:10%;float:left;margin-top:10px;font-weight:bold;text-align:right;
}

.office-address, .office-notes{
    width:90%;float:left;margin-top:10px;padding-left:20px;
}
.office-notes, .office-notes-label{
    margin-top:0px;
}

.success-label, .success-value{
/*    text-align:right;*/
    float: left;
    width:100%;
    padding: 5px;
    border-radius: 5px;
    margin-top:15px;
}

.success-value{
    text-align:left;
    font-weight: bold;
    margin-top:0px;
    
}

.success-description{
    font-style: italic;
    margin-top:0px;
}

.input-field-left{
    width:46%;margin-right:4%;float:left;min-width:46%;
}
.input-field-right{
    width:46%;margin-left:4%;float:left;min-width:46%;
}

.transparent-overlay{
    position:fixed;
    width:100%;
    height:100%;
    background:transparent;
    top:0;
    left:0;
    display:block;
}

/**************************/
/*****NUOVA VERSIONE*******/
/**************************/
#contact{
    padding-left:0px;
    padding-right:0px;
    box-shadow: none;
}

.step-label{
    padding: 5px 15px;
    border-radius: 6px;
    width: 100%;
}

select{
    border-radius: 6px;
    padding:0px 10px;
    cursor:pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image:
        linear-gradient(45deg, transparent 50%, gray 50%),
        linear-gradient(135deg, gray 50%, transparent 50%),
        linear-gradient(to right, #ccc, #ccc);
    background-position:
        calc(100% - 20px) calc(1em + 2px),
        calc(100% - 15px) calc(1em + 2px),
        calc(100% - 2.5em) 0.5em;
    background-size:
        5px 5px,
        5px 5px,
        1px 1.5em;
    background-repeat: no-repeat;
    border-color: #b6b6b6;
}

select:focus{
    background-image:
        linear-gradient(45deg, #c6c6c6 50%, transparent 50%),
        linear-gradient(135deg, transparent 50%, #c6c6c6 50%),
        linear-gradient(to right, #ccc, #ccc);
    background-position:
        calc(100% - 15px) 1em,
        calc(100% - 20px) 1em,
        calc(100% - 2.5em) 0.5em;
    background-size:
        5px 5px,
        5px 5px,
        1px 1.5em;
    background-repeat: no-repeat;
    border-color: #767676;
    outline: 0;
}

p.step-subtitle {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
    text-align: justify;
    /*font-style: italic;*/
    /*font-size: 13px;*/
}

.office-address-label, .office-notes-label{    
    text-align: left;
    width: 100%;
    padding:0 6px;
}

.office-notes-label{
    margin-top:5px;
}

.office-address-label p, .office-notes-label p{
    margin-bottom:0px;
    border-bottom:0px solid;
}

.office-address, .office-notes{
    margin-top:4px;
    padding:0 20px;
}

.button{
    border-radius: 6px;
/*    box-shadow: 0 1px 3px rgba(170,170,170,0.12), 0 1px 2px;    */
    box-shadow: 2px 2px 0px rgba(0,0,0,0.3);
}

.step-container{
    margin:0 24px;
}

.site-title{
    font-size: 30px;
    line-height: 30px;
}

.info-container{
    margin-top: 10px;
    padding: 10px;
    border-radius: 10px;
    border:1px solid #999999;
    position: relative;
}

input, select, textarea{
    border-radius: 6px;
    border-color: #b6b6b6;
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover{
/*    color: #222222;*/
    opacity:0.5;
}

.datepicker-days{
    border-radius: 10px;
    padding: 10px;
}

.datepicker table tr td.today{
    background-color: rgba(255,255,255,0.3);
    border:0px;
}

.ratings {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
  direction: rtl;
  text-align: center;
}

.star {
  position: relative;
  line-height: 40px;
  display: inline-block;
  transition: color 0.2s ease;
  color: #cccccc;
}

.star:before {
  content: '\2605';
  width: 40px;
  height: 40px;
  font-size: 40px;
}

.star:hover,
.star:active,
.star.selected,
.star:hover ~ .star,
.star:active ~ .star,
.star.selected ~ .star{
  transition: color 0.8s ease;
  color: #ffa41c;
}

#export-data, #logout, .box-item fieldset, .login-container fieldset, .contact-container fieldset:not(.one-row){
    width: 48% !important;
    margin-left:1% !important;
    margin-right: 1% !important;
    float: left;
    min-width: 0px;
}

@media only screen and (max-width:720px){
    #export-data, #logout, .box-item fieldset, .login-container fieldset, .contact-container fieldset{
        width: 98% !important;
        margin-left:1% !important;
        margin-right: 1% !important;
    }
}

@media only screen and (max-width:600px){
    .list-service-name{
        display: none;
    }
}

.tooltip-content{
    display: none;
}

.choice-item > i{
    position: absolute;
    font-size: 20px;
    right: -1px;    
    padding: 6px;
    top: -1px;
    border-radius: 0px 6px 6px 0px;
/*    background: #005393;
    color: white;*/
}

.choiceitem > i:hover{
    font-weight: bold !important;
}

.grecaptcha-badge { visibility: hidden; }

.modal-box .info-container{
    margin:0 auto;
    margin-top: 10%;
    max-width: 800px;    
    max-height: 80%;
    overflow: auto;
}

.modal-body{
/*    overflow: auto;
    max-height: 80%;*/
}

@media only screen and (max-width:740px){
    .choice-item, .service-option-item, .box-item, .sub-box-item, .hour-multi-item{
        width:98%
    }
    
    .hour-multi-item .item[data-id='0']{
        display:none;
    }
    
    .select-service-option-container.multiple-option .service-option-item .service-option-icon{
        width:10%;
    }

    .select-service-option-container.multiple-option .service-option-item .service-option-name{
        width:90%;
    }
}

@media (min-width: 650px) { 
    .default-login-registration-box{
        width:44%;    
        padding:10px;
    }
    #login-button, #register-button, #confirm-instant-ticket, #confirm-classic-booking{
        width: 44%;    
    }
    
    #login-button, #confirm-instant-ticket{
        margin-right:3%;
        float:left;
    }
    
    #register-button, #confirm-classic-booking{
        margin-left:3%;
        float:right;
    }
}

@media (max-width: 650px) {    
    .input-field-left, .input-field-right{
        width: 48%;
        min-width: 48%;
/*        width:100%;margin-left:0%;margin-right:0%;*/
    }
    .input-field-left{
        margin-right:2%;
    } 
    .input-field-right{
        margin-left:2%;
    }
    
    .select-district, .select-office{
        width:100%;
    }
    
    .select-district{
        margin-bottom: 20px;
    }
    
    .office-address-label, .office-notes-label{
        width:20%;
    }

    .office-address, .office-notes{
        width:80%;
    }
}

@media (max-width: 500px) {            
    .register-container fieldset.input-field-left, .register-container fieldset.input-field-right{
        width: 98%;
        min-width: 98%;
        margin-right:1%;
        margin-left:1%;
    }
}

@media only screen and (max-width: 420px) { 
    
}

@media only screen and (max-width: 500px) {  
    .from-500{
        display: none;
    } 
    .step-label{
        /*font-size:16px;*/
        /*border-radius: 0px;*/
    }
    .step-container{
        margin:0 12px;
    }
    .container{
        /*padding:5px;*/
    }
    #contact{
        padding:0px;
        padding-bottom: 120px;
    }
    .modal-box .info-container{
        margin:0 15px;
        margin-top:20%;
    }
    .site-title, .site-subtitle{
        padding-left:10px;
        padding-right:10px;
    }
    .site-title{
        font-size: 20px;
        line-height: 24px;
    }
}

.step-content{
    text-align: center;
}

.step-content .choice-item{
    display:inline-block;
    float: none;
    width: 31%;
}

@media only screen and (max-width: 900px) {   
    .step-content .choice-item{
        width: 30%;
    }
}

@media only screen and (max-width: 750px) {   
    .step-content .choice-item{
        width: 47%;
    }
}

@media only screen and (max-width: 550px) {   
    .step-content .choice-item{
        width: 98%;
    }
}

.price-label div{
    margin:0 auto;
    margin-bottom:5px;
    width:120px;
    border-radius:10px;
    font-size: 20px;
    font-weight: 600;
    padding:10px;
    border: 1px solid white;
}

.payment-detail{
    display: none;
    padding: 10px;
}
.payment-box.selected .payment-detail{
    display: block;
}

.service-quantity{
    width:60px !important;
    height:48px !important;
    line-height:48px !important;
    padding:0px !important;
    text-align: center !important;
    font-size: 22px !important;
    font-weight: bold !important;
}

.service-quantity::-webkit-inner-spin-button,
.service-quantity::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.dd-selected-quantity{
    float: left;
    width:48px !important;
    height:48px !important;
    line-height:48px !important;
    padding:0px !important;
    text-align: center !important;
    font-size: 22px !important;
    font-weight: bold !important;
    border: 1px solid #ccc;
    color: #666666 !important;
}

.dd-selected-quantity::-webkit-inner-spin-button,
.dd-selected-quantity::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.dd-selected-text, .dd-selected-subtext{
    font-size: 16px;
}