/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Media Queries */

/* #Font-Face
================================================== */
@import url('../fonts/cera-pro/stylesheet.css');

/* #Site Styles
================================================== */

/* ### general ### */
html,
body { font-family: 'Cera Pro', sans-serif; font-size: 14px; font-weight: 300; line-height: 1.5; color: #1a1a1a; }
body { background: linear-gradient(to right, rgba(222, 222, 178, 1) 0%, rgba(234, 234, 201, 1) 100%); }
img { display: block; max-width: 100%; border: 0; }
:focus { outline: none; }
input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-results-button,
input[type='search']::-webkit-search-results-decoration {
	-webkit-appearance: none;
}
ul,
li { margin: 0; padding: 0; list-style: none; }
a { text-decoration: none; }
h1,
h2,
h3,
h4,
h5,
h6 { font-weight: 700; line-height: 1.2; color: #1a1a1a; }
h1 { font-size: 21px; }
h2 { font-size: 21px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

.rounded {
	border-radius: 25px!important;
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
	display: none;
	-webkit-appearance: none;
}

#profile-image {
	width: 100%;
	object-fit: cover;
	aspect-ratio: 1/1;
}

a,
a:hover {
	color: inherit;
	text-decoration: none;
}

/* ### global classes ### */
.clear { visibility: hidden; clear: both; height: 0; line-height: 0; }
.container { margin-left: 0; max-width: 1590px; }
.btn { padding: 9px 10px; font-size: 12px; font-weight: 700; border-radius: 50px; transition: all 0.3s; }
.btn i { margin-left: 7px; display: inline-block; font-size: 12px; vertical-align: middle; }
.btn:focus { box-shadow: none; }
.btn-primary { border: 1px solid #beaf57; background-color: #beaf57; }
.btn-primary:focus,
.btn-primary:hover { border: 1px solid #ad9d40; background-color: #ad9d40; }
.btn-secondary { border: 1px solid #46a938; background-color: #46a938; }
.btn-secondary:focus,
.btn-secondary:hover { border: 1px solid #349726; background-color: #349726; }
.btn-danger { border: 1px solid #f7240e; background-color: #f7240e; }
.btn-danger:focus,
.btn-danger:hover { border: 1px solid #db1d09; background-color: #db1d09; }
.form-control { padding: 10px 14px; width: 100%; height: 36px; font-size: 14px; color: #1a1a1a !important; border: 1px solid rgba(26, 26, 26, 0.1); border-radius: 50px; background-color: transparent; }
.form-control.textarea { padding: 15px 50px 15px 15px; height: 240px; border-radius: 10px; }
.form-control::placeholder { color: #1a1a1a; }
.form-control:focus { border: 1px solid rgba(26, 26, 26, 0.1); outline: inherit; box-shadow: none; background-color: transparent; }

/* ### wrapper ### */
#wrapper { padding-top: 64px; position: relative; display: block; width: 100%; min-height: 100%; overflow: clip; }

/* ### main container ### */
#mainCntr { width: 100%; }

/* ### header container ### */
.header { padding: 11px 15px 12px; position: fixed; top: 0; left: 0; z-index: 9; color: #fff; background-color: #100f0f; }
.header-left { display: flex; align-items: center; }
.header-logo { display: inline-block; }
.header-logo img { display: inline-block; max-width: 30px; }
.header-title { padding-right: 15px; padding-left: 14px; display: none; line-height: 1; color: #fff; vertical-align: middle; border-right: 2px solid #fff; }
.header-dashboard { margin-left: 10px; font-size: 14px; font-weight: 700; color: #fff; }
.header-dashboard:focus,
.header-dashboard:hover { color: #fff; }
.header-search { padding: 14px 15px; position: absolute; top: 0; left: 0; z-index: 3; opacity: 0; visibility: hidden; width: 100%; background-color: #100f0f; transition: all 0.3s; }
.header-search .form-control:focus,
.header-search .form-control { padding: 10px 50px 10px 15px; font-size: 12px; color: #fff !important; border: 1px solid rgba(255, 255, 255, 0.1); }
.header-search .form-control::placeholder { color: #fff; }
.header-search.active { opacity: 1; visibility: visible; }
.js-header-toggle { margin-right: 15px; display: inline-block; }
.header-search-btn { position: absolute; top: 50%; right: 30px; border: 0; background-color: transparent; transform: translateY(-50%); }
.header-user img { max-width: 36px; border-radius: 50px; }
.header-user strong { margin-left: 15px; font-weight: 700; transition: all 0.3s; }
.header-user-id { z-index: 2; }
.header-user-dropdown { padding: 88px 40px 40px; position: absolute; top: 0; right: 0; z-index: 1; opacity: 0; visibility: hidden; width: 100%; height: 100vh; background-color: rgba(255, 255, 255, 0.95); transition: all 0.3s; }
.header-user-dropdown.active { opacity: 1; visibility: visible; }
.header-user-name { position: absolute; top: 20px; right: 60px; color: #1a1a1a; }
.header-user-dropdown strong { margin-left: 0; }
.header-user-dropdown ul { margin-bottom: 27px; }
.header-user-dropdown ul:last-child { margin-bottom: 0; }
.header-user-dropdown li { margin-bottom: 3px; color: #1a1a1a; }
.header-user-dropdown button {background: none; border: 0; padding: 0}
.header-user-dropdown a, .header-user-dropdown button { color: #1a1a1a; transition: all 0.3s; }
.header-user-dropdown a:hover, .header-user-dropdown button:hover { color: #beaf57; }

/* ### sidebar ### */
.sidebar { padding: 86px 10px 30px; position: fixed; top: 0; left: 0; z-index: 5; display: flex; flex-direction: column; width: 40px; height: 100vh; text-align: center; background-color: #100f0f; }
.sidebar li { margin-bottom: 30px; }
.sidebar li a { display: block; width: 17px; }
.sidebar li span { padding-left: 10px; display: none; white-space: nowrap;}
.sidebar li i { margin-left: 8px; display: inline-block; font-size: 14px; }
.sidebar .logout { margin-top: auto; opacity: 0.25; transition: all 0.3s; background: none; border: 0; padding: 0;}
.sidebar .logout img { margin: 0 auto; width: 17px; }
.sidebar .logout:hover { opacity: 1; }
.sidebar-curve { position: absolute; top: 64px; right: -10px; width: 10px; height: 10px; }

/* ### main  ### */
main { margin-left: 40px; padding: 15px 10px; }

/* ### faces ### */
.faces { padding-bottom: 27px; }
.faces h1 { margin-bottom: 17px; }
.faces h2 { margin-bottom: 0; }
.faces h1 i,
.faces h2 i { margin-top: -7px; margin-right: 5px; display: inline-block; vertical-align: middle; }
.faces h1 img,
.faces h2 img { display: inline-block; width: 17px; position: relative; top: -3px; }
.faces .swiper { margin-right: -20px; padding: 20px 0; }
.faces-left { margin-bottom: 28px; }
.faces-left .cards-block { margin-bottom: 22px; }
.faces .card-meeting { margin-bottom: 12px; }
.faces .card-meeting:last-child { margin-bottom: 0; }

/* ### card-meeting ### */
.card-meeting { border-radius: 10px; background-color: #fff; overflow: hidden; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); }
.card-meeting-image { position: relative; }
.card-meeting-image span { padding: 9px 16px; position: absolute; top: 20px; right: 20px; display: inline-block; font-size: 10px; font-weight: 700; color: #fff; border-radius: 25px; background-color: #beaf57; }
.card-meeting-image img { width: 100%; height: 100px; object-fit: cover; }
.card-meeting-text { padding: 17px 18px 20px; }
.card-meeting-text h3 { margin-bottom: 8px; }
.card-meeting-text h6 { margin-bottom: 8px; }
.card-meeting-text p { margin-bottom: 25px; }
.card-meeting-text p i { margin-top: -6px; margin-right: 3px; display: inline-block; vertical-align: middle; }
.card-meeting-text p img { display: inline-block; }
.card-meeting-text li i { margin-top: -4px; margin-right: 3px; display: inline-block; vertical-align: middle; }
.card-meeting-text li img { display: inline-block; }
.card-meeting-text .btn { min-width: 100px; }
.card-meeting-text .btn.btn-secondary i { font-size: 12px; }

/* ### card-faces ### */
.card-faces { width: 100%; height: 100%; border-radius: 10px; background-color: #fff; overflow: hidden; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); }
.card-faces-image img { width: 100%; }
.card-faces-text { padding: 15px 20px 20px; }
.card-faces-text h3 { margin-bottom: 5px; }
.card-faces-text h3 strong { display: block; }
.card-faces-text p { margin-bottom: 18px; }
.card-faces-signal { width: 36px; height: 36px; font-size: 10px; color: #fff; border-radius: 50px; background-color: #f7240e; border: 0; }
.card-faces-signal.check { background-color: #46a938; opacity: 1!important; }
.card-faces-signal:hover { color: #fff; }
.card-faces-signal:disabled {opacity: .2}

/* ### documents ### */
.documents h2 { margin-bottom: 19px; }
.documents h2 i { margin-top: -7px; margin-right: 5px; display: inline-block; vertical-align: middle; }
.documents h2 img { display: inline-block; width: 17px; }

/* ### card-documents ### */
.card-documents { padding: 19px 20px 16px; border-radius: 10px; background-color: #fff; }
.documents-item { margin-bottom: 12px; }
.card-documents-date { padding: 9px 16px; display: inline-block; font-size: 10px; font-weight: 700; color: #fff; border-radius: 25px; background-color: #beaf57; }
.card-documents h3 { margin-bottom: 10px; width: 100%; }
.card-documents h3 span { padding-top: 6px; display: block; font-size: 14px; font-weight: 300; }
.card-documents li { margin-right: 10px; }

/* ### book ### */
.book-wrap { padding-right: 40px; }
.book-scrollbar { height: 600px; overflow-y: scroll; }
.book-holder { margin-bottom: 24px; }
.book-holder h1 { margin-bottom: 18px; }
.book-holder h1 i { margin-top: -7px; margin-right: 5px; display: inline-block; vertical-align: middle; }
.book-holder h1 img { display: inline-block; width: 17px; position: relative; top: -3px;}
.book-search .form-control { color: #100f0f !important; border: 1px solid rgba(16, 15, 15, 0.1); }
.book-search .form-control::placeholder { color: #100f0f; }
.book-search-btn { position: absolute; top: 50%; right: 15px; border: 0; background-color: transparent; transform: translateY(-50%); }
.book-search-btn img { width: 16px; }
.book-column { margin-bottom: 11px; }
.book-dots { position: absolute; top: 15px; right: 7px; z-index: 1; }
.book-dots li { margin-bottom: 5px; width: 6px; height: 6px; border-radius: 10px; background: rgba(26, 26, 26, 0.1); transition: all 0.5s; cursor: pointer; }
.book-dots li.active { width: 6px; height: 22px; background: #1a1a1a; }
.book-dots li:last-child { margin-bottom: 0; }
.book-scrollbar::-webkit-scrollbar { width: 0 !important; display: none; }

/* ### book-detail ### */
.book-detail-holder { margin-bottom: 18px; }
.book-detail-holder h1 { margin-bottom: 0; }
.book-detail-holder h1 i { margin-top: -7px; margin-right: 5px; display: inline-block; vertical-align: middle; }
.book-detail-holder h1 img { display: inline-block; width: 17px; position: relative; top: -3px; }
.book-detail-holder .form-control { color: #100f0f !important; border: 1px solid rgba(16, 15, 15, 0.1); }
.book-detail-holder .form-control::placeholder { color: #100f0f; }
.book-detail-search .form-control { color: #100f0f !important; border: 1px solid rgba(16, 15, 15, 0.1); }
.book-detail-search .form-control::placeholder { color: #100f0f; }
.book-detail-search-btn { position: absolute; top: 50%; right: 15px; border: 0; background-color: transparent; transform: translateY(-50%); }
.book-detail-search-btn img { filter: inver1t(100%); }
.book-detail-image { border-radius: 10px; overflow: hidden; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); }
.book-detail-image img { width: 100%; }
.book-detail-text { padding-top: 32px; line-height: 1.7; }
.book-detail-text h3 { margin-bottom: 4px; }
.book-detail-text p { margin-bottom: 27px; }
.book-detail-item { margin-bottom: 25px; }
.book-detail-item li { font-weight: 700; }
.book-detail-item li span { display: inline-block; width: 96px; font-weight: 300; }
.book-detail-item a { color: #1a1a1a; transition: all 0.3s; }
.book-detail-item a:focus,
.book-detail-item a:hover { text-decoration: underline; }

/* ### winner ### */
.winner h1 { margin-bottom: 2px; padding-left: 25px; position: relative; }
.winner h1 i { position: absolute; top: 0; left: 0; display: inline-block; vertical-align: middle; }
.winner h1 img { display: inline-block; flex: 0 0 auto; width: 17px; position: relative; top: -7px; margin-right: 5px; }
.winner-slider { margin-right: -20px; }
.winner-slider .swiper { padding-top: 20px; padding-bottom: 20px; }
.winner-slider .swiper-pagination { margin-bottom: 0; padding-top: 12px; }

/* ### contact ### */
.contact .row.gapping { margin-bottom: 34px; }
.contact h1 { margin-bottom: 22px; }
.contact h1 i { margin-top: -7px; margin-right: 5px; display: inline-block; vertical-align: middle; }
.contact h1 img { display: inline-block; width: 17px; position: relative; top: -3px; }
.contact h3 { margin-bottom: 9px; }
.contact-profile { margin-bottom: 34px; position: relative; border-radius: 10px; overflow: hidden; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); }
.contact-profile img { width: 100%; }
.contact-profile .btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.contact-profile input { position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; width: 100%; height: 100%; -webkit-appearance: none; cursor: pointer; }
.contact-text { margin-bottom: 23px; line-height: 1.7; }
.contact-text h3 { margin-bottom: 4px; }
.contact-form-group { margin-bottom: 9px; position: relative; }
.contact-form-group .icon { position: absolute; top: 50%; right: 20px; width: 14px; transform: translateY(-50%); pointer-events: none; }
.contact-form { margin-bottom: 24px; }

/* ### login ### */
.login { height: 100vh; background: linear-gradient(to right, rgba(26,26,26,1) 0%, rgba(7,7,7,1) 100%); }
.login h3 { margin-bottom: 10px; font-size: 24px; color: #fff; }
.login-holder { margin: 0 auto; width: 240px; }
.login-logo { margin: 0 auto 36px; max-width: 96px; }
.login-logo img { margin: 0 auto; }
.login-field { margin-bottom: 12px; }
.login-field .form-control { height: 48px; color: #fff !important; border: 1px solid rgba(255, 255, 255, 0.1); }
.login-field .form-control::placeholder { color: #fff; }
.login-field .btn { margin-top: 11px; font-size: 16px; }
.login-forget-password { margin-top: 30px; display: inline-block; font-size: 14px; color: rgba(255, 255, 255, 0.25); transition: all 0.3s; }
.login-forget-password:hover { color: #fff; }
#wrapper:has(.login) { padding-top: 0; }
main:has(.login) { margin: 0; padding: 0; }

/* ### swiper-pagination ### */
.swiper-pagination { margin-bottom: 20px; position: unset; }
.swiper-pagination-bullet { width: 6px; height: 6px; border-radius: 10px; background: rgba(26, 26, 26, 0.5); transition: all 0.5s; }
.swiper-pagination-bullet-active { width: 22px; background: #1a1a1a; }

.sidebar li img {
	filter: invert(100%);
}

/* #Media Queries
================================================== */
@media only screen and (min-width: 768px) {
	#wrapper { padding-top: 80px; }
	body {
		font-size: 16px;
	}
	h1 { font-size: 30px; }
	h2 { font-size: 30px; }
	h3 { font-size: 24px; }
	h4 { font-size: 20px; }
	h5 { font-size: 18px; }
	h6 { font-size: 16px; }
	main { margin-left: 80px; padding-top: 57px; padding-bottom: 57px; }
	.btn { padding: 11px 18px; font-size: 16px; }
	.btn i { font-size: 14px; }
	.form-control { padding: 10px 25px; height: 48px; font-size: 14px; }
	.form-control.textarea { padding: 14px 25px; height: 174px; border-radius: 25px; }
	.swiper-pagination { margin-bottom: 0; width: auto !important; }
	.swiper-pagination-bullet { width: 10px; height: 10px; }
	.swiper-pagination-bullet-active { width: 36px; }

	.header { padding: 9px 8px 7px 20px; display: flex; flex-wrap: wrap; justify-content: space-between; }
	.header-logo img { max-width: 100%; }
	.header-title { display: inline-block; font-size: 20px; }
	.header-search { padding: 0; position: relative; top: auto; left: auto; z-index: 1; opacity: 1; visibility: visible; width: 280px; background-color: transparent; }
	.header-search .form-control { font-size: 14px; }
	.header-user { padding: 8px; display: flex; align-items: center; border-radius: 50px; background-color: #161616; }
	.header-search-btn { right: 15px; }
	.js-header-toggle { display: none; }
	.header-dashboard { margin-left: 25px; font-size: 16px; }
	.header-user img { max-width: 100%; }
	.header-user-dropdown { padding: 116px 49px 41px; display: block !important; width: 337px; height: auto !important; border-bottom-left-radius: 25px; }
	.header-user-dropdown ul { margin-bottom: 36px; }
	.header-user-dropdown li { margin-bottom: 6px; }
	.header-user:hover strong { color: #1a1a1a; }
	.header-user:hover .header-user-dropdown { opacity: 1; visibility: visible; }
	.sidebar { padding: 97px 10px 30px; width: 80px; }
	.sidebar li a { padding: 12px 18px; display: inline-block; align-items: center; width: auto; font-weight: 700; color: #fff; border-radius: 50px; }
	.sidebar li a .wrapper {display: flex}
	.sidebar li a:hover { width: auto; background-color: #beaf57; }
	.sidebar li a:hover span { display: flex; align-items: center; }
	.sidebar li { margin-bottom: 11px; }
	.sidebar li img,
	.sidebar .logout img { width: 24px; min-width: 24px; }
	.sidebar-curve { top: 82px; }
	.faces { padding-bottom: 56px; }
	.faces h1,
	.faces h2 { margin-bottom: 12px; }
	.faces h1 img,
	.faces h2 img { width: 24px; }
	.faces .card-meeting { margin-bottom: 25px; }
	.faces-left { margin-bottom: 50px; }
	.faces-left .cards-block { margin-bottom: 0; }
	.faces-nav { padding-top: 4px; }
	.faces-view-more { padding-top: 24px; }
	.card-faces-signal { width: 48px; height: 48px; font-size: 12px; }
	.card-meeting { align-items: center; border-radius: 25px; }
	.card-meeting-image { width: 32.3%; }
	.card-meeting-image span { right: auto; left: 20px; font-size: 12px; }
	.card-meeting-image img { height: 100%; }
	.card-meeting-text { padding: 28px 28px 20px; width: 67.7%; }
	.card-meeting-text h3 { margin-bottom: 5px; }
	.card-faces { border-radius: 25px; }
	.card-faces-text { padding: 30px 26px; }
	.card-meeting-text li { margin-bottom: 6px; }
	.card-meeting-text li i { margin-top: -8px; }
	.card-meeting-text .btn { margin-bottom: 7px; min-width: 132px; }
	.documents-item { margin-bottom: 20px; }
	.documents h2 { margin-bottom: 32px; }
	.documents h2 img { width: 21px; }
	.card-documents { padding: 20px 20px 23px; border-radius: 25px; }
	.card-documents-date { margin-bottom: 15px; right: auto; left: 20px; font-size: 12px; }
	.card-documents h3 { padding-top: 8px; }
	.card-documents h3 span { padding-top: 8px; font-size: 16px; }
	.card-documents li { margin-right: 20px; }
	.book-holder { margin-bottom: 26px; }
	.book-holder h1 { margin-bottom: 0; }
	.book-holder h1 img { width: 24px; }
	.book-search { width: 300px; }
	.book-column { margin-bottom: 30px; }
	.book-scrollbar { height: 938px; }
	.book-dots { top: 25px; right: 0; z-index: 1; }
	.book-dots li { margin-bottom: 10px; width: 10px; height: 10px; }
	.book-dots li.active { width: 10px; height: 36px; }
	.book-detail-holder { margin-bottom: 26px; }
	.book-detail-holder h1 img { width: 24px; }
	.book-detail-search { width: 300px; }
	.book-detail-image { margin-bottom: 25px; border-radius: 25px; }
	.book-detail-text { padding-top: 28px; line-height: 1.9; }
	.book-detail-text h3 { margin-bottom: 2px; }
	.book-detail-item { margin-bottom: 30px; }
	.book-detail-item li span { display: block; }
	.winner h1 { margin-bottom: 12px; padding-left: 0; }
	.winner h1 img { width: 24px; }
	.winner h1 i { position: unset; top: auto; left: auto; }
	.winner-slider { margin-right: 0; }
	.winner-slider .swiper-pagination { padding-top: 20px; }
	.contact h1 { margin-bottom: 32px; padding-left: 0; }
	.contact h1 img { width: 24px; }
	.contact h1 i { position: unset; top: auto; left: auto; }
	.contact-profile { margin-bottom: 0; flex: 0 0 auto; width: 240px; border-radius: 25px; }
	.contact .row.gapping { margin-bottom: 59px; }
	.contact-form-group { margin-bottom: 12px; }
	.contact-text { margin-bottom: 0; padding-top: 28px; padding-left: 42px; line-height: 1.9; }
	.contact-text h3 { margin-bottom: 2px; }
	.contact-textarea { padding-top: 28px; padding-left: 5px; }
	.contact-side-gap { padding-left: 5px; }
	.contact-form { margin-bottom: 0; }
	.contact-form-group .icon { width: 19px; }
}

@media only screen and (min-width: 992px) {
	.header-title { font-size: 24px; }
	.header-search { width: 350px; }
	.header-user { width: 205px; }
	.header-user strong { display: block; }
	.faces .card-meeting:first-child { margin-top: 32px; }
	.documents-item { margin-bottom: 0; }
	.book-detail-text { padding-left: 20px; max-width: 740px; }
	.book-detail-item li span { width: 116px; display: inline-block; }

	.contact-form-group { max-width: 440px; }
}

@media only screen and (min-width: 1200px) {
	main { padding-right: 20px; padding-left: 20px; }
	.header-search { width: 450px; }
	.header-user { width: 305px; }
	.faces .swiper-slide { height: auto; }
	.faces-left { margin-bottom: 0; padding-right: 15px; width: 50%; }
	.faces-right { padding-left: 7px; width: 50%; }
	.faces .card-meeting { max-width: 560px; }
	.card-meeting { align-items: unset; }
	.card-documents h3 { margin-bottom: 15px; }
	.card-documents ul { width: 100%; }
	.winner-slider { max-width: 1300px; }
	.login-logo { margin-bottom: 46px; max-width: unset; }
	.login-forget-password { margin-top: 46px; }
}

@media only screen and (min-width: 1500px) {
	main { padding-right: 49px; padding-left: 49px; }
	.header-search { width: 600px; }
	.faces-left { padding-right: 15px; width: 37%; }
	.faces-right { margin-right: -90px; padding-left: 40px; width: calc(63% + 90px); }
	.faces .swiper { margin-right: 0; }
	.card-documents h3 { margin-bottom: 0; width: auto; }
	.card-documents ul { width: auto; }
	.card-documents-date { margin-bottom: 33px; }
	.book-wrap { padding-right: 0; }
	.book-dots { right: -40px; }

}