html, h1, h2, h3, h4, h5, h6, .roboto, .uk-button, .uk-navbar-nav > li > a {font-family: 'Roboto', sans-serif;}
.robotoc {font-family: 'Roboto Condensed', sans-serif;}

.header-block {background: #262624; margin-bottom: 70px;}

a {
  color: #B64A2D;
}

a.uk-link-heading:hover,
.uk-link-heading a:hover,
.uk-link-toggle:hover .uk-link-heading,
.uk-link-toggle:focus .uk-link-heading {
  color: #B64A2D;
  text-decoration: none;
}

.header-wrap {padding-top: 20px;}
.header-wrap .logo {}
.header-wrap .logo a, .header-wrap .logo a:hover, .header-wrap .logo a:focus, .header-wrap .logo a:active {text-decoration: none; color: #fff; text-transform: uppercase; font-weight: 900; color: #999;}
.header-wrap .logo a strong {display: block; font-size: 1.6rem; font-weight: 900; line-height: 1; color: #fff;}
.search-pop {margin: -2px 10px 0 0;}
.search-pop + .uk-drop > form {margin-left: 20px;}

.uk-search-input {font-size: 1.4rem; font-weight: 100; color: #999; background: none; border: none;}

.header-block .social-list {padding: 10px 20px 0 20px;}
.header-block .social-list li {display: inline-block;}
.header-block .social-list li a {color: #000; display: block; width: 26px; height: 26px; font-size: 15px; line-height: 28px; background: #fff; text-align: center; border-radius: 50%;}
.header-block .social-list li a:hover {background: #F3A691;}

.uk-article-title {border: none !important;}
.title-block {border-bottom: 10px solid #B64A2D !important;}

.header-block a.sight {vertical-align: middle; font-size: 24px; margin-left: 20px;}
.header-block a.sight.sight-active {color: #B64A2D;}

.about .uk-button-text {margin-right: 20px;}

.uk-navbar-container:not(.uk-navbar-transparent) {background: none;}
.uk-navbar-nav > li > a, .uk-navbar-item, .uk-navbar-toggle {min-height: 60px;}
.uk-navbar-nav > li > a {color: #fff; font-weight: 500; text-transform: none; font-size: 1rem;}
.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li > a:active, .uk-navbar-nav > li > a.uk-open {color: #F3A691;}
.uk-navbar-nav > li.uk-active > a {transform: translateY(10px); color: #fff;}
.uk-navbar-nav > li.uk-active > a:after {content: " "; display: block; position: absolute; left: 0; top: 2px; height: 9px; width: 100%; background: #B64A2D;}
.uk-navbar-nav > li.uk-active:first-child > a:after {padding-left: 25px; left: -25px;}
.uk-navbar-nav > li.uk-active:last-child > a:after {padding-right: 25px; right: -25px;}
.navbar-wrap .deco1 {position: absolute; left: 50%; margin-left: -600px; bottom: -10px; height: 10px; width: 1200px; background: #B64A2D; transform: scaleX(0); transition: all ease 1.5s; z-index: 1000;}
.navbar-wrap .deco1.spot {transform: scaleX(1); transition: all ease 1.5s;}
.navbar-wrap.uk-sticky.uk-active {background: #262624;}

.uk-navbar-nav > li:first-child > a {padding-left: 0;}
.uk-navbar-nav > li:last-child > a {padding-right: 0;}
.uk-navbar-nav > li.virtual > a span {color: #666; transition: all ease 1s; transition-delay: 1s; margin-right: 4px;}
.uk-navbar-nav > li.virtual.tour > a span {color: #FFF18B; text-shadow: #FFFAC1 0 0 15px;}
.uk-navbar-nav > li.virtual > a span + span {transition: all ease 1s; transition-delay: 1s; content: ' '; display: block; width: 24px; height: 24px; position: absolute; left: 2px; top: 16px; background: #FFFAC1; filter: blur(15px); opacity: 0;}
.uk-navbar-nav > li.virtual.tour > a span + span {opacity: 0.7;}

.uk-navbar-nav .uk-nav-header {border-top: 1px solid #e5e5e5; height: 1px;}

.uk-form-danger {border: 1px solid;}

h1 {font-weight: 900;}
.person-intro h2 {font-weight: 900; border-bottom: 1px solid #e5e5e5;}
.uk-button, .uk-button-small {font-weight: 500;}
	a {color: #B64A2D;}
	a:hover, a:focus {color: #B64A2D;}
.uk-button-primary {
    background-color: #B64A2D;
    color: #fff;
    border: 1px solid transparent;
}
.uk-button-primary:hover, .uk-button-primary:focus {background: #333;}
.uk-subnav-pill > .uk-active > a {background: #B64A2D;}
.uk-tab > .uk-active > a {
    color: #333;
    border-color: #B64A2D;
}

h2 {font-weight: 900;}
blockquote {padding-left: 20px; border-left: 10px solid #B64A2D;}
h3.spec {margin-left: -40px; text-transform: uppercase; font-weight: 900;}
.uk-label {background: #B64A2D;}
.uk-list span {margin-top: -2px; vertical-align: text-bottom;}
..uk-slider-items p {margin: 0 !important;}
.sptab li * {padding-left: 20px;}

.person-intro .shortlist .uk-text-primary {color: #000 !important;}
.person-line {margin: 60px 0; overflow: hidden;}
.person-line .deco1 {height: 100%; overflow: hidden;}
.person-line .deco1 div {display: block; position: absolute; left: 50%; margin-left: -1px; height: 10px; width: 2px; top: 0; background: #fff; transition: all ease 5s; transition-delay: 1s;}
.person-line .deco1.ltog div {height: 100%;}
.person-line .point .deco2 {position: absolute; top: 50%; right: -140px; width: 40px; height: 40px; background: #fff; border-radius: 50%; margin-top: -20px; transition: all ease 0.5s; transform: scale(0);}
.person-line .col3 .point .deco2 {left: -140px; right: auto;}
.person-line .point {opacity: 0.2; transition: all ease 0.5s;}
.person-line .point.ptog {opacity: 1;}
.person-line .point.ptog .deco2 {transform: scale(1);}

.faces-lib h3 {font-size: 1rem; margin-top: 15px;}
.faces-lib a {text-decoration: none !important;}
.faces-lib h3 strong {color: #B64A2D; display: block;}

.book-lib-item,
.book-lib li {margin-top: 40px;}
.book-lib-item h3,
.book-lib li h3 {font-size: 0.875rem;}
.book-lib-item a,
.book-lib li a {color: #000}
.book-lib-item a strong,
.book-lib li a strong {color: #B64A2D; display: block;}
.book-lib-item a strong,
.book-lib li a strong {}
.book-lib-item .uk-text-primary { color: #000 !important; }

.book-lib-item .uk-box-shadow-large .bookmark-button,
.book-lib-item .uk-box-shadow-bottom .bookmark-button {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
    color: #B64A2D !important;
    font-size: 20px;
}

h2.lspec {font-size: 1.2rem; color: #000;}
h2.lspec strong {font-size: 1.6rem; display: block;}
h2.lspec strong a {color: #000;}

.ph-wrap {margin-top: -70px; overflow: hidden; height: 0; transition: all ease 1s;}
.ph-wrap.hhand {height: 220px;}
.ph-wrap .page-header {height: 220px; background-position: center top; transition: all ease 1s; transition-delay: 1s;}
.ph-wrap.hhand .page-header {background-position: center bottom;}
.ph-wrap h1 {transition: all ease 1s; transition-delay: 1s; transform: translateY(230px);}
.ph-wrap.hhand h1 {transform: translateY(0);}
.page-header .uk-container {height: 220px;}

.ph-wrap.ph-wrap--small.hhand {height: 120px;}
.ph-wrap.ph-wrap--small.hhand .page-header .uk-container {height: 120px;}

.first-slide {margin-top: -70px; margin-bottom: 60px;}
.first-slide.inner-cat {margin-top: 0; margin-bottom: 0;}
.first-slide li img {filter: grayscale(1) brightness(50%); transition: all ease 0.5s;}
.first-slide li:hover img {filter: grayscale(0) brightness(100%);}
.first-slide li .slide-cut {margin-left: 100px;}
.first-slide li:hover .slide-cut {transform: translateY(-600px);}
.first-slide.inner-cat li:hover .slide-cut {opacity: 0;}
.first-slide li .slide-more {opacity: 0; transition: all ease 0.5s;}
.first-slide li:hover .slide-more {opacity: 1;}
.first-slide h1 {font-size: 1.6rem; font-weight: 900; line-height: 1; text-transform: uppercase;}
.slide-cut {}

.today {height: 514px; padding-bottom: 80px;}
.today h2 {}
.today .deco1 {position: absolute; top: 30px; left: 40px; height: 485px; width: 420px; border: 10px solid #B64A2D; z-index: 10;}
.today-switch.switch1 li {height: 480px; position: relative;}
.today-switch.switch1 .uk-animation-slide-bottom {animation-duration: 0.4s !important;}
.today-switch.switch1 img {box-shadow: rgba(0,0,0,0.7) 0 10px 30px; display: block; position: absolute; z-index: 20; left: 0; top: 70px; margin-left: 40px;}

.cats {background: #262624; margin-top: 20px; padding: 40px 0;}
.cats a.pad {display: block; position: relative;}
.cats .uk-container-special {margin-left: 84px; margin-right: 84px;}
.cats .heading-wrap {background: #262624; padding: 20px; padding-bottom: 0; margin-top: -40px; width: 240px; position: absolute;}
.cats .content-wrap {padding-top: 50px; padding-left: 20px;}
.cats .heading-wrap h2 {font-size: 1.6rem; font-weight: 900; line-height: 1; text-transform: uppercase; line-height: 1.1; margin-bottom: 0; padding-bottom: 0;}
.cats .heading-wrap h2 span {text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-weight: 900;
    color: #999; font-size: 16px;}
	
.virt {margin-top: 60px; margin-bottom: 60px;}
.virt .feats strong {font-size: 2rem; line-height: 1; font-weight: 300; color: #B64A2D; display: inline-block; margin-left: 5px;}
.virt .media {}
.virt .media .pad {border: 10px solid #B64A2D; display: block; padding: 30px; height: 100px; position: relative; transition: transform ease 0.5s;}
.virt .media .pad span {text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-weight: 900;
    color: #999; font-size: 16px; }
.virt .media .pad span strong {font-size: 1.6rem; font-weight: 900; line-height: 1; text-transform: uppercase; line-height: 1.1; margin-bottom: 0; padding-bottom: 0; color: #000;}
.virt .media .pad:hover {background: #333; border-color: #333; transform: translateY(30px);}
.virt .media .pad:hover span {color: #fff;}
.virt .media .pad:hover strong {color: #fff;}

.faces {background: #333 url('../img/bgface.jpg'); box-shadow: inset #000 0 30px 160px; position: relative;}
.faces h1 {margin-bottom: 0;}
.faces .pad {padding: 60px 0 40px 0;}
.faces li {padding-bottom: 20px;}
.faces .uk-card {background: #41434B; box-shadow: #222 0 10px 20px; position: relative; border-bottom: 6px solid #4F5058;}
.faces .uk-card .deco1 {position: absolute; pointer-events: none; left: 50%; margin-left: -5px; width: 10px; height: 10px; border-radius: 50%; background: #fff; z-index: 30;}
.faces .uk-card .deco1.tog {box-shadow: #FFFAC1 0 0 60px 35px;}
.faces .uk-card .deco2 {position: absolute; pointer-events: none; left: 50%; margin-left: -5px; width: 10px; height: 10px; border-radius: 50%; background: #fff; z-index: 30;}
.faces .uk-card .deco1, .faces .uk-card .deco2 {top: 78%;}
.faces .uk-card .deco1.tog + .deco2 {filter: blur(4px); transform: scale(1.4);}
.faces .uk-card .deco1 + .deco2 + img {transition: all ease 0.5s; filter: brightness(50%) grayscale(100%); box-shadow: #222 0 5px 20px;}
.faces .uk-card .deco1.tog + .deco2 + img { filter: brightness(100%) grayscale(0%); box-shadow: #222 0 -5px 20px;}
.faces .uk-card .deco1 + .deco2 + img + h3 strong {text-shadow: #222 0 0 1px; transition: all ease 0.5s;}
.faces .uk-card .deco1.tog + .deco2 + img + h3 strong {text-shadow: #222 0 5px 5px;}
.faces li img {display: block; border: 1px solid #444;}
.faces .uk-card a {text-decoration: none; display: block; transition: all 0.5s ease; transform: scale(1);}
.faces .uk-card a:hover { text-decoration: none; }
.faces .uk-card a img {transition: all ease 0.5s;}
.faces .uk-card a:hover img {transform: translateY(-40px) scale(1.05); }
.faces .uk-card h3 {font-size: 1rem;}
.faces .uk-card h3 strong, .faces .uk-card h3 strong span, .faces .uk-card h3 strong span span {font-size: 1.2rem; display: block; color: #fff;}
.faces .uk-card h3 span, .faces .uk-card h3 span span, .faces .uk-card h3 span span span {font-size: 0.875rem; color: #777; display: block; white-space: nowrap;}
.faces .uk-slider-items li {}
.faces .uk-slider-container {margin-left: 84px; margin-right: 84px; padding-top: 40px;}

.faces.inner {background: none; box-shadow: none;}
.faces.inner .uk-card .deco1 {box-shadow: #FFFAC1 0 0 60px 35px; display: none;}
.faces.inner .uk-card .deco1 + .deco2 {filter: blur(4px); transform: scale(1.4); display: none;}
.faces.inner .uk-card .deco1 + .deco2 + img { filter: brightness(100%) grayscale(0%); box-shadow: 0 5px 10px rgba(0,0,0,0.2); border: 1px solid #e5e5e5;}
.faces.inner .uk-card {background: #fff;     box-shadow: 0 5px 15px rgba(0,0,0,0.08); position: relative; border-bottom: none; border: 1px solid #e5e5e5;}
.faces.inner .uk-card .uk-card-title {margin-top: 20px;}
.faces.inner .uk-card .uk-card-title strong {color: #B64A2D;}
.faces.inner .uk-card h3 {font-size: 1rem;}
.faces.inner .uk-card h3 strong {font-size: 1.2rem; display: block;}
.faces.inner .uk-card h3 span {font-size: 0.875rem; color: #000; display: block; white-space: nowrap;}
.faces.inner .uk-card .deco1 + .deco2 + img + h3 strong {text-shadow: none; transition: all ease 0.5s;}
.faces.inner .uk-card .deco1.tog + .deco2 + img + h3 strong {text-shadow: none;}

.form-filter .select2-container {
    width: 100% !important;
}

.form-filter .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #fff;
}

.form-filter .select2-container--default .select2-selection--multiple,
.form-filter .select2-container .select2-selection--multiple {
    background-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.7);
    background-clip: padding-box;
    border-color: rgba(255, 255, 255, 0.2);
}
.form-filter .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .form-filter .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    background: none;
}
.form-filter .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #d4836e;
    border: 1px solid transparent;
    color: #fff;
}

.form-filter .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: white;
    border-color: white;
}

.cats {}
.uk-card-primary {background: #B64A2D;}

.history {margin-top: 60px; margin-bottom: 60px;}
.history h1 {margin-bottom: 40px;}
.history .uk-tab a {font-size: 0.875rem; color: #999;}
.history .uk-tab a strong {color: #333; font-size: 1.2rem; font-weight: 900; line-height: 1; text-transform: uppercase; display: block; margin-bottom: 10px;}
.history .uk-slider-container {margin-left: 84px; margin-right: 84px; padding-bottom: 60px;}
.history .uk-dropdown {border: none; box-shadow: none; padding: 0; display: none;}
.history .uk-slider-items li {position: relative;}
.history .uk-slider-items .uk-button-default {touch-action: pan-y; padding: 15px 40px; font-size: 2rem; font-weight: 300; border: none;}
.history .uk-slider-items .uk-button-default:hover {background: #B64A2D; color: #fff;}
.history .uk-slider-items .impr .uk-button:after {content: ' '; display: block; position: absolute; left: 50%; margin-left: 15px; margin-top: 5px; border-radius: 50%; width: 10px; height: 10px; background: #B64A2D;}

.red {height: 500px; overflow: hidden;}
.red .inset {height: 500px; transform: translateY(600px); transition: all ease 1.5s;}
.red .inset.tog { transform: translateY(0);}
.red .inset + .inset2 {transition: all ease-in 1s; transition-delay: 0.1s; z-index: 100; transform: scale(0.1); opacity: 0;}
.red .inset + .inset2 h1 {margin-top: 0; margin-bottom: 40px;}
.red .inset + .inset2 h2 {padding-top: 20px; font-weight: 900; opacity: 0.3; margin-top: 0; margin-bottom: 0; font-size: 4rem;}
.red .inset.tog + .inset2 {transform: scale(1); opacity: 1;}

.about-pro {margin-top: 60px; margin-bottom: 60px;}

.bookmark-button i + span { margin-left: 5px; }
.bookmark-button:not(.bookmark-bookmarkd) .far { display: inline-block; }
.bookmark-button:not(.bookmark-bookmarkd) .fa { display: none; }
.bookmark-button.bookmark-bookmarkd .far { display: none; }
.bookmark-button.bookmark-bookmarkd .fa { display: inline-block; }

.footer-wrap {font-size: 14px; color: #999; padding-top: 110px; padding-bottom: 30px;}
.footer-wrap .deco1 {position: absolute; left: 50%; margin-left: -600px; top: -60px; height: 10px; width: 1200px; background: #B64A2D; transform: scaleX(0); transition: all ease 1.5s;}
.footer-wrap .deco1.spot {transform: scaleX(1); transition: all ease 1.5s;}
.footer-wrap .copy2 .logo-list {margin-top: -15px;}
.footer-wrap .copy2 .logo-list li {display: inline-block; margin-left: 20px;}
.footer-wrap .copy2 .logo-list li:first-child {margin-left: 0;}
.footer-wrap .copy2 .logo-list li img {width: 200px; height: auto;}
.footer-wrap .copy2 .placeholder {width: 200px; height: 54px; line-height: 54px; border: 1px dashed #ccc;}

.footer-wrap .social-list {margin-top: -20px;}
.footer-wrap .social-list li {display: inline-block; margin-left: 10px;}
.footer-wrap .social-list li:first-child {margin-left: 0;}
.footer-wrap .social-list li a {color: #999; display: block; font-size: 18px;}
.footer-wrap .social-list li a:hover {color: #000;}



/* From O */
.select2-container--default.select2-container--focus .select2-selection--multiple {border-color: #1e87f0;}
.select2-container--default .select2-selection--multiple, .select2-container .select2-selection--multiple {border-radius: 0; color: #666; border: 1px solid #e5e5e5; padding: 0 10px; background: #fff; height: 40px; vertical-align: middle;}
.select2-container--default .select2-search--inline .select2-search__field {height: 30px; vertical-align: middle;}

body.vision {font-size: 24px;}
body.vision .uk-navbar-nav > li.virtual.tour > a span {display: none !important;}
body.vision .header-wrap .logo {line-height: 1;}
body.vision .uk-navbar-nav > li > a {font-size: 24px; line-height: 24px;}
body.vision .navbar-wrap {margin-top: 20px;}
body.vision .header-block .social-list li a {width: 42px; height: 42px; font-size: 26px; line-height: 42px;}
body.vision .uk-button, body.vision .uk-button .uk-button-small {padding: 0 20px; line-height: 38px; font-size: 1.5rem;}
body.vision .header-wrap .uk-subnav > * > :first-child {font-size: 1.5rem;}
body.vision .first-slide li .slide-cut {width: 100%; margin: 0 !important; transform: none; max-width: 100%; background: #000;}
body.vision .uk-slidenav {display: none;}
body.vision .slide-more.uk-position-center {top: auto; bottom: 20px; transform: none; left: 40px;}
body.vision .main-wrap .uk-subnav-pill > * > :first-child {font-size: 24px;}
body.vision .today {height: auto;}
body.vision .uk-text-meta, body.vision .history .uk-tab a, body.vision .uk-breadcrumb > * > *, body.vision .faces.inner .uk-card h3 span,
body.vision .faces-lib h3, body.vision .book-lib li h3, body.vision .uk-form-label, body.vision .book-lib li a strong, body.vision .uk-text-small,
body.vision .uk-nav > li > a{font-size: 18px;}

body.vision .today .deco1 {display: none;}
body.vision .uk-animation-slide-bottom, .red .inset.tog, .red .inset.tog + .inset2, .red .inset + .inset2 h2 {transform: none !important; opacity: 1 !important; transition: none !important; display: block !importan;}

body.vision .faces .uk-card .deco1, body.vision .faces .uk-card .deco2 {display: none;}
body.vision .faces .uk-card .deco1 + .deco2 + img, body.vision .faces .uk-card .deco1.tog + .deco2 + img {filter: none; transition: none; transform: none !important;}

body.vision .faces .uk-card h3 span, body.vision .faces .uk-card h3 span span, body.vision .faces .uk-card h3 span span span {color: #fff; font-size: 18px; white-space: normal;}
body.vision .faces .uk-card h3 strong, body.vision .faces .uk-card h3 strong span, body.vision .faces .uk-card h3 strong span span {font-size: 24px;}
body.vision .faces {background: #000;}



/* NEW */
#wrapper {width: 100%; overflow: hidden;}
.navbar-wrap.uk-sticky {z-index: 9999;}
.LoginRegisterPro .Inputfield:not(.InputfieldSubmit) {background: #fff !important; border: none !important; box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);}
.uk-input:focus, .uk-select:focus, .uk-textarea:focus {
    border-color: #B64A2D;
}
.uk-radio:checked, .uk-checkbox:checked, .uk-checkbox:indeterminate {
    background-color: #B64A2D;
}
.uk-radio:checked:focus, .uk-checkbox:checked:focus, .uk-checkbox:indeterminate:focus {
    background-color: #B64A2D;
}

.LoginRegisterPro .InputfieldHeader {
    font-weight: normal !important;
    display: block;
    margin-bottom: 5px;
    color: #333;
    font-size: 0.875rem;
}