/*
Theme Name: anebopro_theme
Author: osmak
Version: 1.0
Tags: black,blue,white,two-columns,fixed-width,custom-header,custom-background,threaded-comments,sticky-post,translation-ready,microformats,rtl-language-support,editor-style,custom-menu
Text Domain: anebopro_theme
**********************/
html{
	font-family: 'Roboto Condensed',sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	line-height: 1.625;
}
body{
	min-height: 100%;
	min-height: 100vh;
}
*, *:after, *:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
a{
	color: #00ba75;
	transition: all .1s ease-out 0s;
	-webkit-transition: all .1s ease-out 0s;
	-moz-transition: all .1s ease-out 0s;
	-ms-transition: all .1s ease-out 0s;
	-o-transition: all .1s ease-out 0s;
}
a:after, a:before{
	transition: all .1s ease-out 0s;
	-webkit-transition: all .1s ease-out 0s;
	-moz-transition: all .1s ease-out 0s;
	-ms-transition: all .1s ease-out 0s;
	-o-transition: all .1s ease-out 0s;
}
a:hover{
	color: #038e5a;
}
*:focus, *:active, *:hover{
	outline: 0;
}
ul + p, ul + h1, ul + h2, ul + h3, ul + h4, ul + h5, ul + h6, ul + img, ul + pre, ul + ul, ul + ol, ol + p, ol + h1, ol + h2, ol + h3, ol + h4, ol + h5, ol + h6, ol + img, ol + pre, ol + ol, ol + ul{
	clear: both;
}
h1, h2, h3, h4, h5, h6{
	line-height: 1.5;
}
h1{
	margin-top: 10px;
	margin-bottom: 20px;
}
h2{
	margin-top: 0;
	margin-bottom: 15px;
}
h3{
	margin-top: 0;
	margin-bottom: 10px;
}
h4, h5, h6{
	margin-top: 0;
	margin-bottom: 5px;
}
p{
	padding: 0;
	margin: 0 0 30px;
	line-height: 1.625;
}
.wspl{
	white-space: pre-line;
}
.nmt{
	transition: all .15s ease-out 0s;
	-webkit-transition: all .15s ease-out 0s;
	-moz-transition: all .15s ease-out 0s;
	-ms-transition: all .15s ease-out 0s;
	-o-transition: all .15s ease-out 0s
}
.clear{
	clear: both;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 0
}
.fix{
	overflow: hidden;
}
.ftc{
	text-align: center;
}
.ftl{
	text-align: left;
}
.ftr{
	text-align: right;
}
.fixh{
	position: relative;
	display: block;
}
.fixh .thmb{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	z-index: 2;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}
.fixh .hb{
	width: 100%;
	height: auto;
	opacity: 0;
	z-index: 1;
}
body{
	margin: 0;
	overflow: auto;
	overflow-x: hidden;
	background: #000;
	background-image: url("../../uploads/2018/11/aneboproduction_bg1-1.jpg");
}
header{
	padding: 30px 55px 0;
	position: fixed;
    width: 100%;
    z-index: 10;
    box-sizing: border-box;
    left: 0;
    background: rgba(0,0,0,0);
}
header{
	-webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.logo-in-header{
	-webkit-transition: all .25s ease-out 0s;
    -moz-transition: all .25s ease-out 0s;
    -o-transition: all .25s ease-out 0s;
    transition: all .25s ease-out 0s;
}
header.mini{
	padding-top: 0;
	height: 48px;
	background: rgba(0,0,0,1);
}
.menu-in-header{
	margin: 0;
	padding: 0;
	list-style: none;
}
.menu-in-header li{
	display: inline-block;
	margin: 11px 0
}
.box-header{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.menu-in-header > li > a{
	color: #fff;
	padding: 0 15px;
	text-transform: uppercase;
	text-decoration: none;
	font-family: 'Roboto Condensed', sans-serif;
}
.logo-in-header{
	filter: drop-shadow(0 3px 7px rgba(64, 34, 100, .4));
	max-height: 70px;
}
header.mini .logo-in-header{
	max-height: 34px;
	margin: 7px 0;
}
.box-page{
	overflow: hidden;
	width: 100%;
    position: relative;
    z-index: 2;
}
.box-video{
	position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}
video {
  	position: absolute;
  	z-index: 1;
  	opacity: .99;
  	top: 50%;
  	left: 50%;
  	min-width: 100%;
  	min-height: 100%;
  	width: auto;
  	height: auto;
  	transform: translate(-50%, -50%);
  	-webkit-transform: translate(-50%, -50%);
  	-moz-transform: translate(-50%, -50%);
  	-ms-transform: translate(-50%, -50%);
  	-o-transform: translate(-50%, -50%);
}
svg {
  	position: absolute;
  	z-index: 2;
	width: 100vw;
  	height: 100vh;
  	mix-blend-mode: multiply;
  	top: 0;
}
#path1, #path2 {
  	mix-blend-mode: multiply;
}
#path2 {
  	opacity: 0.7;
}
linearGradient stop {
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
}
.section1 #fill1 .stop1 {
  	stop-color: #f23b3e;
}
.section1 #fill1 .stop2 {
  	stop-color: #6d3a83;
}
.section1 #fill2 .stop1 {
  	stop-color: #ee3a9e;
}
.section1 #fill2 .stop2 {
  	stop-color: #2f7ebf;
}
.section2 #fill1 .stop1 {
  stop-color: #713a80;
}
.section2 #fill1 .stop2 {
  	stop-color: #cc3b58;
}
.section2 #fill2 .stop1 {
  	stop-color: #b13496;
}
.section2 #fill2 .stop2 {
  	stop-color: #4a4587;
}
.section3 #fill1 .stop1 {
  	stop-color: #f33b47;
}
.section3 #fill1 .stop2 {
  	stop-color: #bb3b60;
}
.section3 #fill2 .stop1 {
  	stop-color: #2c94c6;
}
.section3 #fill2 .stop2 {
  	stop-color: #39449c;
}
/* Button */
button.btn {
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 2px;
	cursor: pointer;
	position: relative;
	z-index: 1;
	padding: 15px 30px;
	border: none;
	border-radius: 4px;
	box-shadow: 0px 16px 47px -15px #80101a;
	background: none;
	transition: box-shadow 0.2s ease-in-out;
	overflow: hidden;
	position: absolute;
	bottom: 20px;
	right: 20px;
	z-index: 3;
	outline: none;
}
button.btn span {
	position: relative;
	z-index: 2;
}
button.btn:before, button.btn:after {
	content: '';
	z-index: -1;
	background: #e23b48;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
button.btn:after {
	background: #23467a;
	transform: scaleY(0);
	transform-origin: top;
	transition: transform 0.2s ease-in-out;
	transition-delay: 0.1s;
}
button.btn:hover {
  	box-shadow: 0px 16px 47px -15px #08162b;
}
button.btn:hover:after {
	transform: scaleY(1);
	transform-origin: bottom;
	transition-delay: 0s;
}
.logo {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 100;
	width: auto;
	max-width: 50%;
	height: auto;
	transform: translate(-50%, -50%);
	fill: #fff;
	mix-blend-mode: normal;
	opacity: 0.9;
	filter: drop-shadow(0 3px 7px rgba(64, 34, 100, .4));
}
.box-page span.logo{
	font-size: 2.5rem;
    color: #fff;
    letter-spacing: .25rem;
    font-weight: 600;
	background-image: url("https://anebopro.com/wp-content/themes/anebropro_theme/...");
}

img, img.alignleft, img.alignright, img.aligncenter{
	display: block;
	margin: 0 auto;
	padding: 0px;
}
img.alignleft{
	float: left;
	margin: 0 20px 0 0;
}
img.alignright{
	float: right;
	margin: 0 0 0 20px;
}
img.aligncenter{
	margin: 0 auto;
}
table{
	max-width: 100%!important;
	width: auto!important;
	height: auto!important;
	margin: 30px auto;
}
table td{
	padding: 5px 15px;
	background: #fafafa;
}
table td, table th{
	border: 2px solid #eee;
}
table td:first-child, table th:first-child{
	text-align: center;
	font-weight: 700;
}
.gallery.gallery-size-thumbnail{
	margin: .2rem -.2rem !important;
}
.gallery.gallery-size-thumbnail .gallery-item{
	margin: 0 !important;
	padding: 0 !important;
}
.gallery.gallery-size-thumbnail br:not(:last-child){
	display: none;
}
.gallery .gallery-icon{
	padding: 0rem;
}
.gallery.gallery-size-thumbnail img{
	border: none !important;
	height: auto;
	width: 100%;
}
blockquote{
	margin: 1rem 0;
	padding: 1rem;
	border-left: .4rem solid #eee;
	background-color: #fafafa;
}
input[type='text'], input[type='color'], input[type='date'], input[type='datetime'], input[type='datetime-local'], input[type='email'], input[type='number'], input[type='range'], input[type='search'], input[type='tel'], input[type='time'], input[type='url'], input[type='month'], input[type='week'], textarea{
	width: 100%;
	padding: 0 10px;
	border: 1px solid #9da3a6;
	background: #fff;
	text-overflow: ellipsis;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color: #000;
	font-size: 1em;
	direction: ltr;
	margin: 0 0 10px 0;
}
input[type='text']:active, input[type='color']:active, input[type='date']:active, input[type='datetime']:active, input[type='datetime-local']:active, input[type='email']:active, input[type='number']:active, input[type='range']:active, input[type='search']:active, input[type='tel']:active, input[type='time']:active, input[type='url']:active, input[type='month']:active, input[type='week']:active, textarea:active, input[type='text']:focus, input[type='color']:focus, input[type='date']:focus, input[type='datetime']:focus, input[type='datetime-local']:focus, input[type='email']:focus, input[type='number']:focus, input[type='range']:focus, input[type='search']:focus, input[type='tel']:focus, input[type='time']:focus, input[type='url']:focus, input[type='month']:focus, input[type='week']:focus, textarea:focus{
	outline: 0;
	border: 1px solid #00ba75;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	background-color: #fff;
}
input[type='text']:hover, input[type='color']:hover, input[type='date']:hover, input[type='datetime']:hover, input[type='datetime-local']:hover, input[type='email']:hover, input[type='number']:hover, input[type='range']:hover, input[type='search']:hover, input[type='tel']:hover, input[type='time']:hover, input[type='url']:hover, input[type='month']:hover, input[type='week']:hover, textarea:hover{
	outline: 0;
	border: 1px solid #cbcdce;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	background-color: #fff;
}
input[type='text'], input[type='color'], input[type='date'], input[type='datetime'], input[type='datetime-local'], input[type='email'], input[type='number'], input[type='range'], input[type='search'], input[type='tel'], input[type='time'], input[type='url'], input[type='month'], input[type='week']{
	height: 44px;
}
textarea{}
input[type="button"], input[type="reset"], input[type="submit"]{
	width: 100%;
	height: 44px;
	padding: 0;
	border: 0;
	display: block;
	background-color: #00ba75;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	cursor:pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	-webkit-tap-highlight-color: transparent;
	color: #fff;
	font-size: 1em;
	text-align: center;
	font-weight: 600;
	text-shadow: none;
	text-decoration: none;
	-webkit-transition: background-color .4s ease-out;
	-moz-transition: background-color .4s ease-out;
	-ms-transition: background-color .4s ease-out;
	-o-transition: background-color .4s ease-out;
	transition: background-color .4s ease-out;
	-webkit-font-smoothing:antialiased;
}
input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus{
	background: #038e5a;
	outline: 0;
}
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover{
	background-color: #038e5a;
	outline: 0
}
.dflt ul, .dflt ol{
	margin: 0;
	padding: 5px 15px 5px 20px;
}
.dflt ul{
	list-style: none;
}
.dflt li{
	padding: 5px 0;
}
.dflt ul li:before{
	content: "\f05d";
	display: inline-block;
	font-family: FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 12px;
	margin-right: 10px;
	color: #01b975;
}
.dflt h1{
	margin-bottom: 30px;
}
.dflt h2{
	margin-bottom: 25px;
}
.dflt h3{
	margin-bottom: 20px;
	margin-top: 40px;
}
.dflt h4, .dflt h6, .dflt h6{
	margin-bottom: 15px;
}
.dflt img{
	max-width: 100%;
	height: auto;}
.dflt input[type='text'], .dflt input[type='color'], .dflt input[type='date'], .dflt input[type='datetime'], .dflt input[type='datetime-local'], .dflt input[type='email'], .dflt input[type='number'], .dflt input[type='range'], .dflt input[type='search'], .dflt input[type='tel'], .dflt input[type='time'], .dflt input[type='url'], .dflt input[type='month'], .dflt input[type='week'], .dflt textarea{
	margin-bottom: 20px;
	border-radius: 0;
}
.dflt .wpcf7{
	padding: 20px 0}
.dflt .wpcf7:after{
	content: '';
	display: block;
	width: 100;
	clear:both;
}
.dflt .wpcf7 p{
	margin: 0;
}
.dflt .wpcf7-form-control-wrap .wpcf7-not-valid-tip{
	margin-top: 0;
	position: absolute;
	bottom: 0;
}
.wpcf7-form *{
	transition: all .15s ease-out 0s;
	-webkit-transition: all .15s ease-out 0s;
	-moz-transition: all .15s ease-out 0s;
	-ms-transition: all .15s ease-out 0s;
	-o-transition: all .15s ease-out 0s;
}
.wpcf7-form-control-wrap{
	display: inline-block;
	width: 100%;
}
.wpcf7-form-control-wrap .wpcf7-not-valid-tip{
	font-size: 12px;
	font-weight: 500;
	line-height: 18px;
	margin-top: -10px;
}
.wpcf7-form div.wpcf7-response-output{
	font-size: 12px;
	font-weight: 500;
	line-height: 18px;
	margin: -10px 0 0;
	padding: 8px;
	color: #fff;
	border: none;
	text-shadow: 1px 1px 1px rgba(0,0,0,.4);
}
.wpcf7-form div.wpcf7-validation-errors{
	background: #F44336;
}
.wpcf7-form div.wpcf7-mail-sent-ok{
	background: #398f14;
}
.wpcf7-form div.wpcf7-mail-sent-ng{
	background: #ff0000;
}
.wpcf7-form div.wpcf7-spam-blocked{
	background: #ffa500;
}
.wpcf7-form div.wpcf7-response-output{
	clear: both;
}
.shadow{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: rgba(0,0,0,.5); */
    z-index: 3;
	background: linear-gradient(to right, rgba(33, 10, 43, 0.8) 0%, rgba(27, 21, 29, 0.9) 32%, rgba(0, 0, 0, 0.94) 100%);
}
.box-data{
	position: relative;
    color: #fff;
    padding: 15% 85px 0 65%;
    width: 100%;
    z-index: 5;
    box-sizing: border-box;
}
.box-data a{
	color: #fff;
}
.box-data h1{
	font-size: 40px;
	line-height: 1.2;
	font-weight: 100;
	text-transform: uppercase;
	margin: 0 0 30px;
	letter-spacing: 2px;
}
.line{
	position: absolute;
	background: rgba(255,255,255,1);
	height: 120%;
	width: 2px;
	transform: rotate(20deg);
	-webkit-transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	-o-transform: rotate(20deg);
	z-index: 4;
    left: -50%;
    top: -10%;
    margin-left: -1px;
    animation: linefull 3s ease-in-out;
    animation-fill-mode: forwards;
}
@keyframes linefull{
	0%{
		left: -50%;
	}
	60%{
		left: 50%;
		width: 2px;
		margin-left: -1px;
		background: rgba(255,255,255,1);
	}
	100%{
		left: 50%;
		width: 150px;
		margin-left: -75px;
		background: rgba(255,255,255,.1);
	}
}
.play{
	position: absolute;
    top: 50%;
    left: -100%;
    z-index: 6;
   	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	overflow: hidden;
    animation: playvis 4s ease-in-out;
    animation-fill-mode: forwards;
    opacity: 0;
}
@keyframes playvis{
	0%{
		opacity: 0;
		left: -100%;
	}
	40%{
		opacity: .5;
		left: 25%;		
	}
	100%{
		opacity: 1;
		left: 25%;
	}
}
@keyframes playvis-mob{
	0%{
		opacity: 0;
		left: -100%;
	}
	40%{
		opacity: .5;
		left: 50%;		
	}
	100%{
		opacity: 1;
		left: 50%;
	}
}
.border-play{
    cursor: pointer;
    color: #fff;
    text-transform: uppercase;
    font-size: 32px;
    line-height: 1.4;
   	letter-spacing: 7px;
}
.border-play > img{
	vertical-align: middle;
    display: inline-block;
    margin: 0 30px 0 0;
}

.bkg-footer{
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    height: 145px;
}
.box-popup{
	position: absolute;
    z-index: 6;
    padding: 55px;
    background: #000;
    width: 100%;
    max-height: 100%;
    left: -100%;
    top: 130px;
    -webkit-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s;
    opacity: 0;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
}
.popup-video{
	position: relative;
	height: 100%;
}
.box-popup.vis{
	left: 0;
	opacity: 1;
}
.box-popup .close{
	position: absolute;
	top: -55px;
    right: -45px;
	width: 35px;
	height: 55px;
	cursor: pointer;
}
.box-popup .close:before, .box-popup .close:after{
	content: '';
	display: block;
	width: 35px;
	top: 27px;
	height: 1px;
	background: rgba(255,255,255,.8);
	position: absolute;
	top: 27px;
	left: 0;
}
.box-popup .close:before{
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
}
.box-popup .close:after{
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}
.popup-video iframe{
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

/*	portfolio */
.vertical-center {
    min-height: 100%;
    min-height: 100vh;
    min-height: calc(100% + 75px);
    min-height: calc(100vh + 75px);
    display: flex;
    align-items: center;
}
.vertical-center .container.text-center{
	width: 100%;
	text-align: center;
}
.vertical-center h1{
	margin: 0;
    padding: 0;
    font-weight: 100;
    font-size: 42px;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 1.3;
    position: relative;
  	z-index: 50;
  	color: #fff;
}
.wrapper {
  	display: block;
  	height: auto;
  	position: relative;
  	padding-bottom: 3em;
}
.hero {
  	position: relative;
  	height: 100%;
  	width: 100%;
  	background: url(../../../s/9u786zwyehzuvam/cliffSide_mini_dl-1.jpg) no-repeat 50% 50% fixed;
  	background-size: 100%;
  	overflow: hidden;
  	z-index: 2;
}
.hero.fadeout .optional-rainbow {
  	display: block;
}
.hero.fadeout:before {
  	display: none;
}
.hero:before {
  	display: block;
  	position: absolute;
  	height: 100%;
  	width: 100%;
  	z-index: 5;
  	content: "";/*
  	background: -webkit-linear-gradient(#30f89c, #352ce6, #fc5e9d);
  	background: -moz-linear-gradient(left, #30f89c, #352ce6, #fc5e9d);
  	background: linear-gradient(#30f89c, #352ce6, #fc5e9d);*/
  	background: -webkit-linear-gradient(rgba(0,0,0,.93), rgba(255,255,255,0.75), rgba(0,0,0,.98));
  	background: -moz-linear-gradient(left, rgba(0,0,0,.93), rgba(255,255,255,0.75), rgba(0,0,0,.98));
  	background: linear-gradient(rgba(0,0,0,.93), rgba(255,255,255,0.75), rgba(0,0,0,.98));
  	opacity: 0.4;
}
.hero .optional-rainbow {
  	display: none;
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
  	background: -webkit-linear-gradient(#30f89c, #352ce6, #fc5e9d);
  	background: -moz-linear-gradient(#30f89c, #352ce6, #fc5e9d);
  	background: linear-gradient(#30f89c, #352ce6, #fc5e9d);
  	opacity: 0.4;
  	z-index: 4;
}
.list_portfolio{
	position: relative;
	z-index: 2;
	background: #000;
}
.list_portfolio:after{
	content: '';
	display: block;
	float: none;
	clear: both;
}
.one_portfolio{
	width: 33.33333333%;
	float: left;
	padding: 0;
	margin: 0;
}
.list_category{
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 5;
}
.list_category > li{
	display: block;
}
.list_category ul{
	list-style: none;
	margin: 0;
	padding: 0 0 40px;
	text-align: center;
}
.list_category ul li{
	display: inline-block;
}
.list_category ul li a{
	color: #fff;
	display: inline-block;
	text-decoration: none;
	margin: 0 22px;
	padding: 0;
	font-weight: 300;
	text-transform: uppercase;
	position: relative;
	font-size: 30px;
	line-height: 1.1;
	position: relative;
	z-index: 5;
}
.list_category ul li.current-cat a:after{
	content: '';
	position: absolute;
	background: #fff;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
}
.grid {
    position: relative;
    clear: both;
    margin: 0 auto;
    padding: 0;
    max-width: 100%;
    list-style: none;
    text-align: center;
}
.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 0;
    width: 100%;
    height: auto;
    background: #3085a3;
    text-align: center;
    cursor: pointer;
}
.grid figure .bkg_image {
    position: absolute;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 0.8;
    margin: 0;
    padding: 0;
}
.grid figure figcaption, .grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.grid figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.grid figure h2, .grid figure article {
    margin: 0;
}
.grid figure h2 {
    word-spacing: -0.15em;
    font-weight: 300;
}
.box_img{
	position: relative;
}
.box_img .hb{
	opacity: 0;
	z-index: -1;
	width: 100%;
	height: auto;
}
.box_img .bkg_image{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
}
figure.effect-duke {
	background: -webkit-linear-gradient(-45deg, #34495e 0%,#cc6055 100%);
	background: linear-gradient(-45deg, #34495e 0%,#cc6055 100%);
}
figure.effect-duke .bkg_image,
figure.effect-duke article {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
figure.effect-duke:hover .bkg_image {
	opacity: 0.1;
	-webkit-transform: scale3d(2,2,1);
	transform: scale3d(2,2,1);
}
figure.effect-duke h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: scale3d(0.8,0.8,1);
	transform: scale3d(0.8,0.8,1);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}
figure.effect-duke h2 {
    font-size: 34px; 
}
figure.effect-duke article {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 60px;
	padding: 20px;
	border: 2px solid #fff;
	text-transform: none;
	font-size: 90%;
	opacity: 0;
	-webkit-transform: scale3d(0.8,0.8,1);
	transform: scale3d(0.8,0.8,1);
	-webkit-transform-origin: 50% -100%;
	transform-origin: 50% -100%;
}

figure.effect-duke:hover h2,
figure.effect-duke:hover article {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

.grid figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

/* Media queries */
@media screen and (max-width: 50em) {
	.content {
		padding: 0 10px;
		text-align: center;
	}
	.grid figure {
		display: inline-block;
		float: none;
		margin: 0 auto;
		width: 100%;
	}
}

/* contact */
.main-content {
  	overflow: hidden;
    position: relative;    
    height: 100vh;    
    /*background: linear-gradient(to right, rgb(124, 90, 138) 0%, rgb(39, 34, 41) 32%, rgba(74,71,70,1) 100%);*/
    color: #fff;
    z-index: 2;
	background-image: url("../../uploads/2020/03/U5Ccc0f.gif");
}
.vignette{
  	position:absolute;
  	width:100%;
  	height:100%;
 	box-shadow: inset 0px 0px 150px 20px black;
  	mix-blend-mode: multiply;
  	-webkit-animation: vignette-anim 3s infinite; /* Safari 4+ */
  	-moz-animation: vignette-anim 3s infinite; /* Fx 5+ */
  	-o-animation: vignette-anim 3s infinite; /* Opera 12+ */
  	animation: vignette-anim 3s infinite; /* IE 10+, Fx 29+ */
}
.noise {
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;    
    width: 100%;
    height: 100%;    
    pointer-events: none;
    opacity: .15;
}
.line{
  	position: absolute;
  	height: 125%;
  	width: 1px;
  	opacity: .1;
  	background-color: #000;
}
.page-template-contact .main-content{
	min-height: 800px;
}
.titleCont{
	background: #000;
    width: 67%;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    padding: 70px 12% 60px 12%;
    color: #686868;
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: 1px;
    z-index: 3;
}
.titleCont article{
	margin: 0 0 50px;
}
.box_action{
	margin: 0 0 70px 0; 
}
.box_action a{
	display: inline-block;
	border: 2px solid #fff;
	text-transform: uppercase;
    text-decoration: none;
    padding: 14px 30px;
    margin: 0 15px 0 0;
}
.box_signature{
	font-size: 14px;
    letter-spacing: 3px;
    line-height: 1.5;
}
.box_signature h3{
	font-size: 22px;
    line-height: 1.2;
    margin: 0 0 10px;
    display: inline-block;
    font-weight: 400;
}
.titleCont h1{
	margin: 0 0 40px;
    padding: 0;
    font-size: 30px;
    line-height: 1.1;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
    color: #fff;
}
.titleCont a{
	color: #fff;
	position: relative;
    text-decoration: none;
}
.titleCont article a:after{
	content: '';
	width: 100%;
	background: #fff;
	bottom: -7px;
	left: 0;
	height: 2px;
	position: absolute;
}
.box_signature{
	white-space: pre-line;
}
.overTitle{
    position: absolute;
    top: 0;
    left: 0;
}
.dot{
	width: 3px;
	height: 2px;
	background-color: white;
	position: absolute;
	opacity: .3;
}
@-webkit-keyframes vignette-anim {
  	0%, 100%{
  		opacity: 1;
  	}
  	50%{
  		opacity: .7;
  	}
}
@-moz-keyframes vignette-anim {
  	0%, 100%{
  		opacity: 1;
  	}
  	50%{
  		opacity:.7;
  	}
}
@-o-keyframes vignette-anim {
  	0%, 100%{
  		opacity: 1;
  	}
  	50%{
  		opacity: .7;
  	}
}
@keyframes vignette-anim{
  	0%, 100%{
  		opacity: 1;
  	}
  	50%{
  		opacity:.7;
  	}
}

/* page */
.box_header{
	position: relative;
    height: 50%;
    height: 50vh;
    overflow: hidden;
    justify-content: center;
    display: flex;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    z-index: 2;
}
.box_header.with_img:before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.65);
}
.box_header video{
	opacity: .5;
}
.box_header h1{
	position: relative;
    z-index: 2;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    line-height: 1.354;
    font-size: 35px;
    display: inline-block;
    align-self: center;
}
.box_page{
	color: #fff;
	letter-spacing: 2px;
	line-height: 1.6;
	position: relative;
	background: #000;
	padding: 70px 0 60px;
	z-index: 2; 
}
.box_page > article{
	width: 70%;
	margin: 0 auto;
}
.tiled-gallery .gallery-row{
	margin: auto;
}

footer{
	text-align: center;
	color: #fff;
	padding: 20px 55px;
	width: 100%;
  	background: #1c0027;
  	box-sizing: border-box;
  	position: fixed;
  	bottom: 0;
  	left: 0;
  	right: 0;
}
footer a:hover{
	color: #e285f5;
}
footer .box-footer:after{
	content: '';
	display: block;
	clear: both;
}
footer a{
	color: #fff;
	text-decoration: none;
}
footer .box-footer{
	margin: 0 -10px;
}
footer .box-widget{
	width: 25%;
	padding: 15px 10px 10px;
	float: left;
	box-sizing: border-box;
	font-size: .8rem;
}
footer .box-widget p{
	margin: 0;
	font-size: .8rem;
}
footer .box-widget ul{
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: .8rem;
}
footer a i{
	margin: 0 7px;
    font-size: 1rem;
}
.box-sign{
	font-size: 12px;
    line-height: 20px;
    padding: 10px 0 0;
}
.box-sign img{
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    height: 20px;
    width: auto;
}

@media(max-width:1200px) and (min-width:789px){
	.box-data{
		padding: 195px 85px 0 45%;
	}
}

@media(max-width: 1024px){
	.box_page > article{
		width: 90%;
	}
}

@media(max-width:789px) and (min-width:560px){
	.titleCont {
    	width: 87%;
    	padding: 70px 18% 60px 8%;
	}	
	footer .box-widget{
		width: 50%;
	}
	footer .box-widget:nth-child(2n + 1){
		clear: both;
	}
}

@media(max-width:788px){
	header{
		padding: 0 35px;
		background: #000;
	}
	.hero{
		background-size: auto 140%!important;
	}
	.logo-in-header{
		height: 34px;
		margin: 7px 0;
	}
	.menu-in-header > li > a{
		padding: 0 7px;
		font-size: 14px;
	}
	.play{
		top: 25%;
		left: -100%;
		animation: playvis-mob 4s ease-in-out;
		animation-fill-mode: forwards;
	}
	.play img{
		width: 30px;
		margin: 0 24px 0 0;
		height: auto;
	}
	.border-play{
		font-size: 26px;
		letter-spacing: 3px;
		white-space: nowrap;
	}
	.box-popup{
		top: 100px;
		height: calc(100vh - 100px);
	}
	.box-video{
		min-height: 100vh;
		height: auto;
	}
	video {
	    position: relative;
	    top: initial;
	    left: 50%;
	    transform: translate(-50%, 0);
	    -webkit-transform: translate(-50%, 0);
	    -moz-transform: translate(-50%, 0);
	    -ms-transform: translate(-50%, 0);
	    -o-transform: translate(-50%, 0);
	}
	.box-data{
		padding: 70px 35px;
	}
}

@media(max-width:1450px) and (min-width:1200px){
	.grid figure figcaption{
		padding: 1em;
	}
	figure.effect-duke h2{
		font-size: 24px;
	}
	figure.effect-duke article{
		padding: 1.2em;
		margin: 1.2em;
		font-size: .8em;
	}
}

@media(max-width:1999px) and (min-width:1100px){
	.grid figure figcaption{
		padding: 1em;
	}
	figure.effect-duke h2{
		font-size: 24px;
	}
	figure.effect-duke article{
		padding: 1.2em;
		margin: 1.2em;
		font-size: .8em;
	}
}

@media(max-width:1099px) and (min-width:700px){
	.one_portfolio{
		width: 50%;
	}
}

@media(max-width:1099px) and (min-width:900px){
	.grid figure figcaption{
		padding: 1.5em;
	}
	figure.effect-duke h2{
		font-size: 28px;
	}
	figure.effect-duke article{
		padding: 1.5em;
		margin: 1.5em;
	}
}

@media(max-width:899px) and (min-width:700px){
	.grid figure figcaption{
		padding: 1em;
	}
	figure.effect-duke h2{
		font-size: 25px;
	}
	figure.effect-duke article{
		padding: 1em;
		margin: 1em;
		font-size: .8em;
	}
	
}

@media(max-width:1050px) and (min-width:790px){
	.titleCont{
		width: 87%
	}
}

@media(max-width:1220px) and (min-width:700px){
	.titleCont{
		padding: 70px 18% 60px 12%;
	}
}

@media(max-width:699px){
	.one_portfolio{
		width: 100%;
		float: none;
	}
}

@media(max-width:559px){
	header{
		padding: 0 15px;
	}
	.menu-in-header > li > a{
		font-size: 12px;
	}
	.page-template-contact .main-content{
		height: auto;
	}
	.titleCont {
    	width: 90%;
    	position: relative;
    	padding: 40px 10% 60px 10%;
    	top: initial;
    	-webkit-transform: translateY(0%);
    	-moz-transform: translateY(0%);
    	-ms-transform: translateY(0%);
    	-o-transform: translateY(0%);
    	transform: translateY(0%);
		margin-top: 30%;
    	margin-left: 10%;
	}
	figure.effect-duke:hover article{
		-webkit-transform: initial;
		-moz-transform: initial;
		-ms-transform: initial;
		-o-transform: initial;
    	transform: initial;
	}
	footer .box-widget{
		width: 100%;
		float: none;
	}
}

@media(max-width:500px){
	.grid figure figcaption{
		padding: 1em;
	}
	figure.effect-duke h2{
		font-size: 25px;
	}
	figure.effect-duke article{
		padding: 1em;
		font-size: .8em;
	}
	
}

@media(max-width: 480px){
	.logo-in-header{
		height: 26px;
		margin-right: 4px;
	}
	.menu-in-header > li > a{
		font-size: 10px;
		padding: 0 6px
	}
	body:not(.home) .menu-in-header > li > a{
		font-size: 9px;
		padding: 0 4px
	}
	.menu-in-header > li:first-child > a{
		padding-left: 0;
	}
	.menu-in-header > li:last-child > a{
		padding-right: 0;
	}
}

@media(max-width: 400px){
	figure.effect-duke article{
		margin: 1.5em 
	}
}