/*

	Theme Name: Bauman2

	Theme URI: http://clapat.ro/themes/bauman-wordpress/

	Description: Responsive WordPress Theme

	Version: 1.7

	Author: Clapat

	Author URI: http://themeforest.net/user/clapat

	Created Date: 26/11/2019

	License: Themeforest

	License: GNU General Public License version 3.0

	License URI: http://www.gnu.org/licenses/gpl-3.0.html

	Tags: four-columns, custom-background, custom-colors, featured-images, full-width-template, theme-options

	Text Domain: bauman

*/



/*------------------------------------------------------------------



01. General Styles

02. Magic Cursor

03. Page Preloader

04. Header Elements

05. Main Content 

06. Footer Elements

07. Responsive Media Querries



-------------------------------------------------------------------*/



	

/*--------------------------------------------------

	01. General Settings

---------------------------------------------------*/		

	

	html,body{

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

		font-weight: 300;

		font-size:15px;

		height:100%;

		width:100%;

		color:#777;

	/*	background-color:#000;  20201009*/
        background-color:#fff;
	}

	

	html {

		box-sizing: border-box;

		margin-right: 0px!important;

		overflow: visible!important;

	}

	

	body {

		overflow: hidden;

		overflow-y:scroll;

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

		transition: opacity 0.2s ease-in-out 0.2s;

	}

	

	body.smooth-scroll {

		overflow:hidden;

	}

	

	body.hidden {

		opacity:0;

	}

	

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

		border: 0;

		margin: 0;

		outline: 0;

		padding: 0;

		vertical-align: baseline;

	}

	

	article,

	aside,

	details,

	figcaption,

	footer,

	header,

	hgroup,

	nav,

	section {

		display: block;

	}

	

	audio {

		display: inline-block;

		max-width: 100%;

	}	

	

	address {

		font-style: italic;

		margin-bottom: 24px;

	}

	

	abbr[title] {

		border-bottom: 1px dotted #2b2b2b;

		cursor: help;

	}

	

	b,

	strong {

		font-weight: 600;

		color:#000;

	}

	

	.light-content b, .light-content strong {

		font-weight: 600;

		color:#fff;

	}

	

	cite,

	dfn,

	em,

	i {

		font-style: italic;

	}

	

	mark, ins {

		background: none repeat scroll 0 0 #111;

		text-decoration: none;

		color: #fff;

		padding: 0px 10px;

		display: inline-block;

		border-radius: 2px;

	}

	

	code,

	kbd,

	tt,

	var,

	samp,

	pre {

		font-family: monospace, serif;

		font-size: 15px;

		-webkit-hyphens: none;

		-moz-hyphens:    none;

		-ms-hyphens:     none;

		hyphens:         none;

		line-height: 1.6;

	}

	

	pre {

		border: 1px solid rgba(0, 0, 0, 0.1);

		-webkit-box-sizing: border-box;

		-moz-box-sizing:    border-box;

		box-sizing:         border-box;

		margin-bottom: 24px;

		max-width: 100%;

		overflow: auto;

		padding: 12px;

		white-space: pre;

		white-space: pre-wrap;

		word-wrap: break-word;

	}

	

	blockquote,

	q {

		-webkit-hyphens: none;

		-moz-hyphens:    none;

		-ms-hyphens:     none;

		hyphens:         none;

		quotes: none;

	}

	

	blockquote:before,

	blockquote:after,

	q:before,

	q:after {

		content: "";

		content: none;

	}

	

	blockquote {

		color: #000;

		font-size: 18px;

		font-style: italic;

		font-weight: 300;

		line-height: 30px;

		margin-bottom: 24px;

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

		border-left:2px #ddd solid;

		padding:20px 20px 1px 40px;

		letter-spacing: 0.01em;

	}

	

	.light-content blockquote {

		color: #fff;

	}

	

	blockquote span {

		display:block;

		margin-top:20px;

		font-weight:400;

		font-size:12px;

		font-style:normal;

		font-family: Verdana,Geneva,sans-serif;

		color:#999;

	}

	

	blockquote cite,

	blockquote small {

		color: #2b2b2b;

		font-size: 16px;

		font-weight: 400;

		line-height: 1.5;

	}

	

	.light-content blockquote cite,

	.light-content blockquote small {

		color: #fff;

	}

	

	blockquote em,

	blockquote i,

	blockquote cite {

		font-style: normal;

	}

	

	blockquote strong,

	blockquote b {

		font-weight: 400;

	}

	

	small {

		font-size: smaller;

	}

	

	big {

		font-size: 125%;

	}

	

	sup,

	sub {

		font-size: 75%;

		height: 0;

		line-height: 0;

		position: relative;

		vertical-align: baseline;

	}

	

	sup {

		bottom: 1ex;

	}

	

	sub {

		top: .5ex;

	}

	

	dl {

		margin-bottom: 24px;

	}

	

	dt {

		font-weight: bold;

	}

	

	dd {

		margin-bottom: 24px;

	}

	

	ul,

	ol {

		list-style: none;

		margin: 0 0 24px 20px;

	}

	

	ul,

	ol {

		list-style: none;

		margin: 0 0 24px 20px;

	}

	

	ul {

		list-style: disc;

	}

	

	ol {

		list-style: decimal;

	}

	

	li > ul,

	li > ol {

		margin: 10px 0 0 20px;

	}

	

	li {

		line-height: 20px;

		color:#333;

		margin-bottom:10px;

	}

	

	.light-content li {

		color:#fff;

	}

	

	figure {

		margin:0;

		position:relative;

		display: block;

	}

	

	figure.has-parallax {		

		overflow:hidden;

		max-height:80vh;

		margin-bottom:0;

	}

	

	figure img {

		max-width:100%;

	}

	

	.full img {

		width:100vw;

	}

	

	figcaption {

		background-color: rgba(0,0,0,1);

		bottom: 25px;

		color: #fff;

		font-weight:400;

		font-size: 12px;

		padding: 10px 20px;

		position: absolute;

		right: 25px;

		z-index: 10;

		border-radius:3px

	}

	

	fieldset {

		border: 1px solid rgba(0, 0, 0, 0.1);

		margin: 0 0 24px;

		padding: 0;

	}

	

	legend {

		white-space: normal;

	}

	

	button,	input {

		line-height: normal;

	}

	

	input,

	textarea {

		background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */

	}

	

	button, html input[type="button"], input[type="reset"], input[type="submit"] {

		cursor: pointer;

	}

	

	button[disabled],

	input[disabled] {

		cursor: default;

	}

	

	input[type="checkbox"],

	input[type="radio"] {

		padding: 0;

	}

	

	input[type="search"] {

		-webkit-appearance: textfield;

	}

	

	input[type="search"]::-webkit-search-decoration {

		-webkit-appearance: none;

	}

	

	button::-moz-focus-inner, input::-moz-focus-inner {

		border: 0;

		padding: 0;

	}

	

	textarea {

		overflow: auto;

		vertical-align: top;

	}

	

	table, th, td {

		border: 1px solid rgba(0, 0, 0, 0.1);

	}

	

	table, th, td {

		border: 1px solid rgba(0, 0, 0, 0.1);

	}

	

	.light-content table, .light-content th, .light-content td {

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

	}

	

	table {

		border-collapse: separate;

		border-spacing: 0;

		border-width: 1px 0 0 1px;

		margin-bottom: 24px;	

		width: 100%;

	}

	

	caption, th, td {

		font-weight: normal;

		text-align: left;

	}

	

	th {

		border-width: 0 1px 1px 0;

		padding: 10px;

	}

	

	td {

		border-width: 0 1px 1px 0;

		padding: 10px;

	}

	

	del {

		color: #767676;

	}

	

	hr {

		border: 0;

		height: 25px;

		width:100%;

		float:none;

		margin:0;

		display:inline-block;

	}

	

	hr.small {

		height:20px;

	}

	

	hr:after {

		clear: both;

		content: " ";

		display: block;

		height: 0;

		visibility: hidden;

	}

	

	::selection {
        /*	background: #000; 20201009*/
        background: #eae6e2;		
		color: #645548;;
		text-shadow: none;
	}	

	::-moz-selection {
		background: #eae6e2;
		color: #645548;;
		text-shadow: none;
	}

	

	img {

		border: 0 none;

		max-width: 100%;

		vertical-align: middle;

		height:auto;

	}

		

	h1, h2, h3, h4, h5, h6 {

		font-weight: 500;

		color:#000;

		margin-bottom:20px;

	}

	

	.light-weight {

		font-weight:500!important;

	}

	

	h1{

		font-size:48px;

		line-height: 60px;

	}

	

	h2{

		font-size: 36px;

		line-height: 48px;

	}

	

	h3{

		font-size:30px;

		line-height: 40px;

		margin-left:-1px;

	}

	

	h4{

		font-size:22px;

		line-height: 36px;

		margin-left:-1px;	

	}

	

	h5{

		font-size:18px;

		line-height: 28px;

		margin-left:-1px;

	}

	

	h6{

		font-size:14px;

		line-height: 24px;

		margin-bottom:5px;

	}

	

	.secondary-font {

		font-weight: 700;

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

	}

	

	.light-content h1, .light-content h2, .light-content h3, .light-content h4, .light-content h5, .light-content h6 {

		color: #fff!important;

	}

	

	.light-content .white-section h1, .light-content .white-section h2, .light-content .white-section h3, .light-content .white-section h4, .light-content .white-section h5, .light-content .white-section h6 {

		color: #000!important;

	}

	

	.light-content p {

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

	}

	

	.light-content .white-section p {

		color:rgba(0,0,0,0.5);

	}

	

	.title-has-line {

		position:relative;

	}

	

	.title-has-line::after {

		background: none repeat scroll 0 0 #000;

		bottom: 20px;

		content: "";

		height: 1px;

		left: -40px;

		position: absolute;

		width: 25px;

	}

	

	p.title-has-line::after {

		background: none repeat scroll 0 0 #000;

		top: 14px;

		content: "";

		height: 1px;

		left: -30px;

		position: absolute;

		width: 16px;

	}

	

	.light-content .title-has-line::after {

		background: none repeat scroll 0 0 rgba(255,255,255,1);

	}

	

	p {

		font-size:15px;

		margin-bottom:20px;

		line-height:28px;

		color:#777;

	}

	

	.light-content p {

		color:#ababab;

	}

	

	p.no-margins {

		margin-bottom:0;

	}

	

	.bigger {

		font-size: 24px;

		font-weight: 400;

		line-height:36px;

		color:#222;

	}

	

	.smaller {

		font-size: 12px;

	}

	

	.container {

		max-width:1280px;

		width:100%;

		margin:0 auto;

		box-sizing:border-box;

	}

	

	.post-content .container {

		padding:0;

	}

	

	.container::after {

		clear: both;

		content: " ";

		display: table;

	}

	

	a:hover, a:active {

	  outline: 0;

	  color: #000;

	}

	

	a {

		text-decoration: none;

		color: #000;

		outline: 0;

	}

	

	.light-content a {

		color: #fff;

	}

	

	a:hover {

		text-decoration:none;

	}

	

	.one_half {

    	width: 48%!important;

	}	



	.one_third {

		width: 30.6%!important;

	}	



	.one_fourth {

		width: 22%!important;

	}	



	.one_fifth {

		width: 16.8%!important;

	}	



	.one_sixth {

		width: 13.33%!important;

	}	



	.two_fifth {

		width: 37.6%!important;

	}	



	.two_fourth {

		width: 48%!important;

	}		



	.two_third {

		width: 65.33%!important;

	}	



	.three_fifth {

		width: 58.4%!important;

	}	



	.three_fourth {

		width: 74%!important;

	}	



	.four_fifth {

		width: 79.2%!important;

	}	



	.five_sixth {

		width: 82.67%!important;

	}	



	.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {

		float: left!important;

		margin-bottom: 20px!important;

		margin-right: 4%!important;

		position: relative!important;

	}



	.last {

		margin-right:0px!important;

	}

	

	.text-align-center {

		text-align:center;

	}

	

	.text-align-left {

		text-align:left;

	}

	

	.outer {

		display:table;

		width:100%;

		height:100%;

	}

	

	.inner {

		display:table-cell;

		vertical-align:middle;

		-webkit-box-sizing:border-box;

		-moz-box-sizing:border-box;

		box-sizing:border-box;

	}

	

	.white-section-wrapper, .dark-section-wrapper {

		margin-left: calc(50% - 50vw)!important;

		margin-right: calc(50% - 50vw)!important;

		max-width: 1000%!important;

		width: 100vw!important;

	}

	

	.white-section-container, .dark-section-container {

		position: relative;

		box-sizing: border-box;

		width: 100%;

		max-width: 1280px;

		padding: 0 80px;

		margin: 0 auto;

	}

	

	.vc_row {

		position:relative;

		z-index:1;

		opacity:1;

		box-sizing:border-box;

	}

	

	.wp-block-bauman-gutenberg-container {

		box-sizing:border-box;

	}

	

	.wp-block-hervin-gutenberg-container::after {

		clear: both;

		content: " ";

		display: table;

	}

	

	.small {

		max-width:800px;

		width:100%;

		margin:0 auto;

	}

	

	.vc_row.full {

		margin-left: calc(50% - 50vw)!important;

		margin-right: calc(50% - 50vw)!important;

		max-width: 1000%!important;

		width: 100vw!important;

	}

	

	.full {

		margin-left: calc(50% - 50vw)!important;

		margin-right: calc(50% - 50vw)!important;

		max-width: 1000%!important;

		width: 100vw!important;

	}

	

	.vc_row::after {

		clear: both;

		content: " ";

		display: table;

	}

	

	.full .vc_column_container > .vc_column-inner {

		padding-left: 0!important;

		padding-right: 0!important;

	}

	

	.full .wpb_button, .full .wpb_content_element, .full ul.wpb_thumbnails-fluid > li {

		margin-bottom: 0!important;

	}

	

	.vc_row.has-animation {

		opacity:0;

	}

	

	.row_padding_top {

		padding-top:7vw;

	}

	

	.row_padding_bottom {

		padding-bottom:7vw;

	}

	

	.row_padding_left {

		padding-left:7vw;

	}

	

	.row_padding_right {

		padding-right:7vw;

	}

	

	.row_padding_all {

		padding:7vw;

	}

	

	main {

		-webkit-transition: background 0.4s ease-in-out 0s;

		transition: background 0.4s ease-in-out 0s;

	}

	

	.has-border {

		border-bottom:1px solid rgba(0,0,0,0.1);

	}

	

	



