@charset "utf-8";



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

 [ -Main Stylesheet-

  Theme: Solonick

  Version: 1.0

  Last change: 10/04/2018 ]

++ Fonts ++

++ General Style ++

++ Loader++

++ Header ++

++ Navigation ++

++ Footer ++

++ Section ++

++ Portfolio ++

++ Contacts ++

++ Blog ++

++ 404 ++

++ Responsive ++



 

/*-------------Fonts---------------------------------------*/



@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800,900|Poppins:400,500,600,700,800,900|Titillium+Web:400,600,700&subset=cyrillic,cyrillic-ext,devanagari,latin-ext,vietnamese');



/*-------------General Style---------------------------------------*/



html {

	overflow-x: hidden !important;

	height: 100%;

}

body {

	margin: 0;

	padding: 0;

	font-weight: 400;

	font-size: 13px;

	height: 100%;

	text-align: center;

	background: #2D2D32;

	color: #000;

	font-family: 'Titillium Web', sans-serif;

}

@-o-viewport {

	width: device-width;

}

@-ms-viewport {

	width: device-width;

}

@viewport {

	width: device-width;

}

/* ---------Page preload--------------------------------------*/



.loader-wrap {

	position: fixed;

	width: 100%;

	height: 100%;

	z-index: 200;

	background: #2A2A2E;

	top: 0;

	overflow: hidden;

	left: 0;

	-webkit-transform: translate3d(0, 0, 0);

}

.pin {

	position: absolute;

	top: 50%;

	left: 30%;

	margin-left: 50px;

	width: 200px;

	height: 40px;

	text-transform: uppercase;

	letter-spacing: 10px;

	font-size: 12px;

	font-weight: 400;

	margin-top: -20px;

	color: rgba(255, 255, 255, 0.31);

	font-family: 'Poppins', sans-serif;

	text-align: left;

}

.pin:after {

	content: "Solonick : ";

	position: absolute;

	left: -100%;

	color: rgba(255, 255, 255, 0.51);

}

.pin:before {

	content: "Loading";

	position: absolute;

	overflow: hidden;

	max-width: 0;

	text-align: left;

	animation: pinanim 2.2s ease-out infinite;

}

@keyframes pinanim {

	0% {

		max-width: 0;

	}

	100% {

		max-width: 100%;

	}

}

@keyframes pinanim {

	0% {

		max-width: 0;

	}

	100% {

		max-width: 100%;

	}

}

/*--------------Typography--------------------------------------*/

p {

	font-size: 11px;

	line-height: 24px;

	padding-bottom: 10px;

	font-weight: 500;

	color: #878C9F;

	font-family: 'Poppins', sans-serif;

}

blockquote {

	float: left;

	padding: 10px 20px;

	margin: 0 0 20px;

	font-size: 17.5px;

	border-left: 15px solid #eee;

	position: relative;

}

blockquote:before {

	font-family: Font Awesome\ 5 Pro;

	content: "\f10e";

	position: absolute;

	color: #ccc;

	bottom: 3px;

	font-size: 43px;

	right: 6px;

	opacity: 0.4

}

blockquote p {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-style: italic;

	color: #666;

}

.bold-title {

	margin: 15px 0;

	font-size: 24px;

	text-align: left;

	font-weight: 600;

}

/*--------------General--------------------------------------*/

#main {

	height: 100%;

	width: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 2;

	opacity: 0;

}

.fl-wrap {

	float: left;

	width: 100%;

	position: relative;

}

.hero-section {

	padding: 250px 0 450px;

}

.content {

	float: left;

	width: 100%;

	position: relative;

	padding-left: 80px;

	z-index: 5;

}

.content.full-height {

	z-index: 6;

}

.container {

	max-width: 1224px;

	width: 92%;

	margin: 0 auto;

	position: relative;

	z-index: 5;

}

#wrapper {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	z-index: 3;

}

.single-page-wrap {

	padding-top: 80px;

}

.single-page-decor {

	position: fixed;

	top: 0;

	left: 80px;

	right: 0;

	height: 80px;

	z-index: 14;

	background: #2D2D32;

	-webkit-transform: translate3d(0, 0, 0);

}

.single-page-fixed-row {

	position: fixed;

	top: 0;

	left: 80px;

	right: 0;

	height: 80px;

	z-index: 14;

	-webkit-transform: translate3d(0, 0, 0);

}

.single-page-fixed-row-link {

	float: left;

	margin-left: 50px;

	text-align: left;

	top: 32px;

}

.single-page-fixed-row-link i {

	padding-right: 20px;

}

.single-page-fixed-row-link span {

	font-weight: 600;

	text-transform: uppercase;

	font-size: 10px;

	letter-spacing: 2px;

	color: #8B8B8B;

	position: relative;

}

.single-page-fixed-row-link span:before {

	content: '';

	position: absolute;

	left: 70%;

	right: -80px;

	top: -12px;

	bottom: -12px;

	background: rgba(255, 255, 255, 0.081);

	-webkit-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}

.single-page-fixed-row-link:hover span:before {

	left: 20%;

}

.respimg {

	width: 100%;

	height: auto;

}

.bg {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 1;

	background-size: cover;

	background-attachment: scroll;

	background-position: center;

	background-repeat: repeat;

	background-origin: content-box;

}

.overlay {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: #000;

	opacity: 0.4;

	z-index: 3;

}

/* ------header------------------------------------------------------------ */

.main-header {

	position: fixed;

	top: 0;

	left: 0;

	width: 80px;

	height: 100%;

	z-index: 100;

	-webkit-transform: translate3d(0, 0, 0);

}

.main-header:before {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: #2C2D32;

	opacity: 0.6;

}

.logo-holder {

	float: left;

	width: 80px;

	height: 80px;

	line-height: 80px;

}

.logo-holder img {

	width: 30px;

	height: auto;

}

.nav-button {

	width: 28px;

	height: 50px;

	display: inline-block;

	cursor: pointer;

	position: relative;

	margin-top: 30px;

}

.nav-button span {

	width: 100%;

	float: left;

	margin-bottom: 6px;

	height: 2px;

	background: #fff;

	position: relative;

	-webkit-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}

.nav-button .ncs {

	width: 70%;

}

.nav-button .nbs,

.nav-button.cmenu:hover .nbs {

	width: 0;

}

.nav-button:hover .ncs,

.nav-button:hover .nbs {

	width: 100%;

}

.nav-button.cmenu .nos {

	-webkit-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	transform: rotate(-45deg);

	margin-bottom: 0;

	top: 8.5px;

}

.nav-button.cmenu .ncs {

	-webkit-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	transform: rotate(45deg);

	margin-bottom: 0;

	top: 6px;

	width: 100%;

}

.nav-button:hover .menu-button-text {

	color: #fff;

}

.menu-button-text {

	position: absolute;

	left: 0;

	width: 100%;

	bottom: -1px;

	color: rgba(255, 255, 255, 0.41);

	font-size: 10px;

	font-weight: 400;

	text-transform: uppercase;

	letter-spacing: 2px;

}

.nav-button.cmenu .menu-button-text {

	margin-top: 16px;

}

.header-social {

	position: absolute;

	bottom: 130px;

	width: 100%;

	left: 0;

}

.header-social:before {

	content: '';

	position: absolute;

	top: -70px;

	width: 1px;

	height: 50px;

	left: 50%;

	background: rgba(255, 255, 255, 0.08);

}

.header-social li {

	float: left;

	width: 100%;

	margin-bottom: 16px;

}

.header-social li a {

	display: inline-block;

	width: 36px;

	height: 36px;

	line-height: 36px;

	color: rgba(255, 255, 255, 0.41);

	font-size: 12px;

	border: 1px solid rgba(255, 255, 255, 0.08);

	-webkit-transition: all 300ms linear;

	transition: all 300ms linear;

}

.header-social li a:hover {

	border-radius: 100%;

	color: #fff;

}

.contact-btn {

	position: fixed;

	top: 0;

	right: 0;

	font-size: 18px;

	color: #fff;

	width: 80px;

	text-align: center;

	z-index: 52;

	cursor: pointer;

	height: 80px;

	line-height: 80px;

	-webkit-transform: translate3d(0, 0, 0);

}

/*------ navigation  ------------------------------------------------*/



.header-logo {

	float: left;

	position: absolute;

	top: 110px;

	left: 170px;

}

.header-logo:before {

	content: '';

	position: absolute;

	right: -100px;

	left: 90px;

	top: -10px;

	bottom: -13px;

	background: rgba(255, 255, 255, 0.031);

	z-index: -1;

	-webkit-transition: all 300ms linear;

	transition: all 300ms linear;

}

.header-logo:hover:before {

	left: calc(100% + 100px);

}

.header-logo img {

	height: 18px;

	width: auto;

}

.nav-holder {

	position: fixed;

	top: 0;

	left: -1064px;

	bottom: 0;

	z-index: 99;

	width: 600px;

	background: #252425;

	overflow: auto;

	padding: 35px 30px 35px 160px;

	opacity: 0;

	-webkit-transform: translate3d(0, 0, 0);

}

.nav-holder:after {

	content: '';

	position: absolute;

	right: 0;

	bottom: 0;

	width: 60%;

	height: 100px;

	background: rgba(255, 255, 255, 0.031);

	z-index: -1;

}

.nav-title {

	position: absolute;

	bottom: 0;

	left: 120px;

	z-index: 2;

	right: 0;

}

.nav-title span {

	float: left;

	position: relative;

	opacity: 0.2;

	top: 150px;

	min-height: 200px;

	text-transform: uppercase;

	font-weight: bold;

	font-size: 94px;

	color: #fff;

	letter-spacing: 4px;

	-webkit-transform: rotate(-90deg);

	-moz-transform: rotate(-90deg);

	-o-transform: rotate(-90deg);

	-ms-transform: rotate(-90deg);

	transform: rotate(-90deg);

	-webkit-transform-origin: left top;

	-ms-transform-origin: left top;

	-moz-transform-origin: left top;

	-o-transform-origin: left top;

	transform-origin: left top;

}

.nav-inner-wrap {

	float: left;

	width: 350px;

	position: relative;

	z-index: 10;

	top: 180px;

}

.nav-overlay {

	position: fixed;

	top: 0;

	left: 0;

	bottom: 0;

	z-index: 98;

	width: 100%;

	background: rgba(37, 36, 37, 0.71);

	cursor: none;

	display: none;

	-webkit-transform: translate3d(0, 0, 0);

}

.nav-overlay .tooltip {

	width: 150px;

	height: 50px;

	line-height: 50px;

	font-weight: 600;

	color: #fff;

	text-transform: uppercase;

	letter-spacing: 2px;

	z-index: 100;

	font-size: 10px;

	display: none;

}

.nav-overlay:hover .tooltip {

	display: block;

	position: fixed;

	overflow: hidden;

}

nav.nav-inner {

	float: left;

	overflow: hidden;

	width: 100%;

	position: relative;

	background: #252425;

	z-index: 20;

}

.sliding-menu ul {

	margin: 0;

	float: left;

	width: 100%;

	overflow: hidden;

}

.sliding-menu li {

	margin: 0;

	position: relative;

	float: left;

	width: 100%;

}

.sliding-menu a {

	float: left;

	width: 100%;

	padding: 0 10px;

	height: 40px;

	line-height: 40px;

	position: relative;

	font-weight: 600;

	font-size: 12px;

	text-align: left;

	color: #fff;

	text-transform: uppercase;

	letter-spacing: 3px;

}

.sliding-menu a:after {

	content: '';

	position: absolute;

	top: 0;

	left: -10px;

	width: 0;

	-webkit-transition: all 300ms linear;

	transition: all 300ms linear;

	height: 100%;

	background: rgba(255, 255, 255, 0.071);

}

.sliding-menu a:hover:after {

	width: 100%;

}

.sliding-menu a i {

	float: left;

	width: 35px;

	color: #74829C;

	position: relative;

	top: 3px;

}

.sliding-menu a.back:before {

	font-family: Font Awesome\ 5 Pro;

	content: '\f104';

	color: #fff;

}

.submen-dec:before {

	font-family: Font Awesome\ 5 Pro;

	content: '\f105';

	position: absolute;

	right: 25px;

	width: 10px;

	height: 10px;

	top: 14px;

	z-index: 20;

}

.subcribe-form {

	margin-top: 28px;

}

.subcribe-form input.enteremail {

	float: left;

	width: 65%;

	border: none;

	background: rgba(255, 255, 255, 0.11);

	padding: 15px 20px;

	position: relative;

	z-index: 1;

	color: #fff;

}

.subcribe-form input.enteremail::-webkit-input-placeholder {

	color: #fff;

	font-weight: 400;

	font-size: 12px;

}

.subcribe-form .subscribe-button {

	position: absolute;

	top: 0;

	right: 0;

	width: 35%;

	z-index: 2;

	padding: 15px 0;

	color: #fff;

	border-top-right-radius: 4px;

	border-bottom-right-radius: 4px;

	border: none;

	cursor: pointer;

}

.subcribe-form .subscribe-button i {

	padding-right: 10px;

}

.subscribe-message {

	margin-top: 10px;

	text-align: left;

	color: #fff;

	float:left;

	width:100%;

}

.nav-footer {

	margin-top: 40px;

	padding-top: 30px;

	border-top: 1px dotted rgba(255, 255, 255, 0.09);

}

.scroll-nav-wrap {

	position: absolute;

	bottom: 0;

	height: 80px;

	left: 80px;

	right: 0;

	background: #2D2D32;

	z-index: 5;

	width: 100%;

}

.scroll-nav {

	float: left;

	padding: 23px 40px 0;

	height: 100%;

	border-right: 1px solid rgba(255, 255, 255, 0.11);

	background: #2A2A2E;

}

.scroll-nav li {

	float: left;

	margin-right: 10px;

}

.scroll-nav li a {

	float: left;

	padding: 13px 35px;

	color: #8B8B8B;

	font-weight: 600;

	font-size: 10px;

	text-transform: uppercase;

	letter-spacing: 2px;

	position: relative;

	-webkit-transition: all 300ms linear;

	transition: all 300ms linear;

}

.scroll-nav li a:after,

.scroll-nav li a:before,

.fsp-filter .gallery-filters a:before,

.fsp-filter .gallery-filters a:after {

	content: '';

	position: absolute;

	top: 50%;

	left: 0;

	width: 15px;

	height: 2px;

	margin-top: -1px;

}

.scroll-nav li a:before,

.fsp-filter .gallery-filters a:before {

	background: rgba(255, 255, 255, 0.091);

	z-index: 1;

}

.scroll-nav li a:after,

.fsp-filter .gallery-filters a:after {

	width: 0;

	z-index: 2;

	-webkit-transition: all 300ms linear;

	transition: all 300ms linear;

}

.scroll-nav a.act-scrlink:after,

.fsp-filter .gallery-filters a.gallery-filter-active:after {

	width: 15px;

}

.full-height {

	height: 100%;

}

/* ------footer------------------------------------------------------------ */



.main-footer {

	position: fixed;

	background: #2A2A2E;

	z-index: 2;

	left: 80px;

	bottom: 0;

	right: 0;

	z-index: 2;

	overflow: hidden;

	-webkit-transform: translate3d(0, 0, 0);

}

.height-emulator {

	z-index: 1;

}

.footer-inner {

	z-index: 3;

	padding: 110px 0 70px;

}

.partcile-dec {

	position: absolute;

	top: 0;

	left: -20%;

	width: 140%;

	height: 100%;

	z-index: -1;

}

.subfooter {

	background: #2D2D32;

	height: 80px;

	z-index: 3;

	padding: 0 90px;

}

.policy-box {

	color: rgba(255, 255, 255, 0.71);

	float: left;

	padding-top: 36px;

	font-family: 'Poppins', sans-serif;

	text-transform: uppercase;

	font-weight: 500;

	font-size: 10px;

	letter-spacing: 2px;

}

.to-top {

	position: absolute;

	top: -45px;

	right: 0;

	width: 40px;

	height: 90px;

	color: #fff;

	overflow: hidden;

	font-size: 24px;

	border: 1px solid rgba(255, 255, 255, 0.08);

	background: #2A2A2E;

}

.to-top-letter {

	position: relative;

	float: left;

	width: 100%;

	height: 30px;

	left: -40px;

	line-height: 10px;

	font-size: 11px;

	color: #292929;

	text-transform: uppercase;

	font-weight: 700;

	-webkit-transition: all .2s ease-in-out;

	transition: all .2s ease-in-out;

}

.to-top-letter:first-child {

	padding-top: 22px;

	-webkit-transition-delay: 0.4s;

	transition-delay: 0.4s;

}

.to-top-letter:nth-child(2) {

	padding-top: 10px;

	-webkit-transition-delay: 0.3s;

	transition-delay: 0.3s;

}

.to-top-letter:nth-child(3) {

	-webkit-transition-delay: 0.2s;

	transition-delay: 0.2s;

}

.to-top i {

	position: absolute;

	width: 100%;

	height: 100%;

	left: 0;

	z-index: 2;

	top: 0;

	line-height: 90px;

	-webkit-transition: all .2s ease-in-out;

	transition: all .2s ease-in-out;

}

.to-top:hover i {

	left: -40px;

}

.to-top:hover .to-top-letter {

	left: 0;

}

.footer-socilal {

	margin-top: 30px;

}

.footer-socilal li,

.order-wrap li {

	float: left;

	position: relative;

	margin-right: 20px;

}

.footer-socilal li a,

.order-wrap li a {

	float: left;

	width: 36px;

	height: 36px;

	line-height: 36px;

	color: rgba(255, 255, 255, 0.41);

	font-size: 12px;

	border: 1px solid rgba(255, 255, 255, 0.08);

	-webkit-transition: all 200ms linear;

	transition: all 200ms linear;

}

.footer-socilal li a:hover,

.order-wrap li a:hover {

	border-radius: 100%;

	color: #fff;

}

.footer-box p {

	text-align: left;

	color: rgba(255, 255, 255, 0.71);

	font-weight: 400;

}

.footer-header {

	text-align: left;

	color: #fff;

	font-size: 12px;

	font-weight: 600;

	margin-bottom: 20px;

	padding-bottom: 20px;

	text-transform: uppercase;

	letter-spacing: 2px;

	border-bottom: 1px dotted rgba(255, 255, 255, 0.11);

}

.footer-header span {

	padding-right: 10px;

}

.footer-contacts {

	margin-top: 20px;

	padding-top: 20px;

	border-top: 1px dotted rgba(255, 255, 255, 0.11);

}

.footer-contacts li {

	float: left;

	width: 100%;

	padding: 8px 0;

	text-transform: uppercase;

	letter-spacing: 2px;

	font-size: 11px;

	font-weight: 600;

}

