@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url(../../code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);

@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}
@media only screen and (min-width: 950px) {
	.smallcontainer{
		max-width:600px;
		background-color: #000;
		border-radius: 10px;
		margin-bottom: 15px;
		padding:50px 10px;
	}
}
.smallcontainer{
	max-width:600px;
	margin: 0 auto;
	padding:0 10px;
		background-color: #000;
		border-radius: 10px;
		margin-bottom: 15px;
}
.white{
	background-color:#FFF;
}
.triwhite{background:rgba(255,255,255,0.6);}
.g-white{
	background: #FFF; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#FFF, #F5F5F5); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFF, #F5F5F5); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFF, #F5F5F5); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFF, #F5F5F5); /* Standard syntax */
}
.margin{
	margin:10px;
}
hr{	color: #222;
	border-top: 3px solid #222;
	border-bottom: none;
	margin-top: 10px;
	margin-bottom: 10px;
}

input,
textarea{
	padding:15px;
	background:#222222;
	border:1px solid #333333;
	color:#999999;
}
select{
	background:#222222;
	border:1px solid #333333;
	padding:15px;
	color:#999999;
}
.center{
	text-align:center;
	margin: 0 auto;
}
.left{
	float:left;
}
form [class*="col-"] {
	padding: 5px 10px;
}
.cirle{
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
}
.maroon-color{
	color: #F30;
}
.green-color{
	color: #05ae5a;
}
.yellow-color{
	color: #FC0;
}


input[type=checkbox], input[type=radio]{ vertical-align:middle}
input[type=checkbox].check:checked+.validate,input[type=radio].check:checked+.validate{color:#1da11d !important}
.none{display:none;}
.card-12{
	-webkit-box-shadow: -1px 10px 55px -31px rgba(0,0,0,0.41);
-moz-box-shadow: -1px 10px 55px -31px rgba(0,0,0,0.41);
box-shadow: -1px 10px 55px -31px rgba(0,0,0,0.41);
max-width:100%;}

input[disabled]{ background-color:#000;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 108888888888888; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.modal.white {
    background-color: #fff; /* Black w/ opacity */
}

.modal.atwhite {
    background-color: rgba(255,255,255,0.9); /* Black w/ opacity */
}
.atwhite .content{
	position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/* Modal Content/Box */
.modal-content {
    margin: 15% auto; /* 15% from the top and centered */
    width: 80%; /* Could be more or less, depending on screen size */
}
/* Modal Content/Box */
.modal-content-small {
    margin: 15% auto; /* 15% from the top and centered */
    width: 400px;
	max-width: 90%;
	border-radius:5px;
	overflow:hidden;
}

/* The Close Button */
.modal-content .close, .modal-content-small .close, {
    color: #fff;
    float: right;
    font-size: 32px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}



/* The Modal (background) */
.modal2 {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 108888888888888; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}
/* Modal Content (Image) */
.modal-img-content {
    margin: auto;
    display: block;
	max-height:90%;
    max-width: 700px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-img-content, #caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-o-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0)}
    to {-o-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}
}

@keyframes zoom {
    from {-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);}
    to {-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}
}

/* The Close Button */
.close2 {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #CCC;
    font-size: 40px;
    font-weight: bold;
    -moz-transition: 0.3s;
	-o-transition: 0.3s;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.close2:hover,
.close2:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-img-content {
        width: 100%;
    }
}


/* Modal Header */
.modal-header {
    padding: 5px 16px;
    background-color: #1da11d;
    color: white;
}

/* Modal Body */
.modal-body {padding: 2px 16px;}

/* Modal Footer */
.modal-footer {
    padding: 2px 16px;
    background-color: #1da11d;
    color: white;
}

/* Modal Content */
.modal-content, .modal-content-small {
    position: relative;
    background-color: #fefefe;
    padding: 0;
    -moz-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	-webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top: -300px; opacity: 0}
    to {top: 0; opacity: 1}
}

@keyframes animatetop {
    from {top: -300px; opacity: 0}
    to {top: 0; opacity: 1}
}

.display-container{position:relative}
.display-middle{position:absolute;left:40%;top:35%;text-align:center}
.display-topleft{position:absolute;left:0;top:0}
.display-bottomleft{position:absolute;left:0;bottom:0}
.display-topright{position:absolute;right:0;top:0;}
.display-bottomright{position:absolute;right:0;bottom:0;}
.display-bottom{position:absolute;right:-1px;bottom:0;}

