/* FONTS ================= */
/*@import url(//fonts.googleapis.com/css?family=Questrial|Raleway:200|Montserrat:400,700|Gochi+Hand|Lato:300,400);*/

@font-face{
	font-family: 'TR Avalon';
	src:  url('/fonts/TR-Avalon-Plain.woff') format('woff'), /* Modern Browsers */
	url('/fonts/TR-Avalon-Plain.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face{
	font-family: 'TR Avalon';
	font-weight: bold;
	src:  url('/fonts/TR-Avalon-Bold.woff') format('woff'), /* Modern Browsers */
	url('/fonts/TR-Avalon-Bold.ttf')  format('truetype'); /* Safari, Android, iOS */
}

/* ================= */







/*============================================================================================*/
/* STYLES */
/* v2.0: Changing #D94949 to #24CBA6 */
/* */
/*============================================================================================*/

body {
	background:white;
	font-size:14px;
	line-height:20px;
	/*font-family:"Questrial", Arial, sans-serif;*/
	font-family:"TR Avalon", Arial, sans-serif;
	color:#565a5c;
	-webkit-font-smoothing: antialiased;
}
html {
	scroll-behavior: smooth;
}
h1, h2, h3, h4, h5, h6{
	font-weight: bold;
}
h1, h2{
	color: #4A4A4A;
}
h4{
	color: #8B8B8B;
}
/* Buttons */
.btn{
	text-transform: uppercase;
	border-radius: 25px;
	padding: 10px 25px;
	font-weight: bold;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.btn-sm,
.btn-group-sm > .btn {
  /*padding: 5px 10px;*/
  padding: 7px 18px;
  font-size: 12px;
  line-height: 1.5;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
}

.btn.btn-outline{
	color: white;
	background-color: transparent;
	border: 3px solid white;
}
.btn.btn-outline:hover{
	color: #4A4A4A;
	background-color: white;
}
.tooltip{
	z-index: 8888888;
}
span.red{
	color: #FC3158;
}
span.green{
	color: #25987B;
}
span.teal{
	color: #29C0C9;
}
span.yellow{
	color: #FFD800;
}
span.pink{
	color: #ef5673;
}

.badge-danger{
	background-color: #FC3158;
}
.badge-success{
	background-color: #25987B;
}
.badge-warning{
	background-color: #FFD800;
}
.btn.btn-red{
    color: white;
    background-color: #FC3158;
    border-color: #FC3158;
}
.btn.btn-green{
    color: white;
    background-color: #25987B;
    border-color: #25987B;
}
.btn.btn-teal{
    color: white;
    background-color: #29C0C9;
    border-color: #29C0C9;
}
.btn-full{
	width: 100%;
}

.panel-body{
	padding: 15px 30px;
}
.panel-body{
	color: #95989A;
}
.panel-body h3{
	margin-bottom: 20px;
}
.panel-body .see-more{

	text-transform: uppercase;
}
section.special{
	background-color: #F8F8F8;
	text-align: center;
    padding: 60px 0px 85px 0px;
}

section.special h2, section.special p{
	font-weight: bold;
	text-align: center;
}



header#plain {
	-webkit-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.41);
    -moz-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.41);
    box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.41);
}


/* overwrite theme styles */
.tour_container .tour_title h3{
	text-transform: initial;
	font-weight: bold;
}

.required label:after {
    color: #e32;
    content: ' *';
    display: inline;
}

.main-menu > ul > li > a{
	font-size: 16px;
	font-weight: bold;
}
.main-menu > ul > li > a:hover{
	color: #24CBA6;
}

.main_title{
	text-align: left;
}
.main_title h2{
	text-transform: initial;
    font-weight: bold;
    letter-spacing: -1px;
    font-size: 30px;
    margin-bottom: 0;
    margin-top: 0
}


a.button_intro.outline, .button_intro.outline{
	border: 2px solid #F5FA28;
    color: #F5FA28 !important;
    background: none;
    padding: 6px 23px;
}
a.button_intro, .button_intro{
	text-transform: none;
	padding: 10px 25px;
}


.dropdown.dropdown-search, .dropdown.dropdown-cart{
	float: none;
}

.main-menu > ul > li:hover > a{
	color: #24CBA6;
}

header#plain .main-menu > ul > li:hover > a {
	color: #24CBA6;
}

ul#cart_items li strong > a:hover{
	color: #24CBA6;
}

a.button_intro, .button_intro{
	background: #24CBA6;
	text-transform: uppercase;
	padding: 10px 15px;
	font-size: 16px;
    font-weight: bold;
}

a.button_drop.outline, .button_drop.outline{
	color: #24CBA6;
}

a.button_drop, .button_drop{
	color: #24CBA6 !important;
}

a.button_intro:hover, .button_intro:hover{
	color: #000000 !important;
	/*border: 2px solid #000000;*/
}
a.btn_1, .btn_1{
	background: #24CBA6;
	text-transform: none;
}
.dropdown-cart .dropdown-menu, .dropdown-access .dropdown-menu, .dropdown-search .dropdown-menu{
	border-top: 2px solid #24CBA6;
}

.dropdown-cart .dropdown-menu:before, .dropdown-access .dropdown-menu:before, .dropdown-search .dropdown-menu:before{
	border-bottom-color: #24CBA6;
}

.promo_full{
	background: url(/img/backgrounds/bg_adventure.jpg) center center no-repeat fixed;
}
.promo_full_wp div h3{
	text-transform: none;
}
.promo_full_wp > div{
	text-align: left;
}
.promo_full_wp div .button_intro.outline{
	color: #FFFFFF !important;
}
.promo_full_wp div a.button_intro.outline, .promo_full_wp div .button_intro.outline{
	border: 2px solid #FFFFFF;
}
.parallax-mirror, .parallax-window{
	/*margin-top: -20px !important;*/
}

.banner-menu ul li a:active{
	color:white;
}
.box_style_cat ul li a:active{
	color:white;
}
#cat_nav li.active{
	color:black;
	border:1px solid #24CBA6;
	background-color: #24CBA6;
}
#cat_nav li.active a{
	color:#fff;
}

/* ====================== */


header.sticky{
	padding:10px 0;
}
header#colored.sticky ul#cart_items li a {
	color: #333;
}
header .cmn-toggle-switch{
	top:10px;
}
header{
	z-index: 99999999999999;
}

#toTop{
	bottom: 50px;
	right: 15px;
}
.banner-controll-button{
	background: #24CBA6;
    border: none;
    padding: 10px 10px;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    display: block;
    border-radius: 3px;
}
.banner-controll-button:hover, .banner-controll-button:active, .banner-controll-button:focus {
	background: #fff;
    color: #24CBA6;
}

.banner-controll-button-afixed{
	background: #24CBA6;
    border: none;
    padding: 10px 10px;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    display: block;
    border-radius: 3px;
}
.banner-controll-button-afixed:hover, .banner-controll-button-afixed:active, .banner-controll-button-afixed:focus {
	background: #fff;
    color: #24CBA6;
}
.overlay{
	position:absolute;
	width:100%;
	height:100%;
	background: rgba(0, 0, 0, 0.4);
	top:0;
}
#access_link:before {
    content: "\ec5e";
}
a#login_link {
    position: relative;
    display: inline-block;
    padding-left: 16px;
}
#login_link:before{
	content: '\e835';
	font-style: normal;
    font-weight: normal;
    font-family: "fontello";
    font-size: 14px;
    position: absolute;
    left: 0;
    top: 0;
}
.sticky nav {
    margin-top: 0;
}
.main-menu ul{
	text-align: left;
	margin-right: 130px;
}

.main-menu ul ul{
	text-align: left;
}




ul#top_tools li {
    vertical-align: middle;
}
nav {
    margin-top: 10px;
}


/** add here **/

.banner-menu{
	min-height: 45px;
    background: #24CBA6;
    max-width: 100%;
	/*min-width: 660px;*/
}

header#plain .main-menu > ul > li > a{
	color: #95989A;
}

header#plain .main-menu > ul > li:hover > a{
	color: #FC3158;
}
.menu-narrow{
	min-height: 15px;
	height: 15px;
}


