/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
	color: #222;
	font-size: 1em;
	line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
	resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
@font-face {
	font-family: 'Helvetica Light';
	src: url('../fonts/Helvetica-Light.eot');
	src: url('../fonts/Helvetica-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Helvetica-Light.woff2') format('woff2'),
		url('../fonts/Helvetica-Light.woff') format('woff'),
		url('../fonts/Helvetica-Light.ttf') format('truetype'),
		url('../fonts/Helvetica-Light.svg#Helvetica-Light') format('svg');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;


	font-style: normal;
}


/*fonts*/
@font-face {
	font-family: antonregular;
	src: url(../fonts/anton-regular-webfont.eot);
	src: url(../fonts/anton-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/anton-regular-webfont.woff) format('woff'), url(../fonts/anton-regular-webfont.ttf) format('truetype');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: bitterregular;
	src: url(../fonts/bitter-regular-webfont.eot);
	src: url(../fonts/bitter-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/bitter-regular-webfont.woff) format('woff'), url(../fonts/bitter-regular-webfont.ttf) format('truetype');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: cagliostroregular;
	src: url(../fonts/cagliostro-regular-webfont.eot);
	src: url(../fonts/cagliostro-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/cagliostro-regular-webfont.woff) format('woff'), url(../fonts/cagliostro-regular-webfont.ttf) format('truetype');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: dosisregular;
	src: url(../fonts/dosis-regular-webfont.eot);
	src: url(../fonts/dosis-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/dosis-regular-webfont.woff) format('woff'), url(../fonts/dosis-regular-webfont.ttf) format('truetype');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: dosismedium;
	src: url(../fonts/dosis-medium-webfont.eot);
	src: url(../fonts/dosis-medium-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/dosis-medium-webfont.woff) format('woff'), url(../fonts/dosis-medium-webfont.ttf) format('truetype');
	font-weight: 600;
	font-style: normal
}

@font-face {
	font-family: 'Fira sansregular';
	src: url(../fonts/firasans-black-webfont.eot);
	src: url(../fonts/firasans-black-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/firasans-black-webfont.woff) format('woff'), url(../fonts/firasans-black-webfont.ttf) format('truetype');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: 'Ibm plex monoregular';
	src: url(../fonts/ibmplexmono-bold-webfont.eot);
	src: url(../fonts/ibmplexmono-bold-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/ibmplexmono-bold-webfont.woff) format('woff'), url(../fonts/ibmplexmono-bold-webfont.ttf) format('truetype');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: 'Ibm plex monoregular';
	src: url(../fonts/ibmplexmono-regular-webfont.eot);
	src: url(../fonts/ibmplexmono-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/ibmplexmono-regular-webfont.woff) format('woff'), url(../fonts/ibmplexmono-regular-webfont.ttf) format('truetype');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: 'Ibm plex monoregular';
	src: url(../fonts/ibmplexmono-medium-webfont.eot);
	src: url(../fonts/ibmplexmono-medium-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/ibmplexmono-medium-webfont.woff) format('woff'), url(../fonts/ibmplexmono-medium-webfont.ttf) format('truetype');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: inconsolataregular;
	src: url(../fonts/inconsolata-regular-webfont.eot);
	src: url(../fonts/inconsolata-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/inconsolata-regular-webfont.woff) format('woff'), url(../fonts/inconsolata-regular-webfont.ttf) format('truetype');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: limelightregular;
	src: url(../fonts/limelight-regular-webfont.eot);
	src: url(../fonts/limelight-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/limelight-regular-webfont.woff) format('woff'), url(../fonts/limelight-regular-webfont.ttf) format('truetype');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: merriweatherregular;
	src: url(../fonts/merriweather-regular-webfont.eot);
	src: url(../fonts/merriweather-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/merriweather-regular-webfont.woff) format('woff'), url(../fonts/merriweather-regular-webfont.ttf) format('truetype');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: minaregular;
	src: url(../fonts/mina-regular-webfont.eot);
	src: url(../fonts/mina-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/mina-regular-webfont.woff) format('woff'), url(../fonts/mina-regular-webfont.ttf) format('truetype');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: muliregular;
	src: url(../fonts/muli-regular-webfont.eot);
	src: url(../fonts/muli-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/muli-regular-webfont.woff) format('woff'), url(../fonts/muli-regular-webfont.ttf) format('truetype');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: noto_serifregular;
	src: url(../fonts/notoserif-regular-webfont.eot);
	src: url(../fonts/notoserif-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/notoserif-regular-webfont.woff) format('woff'), url(../fonts/notoserif-regular-webfont.ttf) format('truetype');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: 'Open sansregular';
	src: url(../fonts/opensans-regular-webfont.eot);
	src: url(../fonts/opensans-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/opensans-regular-webfont.woff) format('woff'), url(../fonts/opensans-regular-webfont.ttf) format('truetype');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: 'Playfair displayregular';
	src: url(../fonts/playfairdisplay-regular-webfont.eot);
	src: url(../fonts/playfairdisplay-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/playfairdisplay-regular-webfont.woff) format('woff'), url(../fonts/playfairdisplay-regular-webfont.ttf) format('truetype');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: ralewayregular;
	src: url(../fonts/raleway-regular-webfont.eot);
	src: url(../fonts/raleway-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/raleway-regular-webfont.woff) format('woff'), url(../fonts/raleway-regular-webfont.ttf) format('truetype');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: robotoregular;
	src: url(../fonts/roboto-regular-webfont.eot);
	src: url(../fonts/roboto-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/roboto-regular-webfont.woff) format('woff'), url(../fonts/roboto-regular-webfont.ttf) format('truetype');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: 'Roboto slabregular';
	src: url(../fonts/robotoslab-regular-webfont.eot);
	src: url(../fonts/robotoslab-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/robotoslab-regular-webfont.woff) format('woff'), url(../fonts/robotoslab-regular-webfont.ttf) format('truetype');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: 'Source sans proregular';
	src: url(../fonts/sourcesanspro-regular-webfont.eot);
	src: url(../fonts/sourcesanspro-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/sourcesanspro-regular-webfont.woff) format('woff'), url(../fonts/sourcesanspro-regular-webfont.ttf) format('truetype');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: Ubunturegular;
	src: url(../fonts/ubuntu-regular-webfont.eot);
	src: url(../fonts/ubuntu-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/ubuntu-regular-webfont.woff) format('woff'), url(../fonts/ubuntu-regular-webfont.ttf) format('truetype');
	font-weight: 400;
	font-style: normal
}


/*end here*/

html,
body {
	height: 100%;
	font-size: 16px;
	font-family: 'Helvetica Light', 'Helvetica', sans-serif;
}

body {
	background: #f2f0ed;
	overflow-x: hidden;
}

/*######################################*/
/*PRELOADER ############################*/
/*######################################*/

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: #f1efec;
	z-index: 9999;
	/* makes sure it stays on top */
}

#status {
	width: 350px;
	height: 50px;
	position: absolute;
	left: 50%;
	/* centers the loading animation horizontally one the screen */
	top: 50%;
	/* centers the loading animation vertically one the screen */
	background-repeat: no-repeat;
	background-position: center;
	margin: -100px 0 0 -175px;
	/* is width and height divided by two */
	color: #fff;
	text-align: center;
	-webkit-transition: all .5s ease-out;
	transition: all .5s ease-out;
}

/*#status.animate{top:10px; margin-top:0;}*/
#status.animate {
	top: 0px;
	margin-top: 0;
}

/* Loading animation: */
.spinner {
	margin: 10px auto 0;
	width: 100%;
	text-align: center;
}

.spinner>div {
	width: 18px;
	height: 18px;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
	animation: bouncedelay 1.4s infinite ease-in-out;
	/* Prevent first frame from flickering when animation starts */
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	background: #a6d8de;
}

.spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {

	0%,
	80%,
	100% {
		-webkit-transform: scale(0.0)
	}

	40% {
		-webkit-transform: scale(1.0)
	}
}

@keyframes bouncedelay {

	0%,
	80%,
	100% {
		transform: scale(0.0);
		-webkit-transform: scale(0.0);
	}

	40% {
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
	}
}


h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

body.no-scroll {
	overflow: hidden;
}

.wrapper {
	height: 100%;
}

/*.logo{display:inline-block; text-align:center; position: absolute; left: 50%; top: 10px; margin: 0/* 0 0 -120px; z-index: 10;  padding: 0 0px;}*/
.logo {
	display: inline-block;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 0px;
	margin: 0 0 0 -75px;
	z-index: 10;
	padding: 0 0px;
}

/*.main-nav-left{width:50%;float:left;text-align:right;padding-right:12%;box-sizing:border-box;}
.main-nav-right{width:50%;float:left;text-align:left;padding-left:12%;box-sizing:border-box;}*/
.main-nav-left {
	width: 50%;
	float: left;
	text-align: right;
	padding-right: 100px;
	box-sizing: border-box;
}

.main-nav-right {
	width: 50%;
	float: left;
	text-align: left;
	padding-left: 100px;
	box-sizing: border-box;
}


.side-navigation {
	position: absolute;
	width: 100%;
	height: 1px;
	top: 50%;
	left: 0;
	z-index: 10;
}

.side-navigation a {
	display: inline-block;
	position: absolute;
	color: #717171;
	text-decoration: none;
	background: #f2f0ed;
	padding: 20px;
	margin-top: -30px;
	text-transform: uppercase;
	font-size: 1.25em;
}

.side-navigation .left {
	left: 30px;
	background: url(../images/arrow-left.png) no-repeat left center #f2f0ed;
	padding-left: 40px;
	-webkit-transition: padding .3s ease-out;
	transition: padding .3s ease-out;
}

.side-navigation .left:hover {
	padding-left: 30px;
}

.side-navigation .right {
	right: 30px;
	background: url(../images/arrow-right.png) no-repeat right center #f2f0ed;
	padding-right: 40px;
	-webkit-transition: padding .3s ease-out;
	transition: padding .3s ease-out;
}

.side-navigation .right:hover {
	padding-right: 30px;
}

.scroll-indicator {
	width: 18px;
	height: 34px;
	text-align: center;
	position: absolute;
	left: 50%;
	bottom: 30px;
	margin: 0 0 0 -11px;
	z-index: 10;
	border: solid 2px #c9cacc;
	border-radius: 15px;
}

.scroll-indicator span {
	display: block;
	margin: 8px auto 0;
	width: 2px;
	background: #c9cacc;
	height: 8px;
	-webkit-animation: scroll-indicator 1s ease-in-out infinite;
	animation: scroll-indicator 1s ease-in-out infinite;
}

@-webkit-keyframes scroll-indicator {
	0% {
		margin-top: 8px;
	}

	50% {
		margin-top: 18px;
	}
}

@keyframes scroll-indicator {
	0% {
		margin-top: 8px;
	}

	50% {
		margin-top: 18px;
	}
}

.grid .grid-item {
	width: 100%;
	float: left;
	display: inline-block;
	padding: 10px;
	box-sizing: border-box;
	height: auto;
}

.homepage-banner-section {
	height: 100%;
	padding: 100px 45px 45px;
	box-sizing: border-box;
	position: relative;
	z-index: 5;
}

.homepage-banner-section .inner-holder {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.page-border {
	background: #ccccca;
	position: absolute;
	z-index: 9;
}

.page-border.border-top {
	height: 1px;
	top: 0;
	left: 49.5%;
	width: 1%;
	-webkit-transition: all .7s ease-out .3s;
	transition: all .7s ease-out .3s;
}

.page-border.border-left {
	height: 1%;
	width: 1px;
	top: 0;
	left: 0;
	-webkit-transition: all .7s ease-out 1s;
	transition: all .7s ease-out 1s;
}

.page-border.border-right {
	height: 1%;
	width: 1px;
	top: 0;
	right: 0;
	-webkit-transition: all .7s ease-out 1s;
	transition: all .7s ease-out 1s;
}

.animate .page-border.border-top {
	height: 1px;
	top: 0;
	left: 0;
	width: 100%;
}

.animate .page-border.border-left {
	height: 100%;
	width: 1px;
	top: 0;
	left: 0;
}

.animate .page-border.border-right {
	height: 100%;
	width: 1px;
	top: 0;
	right: 0;
}

/*Social icons styles*/
.social-icons-outer {
	position: fixed;
	top: 0;
	right: 0;
	width: 55px;
	height: 55px;
	z-index: 11;
}

.social-icons-outer .open-social-icons {
	width: 55px;
	height: 55px;
	background: url(../images/home_icon.png) no-repeat center;
	background-size: 22px;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	cursor: pointer;
}

.social-icons-outer .social-icons-holder {
	position: absolute;
	right: 0;
	top: 55px;
	z-index: 100;
}

.social-icons-outer .social-icons-holder ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
}

.social-icons-outer .social-icons-holder ul li {
	width: 280px;
	border-bottom: solid 1px #161616;
	position: absolute;
	right: -280px;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

.social-icons-outer .social-icons-holder ul li:last-child {
	border: none;
}

.social-icons-outer .social-icons-holder ul li a {
	display: block;
	padding: 20px 0px 20px 30px;
	font-size: 1.2em;
	font-weight: 500;
	color: #fff;
	text-decoration: none;
	line-height: 30px;
	background: #252525;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	text-align: left;
}

.social-icons-outer .social-icons-holder ul li a span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	width: 60px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 25px;
}

.social-icons-outer .social-icons-holder ul li a:hover {
	background: #1f1f1f;
}

