/*
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
============================================ SITEMAP =============================================
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%


# BLOG
# BUTTON
# CAROUSEL / SLIDER
# CONTENT BOX
# COUNT UP
# GALLERY
# ICON BOX
# IMAGE BOX
# LIST ( ICON )
# PRICING TABLE
# PROGRESS BAR
# QUOTE
# TAB
# TEAM MEMBERS
# TESTIMONIAL
# 
# HEADLINE
# PORTFOLIO STYLES
# TAGLINE BOX
# LIST BRANDING
# WELCOME TEXT


%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	BLOG
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* blog post three in one */
.blog-post-three-in-one:nth-child(1),
.blog-post-three-in-one:nth-child(3) {
	width: -webkit-calc( 60% - 20px );
	width: calc( 60% - 20px );
	margin-bottom: 20px;
	min-height: 300px;
}
.blog-post-three-in-one:nth-child(2) {
	width: -webkit-calc( 40% - 20px );
	width: calc( 40% - 20px );
	float: right;
	margin-right: 20px;
	margin-bottom: 0;
	min-height: 620px;
}
.blog-post-three-in-one:before {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border: 30px solid rgba( 0,0,0,0.3 );
	transition:           all ease 0.7s;
	-o-transition:        all ease 0.7s;
	-ms-transition:       all ease 0.7s;
	-moz-transition:      all ease 0.7s;
	-webkit-transition:   all ease 0.7s;
}
.blog-post-three-in-one:hover:before {
	border-width: 250px;
}
.blog-post-three-in-one-content {
	background-color: #F7FA00;
	padding: 50px;
	position: absolute;
	width: 50%;
	height: 100%;
	right: -100%;
	top: 0;
	transition:           all ease 0.7s;
	-o-transition:        all ease 0.7s;
	-ms-transition:       all ease 0.7s;
	-moz-transition:      all ease 0.7s;
	-webkit-transition:   all ease 0.7s;
}
.blog-post-three-in-one:nth-child(2) .blog-post-three-in-one-content {
	top: inherit;
	bottom: -100%;
	left: 0;
	width: 100%;
	height: 50%;
}
.blog-post-three-in-one:nth-child(3) .blog-post-three-in-one-content {
	right: inherit;
	left: -100%;
}
.blog-post-three-in-one:nth-child(1):hover .blog-post-three-in-one-content { right: 0; }
.blog-post-three-in-one:nth-child(2):hover .blog-post-three-in-one-content { bottom: 0; }
.blog-post-three-in-one:nth-child(3):hover .blog-post-three-in-one-content { left: 0; }

