/* --------------------- 
BASIC SETTINGS
--------------------- */

body {
	font-family: sans-serif;
	background-color: #000;
	color: #000;
	font-size: 12px;
	background-color: #000;
	background-image: url("../images/top.png");
    background-repeat: repeat-x;
    background-position: top;
}

body#pay {
	font-family: sans-serif;
	background-color: #fff;
	color: #000;
	font-size: 13px;
} 

.bg_white{
	background-color:#fff; 
}

a {
    color: #000;
    text-decoration: none;
}
 
a:hover {
    color: #32708f;
    text-decoration: none;
}

a:active,
a:visited{
    text-decoration: none;
}

hr{
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #f9f9f9;
}

.alert-danger hr {
    border-top-color: #f9f9f9;
}

h1 {
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-size: 28px;
	font-weight: 900;
	font-style: italic;
}

h2 {font-size: 30px;text-transform:lowercase; font-weight: 600;}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 10px;
    margin-bottom: 25px;
}

.back{
	color:#d5ab10;
	margin-right: 7px;
}

.p-top-1{
    padding-top: 1rem;
}
.p-bottom-1{
	padding-bottom: 1rem;
}
.p-left-1{
	padding-left: 1rem;
}
.p-right-1{
	padding-right: 1rem;
}

.no-margin{
	margin: 0;
}

.block{
	display:block;	
}

.center{
	text-align:center;
	margin: 0 auto;
}

.left{
	float: left;
}

.right{
	float: right;
}

strong, .strong{
	font-weight: 600;
}
 
.clr{
	clear: both;
}

.p1{
	padding:1rem;
}
.p2{
	padding:2rem;
}
.p3{
	padding:3rem;
}

.text-right{
	text-align:right;
}

.text-left{
	text-align: left;
}

.text-justify{
	text-align: justify;
}

.black, #black {
	color: #000;
}

.orange, #orange{
	color: #ff6f00;
}

.red, #red{
	color: #d70000;
}

.blue, #blue{
	color: #32708f;
}

.pink, #pink{
	color: #dd1549;
}

.green, #green{
	color: #9ebb00;
}

.grey, #grey{
	color: #ddd;
}

.darkgrey, #darkgrey{
	color: #616161;
}

.yellow, #yellow{
	color: #e8c252;
}

.yellow:hover, #yellow:hover{
	color: #d9b342;
}

.round{
	border-radius:50%;
}

.icon{
	position:relative;
	top: -2px;
	margin-right: 5px;
	width: 30px;
}

.logo-xs{
	position:relative;
	top:-1px;
	width: auto;
	height: 16px;
	margin: 0 2px;
}

.logo-sm{
	position:relative;
	top:-4px;
	width: auto;
	height: 50px;
	margin: 0 1rem;
}

.logo-md{
	position:relative;
	top:-8px;
	width: auto;
	height: 80px;
	margin: 0 1rem;
}

.form-control,
.form-control[readonly],
.form-control[disabled]{
	 background-color: #ffffff;
	 box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-moz-transition: none;
	-webkit-transition: none;
}

.form-control.search_input{
	height:70px;
    line-height:70px;
    border-radius: 2rem;
    padding-left: 3rem;
    letter-spacing: 1px;
    font-size: 14px;
    outline:0px !important;
    box-shadow: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #eee;
}

textarea.form-control[placeholder] {
    font-family: arial;
    letter-spacing: 2px;
}

.input-group{
	margin: 1.5rem 0;
}

.input-group .form-control{
	border-radius: 1rem;
	height: 50px;
	border: 1px solid #eae8e8;
}

.input-group-addon{
	font-size: 13px;
	color:#000;
	background-color: #f7f7f7;
	border: 1px solid #eae8e8;
	font-weight: 500;
	padding: 0 2rem;
}

.btn{
	border-radius: 2rem;
}

.btn-success {
    color: #fff;
    background-color: #0a8209;
    border-color: #0a8209;
}

#content .alert{
	max-width: 380px;
	margin: 0 auto;
	padding: 2rem 2rem;
	font-size: 16px;
	text-align: center;
}

#content-logged .alert{
	margin: 2rem auto;
	padding: 2rem 3rem;
	font-size: 16px;
	text-align: left;
	border-width: 2px;
	border-radius: 2rem;
}

#content-logged .alert p{
	font-size: 12px;
	margin: 1.5rem 0 5px;
}

.alert{
	z-index: 9999;
	font-size: 12px;
	letter-spacing: 1.1px;
	border-radius: 3rem;
	padding: 2rem;
	text-align:center;
}

.alert.popup{
	position:absolute;
	left: auto;
	right:auto;
	z-index: 9999;
	font-size: 12px;
	letter-spacing: 1.1px;
	border-radius: 3rem;
	padding: 2rem;
	width: 97%;
	margin: 1rem 2rem;
	text-align:center;
}

.alert-danger {
    color: #fd0000;
    background-color: #ffffff;
    border-color: #ff0000;
    border-width:2px;
}

.alert-success {
    color: #199618;
    background-color: #ffffff;
    border-color: #2da72c;

    border-width:2px;
}

.alert-info {
    color: #31708f;
    background-color: #f3fbff;
    border-color: #bce8f1;
}

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

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

 .headline{
	background-image: url('../images/headline_2.png');
	background-repeat: no-repeat;
    background-position: center;
	width: 100%;
	height: 50px;
	max-width: 470px;
	margin: 0 auto;
}


/* --------------------- 
Metamask
--------------------- */

#metamask{
	 top: 0;
	 bottom: auto;
	 background-color: #0a8209;
	 position: fixed;
	 width: 100%;
	 height: 40px;
	 text-align:center;
	 z-index: 10;
}

#metamask a,
#metamask p{
	 position:relative;
	 top: 1rem;
	 color: #fff;
	 font-weight: 600;
	 font-size: 14px;
	 padding: 0;
	 margin:0;
	 cursor: pointer;
}

/* --------------------- 
PAGE LOADER
--------------------- */

#loader {
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 background-color: #fff;
	 z-index: 1000;
	 height: 100%;
	 width: 100%;
	 overflow:hidden;
	 position: fixed;
	 z-index: 100000;
}