.banner-menu ul{
	list-style:none;
	width:100%;
	text-align:center;
	padding:0;
	margin:0;
}
.banner-menu ul li{
	display:inline-block;
	font-size:18px;
}
.banner-menu ul li.active a{
	color:#fff;
}
.banner-menu ul li a{
	color:#87efd8;
	border-left:1px solid #87efd8;
	padding: 0 10px;
    display: block;
    margin: 15px 0px;
}
.banner-menu ul li:first-child a{
	border:none;
}

.banner-menu ul li a img.svg{
	display: inline-block;
	width: 25px;
}

div.badge-card-list{
	display: flex;
	flex-wrap: wrap;
}

div.badge-card-item:hover{
	background: rgb(81, 188, 226);
}
div.badge-card-item:active{
	opacity: 0.7;
}
div.badge-card-item:hover img{
	-moz-transform: translate(0px, -5px);
    -ms-transform: translate(0px, -5px);
    -o-transform: translate(0px, -5px);
    -webkit-transform: translate(0px, -5px);
    transform: translate(0px, -5px)

    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
div.badge-card-item:hover a{
	color: #ffffff;
    text-decoration: none;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    outline: none
}
div.badge-card-item a{
	color: #111;
    text-decoration: none;
    outline: none;
    text-transform: uppercase;
}



/** end added **/
























































.help-menu li{
	margin:10px 0;
}

















#social_footer{
	margin-top:0;
}
.filters_col {
    background-color: #fff;
    padding: 15px 10px 15px 15px;
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 25px;
	position:relative;
	float:left;
	width:100%;
}
a#filters_col_bt,
a#clans_col_bt,
a#achievements_col_bt,
a#attributes_col_bt,
a#social_col_bt{
    font-weight: bold;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 10px;
	display: block;
    color: #888;
}
.sidebar-heading{
    border-bottom: 1px solid #dddddd;
    padding-bottom: 10px;
	display: block;
    color: #888;
    margin-bottom: 10px;
}
.view-all a{
	text-transform:lowercase;
	font-size:12px;
    color: #888;
}
a#guilds_col_bt .icon_set_1_icon-65 {
    font-size: 20px;
    position: relative;
    top: 0;
    margin-right: 5px;
}
.medium{
	margin:10px 0;
}
.highlight{
	color:#24CBA6;
}
.mission-card h3{
	margin: 5px 0px 5px 0px;
}
.mission-card a{
	color: black;
	font-weight: bold;
}
.mission-card .progress{
	border-radius: 20px;
	margin: 0px 0px 5px 0px;
}
.progress {
    height: 12px;
    margin-bottom: 10px;
}
.progress-bar-success{
	background-color: #2FD98D;
}
.left-side-icon, .heading-text, .icon{
	display:inline-block;
	vertical-align:middle;
}
.heading-text{
	font-size:12px;
	font-weight:bold;
}
.left-side-icon{
	font-size:20px;
}
.guilds-list{
	margin:0 0 15px 0;
}
.guilds-list ul{
	list-style:none;
	padding:0;
	margin:0;
}
.guilds-list ul li{
	padding:10px;
	border-bottom:1px solid #ddd;
}
.guilds-list ul li strong{
	display:block;	
}
.guilds-list .img-container img{
	height: 36px;
	width: 36px;
}

.guilds-list .img-container img.primary-guild{
	height: 90px;
	width: 90px;
}
.img-container, .img-right{
	display:inline-block;
	vertical-align:middle;
}
.img-container{
	margin-right:15px;
}


.heavy{
	font-weight:bold;
}
.badges{
	padding:0;
	margin:0;
	padding-bottom:15px;
	margin-bottom:15px;
	list-style:none;
	border-bottom: 1px solid #dddddd;
}
.badges li{
	display:inline-block;
	margin:10px 5px 10px 10px;
}
.badges li img{
	height: 59px;
	width: 59px;
}
.badges.medals li{
	margin:10px 15px;
}
.badges.trophies li{
	margin:10px 15px 10px 10px;
}
.badges.trophies,
.badges.clans{
	margin-bottom:0;
	padding-bottom:0;
	border:none;
}
.social{
	margin:0;
	padding:0;
	list-style:none;
	margin-top:10px;
}
.social li{
	display:inline-block;
	margin:5px;
}
.leaderboard{
	max-height:600px;
	overflow:auto;
}
.leaderboard-filter{
	padding:0;
	list-style:none;
}
.leaderboard-filter li{
	display:inline-block;
}
.leaderboard-filter li a{
	font-weight:bold;
	color:#e4dede;
	padding:0 5px;
	display:block;
	border-left:2px solid #e4dede;
	line-height:12px;
}
.leaderboard-filter li:first-child a{
	border:none;
}
.leaderboard-filter li.active a{
	color:#777777;
}
.leaderboard-list{
	padding:0;
	list-style:none;
}
.leaderboard-list li.separator-list{
	background:#dadbdb;
	color:#fff;
	font-weight:bold;
}
.leaderboard-list li{
	display:none;
}
.leaderboard-list li:nth-of-type(1),
.leaderboard-list li:nth-of-type(2),
.leaderboard-list li:nth-of-type(3),
.leaderboard-list li:nth-of-type(4),
.leaderboard-list li:last-child,
.leaderboard-list li:nth-last-child(2),
.leaderboard-list li:nth-last-child(3){
	display:block;
}
.separator-list.leaderboard-separator{
	cursor:pointer;
}
.leaderboard-list li a{
	display:block;
	color:#999999;
	margin:10px 0;
	padding:5px 0;
}
.leaderboard-list li a img{
	max-width:40px;
}
.leaderboard-list li a:hover,
.leaderboard-list li.active a{
	background:#24CBA6;
	color:#fff;
}
.leaderboard-list li a .number{
	width:20%;
	text-align:center;
}
.leaderboard-list li a .number, .leaderboard-list li a .image-small,.leaderboard-list li a .missions{
	display:inline-block;
	vertical-align:middle;
}
.mission-container{
	margin-top:10px;
}
.mission-container > div:first-child{
	padding-left:0;
}
.mission-container > div:nth-of-type(3n){
	padding-right:0;
}
.mission-container > div:nth-of-type(2){
	padding:0 7px;
}
.mission-container h6{
	font-size:12px;
	font-weight:bold;
	margin:0px;
}
.tour_container .tour_title h3{
	margin: 15px 0px 15px 0px;
	height: 38px;
}
.tour_title span, .tour_title p{
	color: #95989A;
}

.featured_mission .tour_title h3, .tour_title p{
	height: 50px;
}
.tour_title h3, .tour_title p{
    height: 45px;
    word-wrap: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    /* white-space: nowrap; */
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical
}
/*.tour_container img{
	min-width:100%;
}*/
.wishlist{
	top:5px;
}
.more{
	padding:0;
}
.more a{
	padding:10px 15px;
	display:block;
	background: #dadbdb;
    color: #fff;
    font-weight: bold;
	margin-bottom:10px;
	position:relative;
	float:left;
	width:100%;
}
.testimonial-user img{
	width: 100px;
	height: 100px;
}
.testimonials .more a,
.btn-review{
	padding:10px 15px;
	display:block;
	background: #73d1f6;
    color: #fff;
    font-weight: bold;
	margin-bottom:10px;
	text-transform:uppercase;
	position:relative;
	float:left;
	width:100%;
	border:none;
	border-radius:0;
}
.chart-info{
	list-style:none;
}
.chart-info-container, .chart{
	display:inline-block;
	vertical-align:middle;
	float:none;
}
.testimonials-list{
	list-style:none;
	padding:0;
}
.testimonials-list li{
	position:relative;
	float:left;
	width:100%;
	margin:15px 0;
	border-bottom:1px solid #dddddd;
}
.testimonials-list .profile-name{
	margin-top: 5px;
	margin-bottom:10px;
}
.testimonials-list h2{
	margin-top:5px;
	font-size:18px;
	font-weight:bold;
	margin-bottom:5px;
}
.sub-text, .sub-text a{
	color: grey;
}
.sub-text a{
	font-style: italic;
}
.no-padding-left{
	padding-left:0;
}
.italic-font{
	font-style:italic;
	color:#24CBA6;
}
.profile-info, .profile-info h1{
	color:#fff;
	text-align:center;
}
.profile-info{
	margin-top: 50px;
}
.profile-info .actions{
	margin-top: 15px;
}

.profile-header .avatar img{
	/*width: 100%;
	height: auto;
	max-width: 250px;
*/
    width: 150px;
    height: 150px;
    object-fit: cover;
}

