@font-face{
	font-family: proxima-r;
	src: url('../fonts/ProximaNova-Regular.otf');
}

@font-face{
	font-family: proxima-sb;
	src: url('../fonts/ProximaNova-Semibold.otf');
}

@font-face{
	font-family: proxima-b;
	src: url('../fonts/ProximaNova-Bold.otf');
}

@font-face{
	font-family: wild;
	src: url('../fonts/WildernessTypeface-Regular.ttf');
}

@font-face{
	font-family: roboto-r;
	src: url('../fonts/roboto.regular.ttf');
}

@font-face{
	font-family: roboto-l;
	src: url('../fonts/roboto.light.ttf');
}

@font-face{
	font-family: roboto-m;
	src: url('../fonts/roboto.medium.ttf');
}

@font-face{
	font-family: roboto-b;
	src: url('../fonts/roboto.bold.ttf');
}

@font-face{
	font-family: futura-m;
	src: url('../fonts/Futura Medium.otf');
}

@font-face{
	font-family: chinese;
	src: url('../fonts/chinese.otf');
}

body{
	color: black;
	font-family: roboto-r;
	font-size: 16px;
	line-height: 2;
}

a:hover, a:active, a:visited, a:focus{
	text-decoration: none;
	color: inherit;
}

.hvrbox,
.hvrbox * {
	box-sizing: border-box;
}
.hvrbox {
	position: relative;
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}
.hvrbox img {
	max-width: 100%;
}
.hvrbox .hvrbox-layer_bottom {
	display: block;
}
.hvrbox .hvrbox-layer_top {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #33ADA3/*rgb(72,209,204)*/;
	color: #fff;
	padding: 15px;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}