#loader #status { 
	 width: 130px;
	 height: 120px;
	 position: absolute;
	 left: 52%;
	 top: 50%;
	 background-image: url('../images/loading.png');
	 background-repeat: no-repeat;
	 background-position: center;
	 margin: -100px 0 0 -100px;
	 font-size: 30px;
	 text-transform: uppercase;
	 text-align:center;
	  z-index: 100000;
} 

@media (max-width: 1199px) {
	#loader #status {
		top: 45%;
		left: 55%;
	}
}

@media (max-width: 991px) {
	#loader {
		top: 0;
		left:0;
	}
	#loader #status {
		top: 48%;
		left: 59%;
	}
}

@media (max-width: 768px) {
	#loader {
		top: 0;
		left:0;
	}
	#loader #status {
		top: 48%;
		left: 57%;
	}
}

@media (max-width: 600px) {
	#loader {
		top: 0;
		left:0;
	}
	#loader #status {
		top: 48%;
		left: 58%;
	}
}


/* --------------------- 
NO ACCESS PAGE
--------------------- */

#no_access{
	margin: 5rem auto; 
	max-width:500px;
}

#no_access img{
	margin: 5rem auto; 
	width:130px;
}


/* --------------------- 
BLOCKED PAGE
--------------------- */

#blocked_page{
	margin: 50px auto;
}


#blocked_page .title{
	width: 100%;
	font-family: "Poppins";
	margin: 20px;
	text-align: center;
	font-size: 72px;
	font-weight: 600;
	color:#f4f4f4;
	text-decoration: none;
}

#blocked_page .description{
	font-family: "Poppins";
	margin: 20px;
	padding: 20px;
	text-align: center;
	font-size: 14px;
	background-color:#2c2c2c;
	border-radius: 5px;
}

#blocked_page .description p{
	font-family: "Poppins";
	margin: 5px;
}

#blocked_page .description p span{
	font-family: "Poppins";

	font-weight: 600;
}

#blocked_page a span{
  color: #17a59b;
}

@media (max-width: 991px) {
	#blocked_page .title{
		font-size: 38px;
	}
}


/* LANG */


.flags{
	position: absolute;
	margin: 1.5rem;
	z-index:1;
}

.flags button{
	background: none;
	border: none;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

.flags img{
	margin-top:-2px;
	border: none;
	height: 14px;
	opacity: 0.5;
}

.flags img.active,
.flags img:hover{
	opacity: 1;
}

.flags .l_name{
	position: relative;
	margin-top: 25px;
	color:#fff;
	margin-left: 10px;
}

.flags .l_name span.selected{
	color:#e4b34b;
}

@media (max-width: 768px){
	.flags{
		margin: 2.5rem 1rem 1rem;
	}
	.flags .l_name{
		display: block;
		width: 100%;
		margin-bottom: 45px;
	}
}

@media (max-width: 768px){

	.flags .l_name{
		display: none;
	}
}



/* NAVBAR */



#toggle_bar{
	position: fixed;
	top: 1rem;
	right: 3rem;
	font-size: 22px;
	margin-top: 10px;
	margin-right: -14px;
	padding:8px 15px;
	background-color: #fff;
	border-color: #fff;
	cursor: pointer;
	border-radius: 50%;
	z-index: 2;
}

#toggle_bar:hover{
	background-color: #000;
	border-color: #000;
	color:000;
}

#toggle_bar i{
	color: #000;
}

#toggle_bar:hover i{
	color: #fff;
}

@media (max-width: 991px) {
	#toggle_bar{
		position: fixed;
		top: 1rem;
		right: 3rem;
		font-size: 22px;
		margin-top: 10px;
		margin-right: -14px;
		padding:8px 15px;
		background-color: #000;
		cursor: pointer;
		border-radius: 50%;
		z-index: 2;
	}
	#toggle_bar:hover{
		background-color: #fff;
		border-color: #fff;
		color:000;
	}
	
	#toggle_bar i{
		color: #fff;
	}
	
	#toggle_bar:hover i{
		color: #000;
	}
}


.user_bar{
	display:none;
}

.user_bar.active{
	position: fixed;
	display: block;
	right: 0;
	top: 0;
	background:#000;
	width: 100%;
	height: 100vh;
	padding: 8rem 0;
	border-radius: 0;
	-webkit-animation: fadeIn 1s;
	animation: fadeIn 1s;
	z-index: 2;
}


.user_bar > .user_bar_content{
	color:#000;
	max-width: 400px;
	margin: 0 auto;
}

.user_bar > .user_bar_content li {
	padding: 2rem 0;
}

.user_bar > .user_bar_content li>a {
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
    font-weight: 900;
	font-size: 18px;
	letter-spacing: 2px;
    color: #fff;
}
.user_bar > .user_bar_content li>a#close_menu,
.user_bar > .user_bar_content li>a i {
	 color: #e8c252;
}


.user_bar > .user_bar_content li>a:hover {
    color: #e8c252;
}



/*HEADER TOP*/

header.masthead {
  position: relative;
  font-family: 'Roboto', sans-serif;
  text-transform: uppercase;
  font-weight: 900;
  padding-top: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
  margin: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
  height: 100vh;
}

header.masthead .row{
	position: relative;
	max-width: 710px;
}

header.masthead img{
  	max-height: 250px;
  	margin: 3rem auto 4rem;
}
header.masthead h1 {
  font-size: 5rem;
  margin: 1rem 0 3rem;
  color:#fff;
  text-transform: none;
  font-style: normal;
  letter-spacing: 0.5px;
}

header.masthead h4 {
   margin: 0;
   color:#fff;
   text-transform: none;
   font-size: 22px;
   letter-spacing: 2px;
}

header.masthead h5 {
   margin: 0;
   color:#fff;
   text-transform: none;
   font-size: 16px;
   letter-spacing: 2px;
}

header.masthead ul{
	margin: 5rem 0 5rem;
	padding: 0;
}

header.masthead ul li {
   display: inline-block;
   margin: 0 2rem;
   font-weight:600;
   /* color: #ddad49; */
   background: #F0BC4F;
background: radial-gradient(circle farthest-side at top center, #F0BC4F 0%, #C79C42 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
   text-transform: uppercase;
   font-size: 16px;
   letter-spacing: 2px;
}

header.masthead p {
	font-size: 14px;
    letter-spacing: 1px;
   margin: 3rem 3rem 2rem;
   color:#fff;
   text-transform: none;
   font-weight: 400;
   line-height: 2.5rem;
}

header.masthead #scroll_button {
   color:#fff;
   text-transform: none;
   font-size: 50px;
}