.profile-header .profile-text a{
	color: inherit;
}
.profile-header .profile-text{
	margin-left: 30px;
}
.profile-header .profile-text p{
	font-weight: bold;
}
.profile-stats{
	margin-top: 45px;
}
.profile-stats img{
	height: 65px;
	width: 70px;
}

.profile-stats .profile-stats-item{
	text-align: center;
	font-weight: bold;
	color: #8B8B8B;
	display: inline-block;
	margin: 0px 15px;
}
.profile-stats .profile-stats-item span{
	display: block;
	margin-top: 10px;
	font-size: 20px;
}


@media only screen and (max-width: 768px){
	.profile-header .avatar{
		margin: auto;
	}
	.profile-header .avatar img{
		display: block;
	    margin-left: auto;
	    margin-right: auto;
	}
	.profile-header .profile-text{
		text-align: center;
		margin: 0px;
	}
	.profile-stats .profile-stats-item{
		margin: 0px 10px;
	}

}

.profile-text .btn-edit-profile{
	margin: 10px 0px 20px 0px;
}

.profile-info .btn{
	font-weight: normal;
}



.name {
	display: block;
	text-align: center;
	overflow: hidden;
	white-space: nowrap; 
}

.name > h1 {
	position: relative;
	display: inline-block;
}

.name > h1:before,
.name > h1:after {
	content: "";
	position: absolute;
	top: 50%;
	width: 60px;
	height: 1px;
	background: #fff;
}

.name > h1:before {
	right: 100%;
	margin-right: 15px;
}

.name > h1:after {
	left: 100%;
	margin-left: 15px;
}
.profile-info h1{
	font-weight:bold;
	font-size:45px;
	margin:0;
}
.profile-info p{
	margin:5px 0;
	font-size:18px;
}
.profile-info .highlighted{
	color:#24CBA6;
}

.dropdown.dropdown-review{
	float:none;
}
.dropdown-review .dropdown-menu{
	right:auto;
	width:400px;
}
.dropdown-review .dropdown-menu:before{
    left: 13px;
    border-width: 15px;
}
.mission-container > div:nth-of-type(3n) .dropdown-review .dropdown-menu{
	right:0;
	width:400px;
}
.mission-container > div:nth-of-type(3n) .dropdown-review .dropdown-menu:before{
    right: 4px;
	left:auto;
    border-width: 15px;
}
.dropdown-review p{
	margin:0;
}
.wishlist.pull-down{
	z-index:9;
}
.wishlist.pull-down.active{
	z-index:99999;
}
.report-menu{
	position:absolute;
	right:5px;
}
.report-menu .dropdown-menu{
	padding:0;
	width:150px;
	margin-top: 7px;
	right: -3px;
}
.report-menu .dropdown-menu:before{
	right:5px;
}
.testimonials-list .report-menu .dropdown-menu li{
	margin:0;
}
.testimonials-list .report-menu .dropdown-menu li a{
	padding:10px;
}
.submenu-main{
	max-width:100%;
	overflow:auto;
}


.submenu-page{
	max-width:100%;
	overflow:auto;
	/*min-height: 45px;*/
}
.submenu-page ul{
	list-style:none;
	padding:0;
	margin:0;
	display: inline;
	white-space: nowrap;
}
.submenu-page ul li{
	display:inline-block;
	font-size:18px;
	font-weight: bold;
	text-transform: uppercase;
}
.submenu-page ul li.active a{
	color: #FC3158;
}
.submenu-page ul li a{
	color: #8B8B8B;
	border-left:1px solid #8B8B8B;
	padding: 0 15px;
    display: block;
    margin: 15px 0px;
}
.submenu-page ul li:first-child a{
	border:none;
}

/*.tp-bottom ul{
	min-width:660px;
	overflow:auto;


}*/
#canvas{
	max-width:100%;
}

	
@media only screen and (min-width: 992px){
	.main-menu ul li {
		margin-top: 10px;
	}
	.submenu-mobile{
		display: none !important;
	}
	.chart{
		width:65%;
	}
}

@media only screen and (min-width: 768px){
	div.affix-mission-title h5{
		display: inline-block;
	}
	#header_affix_top.affix {
        top: 55px;
    }
}

@media only screen and (max-width: 480px){
	div.affix-mission-title{
		display: none;
	}
}

@media only screen and (max-width: 768px){
	.mission-container > div:first-child, .mission-container > div:nth-of-type(2), .mission-container > div:nth-of-type(3n){
		padding:0 15px;
	}

	.end-datetime{	
		display: none;
	}

	#sidebar_badge_categories{
		display: none;
	}
	#header_affix_top.affix {
        top: 51px;
    }
}
@media only screen and (max-width: 480px){
	.profile-info h1{
		font-size:25px;
	}
	.dropdown.dropdown-search{
		margin-top:10px;
	}
	.dropdown.dropdown-cart.dropdown-review,
	.dropdown.dropdown-cart.report-menu{
		display:block;
	}
	.dropdown-review .dropdown-menu,
	.mission-container > div:nth-of-type(3n) .dropdown-review .dropdown-menu{
		right:0;
		width:300px;
	}
	.dropdown-review .dropdown-menu:before,
	.mission-container > div:nth-of-type(3n) .dropdown-review .dropdown-menu:before{
		left: auto;
		right:5px;	
	}
	#toTop{
		bottom: 80px;
	}
}


.clip-svg {
    width: 0;
    height: 0;
}

img.polygon-clip-hexagon {
	width: 250px;
    /*max-width: 100%;*/
    height: 267px;
    background-size: cover;
    
}

.polygon-clip-hexagon {
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    -webkit-clip-path: url("#polygon-clip-hexagon");
    clip-path: url("#polygon-clip-hexagon");
}

.madu-periuk {
  display: none;
}

/* To overwrite buttons */
/*a.btn, .btn{
	border: none;
	font-family: inherit;
	font-size: inherit;
	color:#fff;
	cursor: pointer;
	padding: 7px 20px;
	display: inline-block;
	outline: none;
	font-size:12px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-transform:uppercase;
	font-weight:bold;
}

a.btn:hover, .btn:hover {
	background: #333;
}

a.btn.btn-primary, .btn.btn-primary  {background: #51bce6;}
a.btn.btn-success, .btn.btn-success  {background: #83c99f;}
a.btn.btn-warning, .btn.btn-warning  {background: #F8CE57;}
a.btn.btn-danger, .btn.btn-danger  {background: #24CBA6;}


a.btn.btn-outline,.btn.btn-outline, input .btn.btn-outline{
	color:#555;
	background: none;
	border:2px solid #555;
	padding: 5px 18px;
}
a.btn.btn-outline:hover,.btn.btn-outline:hover, input .btn.btn-outline:hover{
	color:#fff;
	background:#24CBA6;
	border:2px solid #24CBA6;
}*/

/* THEME */
.box-overlay {
	margin:170px 0 60px;
	color:#333;
	text-align:left;
	/*background-color:#fff;*/
	background: rgba(255,255,255,0.8);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 0 5 rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	padding:30px;
}

.birth-day, .birth-month, .birth-year {
	/*display: block;*/
	/*width: 100%;*/
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

}

.birth-day, .birth-month, .birth-year {
	font-size: 12px;
	color: #333;
	height:40px;
	border-radius: 3px;
}

.tp-banner .container h1 a{
	color:#fff;
}
.tp-banner .container a:hover{
	color:#24CBA6;
}

.banner-menu ul li a:hover{
	color:#fff;
}

img.profile-pic {
	width: 50px;
	height: 50px;
	background: center center no-repeat;
	background-size: cover;
}

.list-participants{
	list-style:none;
	padding:0;
	position:relative;
	float:left;
	width:100%;
}
.list-participants li{
	float:left;
	padding:10px;
	/*background:#fff;*/
	margin-bottom:10px;
}
.list-participants li a{
	display:block;
}
.with-divider{
	border-bottom:1px solid #dddddd;
	padding-bottom:20px;
}
.list-participants .tooltip-content-flip{
	right:0;
	left:auto;
	min-height:40px;
	height:auto;
	width:100px;
	margin-bottom:0;
}
.list-participants .tooltip-content-flip a,
.list-participants .tooltip-content-flip a:hover{
	color:#fff;
}
.list-participants .tooltip-back{
	background:#000;
	padding: 12px 5px;
}
.list-participants .tooltip-content-flip .tooltip-back::after {
    border-top: 10px solid #000;
	left:50%;
}