.footer-contacts li a {

	float: left;

	text-align: left;

	color: #fff;

}

.footer-contacts li span {

	float: left;

	text-align: left;

	color: #999;

	padding-right: 12px;

}

.footer-contacts li:hover span {

	color: #fff;

}

.footer-contacts li i {

	float: left;

	padding-right: 12px;

	position: relative;

	top: 2px;

}

.footer-title span {

	position: absolute;

	left: -120px;

	opacity: 0.2;

	margin-top: 66%;

	text-transform: uppercase;

	font-weight: 900;

	font-size: 64px;

	letter-spacing: 6px;

	-webkit-transform: rotate(-90deg);

	-moz-transform: rotate(-90deg);

	-o-transform: rotate(-90deg);

	-ms-transform: rotate(-90deg);

	transform: rotate(-90deg);

	color: #fff;

}

.footer-title span:before {

	content: "";

	position: absolute;

	bottom: -20px;

	left: 50%;

	width: 100px;

	height: 1px;

	background: #fff;

	margin-left: -50px;

}



#twitts-container img,

p.interact,

#twitts-container div.user {

	display: none;

}

#twitts-container {

	text-align: left;

}

#twitts-container a {

	color: #fff;

}

#twitts-container p.tweet {

	font-size: 11px;

	color: rgba(255, 255, 255, 0.71);

	float: left;

	padding: 10px 18px;

	background: rgba(255, 255, 255, 0.031);

	border-radius: 4px;

	overflow: hidden;

	font-weight: 400;

	margin-bottom: 10px;

	box-shadow: 0px 0px 28px 1px rgba(51, 51, 51, 0.41);

}

#twitts-container ul li:hover p.tweet{

	background: rgba(255, 255, 255, 0.071);

}

#twitts-container ul li {

	float: left;

	width: 100%;

	margin-bottom: 15px;

	position: relative;

	padding-left: 12px;

	border-bottom: 1px dotted rgba(255, 255, 255, 0.151);

}

#twitts-container ul li:before {

	font-family: Font Awesome\ 5 Pro;

	content: '\f142';

	position: absolute;

	top: 45%;

	left: 0;

	height: 20px;

	margin-top: -20px;

	z-index: 1;

	font-size: 16px;

	font-weight: 300;

}

#twitts-container .timePosted a {

	color: rgba(255, 255, 255, 0.51);

	position: relative;

	float: left;

	margin-bottom: 10px;

	padding-left: 24px;

	font-weight: 500;

	font-size: 11px;

}

#twitts-container .timePosted a:hover {

	color: #fff;

}

#twitts-container .timePosted a:before {

	font-family: Font Awesome\ 5 Pro;

	content: "\f017";

	position: absolute;

	top: 0;

	left: 0;

	font-weight: 300;

	opacity: 1;

	font-size: 14px;

}

#twitts-container .timePosted a:after {

	top: -10px;

	left: 22px;

	border: solid transparent;

	content: " ";

	height: 0;

	width: 0;

	position: absolute;

	pointer-events: none;

}

#twitts-container .timePosted a:after {

	border-color: transparent;

	border-top-color: rgba(255, 255, 255, 0.041);

	border-width: 7px;

	margin-left: 7px;

}

.follow-twiit-button {

	position: absolute;

	width: 36px;

	height: 36px;

	background: rgba(255, 255, 255, 0.91);

	line-height: 36px;

	border-radius: 100%;

	z-index: 20;

	bottom: 40px;

	right: -15px;

	font-size: 12px;

	box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.1);

}

.follow-twiit-button span {

	position: absolute;

	right: 0;

	background: #fff;

	line-height: 0;

	padding: 16px 0;

	min-width: 150px;

	border-radius: 6px;

	color: #fff;

	visibility: hidden;

	opacity: 0;

	top: -30px;

	box-shadow: 0px 6px 15px -2px rgba(56, 137, 253, 0.81);

	-webkit-transition: all 300ms linear;

	transition: all 300ms linear;

}

.follow-twiit-button:hover span {

	opacity: 1;

	top: -40px;

	visibility: visible;

}

/*------Button ------------------------------------------------*/



.btn {

	padding: 15px 30px;

	position: relative;

	margin-top: 10px;

	font-size: 10px;

	font-weight: 600;

	letter-spacing: 4px;

	-webkit-transition: all 200ms linear;

	transition: all 200ms linear;

	text-transform: uppercase;

	border-radius: 4px;

	text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.36);

}

.trsp-btn {

	border: 1px solid rgba(255, 255, 255, 0.09);

	color: #fff;

}

.trsp-btn:before,

.flat-btn:before {

	background: rgba(255, 255, 255, 0.29);

}

.flat-btn {

	border: 1px solid #000;

	color: #fff;

	background: #292929;

}

.float-btn {

	float: left;

}

.color-btn {

	color: #fff;

	border-color: transparent

}

.btn.color-btn:before {

	background: #fff;

}

.btn:before {

	content: '';

	position: absolute;

	top: 50%;

	left: 20px;

	height: 1px;

	width: 0;

	-webkit-transition: all 200ms linear;

	-moz-transition: all 200ms linear;

	-o-transition: all 200ms linear;

	-ms-transition: all 200ms linear;

	transition: all 200ms linear;

}

.btn:hover:before {

	width: 30px;

}

.btn:hover {

	padding-left: 60px;

}

.mar-top {

	margin-top: 50px;

}

.mar-top-sm {

	margin-top: 20px;

}

.mar-bottom {

	margin-bottom: 50px;

}

/*--------------hero--------------------------------------*/

.impulse-wrap {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 4;

	-webkit-perspective: 1000;

}

.impulse-wrap .section-entry {

	-webkit-transform: translateZ(40px);

	transform: translateZ(40px);

}

.mm-parallax {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	transform-style: preserve-3d;

}

.hero-wrap {

	float: left;

	width: 100%;

	height: 100%;

	padding-bottom: 80px;

	overflow: hidden;

	position: relative;

	z-index: 4;

	background: #2A2A2E;

}

.slideshow-container {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: -1;

}

.fs-carousel-wrap {

	background: #2A2A2E;

}

.fs-carousel-item {

	float: left;

	position: relative;

	margin: 0 3px;

	overflow: hidden;

}

.fs-carousel-title {

	top: 36%;

	padding: 0 50px;

	z-index: 10;

}

.fs-carousel-title h3 {

	text-align: left;

	color: #fff;

	font-size: 34px;

	font-weight: 600;

	float: left;

	width: 100%;

}

.fs-carousel-title .btn {

	margin-top: 30px;

}

.fs-carousel-title h3 a {

	color: #fff;

}

.fs-carousel-titlecat {

	margin-bottom: 30px;

	background: rgba(0, 0, 0, 0.41);

	float: left;

	padding: 15px 30px;

}

.fs-carousel-titlecat a {

	float: left;

	text-transform: uppercase;

	letter-spacing: 2px;

	font-size: 10px;

	font-weight: 600;

	margin-right: 18px;

}

.fs-carousel-titlecat a:hover {

	color: rgba(255, 255, 255, 0.71);

}

.fs-carousel-link {

	float: left;

	color: #fff;

	position: relative;

	margin-top: 20px;

	letter-spacing: 2px;

	font-size: 11px;

	font-weight: 600;

	text-transform: uppercase;

}

.fs-carousel-link:after {

	font-family: Font Awesome\ 5 Pro;

	content: '\f324';

	position: absolute;

	bottom: -15px;

	right: -40px;

	font-weight: 300;

	color: rgba(255, 255, 255, 0.71);

	font-size: 12px;

}

.fs-carousel-link:before {

	content: '';

	position: absolute;

	bottom: -10px;

	left: 0;

	height: 1px;

	width: 100%;

	border-bottom: 1px dotted rgba(255, 255, 255, 0.41);

}

.fs-carousel-link:hover:after {

	right: -50px;

}

.fs-carousel-item .bg,

.fs-carousel-link:after {

	-webkit-transition: all .5s ease-in-out;

	transition: all .5s ease-in-out;

}

.bg.hov-rot {

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	transform: scale(1.1);

}

.fs-carousel-wrap {

	padding-left: 80px;

}

.carousle-item-number {

	position: absolute;

	bottom: -30px;

	font-size: 79px;

	color: rgba(255, 255, 255, 0.41);

	left: 20px;

	z-index: 3;

	font-weight: bold;

	font-family: 'Poppins', sans-serif;

}

.half-bg {

	float: right;

	width: 65%;

	position: relative;

	height: 100%;

	overflow: hidden;

	z-index: 2;

}

.impulse-wrap .half-bg {

	overflow: hidden;

	position: absolute;

	right: 0;

	top: 10%;

	height: 80%;

	width: 65%;

}

.half-slider-wrap {

	z-index: 10;

}

.half-slider-img-wrap {

	position: absolute;

	top: 0;

	right: 0;

	width: 65%;

	height: 100%;

	z-index: 1;

}

.half-slider-img-item {

	float: left;

	width: 100%;

	height: 100%;

	overflow: hidden;

	position: relative;

}

.half-bg-dec {

	position: absolute;

	top: 10%;

	left: 5.5%;

	width: 20%;

	height: 80%;

	padding-left: 80px;

}

.half-bg-dec.single-half-bg-dec {

	left: inherit;

	right: 5.5%;

	width: 35%;

	height: 90%;

	top: 9%;

}

.half-bg-dec-item {

	float: left;

	width: 33.3%;

	height: 25%;

	position: relative;

}

.half-bg-dec-item:before {

	content: '';

	position: absolute;

	top: 50%;

	left: 50%;

	width: 8px;

	height: 8px;

	margin: -4px 0 0 -4px;

	border-radius: 100%;

	border: 1px solid rgba(255, 255, 255, 0.31);

	box-sizing: border-box;

	-webkit-transition: all 500ms linear;



	transition: all 500ms linear;

	z-index: 3;

}

.half-bg-dec-item.half-bg-dec-vis:before {

	background: #fff;

}

.hero-inner {

	overflow: hidden;

}

.half-hero-wrap {

	position: absolute;

	left: 25%;

	z-index: 10;

	top: 29%;

}

.half-hero-wrap h1:before {

	content: '';

	position: absolute;

	top: -30px;

	left: 0;

	width: 50px;

	height: 4px;

	border: 1px solid rgba(255, 255, 255, 0.21);

}

.half-hero-wrap h1 {

	color: #fff;

	font-family: 'Poppins', sans-serif;

	font-size: 50px;

	text-align: left;

	font-weight: 600;

	line-height: 70px;

	padding-bottom: 30px;

	position: relative;

}

.half-hero-wrap h4 {

	padding: 15px 30px;

	background: rgba(0, 0, 0, 0.21);

	text-align: left;

	font-size: 11px;

	float: left;

	text-transform: uppercase;

	color: rgba(255, 255, 255, 0.71);

	letter-spacing: 6px;

	font-weight: 600;

}

.hero-line-dec {

	position: absolute;

	bottom: 50px;

	left: 35%;

	width: 60px;

	height: 1px;

	background: rgba(255, 255, 255, 0.41);

	z-index: 26;

	margin-left: -30px;

}

.hero-line-dec.imp-her-line {

	bottom: 130px;

}

.pattern-bg {

	position: absolute;

	bottom: 0;

	width: 50%;

	height: 30%;

	z-index: 3;

	right: 0;

	background: url(../images/pattern.png) repeat;

	opacity: 0.2;

}

.hero-decor-let {

	position: absolute;

	color: #fff;

	font-size: 10px;

	right: 53px;

	letter-spacing:10px;

	top: 43%;

	z-index: 20;

	font-weight: 500;

	text-transform:uppercase;

	-webkit-transform: rotate(90deg);

	transform: rotate(90deg);

	white-space:nowrap;

}

.hero-decor-let div{

	position:absolute;

	top:0;

	left:0;

}

.hero-decor-let span {

	color: rgba(255, 255, 255, 0.51);

}

.hero-decor-numb {

	position: absolute;

	z-index: 20;

	left: 40%;

	top: 40px;

	padding-left: 80px;

	cursor: pointer;

	overflow: hidden;

}

.hero-decor-numb:before {

	content: '';

	position: absolute;

	top: 50%;

	left: 20px;

	width: 20px;

	height: 1px;

}

.hero-decor-numb-tooltip {

	position: absolute;

	left: 80px;

	top: -40px;

	opacity: 0;

	visibility: hidden;

}

.hero-decor-numb span {

	float: left;

	margin-right: 60px;

	position: relative;

	top: 0;

}

.hero-decor-numb span,

.hero-decor-numb-tooltip {

	-webkit-transition: all 200ms linear;

	transition: all 200ms linear;

	color: rgba(255, 255, 255, 0.51);

	letter-spacing: 10px;

	font-size: 10px;

	text-transform: uppercase;

}

.hero-decor-numb:hover span {

	top: 50px;

	opacity: 0;

	visibility: hidden;

}

.hero-decor-numb:hover .hero-decor-numb-tooltip {

	top: 0;

	opacity: 1;

	visibility: visible;

}

.scroll-down-wrap {

	float: left;

	height: 100%;

	position: relative;

	margin-left: 50px;

	padding-right: 50px;

	padding-top: 28px;

	border-right: 1px solid rgba(255, 255, 255, 0.11);

}

.scroll-down-wrap span {

	float: left;

	margin-left: 20px;

	position: relative;

	top: 8px;

	color: #fff;

	font-weight: 600;

	text-transform: uppercase;

	font-size: 10px;

	letter-spacing: 2px;

	color: #8B8B8B;

}

.mousey {

	float: left;

	width: 20px;

	height: 30px;

	border-radius: 6px;

	padding: 0 6px;

	border: 2px solid rgba(255, 255, 255, 0.41);

	box-sizing: border-box;

}

.scroller {

	position: relative;

	left: 50%;

	top: 6px;

	margin-left: -1.5px;

	width: 3px;

	height: 6px;

	border-radius: 25%;

	background-color: #fff;

	animation-name: scroll;

	animation-duration: 2.2s;

	animation-timing-function: cubic-bezier(.15, .41, .69, .94);

	animation-iteration-count: infinite;

}

@keyframes scroll {

	0% {

		opacity: 0;

	}

	10% {

		transform: translateY(0);

		opacity: 1;

	}

	100% {

		transform: translateY(10px);

		opacity: 0;

	}

}

.sp-cont {

	position: absolute;

	z-index: 50;

	top: 50%;

	width: 40px;

	height: 40px;

	line-height: 40px;

	cursor: pointer;

	margin-top: -20px;

}

.sp-arr {

	font-size: 15px;

	border: 1px solid rgba(255, 255, 255, 0.21);

	background: rgba(255, 255, 255, 0.071);

	border-radius: 4px;

	-webkit-transition: all 200ms linear;

	transition: all 200ms linear;

}

.sp-arr:hover {

	border-radius: 100%;

	background: rgba(255, 255, 255, 0.21);

}

.sp-cont-prev {

	left: 50px;

}

.sp-cont-next {

	right: 50px;

}

.fet_pr-carousel .slick-dots {

	position: absolute;

	z-index: 10;

	width: 50%;

	bottom: -66px;

	right: 0;

	padding-left: 20px;

}

.fet_pr-carousel .slick-dots li {

	float: left;

	position: relative;

	margin-right: 10px;

}

.slick-dots li button {

	position: relative;

	width: 14px;

	height: 14px;

	text-indent: -9999px;

	line-height: 14px;

	border: none;

	cursor: pointer;

	position: relative;

	background: none;

	border-radius: 100%;

	border: 1px solid transparent;

}

.slick-dots li.slick-active button {

	border-color: rgba(255, 255, 255, 0.41);

}

.slick-dots li button:before {

	content: '';

	position: absolute;

	top: 4px;

	left: 4px;

	bottom: 4px;

	right: 4px;

	border-radius: 100%;

	background: #eee;

	-webkit-transition: all 200ms linear;

	transition: all 200ms linear;

}

.slick-dots li.slick-active button:before {

	-webkit-transform: scale(1.5);

	-moz-transform: scale(1.5);

	transform: scale(1.5);

}

.hero-start-link {

	position: absolute;

	z-index: 9;

	right: 60%;

	bottom: -130px;

	margin-right: 100px;

	text-transform: uppercase;

	color: rgba(255, 255, 255, 0.41);

	letter-spacing: 4px;

	font-size: 10px;

	font-weight: 500;

}

.hero-start-link i,

.hero-start-button i {

	padding-left: 20px;

	font-size: 14px;

}

.hero-start-link span {

	position: relative;

}

.hero-start-link span:before {

	content: "Let's Start";

	position: absolute;

	overflow: hidden;

	max-width: 0;

	white-space: nowrap;

	font-weight: 500;

	text-align: left;

	-webkit-transition: all 0.4s ease-in-out;

	transition: all 0.4s ease-in-out;

}

.hero-start-link:hover span:before {

	max-width: 100%;

}

.hero-start-button-wrap {

	position: absolute;

	bottom: 0;

	z-index: 9;

	left: 0;

	width: 100%;

}

.hero-start-button {

	float: left;

	padding: 15px 45px;

	background: #2A2A2E;

	font-weight: 600;

	text-transform: uppercase;

	font-size: 10px;

	letter-spacing: 2px;

	color: #8B8B8B;

	position: relative;

}

.hero-start-button:before {

	content: '';

	position: absolute;

	left: 40%;

	right: 35px;

	top: 10px;

	bottom: 10px;

	background: rgba(255, 255, 255, 0.081);

	-webkit-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}

.hero-start-button:hover:before {

	left: 67%;

}

.promo-link {

	position: absolute;

	bottom: 40px;

	left: 50px;

	padding: 16px 55px 16px 70px;

	color: #fff;

	letter-spacing: 2px;

	border-radius: 2px;

	font-size: 10px;

	text-transform: uppercase;

	font-weight: 600;

	box-shadow: 0px 0px 0px 7px rgba(255, 255, 255, 0.4);

	z-index: 10;

}

.promo-link i {

	position: absolute;

	left: 10px;

	top: 50%;

	height: 34px;

	width: 34px;

	line-height: 34px;

	color: #fff;

	font-size: 10px;

	border-radius: 100%;

	margin-top: -17px;

	background: #2D2D32;

	padding-left: 6px

}

.promo-link:hover i {

	background: #878C9F;

	color: #fff;

}

.single-media-container img {

	border-radius: 6px;

}

.single-slider img {

	width: 100%;

	height: auto;

	position: relative;

}

.single-slider .slick-dots,

.fullscreen-slider .slick-dots {

	bottom: 50px;

	position: relative;

	display: inline-block;

	padding: 0;

	margin: 0;

}

.single-slider .slick-dots:before,

