/* FRONTEND CSS
*********************************************/
@import url('https://fonts.googleapis.com/css?family=Poppins:400,400i,500,600,600i,700&display=swap&subset=latin-ext');

* {box-sizing: border-box;}

html {font-family: 'Poppins', sans-serif;}

body {display: flex;min-height: 100vh;flex-direction: column;font-family: 'Poppins', sans-serif;line-height: 100%;margin: 0;padding: 0;color: #77838F;overflow-x: hidden;}

.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {font-family: 'Poppins', sans-serif;}

a {	font-size: 16px;color: #DE4437;text-decoration: none;}
a:hover, a:focus, a:visited {text-decoration: underline;color: #BA3024;}

div {font-size: 16px; line-height: 150%; text-align: justify;}

p {font-size: 16px; line-height: 150%; margin-bottom: 15px;text-align: justify;}

h1 {font-weight: 600;font-size: 28px;color: #1E2022; margin: 50px 0 30px;line-height: 150%;}
h2 {font-weight: 300;font-size: 32px;color: #1E2022;line-height: 150%;}
h2 > strong {font-weight: 600;}
h3 {font-weight: 500; font-size: 20px;color: #1E2022;line-height: 150%;}

h1.green, h2.green, h3.green, h4.green {color: #2B5519;}

.page-header h1, .page-header h2 {font-size: 28px;font-weight: 600;}

input, textarea {max-width: 100%; min-width: 105px; width: 100%; border: 0 none; background: #fff; border: 1px solid #D4D7DD; border-radius: 4px; transition: .2s ease-in-out; transition-property: all; transition-property: color, background-color, border; padding: 10px 15px; color: #77838F; font-size: 16px;}

input {height: 50px;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

body input:focus, body textarea:focus {border: 1px solid #2B5519;}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

input[type="checkbox"], input[type="radio"] {width: 16px; height: 16px; background-color: #E7EAF3; border: none; border-radius: 4px; min-width: unset;padding: 0;}
input[type="radio"] {border-radius: 50%;}
input[type="checkbox"]:checked, input[type="radio"]:checked {background-color: #2B5519; color: #FFF;}

img { max-width: 100%; }

.pt15{padding-top: 15px;}
.pb15{padding-bottom: 15px;}
.pt30{padding-top: 30px;}
.pb30{padding-bottom: 30px;}

.flex.p15 {
	margin-left: -15px;
	margin-right: -15px;
}

.flex.p15 > * {
	padding-left: 30px;
	padding-right: 30px;
}

.flex.p30 {
	margin-left: -30px;
	margin-right: -30px;
}

.flex.p30 > * {
	padding-left: 30px;
	padding-right: 30px;
}

body .uk-button, body a.uk-button {background: #2B5519;border-radius: 5px;height: 43px;font-weight: 500;font-size: 14px;color: #fff;text-decoration: none;text-align: center;padding: 12px 25px;transition: .1s ease-in-out;transition-property: color,background-color,border-color;border: 1px solid transparent;cursor: pointer; line-height: 120%; text-transform: none;min-width: 110px;}
body .uk-button:hover, body .uk-button:focus {background: #254915; color: #FFF; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}

body .uk-button.light, body a.uk-button.light {background: #E4F9F5;color: #2B5519;}
body .uk-button.light:hover, body .uk-button.light:focus {background: #254915; color: #FFF; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}

.uk-icon > svg {width: 15px; height: 15px;}

.container {width: 100%;max-width: 1140px;margin: 0 auto;}

.content {flex: 1;}

.hide {display: none;}

.flex { display: flex; flex-wrap: wrap; }

.width100{ width: 100%; }
.width50{ width: 50%; }
.width33{ width: 33.333333% }

.seemore {float: right;}

.gray-bg {background: #F8F9FA;}

.label {font-size: 12px; color: #2B5519; border-radius: 20px; background: #e6faf7; padding: 6px 30px; display: inline-block;}

.popover {background: #FFF; box-shadow: 0px 0px 10px rgba(140, 152, 164, 0.15); padding: 15px;max-width: 300px;}
.popover .popover-title {margin-top: 0;}
div[itemprop="articleBody"] ul li, div[itemprop="articleBody"] ol li {margin-bottom: 10px;}


.chosen-container {min-width: 200px;}
.chosen-container	.chosen-single, .chosen-container.chosen-container-active.chosen-with-drop .chosen-single {background: rgba(0, 201, 167, 0.1); border-radius: 4px;box-shadow: unset; border: none; height: 34px; padding: 5px 10px; }
.chosen-container .chosen-single span {color: #2B5519;font-size: 14px;font-weight: 500;}
.chosen-container .chosen-single div b {background: none;}
.chosen-container .chosen-single div b::after {content: "\f078"; font-family: "Font Awesome 5 Free"; font-weight: 900; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-size: 12px; top: 5px; right: 5px; position: relative; margin-left: 5px;}
.chosen-container.chosen-container-active.chosen-with-drop .chosen-drop {background: #FFF;font-size: 14px;color: #828286; border: none; padding: 10px 0; border-top: 3px solid #2B5519;}
.chosen-container.chosen-container-active.chosen-with-drop .chosen-drop ul.chosen-results {margin: 0; padding: 0;}
.chosen-container.chosen-container-active.chosen-with-drop .chosen-drop ul.chosen-results li {padding: 5px 15px;}
.chosen-container.chosen-container-active.chosen-with-drop .chosen-drop ul.chosen-results li.highlighted {background: #2B5519;}
.chosen-container.chosen-container-active.chosen-with-drop .chosen-single span {}
.chosen-container.chosen-container-active.chosen-with-drop .chosen-single div b::after {content: "\f077"}

div[itemprop="articleBody"] {margin-bottom: 30px;}

.fullwidth { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; }

.uk-lightbox iframe {min-width: 50%; min-height: 50%;}

.uk-tooltip, .uk-tooltip > div {text-align: left; font-size: 14px;}

.transition { transition: .3s linear all;}

#totop {position: fixed;right: 15px; bottom: 15px;}

#system-message-container {}
#system-message-container #system-message > div a.close {position: absolute; right: 10px; top: 5px; font-size: 24px;}
#system-message-container #system-message > div a.close:hover, #system-message-container #system-message > div a.close:focus {text-decoration: none;}
#system-message-container #system-message > div h4 {margin: 0 0 5px;}
#system-message-container #system-message > div {background: #E4F9F5; border-radius: 4px;padding: 20px; position: relative;margin-top: 30px;}

.icons {margin: 15px 0;}
.icons button.dropdown-toggle {width: 70px; height: 30px; background: rgba(0, 201, 167, 0.1); border-radius: 4px;border: none;cursor: pointer;}
.icons button.dropdown-toggle:hover, .icons button.dropdown-toggle:focus {box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
.icons button.dropdown-toggle > span::before, .icons ul.dropdown-menu li a > span::before {font-family: "Font Awesome 5 Free"; font-weight: 900;display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-size: 14px;color: #2B5519;}
.icons button.dropdown-toggle .icon-cog::before {content: "\f013";}
.icons button.dropdown-toggle .caret::before {content: "\f0d7";}
.icons ul.dropdown-menu {display: block; opacity: 0; height: 0;background: #FFF; list-style: none; box-shadow: 0px 2px 25px rgba(140, 152, 164, 0.15); padding: 15px 30px; position: absolute; border-top: 3px solid #2B5519; margin: 0;transition: .2s linear opacity;}
.icons ul.dropdown-menu li {}
.icons ul.dropdown-menu li a {color: #828286;padding: 5px 0;display: block;}
.icons ul.dropdown-menu li a:hover, .icons ul.dropdown-menu li a:focus, .icons ul.dropdown-menu li a:hover > span, .icons ul.dropdown-menu li a:focus > span {text-decoration: none; color: #2B5519;}
.icons ul.dropdown-menu li a .icon-print::before {content: "\f02f";color: #828286;}
.icons ul.dropdown-menu li a .icon-envelope::before {content: "\f0e0";color: #828286;}
.icons .uk-open + ul.dropdown-menu {display: block; opacity: 1; height: auto;}

.header > .container {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;padding-bottom: 10px;padding-top: 10px;}
.header {padding: 0;background: #FFFFFF;box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);}
.header .header-content {text-align: right;}
.header .header-content a {color: #77838F;}
.header .header-content a:hover, .header .header-content a:focus {text-decoration: none; color: #2B5519;}

.header .header-content a.uk-button {color: #FFF;}
.header .header-content .uk-dropdown.uk-open {display: flex; width: 100%; position: absolute; left: 0 !important; top: 0 !important; background: #F8F9FA; min-height: 110px;margin: 0; padding: 0;align-items: center;}

.header .topmenu .uk-navbar-toggle {display: none;}
.header .topmenu .menu {display: flex;flex-wrap: nowrap;flex-direction: row;font-size: 16px;align-items: center;}
.header .topmenu .menu li {display: inline-block;padding: 0; color: #77838F; position: relative;}
.header .topmenu .menu li > a, .header .topmenu .menu li > span {padding: 10px; display: block;}
.header .topmenu .menu li a {font-size: 16px; text-decoration: none; min-height: auto; font-family: 'Poppins', sans-serif; text-transform: none;}
.header .topmenu .menu li a.uk-button {padding: 12px 25px; margin-left: 10px;}
.header .topmenu .menu > li:last-child > a, .header .topmenu .menu > li:last-child > span {padding-right: 0;}
.header .topmenu .menu > li.deeper > .separator::after {content: "\f078"; font-family: "Font Awesome 5 Free"; font-weight: 900;display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1;font-size: 9px; top: -1px; position: relative; margin-left: 5px;}
.header .topmenu .menu > li.deeper > .separator.uk-open::after {content: "\f077"; color: #2B5519;}
.header .topmenu .menu > li.deeper ul {margin: 0; padding: 0; text-align: left; font-size: 14px;}
.header .topmenu .menu > li.deeper ul li, .header .topmenu .menu > li.deeper ul li > span {display: block;}
.header .topmenu .menu > li.deeper ul li a {display: block; font-size: 14px; text-decoration: none;}
.header .topmenu .menu > li div.uk-navbar-dropdown {display: none;position: absolute; z-index: 1020; box-sizing: border-box; width: 200px; padding: 15px; background: #fff; color: #666; border-radius: 0px 0px 4px 4px; background: #FFF; top: 40px !important; border-top: 3px solid #2B5519; box-shadow: 0px 2px 25px rgba(140, 152, 164, 0.15);}
.header .topmenu .menu li:hover > a, .header .topmenu .menu li:hover > span {color: #2B5519; cursor: pointer;}
.header .topmenu .menu li > a.uk-button {font-size: 14px;padding: 12px 25px;}
.header .topmenu .menu li:hover > a.uk-button {color: #FFF;}
.header .topmenu .menu > li div.uk-navbar-dropdown.uk-open {display: block;}
.header .header-topmenu {text-align: right;}
.header .header-topmenu a {font-size: 14px; padding: 10px 15px;display: inline-block;}
.header .header-topmenu a i {font-size: 12px;}
.header .header-topmenu #header-login {padding-right: 0;}
.header .topmenu .uk-navbar-container {background: none;}
.header .topmenu .uk-navbar-container .site-logo {display: none;}


.header .topmenu.uk-sticky-fixed { width: 100% !important; left: 0; right: 0; background: #FFF; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); z-index: 1000;}
.header .topmenu.uk-sticky-fixed > .uk-navbar-sticky {display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; padding: 5px 0;}
.header .topmenu.uk-sticky-fixed .site-logo {display: block;}
.header .topmenu.uk-sticky-fixed .site-logo > a { align-items: center; height: 100%; width: 256px; justify-content: space-between; }
.header .topmenu.uk-sticky-fixed .site-logo svg { width: 50px; height: 50px; }
.header .topmenu.uk-sticky-fixed .site-logo #logo-desc-text { margin-bottom: 0; }

#header-search-block .search-nav {width: 100%;}
#header-search-block .search-nav .uk-search { display: flex; flex-wrap: nowrap; position: relative;width: 100%;}
#header-search-block .search-nav .uk-search i { position: absolute; vertical-align: middle; height: 16px; left: 0px; width: 65px; text-align: center; border-right: 1px solid #D5DAE2; height: 41px; padding: 15px; font-size: 12px; color: #8C98A4; top: 1px; }
#header-search-block {}
#header-search-block .uk-search-input:focus + i {color: #2B5519; border-color: #2B5519;}
#header-search-block .search-nav .uk-search .uk-search-input {border-radius: 4px 0 0 4px; border-right: none; padding-left: 80px; padding-right: 15px; background: #FFF; border: 1px solid #D4D7DD;height: 43px; border-right: none;}
#header-search-block .search-nav .uk-search .uk-search-input:focus {border-color: #2B5519;}
#header-search-block .search-nav .uk-search .uk-button {border-radius: 0 4px 4px 0; padding: 12px 25px;}

.footer .footer-top {padding-top: 55px; padding-bottom: 55px; margin-top: 90px; box-shadow: 0px 0px 10px rgba(140, 152, 164, 0.15);}
.footer .footer-top .container { display: flex; justify-content: space-between; }
.footer a, .footer .footer-top .contact-us {font-size: 14px; color: #828286;}
.footer .footer-top .contact-us p {font-size: 14px;}
.footer .footer-top .contact-us a {color: #DE4437;line-height: 180%;}
.footer .menu a:hover, .footer .menu a:focus {text-decoration: none; color: #2B5519;}
.footer .menu {margin: 0; padding: 0; list-style: none;}
.footer .menu > li, .footer .footer-top .contact-us p {padding: 8px 0; margin: 0;}
.footer .footer-top h3 {font-size: 16px; font-weight: 600; color: #1E2022;margin: 10px 0;}
.footer .copyright {text-align: left;padding: 60px 0;font-size: 12px;color: #77838F;}
.footer .footer-bottom > .container {display: flex; justify-content: space-between;align-items: center;}
.footer .footer-bottom .socialmenu li {display: inline-block;}
.footer .footer-bottom .socialmenu li a {padding: 15px;font-size: 18px;}

.site-logo > a {display: flex;flex-wrap: nowrap;text-decoration: none;align-items: flex-end; height: 90px; width: 300px;justify-content: space-between;}
.site-logo svg {width: 90px;height: 90px;}
.site-logo svg > path {fill: #2B5519 !important;}
.site-logo #logo-text {font-weight: bold;font-size: 36px;color: #2B5519;line-height: 100%;}
.site-logo #logo-desc-text {font-size: 14px;color: #77838F;text-align: right;margin-bottom: 5px;}

.front .item-page .icons, .front .breadcrumbs{display: none;}

.homeintro > div:first-child img { padding: 0 5px 5px 0; float: left;}

.video-load .mainvideo-prew {position: relative; z-index: 20;}
.video-load .mainvideo-prew > a {display: block;position: relative;}
.video-load .mainvideo-prew > a:hover img, .video-load .mainvideo-prew > a:focus img {box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
.video-load .mainvideo-prew > a:hover .prew-play, .video-load .mainvideo-prew > a:focus .prew-play {background: #2B5519; color: #FFF;}
.video-load .prew-play {position: absolute; z-index: 21; background: #FFFFFF; width: 80px; height: 80px; color: #2B5519;border-radius: 50%;margin: auto; left: 0; right: 0; top: 0; bottom: 0;}
.video-load .prew-play i {position: absolute; top: 0; bottom: 0; margin: auto; display: block; left: 0; right: 0; width: 10px; height: 15px;}

.advantages {padding: 60px 0; margin: 0 -15px;}
.advantages .advantages-block {padding: 20px;background: #FFF; height: 100%;border-radius: 4px;}
.advantages > h2 {width: 100%;color: #2B5519; text-align: center; margin-top: 5px; font-weight: 300;margin-bottom: 60px;}
.advantages > div {padding: 0 15px;position: relative;}
.advantages h3 {padding-left: 20px; padding-right: 20px; margin-top: 5px;}
.advantages ul {list-style: none; padding: 0 0 0 20px; margin: 0;}
.advantages ul li {margin-bottom: 5px; position: relative; text-align: left;}
.advantages ul li:last-child {margin-bottom: 0;}
.advantages ul li::before {content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900;display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; position: absolute; font-size: 10px; color: #2B5519;left: -20px;top: 8px;}
.advantages > .uk-button { margin: 30px auto -30px; }

.block-video {min-height: 650px;align-items: center;position: relative;margin: 0 -15px;}
.block-video > div {width: 50%;padding: 0 15px;}
.block-video .video-content >h2 {color: #2B5519;}
.block-video .video-content {}
.block-video .video-content ul {list-style: none; padding: 0;}
.block-video .video-content ul li {margin-bottom: 12px; position: relative; text-align: left; color: #DE4437; padding-left: 35px;}
.block-video .video-content ul li:last-child {margin-bottom: 0;}
.block-video .video-content ul li::before { content: "\f061"; font-family: "Font Awesome 5 Free"; font-weight: 900; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; position: absolute; font-size: 10px; color: #DE4437; left: 0; top: 0px; background: #FBEBE9; width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.block-video .video-load {position: relative;}
.block-video .video-load > svg {position: absolute; z-index: 10; top: 0; bottom: 0; margin: auto; max-width: 100%;}
.block-video .video-load > iframe {position: relative; z-index: 20; max-width: 100%;}
.block-video .video-content-desc {margin-bottom: 65px;}

.recommendations {margin-top: 80px;}

.breadcrumbs {margin-bottom: 20px;margin-top: 15px;}
.breadcrumbs ul {margin: 0;padding: 0;list-style: none;}
.breadcrumbs ul li::before {display: inline-block; content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: 900;display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1;font-size: 10px;position: relative; top: -1px; color: #BFC3CA;margin: 0 10px;}
.breadcrumbs ul li:first-child::before {display: none;}
.breadcrumbs ul li {display: inline-block;font-size: 14px;}
.breadcrumbs ul li a {color: #2B5519;font-size: 14px;}

.login-page {margin: 90px auto; max-width: 460px;}
.login-page.full {max-width: 780px;}
.login-page form {margin-top: 30px;}
.login-page.full form {margin-top: 0;}
.login-page .login-description h2, .login-page .login-description h1 {margin-bottom: 0;font-weight: normal;}
.login-page .login-description p {margin-top: 0;}
.login-page form label {color: #1E2022;font-weight: 500; font-size: 16px;text-transform: uppercase;}
.login-page form label .star {color: #DE4437;}
.login-page form .control-group {margin-bottom: 20px;}
.login-page ul.unstyled {list-style: none; padding: 0; text-align: right;}
.login-page ul.unstyled a {font-size: 14px;}
.login-page .control-group.submit-wr > .controls {display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; align-items: center;}
.login-page.full .control-group.submit-wr > .controls {justify-content: flex-end;}
.login-page .control-group.submit-wr .reg-link {padding-right: 15px;}
.login-page .control-group.submit-wr .reg-link span, .login-page .control-group.submit-wr a {font-size: 14px;}

#modal-login > .uk-modal-dialog {max-width: 375px !important;}
#modal-login a, #modal-login .reg-link {font-size: 13px;}
#modal-login .reg-link {text-align: center; margin-top: 10px;margin-bottom: 20px;}
#modal-login .userdata .input-prepend {position: relative;}
#modal-login ul.unstyled {list-style: none; padding: 0; text-align: right;}
#modal-login #form-login-submit button {width: 100%;}
#modal-login .pretext {text-align: center;margin-bottom: 50px; margin-top: 30px;}
#modal-login .pretext h3 {font-size: 24px;font-weight: 500; margin-bottom: 0;}
#modal-login .pretext p {margin-top: 0; text-align: center;}
#modal-login input[name="username"], #modal-login input[name="password"] {padding-left: 65px;}
#modal-login input[name="username"] + i, #modal-login input[name="password"] + i {display: inline-flex; color: #77838F;font-size: 12px; width: 50px;border-right: 1px solid #D4D7DD;}
#modal-login input[name="username"]:focus + i, #modal-login input[name="password"]:focus + i {color: #2B5519; border-right: 1px solid #2B5519;}

.osm-plans {padding: 30px 0 0;}
.osm-plans .osm-item-heading-box {background: #2B5519;border: none; color: #FFF;height: 200px;text-align: center;border-radius: 0;}
.osm-plans .osm-item-heading-box a {color: #FFF; display: inline-block;min-width: 120px; background: rgba(255, 255, 255, 0.0980392); padding: 10px; border-radius: 20px; font-size: 12px;line-height: 100%;}
.osm-plans .osm-item-description {border: none;padding: 30px;flex-grow: inherit;display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between;}
.osm-plans .osm-item-description .osm-description-details, .osm-plans .osm-item-description .osm-description-details div, .osm-item-description .osm-description-details a {font-size: 14px;}
.osm-item-description .osm-description-details > div {margin-bottom: 5px;}
.osm-plans .osm-item-description .osm-description-details h4 { font-size: 16px;position: relative;color: #5A5F69;padding-left: 25px;}
.osm-plans .osm-item-description .osm-description-details h4::before {display: block; content: "\f05a"; font-family: "Font Awesome 5 Free"; font-weight: bold;line-height: 1;font-size: 16px;position: absolute; left: 0; top: 3px; margin: 0 10px 0 0; color: #8C98A4;}
.osm-plans .osm-item-description .osm-taskbar {margin: 30px 0 0 0; padding: 0;}
.osm-plans .osm-item-description .osm-taskbar > ul { display: block; width: 100%; text-align: center;}
.osm-plans .osm-item-description .osm-taskbar > ul li {display: block !important; float: none !important; margin: 0 !important; padding: 0 !important;}
.osm-plans .osm-item-description .osm-taskbar > ul li a {display: inline-block; width: 100%; max-width: 300px; margin-top: 15px;}
.osm-plans .osm-item-wrapper {font-size: 14px; color: #5A5F69;margin-top: 0px;}
.osm-plans .osm-item {border: 1px solid #2B5519; border-radius: 4px; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between;}
.osm-plans .osm-plan-plan-price .osm-plan-property-label {display: none;}
.osm-plans .osm-plan-plan-price-wr .osm-plan-property-value {text-align: center;}
.osm-plans .osm-plan-plan-price-wr .price .osm-plan-property-value {font-size: 56px; font-weight: normal; position: relative;}
.osm-plans .osm-plan-plan-price-wr .price .osm-plan-property-value .currency-simbol {font-size: 26px; position: absolute; margin-left: -20px; margin-top: -15px;}
.osm-plans .osm-plan-plan-price-wr .duration .osm-plan-property-value {font-size: 14px; font-weight: normal; opacity: 0.6;}

.osm-singup .osm-page-title {color: #2B5519;}
.osm-singup {max-width: 600px; margin: 0 auto;}

.site-form .control-group {margin-bottom: 20px;}
.site-form .control-group .uk-form-controls {display: flex; flex-direction: column; flex-wrap: nowrap;}
.site-form .control-group label, .site-form .control-group .field-title {font-size: 16px;color: #1E2022;text-transform: uppercase;font-weight: 500; margin-bottom: 5px; display: block;}
.site-form .control-group .uk-form-controls .uk-input {max-width: 100%; min-width: 105px; width: 100%; border: 0 none; background: #fff; border: 1px solid #E7EAF3; border-radius: 4px; transition: .2s ease-in-out; transition-property: all; transition-property: color, background-color, border; padding: 10px 15px; color: #77838F; font-size: 16px; height: 50px; order: 1}
.site-form .control-group .formError {order: 2; position: relative !important; top: auto !important; left: auto !important; margin-top: 0 !important;}
.site-form .control-group .formError .formErrorArrow {display: none;}
.site-form .control-group .formError .formErrorContent {background: none; color: #ee0101; box-shadow: none; border: none; font-size: 12px; margin: 5px 0 0; padding: 0;}

.site-form .control-group .uk-select {height: 50px;border: 1px solid #E7EAF3;border-radius: 4px;}
.site-form .control-group .uk-input {border: 1px solid #E7EAF3;height: 50px;border-radius: 4px; padding: 12px 15px;}
.site-form .control-group textarea {border: 1px solid #E7EAF3;border-radius: 4px;}
.site-form .control-group label {float: none !important;}
.site-form .control-group .uk-input:focus, .site-form .control-group textarea:focus, .control-group select:focus {border: 1px solid #2B5519;}
.site-form .control-group input[type="checkbox"], .site-form .control-group input[type="radio"] {width: 16px; height: 16px; background-color: #E7EAF3; border: none; border-radius: 4px; min-width: unset;padding: 0;}
.site-form .control-group input[type="radio"] {border-radius: 50%;}
.site-form .control-group input[type="checkbox"]:checked, .site-form .control-group input[type="radio"]:checked {background-color: #2B5519; color: #FFF;}
.site-form .uk-button[type="submit"] {width: auto;}
.site-form .form-actions {text-align: right;}
.site-form input[type="file"] {border: 1px solid #E7EAF3;}

.site-form .osm-terms-and-conditins-container > strong {font-size: 16px; font-weight: normal; color: #77838F; padding-left: 10px; position: relative; top: 1px;}
.site-form .osm-terms-and-conditins-container > strong > a {font-size: 16px; font-weight: normal;}
.site-form p.remositorymax, .site-form p.remositoryformentry {margin-bottom: 20px !important;}

.rm-mod-table {font-size: 16px; border: none; border-spacing: 0; margin-top: 20px; width: 100%;}
.rm-mod-table td {background: none; position: relative;}
.rm-mod-table > tbody > tr:nth-child(2n) {background: #F8F9FA;}
.rm-mod-table > tbody > tr > td {padding: 20px 15px; vertical-align: middle;}
.rm-mod-table > tbody > tr:first-child b, .rm-mod-table > tbody > tr:first-child u { color: #000000;font-weight: 500; font-size: 20px;text-decoration: none; }
.rm-mod-table > tbody > tr > td > sup {margin-right: 5px;}
.rm-mod-table > tbody > tr > td .cell-title {display: none;}
.rm-mod-table > tbody > tr > td.image-cell {min-width: 65px;}
.rm-mod-table.latest-calcs > tbody > tr > td:nth-child(3) {color: #000;}

.public-profile {position: relative;margin-bottom: 50px;}
.public-profile .public-profile-title {}
.public-profile .public-profile-title h1 {margin-top: 20px;}
.public-profile .public-profile-params {width: 255px; position: relative; border: 1px solid #E7EAF3; border-radius: 2px; padding: 25px; text-align: center; float: left; margin-right: 30px;}
.public-profile .public-profile-params .public-profile-params-list-wr {}
.public-profile .public-profile-params .public-profile-params-list-wr ul {margin: 0; padding: 0; list-style: none; text-align: left;}
.public-profile .public-profile-params .public-profile-params-list-wr ul li {margin-bottom: 20px;}
.public-profile .public-profile-params .public-profile-params-list-wr ul li:last-child {margin-bottom: 0;}
.public-profile .public-profile-params .public-profile-params-list-wr ul li > span {display: block;}
.public-profile .public-profile-params .public-profile-params-list-wr ul li span:first-child {color: #000000;font-size: 16px;}
.public-profile .public-profile-params .public-profile-params-list-wr ul li span:last-child {color: #8C98A4;font-weight: normal; font-size: 13px;padding-left: 31px;}
.public-profile .public-profile-params .public-profile-params-list-wr ul li span i {width: 30px;text-align: center;}
.public-profile .public-profile-params-avarar-wr {margin-bottom: 25px;}
.public-profile img.public-profile-avatar {max-width: 100%; border-radius: 4px;}
.public-profile .public-profile-info {width: 100%;padding-left: 285px;}
.public-profile .public-profile-info-desc {color: #77838F; font-size: 16px !important;}

.remository_my_uploads {}
.remository_my_uploads td img {margin-right: 15px;}
.remository_my_uploads td:last-child {max-width:50%;}
.remository_my_uploads td:nth-child(2), .remository_my_uploads td:nth-child(3) {text-align: center;}
.remository_my_uploads td.rating {min-width: 130px;}
.remository_my_uploads .fa-star{color: #FFC107;}
.uploaded-files-header {font-size: 24px;text-align: center;font-weight: 500;}
.remository_my_uploads p.right {text-align: right;}

/* start 21-02-24 @andy */
ul.pagination {display: inline-block;justify-content: center;margin: 0 !important;padding: 0; }
ul.pagination li {text-align: center;display: inline-block;text-decoration: none;color: black;font-size: 16px;padding: 5px 8px 3px 8px;}
ul.pagination li:hover {background-color: #DDDDDD;}
ul.pagination li:not(:first-child) {margin-left: 5px;}

.subcat-links {margin-top:10px;padding-top:10px;display:flex;flex-wrap: wrap;}
.subcat-links div {margin-right:15px;margin-bottom:10px;border:1px solid rgba(0,0,0,0.1);padding:10px 15px;border-radius:4px;}
.subcat-links div:hover{border-color:rgba(0,0,0,0.4);}
.subcat-links div img {border-radius:50px;margin-right:5px;width:24px}
.subcat-links div a {font-size:14px;text-decoration:none;}

/* end 21-02-24 @andy */

.compare-plans h2 {margin: 50px 0 30px;color: #000000;font-weight: 500; font-size: 24px;}
.compare-plans table {font-size: 14px;}
.compare-plans table td, .compare-plans table th {font-size: 14px; text-align: center; vertical-align: middle; border-left: 1px solid #E7EAF3; padding: 25px 30px;}
.compare-plans table th {font-size: 16px;color: #1E2022;}
.compare-plans table th span, .compare-plans table.compare-table th:first-child {color: #77838F;text-transform: initial; display: block;}
.compare-plans table td:first-child, .compare-plans table th:first-child {text-align: left; border-left: none;}
.compare-plans table tr {border: none !important;}
.compare-plans table tr.row-title  {border-top: 1px solid #E7EAF3 !important;}
.compare-plans table tr.row-title td {font-weight: bold; font-size: 16px;color: #1E2022;}
.compare-plans table tr.dark {background: #F8FAFD;}
.compare-plans table tr.buttons td {padding-left: 10px; padding-right: 10px;}
.compare-plans table tr.buttons td .uk-button {padding-left: 15px; padding-right: 15px;}
.compare-plans table i {font-size: 16px; cursor: pointer;}
.compare-plans table i.fa-check {color: #00C9A7;}
.compare-plans table i.fa-times {color: #DE4437;}
.compare-plans table tr.green-cells td {font-size: 16px; color: #00C9A7;}
.compare-plans table.compare-table td, .compare-plans table.compare-table th {max-width: 230px;}
.compare-plans table.compare-table td:first-child, .compare-plans table.compare-table th:first-child  {max-width: unset;display: table-cell;}
.compare-plans table.f-small tr:nth-child(2n) {background: #F8FAFD;}
.compare-plans table.f-small td {width: 33.33%;text-align: justify; font-size: 16px;}
.compare-plans table.f-small th {text-transform: initial; text-align: left;}
.compare-plans table.f-small i.fa-check {color: #2B5519;}
.compare-plans table.f-small i {margin-right: 10px;}
.compare-plans ul.payment-methods {border: 1px solid #E7EAF3; border-radius: 4px;}
.compare-plans ul.payment-methods > li {margin: -1px 0;}
.compare-plans ul.payment-methods > li > a {border-bottom: 1px solid #E7EAF3; border-top: 1px solid #E7EAF3; margin: 0;}
.compare-plans ul.payment-methods > li:last-child {border: none;}
.compare-plans ul.payment-methods > li > a {padding: 20px 40px 20px 100px;position: relative;}
.compare-plans ul.payment-methods > li .uk-accordion-title i {position: absolute; top: 50%; transform: translateY(-50%);font-size: 48px; color: #2B5519; left: 20px;}
.compare-plans ul.payment-methods > li .uk-accordion-title i.fa-money-check-alt {font-size: 43px;}
.compare-plans ul.payment-methods > li .uk-accordion-title .payment-title {font-weight: bold; font-size: 16px; color: #77838F;float: left; max-width: 50%;padding: 3px 0;}
.compare-plans ul.payment-methods > li .uk-accordion-title .payment-access {font-weight: normal; font-size: 16px; color: #2B5519;padding: 3px 0px; float: right;}
.compare-plans ul.payment-methods .uk-accordion-title::before {content: "\f078"; font-family: "Font Awesome 5 Free"; font-weight: 900; display: block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-size: 16px; top: 50%; position: absolute; right: 5px; transform: translateY(-50%); background: none; margin-top: 3px;}
.compare-plans ul.payment-methods .uk-open>.uk-accordion-title::before {content: "\f077";background: none;}

.compare-plans ul.payment-methods > li > div {font-size: 16px; padding: 0 30px}
.compare-plans ul.payment-methods > li > div > .uk-accordion-content-wr {padding-bottom: 50px;}

.important {border: 1px solid #E7EAF3; padding: 20px; margin: 30px 2px 0 2px;}
.important-title {position: absolute; display: block; margin-top: -33px; background: #fff; padding: 0 8px; font-weight: bold; font-size: 16px;color: #1E2022;}

.important-blue {background: #E5F9F6;padding: 15px 30px;margin-top: 30px; margin-bottom: 30px; border-radius: 4px; }
.important-blue	.important-title-blue {font-size: 24px;color: #000000; margin: 0 0 15px; display: block;}
.important-green {background: #e5f2f9;padding: 15px 30px;margin-top: 30px; margin-bottom: 30px; border-radius: 4px;}
.important-green .important-title-green {font-size: 24px;color: #000000; margin:0 0 15px; display: block;}

span.approved {display: block; padding: 20px; margin: 15px 0; background: #F8F9FA; border-radius: 4px;}

.important span.notice {display: block; padding: 8px 10px 8px 36px; margin: 15px 0;color: #648434; border: 1px solid #9BCC54; background: #CDEFA6; border-radius: 4px;}

.mailing-list #mc_embed_signup > form {padding: 0;}
.mailing-list #mc_embed_signup .indicates-required {margin-right: 0;}
.mailing-list #mc_embed_signup .mc-field-group {width: 100%;}
.mailing-list #mc_embed_signup .mc-field-group .asterisk {position: relative; top: 10px; right: unset;}
.mailing-list #mc_embed_signup .button {background: #2B5519;border-radius: 5px;height: 43px;font-weight: 500;font-size: 14px;color: #fff;text-decoration: none;text-align: center;padding: 12px 25px;transition: .1s ease-in-out;transition-property: color,background-color,border-color;border: 1px solid transparent;cursor: pointer; line-height: 120%; text-transform: none;min-width: 110px; font-weight: bold;}
.mailing-list #mc_embed_signup .button:hover, .mailing-list #mc_embed_signup .button:focus {background: #254915; color: #FFF; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}

.faqs .items-more .nav-tabs {display: block; border: none;}
.faqs .items-more .nav-tabs > li {display: block;}
.faqs .items-more .nav-tabs > li > a {padding: 10px 0;color: #DE4437;}
.faqs .items-more .nav-tabs > li > a:hover, .faqs .items-more .nav-tabs > li > a:focus {text-decoration: underline; color: #BA3024;}

.nav-tabs {list-style: none; padding: 0;border-bottom: 2px solid #e5e5e5; display: flex; flex-wrap: wrap;}
.nav-tabs > li {display: block;}
.nav-tabs > li.active {border-bottom: 2px solid #2B5519;position: relative; margin-bottom: -2px;}
.nav-tabs > li > a {padding: 9px 20px;display: block; color: #77838F;}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav-tabs > li.active > a  {color: #2B5519;text-decoration: none;}
.nav-tabs + .tab-content .tab-pane {display: none;}
.nav-tabs + .tab-content .tab-pane.active {display: block;}

#osm-profile-page {margin: 0;padding-bottom: 15px;}
#osm-profile-page #osm_form {padding: 0;width: 100%;}
#osm-profile-page .osm_title {width: 100%;}
#osm-profile-page .oms-avatar {max-width: 150px;float: none !important; border-radius: 4px;}
#osm-profile-page #osm-delete-avatar-container {margin: 5px 0 0 0;}
#osm-profile-page .uk-form-label {float: none;font-family: Poppins; font-weight: 500; font-size: 16px; text-transform: uppercase; color: #1E2022;}
#osm-profile-page .uk-form-controls {margin: 0;margin-bottom: 20px;padding: 0;}
#osm-profile-page .uk-form-controls input[type="text"], #osm-profile-page .uk-form-controls input[type="password"], #osm-profile-page .uk-form-controls input[type="file"] {max-width: 100%; min-width: 105px; width: 100%; border: 0 none; background: #fff; border: 1px solid #E7EAF3; border-radius: 4px; transition: .2s ease-in-out; transition-property: all; transition-property: color, background-color, border; padding: 10px 15px; color: #77838F; font-size: 16px; height: 50px;}
#osm-profile-page .uk-form-controls textarea {max-width: 100%; width: 100%; padding: 0 10px; background: #fff; color: #666; border: 1px solid #e5e5e5; transition: .2s ease-in-out; transition-property: color,background-color,border;border-radius: 4px;}
#osm-profile-page .uk-form-controls select {border-radius: 4px;padding: 10px 15px; border: 1px solid #E7EAF3; height: 50px; font-size: 16px; max-width: 100%; width: 100%; background: #fff; background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-image: none; color: #666; transition: .2s ease-in-out; transition-property: all; transition-property: color,background-color,border; vertical-align: middle; display: inline-block;-webkit-appearance: none; -moz-appearance: none; padding-right: 20px; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); background-repeat: no-repeat; background-position: 100% 50%;}
#osm-profile-page input[type="submit"] {max-width: 220px;}
#osm-profile-page #osm_form_update_membership {padding: 0;width: 100%;margin-top: 30px;}
#osm-profile-page #osm_form_update_membership ul {list-style: none; padding: 0;}

#mc_embed_signup .mc-field-group label {text-align: left !important;}

#remository .remository-folder .remository-folder-info > table {display: block; width: 100%; margin: 10px 0 0 0; padding: 0;}
#remository .remository-folder .remository-folder-info > table > tbody {display: block; width: 100%;}
#remository .remository-folder .remository-folder-info > table > tbody > tr {display: flex; flex-wrap: wrap;margin: 0 -10px;}
#remository .remository-folder .remository-folder-info > table > tbody > tr > td {display: block; width: 170px;padding: 10px;text-align: left;}
#remository .remository-folder .remository-folder-info > table > tbody > tr > td > a {position: relative; display: block; padding-left: 35px; line-height: 120%;}
#remository .remository-folder .remository-folder-info > table > tbody > tr > td > a > br {display: none;}
#remository .remository-folder .remository-folder-info > table > tbody > tr > td > a::before {display: block; content: "\f07b"; font-family: "Font Awesome 5 Free"; font-weight: normal;line-height: 1;font-size: 16px;position: absolute; left: 0; top: 1px; margin: 0 10px 0 0; color: #2B5519;}
#remository .remository-folder .remository-folder-info > table > tbody > tr > td > a > img {display: none;}

#remository .remositorycontainer .remository-folder-rss {display: none !important;}

#remository #remositoryfooter {width: 100%; padding: 15px 0 60px; border: none;}
#remository #remositoryfooter #left {display: none;float: none;}
#remository #remositoryfooter #right {text-align: right; float: none;margin: 0; padding: 0;}
#remository #remositoryfooter #right a {background: #2B5519;border-radius: 5px;height: 43px;font-weight: 500;font-size: 14px;color: #fff;text-decoration: none;text-align: center;padding: 12px 25px;transition: .1s ease-in-out;transition-property: color,background-color,border-color;border: 1px solid transparent;cursor: pointer; line-height: 120%;}
#remository #remositoryfooter #right a:hover, #remository #remositoryfooter #right a:focus {background: #254915; color: #FFF; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
#remository #remositoryfooter #right a::before {display: inline-block; content: "\f093"; font-family: "Font Awesome 5 Free"; font-weight: bold;line-height: 1;font-size: 15px;position: relative; margin-right: 10px; color: #FFF;}
#remository #remositoryfooter #right a > img {display: none;}

#remository #remositorylistsearch {float: none; margin-top: 30px; margin-bottom: 30px;padding-top: 30px; padding-bottom: 30px;}
#remository #remositorylistsearch form .remositorysearchdetails { display: flex; flex-wrap: nowrap; position: relative;}
#remository #remositorylistsearch form i { position: absolute; vertical-align: middle; height: 16px; left: 0px; width: 65px; text-align: center; border-right: 1px solid #D5DAE2; height: 41px; padding: 15px; font-size: 12px; color: #8C98A4; top: 1px; }
#remository #remositorylistsearch input.inputbox:focus + i {color: #2B5519; border-color: #2B5519;}
#remository #remositorylistsearch form input.inputbox {border-radius: 4px 0 0 4px; border-right: none; padding-left: 80px; background: #FFF;height: 43px;}
#remository #remositorylistsearch form .uk-button {border-radius: 0 4px 4px 0; padding: 12px 25px;}

#remository #remositorypageheading { background: none; margin: 0; padding: 0; }
#remository #remositorypageheading > h1, #remository #remositorypageheading > h2, #remository #remositorypageheading > h3 {display:inline-block;font-weight: 600; font-size: 28px; line-height: 46px; margin: 10px 0 0 10px;}
#remository #remositorypageheading > h1 > a, #remository #remositorypageheading > h2 > a, #remository #remositorypageheading > h3 > a {display: none;}

#remository #remositorycredits {width: 100%; margin: 0; padding: 0;}

/* @andy 25-02-24 */
.rem-file .rem-file-card {align-items: flex-start; }
.rem-file .rem-file-card .rem-file-card-text h3 {margin-bottom: 0;}
.rem-file .rem-file-card .rem-file-card-text>div img { margin:1em 0;border-radius:4px;}
@media (min-width:960px) {.rem-file .rem-file-card .rem-file-card-text>div img { max-width:300px;}}
.rem-file .rem-file-card-file-icon {display: flex;flex-direction: column;}
.rem-file .rem-file-icon-fav { margin: 1em 0;}
.rem-file .rem-file-icon-fav:hover {background: red;}
.rem-search .search-input:placeholder-shown {background-size: 40px 40px!important;background-position:0!important;}
.rem-search .search-input {padding-left:10px!important;}
#my-subscriptions-page tr > td:nth-child(2) {min-width:290px;}


/* @ndy 12-03-24 */
.rem-page-wrapper .rem-single-manage button {
	background: #2B5519;
	border-radius: 5px;
	height: 43px;
	font-weight: 500;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding: 12px 25px;
	transition: .1s ease-in-out;
	transition-property: color, background-color, border-color;
	border: 1px solid transparent;
	cursor: pointer;
	line-height: 120%;
	margin: 15px 0;
	display: inline-block;
	font-family: 'Poppins', sans-serif;
}
.rem-page-wrapper .rem-download-link a {
	margin-left: auto;
    padding-right: 0;
    background: #2B5519;
    border-radius: 5px;
    height: 43px;
    line-height: 120%;
    padding: 12px 25px;
	color: #fff!important;
}
#remository .remositoryfileinfo-title-block {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.field-rating img {
	width:80px!important;
}
.file-desc-images-main .file-desc-image{
    width: 100%;
    text-align: center!important;
	margin:0 auto;
}
/* Martin 6 July 2024 - set size of main image */
img.file-desc-main-img-size {
    display: block;
    max-width:600px;
    max-height:800px;
    width: auto;
    height: auto;
}
.file-desc-title {
    font-size: 24px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 30px;
    width: 100%;
}

/*FILE META DETAIL */
.file-params {max-width: 100%;width: 100%;}
.rem-single-submiter {display: flex; flex-wrap:nowrap; flex-direction: row; width: 100%; padding-bottom: 15px; padding-left: 0!important; padding-right: 0!important;}
.rem-single-meta-label {display: inline-block; padding: 0 10px 0 0; width: 170px;min-width: 170px;font-weight: 500; font-size: 16px!important; color: #000;}
.rem-single-meta-value {display: inline-block; padding: 0 10px;font-weight: normal; font-size: 16px!important; color: #77838F;}


.rem-single-meta-label::before {display: inline-block; font-family: "Font Awesome 5 Free"; font-weight: 900; text-rendering: auto; line-height: 1;font-size: 16px;position: relative; top: -1px; color: #2B5519;margin: 0 15px 0 0;text-align: center; width: 15px;}
.rem-single-meta-label.submitted_by::before {content: "\f007"; font-weight: 400;}
.rem-single-meta-label.submitted_on::before {content: "\f073"; font-weight: 400;}
.rem-single-meta-label.downloads::before {content: "\f019";}
.rem-single-meta-label.file_size::before {content: "\f073"; font-weight: 400;}
.rem-single-meta-label.file_version::before {content: "\f15b";font-weight: 300;}
.rem-single-meta-label.file_author::before {content: "\f007"; font-weight: 400;}
.rem-single-meta-label.rating::before {content: "\f005"; font-weight: 400;}

/*RATE BLOCK IN META DETAIL*/
.rem-single-body-vote-form {
	text-align: center;
}
.rem-single-body-vote-form select {
	background: #eef9f6;
	font-size: 16px;
	font-weight: 700;
	padding: 8px 10px;
	border: none;
	border-radius: 4px;
}
.rem-single-body-vote-form button {
	background: #2B5519;
	border-radius: 5px;
	height: 36px;
	font-weight: 500;
	font-size: 14px;
	color: #fff;
	text-align: center;
	padding: 5px 25px;
	border:none;
	font-family: 'Poppins', sans-serif;
	cursor: pointer;
}

p.remository_votes_guide {
	text-align: center;
	margin-top: 20px;
}


/*FILE DOWNLOAD BLOCK*/
.fullwidth {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}
.file-download-block-top {
    background: #F8F9FA;
    color: #2B5519;
    padding: 0 0 40px;
    margin-bottom: 40px;
    margin-top: 40px;
}
.file-download-block-top .container {
    text-align:center;
}


/*THUMBNAILS DETAILS INFO*/
.file-desc-images-main .file-desc-image img{
	border: 1px solid #E7EAF3;
    display: inline-block;
    padding: 5px

}
.file-desc-images {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 15px;
}
.file-desc-images a {
	border: 1px solid #E7EAF3;
    display: inline-block;
    padding: 5px;
}

/*CONTAINER LIST*/
#remository .remository-folder {border: 1px solid #E7EAF3;margin-bottom: 30px;padding: 15px; position: relative;}
#remository .remository-folder-info {padding-left: 70px;margin-top: 20px;font-size: 16px;line-height: 28px;}

#remository .remository-folder-title > h3 {border: none; padding-left: 70px; padding-top: 0px;margin: 0;}
#remository .remository-folder-title > h3 > a, #remository .remository-folder-title > h3 > div {font-size: 20px; font-weight: 500; color: #1E2022; border-bottom: 1px dashed #77838F; padding-bottom: 15px; display: inline-block;}
#remository .remository-folder-title > h3 > a:hover, #remository .remository-folder-title > h3 > a:focus {text-decoration: none; color: #2B5519;}
#remository .remository-folder-title > h3 > a > .remositoryFolder, #remository .remository-folder-title > h3 > div > .remositoryFolder  {float: none; display: block; position: absolute; left: 15px; width: 70px; height: 70px; top: 15px; margin: 0;}
#remository .remository-folder-title > h3 > a > .remositoryFolder img, #remository .remository-folder-title > h3 > div > .remositoryFolder img {border: 0; padding: 0; min-width: 50px; min-height: 50px;}
#remository .remository-folder-counters {color: #2B5519; position: absolute; right: 15px; top: 15px;font-size: 16px;}
#remository .remository-folder-counters > span:first-child {padding-right: 15px;}

#remository #remositorycontainer .remository-folder {border: none;}
#remository #remositorycontainer .remository-folder-title > h3 > div > .remositoryFolder {left: 0;}
#remository #remositorycontainer .remository-folder-counters {right: 0;}

/*FILE LIST*/
#remository #remositoryfilelisting {display: flex; flex-wrap: wrap; flex-direction: row; margin: 0 -15px;}
#remository #remositoryfilelisting .remositoryfileblock {width: 33.33333%;border: none; padding: 15px;}

.add-to-favorite {position:absolute;top:20px;right:0;z-index:9;}

#remository #remositoryfilelisting .remositoryfileblock h3.remositoryfileleft {width: 100%;text-align: center; margin: 0;padding-left: 0; height: auto;}
#remository #remositoryfilelisting .remositoryfileblock h3.remositoryfileleft > a {color: #77838F;font-weight: 600; font-size: 14px; word-break: break-word;}
#remository #remositoryfilelisting .remositoryfileblock h3.remositoryfileleft > a:hover, #remository #remositoryfilelisting .remositoryfileblock h3.remositoryfileleft > a:focus {color: #2B5519;}
#remository #remositoryfilelisting .remositoryfileblock .remositoryfileimage {text-align: center; padding: 0; margin: 0 0 50px; height: 270px; position: relative;padding-top: 40px;}
#remository #remositoryfilelisting .remositoryfileblock .remositoryfileimage img {max-height: 270px; padding: 0;top: 50%; position: relative; transform: translateY(-50%); }
#remository #remositoryfilelisting .remositoryfileblock-wr {width: 100%; height: 100%; padding: 15px; border: 1px solid #E7EAF3; position: relative;    display: flex; flex-wrap: nowrap; justify-content: space-between; flex-direction: column;}

#remository #remositoryfilelisting .remositoryfileblock .remositoryfilesummary {display: flex; flex-direction: row; flex-wrap: wrap;padding-top: 20px; padding-right: 0;min-height: auto;}
#remository #remositoryfilelisting .remositoryfileblock .remositoryfilesummary .field-title {display: none;}
#remository #remositoryfilelisting .remositoryfileblock .remositoryfilesummary .field-smalldesc {display: none;}
#remository #remositoryfilelisting .remositoryfileblock .remositoryfilesummary .field-downpub {display: none;}
#remository #remositoryfilelisting .remositoryfileblock .remositoryfilesummary .field-submittedby {order: 4; width: 50%;align-self: flex-end;}
#remository #remositoryfilelisting .remositoryfileblock .remositoryfilesummary .field-submitdate {order: 2; width: 60%;padding: 0 10px;}
#remository #remositoryfilelisting .remositoryfileblock .remositoryfilesummary .field-downloads {order: 1; width: 40%;text-align: right;padding: 0 10px;}
#remository #remositoryfilelisting .remositoryfileblock .remositoryfilesummary .field-rating {order: 3; width: 100%; padding: 20px 0;text-align: center;}
#remository #remositoryfilelisting .remositoryfileblock .remositoryfilesummary .field-rating .field-value > div {display: inline-block;}
#remository #remositoryfilelisting .remositoryfileblock .remositoryfilesummary .field-rating .field-title {display: none;}
#remository #remositoryfilelisting .remositoryfileblock .remositoryfilesummary .field-rating i.fas.fa-star {color: #FFC107;}
#remository #remositoryfilelisting .remositoryfileblock .remositoryfilesummary .field-rating .remositoryrating-votes {font-size: 14px; padding: 0 10px;}
#remository #remositoryfilelisting .remositoryfileblock .remositoryfilesummary .file-details {order: 5; width: 50%; text-align: right;}
#remository #remositoryfilelisting .remositoryfileblock .remositoryfilesummary .file-details > a { display: inline-block; min-width: 110px; background: #E4F9F5;border-radius: 5px;height: 43px;font-weight: 500;font-size: 14px;color: #2B5519;;text-decoration: none;text-align: center;padding: 12px 25px;transition: .1s ease-in-out;transition-property: color,background-color,border-color;border: 1px solid transparent;cursor: pointer; line-height: 120%; }
#remository #remositoryfilelisting .remositoryfileblock .remositoryfilesummary .file-details > a:hover, #remository #remositoryfilelisting .remositoryfileblock .remositoryfilesummary .file-details > a:focus { background: #254915; color: #FFF; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); }

#remository #remositoryfilelisting .remositoryfileblock .remositoryfilesummary .field-value {display: inline-block; font-size: 14px;}
#remository #remositoryfilelisting .remositoryfileblock .remositoryfilesummary .file-fields .field-value::before {display: inline-block; font-family: "Font Awesome 5 Free"; font-weight: 900; text-rendering: auto; line-height: 1;font-size: 14px;position: relative; top: -1px; color: #2B5519;margin: 0 10px 0 0;}
#remository #remositoryfilelisting .remositoryfileblock .remositoryfilesummary .file-fields.field-submittedby .field-value::before {content: "\f007"; font-weight: 400;}
#remository #remositoryfilelisting .remositoryfileblock .remositoryfilesummary .file-fields.field-submitdate .field-value::before {content: "\f073"; font-weight: 400;}
#remository #remositoryfilelisting .remositoryfileblock .remositoryfilesummary .file-fields.field-downloads .field-value::before {content: "\f019";}



/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	#remository #remositoryfilelisting .remositoryfileblock {width:50%;}

	#remository #remositoryfileinfo .remositoryfilesummary .file-desc-images {margin-bottom: 30px;padding: 0;}
	#remository #remositoryfileinfo .remositoryfilesummary .file-desc {width: 100%;}
	#remository #remositoryfileinfo .remositoryfilesummary .file-params {width: 100%; padding-left: 0;}
	#remository #remositoryfileinfo .remositoryfilesummary .file-params {max-width: 100%;}
	#remository div.remository_votes_guide { text-align: left; padding: 0 15px; }
	#remository p.remository_votes_guide {text-align: left;}
	#remository #remositoryfileinfo .file-download-block-bottom-wr {padding-top: 50px;}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	#remository .remository-folder-info {padding-left: 0;}

	#remository #remositoryfilelisting .remositoryfileblock {width:100%;}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.header .header-content .uk-dropdown.uk-open {padding: 0;}

	#remository .remository-folder .remository-folder-info > table > tbody > tr > td {width: 100%;}

	#remository .remositorycontainer .remository-folder-title > h3 {padding-right: 95px;}

	#remository #remositoryfileinfo .remositoryfilesummary .file-desc-images .file-desc-image:last-child img {
		width: 100%;
	}

	#remository #remositoryfileinfo .remositoryfileinfo-title-block {flex-wrap: wrap;}
	#remository #remositoryfileinfo .remositoryfileinfo-title-block > h1 {order: 2;}
	#remository #remositoryfileinfo .remositoryfileinfo-title-block .field-rating {padding: 0; order: 1; width: 100%; text-align: right;}
	#remository #remositoryfileinfo .remositoryfileinfo-title-block .field-rating .field-value {padding: 0; text-align: right;}
	#remository #remositoryfileinfo .remositoryfilesummary .file-desc-images .uk-slider-items > li {padding: 0 5px;}
	#remository #remositoryfileinfo .remositoryfilesummary .file-desc-images .uk-slider-items > img {max-width: 100px;}
	#remository #remositoryfileinfo .remositoryfilesummary .file-params .file-fields .field-value {word-wrap: anywhere;}
	#remository #remositoryfileinfo .file-download-block-bottom-wr .file-download-block-bottom {display: inline-block;}
	#remository #remositoryfileinfo .file-download-block-bottom-wr #remositorycmdbox > p {display: inline-block; display: block;
    margin: 15px 0;}
	#remository #remositoryfileinfo .file-download-block-bottom-wr #remositorycmdbox > p > a {display: block;margin: 0;}
	#remository #remositoryfileinfo .file-download-block-bottom-wr .file-download-block-bottom {display: block;width: 100%;}
	#remository #remositoryfileinfo .file-download-block-bottom-wr .file-download-block-bottom a {display: block;margin: 0; width: 100%;}

	#remository .remository_votes_guide .chosen-container { min-width: 140px;}

	#remository #remositoryfileinfo .remositorydownstatus-block {margin-bottom: 20px;}

	#remository #remositoryAddFile .btn-toolbar .btn-group {width: 100%;}
	#remository #remositoryAddFile .btn-toolbar button {min-width: 170px; margin: 15px 0 0; width: 100%;}

}
.btn-primary {
	background: #2B5519;
    border-radius: 5px;
    height: 43px;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    padding: 12px 25px;
    transition: .1s ease-in-out;
    transition-property: color, background-color, border-color;
    border: 1px solid transparent;
    cursor: pointer;
    line-height: 120%;
    text-transform: none;
    min-width: 110px;
}

/*THUMB UPDATE 29-03-24*/

.thumbupdate-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 cols same width */
    gap: 20px; /* gap */
	margin-top: 1em;
}
@media only screen and (max-width : 992px) {
	.thumbupdate-container {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.thumbupdate-container {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.thumbupdate-container {
		grid-template-columns: repeat(1, 1fr);
	}
}
.remositorydelthumb {
    background-color: #f3f3f3;
    padding: 20px;
	position: relative;
}
.remositorythumbnail {
	text-align: center!important;
	display: flex;
    justify-content: center;
    align-items: center;
    height: 80%;
}
.remositorythumbnail img {
	margin: auto;
	box-shadow: 0 1px 5px rgba(0,0,0,0.06);
}

.remositorydelthumb input {
	position: absolute;
	bottom:0;
	right:10px;
	left: 10px;
	font-size: 14px;
	transform: translate(-10px, 0);
	cursor: pointer;
	background: rgb(159, 4, 4);
	color: #fff;
}
.remositorydelthumb input:hover {
	background: rgb(123, 3, 3);

}

/*FILE INFO DOWNLOAD BLOCK 29-03-24 */
.download-btn-container {
	height: 60px;
	margin-top: 35px;
}
.download-btn-container .btn-download-single {
	padding: 15px 40px;
	font-size: 16px;
	font-weight: 700;
}


/*SUBCAT IN CONTAINER PAGE 29-03-24*/
.rem-list-wrapper.is_child .remository-folder {
	display: inline-block;
	border-radius: 4px;
	margin-right: 15px;
	padding:13px 15px!important;
}
.rem-list-wrapper.is_child .remository-folder:hover {
	border-color: rgba(0, 0, 0, 0.4)!important;
}

.rem-list-wrapper.is_child .remository-folder-info {
	display:none!important;
}
.rem-list-wrapper.is_child  .remository-folder-title > h3 {
    padding-left:35px!important;
	margin:0;
	line-height:100%;
	padding:0;
}
.rem-list-wrapper.is_child .remository-folder .remository-folder-counters{
    display:none!important;
}
.rem-list-wrapper.is_child .remository-folder .remositoryFolder {
	top: 13px!important;
	min-width:40px!important;
	max-width:40px!important;
}
.rem-list-wrapper.is_child .remository-folder .remositoryFolder img {
	border-radius:50%;
	min-width: 14px!important;
    min-height: 14px!important;
	width: 24px!important;
	height: 24px!important;
}
.rem-list-wrapper.is_child .remository-folder-title > h3 > a {
    border-bottom:none!important;
    font-size:14px!important;
    color: #BA3024;
    font-weight:400!important;
	padding-bottom: 0!important;
}
.rem-list-wrapper.is_child .remository-folder-title > h3 > a:hover,
.rem-list-wrapper.is_child .remository-folder-title > h3 > a:visited {
    color:#BA3024!important;
}
/*ADD To FAV 30-03-24*/
.add-to-favorite {
	cursor: pointer;
	height:31px;
	top:0;
  }
  .add-to-favorite img {
	width: 31px !important;
	height: 31px !important;

  }
  .add-to-favorite.active {
	background: red!important;
  }
  .add-to-favorite.active:active {
	background: #b70404!important;
  }

  /*LOGIN PAGE 30-03-24*/

.login-page .password-group {
	position:relative!important;
}
.login-page .input-password-toggle {
	position:absolute;
	width:30px;
	height:30px;
	top: 10px;
	right:10px;
	border:none;
	cursor: pointer;
	background: transparent;
}
.login-page .input-password-toggle .icon-eye:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f06e";
}
.login-page .input-password-toggle .icon-eye-slash:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f070"
}
.login-page .visually-hidden {
	display: none;
}
.remositoryrating-stars img {
	vertical-align: baseline;
}