.social-icons-outer .social-icons-holder ul li.social_1 {
	top: 0;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.social-icons-outer .social-icons-holder ul li.social_2 {
	top: 71px;
	-webkit-transition-delay: .1s;
	transition-delay: .1s;
}

.social-icons-outer .social-icons-holder ul li.social_3 {
	top: 142px;
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
}

.social-icons-outer .social-icons-holder ul li.social_4 {
	top: 213px;
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
}

.social-icons-outer .social-icons-holder ul li a img {
	width: 20px;
	height: 20px;
}

.social-icons-outer .social-icons-holder ul li.facebook a span {
	background-image: url(../images/ic_fb@2x.png);
}

.social-icons-outer .social-icons-holder ul li.twitter a span {
	background-image: url(../images/ic_behance@2x.png);
}

.social-icons-outer .social-icons-holder ul li.linkedin a span {
	background-image: url(../images/ic_pintrest@2x.png);
}

.social-icons-outer .social-icons-holder ul li.instagram a span {
	background-image: url(../images/ic_insta@2x.png);
}

.social-icons-outer:hover .social-icons-holder ul li {
	right: 0;
}

.social-icons-outer:hover .open-social-icons {
	background: url(../images/home_icon_white.png) #252525 no-repeat center;
	background-size: 22px;
}

.social-icons-outer .social-icons-holder ul li.facebook:hover a {
	background: #3b579d;
}

.social-icons-outer .social-icons-holder ul li.twitter:hover a {
	background: #2caae1;
}

.social-icons-outer .social-icons-holder ul li.linkedin:hover a {
	background: #0077b5;
}

.social-icons-outer .social-icons-holder ul li.instagram:hover a {
	background: #a97a5c;
}

.header .main-nav li.active a {
	color: #000;
	font-weight: 600;
}

.header .main-nav li.active .dropdown-inner a {
	font-weight: 400;
}

/**no record**/
.no_image_outer {
	text-align: center;
	margin: 25px 0px;
}

.no-image-text {
	font-size: 14px;
	font-weight: 600;
	text-transform: capitalize;
	margin-top: -8px;
}

/***Hero Slider start***/
.hero-slider {
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity 1.5s ease-out 1s;
	transition: opacity 1.5s ease-out 1s;
}

.animate .hero-slider {
	opacity: 1;
	filter: alpha(opacity=100);
}

.hero-slider .da-slide {}

.hero-slider .da-slide .crap {
	height: 1px;
	width: 1px;
	overflow: hidden;
	position: relative;
}

.hero-slider .da-slide .bg-element,
.hero-slider .da-slide .graphic-element1,
.hero-slider .da-slide .graphic-element2,
.hero-slider .da-slide .banner-title {
	position: absolute;
	opacity: 1;
	filter: alpha(opacity=100);
	left: 70%;
	top: 50% !important;
	margin: 0;
	/*transition:all 2s ease-out;*/
		transition: all 1.5s ease-out 1s;

		
}

.hero-slider .da-slide .bg-element {
	width: 300px;
	height: 500px;
	z-index: 0;
	margin-top: -280px;
}

.hero-slider .da-slide .graphic-element1 {
	margin-top: -230px;
	z-index: 1;
	overflow: hidden;
}

.hero-slider .da-slide .graphic-element1 img {
	width: 380px;
	height: auto;
}

.hero-slider .da-slide .graphic-element2 {
	margin-top: -200px;
	z-index: 2;
}

.hero-slider .da-slide .banner-title {
	font-size: 70px;
	z-index: 3;
	text-transform: uppercase;
	margin-top: -230px;
}

.hero-slider .da-slide .banner-title span {
	display: block;
}

.hero-slider .da-slide.slide1 .banner-title {
	margin-top: -135px;
}

.hero-slider .da-slide.slide2 .banner-title {
	margin-top: -171px;
}

.hero-slider .da-slide.slide3 .banner-title {
	margin-top: -228px;
}

.hero-slider .da-slide.slide4 .banner-title {
	margin-top: -187px;
}

.hero-slider .da-slide.slide5 .banner-title {
	margin-top: -187px;
}

.hero-slider .da-slide.da-slide-current {}

.hero-slider .da-slide.da-slide-current .bg-element,
.hero-slider .da-slide.da-slide-current .graphic-element1,
.hero-slider .da-slide.da-slide-current .graphic-element2,
.hero-slider .da-slide.da-slide-current .banner-title {
	opacity: 1;
	filter: alpha(opacity=100);
	left: 50%;
}

.hero-slider .da-slide.da-slide-current .bg-element {
	margin-left: -320px;
}

.hero-slider .da-slide.da-slide-current .graphic-element1 {
	margin-left: -320px;
}

.hero-slider .da-slide.da-slide-current .graphic-element2 {
	margin-left: -120px;
}

.hero-slider .da-slide.da-slide-current .banner-title {
	margin-left: -350px;
}

.da-dots {
	display: none;
}


.hero-slider .da-slide.da-slide-toleft *{
	visibility: hidden;
	transition: all 1s linear;
	  opacity: 0;
}
.hero-slider .da-slide.da-slide-toleft .bg-element {
	left: 10%;
	margin-left: -320px;
}

.hero-slider .da-slide.da-slide-toleft .graphic-element1 {
	left: 10%;
	margin-left: -320px;
}

.hero-slider .da-slide.da-slide-toleft .graphic-element2 {
	left: 10%;
	margin-left: -120px;
}

.hero-slider .da-slide.da-slide-toleft .banner-title {
	left: 10%;
	margin-left: -350px;
}

.hero-slider .da-slide.da-slide-fromright .bg-element {
	margin-left: -320px;
}

.hero-slider .da-slide.da-slide-fromright .graphic-element1 {
	margin-left: -320px;
}

.hero-slider .da-slide.da-slide-fromright .graphic-element2 {
	margin-left: -120px;
}

.hero-slider .da-slide.da-slide-fromright .banner-title {
	margin-left: -350px;
}

.da-slide-toleft .bg-element {
	animation: toLeftAnim1 .8s cubic-bezier(.17, 1.07, .69, .91) 0s both;
  -webkit-animation: toLeftAnim1 .8s cubic-bezier(.17, 1.07, .69, .91) 0s both; /* Safari/Chrome */
  -moz-animation: toLeftAnim1 .8s cubic-bezier(.17, 1.07, .69, .91) 0s both; /* Firefox */
  -o-animation: toLeftAnim1 .8s cubic-bezier(.17, 1.07, .69, .91) 0s both; /* Opera (Presto) */
}

.da-slide-toleft .graphic-element1 {
	animation: toLeftAnim2 .8s cubic-bezier(.17, 1.07, .69, .91) .1s both;
  -webkit-animation: toLeftAnim2 .8s cubic-bezier(.17, 1.07, .69, .91) .1s both; /* Safari/Chrome */
  -moz-animation: toLeftAnim2 .8s cubic-bezier(.17, 1.07, .69, .91) .1s both; /* Firefox */
  -o-animation: toLeftAnim2 .8s cubic-bezier(.17, 1.07, .69, .91) .1s both; /* Opera (Presto) */
}

.da-slide-toleft .graphic-element2 {
  animation: toLeftAnim3 .8s cubic-bezier(.17, 1.07, .69, .91) .2s both;
  -webkit-animation: toLeftAnim3 .8s cubic-bezier(.17, 1.07, .69, .91) .2s both;/* Safari/Chrome */
  -moz-animation: toLeftAnim3 .8s cubic-bezier(.17, 1.07, .69, .91) .2s both; /* Firefox */
  -o-animation: toLeftAnim3 .8s cubic-bezier(.17, 1.07, .69, .91) .2s both; /* Opera (Presto) */
}

.da-slide-toleft .banner-title {
	animation: toLeftAnim4 1s linear 0.3s both;
  -webkit-animation:  toLeftAnim4 1s linear 0.3s both;/* Safari/Chrome */
  -moz-animation:  toLeftAnim4 1s linear 0.3s both; /* Firefox */
  -o-animation:  toLeftAnim4 1s linear 0.3s both;/* Opera (Presto) */
}

@-webkit-keyframes toLeftAnim1 {
	0% {
		left: 50%;
		opacity: 1;
		filter: alpha(opacity=100);
	}

	100% {
		left: 0%;
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

@keyframes toLeftAnim1 {
	0% {
		left: 50%;
		opacity: 1;
		filter: alpha(opacity=100);
	}

	100% {
		left: 0%;
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

@-webkit-keyframes toLeftAnim2 {
	0% {
		left: 50%;
		opacity: 1;
		filter: alpha(opacity=100);
	}

	100% {
		left: 5%;
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

@keyframes toLeftAnim2 {
	0% {
		left: 50%;
		opacity: 1;
		filter: alpha(opacity=100);
	}

	100% {
		left: 5%;
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

@-webkit-keyframes toLeftAnim3 {
	0% {
		left: 50%;
		opacity: 1;
		filter: alpha(opacity=100);
	}

	100% {
		left: 10%;
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

@keyframes toLeftAnim3 {
	0% {
		left: 50%;
		opacity: 1;
		filter: alpha(opacity=100);
	}

	100% {
		left: 10%;
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

@-webkit-keyframes toLeftAnim4 {
	0% {
		left: 50%;
		opacity: 1;
		filter: alpha(opacity=100);
	}

	50% {
		left: 10%;
		opacity: 0;
		filter: alpha(opacity=0);
	}

	100% {
		left: -10%;
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

@keyframes toLeftAnim4 {
	0% {
		left: 50%;
		opacity: 1;
		filter: alpha(opacity=100);
	}

	50% {
		left: 10%;
		opacity: 0;
		filter: alpha(opacity=0);
	}

	100% {
		left: 10%;
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

.da-slide-fromright .bg-element {
	animation: toRightAnim1 1s cubic-bezier(.28, .87, .63, .99) .7s both;
  -webkit-animation:  toRightAnim1 1s cubic-bezier(.28, .87, .63, .99) .7s both;/* Safari/Chrome */
  -moz-animation:  toRightAnim1 1s cubic-bezier(.28, .87, .63, .99) .7s both; /* Firefox */
  -o-animation:  toRightAnim1 1s cubic-bezier(.28, .87, .63, .99) .7s both;/* Opera (Presto) */
}

.da-slide-fromright .graphic-element1 {
	animation: toRightAnim2 1s cubic-bezier(.28, .87, .63, .99) .9s both;
  -webkit-animation: toRightAnim2 1s cubic-bezier(.28, .87, .63, .99) .9s both;/* Safari/Chrome */
  -moz-animation:  toRightAnim2 1s cubic-bezier(.28, .87, .63, .99) .9s both;/* Firefox */
  -o-animation:  toRightAnim2 1s cubic-bezier(.28, .87, .63, .99) .9s both;/* Opera (Presto) */
}

.da-slide-fromright .graphic-element2 {
	animation: toRightAnim3 1s cubic-bezier(.28, .87, .63, .99) .8s both;
  -webkit-animation: toRightAnim3 1s cubic-bezier(.28, .87, .63, .99) .8s both;/* Safari/Chrome */
  -moz-animation:  toRightAnim3 1s cubic-bezier(.28, .87, .63, .99) .8s both;/* Firefox */
  -o-animation: toRightAnim3 1s cubic-bezier(.28, .87, .63, .99) .8s both;/* Opera (Presto) */
}

.da-slide-fromright .banner-title {
	animation: toRightAnim4 .8s ease-out 1s both;
   -webkit-animation: toRightAnim4 .8s ease-out 1s both;/* Safari/Chrome */
  -moz-animation:  toRightAnim4 .8s ease-out 1s both;/* Firefox */
  -o-animation: toRightAnim4 .8s ease-out 1s both;/* Opera (Presto) */
}


@-webkit-keyframes toRightAnim1 {
	0% {
		left: 100%;
		opacity: 0;
		filter: alpha(opacity=0);
	}

	50% {
		left: 50%;
		opacity: 1;
		filter: alpha(opacity=100);
	}

	100% {
		left: 50%;
		opacity: 1;
		filter: alpha(opacity=100);
	}
}


@keyframes toRightAnim1 {
	0% {
		left: 100%;
		opacity: 0;
		filter: alpha(opacity=0);
	}

	50% {
		left: 50%;
		opacity: 1;
		filter: alpha(opacity=100);
	}

	100% {
		left: 50%;
		opacity: 1;
		filter: alpha(opacity=100);
	}
}

@-webkit-keyframes toRightAnim2 {
	0% {
		left: 90%;
		opacity: 0;
		filter: alpha(opacity=0);
	}

	50% {
		left: 50%;
		opacity: 1;
		filter: alpha(opacity=100);
	}

	100% {
		left: 50%;
		opacity: 1;
		filter: alpha(opacity=100);
	}
}

@keyframes toRightAnim2 {
	0% {
		left: 90%;
		opacity: 0;
		filter: alpha(opacity=0);
	}

	50% {
		left: 50%;
		opacity: 1;
		filter: alpha(opacity=100);
	}

	100% {
		left: 50%;
		opacity: 1;
		filter: alpha(opacity=100);
	}
}

@-webkit-keyframes toRightAnim3 {
	0% {
		left: 80%;
		opacity: 0;
		filter: alpha(opacity=0);
	}

	50% {
		left: 50%;
		opacity: 1;
		filter: alpha(opacity=100);
	}

	100% {
		left: 50%;
		opacity: 1;
		filter: alpha(opacity=100);
	}
}

@keyframes toRightAnim3 {
	0% {
		left: 80%;
		opacity: 0;
		filter: alpha(opacity=0);
	}

	50% {
		left: 50%;
		opacity: 1;
		filter: alpha(opacity=100);
	}

	100% {
		left: 50%;
		opacity: 1;
		filter: alpha(opacity=100);
	}
}

@-webkit-keyframes toRightAnim4 {
	0% {
		left: 80%;
		opacity: 0;
		filter: alpha(opacity=0);
	}

	100% {
		left: 50%;
		opacity: 1;
		filter: alpha(opacity=100);
	}

}

@keyframes toRightAnim4 {
	0% {
		left: 80%;
		opacity: 0;
		filter: alpha(opacity=0);
	}

	100% {
		left: 50%;
		opacity: 1;
		filter: alpha(opacity=100);
	}

}

/**loader**/
/**loader**/

.loader-outer {
	width: 100%;
	height: 100%;
	background: #f2f0ed;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 0px 0px 5px 5px;
}

.loader {
	display: inline-block;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -18px;
	margin-left: -18px;
	border: 4px solid #f6f6f6;
	top: 50%;
	-webkit-animation: loader 2s infinite ease;
	animation: loader 2s infinite ease;
}

.loader-inner {
	vertical-align: top;
	display: inline-block;
	width: 100%;
	background-color: #f6f6f6;
	-webkit-animation: loader-inner 2s infinite ease-in;
	animation: loader-inner 2s infinite ease-in;
}

@-webkit-keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	25% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	75% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	25% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	75% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes loader-inner {
	0% {
		height: 0%;
	}

	25% {
		height: 0%;
	}

	50% {
		height: 100%;
	}

	75% {
		height: 100%;
	}

	100% {
		height: 0%;
	}
}

@keyframes loader-inner {
	0% {
		height: 0%;
	}

	25% {
		height: 0%;
	}

	50% {
		height: 100%;
	}

	75% {
		height: 100%;
	}

	100% {
		height: 0%;
	}
}


/***Hero Slider end***/

.container {
	max-width: 1060px;
	margin: 0 auto;
	padding: 0 15px;
}

.common-section {
	background: #f2f0ed;
}

.about-section {
	height: 100%;
	color: #000;
	font-size: 1.3em;
	position: relative;
	z-index: 5;
}

.about-section .container {
	height: 100%;
}

.about-section .inner-holder {
	max-width: 850px;
	position: relative;
	top: 25%;
	margin: 0 auto;
}

.section-title {
	text-align: center;
	margin-bottom: 100px;
}

.section-title h2 {
	display: inline-block;
	text-transform: uppercase;
	-webkit-transition: all .5s ease-out;
	transition: all .5s ease-out;
	font-size: 0;
	margin: 0;
	line-height: 52px;
}

.section-title.visible h2 {
	font-size: 35px;
}

.about-section .section-title {
	position: relative;
	margin-bottom: 190px;
}

.about-section h2 {
	font-size: 35px;
}

.about-section h2 span {
	text-transform: none;
	font-size: .8em
}

.about-title-graphic {
	width: 500px;
	margin: 60px auto 30px;
	position: relative;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}

.about-title-graphic .line {
	position: absolute;
	width: 0.1%;
	height: 2px;
	background: #f0e200;
	left: 50%;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.about-title-graphic .small-bubble {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: #9c4499;
	position: absolute;
	top: -18px;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 1s cubic-bezier(.43, .88, .44, .99) .5s;
	transition: all 1s cubic-bezier(.43, .88, .44, .99) .5s;
}

.about-title-graphic .small-bubble1 {
	left: 50%;
	margin-left: -19px;
}

.about-title-graphic .small-bubble2 {
	right: 50%;
	margin-right: -19px;
}

.about-title-graphic .large-bubble {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: #f9bec4;
	position: absolute;
	top: -23px;
	-webkit-transition: all 1.2s cubic-bezier(.43, .88, .44, .99) .7s;
	transition: all 1.2s cubic-bezier(.43, .88, .44, .99) .7s;
	opacity: 0;
	filter: alpha(opacity=0);
}

.about-title-graphic .large-bubble1 {
	left: 50%;
	margin-left: -24px;
}

.about-title-graphic .large-bubble2 {
	right: 50%;
	margin-right: -24px;
}

.about-title-graphic.visible {
	opacity: 1;
	filter: alpha(opacity=100);
}

.about-title-graphic.visible .line {
	width: 100%;
	left: 0;
}

.about-title-graphic.visible .small-bubble {
	opacity: 0;
	filter: alpha(opacity=0);
}

.about-title-graphic.visible .small-bubble1 {
	left: 22%;
	opacity: 1;
	filter: alpha(opacity=100);
}

.about-title-graphic.visible .small-bubble2 {
	right: 22%;
	opacity: 1;
	filter: alpha(opacity=100);
}

.about-title-graphic.visible .large-bubble {
	opacity: 1;
	filter: alpha(opacity=100);
}

.about-title-graphic.visible .large-bubble1 {
	left: 17%
}

.about-title-graphic.visible .large-bubble2 {
	right: 17%
}

.about-section ol {
	padding-left: 30px;
}

.about-section ol li {
	margin-bottom: 1.2em;
}

.services-section {
	min-height: 100%;
	position: relative;
	z-index: 5;
}

.section-counter {
	font-size: 80px;
	opacity: 1;
	filter: alpha(opacity=100);
	position: absolute;
	left: 50%;
	margin-left: -550px;
	top: 10px;
}

/*.services-section .bg-particle-container{position: absolute; width: 100%; top: 0;}*/
.services-section .container {
	padding-top: 150px;
	padding-bottom: 50px;
}

.services-section .section-title {
	padding-top: 70px;
}

.services-section h2 {
	position: relative;
}

.services-section h2:before {
	content: " ";
	display: inline-block;
	position: absolute;
	left: -115px;
	top: 10px;
	width: 105px;
	height: 30px;
	background: url(../images/title-decorative-element-left.png) no-repeat center;
}

.services-section h2:after {
	content: " ";
	display: inline-block;
	position: absolute;
	right: -115px;
	top: 10px;
	width: 105px;
	height: 30px;
	background: url(../images/title-decorative-element-right.png) no-repeat center;
}

.services-section .services-outer {
	position: relative;
	height: 1100px;
	margin-bottom: 50px;
}

.services-section .services-outer .service-box {
	position: absolute;
}

.services-section .services-outer .service-box .service-title {
	position: absolute;
	z-index: 1;
	text-transform: uppercase;
	font-size: 17px;
	color: #777879;
}

.services-section .services-outer .service-box .service-title circle {
	opacity: 0;
	filter: alpha(opacity=0);
}

.services-section .services-outer .service-box .service-title.visible circle {
	opacity: 1;
	filter: alpha(opacity=100);
}

.services-section .services-outer .service-box .service-title line,
.services-section .services-outer .service-box .service-title polyline {
	stroke-dasharray: 1000;
	stroke-dashoffset: 1000;
	-webkit-transition: all .5s ease-out;
	transition: all .5s ease-out;
}

.services-section .services-outer .service-box .service-title.visible line,
.services-section .services-outer .service-box .service-title.visible polyline {
	stroke-dasharray: 5;
	stroke-dashoffset: 0;
}

.services-section .services-outer .service-box .service-title a {
	color: #777879;
	text-decoration: none;
	direction: block;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease-out .5s;
	transition: all .3s ease-out .5s;
}

.services-section .services-outer .service-box .service-title a:hover {
	color: #000;
}

.services-section .services-outer .service-box .service-title.visible a {
	opacity: 1;
	filter: alpha(opacity=100);
	display: block;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.services-section .services-outer .service-box .service-title .pointer-line {
	position: absolute;
}

.services-section .services-outer .service-box img {
	position: relative;
}

.services-section .services-outer .geomatric-prints {
	left: 175px;
	top: 55px;
	z-index: 5;
}

.services-section .services-outer .geomatric-prints .service-title {
	right: -80px;
	top: -95px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.services-section .services-outer .geomatric-prints .service-title .pointer-line {
	right: -50px;
	top: 10px;
}

.services-section .services-outer .visual-merchandising {
	right: 63px;
	top: 140px;
}

.services-section .services-outer .visual-merchandising .service-title {
	right: -75px;
	top: -95px;
	float: left;
}

.services-section .services-outer .visual-merchandising .service-title .pointer-line {
	top: 10px;
	left: -145px;
}

.services-section .services-outer .visual-merchandising img {
	box-shadow: 17px 17px 10px rgba(0, 0, 0, .2);
}

.services-section .services-outer .freelancing {
	left: 275px;
	top: 195px;
}

.services-section .services-outer .freelancing .service-title {
	left: -255px;
	bottom: 198px;
	text-align: center;
}

.services-section .services-outer .freelancing .service-title .pointer-line {
	bottom: 42px;
	right: -126px;
}

.services-section .services-outer .freelancing .img1 {}

.services-section .services-outer .freelancing .img2 {
	position: absolute;
	left: -130px;
	top: 125px;
	z-index: 1;
}

.services-section .services-outer .freelancing .img3 {
	position: absolute;
	left: -300px;
	bottom: -35px;
	width: 200px;
}

.services-section .services-outer .digital-art {
	top: 587px;
	right: 88px;
}

.services-section .services-outer .digital-art .service-title {
	bottom: -85px;
	left: 138px;
}

.services-section .services-outer .digital-art .service-title .pointer-line {
	bottom: 10px;
	left: -230px;
}

.services-section .services-outer .digital-art img {
	box-shadow: 17px 17px 10px rgba(0, 0, 0, .2);
}

.service-box a img {
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.service-box a.zoom-in img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.service-title.visible a.zoom-in {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	color: #000 !important;
}

.service-box a.zoom-out img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.service-title.visible a.zoom-out {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	color: #000 !important;
}

.services-section .services-outer .character {
	background: #231f20;
	left: 100px;
	top: 765px;
}

.services-section .services-outer .character {
	box-shadow: 17px 17px 10px rgba(0, 0, 0, .2);
}

.services-section .services-outer .character .service-title {
	bottom: -85px;
	left: 70px;
}

.services-section .services-outer .character .service-title .pointer-line {
	bottom: 10px;
	left: -130px;
}

.services-section .services-outer .character img {
	box-shadow: 17px 17px 10px rgba(0, 0, 0, .2);
}

.bg-particle {
	position: absolute;
	top: 0;
	width: 150px;
	height: 70%;
}

.services-section .scrollmagic-pin-spacer {
	/*position: absolute !important; width:100%; top: 0; padding-bottom:0 !important;*/
}

.services-section .bg-particle1 {
	right: 100px;
	top: 500px;
	/*background: url(../images/bg-element-1.png) no-repeat center 300px;*/
}

.services-section .bg-particle2 {
	left: 40px;
	top: 150px;
	/*background: url(../images/bg-element-2-a.png) no-repeat center 150px;*/
}

.services-section .bg-particle3 {
	left: 150px;
	top: 570px;
	/*background: url(../images/bg-element-2-b.png) no-repeat center 170px;*/
}

.instagram-section {
	min-height: 100%;
	position: relative;
	z-index: 5;
	margin-bottom: 0;
}

.instagram-section .container {
	padding-top: 150px;
	padding-bottom: 90px;
}

.instagram-section .section-title {
	padding-top: 70px;
	-webkit-transition: all .5s ease-out;
	transition: all .5s ease-out;
}

.instagram-section h2 {
	position: relative;
}

.instagram-section h2:before {
	content: " ";
	display: inline-block;
	position: absolute;
	left: -115px;
	top: 10px;
	width: 105px;
	height: 30px;
	background: url(../images/title-decorative-element-left.png) no-repeat center;
}

.instagram-section h2:after {
	content: " ";
	display: inline-block;
	position: absolute;
	right: -115px;
	top: 10px;
	width: 105px;
	height: 30px;
	background: url(../images/title-decorative-element-right.png) no-repeat center;
}

.instagram-section .instagram-outer {
	text-align: center;
	padding: 10px;
	max-width: 400px;
	margin: 0 auto;
	background: #fff;
	border: solid 1px #ccc;
	box-shadow: 0 0 15px rgba(0, 0, 0, .3);
}

.instagram-section .instagram-outer .instagram-media {
	/*display:inline-block;*/
	margin: 0 auto !important;
}

.instagram-section .bg-particle1 {
	left: 160px;
	top: 10px;
}

.instagram-section .bg-particle2 {
	left: 150px;
	top: 200px;
}

.instagram-section .bg-particle3 {
	right: 50px;
	top: auto;
	bottom: 250px;
}

.footer {
	background: url(../images/footer-bg.jpg) no-repeat center top;
	background-size: cover;
	color: #fff;
	position: static;
	width: 100%;
	bottom: -600px;
	left: 0;
	z-index: 0;
}

.footer.visible {
	bottom: 0;
}

.footer .container {
	padding-top: 50px;
	padding-bottom: 50px;
}

.footer .footer-top {
	margin-bottom: 50px;
}

.footer .business-card-section {
	max-width: 400px;
	float: left;
}

.footer .business-card-section .title {
	margin-bottom: 10px;
	text-transform: uppercase;
	font-size: 18px;
	padding: 0 0 0 30px;
	line-height: 1.5em;
	background: url(../images/icon-flip.png) no-repeat left 0px;
}


.business-card {
	position: relative;
	width: 356px;
	height: 196px;
	overflow: hidden;
	/*-moz-perspective:2000px;
    -webkit-perspective:2000px;
    perspective:2000px;*/
}

.footer .business-card-section .bc-front,
.footer .business-card-section .bc-back {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	/*display: none;*/
}

.business-card .bc-front {
	position: relative;
	z-index: 2;
	-webkit-transition: all 1s ease-out;
	transition: all 1s ease-out;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.business-card .bc-front img {
	display: block;
}

.business-card.flipped .bc-front {
	z-index: 0;
	-webkit-transform: perspective(600px) rotateY(180deg);
	transform: perspective(600px) rotateY(180deg);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.business-card .bc-back {
	-webkit-transition: all 1s ease-out;
	transition: all 1s ease-out;
	-webkit-transform: perspective(600px) rotateY(180deg);
	transform: perspective(600px) rotateY(180deg);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;

}

.business-card.flipped .bc-back {
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);

}

.footer .business-card-section img {
	max-width: 100%;
}

.footer .about-text {
	width: 470px;
	float: right;
	font-size: 18px;
	line-height: 1.7em;
}

.footer .footer-bottom {
	position: relative;
}

.footer .footer-bottom .contact {
	float: left;
}

.footer .footer-bottom .contact a {
	text-decoration: none;
}

.footer .contact span {
	display: inline-block;
	width: 354px;
	border: solid 1px #fff;
	border: solid 1px rgba(255, 255, 255, .5);
	line-height: 70px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 2px;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	cursor: pointer;
}

.footer .contact span:hover {
	background: #fff;
	color: #333 !important;
}

.footer .footer-bottom .social-links {
	float: right;
	padding-top: 15px;
}

.footer .footer-bottom .social-links a {
	display: inline-block;
	margin-left: 20px;
	-webkit-transform: scale(.9);
	transform: scale(.9);
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}

.footer .footer-bottom .social-links a:hover {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.footer .stamp {
	position: absolute;
	top: -70px;
	right: 350px;
	width: 130px;
}

.footer .stamp img {
	max-width: 100%;
}

.footer .bg-particle1 {}


/******About Page*******/
.header {
	text-align: center;
	width: 100%;
	padding: 36px 0px 38px;
	background: #f2f0ed;
	position: fixed;
	left: 0;
	top: 0;
	overflow: visible;
	z-index: 11;
}

.header .menu-button {
	width: 34px;
	margin: 0 auto;
	cursor: pointer;
	position: absolute;
	left: 50%;
	margin-left: -17px;
	top: 33px;
	z-index: 1;
	display: none
}

.header .menu-button span {
	display: block;
	height: 1px;
	background: #000;
	margin: 9px 0;
}

.header .main-nav {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0px;
	opacity: 1;
	filter: alpha(opacity=1);
	-webkit-transition: opacity .5s ease-out;
	transition: opacity .5s ease-out;
}

.header .main-nav li {
	display: inline-block;
	margin: 0 5px;
	position: relative;
}

.header .main-nav li a {
	color: #848282;
	font-size: 0.95em;
	display: inline-block;
	padding: 0 15px;
	text-decoration: none;
	position: relative;
	cursor: pointer;
}

.header .main-nav li>span {
	color: #848282;
	font-size: 0.95em;
	display: inline-block;
	padding: 0 15px;
	text-decoration: none;
	position: relative;
	cursor: pointer;
}

.header .main-nav li>div {
	color: #848282;
	font-size: 0.95em;
	display: inline-block;
	padding: 0 15px;
	text-decoration: none;
	position: relative;
	cursor: pointer;
}

.header .main-nav li .noclick {
	cursor: not-allowed;
}

.header .main-nav li div span {
	display: inline-block;
	font-size: .8em;
	padding: 3px 5px;
	border: solid 1px #ccc;
	border-radius: 5px;
	position: absolute;
	right: -100px;
	top: -3px;
}

.header .main-nav li a:hover,
.header .main-nav li>span:hover {
	color: #000;
}

.arrow-up {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #000;
	position: absolute;
	top: -9px;
	left: 0px;
	left: 50%;
	margin-left: -10px;
}

.dropdown_outer {
	padding: 0px !important;
	margin: 0px;
	position: absolute !important;
	top: 0px;
	left: 50%;
	margin-left: -100px;
	padding-top: 30px !important;
	width: 200px;
	top: 18px;
	display: none !important;
}

.header ul.main-nav li ul.dropdown {
	background: url(../images/footer-bg.jpg) #000 center top no-repeat;
	position: absolute;
	z-index: 999;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-size: 0.8em;
	left: 50%;
	margin-left: -100px;
	top: 15px;
	border-radius: 3px;
}

.header ul.main-nav li ul.dropdown li:last-child {
	border-radius: 0px 0px 3px 3px
}

.header ul.main-nav li:hover .dropdown_outer {
	display: block !important;
}

.header ul.main-nav li ul.dropdown li {
	font-size: 0.9em;
	border-bottom: 1px solid transparent;
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
	float: left;
	margin: 0px;
	position: relative;
}

.header ul.main-nav li ul.dropdown li:hover:before {
	content: " ";
	width: 100%;
	left: 0px;
	background: #eee;
}

.header ul.main-nav li ul.dropdown li:before {
	content: " ";
	width: 1px;
	height: 1px;
	position: absolute;
	left: 50%;
	bottom: -1px;
	-webkit-transition: .3s;
	transition: .3s;
}

.header .dropdown {
	line-height: 40px;
}

.header ul.main-nav li ul.dropdown li a {
	color: #fff;
	display: block;
	line-height: 40px !important;
	text-align: center;
	margin: 0 0px !important;
	box-sizing: border-box;
	text-transform: capitalize;
}

.header .close-nav {
	display: none;
}

.header.opened .close-nav {
	display: none;
}

.homepage-header {
	opacity: 0;
	filter: alpha(opacity=0);
	top: -150px;
}

.homepage-header.visible {
	opacity: 1;
	filter: alpha(opacity=100);
	top: 0;
}

.about-page {
	background: #f2f0ed;
	min-height: 100%;
	padding-top: 165px;
	margin-bottom: 0;
	position: relative;
	z-index: 1;
	padding-bottom: 50px;
}

.about-page .header-banner {
	position: relative;
}

.about-page .header-banner.folder-page {
	margin-top: 70px;
}

.about-page .header-banner img {
	box-shadow: 10px 10px 16px rgba(0, 0, 0, .2);
	max-width: 100%;
}

.about-page .header-banner .page-title {
	padding: 15px;
	background: #f2f0ed;
	background: rgba(242, 240, 237, .6);
	position: absolute;
	left: 50% !important;
	top: 50% !important;
	margin-top: -80px;
	margin-left: -205px;
}

.about-page.gallery-page .container.geometric-container .header-banner .page-title {
	margin-left: -225px;
}

.about-page.gallery-page .container.digital-container .header-banner .page-title {
	margin-left: -152px;
}

.about-page.gallery-page .container.commission-work-container .header-banner .page-title {
	margin-left: -263.5px;
}

.about-page.gallery-page .container.visual-container .header-banner .page-title {
	margin-left: -278.5px;
}

.about-page.gallery-page .container.character-container .header-banner .page-title {
	margin-left: -247px;
}


.about-page .header-banner .page-title h1 {
	border: solid 2px #050505;
	line-height: 130px;
	padding: 0 20px;
	font-size: 2.5em;
	display: inline-block;
	font-weight: bold;
	margin: 0;
	letter-spacing: 5px;
}

.about-page .tag-line {
	font-size: 25px;
	text-align: center;
	margin: 50px 0;
	letter-spacing: 9px;
}

.about-page .tag-line span {
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale(.8);
	transform: scale(.8);
	display: inline-block;
}

.about-page .tag-line span.word1 {
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s;
}

.about-page .tag-line span.word2 {
	-webkit-transition: all .5s ease-out .5s;
	transition: all .5s ease-out .5s;
}

.about-page .tag-line span.word3 {
	-webkit-transition: all .5s ease-out 1s;
	transition: all .5s ease-out 1s;
}

.about-page .tag-line.visible span {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	transform: scale(1);
}

.about-page .learn-more {
	color: #a09f9f;
	margin: -200px 0;
	position: absolute;
	left: 50px;
}

.about-page .learn-more a {
	color: #a09f9f;
	display: inline-block;
}

.about-page .learn-more a:hover {
	color: #000;
}

.about-page .learn-more span {
	display: inline-block;
	font-size: 14px;
	text-transform: uppercase;
	padding-bottom: 40px;
	background: url(../images/learn-more-arrow.png) no-repeat center bottom;
	background-size: 18px;
}

.mycreative-space-section {
	position: relative;
	padding-top: 100px;
	margin-top: 100px;
}

.mycreative-space-section .bg-particle1 {
	width: 40px;
	right: -100px;
	top: -300px;
}

.mycreative-space-section h2 {
	position: relative;
}

.mycreative-space-section h2:before {
	content: " ";
	display: inline-block;
	position: absolute;
	left: -115px;
	top: 10px;
	width: 105px;
	height: 30px;
	background: url(../images/title-decorative-element-left.png) no-repeat center;
}

.mycreative-space-section h2:after {
	content: " ";
	display: inline-block;
	position: absolute;
	right: -115px;
	top: 10px;
	width: 105px;
	height: 30px;
	background: url(../images/title-decorative-element-right.png) no-repeat center;
}

.mycreative-space-section .content-outer {
	position: relative;
	margin-top: 100px;
	height: 840px;
}

.mycreative-space-section .content-outer .image1 {
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0px;
	box-shadow: 10px 10px 10px rgba(0, 0, 0, .2);
}

.mycreative-space-section .content-outer .image1 img {
	max-width: 100%;
}

.mycreative-space-section .content-outer .image2 {
	position: absolute;
	z-index: 0;
	left: 245px;
	top: 230px;
	padding: 22px;
	background: #fff;
	box-shadow: 7px 7px 15px rgba(0, 0, 0, .25);
}

.mycreative-space-section .content-outer .image2 img {
	max-width: 100%;
}

.thebug-section {
	position: relative;
}

.thebug-section .bg-particle1 {
	width: 40px;
	left: -100px;
	top: auto;
	bottom: 200px;
}

.thebug-section h2 {
	position: relative;
}

.thebug-section h2:before {
	content: " ";
	display: inline-block;
	position: absolute;
	left: -115px;
	top: 10px;
	width: 105px;
	height: 30px;
	background: url(../images/title-decorative-element-left.png) no-repeat center;
}

.thebug-section h2:after {
	content: " ";
	display: inline-block;
	position: absolute;
	right: -115px;
	top: 10px;
	width: 105px;
	height: 30px;
	background: url(../images/title-decorative-element-right.png) no-repeat center;
}

.thebug-section .content-outer {
	position: relative;
	margin-top: 100px;
}

/*
.thebug-section .content-outer .image-holder{height: 1000px;}
.thebug-section .content-outer .image1{position: absolute; z-index: 0; left: 0; top: 0px; box-shadow: 10px 10px 10px rgba(0,0,0,.2); width:550px;}
.thebug-section .content-outer .image1 img{max-width: 100%; height: auto; -webkit-filter: invert(100%);  filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: invert(100%); filter: invert(100%);}
.thebug-section .content-outer .image2{position: absolute; z-index: 0; left:245px; top: 230px; box-shadow: 7px 7px 15px rgba(0,0,0,.25); width: 730px; }
.thebug-section .content-outer .image2 img{max-width:100%;}
.thebug-section .content-outer .about-text{position:absolute; bottom: -165px; margin-left:0px; font-size:25px; letter-spacing:1px; }

.thebug-section .social-links{ position: absolute; right: -70px; top: 700px;}
.thebug-section .social-links a{display: block; margin-bottom:50px; opacity: .5; filter: alpha(opacity=50);}
.thebug-section .social-links a:hover{opacity: 1;filter: alpha(opacity=100);}
*/
.thebug-section .content-outer .image-holder {
	max-width: 500px;
	margin: 0 auto 50px;
}

.thebug-section .content-outer .image-holder .image {
	position: relative;
}

.thebug-section .content-outer .image-holder .image img {
	max-width: 100%;
	height: auto;
	/**-webkit-filter: invert(100%);  filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: invert(100%); filter: invert(100%);*/
}

.thebug-section .content-outer .image-holder .image .name {
	position: absolute;
	top: 30px;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 15px;
	color: #fff;
}

.thebug-section .content-outer .about-text {
	margin-left: 0px;
	font-size: 20px;
	letter-spacing: 1px;
}

.thebug-section .social-links {
	position: absolute;
	right: -50px;
	bottom: 0px;
}

.thebug-section .social-links a {
	display: block;
	margin-bottom: 30px;
	opacity: .5;
	filter: alpha(opacity=50);
	max-width: 30px;
	max-height: 30px;
}

.thebug-section .social-links a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

.blog-page {
	background: #f2f0ed;
	min-height: 100%;
	padding-top: 125px;
	margin-bottom: 0;
	position: relative;
	z-index: 1;
}

.blog-page .container {
	position: relative;
}

.blog-page .header-banner {
	position: relative;
	z-index: 1;
	height: 700px;
}

.blog-page .header-banner .circle {
	width: 350px;
	position: absolute;
	left: 0px !important;
	top: 0 !important;
}

.blog-page .header-banner .circle img {
	max-width: 100%;
	position: relative;
	z-index: 1;
}

.blog-page .header-banner .circle .page-title {
	position: absolute;
	left: 80px;
	top: 80px;
	z-index: 1;
}

.blog-page .header-banner .circle .page-title h1 {
	font-size: 40px;
}

.blog-page .header-banner .banner-image {
	position: absolute;
	left: 230px !important;
	top: 160px !important;
	width: 750px;
}

.blog-page .header-banner .banner-image img {
	box-shadow: 10px 10px 15px rgba(0, 0, 0, .4);
	max-width: 100%;
}

.blog-bg-element1 {
	position: absolute;
	left: 0;
	top: -10px;
	width: 160px;
	z-index: 0
}

.blog-bg-element1 img {
	max-width: 100%;
}

.blog-bg-element2 {
	position: absolute;
	right: -50px;
	top: 445px;
}

.blog-page .blog-posts-outer {
	background: url(../images/blog-page-bg.jpg) no-repeat right 400px;
	padding: 150px 0 50px;
}

.blog-page .blog-posts-outer h2 {
	position: relative;
}

.blog-page .blog-posts-outer h2:before {
	content: " ";
	display: inline-block;
	position: absolute;
	left: -115px;
	top: 10px;
	width: 105px;
	height: 30px;
	background: url(../images/title-decorative-element-left.png) no-repeat center;
}

.blog-page .blog-posts-outer h2:after {
	content: " ";
	display: inline-block;
	position: absolute;
	right: -115px;
	top: 10px;
	width: 105px;
	height: 30px;
	background: url(../images/title-decorative-element-right.png) no-repeat center;
}

.blog-page .blog-posts-outer .container {
	max-width: 800px;
}

.blog-page .blog-posts-outer .blog-posts-list {}

.blog-page .blog-posts-outer .blog-posts-list .blog-post-entry {
	margin-left: 150px;
	position: relative;
	font-size: 30px;
}

.blog-page .blog-posts-outer .blog-posts-list .blog-post-entry h3 {
	font-size: 1em;
	margin: 0;
	line-height: 1.5em;
	line-height: 45px;
}

.blog-page .blog-posts-outer .blog-posts-list .blog-post-entry h3 a {
	display: block;
	padding: 40px 0;
	color: #000;
	text-decoration: none;
	border-bottom: solid 1px #dddcdb;
}

.blog-page .blog-posts-outer .blog-posts-list .blog-post-entry h3 a:hover {
	border-bottom: solid 1px #999;
}

.blog-page .blog-posts-outer .blog-posts-list .blog-post-entry .date {
	position: absolute;
	left: -180px;
	width: 130px;
	text-align: center;
	top: 0;
	padding: 40px 0;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 45px;
}

.blog-page .blog-posts-outer .blog-posts-list .blog-post-entry .image {
	position: absolute;
	left: -180px;
	width: 130px;
	text-align: center;
	top: 0;
	padding: 0;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 45px;
}


.contact-popup {
	position: fixed;
	left: 0;
	top: 100%;
	width: 100%;
	height: 100%;
	z-index: 50;
	background: url(../images/footer-bg.jpg) no-repeat center top;
	background-size: cover;
	color: #fff;
	overflow: auto;
	-webkit-transition: all .5s ease-out;
	transition: all .5s ease-out;
}

.contact-popup.visible {
	top: 0;
}

.contact-popup .close-button {
	position: absolute;
	right: 10px;
	top: 5px;
	padding: 10px;
	cursor: pointer;
}

.contact-popup .close-button img {
	width: 16px;
	height: auto;
}

.contact-popup .inner-holder {
	max-width: 1000px;
	margin: 0 auto;
	padding: 50px 15px 0;
}

.contact-popup h1 {
	text-transform: uppercase;
}

.contact-popup .contact-form-section {
	width: 45%;
	float: left;
	position: relative;
}

.contact-popup .contact-form-section form {}

.contact-popup label {
	display: none;
}

.contact-popup .contact-form-section .form-element {
	margin-bottom: 20px;
}

.contact-popup .contact-form-section .textbox {
	width: 100%;
	box-sizing: border-box;
	padding: 7px 15px;
	background: none;
	border: solid 1px #929292;
	font-weight: normal;
}

.contact-popup .contact-form-section .textbox:focus {
	background: #333;
}

.contact-popup .contact-form-section .textarea {
	width: 100%;
	height: 100px;
	box-sizing: border-box;
	padding: 7px 15px;
	background: none;
	border: solid 1px #929292;
	font-weight: normal;
	resize: none;
}

.contact-popup .contact-form-section .textarea:focus {
	background: #333;
}

.contact-popup .contact-form-section .form-element .error-msg {
	color: red;
	font-size: .85em;
	padding: 5px 0 0;
}

.contact-popup .success-msg {
	color: green;
	margin: -10px 0 20px;
}

.contact-popup .contact-form-section .button {
	background: none;
	color: #fff;
	font-weight: normal;
	border: solid 1px #929292;
	text-transform: uppercase;
	padding: 10px 30px;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.contact-popup .contact-form-section .button:hover {
	background: #fff;
	color: #333;
}

.contact-popup .contact-info-section {
	margin-left: 55%;
}

.contact-popup .contact-info-section h2 {
	text-transform: uppercase;
	font-size: 22px;
	font-weight: bold;
}

.contact-popup .contact-info-section a {
	text-decoration: underline;
	color: #fff;
}

.contact-popup .contact-info-section .contact-details {
	margin-bottom: 20px;
}

.contact-popup .contact-info-section .social-links {
	padding-top: 70px;
	margin-right: 40px;
	float: left;
}

.contact-popup .contact-info-section .social-links a {
	display: inline-block;
	margin-right: 20px;
	-webkit-transform: scale(.9);
	transform: scale(.9);
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}

.contact-popup .contact-info-section .social-links a img {
	max-width: 37px;
	max-height: 37px;
	border-radius: 5px;
}

.contact-popup .contact-info-section .social-links a:hover {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.contact-popup .contact-info-section .stamp {
	width: 120px;
	float: left;
}

.contact-popup .contact-info-section .stamp img {
	max-width: 100%;
}

/**image gallery**/
.gallery-grid {
	width: 50%;
	overflow: hidden;
}

.gallery-grid img {
	width: 100%;
}

.gallery-grid.col-1 {
	width: 20%;
}

/** digital art**/


/* 15-nov -2018 */
/*.about-page .overlay-container{ position: absolute; transition: all .3s ease-out; left:0; right:0;bottom: -50px;}
.about-page .image-grid a:hover .overlay-container{bottom: 0px;}*/
/* end  */


.loader-section {
	position: absolute;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.3);
	top: 0px;
	left: 0px;
	z-index: 2;
	overflow: hidden;
	display: none;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 */

.hidden {
	display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
	visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
	content: " ";
	/* 1 */
	display: table;
	/* 2 */
}

.clearfix:after {
	clear: both;
}

/******Gallery Page*******/
.grid {
	margin-bottom: 50px;
	margin-top: 50px;
}

.grid .grid-item {
	width: 50%;
	float: left;
	display: inline-block;
	padding: 10px;
	box-sizing: border-box;
}

.grid.full-view .grid-item {
	width: 100%;
}

.grid .grid-item img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

.gallery-page .mycreative-space-section {
	padding-top: 0;
	margin-top: 80px;
}

.grid a {
	display: block;
	position: relative;
	overflow: hidden;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	border: 1px solid transparent;
}

.grid a img {
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.grid a:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

/*.grid a:hover{box-shadow: 0px 0px 25px 6px rgba(0,0,0,0.3);border:1px solid #999;}*/
.zoom-icon {
	position: absolute;
	top: 50%;
	margin-top: -40px;
	left: 50%;
	margin-left: -40px;
}

.zoom-icon .circle {
	height: 80px;
	width: 80px;
	border-radius: 50%;
	background: url(../images/zoom-symbol.svg) no-repeat center #b6d2e6;
	background-size: 35px;
	box-shadow: 0px 0px 15px 10px rgba(0, 0, 0, .10);
	opacity: 0;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.full-view .grid-item a {
	display: block;
	position: relative;
}

.full-view .grid-item a:hover .zoom-icon .circle {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.clear {
	clear: both;
}

.about-page.gallery-page .row.full-view {
	margin-left: 0px;
	margin-right: 0px;
}

.grid-fl-image {
	text-align: center;
	margin: 20px 0px 10px;
	color: #848282;
}

.grid-fl-image span {
	font-size: 17px;
}

.grid-fl-image p {
	font-size: 16px;
	padding: 0px 0px;
	margin-bottom: 0px;
	margin-top: 8px;
}

.grid-fl-image p a {
	color: #848282;
	outline: none;
}

.grid-fl-image.left p {
	max-width: 550px;
	margin: 30px auto;
	text-align: left;
	font-size: 25px;
}

/*24-8-2018*/

.grid-item img {
	max-width: 100%;
}

.loader-2 .spinner {
	background: transparent !important;
}

.footer-background-preview img {
	width: 50%;
	padding-bottom: 20px;
}


/**typography**/


.about-page.gallery-page .bg-particle1 {
	right: 0px;
	top: 500px;
	height: auto;
	/*background: url(../images/bg-element-1.png) no-repeat center 300px;*/
}

.about-page.gallery-page .bg-particle2 {
	left: 40px;
	top: 150px;
	height: auto;
	/*background: url(../images/bg-element-2-a.png) no-repeat center 150px;*/
}

.about-page.gallery-page .bg-particle3 {
	left: 80px;
	top: 500px;
	height: auto;
	/*background: url(../images/bg-element-2-b.png) no-repeat center 170px;*/
}

.mycreative-space-section .bg-particle.bg-particle1 {
	display: none;
}

.container.visual-container .page-title.layer {
	margin-left: -328px;
}

.illustration-container .grid .grid-item4 {
	margin-top: 0px;
}

.illustration-container .grid .grid-item5 {
	margin-top: 0px;
}

.lg-actions .lg-prev {
	background: url(../images/lg-left.png) no-repeat center;
	height: auto;
	width: 20px;
	background-size: 12px;
}

.lg-actions .lg-next {
	background: url(../images/lg-right.png) no-repeat center;
	height: auto;
	width: 20px;
	background-size: 12px;
}

.lg-toolbar .lg-close {

	background: url(../images/icon-close.png) no-repeat center;
	height: auto;
	width: 20px;
	background-size: 17px;
	margin-right: 10px;
	margin-top: 10px;
}

.services-section-inner {
	border-bottom: 2px solid #ccc;
	margin-top: 30px;
}

.inner-page-title {
	padding: 10px 20px 10px 25px;
	font-size: 0.9em;
	text-transform: uppercase;
	font-weight: 600;
	display: inline-block;
	position: relative;
}

.inner-page-title.folder:before {
	width: 16px;
	height: 16px;
	content: '';
	background: url(../images/folder-icon.png) no-repeat;
	display: inline-block;
	position: absolute;
	left: 0px;
	top: 12px;
}

.inner-page-title.gallery-icon:before {
	width: 17px;
	height: 16px;
	content: '';
	background: url(../images/gallery-icon.png) no-repeat;
	display: inline-block;
	position: absolute;
	left: 0px;
	top: 11px;
}

.folder-list {
	margin-top: 25px;
}

.about-page.gallery-page .row {
	margin-left: -10px;
	margin-right: -10px;
}

.image-grid {
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	margin: 5px 0px;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.image-grid-outer {
	padding: 0px 10px;
	width: 50%;
	float: left;
	box-sizing: border-box;
}

.folder-list .overlay-outer {
	text-align: center;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0px 10px 0px 0px;
	box-sizing: border-box;
	-webkit-transition: all.3s;
	transition: all.3s;
	color: #333;
	float: right;
}

.image-grid a img {
	max-width: 100%;
	display: block;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.image-grid a {
	position: relative;
	display: block;
	overflow: hidden;
	color: #333;
}

.overlay-text {
	text-align: left;
	float: left;
	width: 100%;
	padding-right: 7px;
	box-sizing: . border-box;
	text-transform: uppercase;
	font-size: 14px;
	font-style: italic;
	min-height: 40px;
}

.overlay-text strong {
	font-weight: bold;
	font-style: normal;
}

.overlay-text a {
	text-decoration: none;
	color: #333;
	font-weight: 600;
	margin-top: 5px;
	display: inline-block;
	font-size: 1em;
}

.image-count:before {
	content: '';
	height: 20px;
	width: 22px;
	background: url(../images/photo-camera.png) no-repeat center;
	background-size: 20px;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: -3px;
}

.folder-list .image-count {
	float: right;
}

.overlay-container {
	padding: 10px 0px 10px;
}

.grid:after {
	content: " ";
	clear: both;
	display: block;
}

.folder-main-image {
	overflow: hidden;
	min-height: 124px;
}

.image-grid:hover .folder-main-image img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.return-section a {
	float: left;
}

.folder-name-title {
	float: left;
	margin-left: 15px;
	border-left: 2px solid #333;
	padding-left: 15px;
	font-size: 1.2em;
	margin-top: -1px;
	font-weight: 400;
	text-transform: uppercase;
}

.image-grid:hover .folder-main-image {
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.30);
	box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.30);
}

/******Gallery Page End*******/

.hd-bn-title h2 {
	font-size: 32px;
	text-align: center;
	margin: 0px;
}

.grid.hide_space {
	margin-top: 0px;
}

.folder-main-image {
	position: relative;
}

.hover-effect {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	display: none;
	cursor: default;
	background: rgba(0, 0, 0, .8);
	cursor: default;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	height: 100%;
	color: #fff;
	font-size: 25px;
}

.folder-main-image:hover .hover-effect {
	display: flex;
}

.hd-bn-info {
	color: #848282;
}

/******Footer Start*******/
footer .footer-left {
	float: left;
}

footer .footer-right {
	float: right;
}

footer .footer-left .footer-icon {
	float: left;
}

footer .footer-left .footer-icon .circle {
	height: 50px;
	width: 50px;
	border-radius: 50%;
	border: solid 2px #b6d2e6;
	background: url(../images/arrow.png) no-repeat center;
	background-position: 5px;
	-webkit-transition: all .4s;
	transition: all .4s;
	-webkit-animation: arrow-indicator 1s ease-in-out infinite;
	animation: arrow-indicator 1s ease-in-out infinite;
}

.outer-cal {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.cal1 {
	float: left;
}

.cal2 {
	float: left;
	margin-left: 4px;
}


@-webkit-keyframes arrow-indicator {
	0% {
		background-position: 6px;
	}

	50% {
		background-position: 16px;
	}
}

@keyframes scroll-indicator {
	0% {
		background-position: 6px;
	}

	50% {
		background-position: 16px;
	}
}


footer .footer-left .footer-text {
	float: left;
	margin-left: 15px;
}

footer .footer-left .footer-text p {
	margin: 0;
	color: #999999;
}

footer .footer-left .footer-text a {
	text-decoration: none;
	color: #fff;
	font-size: 25px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
	display: inline-block;
}

footer .footer-left .footer-text a:hover {
	-webkit-transform: scale(1.07);
	transform: scale(1.07);
}

footer .footer-right a {

	display: inline-block;
	width: 354px;
	border: solid 1px rgba(255, 255, 255, .5);
	line-height: 70px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 2px;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	cursor: pointer;
	max-width: 100%;
	box-sizing: border-box;
}

footer .footer-right a:hover {
	background: #fff;
	color: #333;
}

/******Footer End*******/


/* theme setting============*/

/*loaders css*/
/*.loader-0 {width: 100%;text-align: center; line-height: 145px; background: none !important;}
.loader-0 > div { background-color: #a6d8de;width: 18px;height: 18px;border-radius: 100%;display: inline-block;-webkit-animation: bouncedelay 1.4s infinite ease-in-out;  animation: bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode: both;animation-fill-mode: both;}*/
.loader-0 .spinner {
	background: none !important;
}

.loader-0 .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.loader-0 .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {

	0%,
	80%,
	100% {
		-webkit-transform: scale(0.0)
	}

	40% {
		-webkit-transform: scale(1.0)
	}
}

@keyframes bouncedelay {

	0%,
	80%,
	100% {
		transform: scale(0.0);
		-webkit-transform: scale(0.0);
	}

	40% {
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
	}
}


.loader-1 .spinner:before,
.loader-1 .spinner:after {
	background: inherit;
	-webkit-animation: load1 1s infinite ease-in-out;
	animation: load1 1s infinite ease-in-out;
	width: 1em;
	height: 4em
}

.loader-1 .spinner {
	-webkit-animation: load1 1s infinite ease-in-out;
	animation: load1 1s infinite ease-in-out;
	width: 1em;
	height: 4em;
	color: #a6d8de;
	background: #a6d8de;
	text-indent: -9999em;
	margin: 0px auto;
	position: relative;
	font-size: 7px;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation-delay: -.16s;
	animation-delay: -.16s;
	border: none;
	margin-top: 20px;
}

.loader-1 .spinner:before,
.loader-1 .spinner:after {
	position: absolute;
	top: 0;
	content: ''
}

.loader-1 .spinner:before {
	left: -1.5em;
	-webkit-animation-delay: -.32s;
	animation-delay: -.32s
}

.loader-1 .spinner:after {
	left: 1.5em
}

@-webkit-keyframes load1 {

	0%,
	80%,
	100% {
		-webkit-box-shadow: 0 0;
		box-shadow: 0 0;
		height: 4em
	}

	40% {
		-webkit-box-shadow: 0 -2em;
		box-shadow: 0 -2em;
		height: 5em
	}
}

@keyframes load1 {

	0%,
	80%,
	100% {
		-webkit-box-shadow: 0 0;
		box-shadow: 0 0;
		height: 4em
	}

	40% {
		-webkit-box-shadow: 0 -2em;
		box-shadow: 0 -2em;
		height: 5em
	}
}

.loader-2 .spinner:after {
	content: " ";
	display: block;
	width: 50px;
	height: 50px;
	margin: auto;
	border-radius: 50%;
	border-width: 6px;
	border-style: solid;
	border-color: inherit;
	border-right-color: transparent !important;
	border-left-color: transparent !important;
	-webkit-animation: lds-dual-ring 1.2s linear infinite;
	animation: lds-dual-ring 1.2s linear infinite;
}

@-webkit-keyframes lds-dual-ring {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes lds-dual-ring {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.loader-2 .spinner .bounce1,
.loader-2 .spinner .bounce2,
.loader-2 .spinner .bounce3,
.loader-3 .spinner .bounce1,
.loader-3 .spinner .bounce2,
.loader-3 .spinner .bounce3,
.loader-4 .spinner .bounce1,
.loader-4 .spinner .bounce2,
.loader-4 .spinner .bounce3,
.loader-5 .spinner .bounce1,
.loader-5 .spinner .bounce2,
.loader-5 .spinner .bounce3,
.loader-6 .spinner .bounce1,
.loader-6 .spinner .bounce2,
.loader-6 .spinner .bounce3,
.loader-7 .spinner .bounce1,
.loader-7 .spinner .bounce2,
.loader-7 .spinner .bounce3,
.loader-8 .spinner .bounce1,
.loader-8 .spinner .bounce2,
.loader-8 .spinner .bounce3 {
	display: none;
}

.loader-3 .spinner:after {
	position: absolute;
	border-width: 4px;
	position: absolute;
	border-radius: 50%;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	-webkit-animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
	animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
	content: "";
}

.loader-3 .spinner:before {
	position: absolute;
	border-width: 4px;
	border-style: solid;
	border-color: inherit;
	position: absolute;
	border-radius: 50%;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	-webkit-animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
	animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
	content: "";
}

@-webkit-keyframes lds-ripple {
	0% {
		top: 36px;
		left: 36px;
		width: 0;
		height: 0;
		opacity: 1;
	}

	100% {
		top: 0px;
		left: 0px;
		width: 72px;
		height: 72px;
		opacity: 0;
	}
}

@keyframes lds-ripple {
	0% {
		top: 36px;
		left: 36px;
		width: 0;
		height: 0;
		opacity: 1;
	}

	100% {
		top: 0px;
		left: 0px;
		width: 72px;
		height: 72px;
		opacity: 0;
	}
}

.loader-4 .spinner {
	color: #a6d8de;
	font-size: 7px;
	margin: 40px auto;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	position: relative;
	text-indent: -9999em;
	-webkit-animation: load4 1.3s infinite linear;
	animation: load4 1.3s infinite linear;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	background: none !important;
}

@-webkit-keyframes load4 {

	0%,
	100% {
		-webkit-box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
		box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0
	}

	12.5% {
		-webkit-box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
		box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em
	}

	25% {
		-webkit-box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
		box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em
	}

	37.5% {
		-webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em
	}

	50% {
		-webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0 0 -1em, -2em -2em 0 -1em;
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0 0 -1em, -2em -2em 0 -1em
	}

	62.5% {
		-webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em
	}

	75% {
		-webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0.2em, -2em -2em 0 0;
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0.2em, -2em -2em 0 0
	}

	87.5% {
		-webkit-box-shadow: 0 -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0, -2em -2em 0 .2em;
		box-shadow: 0 -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0, -2em -2em 0 .2em
	}
}

@keyframes load4 {

	0%,
	100% {
		-webkit-box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
		box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0
	}

	12.5% {
		-webkit-box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
		box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em
	}

	25% {
		-webkit-box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
		box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em
	}

	37.5% {
		-webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em
	}

	50% {
		-webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0 0 -1em, -2em -2em 0 -1em;
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0 0 -1em, -2em -2em 0 -1em
	}

	62.5% {
		-webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em
	}

	75% {
		-webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0.2em, -2em -2em 0 0;
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0.2em, -2em -2em 0 0
	}

	87.5% {
		-webkit-box-shadow: 0 -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0, -2em -2em 0 .2em;
		box-shadow: 0 -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0, -2em -2em 0 .2em
	}
}

.loader-5 .spinner {
	width: 40px;
	height: 40px;
	background-color: #a6d8de;
	margin: 0 auto;
	-webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
	animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
	0% {
		-webkit-transform: perspective(120px)
	}

	50% {
		-webkit-transform: perspective(120px) rotateY(180deg)
	}

	100% {
		-webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
	}
}

@keyframes sk-rotateplane {
	0% {
		transform: perspective(120px) rotateX(0deg) rotateY(0deg);
		-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
	}

	50% {
		transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
		-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
	}

	100% {
		transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
		-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
	}
}


.loader-6 .spinner {
	color: #a6d8de;
	font-size: 40px;
	text-indent: -9999em;
	overflow: hidden;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	margin: 72px auto;
	position: relative;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
	animation: load6 1.7s infinite ease, round 1.7s infinite ease;
	background: none !important;
}

@-webkit-keyframes load6 {
	0% {
		-webkit-box-shadow: 0 -.83em 0 -0.4em, 0 -.83em 0 -0.42em, 0 -.83em 0 -0.44em, 0 -.83em 0 -0.46em, 0 -.83em 0 -.477em;
		box-shadow: 0 -.83em 0 -0.4em, 0 -.83em 0 -0.42em, 0 -.83em 0 -0.44em, 0 -.83em 0 -0.46em, 0 -.83em 0 -.477em
	}

	5%,
	95% {
		-webkit-box-shadow: 0 -.83em 0 -0.4em, 0 -.83em 0 -0.42em, 0 -.83em 0 -0.44em, 0 -.83em 0 -0.46em, 0 -.83em 0 -.477em;
		box-shadow: 0 -.83em 0 -0.4em, 0 -.83em 0 -0.42em, 0 -.83em 0 -0.44em, 0 -.83em 0 -0.46em, 0 -.83em 0 -.477em
	}

	10%,
	59% {
		-webkit-box-shadow: 0 -.83em 0 -0.4em, -.087em -.825em 0 -0.42em, -.173em -.812em 0 -0.44em, -.256em -.789em 0 -0.46em, -.297em -.775em 0 -.477em;
		box-shadow: 0 -.83em 0 -0.4em, -.087em -.825em 0 -0.42em, -.173em -.812em 0 -0.44em, -.256em -.789em 0 -0.46em, -.297em -.775em 0 -.477em
	}

	20% {
		-webkit-box-shadow: 0 -.83em 0 -0.4em, -.338em -.758em 0 -0.42em, -.555em -.617em 0 -0.44em, -.671em -.488em 0 -0.46em, -.749em -.34em 0 -.477em;
		box-shadow: 0 -.83em 0 -0.4em, -.338em -.758em 0 -0.42em, -.555em -.617em 0 -0.44em, -.671em -.488em 0 -0.46em, -.749em -.34em 0 -.477em
	}

	38% {
		-webkit-box-shadow: 0 -.83em 0 -0.4em, -.377em -.74em 0 -0.42em, -.645em -.522em 0 -0.44em, -.775em -.297em 0 -0.46em, -.82em -.09em 0 -.477em;
		box-shadow: 0 -.83em 0 -0.4em, -.377em -.74em 0 -0.42em, -.645em -.522em 0 -0.44em, -.775em -.297em 0 -0.46em, -.82em -.09em 0 -.477em
	}

	100% {
		-webkit-box-shadow: 0 -.83em 0 -0.4em, 0 -.83em 0 -0.42em, 0 -.83em 0 -0.44em, 0 -.83em 0 -0.46em, 0 -.83em 0 -.477em;
		box-shadow: 0 -.83em 0 -0.4em, 0 -.83em 0 -0.42em, 0 -.83em 0 -0.44em, 0 -.83em 0 -0.46em, 0 -.83em 0 -.477em
	}
}

@keyframes load6 {
	0% {
		-webkit-box-shadow: 0 -.83em 0 -0.4em, 0 -.83em 0 -0.42em, 0 -.83em 0 -0.44em, 0 -.83em 0 -0.46em, 0 -.83em 0 -.477em;
		box-shadow: 0 -.83em 0 -0.4em, 0 -.83em 0 -0.42em, 0 -.83em 0 -0.44em, 0 -.83em 0 -0.46em, 0 -.83em 0 -.477em
	}

	5%,
	95% {
		-webkit-box-shadow: 0 -.83em 0 -0.4em, 0 -.83em 0 -0.42em, 0 -.83em 0 -0.44em, 0 -.83em 0 -0.46em, 0 -.83em 0 -.477em;
		box-shadow: 0 -.83em 0 -0.4em, 0 -.83em 0 -0.42em, 0 -.83em 0 -0.44em, 0 -.83em 0 -0.46em, 0 -.83em 0 -.477em
	}

	10%,
	59% {
		-webkit-box-shadow: 0 -.83em 0 -0.4em, -.087em -.825em 0 -0.42em, -.173em -.812em 0 -0.44em, -.256em -.789em 0 -0.46em, -.297em -.775em 0 -.477em;
		box-shadow: 0 -.83em 0 -0.4em, -.087em -.825em 0 -0.42em, -.173em -.812em 0 -0.44em, -.256em -.789em 0 -0.46em, -.297em -.775em 0 -.477em
	}

	20% {
		-webkit-box-shadow: 0 -.83em 0 -0.4em, -.338em -.758em 0 -0.42em, -.555em -.617em 0 -0.44em, -.671em -.488em 0 -0.46em, -.749em -.34em 0 -.477em;
		box-shadow: 0 -.83em 0 -0.4em, -.338em -.758em 0 -0.42em, -.555em -.617em 0 -0.44em, -.671em -.488em 0 -0.46em, -.749em -.34em 0 -.477em
	}

	38% {
		-webkit-box-shadow: 0 -.83em 0 -0.4em, -.377em -.74em 0 -0.42em, -.645em -.522em 0 -0.44em, -.775em -.297em 0 -0.46em, -.82em -.09em 0 -.477em;
		box-shadow: 0 -.83em 0 -0.4em, -.377em -.74em 0 -0.42em, -.645em -.522em 0 -0.44em, -.775em -.297em 0 -0.46em, -.82em -.09em 0 -.477em
	}

	100% {
		-webkit-box-shadow: 0 -.83em 0 -0.4em, 0 -.83em 0 -0.42em, 0 -.83em 0 -0.44em, 0 -.83em 0 -0.46em, 0 -.83em 0 -.477em;
		box-shadow: 0 -.83em 0 -0.4em, 0 -.83em 0 -0.42em, 0 -.83em 0 -0.44em, 0 -.83em 0 -0.46em, 0 -.83em 0 -.477em
	}
}

@-webkit-keyframes round {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes round {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.loader-7 .spinner {
	width: 50px;
	height: 50px;
	margin: 0 auto;
	background-color: #a6d8de;
	border-radius: 100%;
	-webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
	animation: sk-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
	0% {
		-webkit-transform: scale(0)
	}

	100% {
		-webkit-transform: scale(1.0);
		opacity: 0;
	}
}

@keyframes sk-scaleout {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	100% {
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
		opacity: 0;
	}
}


.loader-8 .spinner:after {
	border-radius: 50%;
	width: 10em;
	height: 10em
}

.loader-8 .spinner {
	margin: 60px auto;
	font-size: 6px;
	position: relative;
	text-indent: -9999em;
	border-top: 1.1em solid rgba(255, 255, 255, 0.2);
	border-right: 1.1em solid rgba(255, 255, 255, 0.2);
	border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
	border-left: 1.1em solid #fff;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear
}

@-webkit-keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}


.footer .footer-bottom .social-links a img {
	max-width: 37px;
	max-height: 37px;
	border-radius: 5px;
}

.social-icons-outer .social-icons-holder ul li a img {
	left: 0;
	top: 0;
	max-height: 65px;
	max-width: 60px;
	display: inline-block;
	margin-top: -7px;
}

/*home page */
.services-section .services-outer .service-box img {
	max-width: 380px;
	max-height: 500px;
}


/*portfolio*/
.gallery-page .grid.rectangle-layout img {
	max-height: 240px;
}


/*========= 17-10-2018 little css =============*/

.grid.rect-v .grid-item {
	overflow: hidden;
	position: static !important;
}

/*.grid.rect-v .grid-item a{height: 100%; width: 100%;}*/
.grid.rect-v .grid-item img {
	max-width: 100%;
	width: auto;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.grid.square-v .grid-item {
	overflow: hidden;
	position: static !important;
}

/*.grid.square-v .grid-item a{height: 358.283px; width: 100%;}*/
.grid.square-v .grid-item img {
	max-width: 100%;
	width: auto;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

/*media queries*/
@media (min-width: 850px) {
	.grid.square-v .grid-item a {
		height: 266.63px;
		width: 266.63px;
	}

	.grid.rect-v .grid-item a {
		height: 230.5px;
	}
}

@media screen and (max-width: 849px) and (min-width: 768px) {
	.grid.square-v .grid-item a {
		height: 240.63px;
		width: 240.63px;
	}

	.grid.rect-v .grid-item a {
		height: 180.5px;
	}
}

@media screen and (max-width: 767px) and (min-width: 600px) {
	.grid.square-v .grid-item a {
		height: 184.63px;
		width: 184.63px;
	}

	.grid.rect-v .grid-item a {
		height: 160.5px;
	}
}

@media screen and (max-width: 599px) and (min-width: 481px) {
	.grid.square-v .grid-item a {
		height: 217.63px;
		width: 217.63px;
	}

	.grid.rect-v .grid-item a {
		height: 210.5px;
	}
}

@media screen and (max-width: 480px) {
	.grid.square-v .grid-item a {
		height: 274.63px;
		width: 274.63px;
	}

	.grid.rect-v .grid-item a {
		height: 230.5px;
	}
}

/*========= 17-10-2018 little css =============*/


/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media all and (max-width: 1400px) {}

@media all and (min-width: 1024px) {
	.header:hover {
		text-align: center;
		width: 100%;
		padding: 40px 0px 35px;
		background: #f2f0ed;
		position: fixed;
		left: 0;
		top: 0;
		overflow: visible;
		z-index: 11;
	}

	.header {
		text-align: center;
		width: 100%;
		padding: 40px 0px 35px;
		background: #f2f0ed;
		position: fixed;
		left: 0;
		top: 0;
		overflow: visible;
		z-index: 11;
	}

	.header .main-nav {
		opacity: 1;
		filter: alpha(opacity=100);
		padding: 0;
	}

	.header:hover .main-nav {
		opacity: 1;
		filter: alpha(opacity=100);
		padding: 0;
	}

	.header:hover .menu-button {
		opacity: 0;
		filter: alpha(opacity=0);
		display: none;
	}

	.header .main-nav li a,
	.header .main-nav li>span {
		font-size: 1em;
	}

	.header .main-nav li>div {
		font-size: 1.1em;
	}

	.header .main-nav li .dropdown-inner li a {
		font-size: 1.1em;
	}
}


.folder-name-title.no-border {
	border-left: none;
	padding-left: 0px;
	margin-left: 0px;
}


@media all and (min-width: 1600px) {

	.logo {
		top: 0px;
		margin: 0 0 0 -75px;
	}


}

@media all and (max-width: 1599px) {
	.about-page.gallery-page .container.geometric-container .header-banner .page-title {
		margin-left: -202px;
	}

	.hero-slider .da-slide {
		-webkit-transform: scale(.75) !important;
		transform: scale(.75) !important;
	}

	.services-section .bg-particle1 {
		right: 60px;
		top: 600px;
		text-align: right;
	}

	.services-section .bg-particle2 {
		left: 40px;
		top: 450px;
	}

	.services-section .bg-particle3 {
		left: 150px;
		top: 370px;
	}

	.about-page {
		padding-top: 100px;
		padding-bottom: 80px;
		position: relative;
		z-index: 1;
	}

	.about-page .container {
		max-width: 950px;
	}

	.about-page .header-banner {}

	.about-page .header-banner img {
		max-width: 100%;
	}

	.about-page .header-banner .page-title {
		padding: 10px;
		margin-top: -70px;
	}

	.about-page .header-banner .page-title h1 {
		line-height: 100px;
		font-size: 2.2em;
	}

	.about-page .tag-line {
		font-size: 20px;
		margin: 40px 0;
		letter-spacing: 7px;
	}

	.mycreative-space-section .content-outer {
		height: 600px;
	}

	.mycreative-space-section .content-outer .image1 {
		width: 400px;
	}

	.mycreative-space-section .content-outer .image1 img {}

	.mycreative-space-section .content-outer .image2 {
		width: 450px;
	}

	.mycreative-space-section .content-outer .image2 img {}

	/*.thebug-section .content-outer .image-holder{height: 800px;}
    .thebug-section .content-outer .image1{width:350px;}
    .thebug-section .content-outer .image1 img{}
    .thebug-section .content-outer .image2{width: 500px; }
    .thebug-section .content-outer .image2 img{}
    .thebug-section .content-outer .about-text{font-size: 20px; bottom:-130px;}
    .thebug-section .social-links{right: -50px; top: 430px;}
    */
	.thebug-section .content-outer .about-text {
		font-size: 16px;
	}

	.blog-page {}

	.blog-page .container {}

	.blog-page .header-banner {}

	.blog-page .header-banner .circle {
		width: 260px;
		left: 180px !important;
	}

	.blog-page .header-banner .circle img {}

	.blog-page .header-banner .circle .page-title {
		position: absolute;
		left: 50px;
		top: 45px;
	}

	.blog-page .header-banner .circle .page-title h1 {
		font-size: 33px;
	}

	.blog-page .header-banner .banner-image {
		left: 360px !important;
		top: 107px !important;
		width: 500px;
	}

	.blog-page .header-banner .banner-image img {}

	.blog-bg-element1 {
		width: 125px;
	}

	.blog-bg-element1 img {
		max-width: 100%;
	}

	.blog-bg-element2 {}

	.blog-page .blog-posts-outer {
		padding-top: 50px;
	}

}

@media all and (max-width: 1279px) {


	.bg-particle {
		display: none;
	}

	.section-title h2 {
		font-size: 25px;
	}

	.about-section {
		font-size: 1.1em;
	}

	.about-section .section-title {
		margin-bottom: 125px;
	}

	.about-title-graphic {
		opacity: 1;
		filter: alpha(opacity=100);
		-webkit-transform: scale(.75);
		transform: scale(.75);
		margin-top: 30px;
	}

	.about-title-graphic .line {
		width: 100%;
		left: 0;
	}

	.about-title-graphic .small-bubble {
		opacity: 0;
		filter: alpha(opacity=0);
	}

	.about-title-graphic .small-bubble1 {
		left: 22%;
		opacity: 1;
		filter: alpha(opacity=100);
	}

	.about-title-graphic .small-bubble2 {
		right: 22%;
		opacity: 1;
		filter: alpha(opacity=100);
	}

	.about-title-graphic .large-bubble {
		opacity: 1;
		filter: alpha(opacity=100);
	}

	.about-title-graphic .large-bubble1 {
		left: 17%
	}

	.about-title-graphic .large-bubble2 {
		right: 17%
	}

	.section-counter {
		margin-left: 0;
		left: 40px;
		font-size: 50px;
	}

	.section-title.visible h2 {
		font-size: 25px;
	}

	.services-section .services-outer .service-box {
		-webkit-transform: scale(.85);
		transform: scale(.85);
	}

	.services-section .services-outer .service-box .service-titlecircle {
		opacity: 1;
		filter: alpha(opacity=100);
	}

	.services-section .services-outer .service-box .service-title line,
	.services-section .services-outer .service-box .service-title polyline {
		stroke-dasharray: 5;
		stroke-dashoffset: 0;
	}

	.services-section .services-outer .service-box .service-title a {
		opacity: 1 !important;
		filter: alpha(opacity=100);
	}

	.instagram-section {
		margin-bottom: 0;
	}


	.footer {
		position: relative;
		left: 0;
		bottom: auto;
	}

	.about-page {
		margin-bottom: 0;
	}

	.blog-page {
		margin-bottom: 0;
	}

	.about-page.gallery-page .bg-particle {
		display: block;
	}

	.about-page.gallery-page .bg-particle1 {
		right: 0px;
	}

	.about-page.gallery-page .bg-particle3 {
		left: 80px;
	}

	.zoom-icon .circle {
		height: 50px;
		width: 50px;
		background-size: 25px;
	}

	.zoom-icon {
		position: absolute;
		top: 50%;
		margin-top: -25px;
		left: 50%;
		margin-left: -25px;
	}

	.main-nav-left {
		width: 50%;
	}

	.main-nav-right {
		width: 50%;
	}

}

@media all and (max-width: 1023px) {

	.homepage-banner-section {
		padding: 100px 25px 25px;
	}

	.side-navigation a {
		font-size: .8em;
		padding: 10px;
	}

	.side-navigation .left {
		padding-left: 20px;
		background-size: 8px auto;
		left: 18px;
	}

	.side-navigation .right {
		padding-right: 20px;
		background-size: 8px auto;
		right: 18px;
	}

	.side-navigation .left:hover {
		padding-left: 15px;
	}

	.side-navigation .right:hover {
		padding-right: 15px;
	}

	.hero-slider .da-slide {
		-webkit-transform: scale(0.55) !important;
		transform: scale(0.55) !important;
	}

	.about-section {
		background: #b6d2e6;
		min-height: 100%;
		height: auto;
	}

	.about-section .inner-holder {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.services-section .container,
	.instagram-section .container {
		padding-top: 80px;
	}

	.services-section .services-outer {
		height: auto;
	}

	.services-section .services-outer:after {
		content: " ";
		display: block;
		clear: both;
	}

	.services-section .services-outer .service-box {
		-webkit-transform: scale(1);
		transform: scale(1);
		width: 46%;
		margin: 0 2% 40px;
		float: left;
		position: static;
		height: 300px;
		overflow: hidden;
		text-align: center;
	}

	.services-section .services-outer .service-box .service-title {
		position: static;
		text-align: center;
		padding: 0 0 20px;
		font-size: 1.2em;
	}

	.services-section .services-outer .service-box .service-title a {
		color: #000;
	}

	.services-section .services-outer .service-box .service-title a br {
		display: none;
	}

	.services-section .services-outer .visual-merchandising .service-title {
		float: none;
	}

	.services-section .services-outer .service-box .service-title .pointer-line {
		display: none;
	}

	.services-section .services-outer .service-box img {
		max-width: 100%;
	}

	.services-section .services-outer .freelancing .img2 {
		left: 0px;
	}

	.services-section .services-outer .freelancing .img3 {
		display: none;
	}

	.services-section .services-outer .character {
		box-shadow: none;
		background: none;
	}

	.services-section .services-outer .character img {
		box-shadow: none;
	}

	.footer .footer-top {
		margin-bottom: 20px;
	}

	.footer .business-card-section {}

	.business-card {
		width: 310px;
	}

	.footer .about-text {
		width: 380px;
		font-size: 16px;
	}

	.footer .stamp {
		display: none;
	}

	.footer .contact span {
		line-height: 50px;
		width: auto;
		padding: 0 40px;
	}

	.blog-bg-element2 {
		display: none;
	}

	.blog-page .blog-posts-outer .blog-posts-list .blog-post-entry {
		font-size: 25px;
		margin-left: 100px;
	}

	.blog-page .blog-posts-outer .blog-posts-list .blog-post-entry h3 a,
	.blog-page .blog-posts-outer .blog-posts-list .blog-post-entry .date {
		padding: 20px 0;
		left: -100px;
	}

	.blog-page .blog-posts-outer .blog-posts-list .blog-post-entry .date {
		width: 80px;
	}

	.blog-page .blog-posts-outer .blog-posts-list .blog-post-entry .image {
		width: 80px;
		left: -100px;
	}

	.blog-page .blog-posts-outer .blog-posts-list .blog-post-entry .image img {
		max-width: 100%;
	}

	.about-page .tag-line {
		font-size: 16px;
	}

	.about-page .tag-line span {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
		filter: alpha(opacity=100);
	}

	.about-page .learn-more {
		display: none;
	}

	.mycreative-space-section {
		padding-top: 50px;
	}

	.mycreative-space-section .content-outer {
		-webkit-transform: scale(.8);
		transform: scale(.8);
		-webkit-transform-origin: 50% 0;
		transform-origin: 50% 0;
	}

	.blog-page {
		padding-top: 90px;
	}

	.blog-page .header-banner {
		height: 390px;
	}

	.blog-page .header-banner .container {
		-webkit-transform: scale(.75);
		transform: scale(.75);
		-webkit-transform-origin: 50% 0;
		transform-origin: 50% 0;
	}

	.blog-page .header-banner .circle {
		left: 60px !important;
	}

	.blog-page .header-banner .banner-image {
		left: 210px !important;
	}

	.contact-popup .contact-info-section h2 {
		font-size: 18px
	}

	.contact-popup .contact-info-section .contact-details {
		font-size: 14px;
	}

	.grid {
		margin: 30px auto 30px;
		max-width: 100%;
	}

	.about-page.gallery-page .bg-particle {
		display: none;
	}

	.header .main-nav li div span {
		display: none;
	}

	.grid .grid-item19 {
		margin-top: -235px;
	}

	footer .footer-right a {
		line-height: 50px;
		width: auto;
		padding: 0 40px
	}

}

@media all and (max-width:960px) {
	.header {
		padding: 32px 0px 30px;
	}

	.header .main-nav li a {
		padding: 0 10px;
		font-size: 0.9em;
	}

	.header .main-nav li {
		margin: 0 0px;
	}

	.logo img,
	.logo-loader img {
		width: 130px;
	}

	.main-nav-left {
		padding-right: 82px;
	}

	.main-nav-right {
		padding-left: 82px;
	}

	.logo {
		margin: 0 0 0 -65px;
	}

	.homepage-banner-section {
		padding: 85px 25px 25px;
	}

}


@media all and (max-width: 767px) {
	.hd-bn-title h2 {
		font-size: 28px;
	}

	.side-navigation {
		display: none;
	}

	.homepage-banner-section {
		padding: 97px 25px 25px;
	}

	.about-title-graphic {
		width: 250px;
		-webkit-transform: scale(.55);
		transform: scale(.55);
	}

	.about-section {
		font-size: .9em;
		min-height: auto;
	}

	.section-title h2,
	.section-title.visible h2 {
		font-size: 20px;
	}

	.instagram-section .section-title,
	.services-section .section-title,
	.mycreative-space-section .section-title,
	.thebug-section .section-title {
		margin-bottom: 30px;
		padding-top: 30px;
	}

	.about-section h2 {
		line-height: normal;
	}

	.about-page.gallery-page .container.geometric-container .header-banner .page-title {
		margin-left: -160px;
	}

	.services-section h2:before {
		left: 50%;
		top: auto;
		bottom: 16px;
		width: 67px;
		height: 20px;
		background: url(../images/title-decorative-element-left.png) no-repeat center;
		background-size: auto 80%;
		margin-left: -150px;
	}

	.services-section h2:after {
		right: 50%;
		top: auto;
		bottom: 16px;
		width: 67px;
		height: 20px;
		background: url(../images/title-decorative-element-right.png) no-repeat center;
		background-size: auto 80%;
		margin-right: -150px;
	}

	.instagram-section h2:before {
		left: 50%;
		top: auto;
		bottom: 16px;
		width: 66px;
		height: 20px;
		background: url(../images/title-decorative-element-left.png) no-repeat center;
		background-size: auto 80%;
		margin-left: -190px;
	}

	.instagram-section h2:after {
		right: 50%;
		top: auto;
		bottom: 16px;
		width: 66px;
		height: 20px;
		background: url(../images/title-decorative-element-right.png) no-repeat center;
		background-size: auto 80%;
		margin-right: -190px;
	}

	.instagram-section .instagram-outer {
		padding-top: 10px;
	}

	.blog-page .blog-posts-outer h2:before {
		left: 50%;
		top: auto;
		bottom: -25px;
		width: 105px;
		height: 20px;
		background: url(../images/title-decorative-element-left.png) no-repeat center;
		background-size: auto 80%;
		margin-left: -90px;
	}

	.blog-page .blog-posts-outer h2:after {
		right: 50%;
		top: auto;
		bottom: -25px;
		width: 85px;
		height: 20px;
		background: url(../images/title-decorative-element-right.png) no-repeat center;
		background-size: auto 80%;
		margin-right: -90px;
	}


	.mycreative-space-section h2:before {
		left: 0%;
		top: auto;
		bottom: 16px;
		width: 66px;
		height: 20px;
		background: url(../images/title-decorative-element-left.png) no-repeat center;
		background-size: auto 80%;
		margin-left: -80px;
	}

	.mycreative-space-section h2:after {
		right: 0%;
		top: auto;
		bottom: 16px;
		width: 66px;
		height: 20px;
		background: url(../images/title-decorative-element-right.png) no-repeat center;
		background-size: auto 80%;
		margin-right: -80px;
	}

	.thebug-section h2:before {
		left: 0%;
		top: auto;
		bottom: 16px;
		width: 67px;
		height: 20px;
		background: url(../images/title-decorative-element-left.png) no-repeat center;
		background-size: auto 80%;
		margin-left: -80px;
	}

	.thebug-section h2:after {
		right: 0%;
		top: auto;
		bottom: 16px;
		width: 67px;
		height: 20px;
		background: url(../images/title-decorative-element-right.png) no-repeat center;
		background-size: auto 80%;
		margin-right: -80px;
	}

	.business-card {
		max-width: 280px;
	}

	.footer .about-text {
		width: 250px;
		font-size: 14px;
	}

	.header .main-nav li a,
	.header .main-nav li>span,
	.header .main-nav li div {
		font-size: .9em;
	}

	.header .main-nav li div span {
		right: -75px;
	}


	.blog-page .blog-posts-outer .blog-posts-list .blog-post-entry {
		font-size: 18px;
		margin-left: 70px;
	}

	.blog-page .blog-posts-outer .blog-posts-list .blog-post-entry h3 a,
	.blog-page .blog-posts-outer .blog-posts-list .blog-post-entry .date {
		padding: 10px 0;
		left: -70px;
	}

	.blog-page .blog-posts-outer .blog-posts-list .blog-post-entry .date {
		width: 50px;
	}

	.blog-page .blog-posts-outer .blog-posts-list .blog-post-entry .image {
		width: 50px;
		left: -70px;
	}

	.blog-page .blog-posts-outer .blog-posts-list .blog-post-entry .image img {}

	.about-page .header-banner .page-title {
		margin-left: -165px;
		margin-top: -40px;
	}

	.about-page .header-banner .page-title h1 {
		font-size: 1.5em;
		line-height: 60px;
	}

	.mycreative-space-section .content-outer {
		-webkit-transform: scale(.6);
		transform: scale(.6);
		-webkit-transform-origin: 50% 0;
		transform-origin: 50% 0;
		height: 460px;
	}

	.thebug-section .social-links {
		position: static;
		padding: 15px 0;
	}

	.thebug-section .social-links a {
		display: inline-block;
		margin: 0 20px 0 0;
		max-width: 50px;
		max-height: 50px;
	}

	.thebug-section .content-outer .about-text {
		font-size: 1em;
	}

	.blog-page .header-banner {
		height: 300px;
	}

	.blog-page .header-banner .container {
		-webkit-transform: scale(.6);
		transform: scale(.6);
	}

	.blog-page .header-banner .circle {
		left: 20px !important;
	}

	.blog-page .header-banner .banner-image {
		left: 140px !important;
	}

	.contact-popup .inner-holder {
		padding-top: 0px;
	}

	.contact-popup .contact-info-section .social-links {
		padding-top: 30px;
		margin-bottom: 30px;
	}

	.contact-popup .contact-info-section .stamp {
		padding-bottom: 30px;
	}

	.contact-popup h1 {
		font-size: 1.5em;
	}

	footer .footer-left .footer-icon .circle {
		height: 45px;
		width: 45px;
	}

	footer .footer-left .footer-text a {
		font-size: 22px;
	}

	.footer .contact span {
		padding: 0 15px;
	}

	.about-page.gallery-page .container.geometric-container .header-banner .page-title {
		margin-left: -203px;
	}

	.about-page.gallery-page .container.digital-container .header-banner .page-title {
		margin-left: -112px;
	}

	.about-page.gallery-page .container.commission-work-container .header-banner .page-title {
		margin-left: -184.5px;
	}

	.about-page.gallery-page .container.visual-container .header-banner .page-title {
		margin-left: -197px;
	}

	.about-page.gallery-page .container.character-container .header-banner .page-title {
		margin-left: -175px;
	}

	.header ul.main-nav li ul.dropdown li a {
		font-size: 1.2em;
	}

	.menu-container {
		display: none;
	}

	.header {
		padding: 10px 0px 10px;
	}

	.logo {
		position: static;
		float: left;
		margin-left: 25px;
		margin-top: -5px;
	}

	.header .menu-button {
		width: 25px;
		margin: 0 auto;
		cursor: pointer;
		margin-top: 20px;
		position: static;
		margin-left: 0px;
		top: 33px;
		z-index: 1;
		display: block;
		float: right;
		margin-right: 30px;
	}

	.header.visible.opened .menu-container {}

	.header.visible.opened .menu-container {
		width: 100%;
		height: 100%;
		overflow: auto;
		background: #fff;
		padding-top: 0;
		display: block;
		position: fixed;
		top: 0px;
	}

	.main-nav-left {
		width: 100%;
		float: left;
		text-align: right;
		padding-right: 0px;
		box-sizing: border-box;
	}

	.main-nav-right {
		width: 100%;
		float: left;
		text-align: left;
		padding-left: 0%;
		box-sizing: border-box;
	}

	.header .main-nav {
		display: block;
		text-align: left;
		margin-right: 50px;
		width: 100%;
	}

	.header .main-nav li {
		display: block;
		width: 100%;
		display: block;
		float: left;
		margin: 7px 0;
		float: left;
	}

	.header .main-nav li a,
	.header .main-nav li>span,
	.header .main-nav li div {
		font-size: 1.3em;
	}

	.header .main-nav li div span {
		font-size: 12px;
		right: -90px;
		top: 5px;
	}

	.header.opened .close-nav {
		display: block;
		position: absolute;
		right: 20px;
		top: 10px;
		width: 20px;
		cursor: pointer;
		opacity: .7;
		filter: alpha(opacity=70);
		z-index: 12;
	}

	.header.opened .close-nav img {
		width: 20px;
		height: auto;
	}

	.dropdown_outer {
		padding: 0px !important;
		margin: 0px;
		position: static !important;
		top: 0px;
		left: 0;
		margin-left: 0px;
		padding-top: 0px !important;
		width: auto;
		top: 0px;
		display: block !important;
	}

	.arrow-up {
		display: none;
	}

	.header ul.main-nav li ul.dropdown {
		background-color: none;
		position: static;
		z-index: 999;
		box-shadow: 0 0px 0px rgba(0, 0, 0, .3);
		margin-left: 0px;
	}

	.header ul.main-nav li ul.dropdown li {
		border-bottom: 0px;
		font-size: 0.8em;
		cursor: default;
	}

	.header ul.main-nav li ul.dropdown li a {
		text-align: left;
		color: #848282 !important;
		line-height: 50px !important;
		padding-left: 25px !important;
		display: inline;
	}

	.header ul.main-nav li ul.dropdown li :hover {
		color: #333 !important;
	}

	.header ul.main-nav li ul.dropdown li:before {
		display: none;
	}

	.social-icons-outer {
		display: none;
	}

	.mycreative-space-section {
		margin-top: 0px;
	}

	.thebug-section .content-outer .image-holder {
		margin: 0 auto 0;
	}

	footer .footer-right a {
		padding: 0 15px;
	}

}

@media all and (max-width: 599px) {
	.logo {
		margin-left: 13px;
	}

	.header .menu-button {
		margin-right: 15px;
	}

	.grid .grid-item {
		width: 50%;
	}

	#status .logo-loader img {
		width: 150px;
	}

	.homepage-banner-section {
		padding: 98px 15px 15px;
	}

	.about-page.gallery-page .container.geometric-container .header-banner .page-title {
		margin-left: -107px;
	}

	.hero-slider .da-slide {
		-webkit-transform: scale(0.40) !important;
		-webkit-transform: scale(0.40) !important;
		/* for old Safari/Chrome */
		-moz-transform: scale(0.40) !important;
		/* for old Firefox */
		-ms-transform: scale(0.40) !important;
		/* for old IE9+ */
		-o-transform: scale(0.40) !important;
		/* for old Opera */

		transform: scale(0.40) !important;
	}

	.scroll-indicator {
		-webkit-transform: scale(0.70);
		transform: scale(0.70)
	}

	.about-title-graphic {
		width: 250px;
		-webkit-transform: scale(.45);
		transform: scale(.45);
	}

	.about-section .section-title {
		margin-bottom: 75px;
	}

	.services-section .services-outer .service-box .service-title {
		font-size: .85em;
	}

	.footer .business-card-section {
		float: none;
	}

	.business-card {
		height: 180px;
	}

	.footer .about-text {
		width: auto;
		float: none;
	}

	.footer .footer-bottom .contact {
		float: none;
	}

	.footer .footer-bottom .social-links {
		float: none;
	}


	.about-page .header-banner .page-title {
		margin-left: -115px;
		margin-top: -30px;
	}

	.about-page .header-banner .page-title h1 {
		font-size: 1em;
		line-height: 30px;
		letter-spacing: 2px;
	}

	.mycreative-space-section .content-outer {
		-webkit-transform: scale(1);
		transform: scale(1);
		height: auto;
	}

	.mycreative-space-section .content-outer .image1 {
		position: static;
		width: 70%;
		margin: 0 auto;
		margin-bottom: 40px;
	}

	.mycreative-space-section .content-outer .image1 img {
		width: 100%;
		height: auto;
	}

	.mycreative-space-section .content-outer .image2 {
		position: static;
		width: 70%;
		margin: 0 auto;
		box-sizing: border-box;
		padding: 10px;
		margin-bottom: 50px;
	}

	.thebug-section {
		padding-top: 50px;
	}

	.blog-page .header-banner {
		height: auto
	}

	.blog-page .header-banner .container {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	.blog-bg-element1 {
		display: none;
	}

	.blog-page .header-banner .circle {
		position: static;
		width: auto;
	}

	.blog-page .header-banner .circle img {
		display: none;
	}

	.blog-page .header-banner .circle .page-title {
		position: static;
		text-align: center;
	}

	.blog-page .header-banner .circle .page-title br {
		display: none;
	}

	.blog-page .header-banner .banner-image {
		position: static;
		max-width: 100%
	}

	.contact-popup .contact-form-section {
		width: 100%;
		float: none;
		margin-bottom: 50px;
	}

	.contact-popup .contact-info-section {
		margin-left: 0;
	}

	.contact-popup .contact-info-section .social-links a {
		margin-right: 15px;
	}

	.footer .contact span {
		padding: 0 12px;
		font-size: 14px;
		line-height: 45px;
	}

	footer .footer-left .footer-icon .circle {
		height: 40px;
		width: 40px;
		background-size: 22px;
	}

	footer .footer-left .footer-text p {
		font-size: 14px;
	}

	footer .footer-left .footer-text a {
		font-size: 18px;
	}

	.footer .container {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.zoom-icon {
		margin-top: -30px;
		margin-left: -30px;
	}

	.container.visual-container .page-title.layer {
		margin-left: -128.5px;
	}

	.header ul.main-nav li ul.dropdown li:hover:before {
		content: " ";
		width: 0%;
		left: 0px;
		background: none;
	}

	.header ul.main-nav li ul.dropdown li:before {
		content: " ";
		width: 0px;
		height: 0px;
		position: absolute;
		left: 50%;
		bottom: -1px;
		-webkit-transition: .3s;
		transition: .3s;
	}

	.about-page.gallery-page .container.digital-container .header-banner .page-title {
		margin-left: -78px;
	}

	.about-page.gallery-page .container.commission-work-container .header-banner .page-title {
		margin-left: -122.5px;
	}

	.about-page.gallery-page .container.visual-container .header-banner .page-title {
		margin-left: -129px;
	}

	.about-page.gallery-page .container.character-container .header-banner .page-title {
		margin-left: -116px;
	}

	.grid .grid-item19 {
		margin-top: -141px;
	}

	.grid .grid-item1 {
		margin-top: -10px;
	}

	.image-grid {
		width: 50%;
	}

	.folder-container .image-grid {
		width: 100%;
	}

	.image-grid-outer {
		width: 50%;
	}

	footer .footer-right a {
		padding: 0 12px;
		font-size: 14px;
		line-height: 45px;
	}

	.footer .contact span {
		width: auto;
	}

	.about-section .container {
		height: auto;
	}

	.instagram-section .container {
		padding-bottom: 40px;
	}

	.homepage-banner-section {
		height: 400px;
	}

	.services-section .services-outer {
		margin-bottom: 10px;
	}

	.services-section .container {
		padding-bottom: 10px;
	}

	.services-section .services-outer .service-box:last-child {
		margin-bottom: 0px;
	}

	.instagram-section .section-title,
	.services-section .section-title,
	.mycreative-space-section .section-title,
	.thebug-section .section-title {
		margin-top: 0px;
		padding-top: 0;
	}

	.commission-work-container .grid .grid-item {
		width: 100%;
	}

	.grid-fl-image p {
		font-size: 16px;
		padding: 0px 5px;
	}

	.footer .footer-bottom .social-links a:first-child {
		margin-left: 0px;
	}
}

@media all and (max-width: 480px) {
	.hero-slider .da-slide {
		-webkit-transform: scale(0.30) !important;
		transform: scale(0.30) !important;
	}

	.hd-bn-title h2 {
		font-size: 25px;
	}

	.grid-fl-image p {
		font-size: 15px;
	}

	.services-section .services-outer .service-box {
		width: 100%;
		float: none;
		margin: 0 0 50px;
		height: auto;
	}

	.image-grid-outer {
		width: 100%;
	}

	.about-page .tag-line {
		font-size: 14px;
		letter-spacing: 2px;
		margin: 25px 0;
	}

	.mycreative-space-section,
	.thebug-section {
		padding-top: 20px;
	}

	.mycreative-space-section .section-title,
	.thebug-section .section-title {
		margin-bottom: 70px;
	}

	.mycreative-space-section .content-outer {
		margin-top: 70px;
	}

	.mycreative-space-section .content-outer .image1,
	.mycreative-space-section .content-outer .image2 {
		width: 100%;
	}

	.thebug-section .content-outer {
		margin-top: 70px;
	}

	.thebug-section .content-outer .about-text {
		font-size: .85em;
	}

	.business-card {
		width: auto;
		margin: 0 auto;
	}

	.footer .footer-bottom .contact span {
		line-height: 35px;
		display: block;
		font-size: 18px;
		letter-spacing: 0;
		padding: 0 30px;
	}

	.blog-page .header-banner .circle .page-title h1 {
		font-size: 20px;
	}

	.blog-page .blog-posts-outer .blog-posts-list .blog-post-entry {
		font-size: 14px;
		margin-left: 50px;
	}

	.blog-page .blog-posts-outer .blog-posts-list .blog-post-entry h3 {
		line-height: 25px;
	}

	.blog-page .blog-posts-outer .blog-posts-list .blog-post-entry h3 a,
	.blog-page .blog-posts-outer .blog-posts-list .blog-post-entry .date {
		padding: 10px 0;
		left: -50px;
		line-height: 25px;
	}

	.blog-page .blog-posts-outer .blog-posts-list .blog-post-entry .date {
		width: 40px;
	}

	.blog-page .blog-posts-outer .blog-posts-list .blog-post-entry .image {
		width: 40px;
		left: -50px;
	}

	.blog-page .blog-posts-outer .blog-posts-list .blog-post-entry .image img {}

	.blog-posts-outer .section-title {
		margin-bottom: 70px;
	}

	footer .footer-left {
		float: none;
		margin: 0 auto;
	}

	footer .footer-right {
		float: none;
		text-align: left;
		margin-left: 55px;
		margin-top: 20px;
	}

	.footer .container {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.grid .grid-item {
		width: 100%;
	}

	.image-grid {
		width: 100%;
	}

	.image-grid-outer {
		width: 100%;
	}

	.footer-top {
		text-align: center;
	}

	.footer .footer-bottom .social-links {
		text-align: center;
	}

	.footer .business-card-section .title {
		text-align: center;
		padding: 0px;
		background: none;
	}

	.business-card.flipped {
		margin: 0 auto;
	}


}

@media all and (max-width: 399px) {
	/*.services-section h2:before{bottom: -15px;margin-left: -72px;}
.services-section h2:after{bottom: -15px;margin-right: -72px;}*/

	.section-title h2,
	.section-title.visible h2 {
		font-size: 17px;
	}

	.instagram-section .section-title,
	.services-section .section-title {
		margin-bottom: 20px;
	}

	.instagram-section h2:after {
		margin-right: -152px;
		bottom: 16px;
		background-size: auto 70%;
	}

	.instagram-section h2:before {
		margin-left: -151px;
		bottom: 16px;
		background-size: auto 70%;
	}

	.services-section h2:after {
		bottom: 16px;
		margin-right: -130px;
		background-size: auto 70%;
	}

	.services-section h2:before {
		background-size: auto 70%;
		margin-left: -126px;
	}

	.instagram-section {
		min-height: auto;
	}
}

@media all and (max-width: 319px) {
	.header ul.main-nav li ul.dropdown li {
		font-size: 0.9em;
	}
}

@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 1.25dppx),
(min-resolution: 120dpi) {
	/* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {

	*,
	*:before,
	*:after {
		background: transparent !important;
		color: #000 !important;
		/* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " (" attr(href) ")";
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	/*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

	a[href^="#"]:after,
	a[href^="javascript:"]:after {
		content: "";
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	/*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

	thead {
		display: table-header-group;
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}


/*modal css*/
.activeContactForm {
	overflow: hidden;
}

.activeContactForm .contact-popup {
	top: 0 !important;
}

.grid-item {
	margin-bottom: 20px
}