.fullscreen-slider .slick-dots:before {

	content: '';

	position: absolute;

	left: -30px;

	right: -30px;

	bottom: -8px;

	top: -8px;

	border-radius: 25px;

	background: rgba(0, 0, 0, 0.4);

}

.single-slider .slick-dots li,

.fullscreen-slider .slick-dots li {

	display: inline-block;

	margin: 0 7px;

}

.single-slider-wrap .sp-cont {

	position: absolute;

	z-index: 10;

	width: 40px;

	height: 40px;

	top: 50%;

	margin-top: -20px;

	background: #2D2D32;

	border-radius: 4px;

	line-height: 40px;

	color: #fff;

}

.single-slider-wrap .sp-cont.sp-cont-prev {

	left: 30px;

}

.single-slider-wrap .sp-cont.sp-cont-next {

	right: 30px;

}

.fullscreen-slider-wrap .sp-cont {

	position: absolute;

	z-index: 10;

	width: 40px;

	height: 40px;

	top: 50%;

	margin-top: -20px;

	line-height: 40px;

	right: 30px;

	left: inherit;

}

.fullscreen-slider-wrap .sp-cont.sp-cont-next {

	margin-top: -80px;

}

.fullscreenslider-counter {

	position: absolute;

	z-index: 20;

	width: 60px;

	height: 40px;

	top: 50%;

	margin-top: -50px;

	line-height: 40px;

	right: 30px;

	color: rgba(255, 255, 255, 0.51);

	letter-spacing: 2px;

	font-size: 10px;

}

/*------section ------------------------------------------------*/

section {

	position: relative;

	float: left;

	width: 100%;

	padding: 110px 0;

	background: #fff;

	overflow: hidden;

}

section.no-hidden {

	overflow: inherit;

}

section.parallax-section {

	padding: 120px 0;

}

.small-padding {

	padding: 70px 0;

}

.dark-bg {

	background: #2A2A2E;

}

.dark-bg2 {

	background: #2D2D32;

}

.gray-bg {

	background: #FAFAFA;

}

section.parallax-section .bg {

	height: 120%;

	top: 0;

}

section.parallax-section.parallax-sec-half-right,

section.parallax-section.parallax-sec-half-left {

	padding: 120px 0 170px;

}

section.parallax-section.parallax-sec-half-right:before,

section.parallax-section.parallax-sec-half-left:before {

	content: '';

	position: absolute;

	bottom: 0;

	height: 80px;

	background: #fff;

	z-index: 4;

	width: 60%;

}

section.parallax-section.parallax-sec-half-right:after {

	content: '';

	position: absolute;

	bottom: 150px;

	right: 60%;

	height: 1px;

	background: rgba(255, 255, 255, 0.31);

	z-index: 14;

	width: 70px;

	margin-right: -35px;

}

section.parallax-section.sing-dark-bg:before {

	background: #2A2A2E;

}

section.parallax-section.parallax-sec-half-right:before {

	right: 0;

}

section.parallax-section.parallax-sec-half-left:before {

	left: 0;

}

section.parallax-section.parallax-sec-half-right .bg,

section.parallax-section.parallax-sec-half-right .overlay {

	left: inherit;

	right: 0;

	width: 60%;

}

section.parallax-section.parallax-sec-half-left .bg,

section.parallax-section.parallax-sec-half-left .overlay {

	left: 0;

	width: 60%;

}

.sec-half .pattern-bg {

	height: 40%;

}

.fw-parallax .section-title h2 {

	color: #fff;

}

.horizonral-subtitle {

	position: absolute;

	left: -290px;

	top: 20%;

}

.horizonral-subtitle span {

	position: absolute;

	left: 0;

	text-transform: uppercase;

	font-weight: 900;

	font-size: 84px;

	letter-spacing: 6px;

	-webkit-transform: rotate(-90deg);

	transform: rotate(-90deg);

	color: rgba(255, 255, 255, 0.11);

	top: 0;

	white-space: nowrap;

}

section.parallax-section.parallax-sec-half-left .horizonral-subtitle {

	left: inherit;

	right: 70px;

}

section.parallax-section.parallax-sec-half-left .horizonral-subtitle span {

	-webkit-transform: rotate(90deg);

	transform: rotate(90deg);

}

.section-title {

	padding: 20px 0 20px 50px;

	margin-bottom: 50px;

	text-align: left;

}

.section-title h2 {

	font-size: 40px;

	font-family: 'Poppins', sans-serif;

	text-transform: uppercase;

	font-weight: 800;

	color: rgb(50, 58, 69);

	position: relative;

	padding-bottom: 30px;

}

section.parallax-section.parallax-sec-half-left .section-title {

	text-align: right;

}

section.parallax-section.parallax-sec-half-left .section-title p {

	float: right;

}

section.parallax-section .section-title {

	padding-left: 0;

}

section.dark-bg .section-title h2 {

	color: #fff;

	padding-bottom: 50px;

}

section.parallax-section .section-title h2:before {

	content: '';

	position: absolute;

	left: 0;

	top: -50px;

	left: 0;

	width: 50px;

	height: 6px;

	background: rgba(255, 255, 255, 0.071);

	border: 1px solid rgba(255, 255, 255, 0.11);

}

section.parallax-section .section-title h2:after {

	content: '';

	position: absolute;

	bottom: 30px;

	left: 0;

	width: 50px;

	height: 1px;

	border-bottom: 1px dotted rgba(255, 255, 255, 0.21);

}

section.parallax-section.parallax-sec-half-left .section-title h2:before,

section.parallax-section.parallax-sec-half-left .section-title h2:after {

	left: inherit;

	right: 0;

}

section.parallax-section .section-title p {

	color: rgba(255, 255, 255, 0.71);

	max-width: 550px;

}

section .section-title p {

	max-width: 550px;

}

section.parallax-section .section-title:before {

	display: none;

}

.section-title h3 {

	position: relative;

	padding-bottom: 30px;

    text-align: left;

    font-weight: 600;

    font-size: 14px;

    position: relative;

	color: #999;

}

.section-title h3:before {

	content: '';

	position: absolute;

	bottom: 12px;

	left: 0;

	width: 50px;

	height: 1px;

	border-bottom: 1px dotted #666;

}

.section-subtitle {

	position: absolute;

	font-family: 'Poppins', sans-serif;

	text-transform: uppercase;

	font-weight: 900;

	top: 50px;

	left: 40px;

	color: #ccc;

	right: 0;

	opacity: 0.15;

	text-align: left;

}

.section-subtitle.right-pos {

	right: 80px;

	text-align: right;

}

.section-title:before {

	content: '';

	position: absolute;

	top: 0;

	left: -2px;

	width: 4px;

	height: 100%;

}

.pr-title {

	padding: 0 20px 0 30px;

}

.pr-title:before {

	content: '';

	position: absolute;

	top: -10px;

	left: -2px;

	bottom: -10px;

	width: 4px;

}

.pr-title h3 {

	float: left;

	font-size: 24px;

	text-align: left;

	font-weight: 700;

	font-family: 'Poppins', sans-serif;

	position: relative;

}

.pr-title span {

	float: left;

	width: 100%;

	padding-top: 10px;

	color: #999;

    font-size: 11px;

    line-height: 24px;

    padding-bottom: 10px;

    font-weight: 500;

    color: #878C9F;

    font-family: 'Poppins', sans-serif;

	text-align:left;

}

.sec-lines {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 0;

	opacity: 1;

}

.line-item {

	float: left;

	width: 20%;

	height: 100%;

	box-sizing: border-box;

	border-right: 1px solid rgba(153, 153, 153, 0.1);

	height: 100%;

	position: relative;

}

.line-item:first-child:before {

	content: '';

	position: absolute;

	top: 0;

	right: -2px;

	width: 4px;

	height: 30px;

	animation: scroll3 8s ease-out infinite;

}

.line-item:last-child:before {

	content: '';

	position: absolute;

	bottom: 0;

	right: -2px;

	width: 4px;

	height: 30px;

	animation: scroll2 6s ease-out infinite;

}

.sec-lines .container {

	width:100%;

}

@keyframes scroll3 {

	0% {

		opacity: 1;

		top: 0

	}

	50% {

		top: 50%

	}

	100% {

		top: 100%;

		opacity: 0.5;

	}

}

@keyframes scroll2 {

	0% {

		opacity: 1;

		bottom: 0

	}

	50% {

		bottom: 50%

	}

	100% {

		bottom: 100%;

		opacity: 0.5;

	}

}

.line-item:first-child {

	border-left: 1px solid rgba(153, 153, 153, 0.09);

}

/*------about ------------------------------------------------*/

.collage-image {

	padding: 0 0 0 20px;

}

.collage-image img {

	position: relative;

	z-index: 2;

}

.collage-image-title {

	position: absolute;

	top: 80px;

	left: -20px;

	font-size: 12px;

	text-transform: uppercase;

	z-index: 3;

	color: rgba(255, 255, 255, 0.71);

	font-weight: 500;

	background: #2D2D32;

	padding: 15px 85px 15px 55px;

	letter-spacing: 15px;

}

.collage-image:before {

	content: '';

	position: absolute;

	top: 50px;

	left: -50px;

	right: 0;

	bottom: 50px;

	z-index: 1;

}

.main-about {

	padding-left: 30px;

}

.main-about h2 {

	text-align: left;

	font-weight: 700;

	font-size: 34px;

	color: #292929;

	font-family: 'Poppins', sans-serif;

	padding-bottom: 30px;

	position: relative;

}

.main-about h2 span {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-style: italic;

	color: #666;

}

.main-about h2:before {

	content: '';

	position: absolute;

	bottom: 15px;

	left: 0;

	width: 50px;

	height: 2px;

}

.main-about h2 a {

	color: #999;

}

.main-about p,

.main-about h5 {

	text-align: left;

}

.main-about h5 {

    text-align: left;

    font-weight: 600;

    font-size: 16px;

    position: relative;

    color: #999;

	line-height:16px;

    position: relative;

	padding-bottom: 16px;

}

.main-about .features-box-container {

	margin: 10px 0 10px;

}

.main-about .pr-list ul {

	margin-top: 0 !important;

}

.main-about .pr-list {

	margin-top: 20px;

	margin-bottom: 20px;

}

.about-wrap {

	padding: 25px 30px;

	background: #FCFCFC;

	border: 1px solid #eee;

}

.about-wrap p {

	text-align: left;

}

.about-wrap h3 {

	text-align: left;

	font-size: 24px;

	font-weight: 700;

	padding-bottom: 15px;

}

.about-wrap h5 {

	text-align: left;

	padding-bottom: 20px;

	color: #666;

	letter-spacing: 2px;

	text-transform: uppercase;

	font-family: 'Poppins', sans-serif;

	font-size: 11px;

	font-weight: 600;

}

.pr-tags {



	padding: 22px 20px;

	border: 1px solid #eee;

	background: #f9f9f9;

}

.pr-tags span,

.pr-tags ul,

.pr-tags ul li {

	float: left;

}

.pr-tags span {

	font-family: 'Montserrat', sans-serif;

	text-align: left;

	padding-right: 20px;

	font-weight: 800;

	position: relative;

	top: 6px;

	border-right: 1px solid #ccc;

}

.pr-tags ul {

	padding-left: 20px;

}

.pr-tags ul li {

	margin-right: 10px;

	padding-top: 3px;

}

.pr-tags ul li a {

	color: #666;

	letter-spacing: 2px;

	text-transform: uppercase;

	font-family: 'Poppins', sans-serif;

	font-size: 10px;

	font-weight: 500;

}

.pr-tags ul li a:hover {

	color: #000;

}

/*------features------------------------------------------------*/



.features-box-container {

	margin-top: 80px;

}

.no-margin {

	margin-top: 0;

}

.features-box {

	padding: 15px 20px 15px 100px;

	position: relative;

}

.features-box a {

	float: left;

	width: 100%;

	margin-top: 20px;

	text-transform: uppercase;

	letter-spacing: 2px;

	font-weight: 800;

	font-size: 11px;

	position: relative;

	text-align: left;

	color: #666;

}

.features-box .time-line-icon {

	position: absolute;

	left: 40px;

	top: 20px;

}

.time-line-icon {

	position: relative;

}

.time-line-icon i {

	font-size: 34px;

}

.time-line-icon i:after {

	content: '';

	position: absolute;

	top: 50%;

	left: 50%;

	width: 100px;

	height: 46px;

	margin: -23px 0 0 -50px;

	opacity: 0.2;

	background: url(../images/clouds.png) no-repeat center;

	z-index: -1;

}

.features-box h3 {

	text-align: left;

	font-weight: 600;

	font-size: 18px;

	padding-bottom: 18px;

	position: relative;

	color: #999;

}

.features-box h3:before {

	content: '';

	position: absolute;

	bottom: 4px;

	left: 0;

	width: 30px;

	height: 2px;

}

.features-box p {

	text-align: left;

}

.features-box ul li {

	float: left;

	width: 100%;

	text-align: left;

	margin-top: 20px;

}

.features-box ul li a {

	color: #666;

}

/* --------- Skills --------------------------------------*/



.skill-container {

	margin-bottom: 50px;

}

.piechart-holder,

.custom-skillbar-holder {

	float: left;

	width: 100%;

	position: relative;

}

.piechart-holder h4 {

	font-size: 12px;

	padding: 12px 35px;

	border: 1px solid #eee;

	display: inline-block;

	background: #fff;

	min-width: 150px;

	font-weight: 600;

	color: #666;

}

.chart {

	position: relative;

	display: inline-block;

	width: 150px;

	height: 150px;

	border-radius: 100%;

	margin-bottom: 18px;

	text-align: center;

	background: #fff;

}

.chart canvas {

	position: absolute;

	top: 0;

	left: 0;

}

.piechart {

	position: relative;

	padding-bottom: 14px;

	float: left;

	width: 33.3%;

}

.percent {

	display: inline-block;

	font-size: 12px;

	line-height: 152px;

	z-index: 2;

	font-family: 'Poppins', sans-serif;

	font-weight: 700;

	color: #666;

}

.percent:after {

	content: '%';

	margin-left: 0.1em;

	font-size: 12px;

}

.angular {

	margin-top: 100px;

}

.angular .chart {

	margin-top: 0;

}

.skill-bar-percent {

	float: right;

	font-size: 12px;

	margin-top: 13px;

	padding-bottom: 6px;

	font-family: 'Poppins', sans-serif;

	font-weight: 700;

	color: #666;

	margin-right: 5%;

}

.skillbar-box {

	float: left;

	width: 100%;

	position: relative;

	margin-bottom: 50px;

}

.skillbar-bg {

	position: relative;

	display: block;

	float: left;

	width: 95%;

	height: 10px;

	overflow: hidden;

	background: #292929;

	border-radius: 2px;

}

.fw-skills .skillbar-bg {

	width: 100%;

}

.fw-skills .skill-bar-percent {

	margin-right: 0;

}

.custom-skillbar-title span {

	float: left;

	font-size: 13px;

	margin-top: 12px;

	padding-bottom: 6px;

	font-weight: 600;

	min-width:100px;

	text-align:left;

}

.custom-skillbar {

	height: 10px;

	width: 0px;

}

.bg-parallax-module {

	position: absolute;

	width: 150px;

	height: 70px;

	background: #ccc;

	opacity: 0.15;

	z-index: 1;

	-webkit-transition: all .8s ease-in-out;

	transition: all .8s ease-in-out;

}

/* ------facts------------------------------------------------------------ */



.facts-holder {

	z-index: 10;

}

.inline-facts-wrap {

	float: left;

	padding: 0 20px;

	position: relative;

	margin-right: 80px;

	text-align: left;

}

.inline-facts-wrap .num {

	font-size: 44px;

	font-weight: 700;

	color: #fff;

}

.inline-facts-wrap h6 {

	position: relative;

	margin-top: 6px;

	color: rgba(255, 255, 255, 0.51);

	font-size: 10px;

	font-weight: 500;

	letter-spacing: 2px;

	text-transform: uppercase;

	padding: 12px 30px;

	background: rgba(51, 51, 51, 0.31);

}

.inline-facts-wrap h6:before {

	content: '';

	position: absolute;

	top: 50%;

	left: -40px;

	width: 20px;

	height: 2px;

	margin-top: -1px;

}



/* ------Portfolio------------------------------------------------------------ */



.fsp-filter {

	position: fixed;

	left: 80px;

	top: 0;

	height: 80px;

	z-index: 15;

	-webkit-transform: translate3d(0, 0, 0);

}

.fsp-filter .filter-title {

	float: left;

	height: 100%;

	position: relative;

	margin-left: 50px;

	padding-right: 50px;

	padding-top: 28px;

	border-right: 1px solid rgba(255, 255, 255, 0.11);

}

.fsp-filter .filter-title span {

	float: left;

	margin-left: 20px;

	position: relative;

	top: 8px;

	color: #fff;

	font-weight: 600;

	text-transform: uppercase;

	font-size: 10px;

	letter-spacing: 2px;

	color: #8B8B8B;

}

.fsp-filter .filter-title i {

	float: left;

	color: #8B8B8B;

	position: relative;

	top: 8px;

}

.fsp-filter .gallery-filters {

	float: left;

	margin-left: 40px;

	position: relative;

	top: 22px;

}

.fsp-filter .gallery-filters a {

	float: left;

	padding: 13px 35px;

	color: #8B8B8B;

	font-weight: 600;

	font-size: 10px;

	text-transform: uppercase;

	letter-spacing: 2px;

	position: relative;

	-webkit-transition: all 300ms linear;

	transition: all 300ms linear;

}

.gallery-items {

	float: left;

	width: 100%;

	position: relative;

}

.grid-item-holder {

	float: left;

	width: 100%;

	height: auto;

	position: relative;

	overflow: hidden;

}

.spad .gallery-item {

	padding: 6px;

}

.min-pad .gallery-item {

	padding: 2px;

}

.hid-port-info .grid-item-holder {

	overflow: hidden;

}

.grid-big-pad .gallery-item {

	padding: 12px;

}

.gallery-item,

.grid-sizer {

	width: 33.3%;

	position: relative;

	float: left;

	overflow: hidden;

}

.gallery-item-second,

.grid-sizer-second {

	width: 66.6%;

}

.four-column .gallery-item {

	width: 25%;

}

.four-column .gallery-item.gallery-item-second {

	width: 50%;

}

.gallery-item img,

.grid-sizer img {

	width: 100%;

	height: auto;

	position: relative;

	z-index: 1;

	background: #292929;

	-webkit-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;

	-webkit-transform: translateZ(0);

	transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;

}

.gallery-item:hover img {

	opacity: 0.7;

}