@media (min-width: 1400px) {
    header.masthead img{
		margin: 5rem auto 7rem;
	}
	header.masthead h1 {
	  font-size: 6rem;
	  margin: 1rem 0 2rem;
	}

	header.masthead h4 {
	}

	header.masthead h5 {
	   margin-bottom: 5rem;
	}

	header.masthead p {
	   margin: 0rem 3rem 6rem;
	}
}

@media (max-width: 991px) {
	header.masthead{
		height: auto;
		border: none;
		margin-bottom: 7rem;
	}
	header.masthead img{
		max-height: 150px;
		margin: 3rem auto;
	}
	header.masthead h1 {
	  font-size: 5rem;
		margin-bottom: 2rem;
	}
	header.masthead h4 {
		font-size: 18px;
	}
	header.masthead h5 {
	   font-size: 14px;
	}
	header.masthead ul {
		margin: 3rem 1rem;
	}
	
	header.masthead ul li {
		font-size: 16px;
		margin: 1rem;
	}
	header.masthead p {
	   font-family:sans-serif;
	   font-size: 14px;
	}
	header.masthead #scroll_button {
	   color:#fff;
	   text-transform: none;
	   font-size: 40px;
	}
}

@media (max-width: 767px) {

	header.masthead img{
		max-height: 150px;
		margin: 2rem auto 5rem;
	}
	header.masthead h1 {
	  font-size: 3rem;
		margin-bottom: 2rem;
	}
	header.masthead h4 {
		font-size: 12px;
	}
	header.masthead h5 {
	   font-size: 14px;
	}
	header.masthead ul {
		margin: 5rem 1rem;
	}
	
	header.masthead ul li {
		font-size: 12px;
		margin: 1rem;
	}
	header.masthead p {
	   font-size: 13px;
	}
}

@media (max-width: 600px) {
	header.masthead img{
		max-height: 130px;
		margin: 4rem auto 2rem;
	}
}

@media (max-width: 400px) {
	header.masthead{
		height: 100vh;
	}
	header.masthead ul {
		margin: 2rem 1rem;
	}
	
	header.masthead ul li {
		font-size: 12px;
		margin: 1rem;
	}
	header.masthead p {
	   font-size: 12px;
		margin:0 2rem 3rem;
	}
	
}

/*BLACK CONTENT*/

#home_content{
	background-image: url('../images/top.png');
	background-position: top left;
	background-repeat: repeat-x;
	padding: 7rem 2rem 5rem;
	color: #fff;
}

#home_content .container{
	max-width:650px;
    margin: 0 auto;
}

#home_content hr{
	border-color: #1e1e1e;
}

#home_content h1{
	font-size:80px;
	text-align:center;
	margin: 6rem 0 6rem;
}

#home_content h2{
	font-family: 'Roboto', sans-serif;
	font-size: 32px;
	text-transform: uppercase;
	font-style: italic;
	margin: 4rem 0;
	font-weight: bold;
}


#home_content h2.list .desc{
	position:absolute;
	margin-top: 1rem;
	font-size: 10px;
	color:#ddd;
	text-transform: none;
	font-style: normal;
}

#home_content h2.list .desc.green{
	color:#0a8209;
}


@media (max-width: 600px){
	#home_content h1{
	    font-size:60px;
	}
	#home_content h2.list{
	    font-size:20px;
	    font-weight:bold;
	}
	#home_content h2.list .desc{
	margin: 0;
	}
}
@media (max-width: 500px){
	#home_content h2.list{
	    font-size:16px;
	    font-weight:bold;
	}
}


#home_content .headline{
	background-image: url('../images/headline.png');
	background-repeat: no-repeat;
    background-position: center;
	width: 100%;
	height: 50px;
	max-width: 470px;
	margin: 3rem auto 3rem;
}

#home_content .headline_footer{
	background-image: url('../images/headline_2.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 80px;
	max-width: 470px;
	margin: 7rem auto 0;
}

#home_content > .container{
	color:#fff!important;
}


#home_content h4{
	font-size:26px;
	font-weight: bold;
	letter-spacing: 2px;
	margin-bottom: 2rem;
}
#home_content p{
	font-size:14px;
	letter-spacing: 1px;
	margin-bottom: 2rem;
	text-align: justify;
}

#home_content #output h5{
	font-size:14px;
	letter-spacing: 0;
	margin: 3rem 0 1rem;
}

#home_content #output p{
	font-size:12px;
	letter-spacing: 0;
	margin-bottom: 2rem;
}

#home_content .img-inline{ 
	display: inline-block;
	max-width:49%;
	border-radius: 2rem;
}

#home_content .services .one_box{
	border: 1px solid #eee;
	border-radius: 3rem;
	padding: 2rem;
	max-height: 280px;
	margin: 1rem 0;
}


#home_content .services .one_box img{
	max-height: 160px;
	margin: 0 auto;
}

#home_content .services .one_box.disabled{
}

#home_content .services .one_box .title{
	font-family: sans-serif;
	text-align:center;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 0;
	text-transform: uppercase;
	font-style: italic;
	margin-top: 1rem;
	color:#000;
	text-decoration:none;
}

#home_content .services .one_box .title span{
	display: block;
	font-family: sans-serif;
	text-align:center;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0;
	color:#0a8209;
	margin-top: 1rem;
	text-transform: none;
}

#home_content .services .one_box.disabled .title span{
	color:#a5a5a5;

}


#home_content .link{
	color:#d9544e;
}

#home_content input[type=text]{
    margin: 2rem 0;
    border-radius: 3rem;
    font-weight: 600;
    text-align: center;
    background: #eee;
    border-color:#eee;
    height:70px;
    line-height:70px;
    border-radius: 2rem;
    letter-spacing: 1px;
    font-size: 14px;
    outline:0px !important;
    box-shadow: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

@media (max-width: 767px) {
	#home_content{
	    margin-top: 0;
	}
	#home_content h1.title{
	    font-size:60px;
	}
	#home_content h1.step{
		font-size: 45px;
		height: 100px;
		width: 100px;
		border-radius: 50%;
		text-align:center;
		line-height: 100px;
		margin: 0 auto 5rem;
	}
}

/*PAGE*/