a{cursor:pointer;}
.fixed{
	position:fixed;
	top:0;
}
.fixed-bottom{
	position:fixed;
	bottom:0;
}


.padding{
	padding:10px;
}
.btn-floating:hover{-moz-box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);-webkit-box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);}
.btn-floating{display:inline-block;text-align:center !important;color:#fff;background-color:#666;position:relative;overflow:hidden;padding:0;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;cursor:pointer;border:1px solid #FFF;margin:2px}
.btn-floating{width:15px;height:15px;line-height:6px; padding:3px}
.btn-floating,.btn-floating-large
{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}

.validate input, .validate textarea, .validate select {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
	background-color: #E6CAB7;
}
.validate input:focus, .validate textarea:focus, .validate select:focus {
    -moz-box-shadow: 0 0 3px #aaa; 
    -webkit-box-shadow: 0 0 3px #aaa; 
    box-shadow: 0 0 3px #aaa; 
}
.validate, .validate textarea { /* add this to the already existing style */
    -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
	padding: 10px;
}
/* Button Style */
::-webkit-validation-bubble-message {
    padding: 0;
}
.validate input:focus:invalid, .validate textarea:focus:invalid, .invalid { /* when a field is considered invalid by the browser */
    border-color: #b03535
}
.validate input:required:valid, .validate textarea:required:valid { /* when a field is considered valid by the browser */
    border-color: #28921f;
}
.validate2 input, .validate2 textarea, .validate2 select { 
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
}
.validate2 input:focus, .validate2 textarea:focus, .validate2 select:focus {
    border:1px solid #555;
}
.validate2 input:focus, .validate textarea:focus { /* add this to the already existing style */
    padding-right:70px;
}
.validate2, .validate2 textarea { /* add this to the already existing style */
    -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
.validate2 input, .validate2 textarea {
    padding-right:30px;
}
.form_hint {
    background: #333;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    color: white;
    margin-left:8px;
    padding: 1px 6px;
    z-index: 999; /* hints stay above all other elements */
    position: absolute; /* allows proper formatting if hint is two lines */
	display:none;
}
.form_hint::before {
    content: "\25B2"; /* left point triangle in escaped unicode */
    color:#333;
    position: absolute;
    bottom:73%;
    left: 5%;
}
.validate input:focus + .form_hint {display: block;}
.validate input:required:valid + .form_hint {background: #333;} /* change form hint color when valid */
.validate input:required:valid + .form_hint::before {color:#333;} /* change form hint arrow color when valid */

.bottombar{border-bottom:6px solid #ccc !important;border-top:0 !important;border-left:0 !important;border-right:0 !important;}
.hover-light-grey:hover{color:#000 !important;background-color:#f1f1f1 !important}
.border-red{border-color:#ff6060 !important}

.twhite{
	background-color: rgba(255,255,255,0.8);
	padding:20px;
	margin:20px;
	margin-left:0px;
	max-width:800px;
}
.at-button:hover {
  -o-transform: scale(1.2,1.2);
  -moz-transform: scale(1.2,1.2);
  -ms-transform: scale(1.2,1.2);
  -webkit-transform: scale(1.2,1.2);
transform: scale(1.2,1.2);
}
.mincard2{
	-moz-box-shadow:0 0 2px 0 rgba(0,0,0,0.16),0 1px 2px 0 rgba(0,0,0,0.12) !important;
	-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.16),0 1px 2px 0 rgba(0,0,0,0.12) !important;
	box-shadow:0 0 2px 0 rgba(0,0,0,0.16),0 1px 2px 0 rgba(0,0,0,0.12) !important;
}
@media (max-width:980px){
	.mincard{
		-moz-box-shadow:0 0 2px 0 rgba(0,0,0,0.16),0 1px 2px 0 rgba(0,0,0,0.12) !important;
		-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.16),0 1px 2px 0 rgba(0,0,0,0.12) !important;
		box-shadow:0 0 2px 0 rgba(0,0,0,0.16),0 1px 2px 0 rgba(0,0,0,0.12) !important;
	}
}
.left{
	float:left
}
.twhite{
	background-color: rgba(255,255,255,0.6);
}
table{border-collapse:collapse;border-spacing:0;width:100%;display:table}
table,th,td{border:none}

.striped tbody tr:nth-child(even), ul.striped li:nth-child(even){background-color: #F9F9F9}

table td,table th,table-all td,.table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}

.bordered tr,.table-all tr{border-bottom:1px solid #ddd}
.hoverable tbody tr:hover,.ul.hoverable li:hover{background-color:#CCC}

/*======  Start terms page =====*/
.term-container{
    padding: 30px 0;
}
.terms {
    padding: 30px;
    background:transparent;
}
.terms p{
    margin-bottom:10px;
    font-size:16px;
    line-height:22px;
}
.tc-part p:last-child{
    margin-bottom:0;
}
.rule-info {
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 6px;
    background-color: #f5f5f5;
	color: #333;
}
.rule-info h3{
    font-size:20px;
    margin-bottom:10px;
    font-weight:700;
    color:#333;
}
.rule-info ul{
    position: relative;
}
.rule-info ul li {
    font-size: 16px;
    position: relative;
    padding-left: 14px;
    line-height: 30px;
}
.rule-info ul li:before{
    position: absolute;
    top: 10px;
    left: 0;
    width: 6px;
    height: 6px;
    background-color: rgba(0,0,0,0.9);
    border-radius: 20px;
}
/* Progressbar */
.progressBar {
	background: none repeat scroll 0 0 #CCC;
	left: 0;
	padding: 0;
	position: relative;
	width: 100px;
	display:inline-block
}
.progressBar .bar {
	background-color: #1da11d;
	width: 0%;
	height: 15px;
	font-size:12px !important;
}
.progressBar .percent {
	display: inline-block;
	font-size:12px !important;
	left: 0;
	position: absolute;
	text-align: center;
	top: -4px;
	color: #FFF;
	width: 100%;
}
.accordion { border: 1px solid #1D1D1D;}
.accordion a.accordion-section-title{color:#1da11d; font-weight: bold; text-decoration:none; text-transform: uppercase; display:block; padding:15px; font-size:18px;border-bottom:1px solid #1d1d1d;}
.accordion .accordion-section-content{display:none; padding:5px; font-size: 16px;}

.accordion .accordion-section-title:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #1da11d;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
}

.accordion .accordion-section-title.active:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
}
ul.bullet{
	list-style-type: disc !important;
    margin:0;
    text-align:center;
	padding:5px;
}
ul.bullet li{
    display:block;
	text-align:left;
}
.same-height{
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: -moz-flex !important;
	display: -ms-flex !important;
	display: flex !important;
}
h1 span, h2 span{font-weight:800}



label {
	color: #666;
	vertical-align:middle;
	font-weight: 500;
	text-transform: uppercase;
}
.scale{
	webkit-perspective: 600px; /* Chrome, Safari, Opera */
	perspective: 600px;
	-moz-perspective: 600px;
	background-color:rgba(255,0,0,1);
}
.perspective{
	-o-transform: rotateY(45deg);
	-ms-transform: rotateY(45deg);
	-moz-transform: rotateY(45deg);
	-webkit-transform: rotateY(45deg); /* Chrome, Safari, Opera  */
    transform: rotateY(45deg);
}
.rotate{
	-o-transform: translateX(30%) rotate(-45deg);
	-ms-transform: translateX(30%) rotate(-45deg);
	-moz-transform: translateX(30%) rotate(-45deg);
	-webkit-transform: translateX(30%) rotate(-45deg);
	transform: translateX(30%) rotate(-45deg);
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.submit{
font-size: 16px;
background: linear-gradient(#ffbc00 5%, #ffdd7f 100%);
border: 1px solid #e5a900;
color: #4E4D4B;
font-weight: bold;
cursor: pointer;
border-radius: 5px;
padding: 8px 20px 7px 20px;
outline: none;
margin-top: 10px;
text-decoration: none !important;
max-width:100%;
display:inline-block;
}
.submit:hover{
background: linear-gradient(#ffdd7f 5%, #ffbc00 100%);
color:#4E4D4B;
}
.main1{
    border-bottom: 1px solid #f2f2f2;
}
 /* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 28px;
}