.hvrbox:hover .hvrbox-layer_top,
.hvrbox.active .hvrbox-layer_top {
	opacity: 1;
}
.hvrbox .hvrbox-text {
	text-align: center;
	font-size: 10px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.hvrbox .hvrbox-text_mobile {
	font-size: 5px;
	border-top: 1px solid rgb(179, 179, 179); /* for old browsers */
	border-top: 1px solid rgba(179, 179, 179, 0.7);
	margin-top: 5px;
	padding-top: 2px;
	display: none;
}
.hvrbox.active .hvrbox-text_mobile {
	display: block;
}

.light-blue{
	color: #69AFBE;
}

.blue{
	color: #20A2B8;
}

.purple{
	color: #DC4EA9;
}

.small-heading1{
	letter-spacing: 5px;
}

a:focus, a:hover, a:click, a:visited{
	color: inherit;
	text-decoration: none;
}

.big-heading1{
	font-family: roboto-l;
	letter-spacing: 5px;
	font-size: 24px;
	line-height: 1.8;
	overflow: hidden;
}

.big-heading1>b{
	position: relative;
}

.big-heading2{
	font-family: roboto-l;
	letter-spacing: 10px;
	font-size: 30px;
}

.big-heading1>b:after{
	content: '';
	height: 1px;
	width: 1000%;
	background-color: white;
	top: 50%;
	left: 100%;
	left: calc(100% + 10px);
	position: absolute;
}
.round-bg {
	border-radius:50%;
	background:#fff;
	width:90px;
	height:90px;
	color:#fff;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
}
.wd90 p {
	text-align: center;
}

@media(max-width: 768px){
	.big-heading1{
		font-size: 20px;
		line-height: 1.5;
	}

	.center-block-xs{
		display: block;
		margin: auto;
	}
}

.wild-text{
	font-family: wild;
}

.wild-heading{
	font-family: wild;
}

.roboto-l{
	font-family: roboto-l;
}

.roboto-m{
	font-family: roboto-m;
}

.roboto-b{
	font-family: roboto-b;
}

.chinese {
	font-family: chinese;
}

@media(min-width: 768px){
	.animation-box-overflow .animation-box {
		background-position: 50% 30% !important;
	}
	.animation-box-content{
		padding-top: 85px;
	}
	.wild-heading{
		font-size: 180px;
		line-height: 1.25;
	}
}

@media(max-width: 768px){
	.wild-heading{
		font-size: 120px;
		line-height: 1;
	}
}

.normal-heading{
	letter-spacing: 8px;
	font-size: 24px;
	text-transform: uppercase;
	line-height: 1;
}

.normal-heading2{
	letter-spacing: 8px;
	font-size: 18px;
	text-transform: uppercase;
	line-height: 1;
}

.normal-heading3{
	letter-spacing: 5px;
	/*font-size: 16px;*/
	text-transform: uppercase;
	line-height: 1;
}

.small-heading{
	letter-spacing: 2px;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 1;
}

.normal-heading-underline{
	position: relative;
}

.normal-heading-underline:after{
	content: '';
	margin-top: 30px;
	width: 100%;
	max-width: 300px;
	height: 1px;
	background-color: black;
	margin: auto;
	margin-top: 50px;
	display: block;
}

.whyus-lightblue-tb{
	width: 100%;
	table-layout: fixed;
}

.whyus-lightblue-tb .div-td-sm{
	vertical-align: middle;
}

.slider-steps{
	letter-spacing: 8px;
	font-size: 26px;
	text-transform: uppercase;
}

.content-2-2{
	max-width: 90%;
	margin: auto;
}

.slider-carousel .item>.item-wd-control{
	max-width: 75%;
	margin: auto;
}

@media(max-width: 768px){
	.slider-carousel .item>.item-wd-control{
		max-width: 90%;
	}
}

.slider-indicator{
	position: initial;
	padding-left: 0;
	margin-left: 0;
	width: 100%;
}

.carousel-indicators.slider-indicator li{
	background-color: #989C9D;
	margin: 0px 15px;
}

.carousel-indicators.slider-indicator .active{
	background-color: #4C4C4C;
	margin: 0px 15px;
}

.animation-box-overflow{
	overflow: hidden;
}


.blue-gradient{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#33afc2+0,61cacf+100 */
	background: rgb(51,175,194); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(51,175,194,1) 0%, rgba(97,202,207,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(51,175,194,1) 0%,rgba(97,202,207,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(51,175,194,1) 0%,rgba(97,202,207,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33afc2', endColorstr='#61cacf',GradientType=1 ); /* IE6-9 */
}


.animation-box{
	float: left;
	height: 400px;
	display: table;
	background-color: transparent;
	position: relative;
	z-index: 1;
	-webkit-transition: 0.5s ease-out;
	-moz-transition: 0.5s ease-out;
	-o-transition: 0.5s ease-out;
	transition: 0.5s ease-out;
}

.animation-box:before{
	content:'';
	position: absolute;
	top: -5%;
	left: -5%;
	width: 110%;
	height: 110%;
	background-color: #fff;
	z-index: -1;
	-webkit-box-shadow: 0px 0px 142px -27px rgba(82,82,82,1);
	-moz-box-shadow: 0px 0px 142px -27px rgba(82,82,82,1);
	box-shadow: 0px 0px 142px -27px rgba(82,82,82,1);
	-webkit-transition: 0.2s ease-out;
	-moz-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
	-ms-transform: scale(0.8); /* IE 9 */
	-webkit-transform: scale(0.8); /* Safari */
	transform: scale(0.8);
	opacity: 0;
}

.animation-box:hover:before{
	-webkit-transition: 0.2s ease-out;
	-moz-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
	-ms-transform: scale(1); /* IE 9 */
	-webkit-transform: scale(1); /* Safari */
	transform: scale(1);
	opacity: 1;
}

.animation-box-content{
	vertical-align: middle;
	color: #fff;
	display: table-cell;
}

.animation-box:hover .animation-box-content{
	color: #69C9D8;
	-webkit-transition: 0.5s ease-out;
	-moz-transition: 0.5s ease-out;
	-o-transition: 0.5s ease-out;
	transition: 0.5s ease-out;
}

.animation-box:hover .default-btn5{
	border: 1px solid #69C9D8;
	color: #69C9D8;
	-webkit-transition: 0.5s ease-out;
	-moz-transition: 0.5s ease-out;
	-o-transition: 0.5s ease-out;
	transition: 0.5s ease-out;
}

.animation-text{
	font-size: 20px;
	letter-spacing: 5px;
	text-transform: uppercase;
}

.default-btn5{
	margin: auto;
	background-color: transparent;
	border-radius: 20px;
	text-transform: uppercase;
	text-align: center;
	/*max-width: 125px;*/
	font-family: roboto-l;
	display: inline-block;
	border: 1px solid #fff;
	font-size: 12px;
}

.default-btn5 a{
	padding: 10px 35px;
	width: 100%;
	display: block;
	line-height: 1;
	letter-spacing: 2px;
}

@media(min-width: 768px){
	.animation-box{
		width: 33.33333333333%;
	}
}

@media(max-width: 768px){
	.animation-box{
		width: 100%;
	}
}

::-webkit-scrollbar {
	width: 0.4em;
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
}

::-webkit-scrollbar-thumb {
	background-color: darkgrey;
	outline: 1px solid slategrey;
	border-radius: 5px;
}

.carousel-fade .carousel-inner .item {
	-webkit-transition-property: opacity;
	transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
	z-index: 2;
}

.nav-cont{
	padding-top: 60px;
	padding-bottom: 10px;
	letter-spacing: 1px;
	/*background-color: #69C9D8;*/
	background-color: transparent;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
	color: #fff;
	-webkit-transition: 0.3s ease-out;
	-moz-transition: 0.3s ease-out;
	-o-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
}

.nav-cont.nav-cont2.scrolling{
	/*color: #fff;*/
}

.nav-cont.nav-cont2.scrolling .navbar-default .navbar-nav>.header-login>a {
	border: 1px solid white;
}

.nav-cont.scrolling{
	background-color: #209FBC;
	padding-top: 0px;
	padding-bottom: 0px;
	-webkit-transition: 0.3s ease-out;
	-moz-transition: 0.3s ease-out;
	-o-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
}

.nav-cont.scrolling .dropdown-menu2{
	border: 1px solid #efefef;
	-webkit-box-shadow: 0px 0px 142px -27px rgba(82,82,82,1);
	-moz-box-shadow: 0px 0px 142px -27px rgba(82,82,82,1);
	box-shadow: 0px 0px 142px -27px rgba(82,82,82,1);
}

.nav-cont2{
	padding-top: 60px;/*
	padding-bottom: 10px;
	letter-spacing: 1px;*/
	color: black
}

@media(max-width: 768px){
	.nav-cont{
		padding-top: 10px;
		background-color: #209FBC;
		position: initial;
	}

	.nav-cont2{
		padding-top: 10px;
	}
}

.navbar-brand{
	height: auto;
}

.navbar{
	max-width: 1170px;
	margin: auto;
	background-color: transparent;
}

@media(min-width: 768px){
	.navbar-nav{
		margin-top: 25px;
	}

/*	.navbar-default .navbar-nav>li:not(:last-child)>a:after{
		content: '';
		height: 60%;
		width: 1px;
		background-color: #fff;
		position: absolute;
		top: 5px;
		right: -25px;
	}

	.navbar-default .navbar-nav>li:nth-last-child(2)>a:after{
		width: 0;
		}*/
	}

	.navbar-default .navbar-nav>.header-login>a{
		padding: 2px 30px;
		border-radius: 20px;
	}

	.nav-cont .navbar-default .navbar-nav>.header-login>a{
		max-width: max-content;
		border: 1px solid #fff;
	}

	.nav-cont2 .navbar-default .navbar-nav>.header-login>a{
		border: 1px solid black;
	}

	.nav-cont2 .dropdown-menu{
		border: 1px solid black;
	}

	.navbar-nav>li{
		text-transform: uppercase;
		font-family: roboto-r;
		font-size: 12px;
	}

	.navbar-nav>li>a{
		padding: 0;
		padding: 2px 5px;
		position: relative;
	}

	.navbar-default .navbar-nav>li{
		padding: 15px 15px;
		position: relative;
	}

	.navbar-default .navbar-nav>li>a{
		color: inherit;
		-webkit-transition: 0.3s ease-out;
		-moz-transition: 0.3s ease-out;
		-o-transition: 0.3s ease-out;
		transition: 0.3s ease-out;
	}

	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
		-webkit-transition: 0.3s ease-out;
		-moz-transition: 0.3s ease-out;
		-o-transition: 0.3s ease-out;
		transition: 0.3s ease-out;
	}

	.navbar-default .navbar-nav>li.header-login>a{
		color: inherit;
	}

	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
		background-color: transparent;
	}

	.nav-cont .navbar-default .navbar-toggle .icon-bar{
		background-color: #fff;
	}

	.nav-cont .navbar-toggle{
		border: 1px solid #fff;
	}

	.nav-cont .navbar-default .navbar-toggle{
		border-color: #fff;
	}

	.nav-cont2 .navbar-default .navbar-toggle .icon-bar{
		background-color: black;
	}

	.nav-cont2 .navbar-toggle{
		border: 1px solid black;
	}

	.nav-cont2 .navbar-default .navbar-toggle{
		border-color: black;
	}

	.nav-cont .navbar-toggle{
		margin-top: 25px;
	}

	.nav-cont2 .navbar-toggle{
		margin-top: 25px;
	}

	.header-icon{
		max-width: 28px !important;
		/*margin-right: 15px;*/
	}

	#total_noti{
		font-size: 11px;
		color: #fff;
		background-color: red;
		border-radius: 50%;
		text-align: center;
		height: 22px;
		width: 22px;
		line-height: 22px;
		position: absolute;
		top: -11px;
		right: -5px;
		font-family: roboto-b;
	}

	.dropdown-menu{
		top: 125%;
		box-shadow: none;
		border-radius: 5px !important;
		border:none;
		background-color: rgba(255,255,255,0.9);
		/*font-family: proxima-b;*/
	}

	@media(min-width: 768px){
		.dropdown-menu{
			padding: 10px 15px;
			/*padding: 25px 15px;*/
		}
	/*.dropdown-menu:before{
		content: '';
		position: absolute;
		width: 0;
		height: 0;
		border-left: 14px solid transparent;
		border-right: 14px solid transparent;
		border-bottom: 18px solid #fff;
		bottom: 100%;
		left: 50%;
		}*/

		.dropdown-menu2:before{
			left: auto;
			right: 15px;
		}

		.menu-icon{
			padding-left: 10px !important;
			padding-right: 10px !important;
		}
	}

	@media (max-width: 767px){

	/*.navbar-default .navbar-nav>li, .navbrand {
		padding: 10px 5px;
	}
	.navbar-nav>li, .input-type2{
		max-width: 180px;
		font-size: 10px;
		}*/
		.animation-box-overflow .animation-box {
			background-position: 50% 15% !important;
		}
		.navbar-default .navbar-nav .open .dropdown-menu>li>a {
			color: #fff;
		}

		.dropdown-menu>li>a{
			border-bottom: 1px solid #fff !important;
		}

		.dropdown-menu2{
			position: initial;
			margin-top: 15px !important;
			display: block;
			float: none;
			padding-top: 25px;
			padding-bottom: 25px;
		}

		.dropdown-menu{
			left: auto;
		}
	}


	.dropdown-menu2{
		padding-left: 45px;
		padding-right: 45px;
	}

	@media(min-width: 768px){
		.dropdown-menu2{
			min-width: 400px;
		}
	}

	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
		background-color: transparent;
		color: inherit;
	}

	.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
		background-color: transparent;
	}

	.dropdown-menu>li>a{
		border-bottom: 1px solid #5E5E5E;
		padding: 10px;
		font-family: proxima-b;
	}

	.dropdown-menu>li:last-child>a{
		border-bottom: none;
	}

	.E6E6E6{
		background-color: #E6E6E6;
	}

	.menu-tab{
		background-color: #EFEFEF;
		letter-spacing: 2px;
		text-transform: uppercase;
		padding: 8px;
		color: black;
		font-family: roboto-r;
		margin-left: -15px;
		margin-right: -15px;
		text-align: center;
		letter-spacing:1px;
		-webkit-transition: 0.3s ease-out;
		-moz-transition: 0.3s ease-out;
		-o-transition: 0.3s ease-out;
		transition: 0.3s ease-out;
	}

	.menu-tab:hover{
		cursor: pointer;
	}

	.menu-tab.active{
		background-color: #D8D8D8;
		-webkit-transition: 0.3s ease-out;
		-moz-transition: 0.3s ease-out;
		-o-transition: 0.3s ease-out;
		transition: 0.3s ease-out;
	}

	.menu-tab-toggle{
		color: black;
	}

	.mytab-index{
		display: none;
	}

	.header-inbox-content{
		padding: 15px;
		color: #DFDFDF;
		-webkit-transition: 0.3s ease-out;
		-moz-transition: 0.3s ease-out;
		-o-transition: 0.3s ease-out;
		transition: 0.3s ease-out;
	}

	.header-inbox-content:not(:last-child){
		border-bottom: 1px solid #DFDFDF;
	}

	.header-inbox-content:hover, .header-not-read{
		background-color: #DFDFDF;
		color: black;
		-webkit-transition: 0.3s ease-out;
		-moz-transition: 0.3s ease-out;
		-o-transition: 0.3s ease-out;
		transition: 0.3s ease-out;
		cursor: pointer;
	}

	.inbox-content-tb{
		width: 100%;
	}

	.inbox-content-tb td{
		padding-right: 10px;
		vertical-align: top;
	}

	.inbox-content-tb td:first-child{
		width: 100px;
		padding-left: 15px;
	}

	.header-inbox-content-info{
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		text-transform: none;
	}


	.header-inbox-padding{
		margin-left: -45px;
		margin-right: -45px;
		max-height: 300px;
		overflow: hidden;
		overflow-y: scroll;
	}

	.inbox-not-read{
		text-align: right;
		color: red;
	}

	.inbox-not-read>div{
		height: 8px;
		width: 8px;
		border-radius: 50%;
		background-color: red;
		float: right;
		opacity: 0.6;
	}

	.is-empty{
		padding-left: 30px;
		padding-right: 30px;
	}

	.post-require-login:hover{
		cursor: pointer;
	}


	/*index.php*/
	#home-banner{
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	#canva-banner {
		height: 50vh;
	}

	.banner-content-absolute{
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}

	.banner-content{
		display: table;
		margin: auto;
		position: relative;
		height: inherit;
	}

	@media(min-width: 768px) and (max-width: 992px){
		.banner-content .banner-text4{
			font-size: 80px;
		}
	}

	.banner-row{
		display: table-row;
	}

	.banner-td{
		display: table-cell;
		/*padding-bottom: 120px;*/
		position: relative;
		vertical-align: middle;
		padding-left: 15px;
		padding-right: 15px;
	}

	.banner-heading{
		text-transform: uppercase;
		font-family: proxima-b;
		letter-spacing: 1.5;
		font-weight: bold;
		line-height: 1;
	}

	.banner-text{
		color: #fff;
		line-height: 1;
		letter-spacing: 8px;
		padding-left: 15px;
		padding-right: 15px;
	}

	.banner-text2{
		color: #000;
		/*color: #575559;*/
		line-height: 1;
		letter-spacing: 8px;
		padding-left: 15px;
		padding-right: 15px;
	}

	.banner-text3{
		color: #fff;
		line-height: 1;
		letter-spacing: 8px;
		padding-left: 15px;
		padding-right: 15px;
	}

	.banner-text4{
		color: #2A2F34;
		line-height: 1;
		letter-spacing: 8px;
		padding-left: 15px;
		padding-right: 15px;
	}

	@media(min-width: 768px){
		#home-banner{
			height: 500px;
		}

		.banner-heading{
			font-size: 32px;
		}

		.banner-text{
			font-size: 100px;
		}

		.banner-text2{
			font-size: 100px;
		}

		.banner-text3{
			font-size: 150px;
		}

		.banner-text4{
			font-size: 100px;
		}
	}


	@media(min-width: 992px){
		#home-banner{
			height: 650px;
		}

		.banner-heading{
			font-size: 40px;
		}

		.banner-text{
			font-size: 150px;
		}

		.banner-text2{
			font-size: 150px;
		}

		.banner-text3{
			font-size: 250px;
		}

		.banner-text4{
			font-size: 150px;
		}
	}
	@media(min-width: 1500px){
		#home-banner{
			/* height: 700px; */
			height: 100vh;
		}
	}

	@media(max-width: 768px){
		#home-banner{
			height: 350px;
		}

		.banner-heading{
			font-size: 24px;
		}

		.banner-text{
			font-size: 60px;
		}

		.banner-text2{
			font-size: 60px;
		}

		.banner-text3{
			font-size: 100px;
		}

		.banner-text4{
			font-size: 60px;
		}
	}

	.row-pad{
		padding-left: 15px;
		padding-right: 15px;
	}

	.default-btn{
		/*background-color: transparent;*/
		/*background-color: rgba(32,166,188, 0.8);*/
		opacity: 0.8;
		/*color: rgba(255, 255, 255, 0.6);*/
		color: #69C9D8;
		margin: auto;
		border-radius: 20px;
		border: 1px solid #69C9D8;
		text-transform: uppercase;
		text-align: center;
		/*max-width: 125px;*/
		font-family: roboto-l;
		display: inline-block;
		-webkit-transition-duration:0.5s;
		-moz-transition-duration:0.5s;
		-webkit-transition-duration:0.5s;
		-o-transition-duration:0.5s;
		transition-duration:0.5s;
	}

	.default-btn:hover{
		opacity: 1;
		color: #fff;
		background-color: #69C9D8;
		-webkit-transition-duration:0.5s;
		-moz-transition-duration:0.5s;
		-webkit-transition-duration:0.5s;
		-o-transition-duration:0.5s;
		transition-duration:0.5s;
	}

	.default-btn a{
		padding: 10px 35px;
		width: 100%;
		display: block;
		line-height: 1;
		letter-spacing: 2px;
	}

	.default-btn a[data-follow="0"]{
		border-radius: 20px;
		color: #fff;
		background-color: #69C9D8;
	}

	.default-btn2{
		color: black;
		margin: auto;
		background-color: #fff;
		border-radius: 20px;
		text-transform: uppercase;
		text-align: center;
		/*max-width: 250px;*/
		font-family: proxima-b;
		display: inline-block;
	}

	.default-btn2 a{
		padding: 10px 25px;
		width: 100%;
		display: block;
		line-height: 1;
	}

	.default-btn3{
		color: black;
		margin: auto;
		background-color: #E2E2E2;
		border-radius: 20px;
		text-transform: uppercase;
		text-align: center;
		/*max-width: 250px;*/
		font-family: proxima-b;
		display: inline-block;
		font-size: 12px;
	}
	.default-btn3a{
		color: black;
		margin: auto;
		background-color: #E2E2E2;
		border-radius: 20px;
		text-transform: uppercase;
		text-align: center;
		/*max-width: 250px;*/
		font-family: proxima-b;
		display: inline-block;
		font-size: 12px;
	}
	.default-btn3b{
		color: black;
		margin: auto;
		background-color: #E2E2E2;
		border-radius: 20px;
		text-transform: uppercase;
		text-align: center;
		/*max-width: 250px;*/
		font-family: proxima-b;
		display: inline-block;
		font-size: 12px;
	}

	.default-btn3 a{
		padding: 8px 15px;
		width: 100%;
		display: block;
		line-height: 1;
	}
	.default-btn3a a{
		padding: 8px 15px;
		width: 100%;
		display: block;
		line-height: 1;
	}
	.default-btn3b a{
		padding: 8px 15px;
		width: 100%;
		display: block;
		line-height: 1;
	}

	.default-btn4{
		/*background-color: transparent;*/
		/*color: #DC4EA9;*/
		/*background-color: rgba(220,78,169, 0.8);*/
		opacity: 0.8;
		/*color: rgba(255, 255, 255, 0.6);*/
		color: #DC4EA9;
		border: 1px solid #DC4EA9;
		margin: auto;
		border-radius: 20px;
		text-transform: uppercase;
		text-align: center;
		/*max-width: 125px;*/
		font-family: roboto-l;
		display: inline-block;
	}

	.default-btn4 a{
		padding: 10px 35px;
		width: 100%;
		display: block;
		line-height: 1;
		letter-spacing: 2px;
	}

	.default-btn4:hover{
		opacity: 1;
		color: #fff;
		background-color: #DC4EA9;
		-webkit-transition-duration:0.5s;
		-moz-transition-duration:0.5s;
		-webkit-transition-duration:0.5s;
		-o-transition-duration:0.5s;
		transition-duration:0.5s;
	}

	.default-btn6{
		color: #fff;
		margin: auto;
		background-color: transparent;
		border-radius: 20px;
		text-transform: uppercase;
		text-align: center;
		/*max-width: 125px;*/
		font-family: roboto-l;
		display: inline-block;
	}

	.default-btn6.active{
		border: 1px solid #fff;
	}

	.default-btn6 a{
		padding: 10px 35px;
		width: 100%;
		display: block;
		line-height: 1;
		letter-spacing: 2px;
	}

	.default-btn7{
		color: #fff;
		margin: auto;
		border-radius: 20px;
		text-transform: uppercase;
		background-color: #69C9D8;
		text-align: center;
		font-family: roboto-l;
		display: inline-block;
		transition: all 0.5s;
	}

	.default-btn7.active, .default-btn7:hover {
		background-color: #fff;
		border: 1px solid #69C9D8;
		color:  #69C9D8 !important;
	}


	.default-btn7 a{
		padding: 10px 34px;
		width: 100%;
		display: block;
		line-height: 1;
		letter-spacing: 2px;
	}


	.carousel-indicators{
		/* bottom: 0; */
		bottom: -10%;
	}

	.carousel-indicators li{
		background-color: #9B9B9B;
		border: none;
		width: 10px;
		height: 10px;
		margin: 3px;
	}

	.carousel-indicators .active{
		border:none;
		background-color: #072E3F;
		width: 10px;
		height: 10px;
		margin: 3px;
	}

	.carousel-control{
		top: 30%;
		bottom: initial;
		width: auto;
	}

	@media(max-width: 768px){
		.carousel-control{
			display: none;
		}
	}

	.maxwd400{
		max-width: 400px;
		margin: auto;
	}

	.maxwd800{
		max-width: 800px;
		margin: auto;
	}

	.maxwd1000{
		max-width: 1000px;
		margin: auto;
	}

	.home-cat-name{
		text-transform: uppercase;
		margin-bottom: 30px;
		font-family: proxima-b;
		font-size: 16px;
		margin-top: 5px;
	}

	@media(max-width: 768px){
		.home-cat-name{
			font-size: 12px;
		}
	}

	.section-heading{
		position: relative;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-family: proxima-b;
		font-size: 24px;
	}

	.section-heading>div{
		height: 2px;
		width: 80px;
		margin: auto;
		background-color: #69C9D8;
		margin-top: 15px;
	}

	.index-social-section{
		position: relative;
	}

	.index-fb-cont{
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.index-insta-cont{
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.index-map{
		width: 100%;
		height: 250px;
	}

	@media(min-width: 992px){
		.index-map{
			position: absolute;
			top: 0;
			left: 0;
			width: 70%;
			height: 100%;
		}

		.index-fb-cont{
			margin-left: 70%;
			float: left;
			width: 30%;
		}
		.index-fb-cont{
			padding-top: 0px;
			padding-bottom: 0px;
		}

		.index-insta-cont{
			float: left;
			width: 25%;
		}
		.index-insta-cont{
			padding-top: 0px;
			padding-bottom: 0px;
		}
	}

	#home-category{
		background-color: #EBEBEB;
	}

	.box-33-sm, .box-24-sm, .box-38-sm{
		padding: 5px;
	}

	.box-content-holder{
		height: 300px;
		background-color: #D6D6D4;
		position: relative;
		z-index: 1;
		overflow:hidden;
	}

	.box-wd-sm-img{
		position: absolute;
		z-index: -1;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}

	.box-hover-item{
		position: absolute;
		bottom: -100%;
		left: 0;
		width: 100%;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
		color: #fff;
		padding: 10px;
		/*font-family: proxima-b;*/
		-webkit-transition: 0.3s ease-out;
		-moz-transition: 0.3s ease-out;
		-o-transition: 0.3s ease-out;
		transition: 0.3s ease-out;
		font-size: 14px;
	}

	.box-content-holder:hover .box-hover-item{
		-webkit-transition: 0.3s ease-out;
		-moz-transition: 0.3s ease-out;
		-o-transition: 0.3s ease-out;
		transition: 0.3s ease-out;
		bottom: 0;
	}

	.box-hover-item ul{
		float: right;
		list-style-type: none;
		padding: 0;
		margin: 0;
	}

	.box-hover-item ul li{
		display: inline-block;
		padding: 0px 3px;
	}

	.box-hover-item ul li img{
		width: 18px;
	}

	@media(min-width: 768px){
		.box-33-sm{
			width: 33.33333333333%;
			float: left;
		}

		.box-24-sm{
			width: 24%;
			float: left;
		}

		.box-38-sm{
			width: 38%;
			float: left;
		}

		.box-hover-item .div-td-sm{
			width: 40%;
			vertical-align: middle;
		}

		.case-study-box{
			float: left;
			width: 33.333333333333333%;
		}
	}

	.home-pc-content{
		line-height: 2;
	}

	.case-study-box{
		height: 350px;
		position: relative;
		padding-left: 25px;
		padding-right: 25px;
		overflow: hidden;
	}

	.case-study-item{
		height: inherit;
		position: relative;
		display: table;
		width: 100%;
	}

	.case-study-item2{
		display: table-cell;
		vertical-align: middle;
	}

	.case-study-item2>img{
		-webkit-transition: 0.2s ease-out;
		-moz-transition: 0.2s ease-out;
		-o-transition: 0.2s ease-out;
		transition: 0.2s ease-out;
		-ms-transform: scale(0.95); /* IE 9 */
		-webkit-transform: scale(0.95); /* Safari */
		transform: scale(0.95);
	}

	.case-study-bg{
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		-webkit-transition: 0.2s ease-out;
		-moz-transition: 0.2s ease-out;
		-o-transition: 0.2s ease-out;
		transition: 0.2s ease-out;
		position: absolute;
		top: 0;
		left: 0;
		height: inherit;
		width: 100%;
		-ms-transform: scale(1.05); /* IE 9 */
		-webkit-transform: scale(1.05); /* Safari */
		transform: scale(1.05);
	}

	.case-study-box:hover .case-study-bg{
		-webkit-transition: 0.2s ease-out;
		-moz-transition: 0.2s ease-out;
		-o-transition: 0.2s ease-out;
		transition: 0.2s ease-out;
		-ms-transform: scale(1); /* IE 9 */
		-webkit-transform: scale(1); /* Safari */
		transform: scale(1);
	}

	.case-study-item:hover .case-study-item2>img{
		-webkit-transition: 0.2s ease-out;
		-moz-transition: 0.2s ease-out;
		-o-transition: 0.2s ease-out;
		transition: 0.2s ease-out;
		-ms-transform: scale(1); /* IE 9 */
		-webkit-transform: scale(1); /* Safari */
		transform: scale(1);
	}

	/*login-register.php*/
	#login-page-tb{
		width: 100%;
	}

	#login-page-tb .input-type1{
		max-width: 85%;
		margin-left: auto;
		margin-right: auto;
	}

	.login-page-heading{
		text-transform: uppercase;
		font-family: proxima-b;
		letter-spacing: 1px;
		font-size: 32px;
	}

	#login-page-tb>.div-tr-md>.div-td-md{
		padding: 0 25px;
	}

	#login-page-tb>.div-tr-md>.div-td-md:first-child{
	/*background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('../images/login.jpg');*/
	position: relative;
	z-index: 1;
	/*color: #fff;*/
}