.fsp-filter .folio-counter {

	float: left;

	position: relative;

	font-weight: 600;

	text-transform: uppercase;

	font-size: 11px;

	letter-spacing: 2px;

	color: #8B8B8B;

	height: 80px;

	line-height: 80px;

	padding-top: 3px;

	border-left: 1px solid rgba(255, 255, 255, 0.11);

	padding-left: 30px;

	font-family: 'Poppins', sans-serif;

}

.fsp-filter .folio-counter div {

	float: left;

	margin-right: 20px;

	position: relative;

	width: 20px;

}

.fsp-filter .folio-counter div:first-child:before {

	content: '';

	position: absolute;

	top: 50%;

	right: -13px;

	width: 10px;

	height: 1px;

	background: rgba(255, 255, 255, 0.31);

}

.fsp-filter .all-album:before {

	display: none;

}

.box-item {

	float: left;

	width: 100%;

	position: relative;

	overflow: hidden;

}

.box-item img {

	width: 100%;

	height: auto;

	position: relative;

}

.vertical-gallery .box-item {

	margin-bottom: 10px;

}

.box-item.hd-box {

	position: absolute;

	width: 100%;

	height: 100%;

	left: -100%;

	top: 0;

	padding: 20px;

	z-index: 10;

}

.hd-box-wrap {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	padding: 20px 20px 10px;

	background: #35353A;

}

.vis-box-det .box-item.hd-box {

	left: 0;

	padding: 0;

	height: 100%;

	float: left;

	position: relative;

}

.vis-box-det .hd-box-wrap {

	position: relative;

	float: left;

}

.hd-box-wrap:before {

	content: '';

	position: absolute;

	bottom: 0;

	right: 0;

	width: 100px;

	height: 50px;

	z-index: 1;

	background: rgba(255, 255, 255, 0.061);

}

.hd-box-wrap h2,

.album-cover-title h3 {

	text-align: left;

	position: relative;

	color: #fff;

	font-size: 11px;

	text-transform: uppercase;

	font-weight: 500;

	font-family: 'Poppins', sans-serif;

	letter-spacing: 2px;

	padding-left: 35px;

}

.hd-box-wrap h2:before,

.album-cover-title h3:before {

	content: "";

	position: absolute;

	top: 50%;

	left: 0;

	width: 20px;

	height: 1px;

	background: #fff;

	z-index: 2;

}

.hd-box-wrap h2,

.hd-box-wrap h2:before,

.inline-filter .gallery-filters a:before,

.inline-transparent-filter a:before,

.album-cover-title h3:before,

.album-cover-title h3 {

	-webkit-transition: all 200ms linear;

	transition: all 200ms linear;

}

.hd-box-wrap h2:hover,

.album-cover-title h3:hover {

	padding-left: 55px;

}

.hd-box-wrap h2:hover:before,

.album-cover-title h3:hover:before {

	width: 30px;

}

.hd-box-wrap h2 a {

	color: rgba(255, 255, 255, 0.51);

}

.hd-box-wrap p {

	text-align: left;

	width: 100%;

	font-size: 10px;

	color: #fff;

	float: left;

	margin-top: 10px;

	padding-left: 35px;

}

.hd-box-wrap p a {

	padding-right: 6px;

}

.white-det .hd-box-wrap {

	background: #f9f9f9;

}

.white-det .hd-box-wrap h2 a {

	color: #292929;

	font-weight: 600;

	font-size: 12px;

}

.white-det .hd-box-wrap h2:before {

	height: 2px;

	margin-top: -1px;

}

.white-det .hd-box-wrap p a {

	color: #888;

}

.white-det .hd-box-wrap:before {

	background: rgba(153, 153, 153, 0.061);

}

.three-ver-columns .hd-box-wrap p {

	font-size: 11px;

}

.hd-box-wrap p a {

	color: rgba(255, 255, 255, 0.71);

}

.album-cover-title {

	position: absolute;

	z-index: 5;

	bottom: -100px;

	left: 0;

	width: 100%;

	padding: 30px 60px 30px 40px;

	background: #35353A;

}

.grid-item-holder:hover .album-cover-title {

	bottom: 0;

}

.album-cover-title h3 a {

	color: rgba(255, 255, 255, 0.51);

}

.album-cover-title h3:after {

	content: '';

	position: absolute;

	top: -8px;

	bottom: -8px;

	left: 50px;

	right: 30px;

	z-index: -1;

	background: rgba(255, 255, 255, 0.051);

}

.album-cover-datils {

	position: absolute;

	right: -60px;

	width: 60px;

	z-index: 6;

	background: #35353A;

	top: 0;

	height: 100%;

	padding-top: 30px;

}

.album-cover-datils ul {

	position: relative;

	float: left;

	width: 100%;

}

.album-cover-datils ul:before {

	content: '';

	position: absolute;

	width: 40px;

	height: 1px;

	left: 50%;

	margin-left: -20px;

	background: rgba(255, 255, 255, 0.11);

	bottom: -10px;

}

.grid-item-holder:hover .album-cover-datils {

	right: 0;

}

.album-cover-datils li {

	float: left;

	width: 100%;

	margin-bottom: 15px;

	position: relative;

	text-align: center;

	height: 30px;

	line-height: 30px;

	cursor: pointer;

}

.album-cover-datils li:hover i {

	color: #888;

}

.album-cover-datils li span {

	visibility: hidden;

	opacity: 0;

	position: absolute;

	left: -120px;

	width: 130px;

	height: 32px;

	line-height: 32px;

	top: 50%;

	margin-top: -10px;

	color: rgba(255, 255, 255, 0.61);

	font-size: 10px;

	text-transform: uppercase;

	letter-spacing: 2px;

	background: #2A2A2E;

}

.album-cover-datils li:hover span {

	opacity: 1;

	visibility: visible;

	margin-top: -16px;

}

.album-preview {

	width: 60px;

	height: 60px;

	position: absolute;

	line-height: 60px;

	color: #fff;

	z-index: 10;

	top: 0;

	left: -60px;

	cursor: pointer;

}

.grid-item-holder:hover .album-preview {

	left: 0;

}

.album-preview:before {

	content: '';

	position: absolute;

	width: 40px;

	height: 40px;

	top: 50%;

	left: 50%;

	margin: -20px 0 0 -20px;

	z-index: 1;

	border-radius: 100%;

	background: rgba(255, 255, 255, 0.21)

}

.album-preview:hover {

	color: #666;

}

@keyframes pulse {

	50% {

		box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 0 5px rgba(255, 255, 255, .2), 0 0 0 10px rgba(238, 238, 238, 0.3);

	}

}

.album-preview:hover:before {

	animation: pulse 1.1s infinite ease-in-out;

}

.preview-sound {

	display: none;

}

.album-cover-datils,

.album-cover-datils li span,

.album-cover-title,

.album-preview {

	-webkit-transition: all 300ms linear;

	transition: all 300ms linear;

}

.inline-filter .filter-button,

.inline-filter .gallery-filters,

.inline-filter .gallery-filters a {

	float: left;

}

.inline-filter .gallery-filters a {

	padding: 15px 20px 15px;

	position: relative;

	color: #666;

}

.inline-filter .filter-button,

.inline-filter .gallery-filters a {

	text-transform: uppercase;

	font-size: 10px;

	font-weight: 600;

	letter-spacing: 2px;

	font-family: 'Poppins', sans-serif;

}

.inline-filter .gallery-filters a:before {

	content: '';

	position: absolute;

	bottom: -2px;

	height: 2px;

	width: 0;

	left: 20px;

}

.inline-filter .gallery-filters a:hover {

	color: #000;

}

.inline-filter .gallery-filters a.gallery-filter-active:before {

	width: 30px;

}

.inline-filter .filter-button {

	color: #fff;

	background: #35353A;

	padding: 15px 30px;

	margin-right: 20px;

}

.inline-filter .filter-button i {

	margin-right: 12px;

}

.filter-mob-button {

	display: none;

}

.inline-filter .folio-counter {

	float: left;

	position: relative;

	font-weight: 600;

	text-transform: uppercase;

	font-size: 11px;

	letter-spacing: 2px;

	color: #666;

	margin-left: 30px;

	font-family: 'Poppins', sans-serif;

	padding: 15px 30px;

}

.inline-filter .folio-counter div {

	float: left;

	margin-right: 20px;

	position: relative;

	width: 12px;

}

.all-album:before {

	content: "/";

	position: absolute;

	left: -12px;

	top: 1px;

	color: #ccc;

	font-weight: 200;

}

.inline-filter .folio-counter:before {

	content: '';

	position: absolute;

	top: 50%;

	left: -20px;

	height: 2px;

	width: 20px;

	margin-top: -1px;

}

.paralax-sec-separator {

	height: 1px;

}

.paralax-sec-separator:before,

.paralax-sec-separator:after {

	content: '';

	position: absolute;

	top: 0;

	left: 50%;

	width: 20%;

	margin-left: -10%;

	height: 100%;

	border-top: 1px solid #eee;

}

.dark-bg .paralax-sec-separator:before,

.dark-bg .paralax-sec-separator:after {

	border-color: rgba(153, 153, 153, 0.1);

}

.paralax-sec-separator:after {

	left: 0;

	margin-left: 0;

}

.parallax-item {

	margin: 70px 0;

	padding: 20px 0;

}

.parallax-item img {

	width: 100%;

	height: auto;

	position: relative;

	z-index: 4;

	transform: translateZ(0);

}

.parallax-item-number {

	position: absolute;

	bottom: 32px;

	z-index: -1;

	font-size: 74px;

	font-weight: bold;

	line-height: 0;

	color: #D5D5D5;

	text-transform: uppercase;

	font-family: 'Poppins', sans-serif;

}

.dark-bg .parallax-item-number {

	color: #414145;

}

.rg-num {

	right: 0;

}

.lf-num {

	left: 0;

}

.parallax-text {

	position: absolute;

	bottom: 40%;

	z-index: 10;

}

.parallax-text.right-pos {

	right: 50%;

	margin-right: -200px;

}

.parallax-text.left-pos {

	margin-left: -200px;

	left: 50%;

}

.parallax-text h3 {

	font-size: 24px;

	font-weight: bold;

	text-transform: uppercase;

	font-family: 'Poppins', sans-serif;

	position: relative;

	text-align: left;

}

.parallax-text.right-pos h3 {

	text-align: right;

	float: right;

}

.parallax-text.left-pos h3 {

	text-align: left;

	float: left;

}

.parallax-text h3:before {

	content: '';

	position: absolute;

	top: 50%;

	margin-top: -1px;

	width: 60px;

	height: 2px;

	background: #292929;

}

.parallax-text.left-pos h3:before {

	left: -80px;

}

.parallax-text.right-pos h3:before {

	right: -80px;

}

.parallax-text h3:after {

	content: '';

	position: absolute;

	top: -5px;

	bottom: -10px;

	left: 100px;

	right: -100px;

	background: #fff;

	opacity: 0.3;

	z-index: 1;

}

.dark-bg .parallax-text h3:after {

	background: #292929;

	opacity: 0.5;

}

.parallax-text.left-pos h3:after {

	left: 100px;

	right: -100px;

}

.parallax-text.right-pos h3:after {

	left: -100px;

	right: 100px;

}

.parallax-text h3 a {

	position: relative;

	z-index: 10;

	color: rgba(51, 51, 51, 0.81);

}

.dark-bg .parallax-text h3 a {

	color: #fff;

}

.parallax-text h4 {

	text-align: left;

	color: #fff;

	text-transform: uppercase;

	float: left;

	width: 100%;

	margin: 20px 0;

	font-size: 10px;

	letter-spacing: 2px;

	position: relative;

}

.parallax-text h4 span {

	position: relative;

	float: left;

	padding: 15px 30px;

}

.parallax-text h4 span:before {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: #35353A;

	z-index: -1;

}

.parallax-text.left-pos h4 span {

	float: left;

}

.parallax-text.right-pos h4 span {

	float: right;

}

.parallax-text.right-pos .btn {

	float: right;

}

.album-thumbnails {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 2;

}

.album-thumbnails div {

	position: absolute;

	width: 18%;

	left: 0;

	top: 0;

	opacity: 0.7;

}

.album-thumbnails div video {

	width: 100%;

	height: auto;

}

.parallax-header {

	margin-bottom: 20px;

	background: #35353A;

	padding: 15px 20px;

	float: left;

	position: relative;

	z-index: 20;

}

.right-parallax-header {

	float: right;

}

.parallax-header span,

.parallax-header a {

	float: left;

	margin-right: 20px;

	text-transform: uppercase;

	color: #fff;

	font-size: 10px;

	letter-spacing: 2px;

}

.content-nav {

	float: left;

	position: relative;

	width: 100%;

	padding: 0 30px;

	margin-top: 100px;

	background: #2D2D32;

}

.content-nav.blog-nav {

	margin-top: 50px;

}

.content-nav li {

	width: 33.3%;

	float: left;

	border-left: 1px solid rgba(255, 255, 255, 0.21);

	padding: 15px 0;

	overflow: hidden;

}

.content-nav li:first-child {

	border: none;

}

.content-nav li:first-child:before,

.content-nav li:last-child:before {

	content: '';

	position: absolute;

	top: 25%;

	left: 20px;

	width: 20%;

	height: 50%;

	z-index: 1;

	background: rgba(255, 255, 255, 0.11);

}

.content-nav li:last-child:before {

	left: inherit;

	right: 20px;

}

.content-nav li:hover:before {

	width: 50px;

}

.content-nav li a.ln,

.content-nav li a.rn {

	color: #fff;

	padding-top: 6px;

	font-size: 14px;

	position: relative;

	z-index: 2;

	width: 100%;

}

.content-nav li a.ln i,

.content-nav li a.rn i,

.customNavigation a i,

.content-nav li a span.tooltip,

.content-nav li:before,

.single-page-fixed-row-link i,

.sarr-contr,

.hidden-info-pagination i {

	-webkit-transition: all 300ms linear;

	transition: all 300ms linear;

}

.content-nav li a.ln:hover i,

.content-nav li a.rn:hover i,

.customNavigation a:hover i,

.single-page-fixed-row-link:hover i,

.sarr-contr:hover,

.hidden-info-pagination:hover i {

	-webkit-transform: rotateX(360deg);

	transform: rotateX(360deg);

}

.content-nav li a.ln {

	float: left;

	text-align: left;

}

.content-nav li a.rn {

	float: right;

	text-align: right;

}

.content-nav li a.ln span.tooltip,

.content-nav li a.rn span.tooltip {

	position: absolute;

	top: -10px;

	font-size: 10px;

	text-transform: uppercase;

	min-width: 150px;

	letter-spacing: 2px;

	visibility: hidden;

	font-weight: 500;

	opacity: 0;

	color: #fff;

	margin-top: 0;

	z-index: 20;

}

.content-nav li a.ln span.tooltip {

	left: 50px;

	margin-left: 20px;

	text-align: left;

}

.content-nav li a.rn span.tooltip {

	right: 50px;

	margin-right: 20px;

	text-align: right;

}

.content-nav li a:hover span.tooltip {

	top: 50%;

	opacity: 1;

	visibility: visible;

	margin-top: -4px;

}

.cur-page {

	font-size: 10px;

	text-transform: uppercase;

	letter-spacing: 2px;

	font-weight: 500;

	padding-top: 16px;

	float: left;

	width: 100%;

}

.cur-page span {

	color: rgba(255, 255, 255, 0.71);

	position: relative;

	top: -6px;

}

.single-project-title {

	margin: 40px 0;

	padding: 0 50px 0 120px;

}

.single-project-title-style-2 {

	position: absolute;

	bottom: -60px;

	margin: 0;

	padding: 0;

	z-index: 10;

	width: 100%;

}

.single-project-title-style-2:before {

	content: '';

	position: absolute;

	top: -15px;

	left: 50%;

	width: 50px;

	margin-left: -25px;

	height: 1px;

	background: #ccc;

}

.single-project-title h2 {

	float: left;

	text-align: left;

	font-size: 44px;

	font-weight: bold;

	height: 54px;

	line-height: 54px;

	font-family: 'Poppins', sans-serif;

	position: relative;

	color: rgba(255, 255, 255, 0.21);

}

.single-project-title-style-2 h2 {

	float: none;

	display: inline-block;

	color: #999;

	text-align: center;

	font-size: 12px;

	font-weight: 600;

	height: auto;

	text-transform:uppercase;

	letter-spacing:2px;

	font-family: 'Titillium Web', sans-serif;

	line-height: inherit;

}

.single-project-title-style-2 h2:before {

	display: none;

}

.single-project-title h2:before {

	content: '';

	position: absolute;

	left: -70px;

	height: 3px;

	width: 40px;

	top: 50%;

	margin-top: -1.5px;

	border: 1px solid rgba(255, 255, 255, 0.11);

}

.show-case-slider-wrap {

	position: relative;

	z-index: 6;

	float: left;

	width: 100%;

	height: 500px;

	padding: 50px 0;

	margin-bottom: 70px

}

.show-case-slider-wrap-style2 {

	margin-bottom: 0;

	padding: 0;

}

.show-case-wrapper {

	overflow: hidden;

}

.show-case-item img {

	width: auto;

	height: 100% !important;

	position: relative;

	z-index: 1;

}

.show-case-item {

	position: relative;

	padding: 0 20px;

	float: left;

	width:auto;

	height: 420px !important;

      display: -webkit-box;

      display: -ms-flexbox;

      display: -webkit-flex;

      display: flex;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      -webkit-justify-content: center;

      justify-content: center;

      -webkit-box-align: center;

      -ms-flex-align: center;

      -webkit-align-items: center;

      align-items: center;

}

.show-case-slider-wrap-style2 .show-case-item {

	padding: 0;

	height: 500px !important;

}

.show-case-slider-wrap .slick-dots {

	position: absolute;

	bottom: -80px;

	right: 40%;

	margin-right: 60px;

	z-index: 50;

}

.show-case-slider-wrap-style2 .slick-dots {

	bottom: 50px;

	right: inherit;

	margin-right: 0;

	position: relative;

	display: inline-block;

}

.show-case-slider-wrap .slick-dots li {

	float: left;

	margin-right: 10px;

}

.show-case-slider-wrap-style2 .slick-dots:before {

	content: '';

	position: absolute;

	left: -30px;

	right: -30px;

	bottom: -10px;

	top: -10px;

	border-radius: 25px;

	background: rgba(0, 0, 0, 0.4)

}

.show-case-slider-wrap-style2 .slick-dots li {

	float: none;

	display: inline-block;

	margin: 0 5px;

	position: relative;

	z-index: 2;

}

.sarr-contr {

	position: absolute;

	top: 0;

	left: 110px;

	z-index: 100;

}

.sarr-contr.sp-cont-next {

	margin-left: 50px;

}