.status-container img{
	width: 50px;
	height: 50px;

	float: left;
}

.status-container .status-form{
	float: right;
	width: calc(100% - 67px);

}

.status-container .status-form textarea, .status-container .status-form input[type="text"]{
	width: 100%;

}

.status-container .status-form .button-post{
}

.list-participants img.img-participant{
	width: 80px;
	height: 80px;	
}
.list-participants img.img-small{
	width: 35px;
	height: 35px;
}

.panel > .dropdown{
    position: relative;
    top: 15px;
    right: 15px;
    float: right;
}

.panel-heading img{
	width: 40px;
	height: 40px;
	margin-right: 15px;
}

.panel-heading{
	padding: 15px;
}

.panel-heading span{
	color: #888888;
}

.panel-heading > h4{
	margin: 3px 0px 10px 0px;
    font-size: 13px;
    font-weight: 700;
    display: inline;
}

.panel-heading > h5{
	margin: 0;
}

.panel-heading > h5{
    color: rgb(153, 153, 153);
    font-size: 10px;
    font-weight: 400;
}

/*.panel-body{
    padding: 0px 15px 5px 15px;
    font-size: 13px;
}*/

.panel-body p img{
	max-width: 100%;
}
/*.panel-body .panel-link{
	cursor: pointer;
}*/

.panel-link{
	position: relative;
}
.panel-link .panel-body{
	padding: 0px 15px 15px 15px;
}

.panel-body .panel-link a.link{
    border: 1px solid;
    border-color: #e9eaed #e9eaed #d1d1d1;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.panel-footer{
	padding: 15px;
}
.panel-footer .form-group{
	margin: 0px;
}



.dropdown .dropdown-toggle{
	cursor: pointer;
}

.tp-banner-container{
	margin-top: 20px;
}
.tp-banner-container .dropdown{
	float: right;
    right: 150px;
    top: 50px;
    cursor: pointer;
    z-index: 900;
}

.tp-banner-container .dropdown .dropdown-toggle span{
	color: white;

}

.tp-banner-container h2{
    font-weight: bold;
    margin: 10px;
}

.tp-banner-container h5{
	color: rgba(255, 255, 255, 0.38);
    font-size: 12px;
}

/*Responsive Video*/
/*.responsive-video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.responsive-video-container iframe,
.responsive-video-container object,
.responsive-video-container embed {
iframe.note-video-clip
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.panel-body p iframe,
.panel-body p object,
.panel-body p embed {
    width: 100%;

}


.panel-body img {
	width: 100%;
}
*/

div.terms {
   width:100%;
   height:250px;
   border:1px solid #ccc;
   background:#d6d6d6;
   padding:6px;
   overflow:auto;
   font-family: monospace;
}
div.terms p,
div.terms li {font:normal 11px/15px arial;color:#333;}
div.terms h3 {font:bold 14px/19px arial;color:#000;}
div.terms h4 {font:bold 12px/17px arial;color:#000;}
div.terms strong {color:#000;}

section.plain{
    position: relative;
    height: 65px;
    /*background: #24CBA6;*/
    /*background-size: cover;*/
    color:#fff;
	width: 100%;
	font-size:16px;
	display:table;
	text-align:center;
	margin-bottom: 30px;
}

.white-section{
	background:#fff;
	border-radius:3px;
	border:1px solid #ddd;
	margin-bottom:30px;
}

.liaison-list ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

.liaison-list ul li{
	padding: 10px 0px 10px 0px;
	border-bottom:1px solid #ddd;
}



.liaison-list ul li:last-child{
	border-bottom: none;
}

.liaison-list ul li strong{
	display:block;	
}
.liaison-list .img-container img{
	height: 50px;
	width: 50px;
}

.liaison-list .img-right{
	vertical-align: top;
	color: #C5C5C5;
}

.liaison-list h5{
	margin-bottom: 0px
}
.liaison-list h5 a{
	color: black;
}

.liaison-list h5 a:hover{
	color:#24CBA6;

}

#table_contacts{
	border: 1px solid #ddd;
}

@media screen and (max-width: 767px) {
	#table_contacts .form-control{
		min-width: 160px;
	}
}

/*.community_panel .tour_container{
	max-height: 265px;
}*/

.profile-map-header {
	background-color: #24CBA6;
    color: white;
    height: 35px;
}

.profile-map-header h5 {
	text-align: center;
	color: white;
	line-height: 35px;
}


 /* modal */
.modal-header{
	background:#24CBA6;
	color:#fff;
}
.modal-header h4{
	color:#fff;
	text-align:center;
	text-transform:uppercase;
}
.modal-header .close,
.modal-header .close:hover{
	color:#fff;
	opacity:1;
}
.modal-box .alert{
	padding:10px;
}
.modal-box .modal-body {
    position: relative;
    padding: 15px;
    float: left;
    width: 100%;
    background: #fff;
}

.modal-footer {
    /*padding: 0;*/
    text-align: left;
    /*border-top: 1px solid #e5e5e5;*/
    border: none;
    position: relative;
    float: left;
    width: 100%;
    background: #fff;

	background:#24CBA6;
	padding:15px;
	/*color: white;*/
}

.modal-body{
  height:400px;
  overflow:auto;
}


/*.modal-footer p{
	padding:15px;
	margin-bottom:0;
}*/
.modal-footer a{
	color:#fff;
	font-size:13px;
	text-transform:uppercase;
	display:inline-block;
	padding:10px 20px;

}

.outline_white {
	border:2px solid #fff;
	border-radius:3px;
	background: none;
}

.outline_white:hover {
	background-color: #51bce6;
}

.select2-container {
	z-index: 1100;
}

.select2-container--default .select2-results>.select2-results__options {
	max-height: 460px !important;
}

.select2-container--open{
	z-index: 9999999999;
}

/* table_tickets */

#table_tickets td.row-actions i {
	font-size: 20px;
}

tr.row-ticket-settings {
	display: none;
}

#table_tickets tbody tr td.row-actions {
	vertical-align: middle;
	text-align: center;
}

#table_tickets tbody tr.row-ticket-settings td {
	background-color: rgba(241, 143, 28, 0.06);
}

#table_tickets .select2-search__field, #table_tickets .select2-search--inline {
	width: 100% !important;
}


/* hover effect */
.hovereffect {
  /*width: 100%;*/
  /*height: 100%;*/
  /*float: left;*/
  /*overflow: hidden;*/
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .hoveroverlay {
  position: absolute;
  overflow: hidden;
  width: 80%;
  height: 80%;
  left: 10%;
  top: 50%;
/*  border-bottom: 1px solid #FFF;
  border-top: 1px solid #FFF;*/
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0,1);
  -ms-transform: scale(0,1);
  transform: scale(0,1);
}

.hovereffect:hover .hoveroverlay {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}

.hovereffect:hover img {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');
  filter: brightness(0.6);
  -webkit-filter: brightness(0.6);
}

.hovereffect h2 {
  text-transform: uppercase;
  text-align: center;
  position: relative;
  font-size: 17px;
  background-color: transparent;
  color: #FFF;
  padding: 1em 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,-100%,0);
  transform: translate3d(0,-100%,0);
}

.hovereffect a, hovereffect p {
  color: #FFF;
  padding: 1em 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
}

.hovereffect:hover a, .hovereffect:hover p, .hovereffect:hover h2 {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}




/*communities*/
div#community_list .tour_list_desc {
	height: 155px;
}

div#community_list .img_list {
	min-height: 155px;
}

div#community_list .img_list img {
	width: 100%;
	height: 100%;
	left: 0px;
}




.parallax-window {
	background: rgba(0,0,0,0.4);
}

/*div.img_container ul.thumb-info-list {
    list-style: none;
    position: absolute;
    z-index: 1;
    padding: 0px;
}*/


div.img_container a span.thumb-info {


	background-color: rgb(217, 73, 73);
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 13px;
	color: white;
	font-weight: bold;
	z-index: 1;
	margin-top: 10px;
	padding: 2px 10px 2px 10px;
}