@media(min-width: 992px){
	#login-page-tb>.div-tr-md>.div-td-md:first-child:after{
		content: '';
		position: absolute;
		width: 1px;
		height: 100%;
		right: 0;
		top: 0;
		background-color: #fff;
	}
}

@media(max-width: 992px){
	#login-page-tb>.div-tr-md>.div-td-md:first-child:after{
		content: '';
		position: absolute;
		width: 100%;
		height: 1px;
		bottom: 0;
		left: 0;
		background-color: #fff;
	}
}

#login-page-tb>.div-tr-md>.div-td-md:nth-child(2){
	/*background-color: #ebebeb;*/
}

.login-page-content{
	text-align: center;
}

@media(min-width: 768px){
	.login-page-content{
		max-width: 70%;
		margin: auto;
	}
}

@media(min-width: 992px){
	#login-page-tb>.div-tr-md>.div-td-md{
		width: 50%;
	}
}

.input-type1-select{
	border-radius: 50px;
	background-color: transparent;
	overflow: hidden;
}

.input-type1-select>.input-type1{
	height: 49px;
	line-height: 3;
	text-indent: 15px;
	padding-left: 0;
	border-radius: 50px;
}

.input-type1{
	background-color: #fff;
	/*padding: 15px;*/
	color: #808080;
	font-size: 16px;
	border: none;
	border-radius: 50px;
	line-height: 1;
	/*text-indent: 15px;*/
	padding: 15px 20px;
	font-family: roboto-l;
	letter-spacing: 2px;
	color: #808080;
	/*font-family: proxima-b;*/
}