.show-case-slider-wrap-style2 .sarr-contr {

	top: 50%;

	width: 40px;

	height: 40px;

	margin-top: -20px;

	background: rgba(0, 0, 0, 0.6);

	border-radius: 4px;

	color: #fff;

	font-size: 12px;

}

.show-case-slider-wrap-style2 .sarr-contr:hover {

	-webkit-transform: rotateX(0deg);

	transform: rotateX(0deg);

}

.show-case-slider-wrap-style2 .sarr-contr.sp-cont-next {

	margin-left: 0;

	left: inherit;

	right: 50px;

}

.show-case-slider-wrap-style2 .sarr-contr.sp-cont-prev {

	margin-left: 0;

	left: 50px;

}

.sinsec-dec:before {

	content: '';

	position: absolute;

	right: 0;

	width: 40%;

	height: 90%;

	bottom: 0;

	z-index: 2;

	background: rgba(255, 255, 255, 0.04);

}

.sinsec-dec.sinsec-dec2:before {

	height: 70%;

}

.details-wrap h4,

.details-wrap p,

.details-wrap h3 {

	text-align: left;

}

.details-wrap h3 {

	margin-bottom: 30px;

	font-size: 30px;

	font-family: 'Poppins', sans-serif;

	font-weight: 800;

	color: rgb(50, 58, 69);

	position: relative;

}

.details-wrap h3:before {

	content: '';

	position: absolute;

	left: -50px;

	width: 30px;

	height: 2px;

	top: 50%;

	margin-top: -1px;

}

.details-wrap h4 {

	font-size: 18px;

	color: #666;

	margin: 22px 0;

	font-weight: 600;

}

.pr-list {

	margin-top: 50px;

}

.pr-list.mu-det {

	padding: 15px 20px;

	background: #f9f9f9;

	border: 1px solid #eee;

}

.pr-list.mu-det ul {

	margin-top: 10px;

}

.pr-list li {

	float: left;

	text-align: left;

	width: 100%;

	margin-bottom: 12px;

	font-weight: 700;

	text-transform: uppercase;

	font-size: 11px;

	color: #999;

	font-family: 'Poppins', sans-serif;

}

.pr-list li span {

	float: left;

	font-weight: 500px;

	color: #999;

	min-width: 120px;

}

.pr-list-det {

	padding: 35px 35px;

	border: 1px solid #eee;

	background: #f9f9f9;

	text-align: left;

}

.pr-list-det h5 {

	padding-bottom: 15px;

	font-size: 15px;

	font-weight: 700;

}

.pr-list-det p {

	font-size: 12px;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-style: italic;

	text-align: left;

}

.show-info {

	position: absolute;

	bottom: 0px;

	right: 0;

	width: 80%;

	z-index: 15;

}

.show-info span {

	text-transform: uppercase;

	font-size: 10px;

	color: #fff;

	cursor: pointer;

	letter-spacing: 2px;

	float: right;

	font-weight: 600;

	background: #2D2D32;

	padding: 10px 40px;

}

.tooltip-info {

	height: auto;

	line-height: 20px;

	padding: 15px 30px;

	font-size: 11px;

	color: #fff;

	text-align: center;

	text-indent: 0px;

	position: absolute;

	background: #35353A;

	bottom: 0;

	opacity: 0;

	right: 0;

	margin-bottom: 32px;

	visibility: hidden;

	pointer-events: none;

	text-align: left;

	z-index: 16;

	-webkit-transition: all 300ms linear;

	transition: all 300ms linear;

}

.tooltip-info:before {

	content: '';

	position: absolute;

	bottom: 0;

	right: 0;

	width: 40%;

	height: 70%;

	background: rgba(255, 255, 255, 0.021);

}

.tooltip-info p {

	font-size: 12px;

	color: #888;

	font-family: 'Poppins', sans-serif;

}

.tooltip-info h5 {

	font-size: 16px;

	margin-top: 12px;

	padding: 5px 0;

	position: relative;

	font-weight: 500;

	text-transform: uppercase;

	font-size: 12px;

	letter-spacing: 2px;

	color: #8B8B8B;

	font-family: 'Poppins', sans-serif;

}

.show-info:hover .tooltip-info {

	visibility: visible;

	opacity: 1;

	bottom: 0;

}

.fet_pr-carousel {

	z-index: 2;

}

.fet_pr-carousel .slick-item {

	opacity: 0.3;

	-webkit-transform: scale(0.8);

	-moz-transform: scale(0.8);

	transform: scale(0.8);

	padding: 0 20px;

}

.fet_pr-carousel .slick-item.slick-current {

	opacity: 1;

	-webkit-transform: scale(1.0);

	-moz-transform: scale(1.0);

	transform: scale(1.0);

}

.fet_pr-carousel-title {

	position: absolute;

	left: 100px;

	width: 50%;

	z-index: 11;

	top: 30%;

}

.fet_pr-carousel-title-item {

	max-width: 500px;

	margin: 0 auto;

}

.fet_pr-carousel-title-item h3 {

	font-size: 40px;

	font-family: 'Poppins', sans-serif;

	text-transform: uppercase;

	font-weight: 800;

	color: rgba(255, 255, 255, 0.71);

	position: relative;

	text-align: left;

	padding-bottom: 20px;

}

.fet_pr-carousel-title-item p {

	color: #fff;

	text-align: left;

}

.fet_pr-carousel-box-media {

	overflow: hidden;

	z-index: 2;

}

.fet_pr-carousel-box-text {

	background: #35353A;

	padding: 26px 30px;

	transform-style: preserve-3d;

	z-index: 1;

	-webkit-transform: perspective(1200px) rotateX(-90deg) translateZ(-51px);

	-moz-transform: perspective(1200px) rotateX(-90deg) translateZ(-51px);

	transform: perspective(1200px) rotateX(-90deg) translateZ(-51px);

}

.fet_pr-carousel .slick-item.slick-current .fet_pr-carousel-box-text {

	-webkit-transform: perspective(1200px) rotateX(0deg) translateZ(0px);

	-moz-transform: perspective(1200px) rotateX(0deg) translateZ(0px);

	transform: perspective(1200px) rotateX(0deg) translateZ(0px);

	transition-delay: 0.3s;

}

.fet_pr-carousel-box-media-zoom {

	position: absolute;

	top: 0;

	right: -70px;

	width: 70px;

	height: 60px;

	line-height: 60px;

	color: #fff;

	background: #35353A;

	z-index: 5;

}

.fullscreen-slider-item .fet_pr-carousel-box-media-zoom {

	width: 80px;

	height: 80px;

	line-height: 80px;

	right: -80px;

}

.fullscreen-slider-item {

	overflow: hidden;

}

.fet_pr-carousel-box-media-zoom:hover{

	color: #fff;

}

.fet_pr-carousel .slick-item.slick-current .fet_pr-carousel-box-media-zoom {

	transition-delay: 0.3s;

	right: 0;

}

.gallery-item:hover .fet_pr-carousel-box-media-zoom,

.show-case-wrapper:hover .fet_pr-carousel-box-media-zoom,

.fullscreen-slider-item:hover .fet_pr-carousel-box-media-zoom,

.box-item:hover .fet_pr-carousel-box-media-zoom {

	right: 0;

}

.gallery-item .fet_pr-carousel-box-media-zoom {

	z-index: 100;

}

.fet_pr-carousel-box-text h3 {

	text-align: left;

	position: relative;

	color: #fff;

	font-size: 12px;

	text-transform: uppercase;

	font-weight: 500;

	font-family: 'Poppins', sans-serif;

	letter-spacing: 4px;

	padding-left: 35px;

}

.fet_pr-carousel-box-media-zoom,

.fet_pr-carousel-box-text,

.fet_pr-carousel .slick-item {

	-webkit-transition: all 400ms linear;

	transition: all 400ms linear;

}

.fet_pr-carousel-box-text h3:before,

.fet_pr-carousel-box-text h3,

.gallery-item .fet_pr-carousel-box-media-zoom {

	-webkit-transition: all 200ms linear;

	transition: all 200ms linear;

}

.fet_pr-carousel-box-text h3:hover {

	padding-left: 60px;

}

.fet_pr-carousel-box-text h3:hover:before {

	width: 35px;

}

.fet_pr-carousel-box-text h3:before {

	content: '';

	position: absolute;

	top: 50%;

	left: 0;

	width: 20px;

	height: 1px;

}

.fet_pr-carousel-box-text:before {

	content: '';

	position: absolute;

	bottom: 0;

	right: 0;

	width: 100px;

	height: 50px;

	z-index: -1;

	background: rgba(255, 255, 255, 0.031);

}

.fet_pr-carousel-box-text h3 a {

	color: rgba(255, 255, 255, 0.71);

}

.fet_pr-carousel-cat {

	margin-top: 10px;

	padding-left: 35px;

	color: #fff;

}

.fet_pr-carousel-cat a {

	float: left;

	margin-right: 10px;

	color: rgba(255, 255, 255, 0.31);

}

.fet_pr-carousel-counter {

	position: absolute;

	right: 50%;

	z-index: 50;

	bottom: 46px;

	color: #fff;

	margin-right: 80px;

	font-size: 10px;

	color: rgba(255, 255, 255, 0.71);

	font-weight: 500;

	font-family: 'Poppins', sans-serif;

	letter-spacing: 4px;

}

.fet_pr-carousel-counter.show-case-slider-counter {

	right: inherit;

	left: 110px;

	bottom: -30px;

}

.fet_pr-carousel-counter:before {

	content: '';

	position: absolute;

	top: 50%;

	right: -50px;

	width: 30px;

	height: 1px;

}

.half-slider-wrap .slick-dots,

.fs-carousel-wrap .slick-dots {

	width: 20px;

	bottom: 50%;

	right: 50px;

	z-index: 20;

	position: absolute;

}

.half-slider-wrap .slick-dots:before,

.fs-carousel-wrap .slick-dots:before {

	content: '';

	position: absolute;

	left: -8px;

	right: -8px;

	bottom: -30px;

	top: -30px;

	border-radius: 25px;

	background: rgba(0, 0, 0, 0.4);

}

.half-slider-wrap .sarr-contr,

.fs-carousel-wrap .sarr-contr {

	top: inherit;

	left: inherit;

	right: 50px;

	bottom: 30px;

}

.half-slider-wrap .sarr-contr.sp-cont-prev,

.fs-carousel-wrap .sarr-contr.sp-cont-prev {

	margin-right: 70px;

}

.slider-nav-counter,

.fs-carousel-wrap .slider-nav-counter {

	position: absolute;

	right: 89px;

	bottom: 43px;

	z-index: 30;

	color: rgba(255, 255, 255, 0.51);

	letter-spacing: 2px;

	font-size: 10px;

	text-transform: uppercase;

}

.half-slider-item,

.fs-carousel-item {

	cursor: move;

}

/*-------------accordion---------------------------------------*/



.accordion {

	float: left;

	width: 100%;

	position: relative;

}

.accordion a.toggle {

	border: 1px solid #eee;

	padding: 18px 50px 18px 30px;

	float: left;

	width: 100%;

	position: relative;

	background: #f9f9f9;

	border-radius: 4px;

	box-sizing: border-box;

	text-align: left;

	font-weight: 600;

	text-transform: uppercase;

	font-size: 10px;

	letter-spacing: 4px;

	-webkit-transition: all 300ms linear;

	transition: all 300ms linear;

	margin-bottom: 15px;

}

.accordion a.toggle span {

	position: absolute;

	right: -1px;

	top: -1px;

	bottom: -1px;

	width: 60px;

	border-top-right-radius: 4px;

	border-bottom-right-radius: 4px;

}

.accordion a.toggle span:before,

.accordion a.toggle span:after {

	content: '';

	position: absolute;

	background: #fff;

	top: 50%;

	left: 50%;

	-webkit-transition: all 300ms linear;

	transition: all 300ms linear;

}

.accordion a.toggle span:before {

	width: 10px;

	height: 2px;

	margin-top: -1px;

	margin-left: -5px;

}

.accordion a.toggle span:after {

	width: 2px;

	height: 10px;

	margin-top: -5px;

	margin-left: -1px;

}

.accordion a.toggle.act-accordion {

	color: #fff;

	background: #35353A;

	border-color: transparent;

}

.accordion a.toggle.act-accordion span:after {

	height: 0;

}

.accordion-inner {

	display: none;

	float: left;

	width: 100%;

	position: relative;

	padding: 15px 30px;

	background: #fff;

	margin: 0 0 15px;

	text-align: left;

	border: 1px solid #eee;

}

.accordion-inner.visible {

	display: block;

}

/*------ Video ------------------------------------------------*/



.media-container {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	overflow: hidden;

	z-index: 1;

}

.hero-content .media-container {

	height: 110%;

}

.video-mask {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 1;

}

.mob-bg {

	display: none;

}

.video-holder {

	position: absolute;

	width: 100%;

	height: 100% !important;

	display: block;

	overflow: hidden !important;

	top: 0;

	left: 0;

	padding: 0 !important;

}

.video-holder iframe {

	position: absolute;

	top: -75px;

	left: 50%;

	width: 100%;

	height: 100%;

	display: block;

	overflow: hidden;

}

.background-youtube {

	position: absolute;

	top: -25% !important;

}

.video-container {

	position: absolute;

	top: 50%;

	left: 50%;

	-webkit-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	line-height: 0;

	z-index: -1;

}

.video-container video {

	width: 100%;

}

.resp-video {

	position: relative;

	padding-bottom: 56.25%;

	padding-top: 30px;

	height: 0;

	overflow: hidden;

	margin-bottom: 20px;

}

.resp-video iframe,

.resp-video object,

.resp-video embed {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}

.blog-media video {

	width: 100%;

	height: auto;

}

.blog-media img {

	width:100%;

	height:auto;

}

.video-box {

	overflow: hidden;

	border-radius: 10px;

	-webkit-transform: translate3d(0, 0, 0);

	box-shadow: 0px 0px 0px 7px rgba(255, 255, 255, 0.2);

}

.video-box-btn {

	position: absolute;

	width: 70px;

	height: 70px;

	line-height: 70px;

	margin: -35px 0 0 -35px;

	background: #fff;

	color: #fff;

	z-index: 20;

	left: 50%;

	top: 50%;

	box-shadow: 0px 0px 0px 7px rgba(255, 255, 255, 0.4);

	border-radius: 100%;

	-webkit-transition: all 300ms linear;

	-moz-transition: all 300ms linear;

	-o-transition: all 300ms linear;

	-ms-transition: all 300ms linear;

	transition: all 300ms linear;

}

.video-box-btn i {

	transform: scale(1.4);

}

.video-box-btn:hover {

	transform: scale(1.1);

}

.video-promo-text {

	padding-left: 50px;

	margin-top: 50px;

}

.video-promo-text h3 {

	float: left;

	width: 100%;

	text-align: left;

	position: relative;

	font-size: 32px;

	font-family: 'Poppins', sans-serif;

	text-transform: uppercase;

	font-weight: 800;

	color: rgba(255, 255, 255, 0.71);

	padding-bottom: 40px;

	margin-bottom: 30px;

}

.video-promo-text h3:before {

	content: '';

	position: absolute;

	bottom: 20px;

	left: 0;

	width: 50px;

	height: 2px;

}

.video-promo-text p {

	text-align: left;

	color: #fff;

}

/*------  Process / services ------------------------------------------------*/



.features-box-container.single-serv {

	margin-top: 0;

}

.features-box-container.single-serv .features-box {

	margin-bottom: 30px;

}

.process-wrap {

	margin-top:30px;

}

.process-wrap li {

	float: left;

	width: 33.3%;

	position: relative;

	padding: 15px 30px 35px 0;

}

.process-wrap li .process-details,

.serv-wrap .process-details {

	text-align: left;

	float: left;

	width: 100%;

	padding: 35px 40px 30px 40px;

	background: #f9f9f9;

	border: 1px solid #eee;

	position: relative;

}

.process-wrap li .process-details a,

.serv-wrap .process-details ul li {

	float: left;

	margin-top: 20px;

	text-transform: uppercase;

	letter-spacing: 4px;

	font-weight: 800;

	font-size: 11px;

	position: relative;

}

.serv-wrap .process-details ul li {

	margin-top: 10px;

	margin-right: 10px;

}

.process-wrap li h4,

.serv-wrap h4 {

	float: left;

	text-align: left;

	font-weight: 600;

	font-size: 18px;

	position: relative;

	color: #666;

	margin-bottom: 36px;

	padding-left: 80px;

}

.process-wrap li .process-details h6,

.serv-wrap .process-details h6 {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-style: italic;

	color: #999;

	text-align: left;

	padding-bottom: 20px;

}

.process-wrap li h4:before,

.serv-wrap h4:before {

	content: '';

	position: absolute;

	left: 50%;

	right: -50px;

	bottom: -4px;

	top: -2px;

	background: #ccc;

	opacity: 0.2;

	z-index: -1;

}

.process-wrap li .time-line-icon,

.serv-wrap .time-line-icon {

	position: absolute;

	top: 10px;

	left: 5px;

}

.process-wrap li:before,

.serv-wrap:before {

	content: '';

	position: absolute;

	bottom: 10px;

	left: 110px;

	right: 20%;

	border-bottom: 1px dotted #ccc;

}

.process-wrap li:after,

.serv-wrap:after {

	font-family: Font Awesome\ 5 Pro;

	content: '\f101';

	position: absolute;

	bottom: 2px;

	right: 40px;

	color: #999;

	font-size: 16px;

}

.process-wrap li:last-child:after {

	color: #666;

	content: '\f00c';

}

.process-numder {

	position: absolute;

	bottom: -20px;

	left: 20px;

	z-index: 11;

	color: #f2f2f2;

	font-size: 60px;

	font-family: 'Poppins', sans-serif;

	font-weight: bold;

}

.srv-link-text {

	margin-top:10px;

}

.srv-link-text h4 {

	float: left;

	text-align: left;

    font-weight: 600;

    font-size: 18px;

    color: #666;

	position: relative;

	top: 15px;

	margin-right: 100px;

}

.serv-wrap {

	padding: 15px 30px 35px 0;

}

.serv-wrap .process-details .serv-img {

	position: absolute;

	top: -35px;

	right: 30px;

	width: 80px;

	height: 80px;

	border-radius: 100%;

	z-index: 10;

}

.serv-wrap .process-details .serv-img img {

	width: 80px;

	height: 80px;

	position: relative;

	z-index: 2;

	border-radius: 100%;

}