/*--------------------------------------------------

	02. Magic Cursor

---------------------------------------------------*/	

	

	

	#magic-cursor {

	  position: absolute;

	  left:0;

	  top:0;

	  width: 30px;

	  height: 30px;

	  pointer-events: none;

	  z-index:10000;

	  -webkit-transition: opacity 0.2s ease-in-out 0.5s;

		transition: opacity 0.2s ease-in-out 0.5s;

	}

	

	.hidden-ball #magic-cursor {

		opacity:0!important;

	}

	

	

	#ball {

		position: fixed;

		width: 80px;

		height: 80px;

		border: 2px solid #7f5334;

		border-radius: 50%;

		pointer-events: none;

		opacity:1;

		box-sizing:border-box;

		 -webkit-transform: scale(0.5);

	  	transform: scale(0.5);	

	}

	

	.mfp-zoom-out-cur #ball {

		opacity:0;

		-webkit-transition: opacity 0.2s ease-in-out 0s;

		transition: opacity 0.2s ease-in-out 0s;

	}

	

	.light-content #ball, #ball.over-movie,  .light-content #ball.with-icon {

		border: 2px solid #7f5334;

		border-color:#7f5334;

	}

	

	#ball:before {

		font-family: FontAwesome;

		content: "\f053";

		font-size:12px;

		width:8px;

		height:16px;

		line-height:26px;

		text-align:center;

		position:absolute;

		left: -40px;

		top: 24px;

		color:#999;

		opacity:0;

		transform: translateX(-40px);

		-webkit-transform: translateX(-40px);

		transition: all 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

	}

	

	.light-content #ball:before {

		color:#999;

	}

	

	#ball::after {

		font-family: FontAwesome;

		content: "\f054";

		font-size: 12px;

		width: 8px;

		height: 16px;

		line-height: 16px;

		text-align: center;

		position: absolute;

		right: -39px;

		left:auto;

		top: 30px;

		color: #999;

		opacity:0;

		transform: translateX(40px);

		-webkit-transform: translateX(40px);

		transition: all 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

	}

	

	.light-content #ball:before, .light-content #ball:after {

		color:#999;

	}

	

	.scale-up #ball:before {

		opacity:1;

		transform: translateX(0px);

		-webkit-transform: translateX(0px);

		transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

	}

	

	.scale-up #ball:after {

		opacity:1;

		transform: translateX(0px);

		-webkit-transform: translateX(0px);

		transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

	}

	

	.scale-up.scale-none #ball:before, .scale-up.scale-none #ball:after {

		opacity:0;

	}

	

	.scale-up-carousel #ball:before {

		width:8px;

		opacity:1;

		transform: translateY(0px);

		-webkit-transform: translateY(0px);

	}

	

	.scale-up-carousel #ball:after {

		width:8px;

		opacity:1;

		transform: translateY(0px);

		-webkit-transform: translateY(0px);

	}

	

	#ball i {

		color:#fff;

		width:76px;

		height:80px;

		line-height:78px;

		text-align:center;

		font-size:12px;

		display:block;

		opacity:1;

		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

	}

	

	.light-content #ball i, #ball.over-movie i, .light-content #ball.with-icon i {

		color:#fff;

	}

	

	.light-content #ball.with-icon.dark-icon i {

		color:#000;

	}

	

	.scale-up #ball i {

		opacity:0;

		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

	}

	

	#ball.with-icon i {

		width:76px;

	}

	

	#ball.with-icon i:nth-child(2) {

		display:none;

	}

	

	#ball.close-icon i {

		width:75px;

		height:76px;

		font-size:14px;

	}

	

	#ball.over-movie i.fa-play, #ball.over-movie.pause-movie i.fa-pause {

		display:block;

	}

	

	#ball.over-movie i.fa-pause, #ball.over-movie.pause-movie i.fa-play {

		display:none;

	}

	

	#ball-loader {

		width: 100px;

		height: 100px;

		position:absolute;

		background-color: transparent;

		border-right: 4px solid transparent;

		border-bottom: 4px solid #7f5334;

		border-left: 4px solid transparent;

		border-top: 4px solid transparent;

		border-radius: 100px;

		box-sizing: border-box;

		opacity:0;

		-webkit-transform: translate(-14px, -14px) rotate(0deg);

		transform: translate(-14px, -14px) rotate(0deg);

		-webkit-animation: rotating 0.8s ease-in-out infinite;

		animation: rotating 0.8s ease-in-out infinite;

		-webkit-transition: opacity 0s ease-in-out 0s;

		transition: opacity 0s ease-in-out 0s;

	}

	

	.light-content #ball-loader { 

		border-bottom: 4px solid #7f5334;

	}

	

	.show-loader #ball-loader {

		opacity:1;

		-webkit-transition: opacity 0.2s ease-in-out 0s;

		transition: opacity 0.2s ease-in-out 0s;

	}

	

	@keyframes rotating {

      0% {

		-webkit-transform: translate(-14px, -14px)rotate(0deg);

		transform:  translate(-14px, -14px)) rotate(0deg);

      }

	  

	  95% {

        -webkit-transform:  translate(-14px, -14px) rotate(350deg);

		transform:  translate(-14px, -14px) rotate(350deg);

      }

	  

      100% {

        -webkit-transform:  translate(-14px, -14px) rotate(360deg);

		transform:  translate(-14px, -14px) rotate(360deg);

      }

	}

	

	.show-loader a, .show-loader nav {

		pointer-events:none;

	}

	

	#rotate-device {

		width:100%;

		height:100%;

		position:fixed;

		z-index:1000;

		top:0;

		left:0;

		background-color:#0f1010;

		background-image:url(images/rotate.png);

		background-size:100px 100px;

		background-position:center;

		background-repeat:no-repeat;

		display:none;

	}

	

	.disable-cursor {

		display:none;

	}

	