.page p{
	font-size: 13px;
	letter-spacing: 0.5px;
	line-height: 25px;
	margin-bottom: 2rem;
	text-align: justify;
}

.page p.text{
	font-size: 11px;
	letter-spacing: 0;
	margin: 2rem;
	text-align: justify;
}

/*CONTACT*/

#contact_form {
	/* background: #000000; */
	color:#fff;
	
}

#contact_form h1{
	text-align:center;
	letter-spacing: 2px;
	margin: 0;
}

#contact_form .contact-box{
	max-width: 650px;
	margin: 3rem auto;
}

#contact_form .contact-form{
	margin: 3rem auto 8rem;
	padding: 0 3rem;
}

#contact_form .contact-box hr{
	border-color:#0e0e0e;
	margin: 3rem auto 3rem;
}

.page .form-control,
.contact-box .form-control{
	height:70px;
    border-radius: 1rem;
    padding: 2rem;
    letter-spacing: 1px;
    font-size: 16px;
    outline:0px !important;
    box-shadow: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #000;
}

.page .form-control{
	border-color:#ccc;
}

.page textarea.form-control,
.contact-box textarea.form-control {
    font-family: arial;
    letter-spacing: 2px;
	line-height:25px;
	height: auto;
}

.page textarea.form-control[placeholder] 
.contact-box textarea.form-control[placeholder] {
    font-family: arial;
    letter-spacing: 2px;
}

.page .btn-primary,
.contact-box .btn-primary {
    font-family: 'Roboto', sans-serif;
    letter-spacing: 2px;
	line-height:25px;
	font-size: 24px;
	height: 70px;
	font-weight:500;
	font-style:italic;
	text-transform: uppercase;
	border-radius: 1rem;
	border-color: #a67a00;
    background: #ddad27;
    background: -webkit-linear-gradient(to right, rgba(221,173,39,1), rgb(151 119 5));
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(to right, rgba(221,173,39,1), rgb(139 109 1))}

.page a.btn-back{
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	height:70px;
	letter-spacing: 2px;
	line-height:25px;
	border-radius: 1rem;
	padding: 2rem;
	font-weight:500;
	font-style:italic;
	text-transform: uppercase;
	color: #333;
	opacity: 1;
}


/*CONTENT*/

#content{
	margin: 4rem 2rem 0;
}

#content #content-box{
	max-width:700px;
	min-height: 400px;
	margin: 0 auto;
}

#content-logged{
	/* position: relative; */
	/* top: 50px; */
	margin: 0;
	overflow: hidden;
}

#content-logged #content-box{
	background: #fff;
	border: 1px solid #ffffff;
	padding: 1rem 3rem 1rem;
	border-radius: 5rem;
	max-width:600px;
	margin: 0 auto;
}


#content-logged #content-box h1.large i{
	display: block;
	font-size: 100px;
	margin: 3rem;
	color:#2da72c;
}

#content-box .input_lg{
    height:70px;
    line-height:70px;
    border-radius: 2rem;
    padding-left: 3rem;
    letter-spacing: 1px;
    font-size: 14px;
    text-align: center;
    outline:0px !important;
    box-shadow: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* border: 1px solid #ccc; */
}

#content-logged .container{
	padding: 0;
}

.bg_white{
	background-color:#fff;
	border-radius:2rem;
	padding: 0 0 2rem;
	margin-bottom:2rem;
}

#content-box h5{
	font-size: 14px;
	font-weight: 600;
	margin: 2rem 15px;
	color: #333;
}

#user-content .user_logo{
	text-align: center;
}

#user-content .user_logo img{
	margin: 0 auto;
	max-width: 65px;
	padding: 3px;
}

#user-content .user_logo h2{
	font-size: 12px;
}


.page-title{
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-weight: 900;
	font-style: italic;
	font-size: 20px;
	line-height: 35px;
	margin: 2rem 0;
	padding-bottom: 2rem;
	/* border-bottom: 1px solid #f9f9f9; */
}

.page-title.active{
	border: 2px solid #5cb85b;
	border-radius: 2rem;
	padding: 20px;
}

.page-title .active-status-icon{
	position: relative;
	top:-5px;
	color:#5cb85b;
	font-size: 40px;
	float: right;
}

.page-title .on-status-icon{
	position: relative;
	top: -3px;
	color:#5cb85b;
	font-size: 40px;
	float: right;
}



.page-title .off-status-icon{
	position: relative;
	top:-10px;
	color:#ddd;
	font-size: 40px;
	float: right;
}

.add_new{
	border-bottom: 1px solid #eee;
	padding: 0 0 2rem;
}

.add_new a{
}

.add_new i{
	
}

#search {
  margin: 2rem 0 3rem -8px;
}

#search {
  margin: 2rem 0 3rem -8px;
}

#search .search_buttons{
  margin-left: -30px;
}

#search .btn{
  margin-left: -4px;
  border-radius: 0;
  line-height: 20px;
  width: 40px;
  padding: 6px 0px;
}



section#links {
	text-align:center;
	background: #000;
	
}

section#links .link {
	/* display: block; */
	font-size: 13px;
	padding: 1rem;
	text-transform: uppercase;
	color: #cba14d;
	letter-spacing:1px;
	font-weight: 600;
	margin: 0 auto;
}

@media (max-width: 768px){
	section#links {
		padding: 0;
		
	}
	
	section#links .link {
		display: block;
		font-size: 13px;
		padding: 1rem;
		text-transform: uppercase;
		color: #c19f6b;
		letter-spacing:1px;
		font-weight: 600;
		max-width: 260px;
		margin: 0 auto;
	}
}

/*GALLERY*/

.gallery{
	
	margin-bottom: 1rem;
}

.gallery > div{
	padding: 0;
	display:block;
	margin:0;
}

.gallery h2{
	font-size: 15px;
	border-top: 1px solid #f9f9f9;
	border-bottom: 1px solid #f9f9f9;
	margin: 1rem 0;
	text-align: left;
	text-transform: none;
}

.gallery a{
	display: inline-block;
	margin:2px;
	float:left;
}

.gallery a img{
		max-height: 170px;
}

@media (max-width: 991px){
	.gallery a img{
		max-height: 155px;
	}
}
@media (max-width: 720px){
	.gallery a img{
		max-height: 135px;
	}
}
@media (max-width: 650px){
	.gallery a img{
		max-height: 125px;
	}
}
@media (max-width: 605px){
	.gallery a img{
		max-height: 220px;
	}
}
@media (max-width: 535px){
	.gallery a img{
		max-height: 100%;
	}
}