.input-type2{
	width: 260px;
	background-color: #fff;
	color: #808080;
	font-size: 14px;
	border: 1px solid #808080;
	border-radius: 50px;
	line-height: 1;
	padding: 8px 15px;
	font-family: roboto-l, FontAwesome;
}

.label-type3{
	/*width: 40%;*/
	font-size: 14px;
	font-weight: inherit;
	letter-spacing: 1px;
	text-transform: uppercase;

}

.input-type3{
	width: 100%;
	background-color: #fff;
	color: #808080;
	font-size: 14px;
	border: none;
	border-radius: 50px;
	line-height: 1;
	padding: 12px 20px;
	margin: 10px 0px;
}

.input-type4{
	width: 100%;
	background-color: #fff;
	color: #808080;
	font-size: 14px;
	border: none;
	border-radius: 10px;
	line-height: 1;
	margin: 10px 0px;
	padding: 10px 10px;
}

.input-type5{
	width: 50%;
	/*background-color: #fff;*/
	background-color: rgba(255, 255, 255, 0.9);
	color: #808080;
	font-size: 17px;
	border: 1px solid #808080;
	border-radius: 10px;
	line-height: 1;
	padding: 20px 15px;
	margin: 0px 10px 30px 10px;
	font-family: roboto-l, FontAwesome;
}

.input-type1::-webkit-placeholder{
	color: #808080;
}

.login-page-content .input-type1{
	max-width: 90%;
	width: 100%;
	margin-bottom: 25px;
}

#signup-bg{
	background-color: rgba(0,0,0,0.5);
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.default-submit{
	margin: auto;
	background-color: transparent;
	border-radius: 20px;
	text-transform: uppercase;
	text-align: center;
	max-width: 150px;
	padding: 10px 35px;
	width: 100%;
	border: 1px solid #fff;
	font-family: roboto-l;
	font-size: 16px;
	color: #fff;
	line-height: 1;
	letter-spacing: 2px;
	-webkit-transition: 0.5s ease-out;
	-moz-transition: 0.5s ease-out;
	-o-transition: 0.5s ease-out;
	transition: 0.5s ease-out;
}

.default-submit:hover{
	color: #333;
	background-color: #fff;
	-webkit-transition: 0.5s ease-out;
	-moz-transition: 0.5s ease-out;
	-o-transition: 0.5s ease-out;
	transition: 0.5s ease-out;
}

.login-or{
	position: relative;
	z-index: 1;
	max-width: 90%;
	margin: auto;
}

.login-or>span{
	background-color: #ebebeb;
	padding: 0px 5px;
	font-family: proxima-b;
	font-size: 18px;
}

.login-or:after{
	content: '';
	height: 1px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	background-color: black;
	z-index: -1;
}

.login-social{
	width: 90%;
	margin: auto;
}

.login-social .div-td-sm:first-child{
	padding-right: 25px;
}

.login-social .div-td-sm{
	padding-top: 10px;
	padding-bottom: 10px;
}

.login-social-link{
	list-style-type: none;
	padding-left: 0;
	margin: 0;
	text-align: center;
}

.login-social-link li{
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 5px;
	overflow: hidden;
	text-align: center;
}

.login-social-link img{
	max-width: 60px;
}

.login-social .div-td-sm:first-child{
	font-size: 16px;
}

@media(min-width: 768px){
	.mr-md-3{
		margin-right: 2.5rem;
	}
	.login-social .div-td-sm:first-child{
		/*width: 0%;*/
		text-align: left;
	}

	/*.login-social-link{
		text-align: center;
		}*/

		.login-social-link li{
			margin-left: 20px;
		}
	}

	.social-login-button{
		position: absolute;
		width: 100%;
		height: auto;
		top: 12px;
		left: 0;
		z-index: 1;
		/*visibility: hidden;*/
		opacity: 0;
	}

	/*brand.php*/
	#brand-banner{
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	@media(min-width: 768px){
		#brand-banner{
			padding-top: 50px;
			padding-bottom: 50px;
		}

		#brand-banner .banner-content{
			width: 80%;
		}
	}

	@media(min-width: 992px){
		#brand-banner{
			padding-top: 100px;
			padding-bottom: 100px;
		}
	}

	@media(max-width: 768px){
		#brand-banner{
			padding-top: 30px;
			padding-bottom: 30px;
		}
	}

	.brand-banner-ul{
		list-style-type: none;
		padding-left: 0;
		margin: 0;
		font-size: 18px;
	}

	.brand-banner-ul li{
		padding: 15px;
		font-family: proxima-b;
	}

	.brand-banner-ul li img{
		max-height: 40px;
	}

	#brand-banner .banner-td{
		padding-bottom: 0px;
	}

	@media(min-width: 768px){
		.brand-banner-ul li:not(:last-child){
			border-right: 1px solid black
		}

		.brand-banner-ul li{
			float: left;
			width: 33.3333333333%;
		}

		.brand-banner-ul{
			max-width: 800px;
			margin: auto;
		}

		.brand-banner-ul:after{
			content: '';
			clear: both;
			display: table;
		}
	}

	@media(max-width: 768px){
		.brand-banner-ul li:not(:last-child){
			border-bottom: 1px solid black
		}
	}

	.ebebeb{
		background-color: #EBEBEB;
	}

	.brand-ul{
		list-style-type: none;
		padding-left: 0;
		margin: 0;
		font-size: 18px;
		/*letter-spacing: 1px;*/
	}

	.brand-ul li{
		padding: 15px;
		font-family: proxima-b;
	}

	.brand-ul li img{
		max-height: 40px;
		opacity: 0.8;
	}

	@media(min-width: 768px){
		.brand-ul li{
			float: left;
			width: 33.3333333333%;
		}

		.brand-ul{
			max-width: 800px;
			margin: auto;
		}

		.brand-ul:after{
			content: '';
			clear: both;
			display: table;
		}
	}

	.campaign-name{
		font-family: proxima-b;
		font-size: 20px;
	}

	@media(max-width: 768px){
		.campaign-name{
			margin-bottom: 15px;
		}
	}

	.home-post-photo{
		height: 300px;
		background-position: center;
		background-size: cover;
		background-repeat: none;
	}

	.latest-post-name{
		font-size: 18px;
		letter-spacing: 3px;
		font-family: roboto-l;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		margin-bottom: 5px;
		text-transform: uppercase;
	}

	.latest-post-padding{
		padding-left: 15px;
		padding-right: 15px;
	}

	.latest-post-summary{
		font-size: 16px;
		line-height: 1.5em;
		letter-spacing: 2px;
		font-family: roboto-l;
		margin-top: 15px;
		position: relative;
		padding-bottom: 50px;
	}

	.latest-post-summary:after{
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		height: 2px;
		background-color: rgba(0,0,0,0.8);
		width: 100%;
		max-width: 100px;
	}

	.blue-carousel .active{
		background-color: #4C4C4C;
	}

	.blue-carousel li,.blue-carousel .active{
		margin: 1px;
	}

	.latest-post-date{
		font-size: 12px;
		font-family: roboto-l;
		letter-spacing: 2px;
		text-transform: uppercase;
	}

	.latest-post-type{
		font-size: 12px;
		letter-spacing: 2px;
		text-transform: uppercase;
	}

	@media(min-width: 768px){
		.blue-carousel{
			top: -50px;
			right: 0;
			bottom: initial;
			left: initial;
		}

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

	}

	.our-artist-tab-cont{
		padding-top: 15px;
		padding-bottom: 15px;
		border-top: 1px solid #7A7A7A;
		border-bottom: 1px solid #7A7A7A;
		max-width: 800px;
		margin: auto;
	}

	.our-artist-tab{
		list-style-type: none;
		padding-left: 0;
		margin: 0 auto;
		text-align: center;
	}

	.our-artist-tab:after{
		content: '';
		clear: both;
		display: table;
	}

	.our-artist-tab li{
		padding: 8px 15px;
		text-transform: uppercase;
		line-height: 1;
	}

	.our-artist-tab .active{
		color: #209FBC;
	}

	.our-artist-tab li>button{
		border:none;
		background-color: transparent;
		text-transform: uppercase;
	}

	.our-artist-tab li>button:focus{
		outline: none;
	}

	.our-artist-work{
		font-size: 18px;
		font-family: roboto-l;
		text-transform: uppercase;
		margin-top: 15px;
	}

	.home-feature-artist-info{
		font-size: 14px;
		font-family: roboto-l;
		max-width: 80%;
		margin: auto;
	}

	@media(min-width: 992px){
		.our-artist-tab li{
		/*width: 25%;
		float: left;*/
		display: inline-block;
	}

	.our-artist-tab li:not(:last-child){
		/*border-right: 1px solid #7A7A7A;*/
	}
}

@media(max-width: 992px){
	.our-artist-tab li{
		/*width: 50%;
		float: left;*/
		display: inline-block;
		padding: 5px;
	}
}

.latest-post-more{
	padding: 5px 25px;
	border: 1px solid black;
	opacity: 0.6;
	font-family: proxima-b;
	display: inline-block;
	text-transform: uppercase;
}

.whyus-content{
	font-size: 16px;
	font-family: roboto-l;
	letter-spacing: 1px;
}

.why-us-title{
	font-size: 16px;
	font-family: roboto-r;
	color: #69C9D8;
	text-transform: uppercase;
	letter-spacing: 3px;
}

.why-us-title2{
	font-size: 16px;
	font-family: roboto-r;
	color: #D84EA5;
	text-transform: uppercase;
	letter-spacing: 3px;
}

.wd90{
	width: 90%;
	margin: auto;
}

.whyus-tb{
	width: 100%;
}

.whyus-tb .div-td-sm:first-child{
	padding-left: 25px;
	padding-right: 25px;
}

.whyus-tb2{
	width: 90%;
	margin: auto;
}