/*--------------------------------------------------

	03. Page Preloader

---------------------------------------------------*/	



	.preloader-wrap {

		width: 100%;

		height: 100%;

		position: fixed;

		top: 0; 

		bottom: 0;

		background: #fff;

		z-index : 800;

		text-align:left;

	}

	

	.light-content.preloader-wrap {

		background: #000;

	}

	

	.preloader-wrap .outer {

		padding: 80px 90px;

		box-sizing:border-box;

	}

	

	.preloader-wrap .inner {

		vertical-align:bottom;

	}

	

	.percentage {

		z-index: 100;

		opacity: 1;

		font-size: 32px;

		line-height: 50px;

		color: #000;

		font-weight: 600;

		display: table;

		width: auto;

	}

	

	.percentage::after {

		content: "%";

		width: 20px;

		height: 50px;

		font-size: 32px;

		line-height: 50px;

		color: #000;

	}

	

	.light-content .percentage, .light-content .percentage:after {

		color: #fff;

	}

	

	.trackbar {

		width: 200px;

		height: 1px;

		margin-top: 30px;

		position: relative;

		top: auto;

		left: 0;

		right: auto;

		bottom: 0;

		opacity: 1;

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

	}

	

	.light-content .trackbar {

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

	}

	

	.loadbar {

		width: 0%;

		height: 1px;

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

		position: absolute;

		top: 0px;

		left: 0;

		overflow: hidden;

	}

	

	.light-content .loadbar {

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

	}

	

	.hold-progress-bar {

		width: 0%;

		height: 6px;

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

		position: absolute;

		top: 0px;

		left: 0;

		right:0;

		overflow: hidden;

	}

	

	.light-content .hold-progress-bar {

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

	}

	

/*--------------------------------------------------

	04. Header Elements

---------------------------------------------------*/	

	

	.admin-bar header {

		top:32px;

	}

	

	header {

		width:100%;

		height:140px;

		left:0;

		top:0;

		background-color:transparent;

		position:fixed;

		box-sizing:border-box;

		z-index:1000;

		pointer-events:none;

		-webkit-transition: background 0.4s ease-in-out 0.3s;

		transition: background 0s ease-in-out 0s;

	}

	

	#header-container {

		box-sizing: border-box;

		height: inherit;

		padding: 30px 80px;

		margin: 0 auto;

		position: relative;

		width: 100%;

		z-index: 20;

		opacity: 0;

	}

	

	.header-visible #header-container{

		opacity:1;

	}