.serv-zoom {

	position: absolute;

	width: 50px;

	height: 50px;

	border-radius: 100%;

	top: 50%;

	left: 50%;

	margin: -25px 0 0 -25px;

	z-index: 10;

	text-align: center;

	line-height: 50px;

	background: rgba(51, 51, 51, 0.41);

	-webkit-transition: all 300ms ease-out;

	transition: all 300ms ease-out;

	opacity: 0;

	visibility: hidden;

}

.serv-wrap .process-details .serv-img:hover .serv-zoom {

	visibility: visible;

	opacity: 1;

}

.serv-wrap .serv-img:before {

	content: '';

	position: absolute;

	top: -8px;

	left: -8px;

	bottom: -8px;

	right: -8px;

	z-index: 1;

	border-radius: 100%;

	background: #fff;

	border: 1px solid #eee;

}

.serv-carousel .slick-list {

	padding: 0 !important;

}

.serv-carousel-item {

	float: left;

	width: 100%;

	margin: 0;

}

.hidden-info-wrap-bg {

	position: absolute;

	top: 0;

	left: 0;

	width: 30%;

}

.hidden-info-wrap {

	float: right;

	width: 70%;

	bottom: 0;

	background: #2A2A2E;

	z-index: 20;

	padding: 70px 0;

	min-height: 100vh;

}

.hidden-info-title {

	margin-bottom: 70px;

	color: #fff;

	text-align: left;

	font-size: 14px;

	letter-spacing: 4px;

	color: #888;

	text-transform: uppercase;

	padding-left: 150px;

}

.hidden-works-item {

	padding: 25px 150px;

	position: relative;

}

.serv-works-item {

	padding: 40px 150px;

}

.hidden-works-item:before {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(255, 255, 255, 0.03);

	opacity: 0;

	-webkit-transition: all 300ms linear;

	transition: all 300ms linear;

}

.hidden-works-item:hover:before,

.hidden-works-item.act-index:before,

.hidden-works-item.act-index .serv-icon {

	opacity: 1;

}

.hidden-works-item-media {

	float: left;

	width: 20%;

	position: relative;

}

.hidden-works-item-media span,

.serv-number {

	width: 50px;

	height: 50px;

	line-height: 50px;

	position: absolute;

	left: -90px;

	top: 50%;

	margin-top: -25px;

	color: rgba(255, 255, 255, 0.41);

	font-size: 18px;

	font-family: 'Poppins', sans-serif;

	font-weight: 700;

}

.hidden-works-item-media-img {

	overflow: hidden;

}

.hidden-works-item-media-img a {

	position: absolute;

	top: 50%;

	left: 50%;

	width: 50px;

	height: 50px;

	line-height: 50px;

	background: rgba(51, 51, 51, 0.81);

	border-radius: 100%;

	z-index: 5;

	margin: -25px 0 0 -25px;

	-webkit-transition: all 300ms linear;

	transition: all 300ms linear;

	-webkit-transform: scale(0);

	transform: scale(0);

	visibility: hidden;

}

.hidden-works-item:hover .hidden-works-item-media-img a {

	-webkit-transform: scale(1.0);

	transform: scale(1.0);

	visibility: visible;

}

.hidden-works-item-media img {

	width: 100%;

	height: auto;

}

.hidden-works-item:after {

	content: '';

	position: absolute;

	bottom: 0;

	right: 100px;

	left: calc(20% + 190px);

	height: 1px;

	border-bottom: 1px dotted rgba(255, 255, 255, 0.11);

}

.hidden-works-item-text {

	float: left;

	width: 80%;

	position: relative;

	padding-left: 100px;

}

.serv-works-item .hidden-works-item-text {

	padding-left: 0;

	width: 100%;

}

.hidden-works-item-text h3 {

	text-align: left;

	font-size: 24px;

	font-family: 'Poppins', sans-serif;

	font-weight: 600;

	padding-top: 20px;

	margin-bottom: 12px;

	color: #fff;

	position: relative;

}

.serv-works-item .hidden-works-item-text h3 {

	padding-top: 0;

}

.serv-works-item .hidden-works-item-text h3:before {

	content: '';

	position: absolute;

	bottom: 0;

	left: 0;

	width: 50px;

	height: 2px;

}

.serv-works-item .hidden-works-item-text h3 {

	padding-bottom: 12px;

	margin-bottom: 22px;

}

.serv-icon {

	position: absolute;

	right: 10%;

	bottom: 0px;

	font-size: 98px;

	color: rgba(255, 255, 255, 0.11);

	z-index: 1;

	-webkit-transition: all 500ms linear;

	transition: all 500ms linear;

	opacity: 0;

}

.hidden-works-item-text p {

	float: left;

	max-width: 500px;

	color: #888;

	text-align: left;

	margin-top: 20px;

}

.hidden-works-item-text h3 a {

	color: #fff;

}

.hidden-works-item-text ul li {

	float: left;

	margin-right: 20px;

}

.hidden-works-item-text ul li a {

	color: #888;

	font-size: 10px;

	letter-spacing: 2px;

	text-align: left;

	text-transform: uppercase;

}

.serv-price {

	margin: 20px 0;

	color: #fff;

	text-align: left;

	float: left;

	padding: 10px 50px;

	border: 1px solid rgba(255, 255, 255, 0.21);

}

.hidden-works-item-dec {

	position: absolute;

	right: 100px;

	width: 50px;

	height: 50px;

	line-height: 50px;

	top: 50%;

	margin-top: -25px;

	opacity: 1;

	color: rgba(255, 255, 255, 0.41);

	-webkit-transition: all 500ms linear;

	transition: all 500ms linear;

}

.hidden-info-pagination {

	float: left;

	margin-top: 70px;

	padding-left: 150px;

	position: relative;

}

.hidden-info-pagination span {

	font-weight: 600;

	text-transform: uppercase;

	font-size: 10px;

	letter-spacing: 2px;

	color: #8B8B8B;

	position: relative;

}

.hidden-info-pagination:hover span:before {

	left: 20%;

}

.hidden-info-pagination i {

	margin-left: 30px;

}

.hidden-info-pagination span:before {

	content: '';

	position: absolute;

	left: 70%;

	right: -80px;

	top: -12px;

	bottom: -12px;

	background: rgba(255, 255, 255, 0.081);

	-webkit-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}

.bg-ser {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 1;

	overflow: hidden;

}

.bg-ser .bg {

	opacity: 0;

	will-change: opacity, transform;

	-webkit-transform: scale(1);

	transform: scale(1);

	-webkit-transition: all 1200ms linear;

	transition: all 1200ms linear;

}

.bg-ser .bg.active {

	opacity: 1;

	left: 0;

	-webkit-transform: scale(1.05);

	transform: scale(1.05);

}

/*------ price tables------------------------------------------------*/

.price-item {

	float: left;

	width: 33.3%;

	position: relative;

	-webkit-transition: all 300ms ease-out;

	transition: all 300ms ease-out;

	-ms-transition: all 300ms ease-out;

	z-index: 1;

}

.price-item:hover,

.best-price {

	box-shadow: 0px 0px 90px 0px rgba(0, 0, 0, 0.07);

	z-index: 2;

}

.best-price {

	top: -30px;

	transform: scale(1.05);

}

.price-item:hover {

	z-index: 3;

}

.price-head {

	float: left;

	width: 100%;

	padding: 22px 20px;

	position: relative;

	background: #35353A;

}

.price-head h3 {

	color: #fff;

	position: relative;

	z-index: 2;

	font-size: 10px;

	text-transform: uppercase;

	letter-spacing: 2px;

	font-weight: 500;

	border: 1px dotted rgba(255, 255, 255, 0.21);

	display: inline-table;

	padding: 10px 50px;

	border-radius: 4px;

	background: rgba(255, 255, 255, 0.071);

	overflow: hidden;

}

.price-num {

	padding: 30px 15px 20px;

}

.price-num span.curen {

	position: relative;

	top: -32px;

	padding-right: 7px;

	font-weight: 400;

	font-size: 17px;

}

.price-num-desc {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-style: italic;

	color: #bcbcbc;

	display: block;

	margin-top: 6px;

}

.price-num-item {

	font-size: 65px;

	position: relative;

	font-weight: 600;

}

.price-desc {

	padding: 20px 0 50px;

}

.price-desc ul li {

	float: left;

	width: 100%;

	padding: 18px 0;

	color: #666;

	font-weight: 500;

	font-size: 14px;

	border-bottom: 1px solid #eee;

}

.price-desc ul li:nth-child(2n+1) {

	background: #fbfbfb;

}

.price-desc ul li:first-child {

	border-top: 1px solid #eee;

}

.price-link {

	display: inline-table;

	padding: 15px 20px;

	color: #fff;

	border-radius: 4px;

	margin-top: 30px;

	font-weight: 500;

}

.price-content {

	background: #fff;

	border: 1px solid #eee;

}

.recomm-price {

	margin-top: 40px;

	font-weight: 600;

	color: #ccc;

}

.recomm-price i {

	width: 40px;

	height: 40px;

	line-height: 40px;

	color: #5ECFB1;

	font-size: 16px;

	border-radius: 100%;

	border: 2px solid #ccc;

	margin-bottom: 10px;

}

.pricing-wrap {

	margin: 110px 0 0;

}

/*-------------price tables---------------------------------------*/

.team-box {

	float: left;

	width: 33.3%;

	position: relative;

	padding: 10px 20px;

	background:#fff;

	margin-bottom: 20px;

}

.team-photo {

	overflow: hidden;

	position: relative;

	border-top-left-radius: 6px;

	border-top-right-radius: 6px;

}

.team-photo .overlay {

	opacity: 0;

	z-index: 2;

	background: #000;

	-webkit-transition: all 500ms ease-out;

	transition: all 500ms ease-out;

	-ms-transition: all 500ms ease-out;

}

.team-box .team-photo a {

	position: absolute;

	top: -50%;

	left: 0;

	width: 100%;

	height: 22px;

	line-height: 22px;

	color: #fff;

	text-align: center;

	letter-spacing: 10px;

	text-transform: uppercase;

	font-size: 10px;

	margin-top: -11px;

	z-index: 15;

	visibility: hidden;

	opacity: 0;

}

.hero-text .start-button-wrap a,

.team-photo a {

	-webkit-transition: all 300ms ease-out;

	transition: all 300ms ease-out;

	-ms-transition: all 300ms ease-out;

}

.team-box:hover .team-photo .overlay {

	opacity: 0.5;

}

.team-box:hover .team-photo a {

	top: 50%;

	opacity: 1;

	visibility: visible;

}

.section-team .team-photo {

	margin-bottom: 0;

	border-bottom-left-radius: 0;

	border-bottom-right-radius: 0;

}

.team-info {

	float: left;

	width: 100%;

	text-align: left;

	padding: 25px 30px;

	border: 1px solid #eee;

	border-top: none;

}

.section-team .team-info {

	border: 1px solid #eee;

	padding: 25px 30px;

	background: #fff;

	border-top: none;

	border-bottom-left-radius: 6px;

	border-bottom-right-radius: 6px;

}

.team-info h3,

.team-info h4 {

	float: left;

	width: 100%;

	padding-bottom: 10px;

	font-weight: 600;

	font-size: 16px;

}

.team-info h4 {

	font-size: 10px;

	color: #666;

	font-family: 'Poppins', sans-serif;

	font-weight: bold;

	text-transform: uppercase;

}

.team-social {

	float: left;

	width: 100%;

	border-top: 1px solid #eee;

	padding-top: 20px;

	margin-top: 10px;

}

.team-single-social {

	padding-top: 30px;

	border-top: 1px solid #eee;

}

.team-social li,

.team-single-social li {

	float: left;

	margin-right: 14px;

}

.team-single-social li a {

	color:#666;

}

.team-single-social span {

	float: left;

	margin-right: 30px;

	position: relative;

	top: 13px;

	font-size: 10px;

	text-transform: uppercase;

	letter-spacing: 2px;

}

.team-single-social li a {

	background: #fff;

	border: 1px solid #eee;

	width: 40px;

	height: 40px;

	line-height: 40px;

	border-radius: 4px;

	float: left;

}

.team-social li a:hover {

	color: #999;

}

/* ---------Resume  --------------------------------------*/

.custom-inner-holder {

	float: left;

	margin-top: 40px;

	width: 100%;

	padding-bottom:80px;

	border-bottom:1px solid #eee;

	margin-bottom:20px !important;

 

 

}

.custom-inner {

	float: left;

	width: 100%;

	position: relative;

	margin-bottom: 50px;

}

.custom-inner:last-child {

	margin-bottom: 0;

}

.custom-inner-header h3 {

	float: left;

	padding-bottom: 12px;

	font-weight: 600;

	font-size: 14px;

	text-align: left;

	font-family: 'Poppins', sans-serif;

}

.custom-inner-header {

	float: left;

	width: 100%;

	position: relative;

	padding: 30px 10px 30px 80px;

	border: 1px solid #eee;

	background: #f9f9f9;

}

.ci-num {

	float: left;

	margin-top: 70px;

	position: relative;

	width: 100%;

	margin-left: -40px;

}

.ci-num span {

	position: absolute;

	left: 0;

	opacity: 0.2;

	text-transform: uppercase;

	font-weight: 900;

	font-size: 44px;

	letter-spacing: 6px;

	-webkit-transform: rotate(-90deg);

	-moz-transform: rotate(-90deg);

	-o-transform: rotate(-90deg);

	-ms-transform: rotate(-90deg);

	transform: rotate(-90deg);

	color: #666;

	font-family: 'Poppins', sans-serif;

}

.custom-inner-header:after {

	font-family: Font Awesome\ 5 Pro;

	font-style: normal;

	font-weight: normal;

	text-decoration: inherit;

	position: absolute;

	color: #666;

	bottom: 10px;

	font-size: 70px;

	right: 10px;

	opacity: 0.08;

}

.custom-inner-header.educ:after {

	content: "\f19d";

}

.custom-inner-header.workres:after {

	content: "\f0b1";

}

.custom-inner-header:before {

	content: '';

	position: absolute;

	top: 50%;

	left: -26px;

	width: 10px;

	height: 4px;

	margin-top: -2px;

}

.custom-inner-header span {

	font-size: 13px;

	text-transform: uppercase;

	width: 100%;

	color: #666;

	text-align: left;

	float: left;

	font-weight: 600;

}

.custom-inner-header i {

	width: 40px;

	height: 40px;

	line-height: 40px;

	position: absolute;

	border-radius: 4px;

	top: 50%;

	left: 15px;

	color: #fff;

	font-size: 12px;

	-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), to(rgba(250, 250, 250, 0.2)));

	margin-top: -20px;

}

.custom-inner-content {

	padding: 35px 30px 45px;

	background: #f9f9f9;

	border: 1px solid #eee;

}

.cus-inner-head-link {

	position: absolute;

	right: 0;

	bottom: 0;

	color: #fff;

	padding: 14px 40px;

	text-transform: uppercase;

	font-weight: 600;

	letter-spacing: 2px;

	font-size: 10px;

	border-top-left-radius:6px;

	text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.36);

}

.cus-inner-head-link:hover {

	color:#666;

}

.custom-inner h4 {

	float: left;

	width: 100%;

	padding-bottom: 20px;

	font-weight: 600;

    font-size: 14px;

    text-align: left;

    font-family: 'Poppins', sans-serif;

}

.custom-inner p {

	text-align: left;

}

.custom-inner ul {

	float: left;

	width: 100%;

	padding: 10px 0 10px 13px;

	list-style: decimal;

}

.custom-inner ul li {

	float: left;

	width: 100%;

	padding: 5px 0 5px 10px;

	text-align: left;

	font-weight: 800;

	color: #666;

}

.custom-inner .content-nav ul {

	position: relative;

	left: 0;

	padding: 0;

	list-style: none;

}

.custom-inner .content-nav ul li {

	float: left;

	width: 50%;

	padding: 0;

}

.custom-inner .btn {

	margin-top: 20px;

}

/* --------- clients - terstimonials--------------------------------------*/

.client-list li {

	float: left;

	width: 100%;

	position: relative;

	overflow: hidden;

	padding: 2px;

	margin: 0;

}

.client-list li a {

	float: left;

	width: 100%;

	padding: 40px 50px;

	-webkit-transition: all 400ms linear;

	transition: all 400ms linear;

}

.client-list-white {

	float: left;

	width: 100%;

}

.client-list-white li a {

	backgrou nd: #f9f9f9;

}

.client-list-white li a:hover {

	background: #fff;

}

.client-list li img {

	width: 100%;

	height: auto;

}

.text-carousel .text-carousel-item {

	padding: 30px 65px;

	background: #fff;

	border: 1px solid #eee;

	border-radius: 4px;

	margin: 0 10px;

	float: left;

	width: 100%;

	position: relative;

	margin-top: 70px;

}

.text-carousel .text-carousel-item:before,

.text-carousel .text-carousel-item:after,

.pr-list-det:before,

.pr-list-det:after {

	font-family: Font Awesome\ 5 Pro;

	font-style: normal;

	font-weight: normal;

	text-decoration: inherit;

	position: absolute;

	color: #ccc;

	opacity: 0.4;

	font-size: 34px;

}

.text-carousel-item:before,

.pr-list-det:before {

	content: "\f10e";

	top: 20px;

	left: 15px;

}

.text-carousel-item:after,

.pr-list-det:after {

	content: "\f10e";

	bottom: 20px;

	right: 15px;

}

.text-carousel .slick-item {

	padding: 0 20px;

}

.text-carousel .slick-center .text-carousel-item {

	background: #f9f9f9;

}

.text-carousel .slick-dots,

.serv-carousel .slick-dots {

	margin-top: 40px;

}

.text-carousel .slick-dots li,

.serv-carousel .slick-dots li {

	display: inline-block;

	margin: 0 8px;

}

.text-carousel .slick-dots li button:before,

.serv-carousel .slick-dots li button:before {

	background: #ccc;

}

.text-carousel .slick-dots li.slick-active button,

.serv-carousel .slick-dots li.slick-active button {

	border-color: #ccc;

}

.text-carousel-controls {

	top: 40px;

}

.text-carousel-controls .container {

	width:100%;

}

.text-carousel-controls .sp-cont,

.serv-carousel-wrap .sp-cont {

	float: left;

	margin-right: 40px;

	position: relative;

	left: 0;

	right: 0;

	font-size: 16px;

	height: 30px;

	width: 70px;

	border: 1px solid #eee;

	line-height: 30px;

	border-radius: 2px;

	margin-bottom: 40px;

	background:#f9f9f9;

}

.text-carousel-controls .sp-cont:hover,

.serv-carousel-wrap .sp-cont:hover{

	background:#fff;

}

.slider-carousel-wrap {

	z-index: 10;

}

.text-carousel-wrap {

	margin: 0 0 50px 0;

	padding: 0 50px;

}