.gallery a img:hover{
	opacity: 0.85;
}

/*FOOTER*/

footer{
	background-color: #000;
//	background-image: url("../images/bottom.png");
//    background-repeat: repeat-x;
//    background-position: bottom;
}

footer .footer-content{
	margin: 24px auto 10rem;
}

footer .social_media,
footer .partners{
	text-align: center;
	margin: 5rem
}

footer .social_media h3,
footer .partners h3{
	font-size: 22px;
	padding: 2rem;
	color: #8a8a8a;
}

footer .social_media a{
	font-size: 35px;
	padding: 0 4rem;
	color: #dbcfc3;
}

footer .partners img{
	margin: 0 auto;
	height: 50px;
	width: auto;
}

footer p.copyright{
	color: #b59c6a;
	font-size: 11px;
	text-align: center;
	letter-spacing: 1px;
}

footer p.postscript{
	margin: 5rem auto;
	color: #7c7c7c;
	font-size: 10px;
	text-align: center;
	letter-spacing: 0;
	max-width: 600px;
}

@media (max-width: 768px){
	footer .social_media,
	footer .partners{
		margin: 5rem 1rem
	}
	footer .social_media a{
		padding: 0 3rem;
	}

	footer p.postscript{
		padding: 0 4rem;
	}
}

@media (max-width: 450px){
	footer p{
		font-size: 9px;
	}
}

/*LOGIN*/
#content_login .page_logo,
#content .page_logo{
	max-width: 150px;
}


#content_login{
	max-width: 380px;
	margin: 3rem auto;
	padding: 0;
}

#content_login .page_title{
	font-family: 'Roboto', sans-serif;
	color: #000000;
	font-size: 40px;
	text-transform: uppercase;
	letter-spacing:3px;
	margin: 0 auto 5rem;
	border:none;
	font-weight: 900;
	font-style: italic;
	text-align: center;
}

#content_login img{
	display: block;
	margin: 0 auto 5rem;
}

#content_login .sub_title{
	font-family: 'Roboto', sans-serif;
	color: #555;
	font-weight: 500;
	font-size: 12px;
	text-align: right;
	margin: 3px 0 4rem;
	letter-spacing:2.5px;
}

@media (max-width: 450px){
	#content_login .page_title img{
		max-width: 58px;
	}
	#content_login .page_title{
		font-size:36px;
	}
	#content_login .sub_title{

	    font-size:11px;
	    letter-spacing: 2px;
	}
}

@media (max-width: 400px){
	#content_login .page_title{
		font-size:32px;
	}
	#content_login .page_title img{
		max-width: 52px;
		margin-left: 10px;
		margin-right: 15px;
	}
	#content_login .sub_title{
	    font-size:10px;
	    letter-spacing: 2px;
	}
}

#content_login .form-control{
	background-color: #ffffff;
	box-shadow:none;
	height: 55px;
	line-height: 55px;
	padding-left: 2.5rem;
	color: #000000;
	border-radius: 3rem;
	font-size: 14px;
	letter-spacing: 2px;
}

#content_login .btn{
	padding: 1.5rem;
	border-radius: 3rem;
	font-size: 20px;
    text-transform: uppercase;
    font-style: italic;
	letter-spacing: 1px;
}

#content_login .desc{
	position:relative;
	top: 2rem;
	text-align:center;
	color:#666;
}

/*USER CONTENT*/

#user-content .payment_link{
	border: 1px solid #eee;
	padding :1rem;
	border-radius: 3rem;
	margin-bottom: 4rem;
}

#user-content .payment_link .form-control{
	background-color: #f7fff6;
	border: 5px solid #087d01;
	font-size: 12px;
	font-weight: 600;
	padding: 10px 15px;
	border-radius: 3rem;
	cursor: text;
	height: 60px;
	text-align: center;
}


#user-content .payment_link .btn{
	border-radius: 2rem;
	margin: 10px auto;
	width: 95%;
}

#user-content .crypto-box .home-box{
	display: block;
	background-color: #ffffff;
	border: 1px solid #eee;
	border-radius: 2rem;
	height: 60px;
	text-align: left;
	line-height: 60px;
	padding: 0 2rem;
	cursor: pointer;
	margin: 1rem 0;
	width: 100%;
	font-size: 14px;
	color:#717171;
	text-decoration: none;
}

#user-content .crypto-box .home-box:hover{
	background-color: #fbfbfb;
	color:#307bb7;
}

#user-content .crypto-box .home-box.added{
	background-color: #fbfbfb;
	color:#555;
	border: 1px solid #cccccc;
}

#user-content .crypto-box .home-box.active{
	font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-weight: 900;
    font-style: italic;
	background-color: #32708f;
	color:#ffffff;
	font-size: 20px;
}

#user-content .crypto-box .home-box.added:hover{
	background-color: #fbfbfb;
	color:#307bb7;
}


#user-content .crypto-box .home-box.active i{
	position: relative;
	top: 4px;
    font-size: 28px;
    margin-right: 8px;
   
}


#user-content .crypto-box .home-box .icon{
    position: relative;
    top: -2px;
    height: 30px;
    margin-right: 5px;
}

#user-content .crypto-box .home-box i{
	position: relative;
	top: 15px;
	right: -15px;;
	float: right;
    font-size: 28px;
    margin-right: 10px;
}


.toggle-switch i{
  font-size: 16px;
}

/* --------------------- 
BUTTONS
--------------------- */

.btn{
	font-weight: 600;
}

.btn-large{
	height: 60px;
	line-height: 60px;
	padding: 0 5rem;
	font-size: 3rem;
	text-transform: uppercase;
	font-style: italic;
}

@media (max-width:768px) {
	.btn-large{
		height: 60px;
		line-height: 60px;
		padding: 0 5rem;
		font-size: 2.5rem;
		text-transform: uppercase;




		font-style: italic;
	}
}

.btn-primary {
    color: #ffffff;
    background-color: #1a87c5;
    border-color: #1a87c5;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
	color:#ffffff;
    background-color: #1678b1;
    border-color: #1678b1;
}

.btn-warning {
    color: #3a1903;
    background-color: #fee405;
    border-color: #fee405;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active {
	color:#3a1903;
    background-color: #f5dc04;
    border-color: #f5dc04;
}