/* hong aded 20200623 */

	.header-visible2 #header-container{

		animation: fadeIn ease 1s one-time-animation forwards 1;

		-webkit-animation: fadeIn ease 1s;

		-moz-animation: fadeIn ease 2s;

		-o-animation: fadeIn ease 2s;

		-ms-animation: fadeIn ease 2s;

	}



	@keyframes fadeIn {

		0% {opacity:0;}

		100% {opacity:1;}

	}



	@-moz-keyframes fadeIn {

		0% {opacity:0;}

		100% {opacity:1;}

	}



	@-webkit-keyframes fadeIn {

		0% {opacity:0;}

		100% {opacity:1;}

	}



	@-o-keyframes fadeIn {

		0% {opacity:0;}

		100% {opacity:1;}

	}



	@-ms-keyframes fadeIn {

		0% {opacity:0;}

		100% {opacity:1;}

	}



/*-------------------------------*/



	.header-middle {

		max-width: 1280px;

		padding:0 50px;

		box-sizing:border-box;

		position: relative;

		margin: 0 auto;

		opacity:0;

	}

	

	#logo {

		position: relative;

		display: table;

		pointer-events: initial;

		z-index: 10;

		top: 20px;

		float: left;

	}

	

	#logo a {

		display:block;

		-webkit-transition: transform 0.5s ease-in-out 0.1s;

		transition: transform 0.5s ease-in-out 0.1s;	

	}

	

	.logo-hidden #logo a {

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

		transform: rotate(-360deg);

	}

	

	#logo a.disable, .open #logo a {

		pointer-events: none;

	}

	

	#logo img {

		display: block;

		height: 40px;

		width: auto;

		max-width:none;

	}

	

	#logo img.black-logo {

		opacity:1;

	}

	

	.light-content #logo img.black-logo {

		opacity:0;

	}

	

	#logo img.white-logo {

		position:absolute;

		top:0;

		left:0;

		opacity:0;

	}

	

	.light-content #logo img.white-logo {

		opacity:1;

	}

	

	.light-content .white-header #logo img.black-logo {

		opacity:1;

	}

	

	.light-content .white-header.over-white-section #logo img.black-logo, .show-loader .light-content .white-header #logo img.black-logo {

		opacity:0;

	}

	

	.light-content .white-header #logo img.white-logo {

		opacity:0;

	}

	

	.light-content .white-header.over-white-section #logo img.white-logo, .show-loader .light-content .white-header #logo img.white-logo {

		opacity:1;

	}

	

	.menu-open.light-content .slide-in #logo img.white-logo {

		opacity:1;

	}

	

	nav {

		pointer-events: initial;

	}

	

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

	

		.classic-menu nav {

			position: relative;

			width: auto;

			top: 0px;

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

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

			display:block;

			float:right;

			height: 60px;

			margin: 10px 0;

			background-color:transparent!important;

		}

		

		.flexnav {

			display: block;

			float: right;

			position: relative;

			width: auto;

			max-height: 60px;

		}

		

		.flexnav li ul {   

			min-width: 170px;

		}	

		

		.flexnav .touch-button {

			background: transparent none repeat scroll 0 0;

		}	

		

		.flexnav .touch-button .navicon {

			display:none;

		}

		

		.flexnav li {    

			background: transparent none repeat scroll 0 0;

			padding:0 25px;

			padding-bottom:20px;

			padding-top:20px;

		}

		

		.classic-menu .menu-timeline {

			opacity:1!important;

			-webkit-transition: translateY(0px)!important;

			transform: translateY(0px)!important;

		}

		

		.flexnav li:last-child {

			padding-right:0px;

		}

		

		.flexnav li a {    

			background: transparent none repeat scroll 0 0;

			padding: 0 5px;

			position:relative;

			border-left: medium none;

			font-weight: 600;

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

			color:#000;		

			font-size:12px;

			line-height:20px;

			display:block;

			overflow:hidden;

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

			transition: all 0.15s ease-in-out;

		}

		

		.light-content .flexnav li a { 

			color:#fff;		

		}

		

		.light-content  .classic-menu.white-header .flexnav li a { 

			color:#000;		

		}

		

		.flexnav:hover li a {

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

		}

		

		.light-content .classic-menu .flexnav:hover li a {

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

		}

		

		.light-content  .classic-menu.white-header .flexnav:hover li a {

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

		}

		

		.classic-menu .flexnav li:hover a {

			color:#000;

		}

		

		.light-content .classic-menu .flexnav li:hover a {

			color:#fff;

		}

		

		.light-content .classic-menu.white-header .flexnav li:hover a {

			color:#000;

		}

	

		.classic-menu .flexnav li a span {

			position: relative;

			display: block;

			-webkit-transition: -webkit-transform 0.2s;

			transition: transform 0.2s;

			transform-origin: 100% 0%;

		}

		

		.classic-menu .flexnav li a span::before {

			position: absolute;

			top: 100%;

			width:100%;

			left:0;

			content: attr(data-hover);

		}

		

		.classic-menu .flexnav li:hover a span {

			-webkit-transform: translateY(-100%);

			transform: translateY(-100%);

			transform-origin: 0% 0%;

		}

		

		.flexnav li ul li a { 

			padding:0 20px 20px;

			background-color:transparent;

			font-size:13px;

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

			font-weight:400;

			text-transform:none;

			color:#fff!important;

			opacity:0.6;

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

			-moz-transition: all 0.05s ease-in-out;

			-o-transition: all 0.05s ease-in-out;

			-ms-transition: all 0.05s ease-in-out;

			transition: all 0.05s ease-in-out;

		}

		

		.flexnav li ul li a.link::before {

			display:none;

		}

		

		.flexnav li ul li a.active, .flexnav li ul li a:hover {

			opacity:1;

		}

		

		.flexnav li > ul li {

			margin-left:0;

			padding:0;

		}

		

		.classic-menu .flexnav li ul {

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

			transform: translate3d(0px, 30px, 0px);

			display:block!important;

			opacity:0!important;

			height:inherit!important;

			overflow:visible!important;

			visibility:hidden;

			left:10px;

			top:60px;

			padding-top:20px;

			background: #000;		

			border-radius:3px;

			-webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s ease-in-out!important;

			transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s ease-in-out!important;

		}

		

		.classic-menu .flexnav li ul ul {

			left:15px!important;

			margin-left: 0;

		}

		

		.flexnav li ul:after {

			display: block;

			content: '';

			position: absolute;

			top: -6px;

			left: 20px;

			width: 0;

			height: 0;

			border-style: solid;

			border-width: 0 10px 9px;

			border-color: transparent transparent #000;

		}

		

		.flexnav ul li ul:after {

			display: block;

			content: '';

			position: absolute;

			top: -5px;

			left: 15px;

			width: 0;

			height: 0;

			border-style: solid;

			border-width: 0 10px 9px;

			border-color: transparent transparent #000;

			-webkit-transform: rotate(0deg);

			transform: rotate(0deg);

		}

		

		.classic-menu .flexnav li ul li > ul, .classic-menu .flexnav li ul.open ul.open {

			top: 30px;

			z-index:10;

		}

		

		.classic-menu .flexnav ul li ul li a {

			background: #000;

		}

		

		.classic-menu .flexnav ul li ul li ul li a {

			background: #000;

		}

		

		.flexnav li ul.flexnav-show {

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

			transform: translate3d(0px, 0px, 0px);

			opacity:1!important;

			visibility:visible;

			-webkit-transition: opacity 0.2s ease-in-out 0.1s, visibility 0.2s ease-in-out, transform 0.2s ease-in-out 0.1s;

			transition: opacity 0.2s ease-in-out 0.1s, visibility 0.2s ease-in-out, transform 0.2s ease-in-out 0.1s;	

		}

		

		.flexnav .touch-button {

			display:none;

		}		

		

		/*-- Full Screen Menu --*/	

				

		.fullscreen-menu .nav-height {

			overflow-y: scroll;

			position: relative;

			height: 100%;

			padding: 40px 0;

			padding-right: 30px;

			width: calc(100% + 30px);

			box-sizing: border-box;

		}

		

		.fullscreen-menu nav {

			height: 100vh;

			position: fixed;

			top:0;

			left:0;

			width: 100%;

			box-sizing: border-box;

			visibility: visible;

			pointer-events:none;

			opacity:0;

			padding:20px 0;		

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

			transition: all 0.2s ease-in 0.6s;

		}

		

		.fullscreen-menu nav.open {

			visibility:visible;

			pointer-events:initial;

			opacity:1;

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

			transition: all 0.2s ease-out;

		}

		

		.fullscreen-menu .flexnav {

			max-height: 2000px;

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

			transition: all 0.2s ease-in 0.6s;

			display: table;

			width: auto;

			padding:0 80px;

			box-sizing:border-box;

			margin: 0;

			float: none;

		}

		

		.fullscreen-menu .flexnav.flexnav-show {

			-webkit-transition: all .3s ease-out 0.2s;

			transition: all .3s ease-out 0.2s;	

		}

		

		body {

		  counter-reset: menu-counter;

		}

		

		.fullscreen-menu .flexnav li {

			text-align:left;

			line-height: 120px;

			padding:0;

			box-sizing:border-box;

			float:none;

			counter-increment: menu-counter;

		}

		

		.fullscreen-menu .flexnav li::before {

			/*content: counter(menu-counter);*/

			position: absolute;

			top: 4px;

			line-height: 20px;

			height: 20px;

			left: -20px;

			font-size: 10px;

			font-weight: 700;

			opacity: 0.4;

		}

		

		.fullscreen-menu .flexnav li ul li:before {

		  content: none;

		}

		

		.fullscreen-menu .menu-timeline {

			opacity:0;

			-webkit-transition: translateY(80px);

			transform: translateY(80px);

		}

		

		.fullscreen-menu .flexnav .touch-button {

			width: 100%;

			display: block;

			height:60px;

		}

		

		.fullscreen-menu .flexnav .touch-button .navicon {

			display:none;

		}

		

		.fullscreen-menu .flexnav li.link {

			border-bottom: none;	

		}

		

		.fullscreen-menu .flexnav li a {

			font-weight: 500;

			font-size:48px;

			line-height:70px;

			padding:0;

			-webkit-transition: all .1s ease-in-out 0s;

			transition: all .1s ease-in-out 0s;

		}

		

		.fullscreen-menu .flexnav li a {

			color:#fff;

		}

		

		.fullscreen-menu .flexnav:hover li a {

			opacity:0.3;

		}

		

		.fullscreen-menu .flexnav li:hover a, .fullscreen-menu .flexnav li a.active{

			opacity:1;

		}

		

		.fullscreen-menu .flexnav:hover li ul li a {

			opacity:0.3;

		}

		

		.fullscreen-menu .flexnav:hover li ul li a.active, .fullscreen-menu .flexnav:hover li ul li a:hover {

			opacity:1;

		}

		

		.fullscreen-menu .flexnav a.link::before {

			display:none;

		}

		

		.fullscreen-menu .flexnav li ul {

			margin-bottom:20px;

			position:relative;

			top:5px;

			left:2px;			

		}

		

		.fullscreen-menu .flexnav li ul:after {

			display:none;

		}

		

		.fullscreen-menu .flexnav li ul li a {

			padding: 5px 0;

			font-size: 14px;

			font-weight: 500;

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

			line-height:20px;

			border-top: none;

			text-transform:none;

		}

		

		.fullscreen-menu .flexnav ul li ul li a {

			background:transparent;

		}

		

		.fullscreen-menu .flexnav li ul li > ul, .fullscreen-menu .flexnav li ul.open ul.open {

			margin-left: 0;

			top: 0;

		}

		

		.fullscreen-menu li.buy-item  {

			position: fixed !important;

			top: calc(100vh - 100px);

			font-size: 14px;

			line-height:30px;

			font-weight: 700;

			margin: 0 auto;

			display: table !important;

			width: 160px;

			pointer-events: initial;

		}

		

		.fullscreen-menu li.buy-item a {			

			font-size: 14px;

			line-height:30px;

			font-weight: 600;

			pointer-events: initial;

			color:#fff!important;

			-webkit-text-stroke: 1px rgba(255,255,255,0);

		}

		

		.fullscreen-menu li.buy-item, .fullscreen-menu li.buy-item a {

			pointer-events: none;

		}

		

		.fullscreen-menu nav.open li.buy-item, .fullscreen-menu nav.open li.buy-item a {

			pointer-events: initial;

		}

		

		.menu-box-wrapper {

			display:none;

		}

		

		.fullscreen-menu .inner {

			padding-bottom:100px;

		}

		

		.fullscreen-menu .menu-box-wrapper {

			display: block;

			position: absolute;

			bottom: 40px;

			left: 80px;

		}

		

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

			.fullscreen-menu .menu-box-wrapper {

				left: 60px;

			}

		}

	

	}



	nav, nav.open {

		-webkit-transition: all 0s ease-in 0s;

		transition: all 0s ease-in 0s;

		background:transparent;

	}



	#burger-wrapper {

		width: 40px;

		height: 40px;

		float: right;

		top: 0px;

		right: 0;

		display: flex;

		position: relative;

		justify-content: center;

		align-items: center;

		cursor: pointer;

		pointer-events: initial;

	}

	

	.classic-menu .button-wrap.right.menu {

		display:none;

	}



	#menu-burger {

		top:0px;

		width: 25px;

		height: 25px;

		position: relative;

		margin: 0 auto;		

		z-index:2;

		pointer-events: none;

	}

	

	.menu-overlay #menu-burger {

		display:block;

	}



	#menu-burger span {

	  display: block;

	  position: absolute;

	  height: 5px;

	  width: 5px;

	  border-radius:5px;

	  background-color: #000;

	  opacity: 1;

	  top:10px;

	  left:0;

	  -webkit-transform: rotate(0deg);

	  -moz-transform: rotate(0deg);

	  -o-transform: rotate(0deg);

	  transform: rotate(0deg);

	  -webkit-transition: background-color  0.05s ease-in-out,  transform  0.2s ease-in-out,  height  0.2s ease-in-out, width  0.2s ease-in-out, top 0.2s ease-in-out, left  0.2s ease-in-out;

	  transition: background-color  0.05s ease-in-out,  transform  0.2s ease-in-out,  height  0.2s ease-in-out, width  0.2s ease-in-out, top 0.2s ease-in-out, left  0.2s ease-in-out;

	}

	

	#burger-wrapper .touch-button {

		display:none;

	}

	

	.light-content #menu-burger span {

		/* hong background-color:#fff; */

		background-color: #936c4d;

	}

	

	.light-content .white-header #menu-burger span {

		background-color:#000;

	}

	

	.light-content .white-header.over-white-section #menu-burger span, .show-loader .light-content .white-header #menu-burger span {

		background-color:#fff;

	}



	#menu-burger span:nth-child(1) {

	  	left: 0px;

	}

	

	#menu-burger span:nth-child(2){

	  	left: 10px;

	}

	

	#menu-burger span:nth-child(3){

	  	left: 20px;

	}

	

	.button-wrap.right.menu .icon-wrap:hover #menu-burger span:nth-child(1) {

	  	left: 10px;

	}

	

	.button-wrap.right.menu .icon-wrap:hover #menu-burger span:nth-child(3) {

	  	left: 10px;

	}

	

	.button-wrap.right.menu .icon-wrap:hover #menu-burger.open span:nth-child(1) {

	  	left: 3px;

	}

	

	.button-wrap.right.menu .icon-wrap:hover #menu-burger.open span:nth-child(3) {

	  	left: 3px;

	}

	

	#menu-burger.open span:nth-child(1) {

	  -webkit-transform: rotate(45deg);

	  transform: rotate(45deg);

	  top:12px;

	  height: 2px;

	  width:20px;

	  left: 3px;

	}

	

	#menu-burger.open span:nth-child(2) {

	   -webkit-transform: scale(0);

	  transform: scale(0);

	}

	

	#menu-burger.open span:nth-child(3) {

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

	  transform: rotate(-45deg);

	  top:12px;

	  height: 2px;

	  width:20px;

	  left: 3px;

	}

	

	

	