div.img_container a span.thumb-info-ended {
	background-color: rgb(217, 73, 73);

}
div.img_container a span.thumb-info-completed {
	background-color: #269627;

}
div.img_container a span.thumb-info-featured {
	right: 0px;
	left: inherit;
	background-color: #2fd98d;
}

div.img_container a ul.thumb-info-list li span {
	/*background-color: rgb(255, 0, 46);
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 13px;
	color: white;
	font-weight: bold;
	-webkit-box-shadow: 2px 3px 8px 0px rgba(16, 16, 16, 0.75);
	z-index: 1;
	margin-top: 10px;
	padding: 2px 10px 2px 10px;*/

}

div.img_container a ul.thumb-info-list li span.thumb-info-ended {
	background-color: rgb(255, 0, 46);

}


div.img_container a span i {
	vertical-align: top;
}

/*overwrite style*/
.tour_container{
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);

}



/*timeline */
.timeline {
	list-style: none;
	padding: 20px 0 20px;
	position: relative;
}

.timeline:before {
	top: 0;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 4px;
	background-color: #dbdbdb;
	left: 5%;
	margin-left: -1.5px;
}

.timeline > li {
	margin-bottom: 20px;
	position: relative;
}

.timeline > li:before,
.timeline > li:after {
	content: " ";
	display: table;
}

.timeline > li:after {
	clear: both;
}

.timeline > li:before,
.timeline > li:after {
	content: " ";
	display: table;
}

.timeline > li:after {
	clear: both;
}

.timeline > li > .timeline-panel {
	width: 88%;
	float: left;
	border: 1px solid #d4d4d4;
	border-radius: 2px;
	padding: 20px;
	position: relative;
	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
	background-color: white;
}

.timeline > li > .timeline-panel:before {
	position: absolute;
	top: 26px;
	right: -15px;
	display: inline-block;
	border-top: 15px solid transparent;
	border-left: 15px solid #ccc;
	border-right: 0 solid #ccc;
	border-bottom: 15px solid transparent;
	content: " ";
}

.timeline > li > .timeline-panel:after {
	position: absolute;
	top: 27px;
	right: -14px;
	display: inline-block;
	border-top: 14px solid transparent;
	border-left: 14px solid #fff;
	border-right: 0 solid #fff;
	border-bottom: 14px solid transparent;
	content: " ";
}

.timeline > li > .timeline-badge {
	color: #fff;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 1.4em;
	text-align: center;
	position: absolute;
	top: 16px;
	left: 5%;
	margin-left: -25px;
	background-color: #999999;
	z-index: 0;
	border-top-right-radius: 50%;
	border-top-left-radius: 50%;
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;
}

.timeline > li.timeline-inverted > .timeline-panel {
	float: right;
}

.timeline > li.timeline-inverted > .timeline-panel:before {
	border-left-width: 0;
	border-right-width: 15px;
	left: -15px;
	right: auto;
}

.timeline > li.timeline-inverted > .timeline-panel:after {
	border-left-width: 0;
	border-right-width: 14px;
	left: -14px;
	right: auto;
}

.timeline-badge.primary {
	background-color: #2e6da4 !important;
}

.timeline-badge.success {
	background-color: #3f903f !important;
}

.timeline-badge.warning {
	background-color: #f0ad4e !important;
}

.timeline-badge.danger {
	background-color: #d9534f !important;
}

.timeline-badge.info {
	background-color: #5bc0de !important;
}

.timeline-title {
	margin-top: 0;
	color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
	margin-bottom: 0;
	text-align: justify;
}

.timeline-body > p + p {
	margin-top: 20px;
}

.timeline-body > p > img,
.timeline-body > p > a img {
	max-width: 100% !important;
	height: auto;
}

@media (max-width: 767px) {
	ul.timeline:before {
		left: 40px;
	}

	ul.timeline > li > .timeline-panel {
		width: calc(100% - 90px);
		width: -moz-calc(100% - 90px);
		width: -webkit-calc(100% - 90px);
	}

	ul.timeline > li > .timeline-badge {
		left: 15px;
		margin-left: 0;
		top: 16px;
	}

	ul.timeline > li > .timeline-panel {
		float: right;
	}

	ul.timeline > li > .timeline-panel:before {
		border-left-width: 0;
		border-right-width: 15px;
		left: -15px;
		right: auto;
	}

	ul.timeline > li > .timeline-panel:after {
		border-left-width: 0;
		border-right-width: 14px;
		left: -14px;
		right: auto;
	}
}



div.timeline-heading{
	margin-bottom: 15px;
}
div.timeline-heading img{
	width: 40px;
	height: 40px;
	margin-right: 15px;
	display: block;

}

h4.timeline-author{
	margin: 3px 0px 10px 0px;
    font-size: 13px;
    font-weight: 700;
    display: inline;
}

p.timeline-timestamp{
	margin: 0;
}

p.timeline-timestamp{
    color: rgb(153, 153, 153);
    font-size: 10px;
    font-weight: 400;
}

div.timeline-panel > .dropdown{
    position: relative;
    float: right;
    color: #919191;
    display: none;
}

div.timeline-panel:hover .dropdown{
	display: block;
}

div.timeline-post-actions i{
	display: block;
	margin-bottom: 5px;
	font-size: 25px;
}

div.timeline-post-actions button{
	border: 0;
	font-size: 15px;
}

li.timeline-control div.timeline-badge, div.timeline-post-actions button{
	cursor: pointer;
	transition: all .2s ease-in-out;
}
/*li.timeline-control div.timeline-badge:hover + div.timeline-panel{
	opacity: 1 !important;
}*/
li.timeline-control div.timeline-badge:hover, div.timeline-post-actions button:hover{
	transform: scale(1.1);
}



/*li.timeline-control div.timeline-panel{
	opacity: 0;
}*/

i.danger{
	color: #d9534f;
}
i.warning{
	color: #f0ad4e;
}
i.success{
	color: #5cb85c;
}
i.info{
	color: #5bc0de;
}


div.timeline-post-update input[type="text"], div.timeline-post-update input[type="textarea"]{
    width: 100%;
    border: 0;
    box-shadow: none;
    padding: 0;
}

div.timeline-post-update div.title-field input.form-control{
	font-size: 22px;
}

div.timeline-post-update .note-editor{
	min-height: 120px;
}

div.timeline-panel div.timeline-body, div.timeline-post-update .note-editor{
    font-size: 13px;
    line-height: 25px;
}

div.timeline-body hr.full{
    margin-left: -20px;
    margin-right: -20px;
}

li.timeline-control{
	z-index: 10;
}

div.timeline-post-action{
	display: none;
}



/*select*/
img.img-select-thumb-badge {
    width: 20px;
    height: 20px;
}




.select2-container--default .select2-results>.select2-results__options {
	max-height: 400px;
}

.select2-container--default .select2-selection--single {
	min-height: 40px;
	height: auto !important;
}

.select2-selection__rendered {
	padding: 10px;
}

.select2-selection__placeholder {
	padding-left: 10px;
}

.select2-selection__rendered span img, .select2-results__option span img {
	margin-right: 12px;
	width: 30px;
	height: 30px;
}

#formCreateNote span.select2-container--default .select2-selection--single, #formCreateNote span.select2-container--default .select2-selection--multiple {
	border: 0;
}

#formCreateNote span.select2-container--default .select2-selection--single .select2-selection__rendered {
	padding: 5px 25px 5px 5px;
}

.form-data-collection label {
	/*margin-top: 8px;*/
}


/*crop it*/
.cropit-image-preview .error-msg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 10px 20px;
    color: #fff;
    background: rgba(210,65,72,0.8);
    line-height: 1.5;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.25s;
    -moz-transition: opacity 0.25s;
    -o-transition: opacity 0.25s;
    -ms-transition: opacity 0.25s;
    transition: opacity 0.25s;
}

.cropit-image-preview.has-error .error-msg {
    opacity: 1;
    -ms-filter: none;
    filter: none;
}

.cropit-preview {
	background-color: #f8f8f8;
	background-size: cover;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-top: 7px;
	width: 250px;
	height: 250px;
}
.cropit-preview-image-container {
	cursor: move;
}
.cropit-resize {
	margin: 10px 0 10px 0;
}
.cropit-resize i.icon{
	font-size: 15px;
}

.cropit-resize .cropit-image-zoom-input{
	width: 75%;
	display: inline-block;
    margin: 0;
    vertical-align: middle;
    margin-left: 10px;
}