.whyus-tb2 .div-td-sm{
	padding: 15px;
}


@media(min-width: 768px){
	.whyus-tb .div-td-sm{
		width: 50%;
		vertical-align: middle;
	}

	.whyus-tb .div-td-sm:first-child{
		padding-left: 50px;
		padding-right: 50px;
	}

	.whyus-tb2 .div-td-sm{
		vertical-align: middle;
	}

	.whyus-tb2 .div-td-sm:first-child{
		width: 40%;
		vertical-align: top;
	}

	.whyus-tb2 .div-td-sm:nth-child(2){
		padding-left: 50px;
		padding-right: 50px;
	}
}

.whyus-lightblue{
	background-color: #BDFFEC;
}

.whyus-blue-title{
	max-width: 80%;
	margin: auto;
	font-family: roboto-r;
}

.not-for-pros{
	color: #D84EA5;
	font-size: 20px;
	letter-spacing: 2px;
}

.F4EFFF{
	background-color: #F4EFFF;
}

.brand-video{
	border: 30px solid #E1E2E3;
	border-radius: 10px;
	position: relative;
}

.brand-video>video{
	width: 100%;
	height: auto;
	min-height: 300px;
}

.brand-video-btn{
	position: absolute;
	height: 100%;
	width: 28px;
	right: -28px;
	top: 0;
}

.brand-video-btn>div{
	display: table;
	height: inherit;
	width: 100%;
}