/*--------------------------------------------------

	05. Main Content

---------------------------------------------------*/		

	

	#content-scroll {

		z-index:1;

		position:relative;

	}

	

	.smooth-scroll #content-scroll {

		position: absolute;

		top: 0;

		right: 0;

		bottom: 0;

		left: 0;

		z-index:1;

	}

	

	.scrollbar-track {

		background: transparent!important;

	}

	

	#main {

		position:relative;

		opacity:0;

	}

	

	.load-project-page #main, .load-project-page-carousel #main, .load-next-project #main, .load-next-page #main, .load-project-hover #main{

		opacity:1;

	}

	

	#main-content {

		position:relative;

		opacity:1;

		z-index:10;		

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

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

	}

	

	#main-page-content {

		position: relative;

		box-sizing:border-box;

		opacity: 0;

		width:100%;

		max-width:1280px;

		padding:0 80px;

		margin:0 auto;

		margin-bottom: 0;

		transform: translateY(0vh);

		-webkit-transform: translateY(0vh);

	}

	

	#main-page-content::after {

		clear: both;

		content: " ";

		display: table;

	}

	

	#main-page-content.project-page {

		margin-bottom: calc(100vh - 140px);

	}

	

	#main-page-content.portfolio-page {

		width:100%;

		max-width:none;

		padding:0;

	}

	



	

	