.btn-black {
    color: #ffffff;
    background-color: #000000;
    border-color: #000000;
}

.btn-black:hover,
.btn-black:focus,
.btn-black:active {
	color:#ffffff;
    background-color: #171717;
    border-color: #171717;
}

/* --------------------- 
PROGRESS
--------------------- */

.progress{
    line-height: 50px;
    height: 50px;
    margin: 10px 0;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    border-radius: 2rem;
    border: 2px solid #fff; 
    background-color: #f3f3f3;
    border: 1px solid #fff;
    text-align: center;
}
.progress-bar {
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
	color: #fff;
	font-size: 16px;
	text-align: center;
	white-space: nowrap;

	transition: width 0.6s ease;
}

.progress.active .progress-bar, .progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

.progress .bar-danger{
	background-color: #733333;
	color: #ca877e;
}
.progress .bar-warning{
	background-color: #736333;
	color: #cabc7e;

}
.progress .bar-default{
	background-color: #b11b18;

	color: #fff;

}
.progress .bar-success{
	background-color: #0d9210;
	color: #ffffff;
}

.table > thead > tr{
    border: 1px solid #e8e8e8;
    
}
.table > thead > tr,
.table > thead > tr > td{
    color: #000;
    background-image: -webkit-linear-gradient(#f9f9f9, #e4e4e4);
    background-image: -moz-linear-gradient(#f9f9f9, #e4e4e4);
    background-image: -ms-linear-gradient(#f9f9f9, #e4e4e4);
    background-image: -o-linear-gradient(#f9f9f9, #e4e4e4);
    background-image: linear-gradient(#f9f9f9, #e4e4e4);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#ffe4e4e4', GradientType=0);
}

.table > tbody > tr > td{
  border-bottom: 1px solid #f9f9f9;
  padding: 5px;
  vertical-align: middle;
  border-top: none;
}

.table > tbody > tr.active > td{
  font-weight: bold;
  background-color: #e3ffe1;
}

.table > tbody > tr > td .round{
  padding: 3px;
  width: 28px;
  font-size: 12px;
}

/* --------------------- 
MODAL PAGE
--------------------- */


.modal{
	background-color: #ffffff;
	z-index: 999999;
}
.modal-dialog {
    padding: 0 2rem;
}

.modal-header {
    padding: 15px 0;
    border-bottom: none;;
}

.modal .close {
  float: right;
  font-size: 72px;
  color: #ffffff;
}

.modal .close:hover,
.modal .close:active {
	color: #ffffff;
}

.modal .modal-title{
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 30px;
    text-shadow:none;
    color:#000;
    padding: 15px;
    text-align:center;
    font-weight: 900;
    font-style: italic;
}

.modal .modal-body{
	background-color: #ffffff;
	max-width: 600px;
	text-shadow:none;
	padding: 3rem 0;
	border: 1px solid #ffffff;
	border-radius: 1rem;
}

.modal .modal-body p,
.modal .modal-body a,
.modal .modal-body i{
	text-shadow:none;
}

.modal-footer {
  padding: 30px;
  text-align: center;
  border-top: none;
}

#modal_load{
	background-color:#1a87c5;
}

#modal_load .modal-content{
	background-color: #1a87c5;
	box-shadow:none;
	border: none;
	text-align:center;
}

#modal_load .modal-content .modal-body{
	background-color: #1a87c5;
	border-color: #1a87c5;
	color:#000;
	margin-top: 6em;
}

#modal_load .img-loader{
	margin: 0 auto;
	height: auto;
	margin-top: 5rem;
}

#modal_load h3{
	 font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 30px;
    text-shadow:none;
    padding: 15px;
    text-align:center;
    font-weight: 900;
    font-style: italic;
}

#modal_load i{
   color: #337ab7;
}

#modal_home{
	background-color: #000000;
	z-index: 999999;
}

#modal_home .modal-body{
	background-color: #000000;
	border-color:#000;
	color: #fff;
}

#modal_home .modal-body h4{
	font-size: 40px;
	text-align:center;
	margin: 4rem 0 6rem;
}

#modal_home .modal-body h4 i{
	position:relative;
	top: 5px;
	color:#fee405;
	font-size: 60px;
}

#modal_home .modal-body p{
	font-size: 18px;
	letter-spacing: 2px;
	padding: 0 0 2rem;
}

#modal_home .modal-body .form-control{
	height: 60px;
	line-height: 60px;
	font-size: 18px;
	border-radius: 3rem;
	padding: 0 3rem;
	color:#0a8209;
	border-color: #000000;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#modal_home .modal-body .form-control[placeholder]{
	font-weight: 500;
}


#modal_home hr{
	border-color: #0a0a0a;
}


.bottom-desc{
	font-size: 10px;
	margin: 2rem 10px;
	color: #555;
}

.paylink{
	display:block;
	font-size: 10px;
	color: #307bb7;
	margin: 5px 10px;
	font-weight: 600;
}


#pay .user-header{
	position: relative;
	top: 0;
	width: 100%;
	background-color: #eeeeee;
	padding: 2rem 0;
	border-bottom: none;
	z-index: 10;
}

#pay .user-header a {
	line-height: 40px;
}

#pay .user-header .btn{
	height: 45px;
	width: 45px;
	line-height: 26px;
	background-color:  #e8e8e8;
	border-color: #e8e8e8;
	font-size: 18px;
}

#payments{
	margin: 0;
	overflow: hidden;
}

#payments .logo{
	margin: 3rem auto;
	width: 180px;
	height: auto;
	border: 1px solid #eee;
}

#payments h4{
	font-family: 'Roboto', sans-serif;
	letter-spacing: 1.2px;
	font-size: 18px;
	color: #333;
}

#payments h2{
	font-family: 'Roboto', sans-serif;
	letter-spacing: 5px;
	text-transform:none;
	font-size: 16px;
	color: #555;
}

#payments .desc{
	font-size: 11px;
	font-style: italic;
	color: #555;
}

#payments hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #f8f6f6;
}

#payments #content-box{
	background: #ffffff;
	max-width: 650px;
	padding: 2rem 3rem;
	margin: 0 auto 5rem;
}

#payments .crypto_desc{
	padding: 0;
}

#payments #content-box .price{
	font-family: 'Roboto', sans-serif;
	float: right;
	font-weight:500;
	color: #337ab7;
}