.brand-video-btn>div>div{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.brand-video-btn>div>div>span{
	display: block;
	height: 60px;
	width: 15px;
	background-color: #B6B6B7;
	border-radius: 15px;
	margin: auto;
}

/*create.php*/
.create-form{
	max-width: 800px;
	margin: auto;
}

.create-form .input-type1{
	width: 100%;
	margin-bottom: 25px;
}

.aqua-blue-bg{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('../images/aqua-blue-bg.jpg');
	position: relative;
	z-index: 1;
	color: #fff;
}

.aqua-blue-bg-opa{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#219fb6+1,11afa5+100 */
	background: rgb(33,159,182); /* Old browsers */
	background: -moz-linear-gradient(45deg, rgba(33,159,182,1) 1%, rgba(17,175,165,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, rgba(33,159,182,1) 1%,rgba(17,175,165,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, rgba(33,159,182,1) 1%,rgba(17,175,165,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#219fb6', endColorstr='#11afa5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	opacity: 0.9;
	z-index: -1;
}

.whenis_item{
	position: relative;
}

@media(min-width: 768px){
	.whenis_itemtxt{
		position: absolute;
		top: 0;
		width: 41.66666667%;
		height: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}

	.whenis_r{
		left: 58.33333333%;
	}

	.whenis_itemtxtcont{
		position: relative;
		top: 0;
		left: 0;
		display: table;
		height: inherit;
		width: 100%;
	}

	.whenis_itemtxtcont>div{
		display: table-cell;
		vertical-align: middle;
	}

	.whenis_l{
		text-align: right;
	}
}

@media(max-width: 768px){
	.whenis_itemtxtcont>div{
		padding: 30px 15px;
	}
}

.whenis-title{
	font-size: 16px;
	font-family: roboto-r;
	text-transform: uppercase;
	letter-spacing: 3px;
}

.whenis-title2{
	font-size: 24px;
	font-family: roboto-r;
	text-transform: uppercase;
	letter-spacing: 5px;
}

.howdoesitwork-seciton {
	background-color: #EFEFEF;
}

.testimonial-section{
	background-color: #ECE7FF;
}

.artist-testimonial{
	font-family: roboto-l;
	font-size: 18px;
}

.artist-provide-testimonial{
	font-size: 14px;
	position: relative;
	letter-spacing: 2px;
}

.artist-provide-testimonial:before{
	content: '';
	position: absolute;
	height: 1px;
	width: 100%;
	max-width: 250px;
	top: 0;
	left: 0;
	background-color: black;
}

.artist-name-testimonial{
	font-family: roboto-b;
}

/*page.php*/
.top-bot-row{
	border-top: 1px solid #7A7A7A;
	border-bottom: 1px solid #7A7A7A;
}

.top-bot-row .div-td-sm{
	padding: 15px 25px;
}

.page-date{
	color: #7C7C7C;
	font-size: 14px;
	text-transform: uppercase;
	padding-left: 30px;
	letter-spacing: 1px;
}

.page-top-title{
	font-size: 16px;
	text-transform: uppercase;
	padding-left: 15px;
	letter-spacing: 2px;
	font-family: futura-m;
}

.page-share-btn .default-btn3{
	padding-left: 15px;
	display: table;
	background-image: url('../images/126483.svg');
	background-position: 7px 3px;
    background-size: 16px;
	background-repeat: no-repeat;
	margin-right: 0;
}

.page-share-btn .default-btn3a{
	padding-left: 15px;
	display: table;
	background-image: url('../images/63260.svg');
	background-position: 10px 5px;
    background-size: 16px;
	background-repeat: no-repeat;
	margin-right: 0;
}
.page-share-btn .default-btn3b{
	padding-left: 15px;
	display: table;
	background-image: url('../images/share.png');
	background-position: 10px 7px;
	background-repeat: no-repeat;
	margin-right: 0;
}

.page-share-btn .default-btn3 a{
	display: table-cell;
	vertical-align: middle;
	padding: 0px 15px;
	height: 30px;
}

.page-share-btn .default-btn3a a{
	display: table-cell;
	vertical-align: middle;
	padding: 0px 15px;
	height: 30px;
}
.page-share-btn .default-btn3b a{
	display: table-cell;
	vertical-align: middle;
	padding: 0px 15px;
	height: 30px;
}

@media(max-width: : 768px){
	.page-share-btn .default-btn3{
		margin-left: 0;
	}
	.page-share-btn .default-btn3a{
		margin-left: 0;
	}
	.page-share-btn .default-btn3b{
		margin-left: 0;
	}
}

@media(max-width: 768px){
	.page-top-img, .page-date, .page-top-title{
		display: block;
		padding-left: 0;
	}

	.page-top-title, .page-date{
		padding-top: 8px;
	}
}

.page-title{
	text-transform: uppercase;
	letter-spacing: 2px;
}

.page-padding{
	padding: 0px 25px;
}

.page-styling{
	font-family: futura-m;
}

.post-video{
	width: 100%;
	height: auto;
}

.share-any-cont{
	position: absolute;
	top: 102%;
	right: 0;
	display: none;
	background-color: #fff;
}

/*footer*/
footer{
	background-color: #2A2F34;
	padding-top: 50px;
	padding-bottom: 50px;
	color: #fff;
	letter-spacing: 1px;
	font-size: 12px;
	font-family: roboto-l;
}

@media(min-width: 768px){
	.pl-md-80 {
		padding-left: 80px;
	}

	.footer-section{
		float: left;
		padding: 25px;
	}

	.footer-30{
		width: 50%;
	}

	.footer-20{
		width: 50%;
	}

	.footer-15{
		width: 50%;
	}

}

@media(min-width: 992px){
	.footer-section{
		float: none;
		display: table-cell;
		vertical-align: top;
		padding-top: 0;
		padding-bottom: 0;
	}

	.footer-30{
		width: 30%;
	}

	.footer-20{
		width: 20%;
	}

	.footer-40{
		width: 40%;
	}

	.footer-15{
		width: 15%;
	}

	.footer-section:first-child{
		padding-left: 0;
	}

	.footer-section:last-child{
		padding-right: 0;
	}

	.footer-section:not(:last-child){
		border-right: 1px solid #fff;
	}
}

@media(max-width: 768px){
	.footer-section{
		padding-bottom: 25px;
	}
}

.footer-link{
	font-family: roboto-r;
	list-style-type: none;
	margin: 0;
	padding-left: 0;
	text-transform: uppercase;
}

.footer-link li a{
	padding-bottom: 15px;
	display: block;
}

.footer-address td{
	padding-top: 8px;
	padding-bottom: 8px;
	vertical-align: top;
	color: #fff;
}

.footer-address td:first-child{
	width: 25px;
}

.footer-address td:not(:first-child){
	padding-left: 8px;
}

.footer-heading{
	font-family: roboto-r;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.footer-container{
	max-width: 90%;
	margin: auto;
}

.footer-subscribe td{
	vertical-align: middle;
}

.footer-subscribe td input{
	height: 40px;
	width: 100%;
	color: #727272;
	font-family: proxima-b;
	border: none;
	padding-left: 10px;
}

.footer-subscribe td textarea{
	width: 100%;
	color: #727272;
	font-family: proxima-b;
	border: none;
	padding-left: 10px;
}

/*.footer-subscribe td:last-child{
	background-color: #69C9D8;
	width: 40px;
	height: 40px;
	text-align: center;
}

.footer-subscribe td:last-child img{
	max-width: 60%;
	}*/

	.footer-bottom{
		padding-top: 5px;
		border-top: 1px solid #fff;
		font-size: 12px;
		font-family: roboto-r;
		letter-spacing: 5px;
		text-transform: uppercase;
	}

	.footer-social{
		display: inline-block;
		list-style-type: none;
		padding: 0;
		margin: 0;
	}

	.footer-social:after{
		content: :'';
		display: table;
		clear: both;
	}

	.footer-social li{
		float: left;
		padding-left: 8px;
	}

	@media(min-width: 768px){
		.footer-social{
			float: right;
		}
	}

	@media(max-width: 768px){
		.footer-social{
			display: block;
			margin-top: 10px;
		}

		.footer-social li{
			padding-right: 8px;
			padding-left: 0;
		}
	}

	/*contact.php*/
	.contact-arc-tb .div-td-md{
		vertical-align: middle;
	}

	.contact-arc-tb .div-td-md:first-child{
		padding: 0px 25px;
	}

	.contact-arc-tb .div-td-md:nth-child(2){
		padding: 0px 25px;
		font-family: roboto-l;
		letter-spacing: 1px;
	}


	@media(min-width: 992px){
		.contact-arc-tb .div-td-md:first-child{
			width: 40%;
		}

		.contact-arc-tb .div-td-md:nth-child(2){
			width: 60%;
		}
	}

	.contact-bg{
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		background-image: url('../images/contact-bg.jpg');
		position: relative;
		z-index: 1;
		color: #fff;
		font-family: roboto-l;
		font-size: 18px;
		letter-spacing: 2px;
		padding: 0px 25px;
	}

	.contact-heading{
		letter-spacing: 8px;
		font-size: 20px;
		text-transform: uppercase;
		line-height: 2;
		font-family: roboto-r;
	}

	.contact-tb{
		font-size: 16px;
		width: 100%;
	}

	.contact-tb td:first-child{
		/*padding-right: 25px;*/
		width: 100px;
		padding-top: 8px;
	}

	.contact-tb td:nth-child(2){
		padding-left: 25px;
	}

	.contact-tb td{
		vertical-align: top;
	}

	#contact .input-type1{
		/*max-width: 90%;*/
		width: 100%;
		margin-bottom: 25px;
	}

	@media(max-width: 768px){
		.contact-tb{
			font-size: 14px;
		}
	}

	/*faq.php*/
	.faq-list{
		list-style-type: none;
		padding-left: 0;
		margin: 0;
	}

	.faq-list li{
		font-family: roboto-l;
		padding-bottom: 25px;
		padding-top: 25px;
	}

	.faq-list li:not(:last-child){
		border-bottom: 1px solid black;
	}

	.faq-list-title{
		position: relative;
		font-size: 18px;
		line-height: 1;
	}

	.faq-list-title:hover{
		cursor: pointer;
	}

	.faq-list-title:after{
		content: '';
		position: absolute;
		width: 24px;
		height: 16px;
		background-image: url('../images/faq-down.jpg');
		background-size: 100% auto;
		top: 0;
		right: 0;
	}

	.open .faq-list-title:after{
		background-image: url('../images/faq-up.jpg');
	}

	.open .faq-list-title{
		color: #20AC93;
	}

	.my-collapse{
		display: none;
	}

	/*search.php*/
	.search-banner-txt{
		font-size: 14px;
		letter-spacing: 2px;
		text-transform: uppercase;
	}


	@media(min-width: 768px){
		.search-banner-width{
			width: 80%;
			margin: auto;
		}
	}

	@media(max-width: 768px){
		.search-banner-txt{
			margin-bottom: 15px;
		}
	}

	.search-box{
		padding: 50px 25px;
	}

	.search-box-search{
		position: relative;
		border: none;
		font-size: 12px;
		padding: 8px 15px;
		width: 100%;
	}

	.post-search{
		cursor: pointer;
	}

	.search-box-bg{
		background-color: #fff;
		width: 100%;
	}

	.search-box-searchbtn{
		width: 40px;
		padding: 8px;
	}

	.category-heading{
		border-top: 1px solid #7A7A7A;
		border-bottom: 1px solid #7A7A7A;
		padding-top: 5px;
		padding-bottom: 5px;
		margin-bottom: 10px;
		letter-spacing: 2px;
		text-transform: uppercase;
		font-size: 14px;
	}

	.category-ul{
		list-style-type: none;
		text-align: center;
		padding-left: 0;
		margin-bottom: 0;
		font-family: roboto-l;
		line-height: 1.5;
		/*margin-bottom: 15px;*/
	}

	/*artist profile*/
	.profile-pic{
		/*max-width: 100px;*/
		/*max-height: 100px;*/
		width: 130px;
		height: 130px;
		border-radius: 50%;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		margin: auto;
	}

	.profile-pic:hover{
		cursor: pointer;
	}

	.profile-pic a{
		display: block;
		width: 130px;
		height: 130px;
	}

	.grayimg{
		-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
		filter: grayscale(100%);
	}

	#profile-pic{
		display: none;
	}

	.artist-profile-name{
		text-transform: uppercase;
		letter-spacing: 2px;
	}

	.artist-profile-info{
		line-height: 1.2;
	}

	.referral-input{
		padding: 5px 3px;
		font-size: 10px;
		color: black;
		font-family: roboto-l;
		letter-spacing: 2px;
		width: 100%;
	}

	.referral-input::-webkit-placeholder{
		color: black;
	}

	.default-submit2{
		margin: auto;
		background-color: #63BCCB;
		border-radius: 20px;
		text-transform: uppercase;
		text-align: center;
		max-width: 100px;
		padding: 10px;
		width: 100%;
		border: none;
		font-family: roboto-l;
		font-size: 14px;
		color: #fff;
		line-height: 1;
		letter-spacing: 2px;
	}

	.default-submit3{
		margin: auto;
		background-color: #63BCCB;
		border-radius: 20px;
		text-transform: uppercase;
		text-align: center;
		max-width: 150px;
		padding: 8px 10px;
		width: 100%;
		border: none;
		font-family: futura-m;
		font-size: 12px;
		color: white;
		line-height: 1;
		letter-spacing: 2px;
	}

	.i-may-like-box{
		height: 100px;
		background-color: #ABABAB;
		margin-bottom: 10px;
		margin-left: -10px;
		margin-right: -10px;
		overflow: hidden;
		border: 1px solid #fff;
	}

	.followers-heading{
		text-transform: uppercase;
		letter-spacing: 2px;
		line-height: 1;
		font-size: 18px;
	}

	.number-of-followers{
		color: #20A2B8;
		font-size: 36px;
		line-height: 1;
	}

	.artist-rating{
		list-style-type: none;
		padding-left: 0;
		margin: 0;
	}

	.artist-rating li{
		display: inline-block;
		padding-right: 5px;
	}

	.artist-profile-option-bar{
		list-style-type: none;
		padding-left: 0;
		margin: 0;
	}

	.artist-profile-option-bar li{
		display: inline-block;
		padding-right: 15px;
		text-transform: uppercase;
		letter-spacing: 2px;
		cursor: pointer;
		color: #707070;
	}

	.artist-profile-option-bar .active{
		color: black;
	}

	.artist-profile-option-bar li:not(:last-child){
		border-right: 1px solid #8D8D8D;
	}

	.artist-profile-option-bar li:not(:first-child){
		padding-left: 15px;
	}

	.nomargin{
		margin: 0;
	}

	@media(min-width: 768px){
		.artist-message-follow{
			text-align: right;
		}

		.artist-followers{
			text-align: center;
		}
	}

	.artist-featured-content{
		height: 500px;
		background-color: #E6E6E6;
	}

	.featured-artist-content-pad{
		padding-left: 15px;
		padding-right: 15px;
	}

	.featured-artist-name{
		color: #69BFCE;
		font-size: 14px;
		font-family: roboto-l;
		text-transform: uppercase;
		letter-spacing: 2px;
	}

	.featured-artist-project{
		letter-spacing: 5px;
		font-size: 24px;
		text-transform: uppercase;
		line-height: 1.2;
	}

	.by-featured-artist{
		color: #5B5B5B;
		font-family: futura-m;
		text-transform: uppercase;
		font-size: 10px;
		line-height: 1.2;
		letter-spacing: 2px;
	}

	.featured-artist-summary{
		max-width: 600px;
		line-height: 1.2;
		font-family: roboto-l;
		/*letter-spacing: 1px;*/
	}

	.upload-edit-btn{
		display: inline-block;
		padding-left: 0;
		margin: 0;
		list-style-type: none;
	}

	.upload-edit-btn li{
		display: inline-block;
		padding-left: 10px;
		padding-top: 30px;
	}

	.upload-btn-tb{
		display: table;
	}

	.upload-btn-td{
		display: table-cell;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		background-color: #6AC4D3;
		vertical-align: middle;
		cursor: pointer;
	}

	.upload-section-container{
		width: 100%;
		max-width: 1000px;
		padding: 10px 25px;
		background-color: #F3F3F3;
		margin: auto;
		font-size: 14px;
		display: none;
	}

	hr{
		border-top: 1px solid #8D8D8D;
	}

	.upload-section-choice-opt{
		display: table;
		width: 100%;
	}

	.upload-section-choice-opt>div{
		display: table-cell;
		height: 125px;
		vertical-align: middle;
		text-align: center;
		text-transform:uppercase;
		letter-spacing: 2px;
		background-color: #FFFFFF;
		padding: 15px;
		border: dashed;
    	border-color: #6AC4D3;
	}

	.image_preview{
		display: table-cell;
		height: 125px;
		vertical-align: middle;
		text-align: center;
		text-transform:uppercase;
		letter-spacing: 2px;
    	border-color: #6AC4D3;
	}

	.upload-section-choice-opt:hover{
		cursor: pointer;
	}

	.upload-section-choice-opt.active>div{
		background-color: #FFFFFF;
	}

	.upload-section-choice{
		display: inline-block;
		padding-left: 0;
		margin: 0;
		list-style-type: none;
		width: 100%;
		line-height: 1;
	}

	.upload-section-choice:after{
		content: '';
		clear: both;
		display: table;
	}

	.upload-section-choice li{
		display: inline-block;
		width: 100%;
		max-width: 200px;
		padding: 5px;
	}

	.upload-section-choice .nomaxwidth{
		max-width: initial;
	}

	.upload-textarea{
		width: 100%;
		padding: 8px;
		letter-spacing: 2px;
		margin-top: 8px;
	}

	.upload-txt-indicator{
		display: none;
	}

	.upload-txt-indicator>span{
		color: #69C4D3;
	}

	.file-remove, .file-remove:hover,.file-remove:visited,.file-remove:focus{
		color: red;
		position: absolute;
	}

	#make-album{
		display: none;
	}

	.changepic_label{
		background-color: rgba(0,0,0,0.8);
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		color: #fff;
		z-index: 1;
		opacity: 0;
		-webkit-transition: 0.5s ease-out;
		-moz-transition: 0.5s ease-out;
		-o-transition: 0.5s ease-out;
		transition: 0.5s ease-out;
	}

	.changepic_label_hover:hover .changepic_label{
		opacity: 1;
		-webkit-transition: 0.5s ease-out;
		-moz-transition: 0.5s ease-out;
		-o-transition: 0.5s ease-out;
		transition: 0.5s ease-out;
		cursor: pointer;
	}

	.changepic_label table{
		width: 100%;
		height: inherit;
	}

	.changepic_label td{
		vertical-align: middle;
		line-height: 1.2;
		letter-spacing: 2px;
	}

	/*myprofile.php*/
	.profile-content{
		color: #fff;
	}

	.wd100{
		width: 100%;
	}

	.myprofile-form{
		width: 100%;
	}

	.affli-icon {
		font-size: 70px;
		background-color: #fff;
		border: 1px solid #fff;
		border-radius: 100%;
		width: 80px;
		height: 80px;
		align-items: center;
		display: inline-flex;
		justify-content: center;
	}

	.trans {
		/*color: transparent;*/
	}
	.bor-bot {
		width: 200px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		color: transparent;
		border-bottom: 2px solid white;
	}
	.pr_chx {
		/*float: right;*/
		/*width: 60%;*/
	}
	.create-form div.row {
		display: flex;
		align-items: center;
	}

	.ourstand-heading{
		text-transform: uppercase;
		letter-spacing: 3px;
		line-height: 1;
		font-size: 18px;
	}

	.ourstand-icon-text{
		text-transform: uppercase;
		letter-spacing: 3px;
		line-height: 3;
		font-size: 16px;
		font-weight: 600;
	}
	.overlay {
		background: rgba(0, 0, 0, 0.25);
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 10;
		pointer-events: none;
	}

	.carousel-caption {
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		justify-content: center;
		place-content: center;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 11;
		padding-top: 20px;
		padding-bottom: 20px;
		color: #fff;
		text-align: center;
		/*background: rgba(0,0,0,0.4);*/
	}

	.carousel-caption>* {
		flex: 1 100%;
	}

	.home-text {
		font-size: 80px;
		letter-spacing: 5px;
	}

	.whyus-blue-title h4 strong {
		font-weight: 900;
	}

	.animation-box-overflow .animation-box:first-child {
		background: url("../images/category_handcraft.png") no-repeat;
	}

	.animation-box-overflow .animation-box:hover:first-child::before {
		background: #fff url("../images/category_handcraft-b.png") no-repeat 50% 30% !important;
	}

	.animation-box-overflow .animation-box:nth-child(2) {
		background: url("../images/category_illustration.png") no-repeat;
	}

	.animation-box-overflow .animation-box:hover:nth-child(2)::before {
		background: #fff url("../images/category_illustration-b.png") no-repeat 50% 30% !important;
	}

	.animation-box-overflow .animation-box:nth-child(3) {
		background: url("../images/category_homemade_food.png") no-repeat;
	}

	.animation-box-overflow .animation-box:hover:nth-child(3)::before {
		background: #fff url("../images/category_homemade_food-b.png") no-repeat 50% 30% !important;
	}
	/*.animation-box-overflow .animation-box:nth-child(3) {
		background: url("../images/category_wc_caligraphy.png") no-repeat;
	}

	.animation-box-overflow .animation-box:hover:nth-child(3)::before {
		background: #fff url("../images/category_wc_caligraphy-b.png") no-repeat 50% 30% !important;
		}*/

		.animation-box-overflow .animation-box:nth-child(4) {
			background: url("../images/category_performingArt.png") no-repeat;
		}

		.animation-box-overflow .animation-box:hover:nth-child(4)::before {
			background: #fff url("../images/category_performingArt-b.png") no-repeat 50% 30% !important;
		}

		.animation-box-overflow .animation-box:nth-child(5) {
			background: url("../images/category_music.png") no-repeat;
		}

		.animation-box-overflow .animation-box:hover:nth-child(5)::before {
			background: #fff url("../images/category_music-b.png") no-repeat 50% 30% !important;
		}

		.animation-box-overflow .animation-box:nth-child(6) {
			background: url("../images/category_everything.png") no-repeat;
		}

		.animation-box-overflow .animation-box:hover:nth-child(6)::before {
			background: #fff url("../images/category_everything-b.png") no-repeat 50% 30% !important;
		}

		#button-price .default-btn a{
			padding: 10px 20px;
		}

		#best-value {
			text-align: center;
			color: #fff;
			background-color: #005F75;
			border: 2px solid #005F75;
		}

		.pricing-table td:nth-child(3), .pricing-table td:nth-child(4) {
			border-left: 2px solid #005F75;
		}

		.pricing-table {
			padding: 0px;
			margin:0px;
			margin-top: 10px;
		}
		.pricing-table td{
			padding: 0px;
			border-left: 3px solid transparent;
		}
		.pricing-table .pricing-table-list td{
			background-clip: padding-box !important;
			padding: 10px 18px;
			font-weight: 500;
			text-align: center;
			font-size: 12px;
			background:#F9F9F9;
		}
		.pricing-table .pricing-table-list td:first-child{
			font-weight: 600;
			text-align: left;
			border-left: 0px;
			font-size: 12px;
			color: #333;
		}
		.pricing-table .pricing-table-list:not(:last-child) td, .pricing-table .pricing-table-list:nth-child(2n) td{
			background:#F2F2F2;
		}
		.pricing-table .pricing-table-list:nth-child(2n+1) td{
			background: #fff;
		}
		.pricing-table .pricing-table-list:last-child td:first-child{
			background: transparent;
		}
		.pricing-table .pricing-table-text p{
			font-size: 12px;
			font-weight: 400;
			text-align: center;
			color: #F9F9F9;
			margin-top: 10px;
		}
		.pricing-table .pricing-table-item{
			color:#F2F2F2;
		}
		.pricing-table .pricing-table-item
		.pricing-table-item-head{
			padding: 10px 5px;
			text-align: center;
			background:#F2F2F2;
		}
		.pricing-table .pricing-table-item
		.pricing-table-item-head p{
			font-size: 17px;
			font-weight: 600;
			line-height: 21px;
			margin-bottom: 0px;
			color: #000;
		}
		.pricing-table .pricing-table-item
		.pricing-table-item-head span{
			font-size: 11px;
			font-weight: 400;
		}
		.pricing-table .pricing-table-item
		.pricing-table-item-price{
			display: flex;
			justify-content: center;
			align-items: center;
			background:#FFF;
			color:#69C9D8;
			min-height: 140px;
		}
		.pricing-table .pricing-table-item
		.pricing-table-item-price p {
			text-align: center;
			font-size: 41px;
			font-weight:1000;
			line-height:36px;
			margin-bottom: 0px;
		}

		.pricing-table .pricing-table-item
		.pricing-table-item-price p sup {
			font-size: large;
			vertical-align:top;
		}

		.pricing-table .pricing-table-item
		.pricing-table-item-price p sub {
			font-size: medium;
		}

		.pricing-table .pricing-table-item
		.pricing-table-item-price p span {
			color: #347F91;
			font-size: 16px;
			font-weight: bolder;
		}

		.pricing-table .pricing-table-item
		.pricing-table-item-price p span span {
			font-size: x-small;
			vertical-align: unset;
		}

		.pricing-table .pricing-table-item
		.pricing-table-item-price > span{
			font-size: 12px;
			font-weight: 400;
			color:#008B8B;
		}
		sup {
			top:0.5em;
		}

		@media(max-width: 767px) {
			#home-banner {
				height: auto;
			}
			.home-text {
				font-size: 3rem !important;
			}
			.input-type5 {
				padding: 10px 15px !important;
				margin-bottom: 20px !important;
			}
			ol.carousel-indicators {
				margin-bottom: -5px !important;
			}
		}

		.black {
			color: #000;
		}

		.red {
			color: #ff0000;
		}

		#aff_code, #link {
			/*width: 75%;*/
			/*opacity: 0.5;*/
		}

		@media(max-width: 767px) {
			.d-sm-none {
				display: none;
			}
		}

		/* new member register page */


		/*	2018-10-25 update	*/
		.default-btn6{
			background-color: transparent;
			color: rgb(32,166,188);
			margin: auto;
			border-radius: 20px;
			border: 1px solid #69C9D8;
			text-transform: uppercase;
			text-align: center;
			font-family: roboto-r;
			display: inline-block;
			-webkit-transition-duration:0.5s;
			-moz-transition-duration:0.5s;
			-webkit-transition-duration:0.5s;
			-o-transition-duration:0.5s;
			transition-duration:0.5s;
		}

		.default-btn6:hover{
			color: #fff;
			background-color: rgb(32,166,188);
			-webkit-transition-duration:0.5s;
			-moz-transition-duration:0.5s;
			-webkit-transition-duration:0.5s;
			-o-transition-duration:0.5s;
			transition-duration:0.5s;
		}

		.brand-btn {
			background-color: #69C9D8;
			color: #fff;
			text-shadow: none;
			border: 0px;
		}

		.artist-btn {
			background-color: #DC4EA9;
			color: #fff;
			text-shadow: none;
			border: 0px;
		}

		.brand-btn:hover {
			color: #69C9D8;
			background-color: #fff;
		}

		.artist-btn:hover {
			color: #DC4EA9;
			background-color: #fff;
			font-weight: 900;
		}

		.latest-post-summary {
			letter-spacing: 0px;
		}

		footer, .footer-subscribe td input, .footer-subscribe td textarea, .latest-post-name {
			font-family: roboto-r;
		}

		textarea.input-type1 {
			letter-spacing: 1px;
		}