/*--------------------------------------------------

	06. Footer Elements

---------------------------------------------------*/		

	

	footer {

		position:relative;

		width:100%;

		height:140px;

		z-index:900;

		box-sizing:border-box;

		text-align:center;

		bottom:0;

		left:0;

		overflow:hidden;

		pointer-events:none;

	}

	

	footer.fixed {

		position:fixed;

	}

	

	#footer-container {

		padding: 0 80px;

		margin: 30px auto;

		height: 80px;

		opacity: 0;

		position: absolute;

		width: 100%;

		box-sizing: border-box;

		bottom: 0;

		left: 0;

	}

	

	.footer-middle {

		position: absolute;

		margin: 0 auto;

		width: 100%;

		height: auto;

		display: table;

		left: 0;

		pointer-events: none;;

	}

	

	.copyright {

		position: relative;

		top: 25px;

		width: auto;

		height: 30px;

		overflow: hidden;

		font-size: 12px;

		font-weight: 500;

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

		line-height: 30px;

		color: #000;

		pointer-events: initial;

		display: table;

		width: auto;

		margin: 0 auto;	

	}

	

	.light-content .copyright {

		color:#fff;

	}

	

	.socials-wrap {

		position:relative;

		float: right;

		color: #000;

		width: 240px;

		height: 160px;

		box-sizing: border-box;

		pointer-events:initial;	

		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

	}

	

	.light-content .socials-wrap {

		color: #fff;

	}

	

	footer .socials-wrap {

		margin-top:0px;

	}

	

	.socials-wrap:hover {

		transform: translateY(-40px);

		-webkit-transform: translateY(-40px);

	}

	

	.socials-text {

		float:right;

		font-size:12px;

		font-weight: 600;

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

		line-height:40px;

		transform:translateY(20px);

	}

	

	.socials-wrap:hover .socials-text {

		transform: translateY(10px);

		-webkit-transform: translateY(10px);

		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;		

	}

	

	.socials-icon {

		float:right;

		width:30px;

		height:40px;

		font-size:12px;

		line-height:40px;

		text-align:right;

		margin-left:10px;

		transform:scale(1) translateY(20px);

		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

	}

	

	.socials-wrap:hover .socials-icon {

		transform:scale(0) translateY(40px);

		width:0;

		margin:0;

		overflow:hidden;

		

	}

	

	.socials-icon:after, .socials-text:after {

	  content: "";

	  clear: both;

	  display: table;

	}

	

	.socials {

		height: auto;

		line-height: 30px;

		position: relative;

		width: auto;

		margin:0 auto;

		margin-top: 10px;

		text-align: center;

		bottom: 0;

		display: table;

		transform: translateX(15px);

		-webkit-transform: translateX(15px);

	}

	

	.socials-wrap .socials {

		display: inline-block;

		width: 100%;

		text-align: right;

	}

	

	.socials li {

		margin-right: 0px;

		margin-left: 10px;

		list-style: none;

		color: #999;

		font-size: 15px;

		margin-bottom: 0;

		line-height: 40px;

		position: relative;

		display: flex;

		justify-content: center;

		align-items: center;

		height: 40px;

		width: 40px;

		float: right;

		z-index: 2;

		-webkit-transition: background 0.4s ease-in-out 0s;

		transition: background 0.4s ease-in-out 0s;

	}

	

	.socials-wrap .socials li {

		opacity:0;

		transform: translateY(20px);

		-webkit-transform: translateY(20px);

		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

	}

	

	.socials-wrap:hover .socials li:nth-child(5) {

		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.05s;

		opacity:1;

		transform: translateY(10px);

		-webkit-transform: translateY(10px);		

	}

	

	.socials-wrap:hover .socials li:nth-child(4) {

		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;

		opacity:1;

		transform: translateY(10px);

		-webkit-transform: translateY(10px);	

	}

	

	.socials-wrap:hover .socials li:nth-child(3) {

		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;

		opacity:1;

		transform: translateY(10px);

		-webkit-transform: translateY(10px);		

	}

	

	.socials-wrap:hover .socials li:nth-child(2) {

		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;

		opacity:1;

		transform: translateY(10px);

		-webkit-transform: translateY(10px);	

	}

	

	.socials-wrap:hover .socials li:nth-child(1) {

		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;

		opacity:1;

		transform: translateY(10px);

		-webkit-transform: translateY(10px);		

	}

		

	.socials li:last-child {

		margin-left: 0px;

	}

	

	.socials li a {

		color: #000;		

		font-size:12px;

		font-weight: 600;

		display: block;

		height: 40px;

		width: 40px;		

		line-height:40px;

		text-align:center;

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

		transition: opacity 0.2s ease-in-out;

	}

	

	.socials:hover li  a {

		opacity:0.3;

	}

	

	.socials li a:hover {

		color: #000;

		opacity:1;

	}

	

	.light-content .socials li a {

		color: #fff;	

	}

	

	.light-content .socials:hover li  a {

		opacity:0.3;

	}

	

	.light-content .socials li a:hover {

		color: #fff;

		opacity:1;

	}

	

	.button-wrap {

		position:relative;		

		cursor:pointer;

		top:0px;

		pointer-events:initial;		

	}

	

	.button-wrap.left {

		float:left;

		left:-32px;	

	}

	

	.button-wrap.right {

		/* hong float:right;

		right:-32px;	*/

		

		float:left;		

		left: 0px;

	}

	

	.icon-wrap {

		width: 80px;

		height: 80px;

		display: flex;

		position: relative;

		justify-content: center;

		align-items: center;

		float:left;

	}

	

	.button-wrap.left .icon-wrap {

		float:left;

	}

	

	.button-wrap.right .icon-wrap {

		float:right;

	}

	

	.button-icon {

		height: 40px;

		width: 40px;

		color: #000;

		text-align: center;

		line-height: 30px;

		font-size: 22px;

	}

	

	.light-content .button-icon {

		color:#fff;

	}

	

	.button-icon i {

		height:40px;

		line-height:35px;

		width:40px;

		text-align:center;

	}

	

	.button-text {

		font-weight: 600;

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

		font-size: 12px;

		line-height:30px;

		margin:25px 0;

		overflow: hidden;

		width:100px;

		color:#000;

		-webkit-transition: color 0.05s ease-in-out;

		transition: color 0.05s ease-in-out;

	}

	

	.light-content .button-text {

		color:#936c4d;

		/* hong color:#fff;		*/

	}

	

	.light-content .white-header .button-text {

		color:#000;		

	}

	

	.light-content .white-header.over-white-section .button-text, .show-loader .light-content .white-header .button-text {

		color:#fff;		

	}

	

	.button-wrap.left .button-text {

		text-align:left;

		float: left;

	}

	

	.button-wrap.right .button-text {

		text-align:right;

		float: right;

	}

	

	.button-text span {

		position: relative;

		display: inline-block;

		-webkit-transition: -webkit-transform 0.2s;

		transition: transform 0.2s;

		width:100px;

		text-align:center;

		transform-origin: 100% 0%;

	}

	

	.button-wrap.left .button-text span {

		text-align:left;

	}

	

	.button-wrap.right .button-text span {

		text-align:right;

	}

	

	.button-text span::before {

		position: absolute;

		width:100px;

		top: 100%;

		left:0;

		content: attr(data-hover);

	}

	

	.header-middle .button-text span::before {

		content: attr(data-on);

	}

	

	.button-wrap:hover .button-text span {

		-webkit-transform: translateY(-100%);

		transform: translateY(-100%);

		transform-origin: 0% 0%;

	}

	

	nav, nav.open {

		-webkit-transition: all 0s ease-in 0s;

		transition: all 0s ease-in 0s;

		background:transparent;

	}

	