#result {
	margin-top: 10px;
	width: 900px;
}
#result-data {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-wrap: break-word;
}

/*cropit*/

/* Hide file input */
input.cropit-image-input {
  visibility: hidden;
}

.cropit-preview {
    background-color: #f8f8f8;
    background-size: cover;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-top: 7px;
    width: 250px;
    height: 250px;
  }

.image-size-label {
	margin-top: 10px;
}

.export {
	display: block;
}



/* Show load indicator when image is being loaded */
.cropit-preview.cropit-image-loading .spinner {
  opacity: 1;
}

/* Show move cursor when image has been loaded */
.cropit-preview.cropit-image-loaded .cropit-preview-image-container {
  cursor: move;
}

.cropit-image-zoom-input {
	margin-top: 15px;
}

/* Gray out zoom slider when the image cannot be zoomed */
.cropit-image-zoom-input[disabled] {
  opacity: .2;
}

/* Hide default file input button if you want to use a custom button */
input.cropit-image-input {
  visibility: hidden;
}


.controls-wrapper .slider-wrapper .small-image {
	font-size: 16px;
	vertical-align: middle;
}

.controls-wrapper .slider-wrapper .large-image {
	font-size: 24px;
	vertical-align: middle;
}

.controls-wrapper .slider-wrapper .cropit-image-zoom-input {
	width: 130px;
	margin: 0 20px;
}

.cropit-image-zoom-input, .small-image, .large-image {
	display: inline-block;
}

.cropit-wrapper .preview-wrapper .controls-wrapper {
	margin-top: 20px;
	text-align: center;
}

.cropit-wrapper .controls-wrapper .rotation-btns, .cropit-wrapper .controls-wrapper .slider-wrapper {
	display: inline-block;
}

.cropit-wrapper .controls-wrapper .slider-wrapper * {
	vertical-align: middle;
}

/*google map search*/
#pac-input {
    position: relative !important;
    margin: 20px;
    padding: 20px;
    width: 90% !important;
    height: 36px !important;
    border-radius: 5px;
    border: none;
    font-family: Roboto;
	font-size: 15px;
	font-weight: 300;
	text-overflow: ellipsis;
	border: 1px solid #cccccc;
}

#pac-input:focus {
	border-color: #4d90fe;
}

.pac-container {
	font-family: Roboto;
}

#type-selector {
	color: #fff;
	background-color: #4d90fe;
	padding: 5px 11px 0px 11px;
}

#type-selector label {
	font-family: Roboto;
	font-size: 13px;
	font-weight: 300;
}
#target {
	width: 345px;
}

.div-toggle-settings {
	margin-top: 25px;
	margin-bottom: 25px;
	text-align: center;
}

input.error, textarea.error {
	border: 1px solid #e34f4f !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}

.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
	/*background-color: #ccc !important;*/
	opacity: .35;
}

.btn-primary[disabled] {
	background: #9e9e9e !important;
	cursor: not-allowed;
}


.badge-request-list .badge-request-card .requester, .badge-request-list .badge-request-card .requested-badge {
	display: inline-block;
}

.badge-request-list .badge-request-card .requested-badge {
	margin-left: 20px;
}

ul.community-list {
	list-style: none;
	padding: 0;
}
ul.community-list li {
	display: block;
	padding-left: 1.3em;
}

ul.community-list li:not(:last-child) {
	margin-bottom: 15px;
}

ul.community-list li:before {
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e062";
    font-family: 'Glyphicons Halflings';
    font-size: 11px;
    float: left;
    margin-top: 0px;
    margin-left: -17px;
    color: #CCCCCC;
}

div.social-sharing {
	text-align: center;
}

div.social-sharing > i {
	font-size: 100px;
	color: #6dcff6;
	margin: 20px;
	display: block;
}

div.social-sharing div.fb-send {
	transform: scale(1.3);
	display: inline-flex;
	margin-left: 8px;
	margin-right: 11px;
}

/* Mission Tickets */
div.buyer-total-container {
	font-size: 85%;
}
/*
div.buyer-total-container div.tooltip div.tooltip-inner {
	text-align: left;
}*/

table.report-buyer-total {
	margin: 10px;
	font-size: 14px;
}

table.report-buyer-total tbody tr td:first-child, table.report-buyer-total tfoot tr td:first-child{
	padding-right: 20px;
	text-align: left;
}

table.report-buyer-total tbody tr td:last-child, table.report-buyer-total tfoot tr td:first-child{
	text-align: right;
}

table.report-buyer-total tbody tr:last-child td {
	padding-bottom: 5px;
}

table.report-buyer-total tfoot tr td {
	padding-top: 5px;
}

table.report-buyer-total tfoot {
	border-top: 1px solid white;
}

.sidebar h4 {
	color: #d2d2d2;
}

/*div.plugin textarea.code_snippet,*/
textarea.code-snippet {
	background: #000000;
	color: #32d000;
    width: 100%;
    padding: 15px;
    font-family: Menlo,Monaco,Andale Mono,Courier New,monospace;
    font-size: 15px;
    word-break: break-all;
    border-radius: 3px;

}


div.plugin div.embed-container {
	position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    padding-bottom: 60.25%;


}

div.plugin div.embed-container iframe {
	border: 1px #d4d4d4 solid;
	/*width: 1280px;
	height: 900px;
	-webkit-transform: scale(0.70);
    -webkit-transform-origin: 0 0;*/
}

div.plugin div.map-wrapper {
	height: 100%;
	width: 100%;

}

div.plugin div.map-wrapper div#map.map{
	position: absolute;
	height: 100% !important;
	width: 100% !important;
}

div.plugin-container {
	overflow: scroll;
}
div.mission-card-container {
	display: flex;
	flex-wrap: wrap;
}

span.badge-count{
	background-color: #cccccc;
    vertical-align: text-bottom;
    margin: 0 5px 0 5px;
}

.bootstrap-datetimepicker-widget {
	z-index: 3000;
}

/*.marker_info{
	width: 120px;
	height: auto;
}*/

div.marker_info img{
	width: 100%;
	height: auto;
	max-height: 140px;
}

.marker_info_headered img{
	-webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

div.marker_info_headered .header{
    color: white;
    background-color: #51bce6;
    margin: 0;
    padding: 5px;
    text-transform: uppercase;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

/* Map */
.infobox_item {
    width: 280px;
    height: 330px;
    border-radius: 3px;
	text-align:center;
	background: #FFF;
    background: rgba(255, 255, 255, 0.9);
    position: relative;
    z-index: 9999999;
	font-family:"Montserrat", Arial, sans-serif; 
}
.infobox_item img {
    display: block;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.infobox_item h3 {
	font-size:18px;
	line-height:18px;
	text-transform:uppercase;
	margin: 10px 0px 15px 0;
}
.infobox_item span {
    display: block;
    /*padding: 0px 20px;*/
    font-size: 12px;
	line-height:16px;
	color:#7a7f82;
	margin-bottom: 5px;
}
.infobox_item:after{
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-right-color: rgba(255, 255, 255, 0.9);
	border-width: 10px;
	margin-top: -10px;
}

div.map-mission div.infobox_item div.content {
	text-align: left;
	/*width: 280px;
    height: 320px;
    border-radius: 3px;
    text-align: center;
    background: #FFF;
    background: rgba(255, 255, 255, 0.9);
    position: relative;
    z-index: 9999999;
    font-family: "Montserrat", Arial, sans-serif*/
}

div.map-mission div.infobox_item div.content{
	padding: 15px;
}

div.infobox_item img{
	width: 100%;
	height: auto;
	max-height: 140px;
}

div.infobox_item .icon{
	vertical-align: top;
	margin-right: 5px;
}
div.infobox_item .btn_full {
	margin-top: 35px;
	background: #51bce6;
}

div.infobox_item .btn_full:hover {
	background: #333;
}

div.infoBox{
	cursor: pointer;
}

div.mission-card div.details .icon{
	vertical-align: top;
}


div.time {
	text-transform: uppercase;
}

div.facebook-share{
	overflow: hidden;
}

.label-superscript{
	margin-left: 5px;
	margin-top: 10px;
    vertical-align: top;
    font-size: 10px;
    display: inline-block;

}
.feature_home{
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);

    margin-bottom: 60px;
    padding: 50px 30px;
}
.feature_home h3{
	font-weight: bold;
	color: #4A4A4A;
	font-size: 26px;
}
.feature_home img{
	height: 65px;
    width: 65px;
}
div.feature_home p.big{
    /*font-family: "Lato",Arial, sans-serif;*/
    /*font-family: "TR Avalon", Arial, sans-serif;*/
    font-weight: 300;
    font-size: 16px;
    line-height: 27px;
}
.featured_mission {
	height: 280px;
	box-shadow: none;
	margin-bottom: 30px;
}

@media only screen and (max-width: 768px) {
    .featured_mission {
    	height: auto;
    	box-shadow: none;
    	margin-bottom: 30px;
    }

}
.featured_mission .tour_title {
    padding: 15px;
    position: relative;
} 
#logo{
	justify-content: center;
	/*margin-top: 16px;*/
}
#logo .tagline{
    color: white;
    vertical-align: bottom;
    text-transform: uppercase;
    font-size: 9px;
    display: block;
}
#logo img{
	display: block;
    margin: auto;
}
.sticky #logo{
	/*margin: 10px 0 0 0;*/
}
.tab-pane h3{
	color: #d4d4d4;
	margin: 0 0 0px 0;
	text-transform: uppercase;
}
.popover-title{
	    background-color: #24CBA6;
}
.sdgs ul{
	list-style-type: none;

}
.sdgs ul li {
  display: inline-block;
  	max-height: 170px;
    max-width: 150px;
}
.sdgs .sdg-card{
	/*width:50%;*/
	height: auto;
	padding: 5px;
	
}
.sdg-card a {
	display: block;
	opacity: 0.2;
}
.sdg-card a:hover {	
	opacity: 1;
}
.sdg-card img{	
	max-height: 100%;
	max-width: 100%;
}
.sdg-card img:hover{	
	opacity: 0.7;
}
.sdg-card .sdg-selected img:hover{	
	opacity: 1;
}
.sdg-card .sdg-selected {	
	opacity: 1;
}

