/*
Theme Name: Horisumi Theme
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*====================================== reset.css is here ========================================*/
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0;	padding: 0;	border: 0;	font-size: 100%;font: inherit;	vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {	line-height: 1;}
ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {	content: '';	content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}
.clear_0 {clear:both; font-size:0px; line-height:0px; display:block;width:100%;}
.last {margin:0 !important;}
.pad_last{padding:0 !important;}
.no_bg {background:none !important;}
.pad_bot{padding-bottom: 58px;}
.preloader {display: none !important}
/**************************************************************************************/
*{ -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
a { color:#f9ba15; text-decoration:none; outline:0 none; font-family: "effra",sans-serif;    transition: all .3s ease-in-out;}
a:hover {text-decoration:none;}
h1 { font-size:32px;font-family: "rift",sans-serif; color: #fff}
h2 { font-size:28px;font-family: "rift",sans-serif; color: #fff}
h3 { font-size:26px;font-family: "rift",sans-serif; color: #fff}
h4 { font-size:16px;font-family: "rift",sans-serif; color: #fff}
h5 { font-size:14px;font-family: "rift",sans-serif; color: #fff}
h6 { font-size:12px;font-family: "rift",sans-serif; color: #fff}
p {font-family: "effra",sans-serif;font-size: 16px;line-height: 1.4;letter-spacing: 1px;color: #ffffff;padding-bottom: 20px;}
b {font-weight: bold;}
img { width: auto; height: auto; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic;}

.atk-btn, .atk-btn:focus {font-family: "rift",sans-serif; text-decoration: none; border: solid 1px #f9ba15; font-size: 23px;letter-spacing: 1px; text-align: center;color: #ffffff;padding: 12px 25px; display: inline-block; transition: .4s ease all;}
.atk-btn:hover {background-color: #f9ba15; color: #100f14; -webkit-transform: translateY(-4px); transform: translateY(-4px);text-shadow: none;}

.banner_section .atk-btn {margin:0 10px;}
.story .atk-btn {margin-top:30px}

.center {text-align: center!important;}

/*----------------------------------------------------------------------------------*/
html { }
body {background-color: rgb(24, 25, 28);color: #fff;font-size:12px;font-family: "effra",sans-serif;line-height: normal;-webkit-font-smoothing: antialiased;}
.flt_Lt { float:left; display:inline;}
.flt_Rt { float:right; display:inline;}
.txt_cnt { text-align: center;}
input,textarea { -webkit-appearance:none; border-radius:0px; outline:none; border:0px;}
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both;}
.table_sec { display: table;}
.table_cell { display: table-cell;vertical-align: middle;}
.pad_30{padding: 30px 0 0 0 ;}
.mar_top{    margin-top: -40px!important;}
.split{width: 100%;}


/* ----------------------- layout ----------*/
.wrapper									{ margin:0 auto;  position: relative;}
.container									{ width:1520px; margin:0 auto; padding: 0; }

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



.background {
    background:#000;
    position: absolute;
    top: 0;
    width:100%;
    height: 100%;
    }
.landing {position: relative;
    height: 100vh;
    background-size: cover;}


.logo-landing {width: 325px;
    display: inline-block;
    margin-bottom: 25px;}

.landing .layer {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    position: absolute;
    top: 0;
    height: 100vh;
    flex-direction: column;
    justify-content: center;
    align-items: center;}
.landing .layer h4{font-size: 16px;font-family: "effra",sans-serif; font-weight: bold;font-style: normal;font-stretch: normal;line-height: 44px;letter-spacing: 2px;text-align: center;padding-bottom: 10px;color: #f9ba15;}
.landing .layer h1{ font-family: "rift",sans-serif; font-size:40px; font-weight: bold; font-style: normal;padding-bottom: 15px; font-stretch: normal; line-height:44px; letter-spacing: 2px; text-align: center; color: #ffffff; text-shadow:1px 1px 4px rgba(0, 0, 0, 0.5);}
.scroll-btn {display: block;  position: absolute;  outline: none; left: 0;   bottom: 80px; right: 0; z-index: 9;text-align: center;}
.scroll-btn a:after{content: ""; position: absolute;    bottom: -100px; left: 0; right: 0; text-align: center; margin: 0 auto; width: 1px; height: 100px; background-color: #fff;}
.scroll-btn a{font-family: "effra",sans-serif; font-size: 14px;text-transform: uppercase; line-height: 38px;  letter-spacing: 2px; text-align: center;color: #ffffff; font-weight: 600; transition: .4s ease all;}
.scroll-btn a:hover {color: #f9ba15; letter-spacing: 3px}

.scroll-btn a:before {
content: "";
    position: absolute;
    bottom: -100px;
    height: 110px;
    width: 100%;
    left: 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 120%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 120%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 120%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	}

video { display: block; }



video#bgvid {
	position: relative;
    min-width: 100%;
    min-height: 100%;
    z-index: 0;
    background: #000;
    background-size: cover;
    transition: 1s opacity;
}

.black-overlay {
    background: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}




/* ------------------------- HEADER HERE -------------------*/
.header{width: 100%; position: fixed; z-index: 999;  background-color: #121215;box-shadow: 0 -6px 29px 0 rgba(0, 0, 0, 0.5); min-height: 120px; top:0;}
.logo {z-index: 9;/*transform: translateX(-50%); -ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);*/}
.logo a{text-decoration: none; font-family: "rift",sans-serif;font-style: normal;font-weight: 600;color: #fff; font-size: 24px;}
.logo img {width:83px; height: auto; margin-right:20px;}
.home .header{position: absolute;left: 0; right: 0; z-index: 999; top: 100vh;}
.home .header.sticky{position: fixed;}
.home .header.sticky {opacity: 1;    top: 0;}
.nav_bg{background-color: #121215;position: relative;height: 120px;display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; justify-content: space-between;align-items: center;padding: 0 30px;}
.nav_bg .nav ul li {display: inline-block;padding: 45px 0px;margin: 0 15px;position: relative;}
.nav_bg .nav ul li:last-child {}
.nav_bg .nav ul li a { text-decoration: none; font-family: "rift",sans-serif;font-style: normal;font-weight: 600;color: #fff; font-size: 21px; padding: 0 0px 9px; margin: 0 10px; transition: 0.3s ease all ; letter-spacing: 1px;text-transform: uppercase; box-shadow: inset 0 -5px 0 0 #121215, inset 0 -6px 0 0 #121215;}
.nav_bg .nav ul li a:hover{color:#fff; box-shadow: inset 0 -7px 0 0 #121215, inset 0 -8px 0 0 rgba(249,186,21,1);}
.sub-menu {display: block;background-color: #121215;position: absolute;top: 119px;left: 8px;width: 100%;min-width: max-content;z-index: 9;border-radius: 0px 0px 4px 4px;margin: 0;opacity: 0;transform: translateY(5px);pointer-events: none;padding: 20px 0 !important;border: none;border-top: 3px solid #F9BA15;box-shadow: 0px 14px 11px -4px rgba(0,0,0,0.1);transition: all 0.3s ease-in-out;overflow: hidden;}
.nav_bg .nav ul > li > ul li {
    display: block;
    position: relative;
    list-style: none;
    width: auto;
    text-align: left;
    margin: 0;
    padding: 0;
}
.nav_bg .nav ul > li > ul li a {
    font-size: 16px;
    line-height: 21px;
    margin: 0;
    font-family: "effra",sans-serif;
    font-weight: 400;
    text-decoration: none;
    position: relative;
    z-index: 99;
    letter-spacing: 1px;
    color: #fff;
    text-transform: none;
    opacity: 0.6;
    background-image: linear-gradient( to left,transparent,transparent 50%,#F9BA15 50%,#F9BA15 );
    background-position: 100% center;
    background-repeat: no-repeat;
    background-size: 201% 70%;
    display: block;
    padding: 9px 32px;
    -webkit-transition: 0.15s background 0.1s cubic-bezier(0.39,0.575,0.565,1);
    transition: 0.15s background 0.1s cubic-bezier(0.39,0.575,0.565,1);
}

.nav_bg .nav ul > li > ul li a:after {    background-color: #fff;
    content: '';
    height: 1px;
    left: 32px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px);
    -webkit-transition: 0.15s all cubic-bezier(0.39,0.575,0.565,1);
    transition: 0.15s all cubic-bezier(0.39,0.575,0.565,1);
    -webkit-transition-property: opacity,-webkit-transform;
    -webkit-transition-property: opacity,transform;
    transition-property: opacity,transform;
    width: 26px;}
.nav_bg .nav ul > li > ul li a:hover:after {opacity: 1;
    -webkit-transform: translateY(-2px) translateZ(0);
    -ms-transform: translateY(-2px) translateZ(0);
    transform: translateY(-2px) translateZ(0);}
.nav_bg .nav ul > li > ul li:hover a {
    box-shadow: none;
}



.nav_bg .nav ul li:hover .sub-menu {
    opacity: 1;
    transform: translateY(0px);
    pointer-events: auto;
}

.nav ul li ul li a:hover {
    background-position: 97.5% center;
    -webkit-text-decoration: none;
    text-decoration: none;
    opacity: 1;
}

.nav-icon {position: absolute;}

.sticky{position: fixed;top: 0px;margin-top: 0px;z-index: 10000;left: 0px;width: 100%;}


.scroll {
	max-height: 450px;
	overflow-y: scroll;
}
.scroll:after {
    content: '';
    width: 100%;
    height: 80px;
    position: absolute;
    bottom: -10px;
    z-index: 700;
    pointer-events: none;
}

.scroll-rates:after {
height: 80px;
bottom: -30px;
}

.scroll:after {
    background: -moz-linear-gradient(top, rgba(24,25,28,0) 3%, rgba(24,25,28,1) 80%);
    background: -webkit-linear-gradient(top, rgba(24,25,28,0) 3%,rgba(24,25,28,1) 80%);
    background: linear-gradient(to bottom, rgba(24,25,28,0) 3%,rgba(24,25,28,1) 80%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00121215', endColorstr='#a6121215',GradientType=0 );
}

.scroll.dark-scroll:after {
	background: -moz-linear-gradient(top, rgba(14,14,17,0) 3%, rgba(14,14,17,1) 80%);
	background: -webkit-linear-gradient(top, rgba(14,14,17,0) 3%,rgba(14,14,17,1) 80%);
	background: linear-gradient(to bottom, rgba(14,14,17,0) 3%,rgba(14,14,17,1) 80%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00121215', endColorstr='#a6121215',GradientType=0 );
}







/* ------------------------ Banner HERE --------------*/
.banner_section1 { position: relative;margin:0 auto; max-width: 100%;background:url(images/Bitmap1.png); background-position: right top;min-height: 737px; background-size: cover;}
.banner_section1 .container {width:100%}
.flex-content {padding-left: 0px; padding-right:0px; display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; align-items: center; justify-content: center; flex-direction: column;}
.banner_section1  .left_img{    position: absolute; left: 0;width: 50%; min-height: 737px;}
.banner_section1  .left_img img{width: 100%; height: 100%; object-fit: cover;}
.banner_section1 h1{ font-size: 40px;font-weight: bold; line-height: 1.25;letter-spacing: 2px;text-align: left;color: #ffffff;text-shadow: 0.5px 0.5px 2px rgba(0, 0, 0, 0.5);  border-bottom: 1px solid #f9ba15; padding-bottom: 10px; margin-bottom: 30px;}
.banner_section1 p{ font-family: "effra",sans-serif;font-size: 17px;line-height: 1.59;letter-spacing: 1px;text-align: left;color: #ffffff;text-shadow: 0.5px 0.5px 2px rgba(0, 0, 0, 0.5); padding: 10px 0 45px;}
.banner_section1 h4{ font-family: "effra",sans-serif;font-size: 15px;font-weight: bold;line-height: 2.31;letter-spacing: 2px;text-align: left;color: #f9ba15; text-transform: uppercase;}
.banner_section1 .mission {max-width: 520px;}
.banner_section1 .story_btn a{ font-family: "rift",sans-serif; text-decoration: none; border: solid 1px #f9ba15; font-size: 23px;letter-spacing: 1px; text-align: center;color: #ffffff;    padding: 12px 0px;width: 200px; display: inline-block; transition: .4s ease all;}
.banner_section1 .story_btn a:hover, .banner_section1 .story_btn a:focus {background-color: #f9ba15; color: #100f14; -webkit-transform: translateY(-4px); transform: translateY(-4px);}
/* ------------------------ Maincontent --------------*/

.main_content{position: relative;margin:0 auto;max-width: 100%;z-index: 99;margin-top:120px;}
.main_content.sub-on {margin-top:184px;}
.home .main_content {margin-top:120px}





/* --------------COMMON ELEMENTS--------------*/





/* ------------------------ Placeholder--------------*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color: #15222a; font-size: 16px; font-family: 'Lato', sans-serif; }
input:-moz-placeholder, textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #15222a; font-size: 16px; font-family: 'Lato', sans-serif;}
input::-moz-placeholder,textarea::-moz-placeholder { /* Mozilla Firefox 19+ */color: #15222a; font-size: 16px; font-family: 'Lato', sans-serif; }
input:-ms-input-placeholder,textarea:-ms-textarea-placeholder { /* Internet Explorer 10+ */  color: #15222a; font-size: 16px; font-family: 'Lato', sans-serif; }

.form-style-1 input::-webkit-input-placeholder,.form-style-1 textarea::-webkit-input-placeholder{ color: #e5f2fa; font-size: 18px; font-family: 'Lato', sans-serif; font-weight: 400; }
.form-style-1 input:-moz-placeholder, .form-style-1 textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #e5f2fa; font-size: 18px;font-family: 'Lato', sans-serif;  font-weight: 400;}
.form-style-1 input::-moz-placeholder, .form-style-1 textarea::-moz-placeholder { /* Mozilla Firefox 19+ */color: #e5f2fa; font-size: 18px;font-family: 'Lato', sans-serif; font-weight: 400; }
.form-style-1 input:-ms-input-placeholder, .form-style-1 textarea:-ms-textarea-placeholder { /* Internet Explorer 10+ */  color: #e5f2fa; font-size: 18px; font-family: 'Lato', sans-serif;  font-weight: 400;}


/* ------------------ FOOTER HERE --------------------------*/
.footer{position: relative;margin:0 auto; max-width: 100%;  background-color: #121215;    z-index: 99;}
.address_sec .address{background-image: url(images/address1.png); background-position: center; background-size: cover; padding: 80px 70px 30px 70px;}
.address_sec .time{background-image: url(images/address2.png); background-position: center; background-size: cover; padding: 80px 70px 30px 70px;}
.address_sec .map { height:455px; padding: 0;}
.address_sec h4{ font-family: "effra",sans-serif;font-size: 16px;font-weight: bold;line-height:24px;letter-spacing: 2px;text-align: left;color: #f9ba15;text-transform: uppercase;    padding-bottom: 20px;}
.address_sec h2{font-family: "rift",sans-serif; font-size: 35px;font-weight: bold;line-height: 40px;letter-spacing: 2px;text-align: left;color: #ffffff;text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);    padding-bottom: 25px;}
.address_sec p{ font-family: "effra",sans-serif;font-size:17px;line-height:24px;letter-spacing: 1px;text-align: left;color: #ffffff;text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);padding-bottom: 45px;}
.address_sec a{font-family: "rift",sans-serif; font-size:23px;letter-spacing: 1px;text-align: left;color: #ffffff; text-decoration: none; display: block;}
.address_sec a:hover{color: #f9ba15;}
.address_sec .time p{line-height: 28px;}

.insta_sec img{width: 100%; height: auto; object-fit: cover;}
.insta_bg{background:#1b1b1b url(images/insta_bg.png); background-position: center; background-size: cover;position: relative;margin:0 auto; max-width: 100%;padding:65px 0; }
.insta_div{position: relative; text-align: center;}
.insta_div h2{ font-family: "rift",sans-serif;font-size: 26px;font-weight: bold;line-height: 34px;letter-spacing: 1px;text-align: center;color: #ffffff;padding: 20px 0 10px;}
.insta_div a{font-family: "effra",sans-serif;font-size: 17px;line-height: 34px;letter-spacing: 1px;text-align: center;color: #ffffff; text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);}
.insta_div a:hover{color: #f9ba15;}
.insta_sec .insta_div  img{width: auto; height: auto;}

.social_sec{background-color: #f9ba15; padding: 50px 0 50px;}
.social_sec ul {text-align: center; margin: 0 auto;}
.social_sec ul li{display: inline-block; padding: 0 10px;font-family: "rift",sans-serif;font-size: 21px;line-height:38px;letter-spacing: 2px;text-align: left;color: #121215;}
.social_sec ul li a{text-decoration: none;color: #121215;    display: block;}
.social_sec ul li a i{font-size: 22px;}
.social_sec ul li a:hover {color: #fff;}

.footer_bot{background-color: #121215; padding: 30px 30px 20px;position: relative;margin:0 auto; max-width: 100%;  text-align: center;}
.footer_bot .footer_logo{padding-bottom: 10px; max-width:95px; margin:auto}
.footer_bot .footer_logo img {width:100%}
.footer_bot p{font-family: "effra",sans-serif;font-size: 17px;line-height: 24px;letter-spacing: 1px;text-align: center;color: #ffffff;text-shadow: 0.5px 0.5px 2px rgba(0, 0, 0, 0.5); text-align: center; padding: 10px 0;}
.footer_bot  ul {text-align: center; margin: 0 auto;}
.footer_bot ul li{display: inline-block;padding: 0 15px;position: relative;font-size: 13px;line-height: 34px;letter-spacing: 1px;text-align: center;color: #6d6d6d;text-shadow: 0.5px 0.5px 2px rgba(0, 0, 0, 0.5);}
.footer_bot ul li a:after{content: '|'; position: absolute; right: 0; top: 3px;font-family: "effra",sans-serif;font-size: 12px;}
.footer_bot ul li a{text-decoration: none;font-family: "effra",sans-serif;font-size: 13px;line-height:34px;letter-spacing: 1px;text-align: center;color: #6d6d6d;text-shadow: 0.5px 0.5px 2px rgba(0, 0, 0, 0.5);}
.footer_bot ul li:last-child a:after{display: none;}
.footer_bot ul li a:hover{color: #f9ba15;}
.footer_bot ul li a:hover:after{ color: #6d6d6d;}

/* ----------------------End FOOTER-----------------------------*/

.banner_section { position: relative;margin:0 auto; max-width: 100%; overflow: hidden;}
.banner_section .banner{position: relative; padding: 130px 16%;}
.banner_section .caption{position: relative; text-align: center; margin: 0 auto;}
.banner_section .caption h4{ font-family: "effra",sans-serif; font-size: 16px;font-weight: bold; line-height:38px; letter-spacing: 2px;text-align: center;color: #f9ba15; text-transform: uppercase;    padding-bottom: 10px;}
.banner_section  .caption h1{ font-family: "rift",sans-serif; font-size: 40px; font-weight: bold; line-height: 47px; letter-spacing: 2px; text-align: center; color: #ffffff; text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5); padding-bottom: 15px; max-width: 850px; margin: 0 auto;}
.banner_section  .caption p{ font-family: "effra",sans-serif; font-size: 17px;line-height: 34px;letter-spacing: 1px;text-align: center;color: #ffffff;text-shadow:1px 1px 4px rgba(0, 0, 0, 0.5); padding: 10px 0; max-width: 900px; margin: 0 auto;}

.new_page{ background-color: #121215; padding: 70px 0 70px; position: relative;}
.new_page:before{content: ""; background-image: url(images/art_Bg.png); position: absolute; width: 274px; height: 695px; left: 0; top: 50%;}
.new_page:after{content: ""; background-image: url(images/front-of-building-sign-stairs2.png); position: absolute; width: 365px; height: 699px; right: 0; top: 0;}
.new_page ul{padding: 10px 0 100px;     position: relative;z-index: 1;  text-align: center;}
.new_page ul li{position: relative; padding: 0px;background-color: #ffffff; margin:15px; width: 22%; display: inline-block;  vertical-align: top;}
.new_page ul li .img_div{position: relative;height: 300px; overflow: hidden;}
.new_page ul li .img_div img{width: 100%; height: 100%; object-fit: cover;}
.new_page ul li .img_div:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.3);}
.new_page ul li:hover .img_div:after {background-color: rgba(0, 0, 0, 0);}
.new_page ul li .img_div img{width: 100%; height: 100%;}
.new_page ul li .con_div{padding: 25px 45px 100px; width: 100%; }
.new_page ul li h6{font-family: "effra",sans-serif; font-size: 15px;line-height:38px;letter-spacing:1px;text-align: left; color: #79797f;    padding-bottom: 10px; text-transform: uppercase;}
.new_page ul li h3{ font-family: "rift",sans-serif;font-size: 32px;font-weight: bold;line-height: 34px;letter-spacing: 2px;text-align: left;color: #121215;padding-bottom: 20px;}
.new_page ul li h3>a{ font-family: "rift",sans-serif;font-size: 32px;font-weight: bold;line-height: 34px;letter-spacing: 2px;text-align: left;color: #121215;padding-bottom: 2px; text-decoration: none;}
.new_page ul li p{ font-family: "effra",sans-serif; font-size: 16px;line-height: 28px;letter-spacing: 1px;text-align: left;color: #8b8b8b;    padding-bottom: 20px;}
.new_page ul li .read_more{    margin: 0 auto; text-align:left;  border-top: solid 1px #c1c1c1;  position: absolute;left: 45px; right: 45px;bottom: 45px;}
.new_page ul li .read_more a{ font-family: "rift",sans-serif; font-size: 23px; line-height: 34px; letter-spacing:1px;text-align: left;color: #121215;     margin-top: 20px;     display: inline-block;}
.new_page ul li .read_more a:hover{color: #f9ba15; }
.new_page ul li:hover .img_div:after{background-color: rgba(0, 0, 0, 0);}
.new_page ul li .img_div:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0;background-color: rgba(0, 0, 0, 0.3); transition: 0.4s ease all;}
.new_page ul li:hover h3>a {box-shadow: inset 0 -7px 0 0 #ffffff, inset 0 -8px 0 0 rgba(249,186,21,1);}
.new_page .cmd_btn{    margin: 0 auto; text-align: center;}
.new_page .cmd_btn a{ font-family: "rift",sans-serif; text-decoration: none; border: solid 1px #f9ba15;font-size: 23px;letter-spacing: 1px; text-align: center;color: #ffffff;    padding: 15px 0px;width: 245px; display: inline-block; transition: 1s ease all;}
.wp-pagenavi a:hover, .wp-pagenavi a:focus{background-color: #f9ba15; color: #100f14; -webkit-transform: translateY(-4px); transform: translateY(-4px);}





.news_detail_page { background-color: #121215; padding: 70px 0 35px; position: relative;}
.news_detail_page .container {flex-direction:column}
.news_detail_page p {text-align: left; color: #ffffff; font-size: 18px; line-height: 1.9; padding: 0; display: block; width: 85%; margin: 40px auto; max-width: 800px;}
.news_detail_page h1, .news_detail_page h2, .news_detail_page h3, .news_detail_page h4, .news_detail_page figure {display: block; width: 85%; margin: 40px auto; max-width: 800px;}
.wp-caption-text {color: #ffffff !important; font-size: 17px !important; letter-spacing: 0.5px; line-height: 1.5; margin-top: 10px;}
.news_detail_page table {display: block; width: 85%; margin: 40px auto; max-width: 800px;}
.news_detail_page tr {text-align: left; color: #ffffff; font-size: 18px; line-height: 1.9; padding: 0;}
.news_detail_page ul {padding: 35px 0 85px;}
.news_detail_page ul li{padding: 0 20px;}
.news_detail_page ul li .img_div{padding-top: 75%; display: block; position: relative;}
.news_detail_page ul li .img_div img{position: absolute; top: 0; left: 0;bottom: 0;right: 0;    width: 100%;height: 100%; object-fit: cover;}
.news_detail_page .share{padding: 0; display: block; width: 85%; margin: 20px auto; max-width: 800px;}
.news_detail_page .share ul{border-top:1px solid  #c0c0c0;}
.news_detail_page .share ul li{display: inline-block;font-family: "rift",sans-serif; font-size: 21px;font-weight: bold;line-height: 38px;letter-spacing:1px;text-align: left;color: #ffffff; padding: 0 8px;}
.news_detail_page .share ul li a{display: block; text-decoration: none;}
.news_detail_page .share ul li a i{color: #ffffff; font-size: 22px;}
.news_detail_page .share ul li a i.fa-pinterest, .news_detail_page .share ul li a i.fa-twitter{font-size: 25px;}
.news_detail_page .share ul li:first-child{padding-left: 0; padding-right:20px;}
.news_detail_page .share ul li a:hover i{color: #f9ba15;}

.wp-video {margin:0 auto}




.gallery  ul li{float: left; width: 20%; position: relative;}
.gallery  ul li a{display: block; position: relative;outline: none; text-decoration: none;}
.gallery  ul li img{width: 100%;height: 485px;  object-fit: cover;}
.overlay { position: absolute; top: 0; bottom: 0;left: 0;right: 0;height: 100%; width: 100%;    margin: 0 auto;opacity: 0;transition: .5s ease;background-color: rgba(24, 25, 28, 0.78);}
.gallery  ul li:hover .overlay {opacity: 1;}
.icon {color: white;font-size: 20px;position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}
.icon img{width: 34px; height: 35px!important}
.ylw_bg{}
.ylw_bg a{background-color: #f9ba15; padding: 50px 30px;text-align: center; display: inline-block; width:100%; text-decoration: none;text-transform: uppercase; font-family: "rift",sans-serif; font-size: 23px; letter-spacing: 1px;text-align: center;color: #121215;transition: .4s ease all; cursor: pointer;}
.ylw_bg a:hover {background-color:#FFC01E;letter-spacing: 1.3px;}


.atk-gallery {background:#121215;}
.feature-gallery div.image-wrap {
    width: calc(100% / 5);
    display: inline-block;
    height: 400px;
    margin-left: -2px;
}



div.popup-gallery {

}

div.image-wrap {
width: calc(100% / 6);
    display: inline-block;
    height: 350px;
    margin-left: -2px;
}

div.image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

a.lightbox-link {
    -webkit-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    -ms-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;
}

a.lightbox-link:hover {
    -webkit-opacity: 0.8;
    -khtml-opacity: 0.8;
    -moz-opacity: 0.8;
    -ms-opacity: 0.8;
    -o-opacity: 0.8;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.image-wrap figcaption {
    display: none;
}

.mfp-bg figcaption {
    display: block;
    position: absolute;
}

.lb-title {
    margin: 0.5em 0 0 0.5em;
}

.lb-description {
    margin-left: 0.6em;
    width: 100%;
}



.dark_sec { position: relative;margin:0 auto; max-width: 100%;background:#121215;height:auto; }
.dark_sec  .left_img{    position: absolute; left: 0;width: 50%; min-height:688px;}
.dark_sec  .right_img{    position: absolute; right: 0;width: 50%; min-height:688px;}
.dark_sec  .left_img img, .dark_sec .right_img img{width: 100%; height: 100%; object-fit: cover;}
.dark_sec h2{ font-family: "rift",sans-serif;font-size: 35px;font-weight: bold; line-height: 1.25;letter-spacing: 2px;text-align: left;color: #ffffff;text-shadow: 0.5px 0.5px 2px rgba(0, 0, 0, 0.5);  border-bottom: 1px solid #f9ba15; padding: 5px 0 10px; margin-bottom: 20px; display: inline-block;}
.dark_sec p{ font-family: "effra",sans-serif;font-size: 17px;line-height: 1.59;letter-spacing: 1px;text-align: left;color: #ffffff;text-shadow: 0.5px 0.5px 2px rgba(0, 0, 0, 0.5); padding: 10px 0;}
.dark_sec h4{ font-family: "effra",sans-serif;font-size: 16px;font-weight: bold;line-height: 2.31;letter-spacing: 2px;text-align: left;color: #f9ba15; text-transform: uppercase;}
.dark_sec .content .story {max-width: 520px; width:100%}
.dark_sec .rt_content .story { max-width: 520px; width:100%;}

.dark_sec .container {width:100%}
.play-video{     cursor: pointer;   position: absolute; z-index: 99; left: 50%; top: 50%; transform: translateY(-50%);    margin-left: -50px;}
.embed-container {z-index: 99; position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;    height: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed, .embed-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.poster {background: url('https://www.authentink.comhttps://www.authentink.com/wp-content/themes/authentinkTheme/images/img12.png') center center; background-size: cover;bottom: 0;left: 0;opacity: 0.5;pointer-events: none;position: absolute;right: 0;top: 0;z-index: 1;}

.ser_sec{background:url(images/ser_bg.png); background-position: center; background-size: cover; padding: 80px 0 100px; text-align: center;}
.ser_sec h4{font-family: "effra",sans-serif;font-size: 16px; font-weight: bold;line-height:38px;letter-spacing: 2px;text-align: left;color: #a2a2a2; text-transform: uppercase; padding-bottom: 10px;}
.ser_sec h2{font-family: "rift",sans-serif;font-size: 35px;font-weight: bold;line-height: 34px;letter-spacing: 2px;text-align: left;color: #121215;text-shadow: none; border-bottom: 0; padding: 0; margin-bottom: 0;}
.ser_sec p{font-family: "effra",sans-serif;font-size: 17px;line-height: 34px;letter-spacing: 1px;text-align: left;color: #121215; padding: 25px 0 10px;}
.ser_sec ul {padding-bottom: 20px;    border-bottom: 1px solid #f9ba15;}
.ser_sec ul li{padding: 10px 40px 10px;}
.ser_sec ul li:nth-child(2n+1){padding-left: 0;}
.ser_sec ul li:nth-child(2n+2){padding-right: 0;}
.bg{}
.bg .bg_img{padding: 130px 16%;}
.bg .caption{text-align: center;}
.bg h4{ font-family: "effra",sans-serif; font-size: 16px;font-weight: bold;line-height: 38px;letter-spacing: 2px;text-align: center;color: #f9ba15; text-transform: uppercase; padding-bottom:15px;}
.bg h2{ font-family: "rift",sans-serif;font-size: 40px;font-weight: bold;line-height: 34px;letter-spacing: 2px;text-align: center;color: #ffffff;text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5); border-bottom: 0; padding: 0px 0 00px; margin-bottom: 0;}
.bg p{font-family: "effra",sans-serif;font-size: 17px;line-height: 34px; letter-spacing: 1px; text-align: center;color: #ffffff; text-shadow:1px 1px 4px rgba(0, 0, 0, 0.5); padding:20px 100px 5px; max-width: 1000px; margin: 0 auto;}

.tattoo_style .tattoo{background:#121215;text-align: center; padding: 90px 0 115px; position: relative; z-index: 99;}
.tattoo_style .tattoo:before{content: ""; background-image: url(images/art_Bg.png); position: absolute; width: 274px; height: 695px; left: 0; bottom: 0; z-index: -1;}
.tattoo_style .tattoo:after{content: ""; background-image: url(images/front-of-building-sign-stairs2.png); position: absolute; width: 365px; height: 699px; right: 0; top: 0; z-index:-1;}
.tattoo_style .tattoo li{padding: 20px 25px;}
.tattoo .img_div { padding: 0;  position: relative; height:600px;box-shadow: 0 0 70px -20px rgba(0, 0, 0, 0.5);}
.tattoo .img_div a{}
.tattoo .img_div:after{content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0;background-color: transparent; transition: 0.3s ease all;}
.tattoo_style .tattoo li:hover .img_div:after{background-color: rgba(0, 0, 0, 0.6);    z-index: 1;}
.tattoo .img_div img{width: 100%; height:100%; object-fit: cover; border-radius: 5px;}
.artist-list {transition: 0.3s ease all; position: absolute; top: 0; width: 100%; height: 100%; display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; flex-direction: column; justify-content: center; z-index: 9; opacity: 0; -webkit-transform: translateY(-4px); transform: translateY(-4px);}
.artist-list a, .artist-list h5 {color: #fff; font-size: 15px; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; padding: 6px 0;}
.artist-list a:hover, .artist-list h5:hover {color:#f9ba15}
.artist-list h4 {color: #fff; font-size: 30px; font-weight: bold; letter-spacing: 1px;}
.ai-hr {border: 0px;border-top: 3px solid #f9ba15;margin: 20px auto;width: 30px;}
.tattoo_style .tattoo li:hover .artist-list { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);}

.text {display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; width: 100%; height: 100%; align-items: center; justify-content: flex-end; flex-direction: column;}
.text h3{font-family: "rift",sans-serif; font-size: 30px; font-weight: bold; line-height: 34px; letter-spacing: 2px; text-align: center; color: #ffffff; text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5); display: block; transition: 0.3s ease all; position: relative; margin-bottom: 30px; -webkit-transform: translateY(0px); transform: translateY(0px);}
.text p{font-family: "effra",sans-serif; font-size: 16px;font-weight: bold;line-height:38px;letter-spacing: 2px; text-align: center;color: #ffffff; text-transform: uppercase;opacity: 0; transition: 1s ease all;}
.text p > a{font-family: "effra",sans-serif; font-size: 16px;font-weight: bold;line-height:38px;letter-spacing: 2px; text-align: center;color: #ffffff; text-transform: uppercase; text-decoration: none; cursor: pointer;}
.text a{text-decoration: none; display: block;}
.tattoo .img_div img{position:absolute; left:0; right: 0;margin: 0 auto; top: 0; width: 100%;    height: 100%; }
.tattoo .img_div .text p > a{transition: 0.5s ease-out all; opacity: 1;}
.tattoo_style .tattoo li:hover .text p > a{display: block; opacity: 1;}
.tattoo_style .tattoo li:hover .text p {display: block; opacity: 1;}
.tattoo_style .tattoo li:hover .text h3{opacity:0; -webkit-transform: translateY(4px); transform: translateY(4px);}




/*--------------------------*/
.posRelative{position: relative;}
.wp-pagenavi a {
    font-family: "rift",sans-serif;
    text-decoration: none;
    border: solid 1px #f9ba15;
    font-size: 23px;
    letter-spacing: 1px;
    text-align: center;
    color: #ffffff;
    padding: 15px 0px;
    width: 245px;
    display: inline-block;
    transition: 0.3s ease all;
}
.wp-pagenavi {text-align: center}



.stopfade { opacity: .5; }






.atk-booking-form {
	    max-width: 900px;
    margin: 40px auto;
}

.notes {max-width: 900px; text-align: left; background: #121215; border:1px solid #000;margin: 0 auto; padding:50px 20px;}
.notes h3, .rates h3 {
	font-family: "rift",sans-serif;
    font-size: 26px;
    font-weight: bold;
    line-height: 34px;
    letter-spacing: 2px;
    text-align: left;
    color: #ffffff;
	border-bottom:1px solid #f9ba15;
	margin:0px 35px 15px;
	padding-bottom:8px;
}
.notes p, .rates p {
	font-family: "effra",sans-serif;
    font-size: 15px;
	text-align: left;
	padding: 0 20px;
    line-height: 29px;
	color: #fff;
	max-width: 600px;
}

.atk-form {}
.atk-form input[type=text] {}
.atk-form select {}

div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea {
	background-color: #18191C !important;
	border:1px solid #fff !important;
	color: #fff !important;
	max-width: 100% !important;
	padding: 0px 20px !important;
    height: 50px !important;
	font-family: "effra",sans-serif !important;
	border-radius: 0px !important;
}

div.wpforms-container-full .wpforms-form textarea {height: 200px !important; padding-top: 20px !important;}
div.wpforms-container-full .wpforms-form input[type=text]:active, div.wpforms-container-full .wpforms-form input[type=text]:focus, div.wpforms-container-full .wpforms-form input[type=text]:hover,
div.wpforms-container-full .wpforms-form input[type=number]:active, div.wpforms-container-full .wpforms-form input[type=number]:focus, div.wpforms-container-full .wpforms-form input[type=number]:hover,
div.wpforms-container-full .wpforms-form input[type=email]:active, div.wpforms-container-full .wpforms-form input[type=email]:focus, div.wpforms-container-full .wpforms-form input[type=email]:hover,
div.wpforms-container-full .wpforms-form textarea:active, div.wpforms-container-full .wpforms-form textarea:focus, div.wpforms-container-full .wpforms-form textarea:hover,
div.wpforms-container-full .wpforms-form select:active, div.wpforms-container-full .wpforms-form select:focus, div.wpforms-container-full .wpforms-form select:hover
{border:1px solid #f9ba15 !important;}

.wpforms-form select {
	-webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
	background: url(https://www.authentink.com/wp-content/themes/authentinkTheme/images/dropdown.svg) no-repeat 95% 53% !important;
}

.atk-submit-btn {
	border: 1px solid #f9ba15 !important;
    background: transparent !important;
    color: #fff !important;
    font-family: "rift",sans-serif;
    font-size: 24px !important;
    width: 100% !important;
    padding: 17px !important;
    letter-spacing: 0.6px !important;
	transition: 0.4s ease all;
}

.atk-submit-btn:hover,.atk-submit-btn:focus {background-color: #f9ba15 !important; color: #100f14 !important; -webkit-transform: translateY(-4px); transform: translateY(-4px);}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #ffffff !important;
    opacity: 1; /* Firefox */
	text-transform: uppercase !important;
	font-family: "effra",sans-serif !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ffffff !important;
	text-transform: uppercase !important;
	font-family: "effra",sans-serif !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #ffffff !important;
	text-transform: uppercase !important;
	font-family: "effra",sans-serif !important;
}


input[type="file"] {
    border: 1px solid #fff !important;
    background: transparent !important;
    color: #fff !important;
    font-family: "rift",sans-serif;
    font-size: 19px !important;
    width: auto!important;
    padding: 17px !important;
    letter-spacing: 0.6px !important;
    transition: 0.4s ease all;
    cursor: pointer;

    line-height: 15px;
}

.atk-booking-form label {
	color: #fff !important;
    font-family: "rift",sans-serif;
    font-size: 21px !important;
    letter-spacing: 0.6px !important;
    transition: 0.4s ease all;
    cursor: pointer;
    display: inline-block !important;
	margin-right:20px !important;
}

.wpforms-field.wpforms-field-file-upload {text-align: left;}

.wpforms-confirmation-container-full {background-color: #f9ba15 !important; border: none;}
.wpforms-confirmation-container-full p {
    color: #100f14 !important;
    font-family: "rift",sans-serif;
    font-size: 24px !important;
    width: 100%;
    margin: 0;
    text-align: center;
    max-width: 100%;
    text-shadow: none;
    padding: 20px;
}





/*---------------------------*/
/*---------HORISUMI----------*/
/*---------------------------*/


h1 {font-size: 40px;
    font-weight: bold;
    letter-spacing: 1.5px;
    line-height: 1.3;}
h2 {
    font-size: 35px;
    font-weight: bold;
    letter-spacing: 1.5px;
    line-height: 1.3;
}
h3 {}
h4 {}
h5 {}
.heading {border-bottom: 2px solid #F9BA15;display: inline-block;padding-bottom: 2px;margin-bottom: 30px;margin-top: 3px;}
.subtitle {color: #F9BA15; font-size: 16px; font-weight: bold; font-family: "effra",sans-serif; text-transform: uppercase;letter-spacing: 1.5px; position: relative; z-index: 1;}

.horisumi-btn { font-family: "rift",sans-serif; text-decoration: none; border: solid 1px #f9ba15; font-size: 23px;letter-spacing: 1px; text-align: center;color: #ffffff;    padding: 12px 0px;width: 200px; display: inline-block; transition: .4s ease all;}
.horisumi-btn:hover, .horisumi-btn:focus {background-color: #f9ba15; color: #100f14; -webkit-transform: translateY(-4px); transform: translateY(-4px);}


.hero-content {
    padding: 140px 0;
    text-align: center;
    position: relative;
}
.hero-content .black-overlay {
    background: rgba(0,0,0,0.85);
}
.hero-content .col-6 {}
.hero-content h1 {
    font-size: 70px;
    max-width: 346px;
    margin: 0 auto 30px;
    line-height: 1;
    padding-bottom: 10px;
}
.hero-content p {
    max-width: 500px;
    margin: auto;
}
.hero-content .horisumi-btn {
    margin: 10px 10px 0;
}



.banner_section {text-align: center; margin-top: 114px;}
.banner_section .background {height: 100%; left: 0; mix-blend-mode: multiply; opacity: 0.85; z-index: 1;}
.banner_section .banner {}
.banner_section h1 {font-size: 70px; font-weight: bold; line-height: 1; letter-spacing: 2px; position: relative; z-index: 1;}

hr  {width: 30px; border: 0; border-top: 1px solid #F9BA15; margin-top: 15px; margin-bottom: 15px; position: relative; z-index: 1;}

.full-width {display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;justify-content: center;align-items: center;position: relative;}

.dark-bg {background-color: #0E0E11}
.container {display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;justify-content: center;align-items: center;width: 100%;max-width: 1440px;margin: 0 auto;position: relative;}
.col-12 {width: 100%;}
.col-6 {width: 50%;}
.col-4 {width: calc(100%/3); padding: 0 2%;}

.img-container {
    height: 100%;
    flex: 1;
    /* flex-grow: inherit; */
}
.img-container img {width: 100%;height: 100%;object-fit: cover;}
.copy-container {max-width: 510px;margin: 60px auto;position: relative;/* padding: 60px 0; */}

.container .img-container { padding: 4%;}

.intro-copy {text-align: center;  padding: 100px 30px;}
.hexagon {}
.intro-copy h2 {max-width: 770px; padding: 40px 0; font-size: 47px; line-height: 1.1;}
.intro-copy .container {flex-direction: column;}
.copy-block {text-align: center;padding: 120px 0 110px;position: relative;}
.copy-block .background {
    height: 100%;
    left: 0;
    mix-blend-mode: multiply;
    opacity: 0.85;
    z-index: 1;
}
.copy-block .container {flex-direction: column; max-width:700px; z-index:1;}
.copy-block ul li {font-size: 16px; line-height: 1.4; letter-spacing: 1px; padding-bottom: 20px;}
.copy-block .horisumi-btn {margin-top:40px;}

.three-column {padding:100px 30px; text-align: center;}
.three-column .container {align-items: baseline;}
.three-column img {width: 100%;}
.three-column h3 {color: #F9BA15;font-size: 33px;letter-spacing: 1.5px;margin: 25px 0 15px;}
.three-column p {font-size: 14px; padding: 0 30px;}

.contact-form {
    padding: 120px 0;
}
.contact-form .container {flex-direction: column;}

.yellow-bar {background: #F9BA15;text-align: center;padding: 55px 30px;width:100%;display: inline-block;}
.yellow-bar h3 {color: #18191C; position: relative; display: inline-block;}
.yellow-bar h3:after {background-color: #18191C;
    content: '';
    height: 1px;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px);
    -webkit-transition: 0.15s all cubic-bezier(0.39,0.575,0.565,1);
    transition: 0.15s all cubic-bezier(0.39,0.575,0.565,1);
    -webkit-transition-property: opacity,-webkit-transform;
    -webkit-transition-property: opacity,transform;
    transition-property: opacity,transform;
    width: 100%;}
.yellow-bar:hover h3:after {
	    opacity: 1;
    -webkit-transform: translateY(-2px) translateZ(0);
    -ms-transform: translateY(-2px) translateZ(0);
    transform: translateY(-2px) translateZ(0);
}

.iconography {
    padding: 120px 0;
}
.iconography .container {
    flex-wrap: wrap;
    justify-content: space-between;
}
.iconography-tile {
    width: calc(100%/3 - 40px);
    text-align: center;
    background-size: cover;
    height: 560px;
    position: relative;
    margin: 0 auto 50px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
}

.iconography-tile:before {
	background: -moz-linear-gradient(top, rgba(14,14,17,0) 3%, rgba(14,14,17,1) 80%);
	background: -webkit-linear-gradient(top, rgba(14,14,17,0) 3%,rgba(14,14,17,1) 80%);
	background: linear-gradient(to bottom, rgba(14,14,17,0) 0%,rgba(14,14,17,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00121215', endColorstr='#a6121215',GradientType=0 );
	content:'';
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 150px;
}
.iconography-tile h3 {
    position: absolute;
    width: 100%;
    bottom: 0px;
    transform: translateY(-20px);
    font-size: 28px;
    letter-spacing: 1.4px;
    font-weight:bold;
	transition: all .3s ease-in-out;
}
.iconography .background {
    height: 100%;
    opacity: 0;
	transition: all .3s ease-in-out;
}
.iconography-copy {

    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px;
	transform: translateY(-10px);
	transition: all .3s ease-in-out;

	opacity: 0;
}
.iconography-copy h4 {
    font-size: 27px;
    letter-spacing: 1.4px;
    font-weight:bold;
}
.iconography-copy p {}
.iconography-copy .horisumi-btn {
    padding: 9px 0px;
    width: 150px;
    font-size: 20px;
    margin-top: 20px;
}

.iconography-tile:hover {}
.iconography-tile:hover h3 {transform: translateY(-10px); opacity: 0;}
.iconography-tile:hover .background {opacity: 0.8}
.iconography-tile:hover .iconography-copy {transform: translateY(0px); opacity: 1; transition-delay: 0.1s;}
.iconography-copy a:hover {}



  .omsc-accordion {
  	max-width: 900px;
  	margin: 0 auto;
  	color: #fff;
  	border: 0;
  }
   .omsc-toggle {
  	border: 0;
  	border-top: 1px solid #f9ba15;
      padding: 10px 0;
  	transition: 0.4s ease all;
    margin:0;
    width:100%;
  }

   .omsc-toggle-title {
  	font-family: "rift",sans-serif;
      font-size: 24px !important;
  	padding-left: 40px;
  	border: 0;
    color:#fff;
    text-align: left;
  }

   .omsc-toggle-title:hover, .omsc-toggle.omsc-expanded .omsc-toggle-title {
  	background: transparent;
      border: 0;
  }

   .omsc-toggle-title:after {
  	color: #f9ba15;
  	font-size: 23px;
  	top: 19px;
  	left: 5px;
  }
   .omsc-toggle-inner {
     font-size: 16px;
     line-height: 22px;
     letter-spacing: 1px;
     text-align: left;
     text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
     padding: 10px;
  }





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


}



@media screen and (max-width: 900px) {
	body.open1 { overflow-x: hidden;position: fixed;}
	body.open1 .nav{    left: 0; box-shadow: 82px 0px 62px 2px rgba(0,0,0,0.8);}
	body.open1 .nav{-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 9999999;}
	.home .header, .header{ position:fixed; opacity: 1;z-index: 999; width: 100%;    top: 0;}
	.nav{display: none;margin-top: 50px;}
	.nav { display: block;position: fixed;z-index: 9999999;background: #121215;top: 0; left: -80vW; margin-top: 0;height: 100vh;width: 80vW; transition: all ease .4s; padding: 30px 10px;}
	.nav-icon {z-index: 1000;width: 30px;height: 25px;position: absolute;right: 15px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;display:block;text-align: center;margin: 0 auto;}
	.nav-icon span {display: block;position: absolute;height: 2px;width: 100%;background:#fff;border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
	.nav-icon span:nth-child(1) {  top: 0px;}
	.nav-icon span:nth-child(2) {  top: 10px;}
	.nav-icon span:nth-child(3) {  top: 20px;}
	.nav-icon.open span:nth-child(1) {  top: 18px;  -webkit-transform: rotate(135deg);  -moz-transform: rotate(135deg);  -o-transform: rotate(135deg);  transform: rotate(135deg);}
	.nav-icon.open span:nth-child(2) {  opacity: 0;  left: -60px;}
	.nav-icon.open span:nth-child(3) {  top: 18px;  -webkit-transform: rotate(-135deg);  -moz-transform: rotate(-135deg);  -o-transform: rotate(-135deg);  transform: rotate(-135deg);}
	.nav-icon:after {content: '';position: absolute;top: 2px;right: -35px;width: 100%;  font-family: "rift",sans-serif;font-size:30px;line-height:20px;color:#fff;}
	.open.nav-icon:after{content: '';position: absolute;top:10px;right: -27px;width: 100%;    font-family: "rift",sans-serif;font-size:30px;line-height:20px;color:#fff;}
	.open.nav-icon	{top: 22px;}
	.nav_bg .nav ul li { display: block; text-align: left;margin: 10px 10px; border-bottom: 0; width: 100%; padding: 0 0 10px;margin-left: 0;}
	.nav_bg .nav ul li:last-child	{ padding:0 0 10px 0;}

	.nav_bg .nav ul li a::before,.nav_bg .nav ul li a::after,.nav_bg .nav ul li::before,.nav_bg .nav ul li::after{display: none;}
	.nav_bg .nav ul li a:hover { color: #f9ba15;}
	.logo{left: 30px; margin-left: 0; top: 22px; width: 220px;}

	.nav_bg .nav ul li a{    font-size: 25px;padding: 0 0 10px;}
	.nav_bg {height:80px; padding: 0 20px;}


	.logo a {font-size: 20px;}
	.logo {width:80%}
	.logo img {width: 63px;}
	.home .header, .header {height: 80px; display: inline-block; min-height: 80px;}
	.nav_bg .nav ul {padding: 0px 10px; width: 100%; pointer-events: auto;}

	.banner_section h1 {font-size: 50px;}
	.subtitle {font-size:14px;}
	.banner_section .banner {padding: 60px 16%;}

	.intro-copy h2 {padding: 25px 0; font-size: 39px;}
	.intro-copy {padding: 50px 30px;}

	.banner_section {margin-top:79px}

	.container, .full-width  {flex-direction: column;}
	.col-6 {width: 100%; padding: 20px;}
	.col-4 {width: 100%; padding: 0 0 50px;}
	.three-column p {padding:0;}
	.three-column {padding: 50px 20px; text-align: left;}
	.copy-container {margin: 10px auto;}
	#sb_instagram.sbi_col_6.sbi_disable_mobile #sbi_images .sbi_item {width: 33.33%;}
	.insta_bg {padding: 35px 0;}

	.copy-block {padding: 60px 20px 0px;}
	div.image-wrap, .feature-gallery div.image-wrap {width: calc(100% / 2); height: 270px;}
	.contact-form {padding: 60px 20px; text-align: center;}

	div.wpforms-container-full .wpforms-form .wpforms-one-half, div.wpforms-container-full .wpforms-form .wpforms-three-sixths, div.wpforms-container-full .wpforms-form .wpforms-two-fourths, input[type="file"], div.wpforms-container-full .wpforms-form .wpforms-field {width: 97% !important;}
	div.wpforms-container-full .wpforms-form .wpforms-five-sixths, div.wpforms-container-full .wpforms-form .wpforms-four-sixths, div.wpforms-container-full .wpforms-form .wpforms-four-fifths, div.wpforms-container-full .wpforms-form .wpforms-one-fifth, div.wpforms-container-full .wpforms-form .wpforms-one-fourth, div.wpforms-container-full .wpforms-form .wpforms-one-half, div.wpforms-container-full .wpforms-form .wpforms-one-sixth, div.wpforms-container-full .wpforms-form .wpforms-one-third, div.wpforms-container-full .wpforms-form .wpforms-three-fourths, div.wpforms-container-full .wpforms-form .wpforms-three-fifths, div.wpforms-container-full .wpforms-form .wpforms-three-sixths, div.wpforms-container-full .wpforms-form .wpforms-two-fourths, div.wpforms-container-full .wpforms-form .wpforms-two-fifths, div.wpforms-container-full .wpforms-form .wpforms-two-sixths, div.wpforms-container-full .wpforms-form .wpforms-two-thirds {margin-left:0 !important; float: none !important;}
	.notes {padding: 20px 0px;}
	.new_page {padding: 60px 20px;}
	.new_page ul li {width:100%; margin:0 0 30px;}
	.new_page ul li .con_div {padding: 25px 20px;}
	.new_page ul li .read_more {position: relative; left: 0; right: 0; bottom: 0;}
	.address_sec .address, .address_sec .time {padding: 40px 20px;}


	.sub-menu {opacity: 1; position: relative; top: 0; left: 0; transform: translateY(0px); margin-top: 0; border-top: 0; padding: 10px 0 !important; }
	.nav_bg .nav ul > li > ul li a {font-size: 18px; padding: 10px 20px;}

	.landing {text-align: center;     overflow: hidden;}
	.landing .layer {padding:0 30px;}
	.logo-landing {width: 205px;}
	.home .main_content {margin-top: 0;}
	.hero-content {padding: 60px 20px;}
	.hero-content .col-6 {padding: 0;}
	.hero-content .horisumi-btn {width: 100%; margin: 10px 0;}
	.heading {font-size: 30px; line-height: 1.1; padding-bottom: 15px;}
	.copy-block .horisumi-btn {margin-bottom: 60px;}
	.yellow-bar {padding:30px; }
	.atk-booking-form {
    width: 100%;
    overflow: hidden;
}


}





@media (max-width: 768px) {







}