/*--------------------------------------------------

	07. Responsive

---------------------------------------------------*/			



			

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

	

	.preloader-wrap .outer {

		padding: 60px 70px;

		box-sizing:border-box;

	}

	

	header {

    	height: 120px;

	}

	

	#header-container {

	/*	padding: 15px 60px;*/

	}

	

	.flexnav li {

    	padding: 20px;

	}

	
    /*
	#main-page-content {

    	padding: 0 60px;

	}
    */
	

	#main-page-content.project-page {

		margin-bottom: calc(100vh - 100px);

	}

	

	footer {

    	height: 100px;

	}

	

	#footer-container {

    	padding: 0 60px;

		margin: 10px auto;

	}

		

	

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

		

		.fullscreen-menu .flexnav {

			padding-left:60px;

		}

		

	}

	

	.fullscreen-menu li.buy-item a {

		font-size: 14px;

		line-height: 30px;

	}

	

	

	

}





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

	

	.preloader-wrap .outer {

		padding: 50px 50px;

		box-sizing:border-box;

	}

	

	h1 {

		font-size: 40px;

		line-height: 50px;

	}

	

	h2 {

		font-size: 30px;

		line-height: 40px;

	}

	

	.has-mask {

		margin-bottom:0px;

	}

	

	.row_padding_left {

		padding-left: 40px;

	}

	

	.row_padding_right {

		padding-right: 40px;

	}

	

	.row_padding_all {

		padding: 8vw 40px;

	}

	

	header {

		height:80px;

	}

	

	#header-container {

    	padding: 0;

		margin: 0 auto;

	}

	

	#logo {

		left: 40px;

	}

	

	.header-middle {

		display:none;

	}

	

	.button-wrap.right.menu {

		right: 10px;

	}

	

	nav {

		padding-top:80px;

	}

	

	.flexnav {

		box-sizing:border-box;

		padding:0 50px;

		background: transparent;

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

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

	}

	

	.flexnav li a, .flexnav li ul li a {

    	background: transparent;

	}

	

	.flexnav li a {

		color: #999;

	}

	

	.flexnav li ul li a:hover, .flexnav li ul li a.active {

		color:#fff;

	}

	

	.flexnav li ul li a {

		border-top: 1px solid rgba(255,255,255,0.15);

	}

	

	.flexnav ul li ul li a {

		background: transparent;

	}

	

	.flexnav li ul li ul li a {

		padding: 5px 10px;	

	}

	

	.flexnav li.link {

		border-bottom: 1px solid rgba(255,255,255,0.15);

	}

	

	.flexnav li.link:last-child {

		border-bottom:none;

	}

	

	.flexnav a.link::before {

		display:none;

	}

	

	.flexnav .touch-button .navicon {

		font-style: normal!important;

	}

	

	.nav-height {

		overflow-y: scroll;

		position: relative;

		height: 100%;

		padding: 40px 0;

		padding-right: 30px;

		width: calc(100% + 30px);

		box-sizing: border-box;

	}

	

	nav {

		height: 100vh;

		position: fixed;

		width: 100%;

		box-sizing: border-box;

		visibility: visible;

		pointer-events:none;

		opacity:0;

		padding:20px 0;		

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

		transition: all 0.2s ease-in 0.6s;

	}

	

	nav.open {

		visibility:visible;

		pointer-events:initial;

		opacity:1;

		background-color: transparent;

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

		transition: all 0.2s ease-out;

	}

	

	.flexnav {

		padding-left:30px;

    	max-height: 2000px;

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

		transition: all 0.2s ease-in 0.6s;

	}

	

	.flexnav.flexnav-show {

		-webkit-transition: all .3s ease-out 0.2s;

		transition: all .3s ease-out 0.2s;	

	}

	

	.flexnav li {

		padding:0;

		-webkit-transition: color .15s ease-out 0s;

		transition: color .15s ease-out 0s;	

	}

	

	.flexnav:hover li  {

		color:rgba(255,255,255,0.4)

	}

	

	.flexnav li:hover {

		color:rgba(255,255,255,1)

	}

	

	.flexnav .touch-button {

		width: 100%;

		display: block;

		height: calc(5vw + 20px);

	}

	

	.flexnav .touch-button .navicon {

		display:none;

	}

	

	.flexnav li.link {

		border-bottom: none;	

	}

	

	.flexnav li a {

		font-weight: 500;

		font-size:48px;

		line-height:60px;

		padding:0;

		-webkit-transition: all .1s ease-in-out 0s;

		transition: all .1s ease-in-out 0s;

	}

	

	.flexnav li a {

		color:#fff;

	}

	

	.flexnav:hover li a {

		opacity:0.3;

	}

	

	.flexnav li:hover a, .flexnav li a.active{

		opacity:1;

	}

	

	.flexnav:hover li ul li a {

		opacity:0.3;

	}

	

	.flexnav:hover li ul li a.active, .flexnav:hover li ul li a:hover {

		opacity:1;

	}

	

	.flexnav li ul {

		margin-bottom:20px;

		top:5px;

		left:2px;

	}

	

	.flexnav li ul li a {

		padding: 10px 0;

		font-weight: 500;

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

		text-transform:none;

		font-size: 14px;

		line-height: 14px;

		border-top: none;

		color:#fff;

		opacity:0.4;

		-webkit-text-stroke:none;

	}

	

	.flexnav li ul li:hover a, .flexnav li ul li a.active{

		opacity:1;

	}

	

	li.buy-item a {

		color:#fff;

		font-size: 14px;

		line-height:30px;

	}

	

	#menu-burger span.touch-button {

		display:none;

	}

	

	.classic-menu .button-wrap.right.menu {

		display: block;

	}

	

	.fullscreen-menu .menu-box-wrapper {

		display: none;

	}

	

	header .button-wrap.right .button-text {

		display: none;

	}

	

	.parallax-wrap {

		transform:none!important;

	}

	

	.parallax-element {

		transform:none!important;

	}

	

	.prev-wrap {

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

		transform: rotate(-90deg)!important;

	}

	

	.next-wrap {

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

		transform: rotate(-90deg)!important;

	}

	

	#magic-cursor {

		display:none;

	}

	

	.scroll-down-wrap, .scroll-down-wrap.no-border {

		bottom: 40px;

	}

	

	#main-page-content, .white-section-container, .dark-section-container {

		padding: 0 40px;

	}

	

	#footer-container {

		padding: 0 40px;

	}

	

	.destroy {

		display:none;

	}

	

	.has-parallax figcaption {

		display:none;

	}

	

	.footer-button-wrap {

    	bottom: 80px;

	}

	

	.socials-wrap {

		width: 240px;

		height: 40px;

		float:right;

		margin:0 auto;

		right:-10px;

		transform: translateX(0px) translateY(20px)!important;

		-webkit-transform: translateX(0px) translateY(20px)!important;

	}

	

	.socials-wrap:hover {

		transform: translateY(20px);

		-webkit-transform: translateY(20px);

	}

	

	.socials-icon, .socials-text {

		display:none;

	}

	

	.socials-wrap .socials {

		margin-top: 5px;

		text-align: left;

		transform: translateX(0px);

		-webkit-transform: translateX(0px);	

	}

	

	.socials-wrap .socials li {

		opacity: 1;

		transform: translateY(0px);

		-webkit-transform: translateY(0px);

	}

	

	.socials-wrap:hover .socials li {

		opacity: 1;

		transform: translateY(0px)!important;

		-webkit-transform: translateY(0px)!important;

	}

	

	.socials li {

		margin-right: 10px;

		line-height: 30px;

		height: 30px;

		width: 30px;

		margin: 0 5px auto;

		display: inline-block;

		float: none;

	}

	

	.socials li a {

		height: 30px;

		width: 30px;

		line-height: 30px;

	}

	

}





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

	

	.preloader-wrap .outer {

		padding: 40px;

		box-sizing:border-box;

	}

	

	.row_padding_left {

		padding-left: 30px;

	}

	

	.row_padding_right {

		padding-right: 30px;

	}

	

	.row_padding_all {

		padding: 8vw 30px;

	}

	

	.admin-bar header {

		top: 46px;

	}

	

	#logo {

		left: 30px;

	}

	

	.flexnav {

    	padding-left:30px;

	}

	

	.flexnav li a {

		font-size: 36px;

		line-height: 60px;

	}

	

	li.buy-item a {

		color:#fff;

		font-size: 14px;

		line-height:30px;

	}

	

	.destory {

		display:none;

	}

		

	figcaption {

		background-color: rgba(0,0,0,0.3);

		bottom: 0px;

		font-size: 10px;

		padding: 5px 10px;

		right: 0px;

		border-radius: 0;

	}

	

	.one_half {

    	width: 100%!important;

	}

	

	.one_half {

    	padding-right: 0!important;

	}

	

	.one_half.last {

    	padding-left: 0!important;

	}



	.one_third {

		width: 100%!important;

	}	



	.one_fourth {

		width: 100%!important;

	}	



	.one_fifth {

		width: 100%!important;

	}	



	.one_sixth {

		width: 100%!important;

	}	



	.two_fifth {

		width: 100%!important;

	}	



	.two_fourth {

		width: 100%!important;

	}		



	.two_third {

		width: 100%!important;

	}	



	.three_fifth {

		width: 100%!important;

	}	



	.three_fourth {

		width: 100%!important;

	}	



	.four_fifth {

		width: 100%!important;

	}	



	.five_sixth {

		width: 100%!important;

	}	



	.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {

		margin-bottom: 20px!important;

		margin-right: 0%!important;

	}

	

	.wp-block-column:not(:first-child), .wp-block-column:nth-child(2n) {

		margin-left: 0;

	}

	.wp-block-column {

		flex-basis: 100%;

		flex-grow: 0;

	}

	

	.wp-block-column:not(:last-child) {

		margin-right: 0;	

	}

	

	.text-align-center p.title-has-line::after, #page-nav p.title-has-line::after {

		display:none;

	}

	

	p {

    	font-size: 14px;

	}

	

	#main-page-content, .white-section-container, .dark-section-container {

		padding: 0 30px;

	}

	

	#footer-container {

		padding: 0 30px;

	}

	

	#footer-container .button-wrap.left {

		float: none;

		left: 0;

		right: 0;

		position: absolute;

	}

	

	.button-wrap.left .button-text {

		text-align: left;

		float: left;

		display: none;

	}

	

	.button-wrap.left .icon-wrap {

		float: none;

		position: absolute;

		right: 0;

		left: auto;

		margin: auto;

		top: 0px;

	}

	

	.copyright {

		margin: 0;

		left: 30px;

		top: 30px;

	}

	

	.footer-middle {

		max-width: 1180px;

		position: absolute;

		margin: 0 auto;

		left: 0;

		width: 100%;

		top: -40px;

	}

	

	footer.showcase-footer .arrows-wrap {

		right: auto;

		left: -30px;

		float: left;

		margin: auto;

	}

	

	footer.showcase-footer .socials-wrap {

		width: 170px;

		float: right;

		left: auto;

		right: 0;

		top: 0;

	}

	

	.socials-wrap {

		width:170px;

		float: none;

		left: -6px;

		right: auto;

		top: 0px;

		margin: 0;

	}

	

	.socials li {

		margin: 0 0px auto;

	}

	

}





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

	

	.preloader-wrap .outer {

		padding: 30px;

		box-sizing:border-box;

	}

		

	.row_padding_left {

		padding-left: 20px;

	}

	

	.row_padding_right {

		padding-right: 20px;

	}

	

	.row_padding_all {

		padding: 8vw 20px;

	}

	

	hr {

		height: 10px;

	}

	

	#logo {

		left: 20px;

	}

	

	.button-wrap.right.menu {

		right: -10px;

	}

	

	.flexnav {

    	padding-left:20px;

	}

	

	.flexnav li a {

		font-size: 32px;

		line-height: 50px;

	}

	

	.flexnav li ul li a {

    	padding: 5px 0;

	}

	

	li.buy-item a {

		color:#fff;

		font-size: 14px;

		line-height:30px;

	}

	

	p.title-has-line::after {

		display:none;

	}

	

	#main-page-content, .white-section-container, .dark-section-container {

		padding: 0 20px;

	}

	

	#footer-container {

		padding: 0px;

		margin:0;

	}

	

	.copyright {

		left: 20px;

	}

	

	.socials-wrap {

		float: none;

		left: 14px;

		right: auto;

	}

	

	.arrows-wrap {

		left: -10px;

		width: 80px;

	}

	

	.prev-wrap, .next-wrap {

    	width: 40px;

	}

	

	footer.showcase-footer .arrows-wrap {

		right: 0;

		left: 0;

		float: none;

		margin: auto;

	}

	

	footer.showcase-footer .arrows-wrap {

		width: 100%;

	}

	

	footer.showcase-footer .prev-wrap, footer.showcase-footer .next-wrap {

    	width: 60px;

	}

	

	footer.showcase-footer .footer-middle {

		top: 0px;

	}

	

	footer.showcase-footer .showcase-subtitles-wrap {

		left: 0;

	}

	

	footer.showcase-footer .socials-wrap {

		display:none;

	}

}



@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {

    

	#rotate-device {

		display:block;

	}

}