/*		.index-map {
			width: 65%;
		}

		.index-fb-cont {
			margin-left: 0;
			float: right;
			width: 35%;
			}*/

			@media(max-width: 425px) {
				.index-map {
					width: 100%;
				}

				.index-fb-cont {
					padding-top: 0;
					padding-bottom: 0;
					width: 85%;
					float: none;
					margin: 0 auto;
				}
			}

			.homepc1 {
				position:relative;
				padding-top: 20px;
				padding-bottom: 60%;
				height: 0;
			}

			.homepc1 iframe {
				box-sizing: border-box;
				background: url(../images/home-pc1.png) center center no-repeat;
				background-size: contain;
				padding: 3% 11.8% 19.6% 11.8%;
				position: absolute;
				top: 0;
				left: 0;
				width:50%;
				height: 50%;
			}

			.homepc2 {
				position:relative;
				padding-top: 20px;
				padding-bottom: 60%;
				height: 0;
			}

			.homepc2 iframe {
				box-sizing: border-box;
				background: url(../images/home-pc2.png) center center no-repeat;
				background-size: contain;
				padding: 3% 11.8% 19.6% 11.8%;
				position: absolute;
				top: 0;
				left: 0;
				width:50%;
				height: 50%;
			}

			h4 {
				font-family: inherit;
				font-weight: bold;
				color: inherit;
			}

			@media (max-width: 425px) {
				.text-sm-left {
					text-align: left !important;
				}

				.row .home-slider3 {
					display: initial !important;
					/*align-items: flex-end;*/
				}
				.row .hiw2, .row .hiw3 {
					display: initial !important;
				}
				.hidebrand {
					display: none !important;
				}
				.showbrand {
					display: block !important;
				}
				.blue-gradient{
					/*background: url("../images/GradientBackground_LongVersion.jpg.jpg") no-repeat fixed center !important;*/
				}
				.theline.special {
					float: left !important;
				}
			}

			@media (min-width: 426px){
				.showbrand {
					display: none;
				}
			}

			@media (min-width: 768px) {
				.row .hiw2, .row .hiw3 {
					display: flex;
				}
				.footer-section {
					padding: 20px;
				}

				
			}
			
			.blue-gradient{
				background: rgb(51,175,194); /* Old browsers */
				background: -moz-linear-gradient(left, rgba(51,175,194,1) 0%, rgba(97,202,207,1) 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(left, rgba(51,175,194,1) 0%,rgba(97,202,207,1) 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to right, rgba(51,175,194,1) 0%,rgba(97,202,207,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33afc2', endColorstr='#61cacf',GradientType=1 ); /* IE6-9 */ 
				/* background-size:cover;*/
				margin: auto;
				width: 100%;
				/*min-width: 789px;*/

			}

			@media (max-width: 991px)
			{
				.custompackage .d-flex .md-style{
					width: 720px;
					padding: 0;

				} 

				/*.testing{*/

					/*margin-left: 0;*/

				/*}*/

				.d-flex{
					margin-left: -25px;
				}
			}	

			.testing{

				margin-left: -25px;
			}
			@media (max-width: 425px){
				.testing{
					width: 424px;
				}
				.aaa, .www{
					padding-left: 10px;
				}
				
			}
				@media (max-width: 375px){
				 .testing{
					
				 width: 375px;
				}
				.rw-1, .rw-2{
					margin-left: -25px
				}
				.wq{
					font-size: 13.5px;}
				
			}
			.rw-1, .rw-2
			{
				padding-left: 55px;
			}

			/*@media (max-width: 767px){

				.testing{

					width: 750px;
				}
			}*/
			
			/*@media (max-width: 739px){

				.testing{

					width: 749px;
				}
			}*/
				/*@media (max-width: 719px){

				.testing{

					width: 727px;
				}
			}*/

			/*@media(min-width: 1024px){

				.mview{

					height: 410px;
				}
				

			}

			/*@media (max-width: 425px)
			{
				.testing{

					width: 43px;

					margin-left: 25px;
					margin-right: -45px;
				}
				
			}*/
			@media (max-width: 425px) 
			{
				.rrw {
					padding-left: 1px;
    				padding-right: 1px	
				}
				
			}
			
			.theline {
				background-color: #69C9D8;color: #69C9D8;
				font-weight: 200;
				font-size: 20px;
				height: 3px;
				display: block;
				width: 30px;
			}

			.theline.special {
				float: right;
			}

			.brand-video>video {
				min-height: 183px;
			}

			.pricing-table .pricing-table-list td {
				padding: 2px 18px;
			}
			
			.blue-gradient{
				/*background: url("../images/GradientBackground.jpg") no-repeat fixed center;*/
			}
			
			.pricing-table-item-price {
				flex-wrap: wrap;

			}

			.pricing-table-brand {
				padding: 0px;
				margin:0px;
				margin-top: 10px;
			}
			.pricing-table-brand td{
				padding: 0px;
				border-left: 3px solid transparent;
			}
			.pricing-table-brand .pricing-table-list td{
				background-clip: padding-box !important;
				padding: 10px 18px;
				font-weight: 500;
				text-align: center;
				font-size: 12px;
				background:#F9F9F9;
			}
			.pricing-table-brand .pricing-table-text p{
				font-size: 12px;
				font-weight: 400;
				text-align: center;
				color: #F9F9F9;
				margin-top: 10px;
			}
			.pricing-table-brand .pricing-table-item{
				color:#F2F2F2;
			}
			.pricing-table-brand .pricing-table-item
			.pricing-table-item-head{
				padding: 10px 5px;
				text-align: center;
				background:#F2F2F2;
			}
			.pricing-table-brand .pricing-table-item
			.pricing-table-item-head p{
				font-size: 17px;
				font-weight: 600;
				line-height: 21px;
				margin-bottom: 0px;
				color: #000;
				text-transform: uppercase;
			}
			.pricing-table-brand .pricing-table-item
			.pricing-table-item-head span{
				font-size: 11px;
				font-weight: 400;
			}
			.pricing-table-brand .pricing-table-item
			.pricing-table-item-price{
				display: flex;
				justify-content: center;
				align-items: center;
				flex-direction: column;
				background:#FFF;
				color:#69C9D8;
				min-height: 140px;
				padding-top: 30px;
			}
			.pricing-table-brand .pricing-table-item
			.pricing-table-item-price p {
				text-align: center;
				font-size: 6rem;
				/*font-size: 41px;*/
				font-weight:1000;
				line-height:36px;
				margin-bottom: 0px;
			}

			.pricing-table-brand .pricing-table-item
			.pricing-table-item-price p sup {
				font-size: large;
				vertical-align:top;
			}

			.pricing-table-brand .pricing-table-item
			.pricing-table-item-price p sub {
				font-size: medium;
			}

			.pricing-table-brand .pricing-table-item
			.pricing-table-item-price p span {
				color: #347F91;
				font-size: 16px;
				font-weight: bolder;
			}

			.pricing-table-brand .pricing-table-item
			.pricing-table-item-price p span span {
				font-size: x-small;
				vertical-align: unset;
			}

			.pricing-table-brand .pricing-table-item
			.pricing-table-item-price > span{
				font-size: 12px;
				font-weight: 400;
				color:#008B8B;
			}
			sup {
				top:0.5em;
			}

			.pricing-table .pricing-table-item
			.pricing-table-item-price{
				min-height: 100px;
			}

			.pricing-table-brand td:nth-child(3), .pricing-table-brand td:nth-child(2) {
				border-left: 2px solid #005F75;
			}

			.pricing-table-brand tr:last-child td:nth-child(2) {
				border-bottom: 2px solid #005F75;
			}

			.change-price {
				background: #fff !important;
			}

			.change-price, .pricing-table-list:nth-last-child(2) td {
				/*padding: 0 0 !important;	*/
			}

/*.price-body {
	float: left;
	}*/

	#text-redeem .pricing-table-item .pricing-table-item-price p{
		/*font-size: xx-small;*/
		font-size: x-small;
		color: #000;
		background: #FFF;
		text-align: center;
		margin-top: -100px;
	}

	.pricetag {
		display: inline-block;
		background: #E2231A;
		letter-spacing: 1px;
		padding-right: 3px;
		margin-left: -5px;
		color: #fff;
	}

	.pricetag sup {
		background: #E2231A;
		color: #fff;
		margin: 0px;
		padding: 0px;
		font-size: xx-small;
		top: -0.5em;
		left: 0.5em;
		padding: 1px;

	}

	.sharp-arrow {
		border-style: dashed;
		border-color: transparent;
		border-width: 0.20em;
		display: inline-block;
		font-size: 55px;
		position: inherit;
		vertical-align: middle;
		background-color: #f2f2f2;
		border-right-width: 0.15em;
		border-right-style: solid;
		border-right-color: #E2231A;
	}

	#wholeprice {
		font-size: unset;
		flex-basis: 100%;
		text-align: left;
		margin-right: 33%;
		/*margin-right: 25%;*/
		color: #3E8596;
	}

	.pricing-table-item-head {
		position: relative;
		overflow: hidden;
	}

	.pricing-table-brand .pricing-table-item .pricing-table-item-head {
		/*padding: 10% 5px; before triangle */
		padding: 10% 0px;
	}

	.triangle {
		letter-spacing: normal;
		clip-path: polygon(53% 0, 0 0, 0 53%);
		-webkit-clip-path: polygon(53% 0, 0 0, 0 53%);
		height: 140px;
		top: 0px;
		width: 170px;
		color: #fff;
		text-align: left;
		padding-left: 8px;
		padding-top: 8px;
		position: absolute;
		background: #E2231A;
	}

	.corner {
		position: absolute;
		letter-spacing: normal;
		font-size: 14px;
		top: -60px;
		left: -70px;
		width: 125px;
		height: 110px;
		background: #d0011b;
		transform: rotate(-45deg);
		color: #fff;
		text-transform: capitalize;
		padding-top: 80px;
		padding-left: 40px;
		padding-right: 35px;
	}

	#text-redeem td {
		vertical-align: baseline;
	}

	#text-redeem td div.pricing-table-item {
		min-width: max-content;
	}

	#text-redeem td div.pricing-table-item .pricing-table-item-price {
		min-height: min-content;
		padding-top: 0;
	}

	#text-redeem td div.pricing-table-item .pricing-table-item-price p {
		margin-top: 0;
	}

	.list {
		line-height: 100%;
		padding-bottom: 30px;
		padding-top: 15px;
	}
	.greybgcolor {
		border: 1px solid;
		padding-left: 21px;
		/*border-bottom-left-radius: 20px;*/
		background: #e1dbdb;
		border-color: transparent;
		/* left: 14px;*/
		min-height:560px;
		padding-right: 1px;
	}

	table .tbl-credit {
		margin : 0px 35px 65px 35px;
	}

	table .mr-55 {
		margin-right:55px;
		line-height: 1;
	}
	table table tr:last-child .greybgcolor {

		border-bottom-left-radius: 40px;

	}

	.latest-post-summary p {
		display: -webkit-box;
		overflow: hidden;
		padding-bottom: 0px;
		-webkit-line-clamp: 5;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		/*white-space: nowrap;*/
	}

	#contact input, #contact textarea {
		border-radius: 20px;
	}

	.heart-hr {
		border: 1px solid #000;
	}

	a.primary, a.primary:visited, a.primary:focus {
		color: #69C9D8;
		transition: all 0.5s;
	}

	a.primary:hover {
		color: #000;
	}

	/*	2018-12-06 update	*/
	.overlay {
		background: linear-gradient(rgba(0,0,0,0.5),rgba(255,255,255,0.5) 90%, rgba(255,255,255,1) 100%);
	}

	.carousel-indicators .active {
		background-color: #69C9D8;
	}

	.white-overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 2;
		transition: all 0.3s;
	}

	.white-overlay:hover {
		background: rgba(0, 0, 0, 0.3);
	}

	.navbar-default .navbar-nav>li {
		font-size: 11px;
		padding: 15px 5px;
	}

	@media(min-width: 768px) {
		.menu-icon {
			padding: 15px 5px !important;
		}
	}

	.carousel-caption {
		bottom: -30%;
	}

	.item .carousel-caption {
		bottom: -10%;
	}

	.box-shadow {
		-webkit-box-shadow: 0px 5px 16px 0px #0B325E, 0px 5px 15px 5px rgba(0,0,0,0);
		box-shadow: 0px 5px 16px 0px #0B325E, 0px 5px 15px 5px rgba(0,0,0,0);
	}

	@media(min-width: 320px) {
		#home-banner .carousel-inner .item .carousel-caption {
			top: -40%;
			bottom: 0;
		}
	}

	@media(max-width: 426px) {
		#home-banner .default-btn6 a, #home-banner .default-btn4 a {
			padding: 7px 20px;
			font-size: 1.25rem;
		}

		#home-banner .input-type5 {
			padding: 8px 15px !important;
			margin-bottom: 5px !important;
			font-size: smaller;
			width: 90%;
		}

		.carousel-indicators {
			bottom: -10%;
		}

		#home-banner .carousel-inner .item img {
			height: 220px;
		}
	}
	@media(min-width: 990px) {
		.carousel-caption {
			bottom: -10%;
		}
		#home-banner .carousel-inner .item .carousel-caption {
			bottom: 0;
			top: -20%;
		}
	}

	@media(min-width: 1440px) {
		.carousel-caption {
			bottom: -30%;
		}
	}

	.carousel-caption-1 {
		position: absolute;
		z-index: 12;
		top: 40%;
		transform: translateY(40%);
		left: 0;
		right: 0;
		margin: auto;
	}

	.not-btn {
		background: transparent;
		border: none;
	}

	.checked {
		text-align: center;
		height: 30px;
		width: 30px;
		border-radius: 25px;
		background-color: #69C9D8;
		position: absolute;
		right: 0;
		top: -10px;
		color: white;
	}