.sdg-card-show{
	width:auto;
	height: auto;
	padding: 5px;
	
}
.sdg-card-show img{	
	max-height: 100px;
	max-width: 100px;
}

.card-container{
	width: 100%;
	height: 170px;
}
@media only screen and (max-width: 550px) {
    .form-group .sdgs ul li {
      display: inline-block;
      	max-height: 100px;
        max-width: 100px;
    }

}
.popover{
	width: 300px;
	max-width: 300px
}
#formWriteReview div.rating-symbol{
	font-size: 18px;
	margin-top: 18px;
}

.rating-symbol-foreground{
	color: #F90;
}

#modalWriteReview .modal-body{
	height: 500px;
}

#formWriteReview hr{
	margin: 0 0 15px 0;
}

.score{
	margin-top: -10px;
	margin-left: 5px;
}
#compiled_rating .rating{
	font-size: 25px;
}
.select2-container--below, .select2-container--default{
	/*z-index: 2;*/
	z-index: 1060;
}


.alert-report i{
	font-size: 60px;
    float: left;
}
.alert-report strong{
	text-transform: uppercase;
}

form.disabled{
	opacity: 0.3;
}
.btn_1[disabled]{
	cursor: not-allowed;
}



.right .search-form .form-group {
  float: right !important;
  transition: all 0.35s, border-radius 0s;
  width: 32px;
  height: 30px;
  background-color: rgba(255, 255, 255, 0);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  /*border-radius: 25px;*/
  /*border: 1px solid #ccc;*/
  margin-bottom:0;
}
.right .search-form .form-group input.form-control {
  padding-right: 20px;
  border: 0 none;
  background: transparent;
  box-shadow: none;
  display:block;
}
.right .search-form .form-group input.form-control::-webkit-input-placeholder {
  display: none;
}
.right .search-form .form-group input.form-control:-moz-placeholder {
  /* Firefox 18- */
  display: none;
}
.right .search-form .form-group input.form-control::-moz-placeholder {
  /* Firefox 19+ */
  display: none;
}
.right .search-form .form-group input.form-control:-ms-input-placeholder {
  display: none;
}
.right .search-form .form-group:hover,
.right .search-form .form-group.hover {
  width: 120px;
  border-radius: 4px 25px 25px 4px;
  border-radius: 25px;
  border: 1px solid #ccc;
}
.right .search-form .form-group span.form-control-feedback {
  position: absolute;
  top: -1px;
  right: -2px;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: #fff;
  left: initial;
  font-size: 14px;
}
.right .search-form .form-group input.form-control{
	color: #fff;
	font-size: 14px;
	margin-top: -5px;
}


header.sticky .right .search-form .form-group:hover,
.right .search-form .form-group.hover {
	border: 1px solid black;
}

header.sticky .right .search-form .form-group input.form-control{
	color: #000;
	font-size: 14px;
	margin-top: -5px;
}

header.sticky .right .search-form .form-group span.form-control-feedback{
	color: #000;
}
header.sticky .right .search-form .form-group{
	box-shadow: none;
}

.main-menu.right{
	float: right;

}

a.signout-link{ color: #f24c4c !important; }

.main-menu.right ul{
	margin-right: 0px;
	z-index: 999;
}

.show-on-right {
    display: none;
}
.main-menu.right .main-menu > ul > li > a{
    padding: 0 8px 0px 8px;
}

@media only screen and (max-width: 990px) {
    .show-on-right {
        display: block;
        /*width:408px;*/
    }
}

.main-menu.right > ul > li > a {
	padding: 0 8px 0 8px;
}

#search_form input[type=text] {
    width: 25px;
    border: none;
    font-size: 14px;
    background-image: url('/img/search_black.png');
    background-position: 6px 7px; 
    background-repeat: no-repeat;
    padding: 5px 0px 5px 30px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
    transition: all 0.35s, border-radius 0s;
    background-color: rgba(255, 255, 255, 0);
    color: #070606;
    outline: none;
}

#search_form input[type=text]:focus {
    width: 150px;
    outline: none;
    border:2px solid #070606;
    border-radius: 15px;
}

header.sticky #search_form input[type=text] {
    
    background-image: url('/img/search_black.png');
    background-repeat: no-repeat;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
    transition: all 0.35s, border-radius 0s;
    background-color: rgba(255, 255, 255, 0);
    color: #070606;
}

header.sticky #search_form input[type=text]:focus {
    width: 150px;
    outline: none;
    border:2px solid #070606;
    border-radius: 15px;
}

@media only screen and (max-width: 990px) {
    #search_form input[type=text] {
    	background-image: url('/img/search_black.png');
    	margin-left: 15px;
    	margin-right: 15px;
    	width: 90%;
    	border:2px solid #070606;
    	border-radius: 15px;
    	margin-bottom: 5px;
    }
    #search_form input[type=text]:focus {    	
    	width: 90%;
    	color: black;    	
    	border:2px solid #070606;
    	border-radius: 15px;
    }
    header.sticky #search_form input[type=text] {
    	background-image: url('/img/search_black.png');
    	margin-left: 15px;
    	margin-right: 15px;
    	width: 90%;
    	border:2px solid #070606;
    	border-radius: 15px;
    }
    header.sticky #search_form input[type=text]:focus {    	
    	width: 90%;
    	color: black;    	
    	border:2px solid #070606;
    	border-radius: 15px;
    }    

}
footer #new_footer_style ul li{
	display: inline-block;
}
footer #new_footer_style ul li a{
	text-align: center;
    line-height: 34px;
	display: block;
	font-size: 16px;
	width: 35px;
	height: 35px;
	border-radius: 50%;
}
footer #new_footer_style ul li a:hover {
    border: 1px solid #fff;
    background: #fff;
    color: #111;
}

