*,*:before,*:after {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin: 0; padding: 0; outline: none !important}
html {font-size:16px;}
body {font-family: 'Poppins', sans-serif; color: #000000; background: #feeeeb; font-weight: 400; line-height: 1.25; overflow-x: hidden;}
input,textarea,select,option,button{font-family: 'Poppins', sans-serif;}
h1,h2,h3,h4,h5,h6{font-size: inherit; font-weight: normal; line-height: normal;}
body,html {height: 100%;}
a {color: #333333; text-decoration: none; outline: none; border: none;}
p {margin-bottom: 15px; font-size: .75rem}
strong,b {font-weight:700}
textarea {resize:vertical;}
::-moz-selection {color:#fff; background:rgba(0,0,0,.2);}
::selection {color:#fff; background:rgba(0,0,0,.2);}
.text_left {text-align: left !important;}
.text_right {text-align: right !important;}
.text_center {text-align: center !important;}
img {max-width: 100%; border: none; height: auto;}
.clearfix, .clearfix:after, .clearfix:before, .container:after, .container:before, .main_inner:after {content: ''; display: block; clear: both; height: 0;}
.main_full {height: 100%; position: relative;}
.left_main {width: auto; float: left; padding: 45px 0 45px 45px; height: 100%; position: relative; z-index: 99;}
.left_inner {position: relative; height: 100%;}
.nav_main { padding-bottom: 10px; position: absolute; left: 0; top: 0; transition:.2s; -webkit-transition:.2s; -moz-transition:.2s; -ms-transition:.2s; -o-transition:.2s; }
.nav_toggle {position: absolute; left: 0; top: 0; width: 60px; height: 60px; cursor: pointer;}
.nav_main.active .nav_toggle {height: 30px;}
.nav_explore {font-size: .75rem; font-weight: 300; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 10px;}
.navbar_box:before, .navbar_box:after { content: ''; display: block; height: 2px; width: 14px; background: #333333; transition:.4s; -webkit-transition:.4s; -moz-transition:.4s; -ms-transition:.4s; -o-transition:.4s; position: absolute; left: 0;}
.navbar_box {position: relative; padding: 7px 0;}
.navbar_box:before {top: 0;}
.navbar_box:after {bottom: 0;}
.nav_main:hover .navbar_box:before {width: 24px;}
.navbar > li {list-style: none; font-size: 1.5rem; font-weight: 700; text-transform: uppercase; color: #333333; line-height: 1; display: none;}
.navbar > li > a { color: inherit; display: block; padding: 3px 0; transition:.3s; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; position: relative; left: 0; opacity: 0;}
.nav_main.active .navbar > li > a {opacity: 1}
.navbar > li > a:hover {left: 5px;}
.left_bottom {position: absolute; left: 0; bottom: 0; width: 222px;}
.nav_bot > li {font-size: .75rem; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; list-style: none;}
.nav_bot:before, .nav_bot > li:after {content: ''; display: block; width: 74px; height: 1px; background: #000; opacity: 0.15;}
.nav_bot > li > a, .nav_bot > li > span {display: block; color: inherit; padding: 5px 0;}
.social_icons {margin: 4px 0 7px;}
.social_icons > li {list-style: none; display: inline-block; vertical-align: top; margin-right: 7px; vertical-align: top}
.social_icons > li > a { display: block; transition:.2s; -webkit-transition:.2s; -moz-transition:.2s; -ms-transition:.2s; -o-transition:.2s; min-width: 16px}
.social_icons > li img {max-height: 16px; display: block;}
.social_icons > li > a:hover {opacity: 0.5;}
.powered_by {font-size: 10px; font-style: italic; margin-top: 8px;}
.powered_by a {font-weight: 700; font-style: normal; color: inherit}
.home_container {position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.hero_img_main { position: absolute; top: 50%; left: 50%; 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%); }
.hero_img_list {height: 100%; width: 100%; position: relative;}
.hero_img_list > li {list-style: none; background: #ffffff; padding: 16px;}
.hero_img_inner {padding: 40px; background: #f8f8f9; box-shadow: 0 0 25px rgba(0, 0, 0, 0.2) inset; max-height: 100%; height: 100%;}
.hero_img_list > li:not(:first-child) {display: none;}
.hero_img {overflow: hidden; position: relative; max-height: 100%; height: 100%;}
.hero_img img {display: block; min-height: 100%;}
.logo { position: absolute; width: 146%; top: 50%; left: -23%; z-index: 9; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); }
.logo img {width: 100%;}
.portrait_view .hero_img_main { top: 80px; bottom: 150px; transform:translate(0,0); -webkit-transform:translate(0,0); -moz-transform:translate(0,0); -ms-transform:translate(0,0); -o-transform:translate(0,0); left: 100px; right: 100px;}
.portrait_view .hero_img_list > li {height: 32%; display: block;}
.portrait_view .hero_img_list > li:not(:first-child) {margin-top: 3%;}
.portrait_view .hero_img_inner {padding: 20px;}
.portrait_view .hero_img_list > li {padding: 10px;}
@media(max-width:767px){
    .left_main {padding: 20px 0 10px 20px;}
    .nav_main {position: fixed; padding: 20px 20px 0; width: 100%;}
    .nav_main.active {background: rgba(254, 238, 235, 0.9); padding-bottom: 10px;}
}
@media(max-width:499px){
    .portrait_view .hero_img_main {left: 50px; right: 50px;}
    .logo {width: 120%; left: -10%;}
}
/* inner pages */
/* work */
.logo_main {position: absolute; left: 50%; top: 20px; width: 320px; margin-left: -160px; z-index: 990;}
.inner_container {position: absolute; top: 0; right: 0; bottom: 0; left: 222px;}
.work_main_container {display: flex; display: -webkit-flex; display: -ms-flex; align-items: center; -webkit-align-items: center; -ms-align-items: center; height: 100%; width: 100%;}
.work_main {flex: 1; width: 100%;}
.work_img_box {position: relative; overflow: hidden;}
.work_img_box > img {width: 100%; display: block}
.work_img {position: absolute; bottom: 0; left: 0; max-width: 100%; max-height: 100%}
.work_info {padding: 15px 0 0; color: inherit; color: #4c4c4c;}
.title {font-size: .875rem; color: #333; font-weight: 500; margin-bottom: 5px;}
.work_slider {padding-right: 170px; overflow: hidden;}
.work_slider .owl-stage-outer {overflow: visible !important}
@media(max-width:991px){
    .work_slider {padding-right: 130px;}
    .logo_main {width: 240px; margin-left: -120px;}
}
.portrait_view .inner_container {left: 0;}
.portrait_view .work_slider {padding-left: 20px;}

.portrait_view .events_slider {padding-right: 60px; padding-left: 20px; overflow: hidden;}
.portrait_view .events_slider .owl-stage-outer {overflow: visible !important}

@media(max-width:767px){
    .logo_main {width: 160px; margin-left: -80px;}
}
@media(max-width:479px){
    .logo_main {width: 160px; margin-left:0px; left: auto; right: 20px}
}
.owl-nav {margin-left: -5px;}
.owl-nav > div {display: inline-block; width: 26px; height:32px; font-size: 0px; position: relative; opacity: .6; -webkit-transition:.2s; -o-transition:.2s; transition:.2s;}
.owl-nav > div:hover {opacity: 1}
.owl-nav > div:before {content: ''; display: block; position: absolute; width: 12px; height: 12px; border-top: 2px solid #000; border-right: 2px solid #000; top: 10px;}
.owl-nav > div.owl-prev:before {-webkit-transform: rotate(-135deg); -o-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); left: 8px;}
.owl-nav > div.owl-next:before {-webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); left: 3px;}
.owl-nav > div.disabled {opacity: .3; cursor: default !important;}
/* gallery */
.gallery_main_container {width: 100%; height: 100%; padding: 10% 10% 0;}
.gallery_main {overflow: hidden; height: 100%; position: relative;}
.gallery_group_outer {height: auto;}
.gallery_group {overflow: hidden;}
.gallery_slider {margin-bottom: 40px;}
.gallery_group.active {display: block}
.heading {font-size: 1.5rem; font-weight: 700; margin-bottom: 10px;}
.gallery_heading .title {margin-bottom: 0;}
.gallery_heading {margin-bottom: 10px;}
.gallery_heading p {margin-bottom: 0;}
.gallery_img_box img {width: 100%; display: block}
.page_nav_box { position: absolute; right: 3%; top: 50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); }
.page_nav > li {list-style: none}
.page_nav > li > a { display: block; padding: 6px; width: 30px; transition:.2s; -webkit-transition:.2s; -moz-transition:.2s; -ms-transition:.2s; -o-transition:.2s; }
.icon_dot { width: 8px; height: 8px; border: 1px solid #000; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; display: block; margin: 0 auto; background: #000; transition: .2s; -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; }
.nav_dot {opacity: .6}
.nav_dot.active .icon_dot {background: transparent}
.arrow_up {position: relative; margin: 0 auto}
.nav_up { opacity: .6; transition:.2s; -webkit-transition:.2s; -moz-transition:.2s; -ms-transition:.2s; -o-transition:.2s; height: 30px; margin-bottom: 20px;}
.arrow_up:before { content: ''; display: block; position: absolute; width: 12px; height: 12px; border-top: 2px solid #000; border-right: 2px solid #000; top: 7px; transform:rotate(-45deg) ; -webkit-transform:rotate(-45deg) ; -moz-transform:rotate(-45deg) ; -ms-transform:rotate(-45deg) ; -o-transform:rotate(-45deg) ; left: 3px; }
.arrow_down {position: relative; margin: 0 auto}
.nav_down { opacity: .6; transition:.2s; -webkit-transition:.2s; -moz-transition:.2s; -ms-transition:.2s; -o-transition:.2s; height: 30px; margin-top: 20px;}
.arrow_down:before { content: ''; display: block; position: absolute; width: 12px; height: 12px; border-top: 2px solid #000; border-right: 2px solid #000; top: -1px; transform:rotate(135deg) ; -webkit-transform:rotate(135deg) ; -moz-transform:rotate(135deg) ; -ms-transform:rotate(135deg) ; -o-transform:rotate(135deg) ; left: 3px; }
.page_nav > li > a:hover {opacity: 1}
@media(max-width:1199px){
    .gallery_main_container {padding-top: 15%;}
}
@media(max-width:767px){
    .gallery_main_container {padding-right: 50px;}
}
.portrait_view .gallery_main_container {padding-bottom: 150px; padding-left: 20px; padding-right: 50px; padding-top: 120px;}
.portrait_view .page_nav_box {right: 6px;}
.portrait_view .gallery_slider {padding-right: 60px; overflow: hidden;}
.portrait_view .gallery_slider .owl-stage-outer {overflow: visible !important}
/* contact */
.contact_main_container {padding-top: 0 !important; padding-bottom: 0 !important; padding-right: 0 !important; display: flex; display: -webkit-flex; display: -ms-flex; align-items: center; -webkit-align-items: center; -ms-align-items: center;}
.contact_main_box {flex: 1;}

.form_style {background:none; border: none; height: 34px; margin: 0; padding: 0; color: #000; width: 100%; font-weight: 700; font-size: 1.5rem; resize: none; display: block; position: relative; z-index: 3;}
textarea.form_style {height: auto;}
textarea.form_style{overflow:hidden; width:100%;}
.input_placeholder { font-size: 1.5rem; font-weight: 300; font-style: italic; opacity: .3; position: absolute; top: 8px; transition:.2s ; -webkit-transition:.2s ; -moz-transition:.2s ; -ms-transition:.2s ; -o-transition:.2s ; }
.input_focus {display: block; height: 1px; background: rgba(0, 0, 0, 0.15);}
.input_box {position: relative; margin-bottom: 30px; padding-top: 5px;}
.input_outer {margin: 0 -25px;}
.input_outer:after {content: ''; display: block; clear: both;}
.input_half {width: 50%; float: left; padding: 0 25px;}
.btn_main { border: 1px solid #000; padding: 10px 30px; font-size: .875rem; background: none; color: #000; cursor: pointer; transition:.2s; -webkit-transition:.2s; -moz-transition:.2s; -ms-transition:.2s; -o-transition:.2s; }
.btn_main:hover {background: #000; color: #fff;}
.form_style:focus  ~ .input_placeholder, .form_style:not(:placeholder-shown)  ~ .input_placeholder {font-size: .875rem; top: -12px; font-style: normal; font-weight: 400; color: #000; opacity: 1;}
.cont_info_icon { width: 22px; height: 22px; display: inline-block; border: 1px solid #000; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; vertical-align: middle; padding: 4px;}
.cont_info_icon img {display: block}
.contact_info {font-size: .875rem; font-weight: 500; padding: 30px 0; margin: 30px 0 50px; background: #fff; position: relative;}
.contact_info:before {content: ''; display: block; position: absolute; top: 0; bottom: 0; left: -2000px; width: 2000px; background: #fff;}
.contact_info > li {list-style: none; display: inline-block; vertical-align: top}
.contact_info > li:first-child {margin-right: 50px;}
.form_outer {padding-right: 20%;}
@media(max-width:1199px){
    .contact_info {padding: 15px 0; margin: 15px 0;}
    .contact_main_box {margin-top: 50px;}
}
@media(max-width:991px){
    .contact_main_box {margin-top: 0px; height: 100%; padding-top: 100px; padding-bottom: 20px;}
    .contact_main_container {display: block}
    .contact_main {height: 100%; overflow: auto;}
    .contact_info {padding-left: 15px;}
    .contact_info:before {display: none;}
}
@media(max-width:767px){
    .contact_info > li:first-child {margin-right: 0px; margin-bottom: 10px;}
    .contact_info > li {display: block}
    .input_half {width: 100%; padding: 0;}
    .input_outer {margin: 0;}
    .form_outer {padding-right: 20px;}
    .contact_main_box {padding-top: 20px;}
}
.portrait_view .contact_main_box {padding-bottom: 130px; padding-top: 120px;}
/* profile */
.profile_inner:after {content: ''; display:block; clear: both}
.profile_main_container {padding-left: 15%; height: 100%; padding-top: 180px; background:url(../images/profile_img.png) right bottom no-repeat;}
.profile_main {width: 60%; height: 100%;}
.profile_data {height: 100%; overflow: auto; padding-bottom: 20px; padding-right: 20px;}
.profile_data_col {width: 37%; padding-right: 25px; float: left;}
@media(min-width:1300px){
    .profile_data_col {min-width:300px;}
}
@media(max-width:1299px){
    .profile_data_col {width:50%;}
}
.profile_data_col + .profile_data_col {padding-right: 0; padding-left: 25px; /* width:63% */}
.heading_main {font-size: 2.6875rem; font-weight: 700; line-height: 1.15; margin-bottom: 20px;}
.award_list {margin-top: 30px;}
.award_list > li {list-style: none; margin-bottom: 20px;}
.award_timeline {margin-bottom: 10px;}
.award_timeline > li {list-style: none; display: inline-block; vertical-align: top;}
.award_timeline > li:not(:last-child) {margin-right: 25px;}
.award_timeline > li > a {display: block; padding: 5px 0;}
.award_timeline > li > a.active {font-weight: 700;}
.award_timeline > li > a:after { content: ''; display: block; height: 2px; background: #7f7775; transition:.2s; -webkit-transition:.2s; -moz-transition:.2s; -ms-transition:.2s; -o-transition:.2s; margin-top:7px; width:0}
.award_timeline > li > a.active:after {width:100%;}
.profile_data_col > .title {font-weight: 700; margin-bottom:30px;}
.timeline_group { transition:.3s; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; visibility: hidden; opacity: 0;}
.timeline_group:not(.active) {display: none}
.timeline_group.show {visibility: visible; opacity: 1;}
@media(max-width:1599px){
    .profile_main_container {padding-left: 10%;}
}
@media(max-width:1499px){
    .profile_main_container {padding-left: 5%;}
}
@media(max-width:1399px){
    .profile_main_container {padding-left: 30px;}
}
@media(max-width:1299px){
    .profile_main_container {background-size: 350px auto}
    .heading_main {font-size: 2.25rem}
    .profile_main_container {padding-top: 150px;}
}
@media(max-width:1199px){
    .profile_data_col {padding-right: 0; width: 100%; float: none;}
    .profile_data_col + .profile_data_col {padding-left: 0; margin-top: 30px;}
    .profile_main_container {background-size: 35% auto}
}
@media(max-width:991px){
    .profile_main_container {padding-top: 100px;}
}
@media(min-width:768px){
    .profile_img {display: none !important}
}
@media(max-width:767px){
    .profile_main_container {padding-top: 30px;}
    .profile_img {display: inline-block; margin-bottom: 20px; max-width: 49%; position: relative; right: -22px;}
    .profile_img img {width: 100%;}
    .profile_heading {max-width: 49%; display: inline-block}
    .profile_main_container {background: none}
    .profile_main {width: 100%;}
    .profile_data {padding-right: 0;}
    .profile_data_col, .profile_data_col + .profile_data_col {padding-right: 20px;}
}
@media(max-width:575px){
    .profile_main_container {padding-left: 0;}
    .profile_main {padding-bottom: 150px; padding-left: 20px; padding-top: 80px;}
    .heading_main {font-size: 2rem}
}
@media(max-width:399px){
    .work_slider .owl-nav {position: relative; top: -25px;}
}
/* legal */
.legal_main_container {background: none !important}
.legal_main_container .profile_main {width: 80%;}
@media(max-width:767px){
    .legal_main_container .profile_main {padding-top: 100px;}
}
.portrait_view .legal_main_container .profile_main {width: 100%; padding-right: 20px; padding-bottom: 140px;}
.page_work .nav_work {display: block !important}
.page_work .nav_work a {opacity: 1; left: 0 !important;}
.page_profile .nav_profile {display: block !important}
.page_profile .nav_profile a {opacity: 1; left: 0 !important;}
.page_events .nav_events {display: block !important}
.page_events .nav_events a {opacity: 1; left: 0 !important;}
.page_gallery .nav_gallery {display: block !important}
.page_gallery .nav_gallery a {opacity: 1; left: 0 !important;}
.page_contact .nav_contact {display: block !important}
.page_contact .nav_contact a {opacity: 1; left: 0 !important;}
/* load effect */
.nav_main, .left_bottom { left: 10px; opacity: 0; transition:.6s; -webkit-transition:.6s; -moz-transition:.6s; -ms-transition:.6s; -o-transition:.6s; }
.page_loaded .nav_main {left: 0; opacity: 1;}
.page_loaded .left_bottom { left: 0; opacity: 1; transition:.6s .3s; -webkit-transition:.6s .3s; -moz-transition:.6s .3s; -ms-transition:.6s .3s; -o-transition:.6s .3s; }
.hero_img_list { left: 50px; transition:2s .4s; -webkit-transition:2s .4s; -moz-transition:2s .4s; -ms-transition:2s .4s; -o-transition:2s .4s; opacity: 0; }
.page_loaded .hero_img_list {left: 0; opacity: 1;}
.logo img { position: relative; left: -20px; transition:1s .4s; -webkit-transition:1s .4s; -moz-transition:1s .4s; -ms-transition:1s .4s; -o-transition:1s .4s; opacity: 0;}
.page_loaded .logo img {opacity: 1; left: 0;}
.logo_main { opacity: 0; transition:2s .2s; -webkit-transition:2s .2s; -moz-transition:2s .2s; -ms-transition:2s .2s; -o-transition:2s .2s; }
.page_loaded .logo_main {opacity: 1}