#payments #content-box h3{
	margin: 2rem 0;
}

#payments #content-box .crypto_desc h3{
	font-size: 20px;
	margin: 1rem 0;
	padding: 1rem 0;
}

#payments #content-box .crypto_desc h3 icon{

}

#payments #content-box .input_lg{
    height:70px;
    line-height:70px;
    border-radius: 2rem;
    padding-left: 3rem;
    letter-spacing: 1px;
    font-size: 14px;
    text-align: center;
    outline:0px !important;
    box-shadow: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #ccc;
}


#payments .rate{
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	color: #333;
	font-weight: 500;
	text-transform: none;
	margin: 0 0 2rem;
	padding: 2rem 1rem;
	border-top: 1px solid #f8f6f6;
	border-bottom: 1px solid #f8f6f6;
}


#payments .rate span.ammount{
	font-size: 22px;
}

#payments .rate span.ammount_desc{
	display:block;
	font-family: sans-serif;
	font-weight: 600;
	font-size: 11px;

	color: #555;
	margin-top: 8px;
	margin-left: 0px;
	letter-spacing: 1.5px;
}

#payments .copy{
	color: #d9534f;
	cursor:pointer;
	margin-left: 1px;
}

#payments #content-box .select_product{
	line-height: 50px;
	height: 50px;
	background: #fff;
	border-radius: 3rem;
	padding: 1rem 2rem;
	font-weight: bold;
	font-size: 14px;
	color: #555;
}

#payments .tab-content{
	background-color: #ffffff;
	border: none;
	font-family: sans-serif;
	margin: 0;
}

#payments .tab-content .tab-pane{
	background-color: #ffffff;
	border-radius: 2rem;
	border: 1px solid #f7f6f6;
	margin-bottom: 3rem;
	padding: 1rem 2rem;
}

#payments .nav{
	border: none;
	margin-bottom: 2rem;
}


#payments .box_input{
	margin: 0;
	padding: 0;
}

#payments .box_input a{
	font-family: 'Poppins', sans-serif;
	background: #ffffff;
	border: 1px solid #eee;
	color: #000;
	height: 70px;
	margin: 5px 5px;
	border-radius: 8px;
	box-shadow: none;
}

#payments .box_input.active a,
#payments .box_input a:hover{
  background: #ffffff;
  border: 2px solid #559e00;
  color: #000000;
}

#payments .box_input img{
	float:left;
	width: 30px;
	height: 30px;
	margin: 8px auto;
	border-radius: 50%;
}

#payments .box_input .right{
	margin-left: 12px;
	line-height: 45px;
	text-align: left;
	font-weight: bold;
	font-size: 13px;
}


@media (max-width:768px) {
	#payments .box_input a{
	    /* height: 120px; */
	}
}

#payments h3 .icon{
	position:relative;
	top: -3px;
	height: 30px;
	display: inline-block;
	border-radius: 50%;
	padding: 1px;
	margin-right: 0px;
}

#payments .countdown-right{
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 500;
	margin-left: 1rem;
	opacity: 0.3;

}

#payments .crypto_desc p{
	font-size: 12px;
	margin-bottom: 1.5rem;
	letter-spacing: 1px;
	color: #555;
}

#payments .qr{
	margin: 3rem auto 3rem;
	border: 1px solid #f8f6f6;
	text-align:center;
}

#payments .adress{
	font-size: 12px;
	font-weight:600;
	letter-spacing: 1.2px;
	/* padding: 2rem 4px; */
	word-wrap: break-word;
}

#payments .note{
	padding: 2rem;
}

#payments .crypto_desc .package_name{
	font-family: 'Lato', sans-serif;
	background-color: #eeeeee;

	font-weight: bold;
	color: #333;
	font-size: 18px;
	border-radius: 5px;
	padding: 2rem 0;
	text-align:center;
	
}

#payments .crypto_desc .package_name .new_price{
    background-color:#31708f;
    color:#fff;
    padding: 2px 8px;
    border-radius: 5px;
    margin-left:6px;

}

#payments .crypto_desc .price{
	text-align: left;
	font-weight: 600;
	border-radius: 6px;
	padding: 0;
	color: #555;
}

#payments .crypto_desc .price span{
	display: block;
	border-radius: 2rem;
}

#payments .crypto_desc .text{
	font-size: 12px;
	margin-left: 2rem;
}

#payments .crypto_desc .package_price{
	color: #555;
	font-size: 12px;
}


#payments .crypto_desc .ammount_price{
	background-color: #f3fbff;
	border: 2px solid #bce8f1;
	color: #31708f;
	font-size: 24px;
	padding: 1.5rem 2rem;
	margin: 5px 0 2rem;
}


#payments .crypto_desc .ammount_price .ammount_desc{
	color: #555;
	font-size: 10px;
	padding-top: 5px;
}

#payments .crypto_desc .price .desc span{
	background-color:#f00;
	color:#fff;
	font-size:14px;
	letter-spacing: 2px;
}

#payments .crypto_desc .ammount_price .icon{
    position:relative;
    top:-2px;
    display: inline-block;
    height: 30px;
}

#payments .crypto_desc .token_price{
	font-size: 12px;
	margin-left: 2rem;
	font-weight: 600;
	color:#555;
}

#payments .checkbox{
	margin-left: 4rem;
}

#payments .checkbox input{
	margin-top: 3rem;
	width: 18px;
	height: 18px;
}

#payments .control-label{
	background: #ffffff;
	font-size: 12px;
	color:#000;
	border-radius: 0;
	margin: 0;
	padding: 2rem;
	width: 90%;
	min-height: 80px;
	text-align: left;
	line-height: 40px;
}

@media (max-width: 767px){
	#payments .control-label{
	    line-height: 20px;
	}
}

#payments .crypto_desc .btn{
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	padding:10px;
}

#payments .btn-verify{
	font-size: 13px;
	color:#3c763d;
	border: 1px solid #3c763d;
	padding: 0 5px;
	border-radius: 8px;
	margin: 0;
}

#payments .btn-unverify{
	font-size: 13px;
	color:#a7a7a7;
	border: 1px solid #eee;
	padding: 0 8px;
	border-radius: 8px;
	margin: 0;
}

#payments .crypto_desc ul{
	font-size: 12px;
	padding-left: 1.5rem;
	margin: 1rem 1rem 3rem;
}