.text-carousel-item p {

	font-size: 13px;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-style: italic;

	text-align: left;

}

.text-carousel-item a.testim-link {

	float: left;

	margin-top: 20px;

	text-transform: uppercase;

	letter-spacing: 4px;

	font-weight: 800;

	font-size: 11px;

	position: relative;

}

.text-carousel-item a.testim-link:before,

.features-box a:before {

	content: '';

	position: absolute;

	bottom: -10px;

	left: 0;

	width: 100%;

	height: 1px;

	border-bottom: 1px dotted #ccc;

}

.listing-rating {

	float: left;

	width: 100%;

	margin-bottom: 12px;

}

.listing-rating i {

	float: left;

	margin-right: 10px;

	font-size: 11px;

}

.popup-avatar {

	position: absolute;

	right: 70px;

	z-index: 10;

	width: 80px;

	height: 80px;

	z-index: 20;

	border-radius: 100%;

	-webkit-transition: all 400ms linear;

	transition: all 400ms linear;

	opacity: 0;

	top: -120px;

	visibility: hidden;

}

.text-carousel .slick-center .popup-avatar,

.pr-list-det .popup-avatar {

	opacity: 1;

	top: -40px;

	visibility: visible;

}

.popup-avatar:before {

	content: '';

	position: absolute;

	border-radius: 100%;

	left: -8px;

	bottom: -8px;

	right: -8px;

	top: -8px;

	border: 1px solid #eee;

	z-index: 1;

	background: #fff;

}

.popup-avatar img {

	width: 80px;

	height: 80px;

	border-radius: 100%;

	position: relative;

	z-index: 2;

}

.review-owner {

	margin: 0 0 15px 0;

	float: left;

	margin-top: 20px;

	text-transform: uppercase;

	font-weight: 800;

	font-size: 11px;

	text-align: left;

	color: #666;

	font-family: 'Poppins', sans-serif;

}

.review-owner span {

	color: #999;

}

/* ------order-wrap------------------------------------------------------------ */

.order-wrap h3 {

	float: left;

	padding-left: 90px;

	position: relative;

	color: #fff;

	font-weight: 600;

	text-transform: uppercase;

	font-size: 12px;

	letter-spacing: 2px;

	color: #8B8B8B;

	top: 2px;

}

.order-wrap h3:before {

	content: '';

	position: absolute;

	top: 50%;

	left: 0;

	width: 50px;

	height: 2px;

	margin-top: -1px;

}

.order-wrap:before {

	content: "";

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	width: 43.2%;

	background: rgba(255, 255, 255, 0.041)

}

.order-wrap h3:after {

	content: "";

	position: absolute;

	top: -15px;

	left: -70px;

	bottom: -15px;

	width: 270px;

	background: rgba(255, 255, 255, 0.041)

}

/* ------countdown------------------------------------------------------------ */

.cs-wrap {

	overflow: hidden;

	position: fixed;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background: #2A2A2E;

	-webkit-transform: translate3d(0, 0, 0);

}

.cs-wrap .hero-wrap {

	background: none;

	overflow: hidden;

}

.cs-wrap .half-hero-wrap {

	top: 23%;

}

.countdown {

	top: -20px;

}

.countdown-item {

	float: left;

	margin-right: 80px;

	position: relative;

	position: relative;

	text-align: left;

}

.countdown-item span {

	color: #fff;

	font-size: 54px;

	font-weight: 700;

}

.countdown-item p {

	position: relative;

	padding-top: 7px;

	color: rgba(255, 255, 255, 0.51);

	font-size: 10px;

	font-weight: 500;

	letter-spacing: 2px;

	text-transform: uppercase;

}

.cs-wrap .subcribe-form {

	width: 350px;

	float: left;

	position: relative;

}

/* ------share------------------------------------------------------------ */

.show-share {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 80px;

	height: 80px;

	z-index: 100;

	color: #fff;

	font-size: 22px;

	line-height: 80px;

	background: #3C3C3C;

	cursor: pointer;

}

.contact-btn i,

.show-share i {

	-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), to(rgba(250, 250, 250, 0.4)));

}

.show-share.clshbt i:before {

	content: "\f00d"

}

.show-share span,

.contact-btn span {

	position: absolute;

	height: 50px;

	line-height: 50px;

	left: 0;

	top: -50px;

	padding: 0 30px;

	font-size: 10px;

	text-transform: uppercase;

	letter-spacing: 2px;

	min-width: 150px;

	background: #2D2D32;

	margin-top: -20px;

	opacity: 0;

	visibility: hidden;

	-webkit-transition: all 300ms linear;

	transition: all 300ms linear;

}

.contact-btn span {

	left: inherit;

	right: 0;

	top: 80px;

	margin-top: 10px;

}

.show-share:hover span,

.contact-btn:hover span {

	margin-top: 0;

	opacity: 1;

	visibility: visible;

}

.share-wrapper {

	position: fixed;

	top: 0;

	left: 80px;

	right: 0;

	height: 100%;

	z-index: 100;

	display: none;

	-webkit-transform: translate3d(0, 0, 0);

}

.share-wrapper:before {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 0;

	height: 100%;

	z-index: 1;

	opacity: 1;

	background: #252425;

	-webkit-transition: all 300ms linear;

	transition: all 300ms linear;

}

.share-wrapper:after {

	content: '';

	position: absolute;

	top: 0;

	right: 0;

	width: 0;

	height: 100%;

	z-index: 1;

	opacity: 0.4;

	background: #252425;

	-webkit-transition: all 300ms linear;

	transition: all 300ms linear;

}

.share-wrapper.invis-share:after {

	width: 20%;

}

.share-wrapper.invis-share:before {

	width: 80%

}

.soa {

	margin-top: -50px;

	opacity: 0;

	-webkit-transition: all 300ms linear;

	transition: all 300ms linear;

}

.soavis {

	margin-top: 0;

	opacity: 1;

}

.share-title {

	position: absolute;

	top: 70%;

	left: 100px;

	z-index: 2;

}

.share-title span {

	float: left;

	position: relative;

	opacity: 0.2;

	min-height: 300px;

	text-transform: uppercase;

	font-weight: 900;

	font-size: 124px;

	-webkit-transform: rotate(-90deg);

	-moz-transform: rotate(-90deg);

	-o-transform: rotate(-90deg);

	-ms-transform: rotate(-90deg);

	transform: rotate(-90deg);

	-webkit-transform-origin: left top;

	-ms-transform-origin: left top;

	-moz-transform-origin: left top;

	-o-transform-origin: left top;

	transform-origin: left top;

	color: #fff;

}

.share-inner {

	position: absolute;

	top: 0;

	left: 0;

	padding-left: 350px;

	width: 100%;

	height: 100%;

	z-index: 3;

}

.share-inner:before {

	content: '';

	position: absolute;

	bottom: 0;

	right: 20%;

	width: 50%;

	height: 18%;

	background: rgba(255, 255, 255, 0.05)

}

.close-share {

	position: absolute;

	right: 20%;

	top: 80px;

	margin-right: -50px;

	z-index: 10;

	cursor: pointer;

	padding: 10px 90px;

	border: 1px solid rgba(255, 255, 255, 0.21);

}

.close-share i {

	font-size: 26px;

	color: #fff;

}

.close-share span {

	color: rgba(255, 255, 255, 0.91);

	font-weight: 600;

	text-transform: uppercase;

	font-size: 10px;

	letter-spacing: 4px;

	position: relative;

	float: left;

	padding-right: 30px;

	top: 6px;

}

.share-container {

	margin-top: 50px;

	z-index: 100;

	float: left;

	width: 200px;

	position: relative;

	top: 30%;

}

.share-container .share-icon {

	float: left;

	width: 100%;

	margin-bottom: 60px;

	position: relative;

	text-align: left;

	-webkit-transition: all .2s ease-in-out;

	transition: all .2s ease-in-out;

}

.share-icon:after {

	position: absolute;

	bottom: -40px;

	left: 0;

	width: 100%;

	color: rgba(255, 255, 255, 0.91);

	font-weight: 600;

	text-transform: uppercase;

	font-size: 12px;

	letter-spacing: 4px;

	-webkit-transition: all .4s ease-in-out;

	transition: all .4s ease-in-out;

}

.share-container .share-icon:hover:after {

	color: rgba(255, 255, 255, 0.41);

	text-decoration: underline;

}

.share-icon-digg:after {

	content: "digg";

}

.share-icon-email:after {

	content: "email";

}

.share-icon-flickr:after {

	content: "flickr";

}

.share-icon-foursquare:after {

	content: "foursquare";

}

.share-icon-rss:after {

	content: "rss";

}

.share-icon-facebook:after {

	content: "facebook";

}

.share-icon-twitter:after {

	content: "twitter";

}

.share-icon-tumblr:after {

	content: "tumblr";

}

.share-icon-linkedin:after {

	content: "linkedin";

}

.share-icon-vimeo:after {

	content: "vimeo";

}

.share-icon-instagram:after {

	content: "instagram";

}

.share-icon-pinterest:after {

	content: "pinterest";

}

.share-icon-googleplus:after {

	content: "googleplus";

}

.share-icon-in1:after {

	content: "in1";

}

.share-icon-stumbleupon:after {

	content: "stumbleupon";

}

/*-------------Map contacts---------------------------------------*/

.map-container {

	float: left;

	width: 100%;

	position: relative;

	overflow: hidden;

}

.fw-map-container #singleMap {

	width: 100%;

	position: relative;

	height: 400px;

	float: left;

}

.fw-map-container.ful-height-map,

.fw-map-container.ful-height-map #singleMap {

	height: 100%;

}

.big-single-map.fw-map-container #singleMap {

	height: 500px;

}

.box-widget #singleMap {

	margin-bottom: 10px;

}

.fw-map-container {

	z-index: 8;

}

.custom-form {

	float: left;

	width: 100%;

	position: relative;

}

.custom-form .selectbox {

	color: #292929;

	border-radius: 4px;

	margin-bottom: 20px;

	z-index: 100;

	border: 1px solid #eee;

	background: #fff;

	color: #888DA0;

	font-weight: 600;

	font-size: 12px;

	position: relative;

}

.custom-form .sel-dec .selectbox .select:before {

	font-family: Font Awesome\ 5 Pro;

	content: '\f142';

	position: absolute;

	top: 50px;

	left: 10px;

	height: 20px;

	line-height: 20px;

	margin-top: -10px;

	z-index: 22;

	font-size: 16px;

	font-weight: 300;

	color: #ccc;

}

.custom-form .selectbox .trigger .arrow {

	border-top: 5px solid #666;

	right: 20px;

}

.custom-form textarea,

.custom-form input[type="text"],

.custom-form input[type=email],

.custom-form input[type=password] {

	float: left;

	border: none;

	border: 1px solid #eee;

	background: #fff;

	width: 100%;

	padding: 15px 20px 15px 55px;

	color: #666;

	font-size: 12px;

	-webkit-appearance: none;

}

.custom-form input::-webkit-input-placeholder,

.custom-form textarea::-webkit-input-placeholder {

	color: #888DA0;

	font-weight: 600;

	font-size: 12px;

	position: relative;

}

.custom-form input:-moz-placeholder,

.custom-form textarea:-moz-placeholder {

	color: #888DA0;

	font-weight: 600;

	font-size: 13px

}

.custom-form textarea {

	height: 200px;

	resize: none;

	padding: 25px 20px;

	-webkit-appearance: none;

}

.custom-form input {

	margin-bottom: 20px;

}

.custom-form label {

	float: left;

	position: relative;

	width: 100%;

	text-align: left;

	font-weight: 500;

	color: #666;

}

.custom-form label i {

	padding-right: 12px;

	font-size: 16px;

	position: absolute;

	top: 16px;

	left: 20px;

	text-align: center;

}

.custom-form button {

	padding: 20px 35px;

	outline: none;

	border: none;

	cursor: pointer;

	-webkit-appearance: none;

}

#message {

	text-align:left;

	float:left;

	width:100%;

	padding-bottom:20px;

	color:#000;

}

#message h1 {

	font-size:16px;

	padding-bottom:10px;

}

#message p strong {

	font-weight:800px;

	color:#000;

}

.verify-text {

	margin: 30px 0 30px;

	text-align: left;

	color: #666;

	font-size: 13px;

	float: left;

	font-weight: 600;

}

.custom-form .verify-wrap .selectbox {

	float: left;

	width: inherit;

	margin: 10px 0 0 20px;

	line-height: 10px;

	top: 6px;

}

.custom-form .verify-wrap .selectbox .text {

	top: 0px;

}

.verify-wrap {

	float: left;

}

.verify-wrap label {

	width: inherit;

	position: relative;

	top: 11px;

	margin-right: 30px;

}

.no-padding {

	padding: 0;

}

/*------Blog------------------------------------------------*/



.blog-filters span {

	float: left;

	margin-right: 35px;

	position: relative;

	top: 18px;

	text-transform: uppercase;

	font-size: 10px;

	color: #8B8B8B;

	font-weight: 600;

	letter-spacing: 2px;

}

.blog-btn-filter {

	float: left;

	margin-right: 15px;

	position: relative;

	top: 6px;

}

.blog-btn-filter ul {

	display: none;

	position: absolute;

	top: 50px;

	padding: 15px 20px;

	background: #292929;

}

.blog-btn-filter ul li {

	float: left;

	min-width: 150px;

	width: 100%;

	padding: 10px 0;

	text-align: left;

}

.blog-btn-filter ul li a {

	color: #fff;

}

.blog-btn {

	float: left;

	padding: 10px 30px;

	border: 1px solid rgba(255, 255, 255, 0.11);

	border-radius: 4px;

	position: relative;

	cursor: pointer;

	text-transform: uppercase;

	font-size: 10px;

	color: #fff;

	letter-spacing: 2px;

}

.blog-btn i {

	float: right;

	margin-left: 25px;

	position: relative;

	top: 2px;

	font-size: 12px;

	color: #999;

}

.cat-list {

	float: left;

	width: 100%;

	list-style: none;

	margin: 2px 0 6px;

}

.cat-list li {

	float: left;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-style: italic;

	color: #666;

	margin-right: 18px;

	position: relative;

}

.cat-list li:before {

	content: '/';

	position: absolute;

	right: -12px;

	top: -1pxpx;

	color: #000;

}

.cat-list li:last-child:before {

	display: none;

}

.cat-list li a {

	color: #999;

}

.blog-filters {

	float: left;

	margin-left: 50px;

	top: 18px;

	position: relative;

}

.blog-search {

	float: left;

	margin-left: 50px;

	width: 350px;

}

.searh-inner input {

	background: rgba(255, 255, 255, 0.091);

	font-size: 12px;

	height: 45px;

	padding: 0 20px;

	width: 70%;

	color: rgba(255, 255, 255, 0.691);

	border: none;

}

.searh-inner input:-moz-placeholder,

.searh-inner input::-webkit-input-placeholder {

	color: #fff;

	font-weight: 600;

	font-size: 12px

}

.search-submit {

	width: 30%;

	height: 45px;

	float: right;

	background: none;

	color: #fff;

	font-weight: bold;

	border: none;

	font-size: 10px;

	cursor: pointer;

}

.fwpost-container {

	padding-left: 30px;

}

.post p {

	text-align: left;

}

.fw-post {

	margin-bottom: 30px;

	padding-bottom: 30px;

}

.masonry-post {

	padding-right: 30px;

	padding-bottom: 40px;

}

.fw-post h2,

.masonry-post h2 {

	float: left;

	width: 100%;

	text-align: left;

	font-weight: bold;

	font-size: 30px;

	margin-bottom: 40px;

	position: relative;

	font-family: 'Poppins', sans-serif;

	text-transform: uppercase;

}

.masonry-post h2 {

	font-size: 20px;

	margin-bottom: 20px;

}

.fw-post.single-post h2 {

	font-size: 40px;

}

.fw-post h2:before {

	content: '';

	position: absolute;

	bottom: -15px;

	left: 0;

	width: 50px;

	height: 2px;

	z-index: 1;

}

.blog-text {

	padding: 25px 30px;

	border: 1px solid #eee;

	background: #fff;

}

.blog-text h3 {

	text-align: left;

	color: #666;

	float: left;

	width: 100%;

	font-weight: 800;

	font-size: 16px;

	padding-bottom: 15px;

}

.blog-text h3 a {

	color: #666;

}

.masonry-post .blog-text {

	padding-bottom: 30px;

	border-bottom: 1px solid #eee;

}

.post-counter {

	float: right;

	position: relative;

	top: 20px;

	padding: 10px 15px;

	background: #f9f9f9;

	border: 1px solid #eee;

}

.post-counter.single-post-counter {

	float: left;

	top: 10px;

	margin-bottom: 20px;

}

.post-counter li {

	float: left;

	margin-right: 15px;

}

.post-counter li i,

.post-counter li span {

	float: left;

}

.post-counter li span {

	margin-left: 6px;

	font-style: italic;

	font-size: 11px;

}

.widget-wrap {

	margin-bottom: 40px;

	padding: 25px 30px;

	background: #f9f9f9;

	border: 1px solid #eee;

}

.widget-title span {

	text-align: left;

	font-size: 27px;

	text-transform: uppercase;

	float: left;

	font-weight: bold;

	position: absolute;

	top: 4px;

	right: 20px;

	color: #ccc;

	opacity: 0.7;

}

.widget-title {

	text-align: left;

	font-size: 15px;

	padding: 15px 20px;

	background: #fff;

	border: 1px solid #eee;

	font-weight: bold;

	margin-bottom: 20px;

	float: left;

	width: 100%;

	color: #666;

	position: relative;

}

.about-widget img {

	width: 100%;

	height: auto;

	margin-bottom: 30px;

}

.about-widget h5 {

	float: left;

	margin-bottom: 20px;

	font-weight: 800;

	font-size: 16px;

	text-align: left;

	color: #666;

	position: relative;

	padding-left: 40px;

}

.about-widget h5 a {

	position: relative;

	z-index: 2;

	color: #666;

}

.about-widget h5:after {

	content: '';

	position: absolute;

	top: 50%;

	left: 0;

	width: 30px;

	height: 2px;

	margin-top: -1px;

}

.about-widget h5:before {

	content: '';

	position: absolute;

	top: -2px;

	left: 40%;

	right: -30px;

	bottom: -2px;

	background: #ccc;

	z-index: 1;

	opacity: 0.3;

}

.about-widget p {

	text-align: left;

}

.about-widget-social {

	margin-top: 20px;

}

.about-widget-social span {

	float: left;

	text-transform: uppercase;

	letter-spacing: 4px;

	font-weight: 800;

	font-size: 11px;

	position: relative;

	margin-right: 12px;

}

