@font-face {
    font-family: 'helveticaneuelight';
    src: url('fonts/helveticaneuelt-webfont.woff2') format('woff2'),
         url('fonts/helveticaneuelt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helveticaneueregular';
    src: url('fonts/helveticaneue-webfont.woff2') format('woff2'),
         url('fonts/helveticaneue-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helveticaneuebold';
    src: url('fonts/helveticaneuebd-webfont.woff2') format('woff2'),
         url('fonts/helveticaneuebd-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helveticaneuemedium';
    src: url('fonts/helveticaneuemed-webfont.woff2') format('woff2'),
         url('fonts/helveticaneuemed-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'braxton_demoregular';
    src: url('fonts/braxtondemo-regular-webfont.woff2') format('woff2'),
         url('fonts/braxtondemo-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'zimraregular';
    src: url('fonts/zimra-regular-webfont.woff2') format('woff2'),
         url('fonts/zimra-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body { position: relative; width: 100%; height: 100%; font-family: "helveticaneuelight"; color: #4d4d4d; font-size: 16px; line-height: 1.75; background: #fff; overflow-x: hidden; word-break: all; word-break: break-word; word-wrap: break-word; }
body.open-mobile-menu  { overflow: hidden; }
body.open-mobile-menu header .main-nav-wrapper { left: 350px; }

header .logo { padding: 20px 0; }
header .annc { background-color: #755F74; line-height: 1.6; font-size: 12px; color: #fff; padding: 6px 0; }
header .main-nav-wrapper { position: fixed; top: 0; width: 100%; background: transparent; z-index: 992; font-size: 14px; left: 0; transition: all .5s; }
header .main-nav-wrapper .short-logo, header .main-nav-wrapper.bottom .full-logo { display: none; }
header .main-nav-wrapper.bottom .short-logo { display: block; }
header .main-nav-wrapper.bottom { background: rgba(0,0,0,.9); }

header .main-nav-wrapper.bottom .main-nav { color: #fff; }
header .main-nav-wrapper.style-b .main-nav { color: #fff; }

.bottom.open-mobile-menu header .main-nav-wrapper.style-b .main-nav { color: #FFF; }
header .main-nav { color: #FFF; font-weight: 500; letter-spacing: 2px; line-height: 1.5; font-family: 'helveticaneuemedium'; text-transform: uppercase; }
header .main-nav > li { position: relative; }
header .main-nav > li:not(:last-child) { margin-right: 30px; }
header .main-nav .mobile { background: url('images/mobile.svg') no-repeat center; cursor: pointer; width: 30px; height: 30px; }
body.bottom header .main-nav-wrapper.style-b .main-nav .mobile { background-image: url('images/mobile.svg'); }

@media (max-width: 1199px) {
	header .main-nav > li:not(:last-child) { margin-right: 20px; }
}

@media (max-width: 991px) {

}

@media (max-width: 767px) {
	body { font-size: 14px; }
	header .main-nav-wrapper .short-logo img { height: 40px; }
}

.close-wrapper { position: absolute; z-index: 1100; top: 20px; right: 80px; }
.close-wrapper.mobile-close { right: 20px; }
.close-wrapper .close { display: inline-block; width: 30px; height: 30px; background: url('images/close.svg') no-repeat center; cursor: pointer; }

.real-wrapper { padding-left: 0; }
.open-mobile-menu .real-wrapper { padding-left: 350px; }
#sidebar-wrapper { z-index: 1000; position: fixed; width: 350px; height: 100%; margin-left: -350px; background: url('images/menu-bg.jpg'); background-size: cover; top: 0px; transition: all .5s; font-family: 'zimraregular'; color: #000; padding-top: 70px; padding-bottom: 70px; padding-left: 80px; padding-right: 20px; overflow-y: auto; }
.mobile-menu-wrapper { position: relative; width: 100%; height: 100%; } 
#mobile-menu { width: 100%; z-index: 10; opacity: 1; line-height: 1.3; font-size: 32px; position: absolute; top: 50%; transform: translateY(-50%); }
#mobile-menu ul {  }
#mobile-menu ul li { margin-bottom: 20px; opacity: 0; visibility: hidden; transform: translate(0,30px); transition: all .5s; }
.open-mobile-menu #mobile-menu ul li { opacity: 1; visibility: visible; transform: translate(0,0); }
#mobile-menu ul li a { display: block; }
#mobile-menu li a:before { display: inline-block; content: ''; position: relative; bottom: 8px; width: 0px; height: 2px; background-color: #BE904A; margin-right: 0; transition: all .5s; }
#mobile-menu li a:hover:before { width: 50px; margin-right: 20px; }

@media(max-width: 1199px) {
	
}

@media(max-width: 991px){
	
}

@media(max-width: 767px){
	.open-mobile-menu .real-wrapper { padding-left: 0; }
	body.open-mobile-menu header .main-nav-wrapper { left: 0px; }
	#sidebar-wrapper { width: 100%; margin-left: -100%; padding-left: 50px; padding-top: 50px; padding-bottom: 50px; }
	.open-mobile-menu #sidebar-wrapper { margin-left: 0px; }
	.close-wrapper.mobile-close { left: 20px; }
	#mobile-menu { font-size: 20px; }
	#mobile-menu li a:before { bottom: 5px; }
}

.font-xl { font-family: 'zimraregular'; font-size: 70px; line-height: 1.1; letter-spacing: 1px; }
.font-l { font-family: 'zimraregular'; font-size: 40px; line-height: 1.2; letter-spacing: 1px; color: #000; }
.font-m { font-family: 'zimraregular'; font-size: 32px; line-height: 1.2; }
.font-s { font-family: 'zimraregular'; font-size: 24px; line-height: 1.2; }
.font-s2 { font-family: 'helveticaneuemedium'; font-size: 14px; letter-spacing: 2px; }
.font-s3 { font-family: 'helveticaneuebold'; font-size: 14px; }
.font-footer { font-family: 'braxton_demoregular'; font-size: 19px; line-height: 1.2; }

@media(max-width: 1199px){
}

@media(max-width: 991px){
}

@media(max-width: 767px){
	.font-xl { font-size: 30px; }
	.font-l { font-size: 20px; }
	.font-m { font-size: 20px; }
	.font-s { font-size: 18px; }
	.font-footer { font-size: 16px; }
}

/* GENERAL */
a.glink { display: inline-block; position: relative; font-family: 'helveticaneuemedium'; font-size: 14px; letter-spacing: 2px; }
a.glink:before{ display: inline-block; content: ''; width: 50px; height: 1px; border: 1px solid #B08747; position: relative; margin-right: 20px; vertical-align: middle; }

.active { }
.black { color: #000; }
.white { color: #fff; }
.underline:hover { text-decoration: underline; }
.normal { font-weight: 400; }
.medium { font-weight: 500; }
.semi { font-weight: 600; }
.bold { font-weight: 700; }
.plr120 { padding-left: 120px; padding-right: 120px; }
.mlrauto { margin-left: auto !important; margin-right: auto !important; }
div.totop { position: fixed; bottom: 80px; right: 45px; display: inline-block; }
span.totop { display: inline-block; cursor: pointer; position: relative; font-size: 12px; font-family: 'helveticaneuemedium'; letter-spacing: 2px; transform: rotate(90deg); }
span.totop:before { display: inline-block; content: ''; position: relative; bottom: 5px; width: 50px; height: 2px; background-color: #C2944D; margin-right: 20px; }

@media(max-width: 1199px){
}

@media(max-width: 991px){
	
}

@media(max-width: 767px){
	div.totop { display: none !important; }
	.plr120 { padding-left: 20px; padding-right: 20px; }
}

.page-wrapper{ -webkit-transition: all .5s; transition: all .5s; }
.description{ word-break: all; word-break: break-word; word-wrap: break-word; line-height: 1.5; }
.description img { max-width: 100%; height: auto; }
.description ol, .description ul{ margin: 0; padding-left: 20px; }
.description ol li, .description ul li { position: relative; }
.description strong { font-size: 14px; font-weight: bold; }
.description p { margin-bottom: 5px; }
.description a:hover {  }

.cover{ width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.inlineb { display: inline-block; }
.posrel { position: relative; }
.btn { color: #FFF; font-family: 'helveticaneuemedium'; min-width: 230px; background-color: transparent; letter-spacing: 2px; transition: all .3s; }
.btn:hover { background-color: #fff; color: #000; }
.btn-black { border-color: #000; color: #000; }
.btn-black:hover { background-color: #000; color: #fff; }
.btn-mobile { min-width: 190px; }
.verbot { vertical-align: bottom; }
.vertop { vertical-align: top; }
.vermid { vertical-align: middle; }
.nopad { padding: 0; }
.separation { width: 70px; height: 2px; background-color: #BE904A; margin: 25px 0; }
.separation-2 { margin-top: 0; }

.banner { position: relative; height: 550px; display: flex; flex-direction: row; align-items: center; }
body.open-annc .banner { height: 400px; }
.banner .caption-wrapper { position: absolute; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); }
.banner .caption { position: absolute; top: 50%; width: 100%; padding: 0 55px; transform: translateY(-50%); }
.no-banner { position: relative; height: 165px; }
body.open-annc .no-banner { height: 200px; }

@media (max-width: 1199px){ 
}

@media (max-width: 991px){ 
}

@media (max-width: 767px){ 
	.banner { height: 290px; }
	.banner .caption { padding: 0 20px; }
	.separation { margin: 15px 0; }
	.btn { max-width: 100%; }
	.btn-mobile { width: 100%; }
}

.content-bg { padding-top: 80px; padding-bottom: 80px; }
.content-bg-empty { padding-top: 200px; padding-bottom: 80px; }
.content-bg-black { background-color: #2D2D2D; color: #D1D1D1; }
.content-bg-grey { background-color: #F6F6F6; }
.content-bg-img { background: url('images/about-bg.jpg'); background-size: cover; padding-bottom: 0; }

@media (max-width: 1199px){ 
	
}

@media (max-width: 991px){ 
	
}

@media (max-width: 767px){ 
	.content-bg { padding-top: 30px; padding-bottom: 30px; }
	.content-bg-empty { padding-top: 90px; padding-bottom: 30px; }
}

@media (max-width: 575px){ 
}

.home-slider { position: relative; height: 735px; }
.home-slider .owl-nav > div { position: absolute; top: 50%; width: 51px; height: 51px; background-repeat: no-repeat; background-position: 0 0; text-indent: -100%; overflow: hidden; transform: translateY(-50%); }
.home-slider .owl-prev { background-image: url('images/arrow-left.svg'); left: 15px; opacity: 0; visibility: hidden; }
.home-slider .owl-prev:hover {  }
.home-slider .owl-next { background-image: url('images/arrow-right.svg'); right: 15px; opacity: 0; visibility: hidden; }
.home-slider .owl-next:hover {  }
.home-slider .owl-carousel:hover .owl-prev, .home-slider .owl-carousel:hover .owl-next { opacity: 1; visibility: visible; }

.home-slider .owl-carousel, 
.home-slider .owl-carousel .owl-stage-outer, 
.home-slider .owl-carousel .owl-stage, 
.home-slider .owl-carousel .owl-item, 
.home-slider .item { 
	height: 100%; 
}

.home-slider .owl-dots { position: absolute; bottom: 40px; left: calc(20px + 5.882352941176%); }
.home-slider .owl-dots .owl-dot.bg-dot { display: inline-block; margin: 0 10px; width: 5px; height: 5px; background-color: #fff; border: 1.5px solid transparent; border-radius: 50%; vertical-align: middle; }
.home-slider .owl-dots .owl-dot.bg-dot.active { width: 13px; height: 13px; background: transparent; border-color: #BE904A; }
.home-slider .caption { position: absolute; width: 100%; top:50%; transform: translateY(-50%); font-family: 'braxton_demoregular'; font-size: 70px; text-align: center; opacity: 0; visibility: hidden; transition: opacity 2.5s, visibility 2.5s; }
.home-slider .owl-item.active .caption { opacity: 1; visibility: visible; }
.home-slider .caption-image { position: absolute; width: 100%; bottom: 65px; left: 6.25%; }

.home-category-img-wrapper { height: 555px; transition: all .5s; }
.home-category-list { position: absolute; top: 50%; left: 5%; transform: translateY(-50%); color: #000; width: 300px; }
.home-category-list li { margin: 20px 0; padding: 0 10px; }
.home-category-list li a { font-size: 32px; line-height: 1.2; font-family: 'zimraregular'; transition: all .5s; }
.home-category-list li a:before { display: inline-block; content: ''; position: relative; bottom: 8px; width: 0px; height: 2px; background-color: #BE904A; margin-right: 0; transition: all .5s; }
.home-category-list li a:hover:before { width: 50px; margin-right: 20px; }


@media (max-width: 1199px){
}

@media (max-width: 991px){
	.home-category-list { position: relative; }
}

@media (max-width: 767px){
	.home-slider, .home-category-img-wrapper { height: 500px; }
	.home-slider .owl-dots { bottom: 25px; left: 50%; transform: translateX(-50%); }
	.home-slider .caption { top: 50%; font-size: 40px; padding: 0 20px; }
	.home-category-list li a { font-size: 20px; }
	.home-category-list li a:before { bottom: 5px; }
}

/* PAGE ABOUT + BLANK + CUSTOM */
.about-wrapper { margin-top: 80px; }
.about-image { height: 550px; } 
.about-image .caption-wrapper { position: absolute; width: 35%; top: 50%; right: 10%; transform: translateY(-50%); } 

@media (max-width: 991px) {
	
}

@media (max-width: 767px) {
	.about-wrapper { margin-top: 30px; }
	.about-image { height: 330px; } 
	.about-desc { padding-top: 30px; padding-bottom: 30px; }
	.about-image .caption-wrapper { width: 100%; padding: 0 20px; right: 0; } 
}

/* FEATURE AT HOME */
.feature-slider, .feature-slider-cat { margin-top: 60px; margin-bottom: 60px; position: relative; transition: all .5s; }
.feature-slider .owl-nav > div, .feature-slider-cat .owl-nav > div { position: absolute; top: 50%; width: 50px; height: 50px; background-repeat: no-repeat; background-position: center; text-indent: -100%; overflow: hidden; transform: translateY(-50%); }
.feature-slider .owl-prev, .feature-slider-cat .owl-prev { background-image: url('images/arrow-left.svg'); left: 14%; transition: all .5s; }
.feature-slider .owl-prev:hover, .feature-slider-cat .owl-prev:hover { background-position: 15% center; }
.feature-slider .owl-next, .feature-slider-cat .owl-next { background-image: url('images/arrow-right.svg'); right: 14%; transition: all .5s; }
.feature-slider .owl-next:hover, .feature-slider-cat .owl-next:hover { background-position: 85% center; }
.feature-slider .owl-carousel:hover .owl-prev, .feature-slider-cat .owl-carousel:hover .owl-prev, .feature-slider .owl-carousel:hover .owl-next, .feature-slider-cat .owl-carousel:hover .owl-next { opacity: 1; visibility: visible; }
.feature-slider .owl-dots, .feature-slider-cat .owl-dots { position: absolute; width: 100%; text-align: center; bottom: 60px; }
.feature-slider .owl-dots .owl-dot.normal-dot, .feature-slider-cat .owl-dots .owl-dot.normal-dot { display: inline-block; margin: 0 10px; width: 10px; height: 10px; border-radius: 50%; background-color: transparent; border: 1px solid #fff; }
.feature-slider .owl-dots .owl-dot.normal-dot.active, .feature-slider-cat .owl-dots .owl-dot.normal-dot.active { background-color: #fff; }

.feature-slider .owl-carousel, 
.feature-slider .owl-carousel .owl-stage-outer, 
.feature-slider .owl-carousel .owl-stage, 
.feature-slider .owl-carousel .owl-item, 
.feature-slider .item { 
	height: 100%; 
}
.feature-slider .item {  }
.feature-slider .item:hover {  }
.feature-slider .item .cover, .feature-slider-cat .item .cover { margin-bottom: 20px; position: relative; }

.feature-slider-category-wrapper { margin-top: 35px; }
.feature-slider-category li:not(:last-child) { margin-right: 50px; }
.feature-slider-category li a { font-family: 'helveticaneuemedium'; font-size: 14px; color: #FFF; letter-spacing: 2px; padding: 5px 0; }
.feature-slider-category li a.active { color: #BE904A; border-bottom: 2px solid #BE904A; }
.feature-slider-category.in-collection li a { color: #4a4a4a; }

@media (max-width: 1199px){
}

@media (max-width: 991px){
}

@media (max-width: 767px){
	.feature-slider { margin: 30px 0; }
	.feature-slider .owl-prev { left: 0; }
	.feature-slider .owl-next{ right: 0; }
	.feature-slider-category-wrapper { margin-top: 20px; }
	.feature-slider-category li:not(:last-child) { margin-right: 0; margin-bottom: 10px; }
	.feature-slider-category li { display: block; }
}

.page-div { margin-top: 80px; }
.page-div-content { margin: 80px 0; position: relative; }
.page-div-content2 { margin: 60px 0; position: relative; }
.page-div-empty-content { margin-top: 120px; margin-bottom: 120px; position: relative; }


@media (max-width: 1199px){	
}

@media (max-width: 991px){
}

@media (max-width: 767px){
	.page-div { margin-top: 30px; }
	.page-div-content, .page-div-content2 { margin: 30px 0; }
	.form-wrapper { margin-top: 30px; }
}

.collection-list { }
.collection-item { margin-bottom: 80px; }
.collection-item-2 { margin-bottom: 60px; text-align: center; }
.collection-item-2 .cover-wrapper { margin-bottom: 35px; }
.collection-item-2 .cover-wrapper .overlay { position: absolute; width: 100%; height: 100%; bottom: 0; right: 0; background-color: rgba(0,0,0,0); transition: all .5s; }
.collection-item-2 .cover-wrapper .overlay .caption { position: absolute; top: 60%; width: 100%; text-align: center; transform: translateY(-50%); opacity: 0; visibility: hidden; transition: all .5s; }
.collection-item-2 .cover-wrapper:hover .overlay { background-color: rgba(0,0,0,0.7); }
.collection-item-2 .cover-wrapper:hover .overlay .caption { top: 50%; opacity: 1; visibility: visible; }

@media (min-width: 768px) {
	
}

@media (max-width: 767px) {
	.collection-item, .collection-item-2 { margin-bottom: 30px; }
	.collection-item-2 .cover-wrapper { margin-bottom: 10px; }
	.collection-detail { padding: 30px 30px 0; }
}


/* PRODUCT DETAIL */
.product-slider-2 { position: relative; }
.product-slider-2 .owl-nav > div { position: absolute; top: 50%; width: 50px; height: 50px; background-repeat: no-repeat; background-position: center; background-color: rgba(0,0,0,0.5); border-radius: 50%; text-indent: -100%; overflow: hidden; transform: translateY(-50%); }
.product-slider-2 .owl-prev { background-image: url('images/arrow-left.svg'); left: 10px; }
.product-slider-2 .owl-next { background-image: url('images/arrow-right.svg'); right: 20px; }

.product-image { /*height: 530px; overflow: hidden;*/ }
.product-thumb { font-size: 0; /*position: absolute; top: 50%; transform: translateY(-50%);*/ }
.product-thumb li { display: inline-block; cursor: pointer; overflow: hidden; width: 12.5%; }
.product-thumb li.active { }
.product-image2 img:not(:last-child) { margin-bottom: 30px; }


body.open-image { overflow: hidden; }
.fullscreen-image-wrapper { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999; overflow-y: auto; opacity: 0; visibility: hidden; background: #2d2d2d; padding: 10% 0; }
.fullscreen-image-wrapper-2 { padding: 9% 0; }
.open-image .fullscreen-image-wrapper { opacity: 1; visibility: visible; }
.thumb-image-wrapper { display: inline-block; margin-top: 10px; }
.thumb-image { cursor: pointer; background: transparent; }
.thumb-image:hover, .thumb-image.active { }
.fullscreen-close { position: absolute; background: url('images/close.svg') no-repeat center; background-color: #fff; width: 50px; height: 50px; padding: 0; border-radius: 50%; cursor: pointer; }

@media (max-width: 767px) {
	.fullscreen-image-wrapper, .fullscreen-image-wrapper-2 { padding: 25% 0; }
}

.custom-select { position: relative; cursor: pointer; text-align: left; display: block; vertical-align: middle; font-family: 'Poppins'; }
.custom-select .replacement { width: 100%; height: 35px; background: transparent; padding: 8px 35px 8px 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; font-size: 13px; line-height: 1.42857143; border-radius: 0; font-family: 'Poppins'; }
.custom-select.placeholder .replacement { }
.custom-select .replacement:after, .bottom.open-mobile-menu .style-b .main-nav .custom-select .replacement:after { position: absolute; content: ''; right: 10px; width: 18px; height: 18px; background: url('images/dropdown.svg') no-repeat center center; }
.style-b.bottom .main-nav .custom-select .replacement:after { background-image: url('images/dropdown-blue.svg'); }
.custom-select select { position: absolute; top: 0; left: 1px; width: 100%; height: 100%; z-index: 2; opacity: 0; filter: alpha(opacity=0); -webkit-appearance: none; cursor: pointer; }
.custom-select .replacement.error { border-color: #f00; }

.custom-select-opt { display: inline-block; }
.custom-select-opt .replacement { height: auto; padding: 0 18px 0 5px; line-height: inherit; border: 0; font-size: 14px; }
.custom-select-opt .replacement:after { right: 1px; width: 18px; height: 18px; background: url('images/dropdown.svg') no-repeat 0 0; }

.ccheckbox input[type="checkbox"].css-checkbox {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.ccheckbox input[type="checkbox"].css-checkbox + label.css-label {
  padding-left: 20px;
  display: inline-block;
  line-height: 1.5;
  background-repeat: no-repeat;
  vertical-align: middle;
  cursor: pointer;
  font-size: 13px;
  letter-spacing: 0.1px;
  font-weight: normal;
  background-position: 0 5px;
}
.ccheckbox input[type="checkbox"].css-checkbox:checked + label.css-label {
  background-image: url('images/ccheck-checked.svg');
}

.ccheckbox.ccheckbox-big input[type="checkbox"].css-checkbox + label.css-label { padding-left: 30px; background-position: 0; font-size: 14px; }
.ccheckbox.ccheckbox-big input[type="checkbox"].css-checkbox:checked + label.css-label {
  background-image: url('images/ccheck-checked-b.svg');
}
.ccheckbox label.css-label {
  background-image: url('images/ccheck.svg');
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ccheckbox.ccheckbox-big label.css-label { background-image: url('images/ccheck-b.svg'); }
.ccheckbox input[type="checkbox"].css-checkbox + label.css-label a { }
.ccheckbox input[type="checkbox"].css-checkbox + label.css-label a:hover { }

.form-radio .cradio { padding-top: 10px; }
.cradio input[type="radio"].css-radio {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.cradio input[type="radio"].css-radio + label.css-label {
  padding-left: 35px;
  display: inline-block;
  line-height: 28px;
  background-repeat: no-repeat;
  background-position: 0 5px;
  vertical-align: middle;
  cursor: pointer;
  letter-spacing: 0.25px;
}
.cradio input[type="radio"].css-radio:checked + label.css-label {
  background-image: url('images/cradio-checked.svg');
}
.cradio label.css-label {
  background-image:url('images/cradio.svg');
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cradio input[type="radio"].css-radio + label.css-label a { }
.cradio input[type="radio"].css-radio + label.css-label a:hover { }
form .cradio label span { font-weight: 400; }

/* PAGINATION */
.pagination { text-align: right; padding-left: 0; font-weight: 500; }
.pagination > * { margin: 0 10px; display: inline-block; }
.pagination strong, .pagination a:hover, .pagination a:hover span, .pagination .active a { color: #a47565 } 
.pagination li a span.left-arrow { display:inline-block; width: 25px; height: 12px; background: url('images/arrow-left.svg') no-repeat center center; transition: all .3s; }
.pagination li a span.left-arrow:hover { transform: translateX(-10px); }
.pagination li a span.right-arrow { display:inline-block; width: 25px; height: 12px; background: url('images/arrow-right.svg') no-repeat center center; transition: all .3s; }
.pagination li a span.right-arrow:hover { transform: translateX(10px); }

.paging .nav { list-style: none; text-align: right; font-family: 'robotoregular'; font-size: 12px; color: #727272; }
.paging li { margin: 0 12px; display: inline-block; }

/* FORM */
form label { font-weight: 500; margin-bottom: 8px; }
.form-text { font-size: 14px; }
.form-text a { }
.form-error  { color: #D0021B; font-size: 14px; margin-top: 10px; font-weight: 600; }
.form-control { }
.form-control.error { border-color: #f00; }
.half-form-group { margin-bottom: 20px; min-height: 1px; }
.form-group-custom { margin-bottom: 40px; min-height: 1px; }

@media (max-width: 767px) {
	.form-group-custom { margin-bottom: 30px; }
}

/* FOOTER */
footer { position: relative; color: #d1d1d1; background-color: #171615; }
footer .upper-footer { padding-top: 70px; padding-bottom: 100px; }
.footer-text { font-family: 'helveticaneuelight'; font-size: 14px; }

footer .main-nav { color: #d1d1d1; font-size: 14px; line-height: 1.5; font-family: 'helveticaneuelight'; }
footer .main-nav > li { position: relative; }
footer .main-nav > li:not(:last-child) { margin-right: 25px; }
footer .main-nav a:hover { color: #fff; }

@media (max-width: 991px) {
}

@media (max-width: 767px) {
	footer .logo img { height: 40px; }
	footer .upper-footer { padding-top: 30px; padding-bottom: 30px; }
}

/* SOSMED */
footer .sosmed { }
footer .sosmed .list-inline-item:not(:last-child) { margin-right: 30px; }
footer .sosmed span { display: inline-block; height: 25px; width: 25px; }
footer .sosmed span.fb { background: url('images/fb.svg') no-repeat center 2px; }
footer .sosmed span.fb:hover { background-position: center -33px; }
footer .sosmed span.tw { background: url('images/tw.svg') no-repeat center 4px; }
footer .sosmed span.tw:hover { background-position: center -28px; }
footer .sosmed span.inst { background: url('images/ig.svg') no-repeat center 2px; }
footer .sosmed span.inst:hover { background-position: center -33px; }
footer .sosmed span.line { background: url('images/line.svg') no-repeat center 2px; }
footer .sosmed span.line:hover { background-position: center -33px; }
footer .sosmed span.wa { background: url('images/whatsapp.svg') no-repeat center 2px; }
footer .sosmed span.wa:hover { background-position: center -34px; }

.sosmed-share { display: flex; font-size: 12px; font-family: 'helveticaneuemedium'; letter-spacing: 2px; }
.sosmed-share-bottom { margin-top: 80px; }
.sosmed-share > li:not(:last-child) { margin-right: 20px; }
.sosmed-share span { display: inline-block; height: 25px; width: 25px; background-repeat: no-repeat; }
.sosmed-share span.fb { background: url('images/fb.svg') no-repeat center 2px; }
.sosmed-share span.fb:hover { background-position: center -33px; }
.sosmed-share span.tw { background: url('images/tw.svg') no-repeat center 4px; }
.sosmed-share span.tw:hover { background-position: center -28px; }
.sosmed-share span.line { background: url('images/line.svg') no-repeat center 2px; }
.sosmed-share span.line:hover { background-position: center -33px; }

@media (max-width: 991px){
	
}

@media (max-width: 767px){
	.sosmed-share { margin-bottom: 20px; }
}

.copyright { font-size: 12px; }

@media (min-width: 992px) and (max-width: 1200px){
	footer .sosmed li { margin-right: 15px; }
}

@media (max-width: 991px){
}

@media (max-width: 767px){
	.copyright { text-align: center; }
	.copyright .formobile { display: block; }
}

.waitload, .caption.waitload > *, .waitload .description, .waitload .service-item  { opacity: 0; visibility: hidden; transform: translate(0,30px); transition: opacity 1s, visibility 1s, transform 1s; }
.waitload .description, .tdelay { transition-delay: .3s; }
.waitload .service-item:nth-child(2) { transition-delay: .3s; }
.waitload .service-item:nth-child(3) { transition-delay: .6s; }
.waitload .service-item:nth-child(4) { transition-delay: .9s; }
.waitload .service-item:nth-child(5) { transition-delay: 1.2s; }
.waitload .service-item:nth-child(6) { transition-delay: 1.5s; }
.waitload .service-item:nth-child(7) { transition-delay: 1.8s; }
.waitload .service-item:nth-child(8) { transition-delay: 2.1s; }
.waitload .service-item:nth-child(9) { transition-delay: 2.4s; }
.fadein, .caption.fadein > *, .fadein .description, .fadein .service-item { opacity: 1; visibility: visible; transform: translate(0,0); }

.project-list { margin-top: 60px; }
.project-item { margin-bottom: 60px; text-align: center; }
.project-item .cover { margin-bottom: 35px; }
.project-item .project-title { margin-bottom: 15px; }
.project-detail-image-wrapper { margin-top: 80px; margin-bottom: 60px; }
.project-detail-image { margin-bottom: 20px; }

@media (max-width: 767px){
	.project-list { margin-top: 30px; }
	.project-item { margin-bottom: 30px; }
	.project-item .cover { margin-bottom: 10px; }
	.project-detail-image-wrapper { margin-top: 30px; margin-bottom: 30px; }
	.project-detail-image { margin-bottom: 10px; }
}

.career-list { margin-top: 80px; }
.career-item { margin-bottom: 60px; }
.career-title { margin-bottom: 15px; }

@media (max-width: 767px){
	.career-list { margin-top: 30px; }
	.career-item { margin-bottom: 30px; }
}

.form-group label { font-family: 'helveticaneuemedium'; letter-spacing: 2px; }
.btn-fit { min-width: 100%; width: 100%; }
.img-fit { width: 100%; }