#payments .crypto_desc ul li{
	line-height: 25px;
}

#payments button.confirm_payment{
	line-height: 45px;
}


#payments .stepwizard-row {
    display: table-row;
}

#payments .stepwizard {
    display: table;
    width: 90%;
    position: relative;
    margin: 1rem;
}

#payments .stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

#payments .stepwizard-row:before {
    top: 0;
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 1px;
    z-order: 0;
}

#payments .stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

#payments .setup-content .email .login {
    position:relative;
    left:-30px; 
}

#payments .box_input{
	display:block;
	margin: 0;
	padding: 0;
}

#payments .box_input .btn{
	background: #ffffff;
	border: 1px solid #eee;
	color: #333;
	height: 60px;
	width: 98%;
	margin: 5px;
	text-align: left;
	border-radius: 2rem;
	box-shadow: none;
    padding: 0 2rem;
}

#payments .box_input .name{
	margin-left: 12px;
	line-height: 45px;
	font-size: 14px;
	font-weight:500;
}

#payments .box_input .btn.active{
  border: 2px solid #3c763d;
  color: #000000;
}


#payments .box_input .btn:hover,
#payments .box_input .btn:focus,
#payments .box_input .btn:active{
	color: #000000;
}

#payments .box_input .btn i {
	font-size: 26px;
	line-height: 44px;

}

#payments .form-footer{
	margin-top: 2rem;
}

#payments .form-footer .circle{
	border-radius: 50% ;
    padding: 1.5vw;
    display: flex;
    justify-content: center;
    align-items: center;
    width:1.5vw;
    height:1.5vw; 
    font-size: 20px;
    outline:none;
    border-color:#eee;
    background-color: #fff;
}

#payments .form-footer .circle:hover,
#payments .form-footer .circle:focus,
#payments .form-footer .circle:active{
    background-color: #fff;
    border:1px solid #e0e0e0;
}

#payments .form-footer .circle.right{
    border-color:#1a87c5;
    background-color: #1a87c5;
    color:#fff;
}

@media (max-width: 1299px) {
	#payments .form-footer .circle{
		font-size: 18px;
		width:2vw;
        height:2vw;
        padding: 2vw;
	}
}

@media (max-width: 991px) {
	#payments .form-footer .circle{
		font-size: 18px;
		width:3vw;
        height:3vw;
        padding: 3vw;
	}
}


@media (max-width: 768px) {
	#payments .form-footer .circle{
		font-size: 18px;
		width:4vw;
        height:4vw;
        padding: 4vw;
	}
}

@media (max-width: 600px) {
	#payments .form-footer .circle{
		font-size: 20px;
		width:6vw;
        height:6vw;
        padding: 6vw;
	}
}


#payments #pay-footer{
	margin-top: 3rem;
	text-align:center;
}

#payments #pay-footer .lang{
	margin: 4rem;
}

#payments #pay-footer .lang a{
	margin: 1rem;
	font-size: 12px;
}

#payments #pay-footer .lang a.active{
	font-weight:bold;
	color: #3d773e;
}

#payments #pay-footer p{
	font-size: 12px;
	margin: 3rem 10px;
	color: #555;
}

.comments{
	margin: 2rem 0;
	padding: 0;
}

.comments h3{
	padding:0 10px 30px;
	border-bottom:1px solid #eee;
	margin-bottom: 30px;
}

.comments .rating-symbol{
	position:relative;
	top:-5px;
	font-size: 20px;
	color:#000000;
	padding: 0 2px;
	cursor: pointer;
}

@media (max-width: 768px) {
	.comments{
		padding: 0;
	}
	.comments h3{
	    padding:0 10px 20px;
	}
	.comments .rating-symbol{
		top: 10px;
		margin-bottom: 20px;
	}
}

.comments .fa-star{
	color: #f0d800;
	text-shadow: 0px 1px 1px #fefefe;
}

.comments textarea{
	font-size: 14px;
	letter-spacing: 1.5px;
}

.comments .btn{
    float:left
}

.comments .comment_one{
	border: 1px solid #eaeaea;
	border-radius: 5px;
	padding: 10px 5px;
}

.comments .comment_one .comment_header{
	position:relative;
}

.comments .comment_one .comment_header p{
	font-size: 13px;
	
	letter-spacing: 1px;
	color: #333;
	margin: 0;
}

.comments .comment_one .comment_header .author{
	margin: 0;
	font-size: 15px;
	color: #f10000;
	font-weight: 600;
}

.comments .comment_one .comment_header .vote{
	text-align: right;
}

@media (max-width: 991px) {
    .comments .comment_one .comment_header .vote{
		text-align: left;
	}	
}

.comments .comment_one .comment_header .vote i{ 
	font-size: 20px;
}

.comments .comment_one .comment_header .vote span{ 
	position:relative;
	top: 2px;
	/* font-weight: 600; */
	font-size: 25px;
	padding: 0 8px;
	color: #333;
}

.comments .comment_one .comment_content{
	margin-top: 50px;
	padding: 15px 15px 10px; 
	border-top: 1px solid #f7f7f7;
}

@media (max-width: 991px) {
	.comments .comment_one .comment_content{
		margin-top: 15px;
	}
}

.comments .comment_one .comment_content .desc{
	text-align: left;
	font-size: 14px;
	letter-spacing: 1.5px;
}


.border{
	border: 1px solid #eee;
}

.border-red{ 
	border: 2px solid #ff0000;
}


.border-green{
	border: 2px solid #2da72c;
}

.badge-circle {
  display: inline-block;
  height: 100px;
  width: 100px;
  text-align: center;
  line-height: 100px;
  border-radius: 50%;
  font-size: 32px; 
  background: #000;
  color:#fff;
  margin-right: 1rem;
}

@media (max-width: 678px) {
	.badge-circle {
	  height: 50px;
	  width: 50px;
	  line-height: 50px;
	  font-size: 18px; 
	}
}

h2{
  text-align:center;
  padding: 20px;
}



/* Slider */

.slick-slide {
    margin: 0px 0 6rem;
	padding: 8px 0;
	background-image: url('../images/top.png'), url('../images/top.png');
    background-position: top, bottom;
    background-repeat: repeat-x;
}

.slick-slide img {
    width: 100%;
}

.slick-slider{
	background:#000;
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}