.about-widget-social span:before {

	content: '';

	position: absolute;

	bottom: -10px;

	left: 0;

	width: 100%;

	height: 1px;

	border-bottom: 1px dotted #ccc;

}

.about-widget-social li {

	float: left;

	margin-right: 5px;

}

.about-widget-social li a {

	float: left;

	margin-left: 8px;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-style: italic;

	color: #999;

	font-size: 12px;

	position: relative;

	top: 2px;

}

.about-widget-social li a:hover {

	color: #666;

}

.widget-posts li {

	padding: 15px 10px;

	border-right: 1px solid #eee;

	margin-bottom: 8px;

	background: #f9f9f9;

}

.widget-posts-img {

	float: left;

	width: 30%;

}

.widget-comments-img img {

	border-radius: 100%;

}

.widget-posts-descr {

	float: left;

	width: 70%;

	padding-left: 20px;

	text-align: left;

}

.widget-posts-descr a {

	float: left;

	text-transform: uppercase;

	font-weight: 800;

	font-size: 10px;

	text-align: left;

	color: #666;

	font-family: 'Poppins', sans-serif;

}

.widget-posts-date {

	float: left;

	width: 100%;

	margin-top: 10px;

	color: #999;

	font-size: 12px;

}

.widget-wrap .tagcloud li {

	float: left;

	margin-bottom: 4px;

}

.widget-wrap .tagcloud li a {

	float: left;

	text-align: center;

	padding: 15px 30px;

	margin-right: 2px;

	color: #fff;

	background: #35353A;

	font-weight: 800;

}

.widget-wrap .tagcloud li a:hover {

	color: #ccc;

}

.jr-insta-thumb {

	float: left;

	width: 100%;

}

.jr-insta-thumb a {

	float: left;

	width: 33.3%;

	padding: 5px;

	overflow: hidden;

	-webkit-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

}

.jr-insta-thumb a img {

	width: 100%;

	height: auto;

}

.jr-insta-thumb a:hover {

	opacity: 0.6;

}

.cat-item li {

	float: left;

	width: 100%;

	padding-bottom: 8px;

	margin-bottom: 15px;

	text-align: left;

	position: relative;

}

.cat-item li:before {

	content: '';

	position: absolute;

	bottom: 6px;

	width: 100px;

	height: 1px;

	background: #eee;

	left: 50%;

	margin-left: -25px;

}

.cat-item li a {

	float: left;

	font-size: 12px;

	color: #292929;

	font-weight: 800;

}

.cat-item li span {

	float: right;

}

.cat-item a,

.tagcloud li a {

	font-size: 10px;

	-webkit-transition: all 200ms linear;

	-moz-transition: all 200ms linear;

	-o-transition: all 200ms linear;

	-ms-transition: all 200ms linear;

	transition: all 200ms linear;

}

.post-author {

	margin-bottom: 40px;

	margin-top: 10px;

	float: left;

	background: #f9f9f9;

	border: 1px solid #eee;

	padding: 30px 35px;

}

.author-img {

	float: left;

	width: 15%;

}

.author-content {

	float: left;

	width: 85%;

	padding-left: 10px;

}

.author-img img {

	border-radius: 100%;

	float: left;

	width: 80px;

	height: 80px;

}

.author-content h5 {

	text-align: left;

	color: #666;

	float: left;

	width: 100%;

	font-weight: 800;

	font-size: 16px;

	padding-bottom: 15px;

}

.author-content p {

	margin-bottom: 8px;

	float: left;

	width: 100%;

	text-align: left;

}

#comments {

	text-align: left;

	padding-top: 10px;

	float: left;

	width: 100%;

	margin-top: 30px;

}

#comments.single-post-comm {

	margin-top: 0;

	padding-top: 0;

}

#comments-title,

#reply-title {

	border-bottom: 1px solid #eee;

	padding-bottom: 30px;

	margin-bottom: 5px;

	padding-left: 20px;

	font-size: 13px;

	text-transform: uppercase;

	font-weight: bold;

	color: #666;

}

.comment {

	float: left;

	padding-left: 20px;

}

.comment-body {

	position: relative;

	margin-left: 80px;

	padding-top: 30px;

}

.comment-author {

	position: absolute;

	top: 30px;

	left: -76px;

}

.comment-author img {

	border-radius: 100%;

}

.comment .children {

	margin-left: 70px;

}

.fn {

	display: block;

	margin-bottom: 10px;

}

.comment-meta,

.comment-meta a {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-style: italic;

	font-size: 12px;

	letter-spacing: 1px;

	color: #494949;

	padding-bottom: 10px;

}

#respond {

	margin-top: 40px;

}

#reply-title {

	padding-bottom: 30px;

	margin-bottom: 5px;

}

.add-comment {

	margin-top: 40px;

	padding-left: 20px;

	margin-bottom: 50px;

}

.add-comment button {

	margin-top: 30px;

	border: none;

	outline: none;

	-webkit-appearance: none;

	cursor: pointer;

}

.no-fixbar {

	position: relative !important

}

.blog-media {

	margin-bottom: 20px;

}

.blog-media.nomar-bottom {

	margin-bottom: 0;

}

.post-container .content-nav,

.team-nav {

	margin-top: 30px;

}

/*------404------------------------------------------------*/

.error-wrap {

	padding: 40px 0;

}

.error-wrap h2 {

	font-size: 134px;

	color: #fff;

	font-weight: 900;

	font-family: 'Montserrat', sans-serif;

	letter-spacing: 10px;

}

.error-wrap p {

	color: rgba(255, 255, 255, 0.91);

	font-size: 12px;

}

.error-wrap form {

	margin: 30px auto 20px;

	max-width: 550px;

	overflow: hidden;

	border-radius: 6px;

	position: relative;

	box-shadow: 0px 0px 0px 7px rgba(255, 255, 255, 0.2);

}

.error-wrap form input {

	float: left;

	width: 100%;

	border: none;

	background: #fff;

	height: 50px;

	padding: 0 100px 0 20px;

	z-index: 1;

}

.error-wrap form .search-submit {

	position: absolute;

	top: 0;

	right: 0;

	width: 100px;

	height: 50px;

	line-height: 50px;

	z-index: 2;

	color: #fff;

	border: none;

	cursor: pointer;

}

.error-wrap form .search-submit:hover {

	background: #292929;

}

.error-wrap a.btn {

	display: inline-table;

	margin-top: 10px;

}

.scroll-nav-wrap-btn {

	display: none;

}

@media only screen and (max-width: 1220px) {

	.filter-title {

		display: none;

	}

}

@media only screen and (max-width: 1064px) {

	.main-header {

		width: 100%;

		height: 80px;

	}

	.main-header:before {

		opacity: 1;

	}

	.content {

		padding-left: 0;

	}

	.hero-wrap {

		padding-top: 80px;

		padding-bottom: 0;

	}

	.scroll-nav-wrap .scroll-down-wrap, .header-social, .height-emulator,  .footer-title, .nav-title, .single-page-decor, .single-page-fixed-row, .album-thumbnails  , .contact-btn , .single-page-fixed-row.blog-single-page-fixed-row  .scroll-down-wrap , .ci-num , .bg-parallax-module{

		display: none;

	}

	.custom-inner img   , .parallax-text{

    	transform: translateY(0px) !important;

	}

	.single-page-fixed-row.blog-single-page-fixed-row {

		display:block;

		position:relative;

		float:left;

		width:100%;

		left:0;

		height:auto;

		background:#fff;

	}

	.blog-filters {

		margin-left:0;

		padding:30px;

		margin-top:40px;

		background: #2D2D32;

	}

	.blog-search {

		margin-left:0;

		margin-top:40px;

		z-index:1;

		position:relative;

	}

	.blog-btn-filter {

		z-index:2;

	}

	.scroll-nav-wrap {

		left: 0;

	}

	.half-slider-wrap .sarr-contr {

		bottom: 120px;

	}

	.slider-nav-counter {

	    bottom: 133px;

	}

	.scroll-nav {

		padding: 23px 20px 0;

	}

	.scroll-nav li {

		margin-right: 0;

	}

	.logo-holder {

		float: left;

		width: 80px;

		height: 80px;

		line-height: 80px;

	}

	.logo-holder img {

		width: 30px;

		height: auto;

	}

	.nav-button {

		float: right;

		margin-right: 140px;

		margin-top: 24px;

	}

	.show-share {

		left: calc(100% - 80px);

	}

	.menu-button-text {

		bottom: 10px;

	}

	.inline-facts-wrap {

		margin-right: 0;

		width: 50%;

	}

	.collage-image,

	.footer-box {

		margin-bottom: 50px;

	}

	.process-wrap li {

		width: 50%;

	}

	.piechart {

		width: 50% !important;

	}

	.piechart-holder h4,

	.hidden-info-wrap {

		float: left;

		width: 100%;

	}

	.skillbar-bg {

		width: 100%;

	}

	.skill-bar-percent {

		margin-right: 0;

	}

	.main-footer {

		position: relative;

		float: left;

		width: 100%;

		left: 0;

		overflow: hidden;

	}

	.footer-inner {

		padding: 50px 0 20px;

	}

	.share-wrapper {

		left: 0;

	}

	.nav-overlay,

	.share-wrapper,

	.nav-holder {

		top: 80px;



	}

	.main-about,

	.video-promo-text,

	.custom-inner-holder,

	.fs-carousel-wrap {

		padding-left: 0;

	}

	.hero-decor-numb {

		left: 20%;

	}

	.half-bg-dec {

		left: 0;

		width: 30%;

		padding-left: 20px;

	}

	.half-hero-wrap {

		left: 0;

		padding: 0 100px;

		top:20%;

	}

	.half-hero-wrap h1 {

		font-size: 30px;

		line-height: 50px;

	}

	.client-list li a {

		padding: 15px 30px;

	}

	.fet_pr-carousel-title {

		position: relative;

		float: left;

		width: 100%;

		margin-bottom: 50px;

		left: 0;

	}

	.fet_pr-carousel-title-item {

		max-width: 92%;

	}

	.order-wrap .btn {

		float: left;

		margin-top: 50px;

	}

	.pr-title {

		margin-bottom: 40px;

	}

	.order-wrap h3 {

		width: 100%;

		text-align: left;

	}

	.hidden-info-wrap-bg {

		display: none;

	}

	.filter-title {

		display: none;

	}

	.fsp-filter {

		position: relative;

		float: left;

		left: 0;

		width: 100%;

		background: #35353A;

		height: auto;

		padding: 15px 0;

	}

	.gallery-item {

		width: 33.3% !important;

	}

	.subfooter {

		padding: 0;

	}

	.parallax-text {

		position: relative;

		bottom: 0;

		right: 0 !important;

		left: 0 !important;

		margin-left: 0 !important;

		margin-right: 0 !important;

		float: left;

		width: 100%;

		text-align: left;

		margin-top:30px;

	}

	.parallax-text h3,

	.parallax-text h4,

	.parallax-text h4 span {

		float: left !important;

		text-align: left !important;

	}

	.parallax-text .btn,

	.right-parallax-header {

		float: left !important;

	}

	.pr-list-det {

		margin-top: 70px;

	}

	.buy-album {

		margin-bottom: 50px;

	}

	.mob-bg {

		display:block;

	}

	.order-wrap li {

		margin-top:50px;

	}

	.share-container {

		top:20%;

	}

	.text-carousel-wrap {

    	padding: 0;

	}

	.skill-wrap {

		margin:20px 0 !important;

	}

	.parallax-text {

		padding:0 10px;

	}

	.parallax-item {

		margin: 20px 0;

	}

	.lf-num {

		left:inherit;

		right:0;

	}	

}

@media only screen and (max-width: 768px) {

	section.parallax-section.parallax-sec-half-left .bg,

	section.parallax-section.parallax-sec-half-left .overlay,

	section.parallax-section.parallax-sec-half-right .bg,

	section.parallax-section.parallax-sec-half-right .overlay,

	section.parallax-section.parallax-sec-half-right:before,

	section.parallax-section.parallax-sec-half-left:before {

		width: 70%;

	}

	.piechart,

	.process-wrap li,

	.half-bg,

	.share-wrapper:before {

		width: 100% !important;

	}

	.nav-holder {

		padding: 15px 30px 15px 20px;

	}

	.header-logo {

		left: 30px;

	}

	.half-slider-img-wrap,

	.nav-holder,

	.hidden-works-item-media,

	.hidden-works-item-text {

		width: 100%;

	}

	.hidden-works-item-text {

		padding-left: 0;

	}

	.hidden-works-item {

		padding: 25px 50px;

	}

	.hidden-info-pagination {

		padding-left: 50px;

	}

	.half-bg-dec,

	.share-wrapper:after,

	.share-title,

	.filter-button,

	.scroll-nav-wrap {

		display: none;

	}

	.share-container {

		top: 150px;

	}

	.close-share {

		padding: 10px 30px;

		right: 50px;

		margin-right: 0;

	}

	.share-container .share-icon {

		margin-bottom: 40px;

	}

	.client-list li {

		width: 33.3%;

	}

	.hero-decor-numb {

		left: 80px;

	}

	.nav-inner-wrap {

		width: 92%;

		margin-left: 4%;

	}

	.impulse-wrap .half-bg {

		height: 100%;

	}

	.share-inner {

		padding: 0 50px;

	}

	.hero-start-link {

		position: absolute;

		z-index: 9;

		right: 20%;

		bottom: -140px;

		margin-right: 0;

		text-transform: uppercase;

		color: #999;

	}

	section.parallax-section.parallax-sec-half-right:after {

		right: 80%;

	}

	section.parallax-section.parallax-sec-half-left:after {

		left: 80%;

	}

	.price-item {

		width: 100%;

		margin-bottom: 20px;

	}

	.best-price {

		top: 0;

		transform: scale(1.0);

	}

	.serv-works-item {

		padding: 40px 50px;

	}

	.hidden-info-title {

		padding-left: 50px;

	}

	.gallery-item {

		width: 50% !important;

	}

	.team-box {

		width: 50%;

	}

	.show-case-slider-wrap .slick-dots {

		right: 20px;

	}

	.fet_pr-carousel-counter.show-case-slider-counter {

		left: 20px;

	}

	.single-project-title {

		padding: 0 20px;

	}

	.single-project-title h2 , .fet_pr-carousel-title-item h3 {

		font-size: 30px;

	}

	.sarr-contr {

		left: 20px;

	}

	.content-nav li {

		width: 100%;

		border-left: none;

	}

	.section-title h2 {

		font-size: 34px;

	}

	.main-about h2 {

		font-size: 24px;

	}

	.single-project-title-style-2 h2 {

		font-size: 15px !important;

	}

	.hero-wrap {

		padding-bottom: 0;

	}

	.half-slider-wrap .sarr-contr {

		bottom: 30px;

	}

	.slider-nav-counter {

	    bottom: 42px;

	}

	.srv-link-text h4 {

		margin-right:0;

		width:100%;

		margin-bottom:30px;

	}

	.collage-image {

		padding-left:0;

	}

	.mu-det  {

		margin-top:0 !important;

	}

	section {

		padding:70px 0;

	}

	.fet_pr-carousel-counter {

		bottom:25px;

	}

	.fet_pr-carousel .slick-dots  {

		bottom:-48px;

	}

}

@media only screen and (max-width: 564px) {

	.half-hero-wrap {

		top: 25%;

	}

	.half-hero-wrap h1 {

		font-size: 26px;

		line-height: 40px;

	}

	.half-hero-wrap h4,

	.hero-decor-let,

	.hero-decor-numb,

	.show-info,

	.album-list-title,

	.time  , .blog-filters span{

		display: none;

	}

	.half-hero-wrap .btn {

		margin-top: 20px !important;

	}

	.client-list li {

		width: 50%;

	}

	.client-list li a {

		padding: 15px 20px;

	}

	.half-hero-wrap {

		left: 0;

		padding: 0 100px 0 20px;

	}

	.gallery-item {

		width: 100% !important;

	}

	.team-box , .blog-search , .blog-btn-filter , .blog-btn  , 	.soon-wrap .countdown-item   , .verify-text{

		width: 100%;

	}

	.verify-text {

		float:left;

		margin-bottom:15px;

	}

	.hidden-works-item {

		padding: 25px 20px;

	}

	.hidden-info-pagination {

		padding-left: 20px;

	}

	.show-case-slider-wrap {

		height: 300px;

	}

	.show-case-item {

		height: 220px !important;

	}

	.show-case-slider-wrap-style2 .show-case-item {

		height: 300px !important;

	}

	.single-project-title h2 {

		font-size: 26px;

	}

	.playlist-wrap ol li {

		padding: 20px 0 20px 40px;

	}

	.playlist-wrap ol li:before {

		width: 40px;

	}

	.playlist-wrap ol li a.audio-link {

		padding-right: 30px;

	}

	.playlist-wrap ol li a.downbuy-link {

		right: 20px;

	}

	.srv-link-text h4 {

		margin-bottom: 30px;

	}

	.gallery-filters a {

		width: 100%;

		text-align: left;

	}

	.inline-facts-wrap {

		width: 100%;

	}

	.soon-wrap .half-hero-wrap  {

    	padding: 0 50px 30px 40px;

		margin-bottom:70px;

		top:17%;

	}

	.soon-wrap .countdown-item {

		margin-right:0;

	}

	.cs-wrap .subcribe-form {

		width:300px;

	}

	.blog-btn-filter  {

		margin-bottom:10px;

	}

	.blog-search  {

		margin-top:30px;

	}

	.tag-filter {

		z-index:5;

	}

	.error-wrap h2 {

		font-size:89px;

	}

	.process-wrap {

		margin-top:0;

	}

	.process-wrap li {

		padding: 15px 0 35px 0;

		margin-bottom:50px;

	}

	.process-wrap li:last-child {

		margin-bottom:0;

	}

	.process-numder {

		left:0;

		bottom:-40px;

		font-size:50px;

	}

	.process-wrap li:before {

		bottom:0px;

		left:80px;

	}

	.process-wrap li:after{

		right:0;

		bottom:-6px;

	}

	.text-carousel .text-carousel-item {

		padding:30px 20px;

	}

	.text-carousel .slick-item {

		padding: 0;

	}

	.text-carousel-controls{

		padding-left:8px;

	}

	.section-title {

		padding-left:30px;

	}

	.section-title h2 {

		font-size: 26px;

	}

	.custom-form button {

		margin-top:30px;

	}

	.custom-form .verify-wrap .selectbox  , .pr-title{

		margin:0;

	}

	.fw-map-container {

		margin-bottom:20px !important;

	}

	.team-box  {

		padding:10px 0;

	}

}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {

	.bg {

		background-attachment: scroll !important;

		-webkit-background-size: cover;

		background-position: center;

	}

}