.blog-post-three-in-one-content h3 {
	padding-top: 15px;
	margin-top: 15px;
	border-top: 1px solid rgba( 0,0,0,0.1 );
}
.blog-post-three-in-one-content span {
	display: block;
	margin-bottom: 10px;
	font-size: 12px;
	color: #444;
}
/* blog hover visible image */
.blog-hover-visible-image {
	position: relative;
}
.blog-hover-visible-image .imageSingle figure {
	background-color: #000;
}
.blog-hover-visible-image .imageSingle img {
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	-ms-opacity: 0.5;
	-o-opacity: 0.5;
	opacity: 0.5;
}
.blog-hover-visible-image-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #FFF;
	text-align: center;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	opacity: 1;
	transition:           all ease 0.3s;
	-o-transition:        all ease 0.3s;
	-ms-transition:       all ease 0.3s;
	-moz-transition:      all ease 0.3s;
	-webkit-transition:   all ease 0.3s;
}
.blog-hover-visible-image-content div {
	z-index: 999;
}
.blog-hover-visible-image-content:after {
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	border: 3px dashed #CCC;
}
.blog-hover-visible-image,
.blog-hover-visible-image .blog-hover-visible-image-content {
	transition:           all ease 0.3s;
	-o-transition:        all ease 0.3s;
	-ms-transition:       all ease 0.3s;
	-moz-transition:      all ease 0.3s;
	-webkit-transition:   all ease 0.3s;
}
.blog-hover-visible-image:hover .blog-hover-visible-image-content {
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
	opacity: 0;
}
.blog-hover-visible-image-content h3 {
	line-height: 2;
	transition:           all ease 0.3s;
	-o-transition:        all ease 0.3s;
	-ms-transition:       all ease 0.3s;
	-moz-transition:      all ease 0.3s;
	-webkit-transition:   all ease 0.3s;
}
.blog-hover-visible-image-content p {
	margin-bottom: 10px;
}
span.blog-hover-visible-image-border {
	display: block;
	margin: 0 auto 15px;
	width: 40px;
	border-bottom: 1px solid #F7FA00;
}
/* blog double col */
.blog-double-col {
	overflow: hidden;
}
.blog-double-col .imageSingle {
	width: 30%;
	float: left;
}
.blog-double-col-content {
	width: 70%;
	float: left;
	padding-left: 50px;
	padding-top: 30px;
}
.blog-double-col-content h3 {
	position: relative;
	padding-bottom: 20px;
}
.blog-double-col-content h3:before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 30px;
	height: 1px;
	border-bottom: 1px solid #F7FA00;
}
.blog-double-col-content h3 a:hover {
	color: #F7FA00!important;
}
.blog-double-col-content a.read-more {
	font-family: "Oswald Regular", "Oswald", sans-serif;
	border: 1px solid #F7FA00;
	color: #111!important;
	font-size: 11px;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 0 20px;
	margin-top: 10px;
}
.blog-double-col-content a.read-more:hover {
	background-color: #F7FA00;
}
.blog-double-col-right .imageSingle,
.blog-double-col-right .blog-double-col-content {
	float: right;
}
.blog-double-col-right .blog-double-col-content {
	padding-left: 0;
	padding-right: 50px;
	text-align: right;
}
.blog-double-col-right .blog-double-col-content h3:before {
	right: 0;
	left: inherit;
}
/* spa blog double col */
.spa-blog-double-col .blog-double-col-content h4:before {
	border-color: #8234A2;
}
.spa-blog-double-col a.read-more {
	border: 2px solid #8234A2;
	color: #8234A2!important;
}
.spa-blog-double-col a.read-more:hover {
	background-color: #8234A2;
}
/* blog bg image one third */
.blog-bg-image-one-third {
	overflow: hidden;
	position: relative;
	width: 33.33%;
	float: left;
}
.blog-bg-image-one-third-content h3 {
	margin-bottom: 15px;
	letter-spacing: 1.5px;
}
.blog-bg-image-one-third-content h3 a {
	text-decoration: none;
	color: #222;
}
.blog-bg-image-one-third .imageSingle {
	margin: 0;
}
.blog-bg-image-one-third .blog-bg-image-one-third-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba( 255,255,255, 1 );
	padding: 35px;
	transition:           all ease 0.3s;
	-o-transition:        all ease 0.3s;
	-ms-transition:       all ease 0.3s;
	-moz-transition:      all ease 0.3s;
	-webkit-transition:   all ease 0.3s;
}
.blog-bg-image-one-third .blog-bg-image-one-third-content:before {
	position: absolute;
	border: 12px double rgba( 0,0,0, 0.1 );
	top: 7px;
	bottom: 7px;
	left: 7px;
	right: 7px;
}
.blog-bg-image-one-third:nth-child(odd) .blog-bg-image-one-third-content {
	background-color: #111;
}
.blog-bg-image-one-third:nth-child(odd) .blog-bg-image-one-third-content:before {
	border: 12px double rgba( 255,255,255, 0.1 );
}
.blog-bg-image-one-third:nth-child(odd) .blog-bg-image-one-third-content h3 a {
	color: #EF2D56;
	transition:           all ease 0.3s;
	-o-transition:        all ease 0.3s;
	-ms-transition:       all ease 0.3s;
	-moz-transition:      all ease 0.3s;
	-webkit-transition:   all ease 0.3s;
}
.blog-bg-image-one-third:hover .blog-bg-image-one-third-content h3 a {
	color: #FFF;
}
.blog-bg-image-one-third:hover .blog-bg-image-one-third-content {
	background-color: rgba( 0,0,0, 0.6 );
}
/*
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	BUTTON
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.custom-btn {
	font-family: "Oswald Regular", "Oswald", sans-serif;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #111;
	font-size: 12px;
	padding: 0 30px;
	line-height: 36px;
	text-decoration: none!important;
	display: inline-block;
	border: 2px solid #111;
	margin-right: 10px;
	border-right-width: 12px!important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	outline: none;
	transition:           all ease 0.3s;
	-o-transition:        all ease 0.3s;
	-ms-transition:       all ease 0.3s;
	-moz-transition:      all ease 0.3s;
	-webkit-transition:   all ease 0.3s;
}
.custom-btn:hover 							{ color: #F7FA00; background-color: #111; }
/* custom-btn bg */
.custom-btn-bg 								{ color: #fff; background-color: #111; }
.custom-btn-bg:hover 						{ color: #111; background-color: transparent; }
/* custom-btn border */
.custom-btn-border 							{ color: #F7FA00; background-color: #111; border-color: rgba( 255,255,255,0.2 ); }
.custom-btn-border:hover 					{ color: #111; background-color: transparent; border-color: #111; }
/* custom-btn border second color */
.custom-btn-border-second-color 			{ color: #111; background-color: #F7FA00; /*border-color: rgba( 0,0,0,0.2 );*/ border-color: #F7FA00; }
.custom-btn-border-second-color:hover 		{ color: #F7FA00; background-color: transparent; }
/* custom-btn size */
.custom-btn-mid 							{ font-size: 14px; padding: 12px 40px; }
.custom-btn-large 							{ font-size: 16px; padding: 15px 60px; border-width: 5px; border-right-width: 20px; }
/* custom-btn border white */
.custom-btn-border-white 					{ color: #FFF; border-color: #FFF; }
.custom-btn-border-white:hover				{ color: #111; background-color: #FFF; }
.custom-btn-border-inherit:hover			{ border-color: inherit; }
/*
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	CAROUSEL / SLIDER
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* double col carousel slider */
.double-col-carousel,
.double-col-carousel-slide {
	position: relative;
	overflow: hidden;
}
.double-col-carousel-content {
	border: 2px solid rgba( 0,0,0,0.1 );
	padding: 30px;
}
.double-col-carousel-content h2 {
	margin-bottom: 10px;
}
.double-col-carousel .imageSingle {
	width: 50%;
	float: left;
}
.double-col-carousel .imageSingle,
.double-col-carousel .imageSingle figure {
	position: relative;
	overflow: hidden;
}
.double-col-carousel .imageSingle figure:after,
.double-col-carousel .imageSingle figure:before {
	width: 100%;
	height: 50%;
	position: absolute;
	top: -100%;
	left: 0;
	background-color: rgba( 0,0,0,0.8 );
	z-index: 1;
	transition:           all ease 0.5s;
	-o-transition:        all ease 0.5s;
	-ms-transition:       all ease 0.5s;
	-moz-transition:      all ease 0.5s;
	-webkit-transition:   all ease 0.5s;
}
.double-col-carousel .imageSingle figure:after {
	top: 100%;
	background-color: rgba( 255,255,255,0.8 );
}
.double-col-carousel .imageSingle:hover figure:before {
	top: 0;
}
.double-col-carousel .imageSingle:hover figure:after {
	top: 50%;
}
.double-col-carousel .imageSingle .double-col-carousel-slide-pop-up {
	width: 100%;
	z-index: 999;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
	opacity: 0;
	transition:           all ease 0.5s;
	-o-transition:        all ease 0.5s;
	-ms-transition:       all ease 0.5s;
	-moz-transition:      all ease 0.5s;
	-webkit-transition:   all ease 0.5s;
}
.double-col-carousel .imageSingle:hover .double-col-carousel-slide-pop-up {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	opacity: 1;
	-webkit-transition-delay: 	0.5s;
	-moz-transition-delay: 		0.5s;
	-ms-transition-delay: 		0.5s;
	-o-transition-delay: 		0.5s;
	transition-delay: 			0.5s;

}
.double-col-carousel .double-col-carousel-slide-pop-up a {
	display: inline-block;
	position: relative;
	top: 4px;
	width: 50px;
	height: 50px;
	background-color: rgba( 0,0,0,0.8 );
	transition:           all ease 0.3s;
	-o-transition:        all ease 0.3s;
	-ms-transition:       all ease 0.3s;
	-moz-transition:      all ease 0.3s;
	-webkit-transition:   all ease 0.3s;
}
.double-col-carousel .double-col-carousel-slide-pop-up a:hover {
	background-color: #FFF;
}
.double-col-carousel .double-col-carousel-slide-pop-up a:before,
.double-col-carousel .double-col-carousel-slide-pop-up a:after {
	position: absolute;
	top: 5px;
	left: 25px;
	width: 1px;
	height: 40px;
	background-color: #FFF;
	transition:           all ease 0.3s;
	-o-transition:        all ease 0.3s;
	-ms-transition:       all ease 0.3s;
	-moz-transition:      all ease 0.3s;
	-webkit-transition:   all ease 0.3s;
}
.double-col-carousel .double-col-carousel-slide-pop-up a:hover:before,
.double-col-carousel .double-col-carousel-slide-pop-up a:hover:after {
	background-color: #000;
}
.double-col-carousel .double-col-carousel-slide-pop-up a:after {
	left: 5px;
	top: 24px;
	height: 1px;
	width: 40px;
}
.double-col-carousel .imageSingle span {
	position: absolute;
	top: 0;
	left: 0;
	font-family: "Oswald Bold", "Oswald", sans-serif;
	font-weight: bold;
	font-size: 72px;
	line-height: 150px;
	width: 120px;
	background-color: #8234A2;
	color: #FFF;
	z-index: 99;
}
.double-col-carousel-content {
	position: absolute;
	width: -webkit-calc( 50% - 30px );
	width: calc( 50% - 30px );
	height: 100%;
	right: 0;
}
.double-col-carousel-content:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 30px;
	right: 0;
	border: 3px solid rgba( 255,255,255,0.1 );
}
.double-col-carousel-content ul li {
	border-bottom: 1px solid rgba( 0,0,0,0.1 );
	padding: 10px 0;
}
.double-col-carousel-content ul li:last-child {
	border-bottom: 0 none;
}
.double-col-carousel-content p,
.double-col-carousel-content ul li {
	color: #111;
}
/*-----------------------*/
.double-col-carousel-noborder .double-col-carousel-content {
	width: 50%;
	background-color: #F7FA00;
}
.double-col-carousel-noborder .imageSingle span {
	color: #111;
	background-color: #F7FA00;
}
.double-col-carousel-noborder .double-col-carousel-content:before,
.double-col-carousel-noborder .double-col-carousel-content:after,
.double-col-carousel-noborder .double-col-carousel-content {
	border: 0 none;
}
/*=============  =============*/
.double-col-carousel .owl-stage-outer {
	padding-bottom: 40px;
}
.double-col-carousel .owl-controls {
	bottom: -5px;
}
.double-col-carousel .owl-controls .owl-dot {
	width: 15px;
	height: 15px;
	border: 3px solid #444;
}
.double-col-carousel .owl-controls .owl-dot.active,
#owl-hero-slider .owl-controls .owl-dot.active {
	background-color: #444;
}

/*
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	CONTENT BOX
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* content box heading dot */
.content-box-heading-dot {
	padding: 25px;
	border: 3px solid transparent;
	transition:           all ease 0.3s;
	-o-transition:        all ease 0.3s;
	-ms-transition:       all ease 0.3s;
	-moz-transition:      all ease 0.3s;
	-webkit-transition:   all ease 0.3s;
}
.content-box-heading-dot:hover {
	border-color: rgba( 0,0,0,0.1 );
	cursor: pointer;
}
.content-box-heading-dot-dark h4 {
	color: #FFF;
}
.content-box-heading-dot-dark:hover {
	border-color: rgba( 255,255,255,0.1 );
}
.content-box-heading-dot h4 {
	position: relative;
	padding-bottom: 10px;
}
.content-box-heading-dot h4:before {
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 20px;
	height: 1px;
	-webkit-border-radius: 99px;
	-moz-border-radius: 99px;
	-ms-border-radius: 99px;
	-o-border-radius: 99px;
	border-radius: 99px;
	background-color: #FEED01;
	transition:           all ease 0.5s;
	-o-transition:        all ease 0.5s;
	-ms-transition:       all ease 0.5s;
	-moz-transition:      all ease 0.5s;
	-webkit-transition:   all ease 0.5s;
}
.content-box-heading-dot:hover h4:before {
	width: 100%;
	height: 1px;
}
.content-box-heading-dot p {
	margin-bottom: 0;
}
/* content box bottom dash */
.content-box-bottom-dash {
	padding: 30px 60px 30px 0;
	cursor: pointer;
}
.content-box-bottom-dash-content {
	position: relative;
	left: 0;
}
.content-box-bottom-dash,
.content-box-bottom-dash-content,
.content-box-bottom-dash h3,
.content-box-bottom-dash p {
	transition:           all ease 0.5s;
	-o-transition:        all ease 0.5s;
	-ms-transition:       all ease 0.5s;
	-moz-transition:      all ease 0.5s;
	-webkit-transition:   all ease 0.5s;
}
.content-box-bottom-dash:hover .content-box-bottom-dash-content {
	left: 30px;
}
.content-box-bottom-dash:hover {
	background-color: #F7FA00;
}
.content-box-bottom-dash:hover h3,
.content-box-bottom-dash:hover p {
	color: #111!important;
}
.content-box-bottom-dash p {
	margin-bottom: 30px;
	position: relative;
}
.content-box-bottom-dash p:before {
	width: 30px;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: -30px;
	background-color: #FEED01;
	transition:           all ease 0.5s;
	-o-transition:        all ease 0.5s;
	-ms-transition:       all ease 0.5s;
	-moz-transition:      all ease 0.5s;
	-webkit-transition:   all ease 0.5s;
}
.content-box-bottom-dash:hover p:before {
	background-color: rgba(255,255,255,0.7);
	width: 100%;
}
/* Dark */
.content-box-bottom-dash-content-dark h3 {
	color: #FFF;
}
.content-box-bottom-dash-content-dark:hover p:before {
	background-color: rgba(0,0,0,0.1);
}
/* content box light border */
.content-box-light-border {
	position: relative;
	height: 200px;
	text-align: center;
}
.content-box-light-border.content-box-dark-border {
	background-color: #191b1d;
}
.content-box-light-border:before {
	position: absolute;
	top: 20px;
	left: 20px;
	right: 20px;
	bottom: 20px;
	border: 5px solid rgba( 0,0,0,0.1 );
}
.content-box-light-border.content-box-dark-border:before {
	border: 5px solid rgba( 255,255,255,0.1 );
}
.content-box-light-border h3 {
	width: 100%;
	letter-spacing: 3px;
	margin: 0;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.content-box-dark-border h3 {
	color: #FFF;
}
/* content box top number */
.content-box-top-number {
	text-align: center;
	position: relative;
}
.content-box-top-number-top-box h2 {
	font-family: 'Oswald Bold', sans-serif;
	font-weight: bold;
	font-size: 74px;
	position: relative;
	display: inline-block;
	line-height: 1;
}
.content-box-top-number-top-box h2:before {
	position: absolute;
    width: 10px;
    height: 10px;
    right: -10px;
    bottom: 4px;
    background-color: #F7FA00;
}
.content-box-top-number-top-box h3 {
	letter-spacing: 3px;
	margin-bottom: 10px;
}
.content-box-top-number-top-box span {
	background-color: #F7FA00;
	width: 40px;
	height: 1px;
	display: inline-block;
}
.content-box-top-number-bottom-box {
	padding-top: 20px;
}
/*
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	COUNT UP
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.count-up h3 {
	font-family: 'Oswald Bold', 'Oswald', sans-serif;
	font-weight: 700;
}
/* count up left dash */
.count-up-left-dash {
	padding-left: 35px;
	position: relative;
}
.count-up-left-dash h3 {
	margin: 0;
	font-size: 42px;
}
.count-up-left-dash-dark h3 {
	color: #FFF;
}
.count-up-left-dash:before {
	position: absolute;
	top: 55px;
	left: 0;
	width: 20px;
	height: 1px;
	background-color: #F7FA00;
}
/* count up transparent icon */
.count-up-transparent-icon {
	text-align: center;
}
.count-up-transparent-icon div {
	padding: 40px 0 0;
	position: relative;
}
.count-up-transparent-icon h3 {
	font-size: 42px;
}
.count-up-transparent-icon span {
	position: absolute;
	color: rgba( 0,0,0,0.1 );
	font-size: 90px;
	top: 0;
	left: 0;
}
.count-up-transparent-icon p {
	color: #111;
	font-size: 16px;
}
.count-up-transparent-icon h3,
.count-up-transparent-icon p {
	margin-bottom: 0;
}
/* count box double border */
.count-double-border {
	text-align: center;
}
.count-double-border h3 {
	font-weight: 700;
	letter-spacing: 0;
	font-size: 42px;
	line-height: 1;
}
.count-double-border p {
	font-size: 16px;
}
.count-double-border span.count-box-double-border {
	display: block;
	margin: 0 auto 30px;
	width: 25px;
	height: 10px;
	border-top: 2px solid #F7FA00;;
	border-bottom: 2px solid #F7FA00;;
}
/* count up without icon */
.count-up-without-icon {
	text-align: center;
}
.count-up-without-icon h3 {
	font-size: 74px;
	font-weight: bold;
	line-height: 1;
}
.count-up-without-icon h4 {
	margin: 0;
	line-height: 1;
	letter-spacing: 3px;
}
/*================= Count Up White =================*/
.count-up-white h3 {
	color: #FFF;
}
/*
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	GALLERY
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* gallery first image big */
.gallery-first-image-big .gallery-image:nth-child(1) {
	width: 70%;
	float: left;
	margin-right: 10px;
	height: 620px;
	margin-bottom: 10px;
}
.gallery-first-image-big .gallery-image:nth-child(2),
.gallery-first-image-big .gallery-image:nth-child(3),
.gallery-first-image-big .gallery-image:nth-child(4) {
	width: -webkit-calc( 30% - 10px );
	width: calc( 30% - 10px );
	float: left;
	height: 200px;
	margin-bottom: 10px;
}
.gallery-image:nth-child(1) { background-image: url( ../img/spa/gallery1.html); }
.gallery-image:nth-child(2) { background-image: url( ../img/spa/gallery2.html); }
.gallery-image:nth-child(3) { background-image: url( ../img/spa/gallery3.html); }
.gallery-image:nth-child(4) { background-image: url( ../img/spa/gallery4.html); }
/* gallery hover plus */
.gallery-hover-plus .imageSingle {
	position: relative;
	overflow: hidden;
}
/* image black opacity */
.image-black-opacity .imageSingle {
	background-color: #111;
}
.image-black-opacity .imageSingle figure {
	-webkit-opacity: 0.3;
	-moz-opacity: 0.3;
	-ms-opacity: 0.3;
	-o-opacity: 0.3;
	opacity: 0.3;
	transition:           all ease 0.3s;
	-o-transition:        all ease 0.3s;
	-ms-transition:       all ease 0.3s;
	-moz-transition:      all ease 0.3s;
	-webkit-transition:   all ease 0.3s;
}
.image-black-opacity .imageSingle figure:hover {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	opacity: 1;
}
/*
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	ICON BOX
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* icon box icon hover visible */
.icon-box-icon-hover-visible-wrap {}
.icon-box-icon-hover-visible {
	width: 50%;
	padding: 30px;
	float: left;
	cursor: pointer;
	position: relative;
	transition:           all ease 0.3s;
	-o-transition:        all ease 0.3s;
	-ms-transition:       all ease 0.3s;
	-moz-transition:      all ease 0.3s;
	-webkit-transition:   all ease 0.3s;
}
.icon-box-icon-hover-visible-wrap .icon-box-icon-hover-visible:before {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.icon-box-icon-hover-visible-wrap .icon-box-icon-hover-visible:nth-child(1):before {
	border-right: 1px solid rgba( 0,0,0,0.1 );
	border-bottom: 1px solid rgba( 0,0,0,0.1 );
}
.icon-box-icon-hover-visible-wrap .icon-box-icon-hover-visible:nth-child(2):before {
	border-bottom: 1px solid rgba( 0,0,0,0.1 );
}
.icon-box-icon-hover-visible-wrap .icon-box-icon-hover-visible:nth-child(3):before {
	border-right: 1px solid rgba( 0,0,0,0.1 );
}
.icon-box-icon-hover-visible:hover {
	background-color: #111;
	border-color: #111;
}
.icon-box-icon-hover-visible:hover h3 {
	color: #FFF;
}
.icon-box-icon-hover-visible .icon {
	font-size: 64px;
	position: absolute;
	right: 10px;
	bottom: 10px;
	color: #F7FA00;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
	opacity: 0;
	transition:           all ease 0.3s;
	-o-transition:        all ease 0.3s;
	-ms-transition:       all ease 0.3s;
	-moz-transition:      all ease 0.3s;
	-webkit-transition:   all ease 0.3s;
}
.icon-box-icon-hover-visible:hover .icon {
	-webkit-opacity: 0.2;
	-moz-opacity: 0.2;
	-ms-opacity: 0.2;
	-o-opacity: 0.2;
	opacity: 0.2;
}
/* image icon box */
.image-icon-box {
	text-align: center;
}
.image-icon-box h3 {
	border-top: 1px solid #111;
	display: inline-block;
	margin-top: 25px;
	padding-top: 20px;
}
.icon-span span.icon {
	display: block;
	font-size: 52px;
	color: #111;
}
/* icon box transparent image */
.icon-box-transparent-image .imageSingle {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.icon-box-transparent-image .imageSingle img {
	display: block;
	float: left;
}
.icon-box-transparent-image .icon-box-transparent-image-content {
	padding-top: 100px;
	text-align: center;
}
/* icon box animated image */
.icon-box-animated-image {
	padding: 30px;
	position: relative;
	background-color: #F7FA00;
	text-align: center;
}
.icon-box-animated-image:before {
	position: absolute;
	top: 13px;
	left: 13px;
	right: 13px;
	bottom: 13px;
	border: 3px solid rgba( 0,0,0,0.05 );
}
.icon-box-animated-image img {
	-webkit-animation-duration: 	1s;
	animation-duration: 			1s;
	-webkit-animation-fill-mode: 	both;
	animation-fill-mode: 			both;
}
.icon-box-animated-image:hover img {
	-webkit-animation-name: spa-icon-bounce;
	animation-name: spa-icon-bounce;
}
@-webkit-keyframes spa-icon-bounce {
	33% {
		-webkit-transform: scale( 0.8 );
		-moz-transform: scale( 0.8 );
		-ms-transform: scale( 0.8 );
		-o-transform: scale( 0.8 );
		transform: scale( 0.8 );
	}

	66% {
		-webkit-transform: scale( 1.1 );
		-moz-transform: scale( 1.1 );
		-ms-transform: scale( 1.1 );
		-o-transform: scale( 1.1 );
		transform: scale( 1.1 );
	}

	10% {
		-webkit-transform: scale( 1 );
		-moz-transform: scale( 1 );
		-ms-transform: scale( 1 );
		-o-transform: scale( 1 );
		transform: scale( 1 );
	}
}
@keyframes spa-icon-bounce {
	33% {
		-webkit-transform: scale( 0.8 );
		-moz-transform: scale( 0.8 );
		-ms-transform: scale( 0.8 );
		-o-transform: scale( 0.8 );
		transform: scale( 0.8 );
	}

	66% {
		-webkit-transform: scale( 1.1 );
		-moz-transform: scale( 1.1 );
		-ms-transform: scale( 1.1 );
		-o-transform: scale( 1.1 );
		transform: scale( 1.1 );
	}

	10% {
		-webkit-transform: scale( 1 );
		-moz-transform: scale( 1 );
		-ms-transform: scale( 1 );
		-o-transform: scale( 1 );
		transform: scale( 1 );
	}
}
.icon-box-animated-image span {
	width: 20px;
	height: 1px;
	display: inline-block;
	background-color: rgba( 0,0,0,0.5 );
	transition:           all ease 0.3s;
	-o-transition:        all ease 0.3s;
	-ms-transition:       all ease 0.3s;
	-moz-transition:      all ease 0.3s;
	-webkit-transition:   all ease 0.3s;
}
.icon-box-animated-image:hover span {
	width: 50px;
}
.icon-box-animated-image h3 {
	color: #111;
	font-weight: bold;
}
/* icon box squire */
.icon-box-squire {
	overflow: hidden;
	position: relative;
	text-align: center;
	background-color: #F7FA00;
	padding: 60px;
}
.icon-box-squire p {
	color: #111;
}
.icon-box-squire .icon {
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
	display: block;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	opacity: 1;
	line-height: 1.5;
	background-color: transparent;
	font-size: 122px;
	width: 250px;
	color: rgba( 0,0,0,0.05 );
	transition:           all ease 0.9s;
	-o-transition:        all ease 0.9s;
	-ms-transition:       all ease 0.9s;
	-moz-transition:      all ease 0.9s;
	-webkit-transition:   all ease 0.9s;
    -webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.icon-box-squire:hover .icon {
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
	opacity: 0;
	color: #FEED01;
    -webkit-transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	-o-transform: scale(2);
	transform: scale(2);
}
.icon-box-squire .icon-wrap {
	position: absolute;
	top: inherit;
	overflow: hidden;
}
.icon-box-squire.icon-bottom-right .icon-wrap { right: 0; bottom: 0; }
.icon-box-squire.icon-bottom-left .icon-wrap { bottom: 0; left: 0; }
.icon-box-squire.icon-top-right .icon-wrap { top: 0; right: 0; }
.icon-box-squire.icon-top-left .icon-wrap { top: 0; left: 0; }
/*------------------*/
.icon-box-squire.dark-icon .icon {
	color: rgba( 0,0,0,0.1 );
}
/* icon box squire */
.icon-box-left-bottom-transparent .icon {
	font-size: 74px;
	margin-bottom: 20px;
	display: block;
}
.icon-box-left-bottom-transparent h3,
.icon-box-left-bottom-transparent .icon {
	color: #FFF;
}
.icon-box-left-bottom-transparent-bg-box h3,
.icon-box-left-bottom-transparent-bg-box p {
	color: #111;
}
/*
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	IMAGE BOX
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* image box full col four */
.image-box-full-col-four {
	position: relative;
	overflow: hidden;
	background-position: center!important;
	background-size: cover!important;
	height: 100vh;
	transition:           all ease 0.3s;
	-o-transition:        all ease 0.3s;
	-ms-transition:       all ease 0.3s;
	-moz-transition:      all ease 0.3s;
	-webkit-transition:   all ease 0.3s;
}
.image-box-full-col-four:before {
	-webkit-opacity: 0.7;
	-moz-opacity: 0.7;
	-ms-opacity: 0.7;
	-o-opacity: 0.7;
	opacity: 0.7;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(254, 237, 1, 0.85);
	-webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d01b10', endColorstr='#EF106E',GradientType=1 );
	-moz-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d01b10', endColorstr='#EF106E',GradientType=1 );
	-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d01b10', endColorstr='#EF106E',GradientType=1 );
	-o-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d01b10', endColorstr='#EF106E',GradientType=1 );
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d01b10', endColorstr='#EF106E',GradientType=1 );
	transition:           all ease 0.5s;
	-o-transition:        all ease 0.5s;
	-ms-transition:       all ease 0.5s;
	-moz-transition:      all ease 0.5s;
	-webkit-transition:   all ease 0.5s;
}
.image-box-full-col-four:hover:before {
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
	opacity: 0;
}
.image-box-full-col-four a {
	font-family: "Oswald Light", "Oswald", sans-serif;
	font-weight: lighter;
	text-transform: uppercase;
	left: -100%;
	width: 90%;
	padding: 5px;
	text-align: center;
	color: #FFF!important;
	letter-spacing: 5px;
	background-color: rgba( 0,0,0,0.3 );
	border: 5px solid rgba( 255,255,255,0.1 );
	transition:           all ease 0.5s;
	-o-transition:        all ease 0.5s;
	-ms-transition:       all ease 0.5s;
	-moz-transition:      all ease 0.5s;
	-webkit-transition:   all ease 0.5s;
}
.image-box-full-col-four:hover a {
	left: 5%;
}
/* image box with star */
.image-box-with-star {
	position: relative;
	text-align: center;
}
.image-box-with-star .image-box-with-star-content,
.image-box-with-star .star {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #FFF;
	z-index: 9;
	width: 80%;
}
.image-box-with-star .star {
	padding-bottom: 10px;
}
.image-box-with-star .image-box-with-star-content {
	top: inherit;
	left: inherit;
	right: 0;
	bottom: 0;
	padding: 10px;
	padding-bottom: 0;
	text-align: center;
}
.image-box-with-star .image-box-with-star-content h3 {
	margin-bottom: 0;
}
.image-box-with-star .star ul li {
	margin: 0 5px;
}
/*
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	LIST ( ICON )
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
ul.list-icon {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.list-icon li:before {
	position: absolute;
	left: 13px;
	top: 12px;
	width: 5px;
	height: 5px;
	background-color: #CCC;
}
ul.list-icon li:after {
	position: absolute;
	left: 0;
	top: -1px;
	width: 30px;
	height: 30px;
	border: 1px solid #CCC;
	-webkit-border-radius: 99px;
	-moz-border-radius: 99px;
	-ms-border-radius: 99px;
	-o-border-radius: 99px;
	border-radius: 99px;
}
ul.list-icon li {
	padding-left: 50px;
	line-height: 28px;
	font-size: 18px;
	position: relative;
	margin-bottom: 10px;
}
ul.list-icon li:last-child {
	margin: 0;
}
/* list icon right */
@media (min-width: 992px) {

	ul.list-icon-right {
		text-align: right;
	}
	ul.list-icon-right li:before {
		left: inherit;
		right: 13px;
	}
	ul.list-icon-right li:after {
		left: inherit;
		right: 0;
	}
	ul.list-icon-right li {
		padding-left: 0;
		padding-right: 50px;
	}

}
/* colorBlack */
ul.list-icon.colorBlack li:before {
	background-color: #222;
}
ul.list-icon.colorBlack li:after {
	border: 1px solid #222;
}
/* colorWhite */
ul.list-icon.colorWhite li:before {
	background-color: #EEE;
}
ul.list-icon.colorWhite li:after {
	border: 1px solid #EEE;
}
/*
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	PRICING TABLE
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* pricing table transparent image */
.pricing-table-transparent-image {
	background-color: #F7FA00;
	padding: 50px;
	padding-top: 100px;
	position: relative;
	overflow: hidden;
	text-align: center;
}
.pricing-table-transparent-image img {
	position: absolute;
	top: -25%;
	left: -25%;
	width: 300px;
}
.pricing-table-transparent-image h2 {
	font-weight: bold;
	font-size: 42px;
}
.pricing-table-transparent-image h3 {
	font-family: 'Lobster Two', cursive;
	text-transform: inherit;
	margin-bottom: 10px;
}
.pricing-table-transparent-image sup,
.pricing-table-transparent-image span {
	font-size: 14px;
	margin: 0 5px;
}
.pricing-table-transparent-image span {
	display: block;
	font-size: 10px;
	letter-spacing: 4px;
	position: relative;
	left: 8px;
	margin-top: 5px;
}
.pricing-table-transparent-image a.link {
	position: relative;
	left: 5px;
	font-family: "Oswald Regular", "Oswald", sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 2px;
	color: rgba( 0,0,0,0.4 )!important;
	border: 2px solid rgba( 0,0,0,0.4 );
	padding: 0 20px;
	transition:           all ease 0.3s;
	-o-transition:        all ease 0.3s;
	-ms-transition:       all ease 0.3s;
	-moz-transition:      all ease 0.3s;
	-webkit-transition:   all ease 0.3s;
}
.pricing-table-transparent-image a.link:hover {
	color: rgba( 255,255,255,1 )!important;
	border: 2px solid rgba( 0,0,0,0.7 );
	background-color: rgba( 0,0,0,0.7 );
}
/*
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	PROGRESS BAR
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.skillbar-wrap {
	position: relative;
	margin-top: 20px;
}
.skillbar-wrap:first-child {
	margin: 0;
}
.skillbar { 
	position: relative;
	display: block;
	padding-right: 10px;
 	-webkit-transition:				0.4s linear;
	-moz-transition:				0.4s linear;
	-ms-transition:					0.4s linear;
	-o-transition:					0.4s linear;
	transition:						0.4s linear;
	-webkit-transition-property:	width, background-color;
	-moz-transition-property:		width, background-color;
	-ms-transition-property:		width, background-color;
	-o-transition-property:			width, background-color;
	transition-property:			width, background-color;
}
.skillbar-title h6 { 
	margin-bottom: 10px; 
	font-size: 11px; 
	text-transform: uppercase;
	font-weight: 400;
}
.skillbar-bar { 
	height: 3px; 
	width: 0px;
	position: relative;
	background-color: #F7FA00;
}
.skill-bar-percent { 
	position: absolute; 
	right: 10px; 
	top: -20px; 
	font-size: 11px;
	height: 3px;
	line-height: 10px;
	color: #999;
}
/*
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	QUOTE
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* quote right icon */
.quote-right-icon {
	overflow: hidden;
	position: relative;
	padding: 50px 50px 0 0;
}
.quote-right-icon .fa {
	font-size: 132px;
	position: absolute;
	right: 0;
	top: 0;
	color: rgba( 0,0,0,0.1 );
}
/*
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	TAB
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.tab-wrap .tab-item {
	text-align: center;
}
.tab-wrap .tab-item ul {
	border: 0 none;
	display: inline-block;
}
.tab-wrap .tab-item ul li {
	text-align: center;
	padding: 0 12px;
	margin-right: 15px;
}
.tab-wrap .tab-item ul li:last-child {
	margin-right: 0;
}
.tab-wrap .tab-item ul li a {
	font-family: "Oswald Regular", "Oswald", sans-serif;
	text-transform: uppercase;
	color: #111;
	letter-spacing: 2px;
	border: 0 none!important;
	display: inline-block;
}
.tab-wrap .tab-item ul li.active a {
	position: relative;
}
.tab-wrap .tab-item ul li.active a:after,
.tab-wrap .tab-item ul li.active a:before {
	width: 5px;
	height: 5px;
	-webkit-border-radius: 99px;
	-moz-border-radius: 99px;
	-ms-border-radius: 99px;
	-o-border-radius: 99px;
	border-radius: 99px;
	background-color: #F7FA00;
	position: absolute;
	top: 19px;
	left: -12px;
	z-index: 99;
	display: inline-block;
}
.tab-wrap .tab-item ul li.active a:after {
	left: inherit;
	right: -10px;
}
.tab-wrap .tab-item ul li a:hover {
	background-color: transparent!important;
}
/* left tab */
.tab-left-nav .tab-item ul {
	display: block;
}
.tab-left-nav .tab-item ul li {
	width: 100%;
	margin: 0;
}
/*
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	TEAM MEMBERS
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* team member with hanging plus */
.team-member-with-hanging-plus .hover-plus {
	background-color: transparent;
}
.team-member-with-hanging-plus .imageSingle {
	position: relative;
	overflow: hidden;
}
.team-member-with-hanging-plus .imageSingle .hover-plus {
	top: 0;
}
.team-member-with-hanging-plus .imageSingle:hover .hover-plus {
	top: -100%;
}
.team-member-with-hanging-plus-box p {
	color: #DDD;
	padding-right: 20px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.team-member-with-hanging-plus .hover-plus a {
	background-color: #FEED01;
}
.team-member-with-hanging-plus-content {
	padding: 20px;
	overflow: hidden;
	text-align: center;
}
.team-member-with-hanging-plus-content h3,
.team-member-with-hanging-plus-content p {
	margin-bottom: 5px;
}
.team-member-with-hanging-plus-content p {
	font-size: 12px;
	letter-spacing: 1px;
}
.team-member-with-hanging-plus-box {
	position: absolute;
	padding: 20px;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba( 0,0,0,0.8 );
	transition:           all ease 0.5s;
	-o-transition:        all ease 0.5s;
	-ms-transition:       all ease 0.5s;
	-moz-transition:      all ease 0.5s;
	-webkit-transition:   all ease 0.5s;
}
.imageSingle:hover .team-member-with-hanging-plus-box {
	top: 0;
}
/* team boxed */
.team-boxed {
	overflow: hidden;
	position: relative;
}
.team-boxed .imageSingle {
	position: relative;
}
.team-boxed .imageSingle:before {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba( 0,0,0,0.7 );
	transition:           all ease 0.5s;
	-o-transition:        all ease 0.5s;
	-ms-transition:       all ease 0.5s;
	-moz-transition:      all ease 0.5s;
	-webkit-transition:   all ease 0.5s;
}
.team-boxed:hover .imageSingle:before {
	top: 0;
}
.team-boxed .team-boxed-content {
	position: absolute;
	width: 90%;
	right: 100%;
	bottom: 0;
	background-color: #F7FA00;
	padding: 12px 25px;
	transition:           all ease 0.5s;
	-o-transition:        all ease 0.5s;
	-ms-transition:       all ease 0.5s;
	-moz-transition:      all ease 0.5s;
	-webkit-transition:   all ease 0.5s;
}
.team-boxed:hover .team-boxed-content {
	right: 0;
}
.team-boxed .team-boxed-content h3 {
	margin: 0;
	color: #111;
}
.team-boxed .team-boxed-content h6 {
	margin: 0;
	color: #666;
}
.team-boxed ul.listNone {
	position: absolute;
	top: 0;
	left: 0;
}
.team-boxed ul.listNone li a {
	display: block;
	width: 40px;
	line-height: 40px;
	background-color: #111;
	color: #F7FA00!important;
	margin-bottom: 1px;
}
.team-boxed ul.listNone li a:hover {
	background-color: #F7FA00;
	color: #FFF!important;
}
/* team member full height */
.team-member-full-height {
	overflow: hidden;
	position: relative;
	background-color: #FFF;
	text-align: center;
}
.team-member-full-height ul {
	margin: 20px 0 0;
	padding: 0;
	list-style: none;
}
.team-member-full-height ul li {
	display: inline-block;
}
.team-member-full-height ul li a {
	display: block;
	width: 30px;
	line-height: 30px;
	background-color: #111;
	color: #111;
	text-align: center;
	margin-bottom: 1px;
	background-color: #F7FA00;
	transition:           all ease 0.3s;
	-o-transition:        all ease 0.3s;
	-ms-transition:       all ease 0.3s;
	-moz-transition:      all ease 0.3s;
	-webkit-transition:   all ease 0.3s;
}
.team-member-full-height ul li a:hover {
	background-color: #FFF;
	color: #111;
}
.team-member-full-height-content {
	background-color: rgba( 0, 0, 0, 0.8 );
	width: 100%;
	padding: 20px;
	position: absolute;
	text-align: center;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
	opacity: 0;
	cursor: pointer;
	transition:           all ease 0.7s;
	-o-transition:        all ease 0.7s;
	-ms-transition:       all ease 0.7s;
	-moz-transition:      all ease 0.7s;
	-webkit-transition:   all ease 0.7s;
	top: 60%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.team-member-full-height-content h3 {
	color: #FFF;
	margin-bottom: 10px;
	line-height: 1;
}
.team-member-full-height-content p {
	color: #F7FA00;
	letter-spacing: 1px;
	font-size: 12px;
}
.team-member-full-height:hover .team-member-full-height-content {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	opacity: 1;
	top: 50%;
}
/*
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	TESTIMONIAL
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* testimonial rounded transparent icon */
.testimonial-rounded-transparent-icon {
	position: relative;
	padding: 50px 0 0 50px;
}
.testimonial-rounded-transparent-icon:before {
	width: 80px;
    height: 80px;
    line-height: 80px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba( 0,0,0,0.1 );
    font-family: 'FontAwesome';
    text-align: center;
    content: "\f10d";
    font-size: 36px;
    color: #F7FA00;
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	-ms-opacity: 0.5;
	-o-opacity: 0.5;
	opacity: 0.5;
	-webkit-border-radius: 999px;
	-moz-border-radius: 999px;
	-ms-border-radius: 999px;
	-o-border-radius: 999px;
	border-radius: 999px;
}
/* testimonial right icon */
.testimonial-right-icon {
	position: relative;
	text-align: right;
}
.testimonial-right-icon:before {
    position: absolute;
    bottom: 20px;
    right: 0;
    color: rgba( 0,0,0,0.1 );
    font-size: 46px;
    font-family: 'FontAwesome';
    content: "\f10d";
}
.testimonial-right-icon-dark:before {
    color: rgba( 255,255,255,0.1 );
}
.testimonial-right-icon h6 {
	margin-bottom: 0;
}
.testimonial-right-icon span {
	display: block;
	font-size: 12px;
	letter-spacing: 1px;
}

/*
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
============================================ EXTRA ===============================================
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/*
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	HEADLINE
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.headline {
	text-align: center;
	margin-bottom: 30px;
	overflow: hidden;
	word-wrap: break-word;
}
.headline span {
	position: relative;
	display: inline-block;
	width: 60px;
	margin-bottom: 20px;
}
.headline span:before,
.headline span:after {
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	width: 60px;
	height: 1px;
	background-color: #9a0031;
	transition:           all ease 0.3s;
	-o-transition:        all ease 0.3s;
	-ms-transition:       all ease 0.3s;
	-moz-transition:      all ease 0.3s;
	-webkit-transition:   all ease 0.3s;
}
.headline span:after {
	width: 30px;
	top: 5px;
	left: 15px;
}
.headline:hover span:before {
	width: 30px;
}
.headline:hover span:after {
	width: 60px;
}
.headline p {
	font-family: 'Noto Serif', serif;
	font-size: 18px;
	color: #111;
	line-height: 1.5;
	margin: 0;
}
.main-headline {
	font-family: "Open Sans", sans-serif;
	font-size: 52px;
	line-height: 1;
	font-weight: 900;
	letter-spacing: -2px;
}
/* headline dark span */
.headline-dark-span span:before,
.headline-dark-span span:after {
	background-color: #111;
}
/* headline white */
.headline-white h2 {
	color: #FFF;
}
.headline-white p {
	color: #999;
}
.headline-white span:before,
.headline-white span:after {
	background-color: #FFF;
}
/*
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	PORTFOLIO STYLES
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.element-portfolio .portfolioContainer .imageSingle {
	position: relative;
	overflow: hidden;
}
/*
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	TAGLINE BOX
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.tagline-icon,
.tagline-content,
.tagline-button {
	float: left;
}
.tagline-icon {
	width: 50px;
	margin-right: 20px;
}
.tagline-content {
	width: -webkit-calc( 100% - 320px );
	width: calc( 100% - 320px );
}
.tagline-button {
	width: 250px;
}
.tagline-icon .icon {
	font-size: 36px;
	color: #111;
	line-height: 36px;
}
.tagline-content h2 {
	margin-bottom: 0;
	line-height: 36px;
	letter-spacing: 2px;
}
.tagline-button a.custom-btn {
	margin: 0;
}
/* Tagline Call To Action */
.tagline-call-to-action {
	padding: 80px 50px;
	overflow: hidden;
}
.tagline-call-to-action .tagline-icon,
.tagline-call-to-action .tagline-content,
.tagline-call-to-action .tagline-button {
	width: 100%;
}
.tagline-call-to-action .tagline-icon,
.tagline-call-to-action .tagline-content {
	margin: 0 0 20px;
}
/* Tagline Dubble Button */
.tagline-double-button {
	position: relative;
	overflow: hidden;
}
.tagline-double-button .tagline-icon {
	position: absolute;
	width: 100px;
	height: 100%;
}
.tagline-double-button .tagline-icon .icon {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.tagline-double-button .tagline-content,
.tagline-double-button .tagline-button {
	width: -webkit-calc( 100% - 100px );
	width: calc( 100% - 100px );
	float: right;
}
.tagline-double-button .tagline-button {
	margin-top: 20px;
}

/*
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	LIST BRANDING
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
ul.list-branding li {
	font-family: "Oswald Light", sans-serif;
	text-transform: uppercase;
	color: #fff;
	font-size: 16px;
	letter-spacing: 2px;
	display: inline-block!important;
	padding: 0 15px;
	position: relative;
	line-height: 1;
	margin-right: 20px;
}
ul.list-branding li:last-child {
	margin: 0;
}
ul.list-branding li:before {
	position: absolute;
	right: 5px;
	bottom: 2px;
	width: 2px;
	height: 2px;
	-webkit-border-radius: 99px;
	-moz-border-radius: 99px;
	-ms-border-radius: 99px;
	-o-border-radius: 99px;
	border-radius: 99px;
	background-color: #111;
}
/*
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	WELCOME TEXT
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.welcome-text p {
	font-size: 22px;
	line-height: 36px;
	color: #111;
}