footer .footer-logo{
	margin-top: 17px;
    margin-bottom: 9px;
}
footer .new-footer a{
	color: #d6d6d6;
}
footer .new-footer a:hover{
	color: #fff;
}
footer .new-footer h3{
	color: #d6d6d6;
	text-transform: uppercase;
}
footer .new-footer p{
	color: #d6d6d6;
}
.btn-slect-language {
    color: #d6d6d6;
    background-color: rgba(255, 255, 255, 0);
    border-color: #ccc;
}
.btn-slect-language:hover,.btn-slect-language:focus {
    color: #d6d6d6;
    background-color: rgba(255, 255, 255, 0);
    border-color: #ccc;
    color: #898989
}
.btn-slect-language:focus {
    color: #d0d0d0;
    background-color: rgba(255, 255, 255, 0);
    border-color: #ccc;
    color: #898989
}
.dropdown-menu.language-menu{	
	margin-top: 1px;
	padding: 0 0;
}
.dropdown-menu>.active>a,.dropdown-menu.language-menu>.active>a:hover {
    color: #d0d0d0;
    text-decoration: none;
    background-color: rgba(158, 158, 158, 0.68);
    outline: 0;
}

.dropdown-menu.language-menu li a {
    color: #545353;
}
.dropdown-menu.language-menu li a:hover {
    color: #d0d0d0;
    background-color: #545353;
}

/* start Card Slider*/
 .mission-slider {
 	position: relative;
 	overflow: hidden;
 }
.slider-btn-left {
    position: absolute;
    top: 40%;
    left: 3%;
    transform: translate(0%, -50%);
}
.slider-btn-right {
    position: absolute;
    top: 40%;
    right: 3%;
    transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
}



.btn-black {
	width: auto;
    border: none;
    border-radius: 20px;
    display: inline-block;
    outline: 0;
    padding: 8px 14px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    background-color: inherit;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;

    color: #fff!important;
    background-color: #737070!important;
}

.mission-info{
	padding-top: 10px;
	padding-left: 25px;
	padding-right: 25px;
}

.mission-location{
	padding-top: 10px;
}
.mission-summary{
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 15px;
}
.mission-participants{
	margin-top: 10px;
	margin-bottom: 10px;
}
.mission-by{
	margin-top: 10px;
	margin-bottom: 10px;
}

/*@keyframes fading{transition: all .3s ease-out;}*/
/*@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}*/
@keyframes fading{
	0%{right:0px}
	50%{right:0px}
	75%{right:0px}
	100%{right:100%}
}


/*.slide-animate-fading {
    animation: fading 10s infinite;
}*/


progress[value] {
  /* Reset the default appearance */
  -webkit-appearance: none;
   /*appearance: none;*/

  width: 90%;
  height: 20px;
 /*  border-radius: 15px; */
}
progress[value]::-webkit-progress-bar {
  background-color: #eee;
  
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}
progress[value]::-webkit-progress-value {
  background-image:
	   
	   -webkit-linear-gradient(top, 
	                           rgb(105, 240, 139), 
	                           rgb(75, 236, 237)),
	   -webkit-linear-gradient(left, #09c, #f44);

    
    background-size: 35px 20px, 100% 100%, 100% 100%;
}


@media only screen and (min-width: 700px){
	.slide-animate-fading img{
		height: 350px;
	}	
}

@media only screen and (max-width: 700px){
	.slide-animate-fading img{
		height: 200px;
	}
}
/*End Card Slider*/


.img_container a:hover img {
	/*-webkit-transform: scale(1);
	transform: scale(1);*/
	transform: initial;
	-webkit-transform: initial;
}

.img_container img {
	transform: initial;
	-webkit-transform: initial;

	/*-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-backface-visibility: hidden;*/
}

.team-list img{
	width: 100%;
    height: 270px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.team-list .team-item{
	margin-bottom: 30px;
}
.team-list .team-item h3{
	margin: 10px 0px 0px 0px;
}

/*.img_list {
	object-fit: cover;
	width: 100%;
	height: auto;
}
.img_list .jc-cover{
	background-image: url(img/team/jc_1.jpg);
}
.img_list .jc-cover:hover{
	background-image: url(img/team/js_1.jpg);
}*/

#selectLanguage{
	margin: 20px 0px 60px 0px;
}

.mission-images img {
	width: 100%;
	height: 180px;
	object-fit: cover;
	margin-bottom: 15px;
}

.note-btn-group .btn {
	padding: 5px 10px;
}


.close-icon {
	border:1px solid transparent;
	background-color: transparent;
	display: inline-block;
	vertical-align: middle;
  outline: 0;
  cursor: pointer;
}
.close-icon:after {
	content: "X";
	display: block;
	width: 15px;
	height: 15px;
	position: absolute;
	z-index:1;
	right: 25px;
	top: 0;
	bottom: 7px;
	margin: auto;
	padding: 2px;	
	text-align: center;	
	font-weight: normal;
	font-size: 12px;
	cursor: pointer;
	color: #000;
}
#inputSearch:not(:valid) ~ .close-icon {
	display: none;
}
/*#inputSearch:not(:focus) ~ .close-icon {
	display: none;
}
*/
@media only screen and (max-width: 991px){
	.close-icon:after {
		bottom: 35px;
		right: 35px;
	}
	#search_result{
		width: 100% !important;
	}
	#search_result .search-result-link{
		height: auto;
	}
	.search-result-cover img{
		height: 180px !important;
	}
	.search-result-info{
		padding-left: 10px !important; 
		padding-right: 10px !important;
		padding-top: 10px !important;
	}
}
#search_result{
	background: none repeat scroll 0 0 #FFFFFF; 
	border-color: transparent; 
	color: silver; 
	overflow: hidden; 
	position: absolute; 
	z-index: 1; 
	width: 350px; 
	height: auto; 
	display: none; 
	margin-top: 1px;
	max-height: 500px; 
	overflow-y: scroll;
	padding: 7px 10px 7px 5px;
	-webkit-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.41);
	    -moz-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.41);
	    box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.41);
}
#search_result .search-result-link{
	padding: 5px; 
	/*max-height: 60px !important;*/
}
.search-result-row{

}
.search-result-cover{
	padding-left: 10px !important; 
	padding-right: 5px!important;
}
.search-result-info{
	padding-left: 5px; 
	padding-right: 5px;
}
.search-result-info p{
	height: 40px;
    word-wrap: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    /* white-space: nowrap; */
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.select2-search__field{
	width: 300px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
	font-family: sans-serif;
}


.help-panel-list {
	/*cursor: pointer;*/
}

ul.list-group > ul.list-group > ul.list-group{
	margin-bottom: 0px;
}
ul.list-group > ul.list-group li.list-group-item {
	padding-left: 40px;
}
ul.list-group > ul.list-group > ul.list-group li.list-group-item {
	padding-left: 80px;
}

/*temp, rushing*/
.list-group-item .btn-delete{
	float: right;
	margin-top: -20px;
	border: none;
	font-size: 12px;
}

.dataTables_wrapper .btn-group .btn{
	    padding: 10px 13px !important;
}

.delete-mission-image {
    position: absolute;
    top: 0px;
    right: 13px;
    width: 38px;
    height: 40px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    background: url(/img/delete_badge.png) no-repeat;
    font-size: 20px;
    line-height: 12px;
    padding-top: 8px;
}

.delete-mission-image a{
	color: #fff;
}

.box_style_1 .has-image-error{
	color: red;
	font-size: 20px;
	padding: 10px 0 ;
}
.show-delete-alert{
	line-height: 25px;
	display: inline-block;
	color: red;
	font-size: 20px;
	padding: 10px 0 ;
}

.search-input input[type=search] {
    height: 50px;
    width: 100%;
    color: #000;
    background-color: #fff;
    border: 2px solid #ccc;
    border-radius: 35px;    
    font-size: 20px;
    font-weight: 400;
    outline: 0;
    padding: 10px 50px 10px 50px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
}

.search-input form {
    height: auto;
    position: relative;
    top: 50%;
    margin: -20px auto 0;
    width: 100%;
    /*-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);*/
}
.search-input form button:hover {
	color: #2FD98D;
}

.search-input form button {
    background: rgba(0,0,0,0);
    border: none;
    font-size: 3rem;
    position: absolute;
    left: 0px;
    top: 10px;
    color: #c6c6c6;
    outline: 0;
}

.search-input form .search-clear {
    background: rgba(0,0,0,0);
    border: none;
    font-size: 3rem;
    position: absolute;
    right: 0px;
    top: 10px;
    color: #c6c6c6;
    outline: 0;
}

label.error:after{
	z-index: -1;
}

.action-box {
	background-color: #FAFAFA;
	text-align: center;
	padding: 50px 0;
	font-weight: 500;
	font-size: 16px;
	margin-bottom: 50px;
}

.action-box .btn {
	margin-left: 10px;
}