/*  Reset styles
    ------------------------------------------------------- */
Html { 
   scroll-behavior: smooth;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:inside; margin-bottom: 5px;}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none;}

strong{
font-weight: 600;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

a {
	color:#1F5A29;
	outline: none;
	-webkit-transition: 0.3s;
			transition: 0.3s;
}
.footer-contacts-item{
	color:#fff !important;
}
.menu-item {
	color:#fff !important;
}

.structure-row a{
	color:#fff !important;
}

.structure-row2 a{
	color:#fff !important;
}

.structure-row3 a{
	color:#fff !important;
}
.structure-row4 a{
	color:#fff !important;
}
.structure-row a:hover{
	color:#1F5A29 !important;
}

.structure-row2 a:hover{
	color:#1F5A29 !important;
}

.structure-row3 a:hover{
	color:#1F5A29 !important;
}
.structure-row4 a:hover{
	color:#1F5A29 !important;
}
svg {
	-webkit-flex-shrink: 0;
			flex-shrink: 0;
}

button {
	padding: 0;
	font-size: 0;
	background: transparent;
	border: none;
	outline: none;
	cursor: pointer;
	-webkit-transition: 0.3s;
			transition: 0.3s;
}

img {
	max-width: 100%;
}

/*  fonts
    ------------------------------------------------------- */
@font-face {
	font-family: 'DMSans-Regular';
	src: url('../fonts/DMSans-Regular.eot');
	src: url('../fonts/DMSans-Regular.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/DMSans-Regular.woff2') format('woff2'),
		 url('../fonts/DMSans-Regular.woff') format('woff'),
		 url('../fonts/DMSans-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'DMSans-Bold';
	src: url('../fonts/DMSans-Bold.eot');
	src: url('../fonts/DMSans-Bold.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/DMSans-Bold.woff2') format('woff2'),
		 url('../fonts/DMSans-Bold.woff') format('woff'),
		 url('../fonts/DMSans-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Prompt-Bold';
	src: url('../fonts/Prompt-Bold.eot');
	src: url('../fonts/Prompt-Bold.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Prompt-Bold.woff2') format('woff2'),
		 url('../fonts/Prompt-Bold.woff') format('woff'),
		 url('../fonts/Prompt-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/*  body
    ------------------------------------------------------- */
html {
	-webkit-text-size-adjust: 100%;
}

html,
body {
	height: 100%;
}

body {
	position: relative;
	color: #fff;
	background-color: #fff;
	font-size: 20px;
	font-family: 'DMSans-Regular';
}

#page::after {
    content: '';
	position: fixed;
	z-index: 9001;
	top: 0;
	left: 0;
    height: 0;
    width: 0;
    opacity: 0;
	/*background-color: rgba(14, 22, 34, 0.5);*/
	-webkit-transition: opacity 0.4s ease-out 0s;
    		transition: opacity 0.4s ease-out 0s;
}

#page.form-open {
	overflow: hidden;
}

#page.form-open::after {
    height: 100%;
    width: 100%;
	opacity: 1;
}

h1, h2, h3, h4 {
	font-family: 'Prompt-Bold';
}

h1, h2 {
	font-size: 56px;
	line-height: 60px;
}

h3 {
	font-size: 46px;
	line-height: 62px;
}

.lentele{
	width: 100%;
}

.lentele th{
color:white;
background-color: #1f5a29;
padding: 5px;
border: 1px solid black;
}
.lentele td{
	color:#474b48;
	padding: 5px;
	border: 1px solid black;
	}

.wrapper {
	overflow: hidden;
}

.wrap {
	margin: 0 auto;
	width: 100%;
	max-width: 1230px;
	padding: 0 20px;
	position: relative;
}

.row {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
			align-items: center;
}

.row2 {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
			justify-content: space-between;
	-webkit-align-items: center;
			align-items: center;
}

.btn,
.btn2,
.btn3 {
	width: 241px;
	height: 72px;
	border-radius: 25px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
			justify-content: center;
	-webkit-align-items: center;
			align-items: center;
	-webkit-transition: 0.3s;
			transition: 0.3s;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	font-family: 'DMSans-Bold';
}

.btn {
	color: #fff;
	background-color: #1F5A29;
}

.btn:hover {
	background-color: #30883F;
}

.btn2 {
	color: #1F5A29;
	background-color: #fff;
}

.btn2:hover {
	background-color: #B7B5B7;
}

.btn3 {
	border: 2px solid #fff;
	color: #fff;
}

.btn3:hover {
	border-color: #B7B5B7;
	color: #B7B5B7;
}

/*  header
    ------------------------------------------------------- */
.header {
	position: relative;
	z-index: 3;
	background-color: #fff;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.header .wrap {
	height: 117px;
}

.header-logo {
	margin: 0 40px;
}

.header-nav {
	margin-right: 130px;
}

.header-link {
	margin-right: 40px;
	color: #474B48;
}

.header-link:last-child {
	margin: 0;
}

.header-link.active {
	color: #1f5a29;
	font-family: 'DMSans-Bold';
}

.menu-open {
	display: none;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
	right: 20px;
}

/*  home section1
    ------------------------------------------------------- */
.home-section1 {
	position: relative;
}

.home-section1::before {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	width: 870px;
	height: 874px;
	background-image: url('../img/bg1.jpg');
}

.home-section1-container {
	position: relative;
	z-index: 2;
	max-width: 550px;
	padding: 233px 40px 171px 40px;
	background-color: #fff;
}

.home-section1-title {
	margin-bottom: 93px;
	max-width: 435px;
	color: #1f5a29;
}

.home-section1-description {
	max-width: 470px;
	line-height: 28px;
	color: #454646;
}

.home-section1 .btn {
	display: none;
}

/*  about us
    ------------------------------------------------------- */
.about-us {
	position: relative;
}

.about-us .wrap {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-end;
			justify-content: flex-end;
}

.about-us::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 829px;
	background-image: url('../img/bg2.jpg');
}

.about-us-container {
	width: 100%;
	max-width: 887px;
	padding: 238px 0 111px 101px;
	position: relative;
	z-index: 2;
}

.about-us-container::before {
	content: '';
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100vw;
	background-image: linear-gradient(to bottom, #1f5a29 20%, rgba(31, 90, 41, 0.76));
}

.about-us-title {
	margin-bottom: 48px;
}

.about-us-info {
	margin-bottom: 51px;
	font-size: 15px;
	line-height: 20px;
	font-family: 'DMSans-Bold';
}

.about-us-description {
	margin-bottom: 77px;
	max-width: 706px;
	line-height: 27px;
}

/*  menu
    ------------------------------------------------------- */
.menu {
	padding: 75px 0 12px;
}

.menu .wrap {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap-reverse;
			flex-wrap: wrap-reverse;
	-webkit-justify-content: center;
			justify-content: center;
}

.menu-item {
	margin: 0 21px 63px 0;
	position: relative;
	width: calc((100% - 63px) / 4);
	height: 300px;
	border-radius: 5px;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.menu-item:nth-child(4n) {
	margin-right: 0;
}

.menu-item::before {
	opacity: 0;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(31, 90, 41, 0.45);
	-webkit-transition: 0.3s;
			transition: 0.3s;
}

.menu-item:hover::before {
	opacity: 1;
}

.menu-item-img {
	border-radius: 5px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.menu-item-title {
	position: absolute;
	z-index: 2;
	top: 23px;
	right: 5px;
	left: 5px;
	text-align: center;
	line-height: 27px;
	font-family: 'DMSans-Bold';
}

/*  home section4
    ------------------------------------------------------- */
.home-section4 {
	position: relative;
	padding: 108px 0 81px;
}

.home-section4-title {
	margin: 0 0 52px 100px;
	position: relative;
	z-index: 2;
}

.home-section4-wrap-slider {
	position: relative;
}

.home-section4-wrap-slider::before {
	content: '';
	position: absolute;
	top: -219px;
	right: 383px;
	bottom: -81px;
	width: 1172px;
	background-image: url('../img/bg3.jpg');
	background-size: cover;
}

.home-section4-slider-item {
	position: relative;
	width: 100%;
	border-radius: 5px;
	font-size: 0;
}

.home-section4-slider-item::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(31, 90, 41, 0.15);
}

.home-section4-slider-item-img {
	border-radius: 5px;
}

.home-section4-slider-item-container {
	position: absolute;
	right: 0;
	bottom: 99px;
	left: 0;
	padding: 23px 100px 32px;
	background-image: linear-gradient(to bottom, rgba(36, 44, 38, 0.71), #2f3b31);
}

.home-section4-slider-item-title {
	margin-bottom: 19px;
	padding-right: 125px;
}

.home-section4-slider-item-description {
	font-size: 20px;
	line-height: 27px;
}

.home-section4-nav {
	position: absolute;
	z-index: 2;
	right: 0;
	-webkit-transform: translate(-57px, 37px);
			transform: translate(-57px, 37px);
}

.owl-prev,
.owl-next {
	position: absolute;
	z-index: 2;
	fill: #fff;
	stroke: #fff;
}

.owl-prev:hover,
.owl-next:hover {
	fill: #b7b5b7;
	stroke: #b7b5b7;
}

.home-section4 .owl-prev {
	top: 18px;
	right: 80px;
}

.home-section4 .owl-next {
	top: 0;
	right: 0;
}

/*  home section5
    ------------------------------------------------------- */
.home-section5 {
	margin: 160px 0 158px;
	position: relative;
}

.home-section5::before {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	width: 1556px;
	height: calc(100% - 143px);
	background-image: url('../img/bg4.jpg');
	background-size: cover;
}

.home-section5-title {
	margin: 0 0 83px 404px;
	color: #1f5a29;
}

.home-section5-wrap-slider {
	position: relative;
}

.home-section5-slider-item {
	padding: 18px 71px;
}

.home-section5-slider-item-wrap-img {
	-webkit-flex-shrink: 0;
			flex-shrink: 0;
	width: 445px;
	border-radius: 5px;
	padding: 10px;
	background-color: #fff;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	font-size: 0;
}

.home-section5-slider-item-container {
	margin-left: 90px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
			flex-direction: column;
}

.home-section5-slider-item-title {
	margin-bottom: 27px;
}

.home-section5-slider-item-head {
	margin-bottom: 41px;
	max-width: 368px;
	font-size: 15px;
	line-height: 20px;
	font-family: 'DMSans-Bold';
}

.home-section5-slider-item-category {
	color: #b7b5b7;
}

.home-section5-slider-item-description {
	margin-bottom: 50px;
	max-width: 425px;
	line-height: 27px;
}

.home-section5-slider-item .btn2 {
	margin-right: 23px;
}

.home-section5 .owl-prev {
	right: 135px;
	bottom: 143px;
}

.home-section5 .owl-next {
	right: 54px;
	bottom: 164px;
}

/*  other section1
    ------------------------------------------------------- */
.other-section1 {
	margin-bottom: 58px;
	position: relative;
	min-height: 948px;
}

.other-section1 .wrap {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-end;
			justify-content: flex-end;
}

.other-section1.support {
	min-height: 1158px;
}

.other-section1-photo {
	position: absolute;
	top: 0;
	left: 0;
}

.other-section1-bg {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 1051px;
	max-width: none;
	-webkit-user-select: none;
			user-select: none;
}

.other-section1-container {
	position: relative;
	z-index: 3;
	width: 100%;
	max-width: 686px;
	padding: 151px 0 30px 80px;
}

.other-section1-title {
	margin-bottom: 31px;
}

.other-section1-description {
	max-width: 550px;
	line-height: 27px;
}

.other-section1-description p,
.other-section1-description ul {
	margin-bottom: 27px;
}

.other-section1-description p:last-child,
.other-section1-description ul:last-child {
	margin: 0;
}

.other-section1-description .last {
	margin-bottom: 5px;
}

.other-section1-description span {
	font-family: 'DMSans-Bold';
}

.other-section1-description .info {
	margin: 49px 0 50px;
	text-transform: uppercase;
	font-family: 'DMSans-Bold';
}

.support-contacts {
	position: absolute;
	top: 820px;
	left: 0;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
			align-items: center;
	width: 100%;
	height: 161px;
	padding: 0 122px;
	background-color: #474b48;
	line-height: 27px;
}

.support-contacts-title {
	font-size: 30px;
	font-family: 'Prompt-Bold';
}

/*  scouts
    ------------------------------------------------------- */
.scouts {
	padding: 24px 0 63px;
}

.scouts-container {
	margin: 0 auto;
	max-width: 1170px;
	display: -webkit-flex;
	display: flex;
	background-color: #fff;
}

.scouts-switch {
	-webkit-flex-shrink: 0;
			flex-shrink: 0;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column-reverse;
			flex-direction: column-reverse;
	width: 303px;
}

.scouts-switch-item {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-end;
			justify-content: flex-end;
	-webkit-align-items: center;
			align-items: center;
	height: calc(100% / 6);
	min-height: 107px;
	padding: 0 30px;
	color: #fff;
	background-color: #1f5a29;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	line-height: 27px;
	text-transform: uppercase;
	font-family: 'DMSans-Bold';
}

.scouts-switch-item.active {
	color: #474b48;
	background-color: #fff;
}

.scouts-wrap-tabs {
	padding: 48px 34px 10px 26px;
	box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.scouts-tab,
.scouts-tab-mob {
	display: none;
}

.scouts-tab-mob {
	padding: 15px 15px 40px;
	box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.scouts-tab.active {
	display: block;
}

.scouts p,
.scouts ul {
	margin-bottom: 27px;
	line-height: 27px;
	color: #474b48;
}

.scouts p:last-child,
.scouts ul:last-child {
	margin: 0;
}

/*  documents
    ------------------------------------------------------- */
.documents-intro {
	position: relative;
	height: 420px;
	padding-top: 150px;
	text-align: center;
	background-image: url('../img/documents_bg.jpg');
	background-size: cover;
}

.documents-intro + .documents-category-heading {
	margin-top: 58px;
}

.documents {
	padding: 58px 0 27px;
}

.documents .wrap {
	max-width: 980px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
	-webkit-justify-content: flex-start;
			justify-content: flex-start;
	-webkit-align-items: stretch;
			align-items: stretch;
	-webkit-align-content: flex-start;
			align-content: flex-start;
	gap: 39px 60px;
}

.documents-item {
	-webkit-flex: 0 1 calc((100% - 60px) / 2);
			flex: 0 1 calc((100% - 60px) / 2);
	max-width: calc((100% - 60px) / 2);
	min-width: 0;
	min-height: 136px;
	box-sizing: border-box;
	padding: 22px 50px 22px 25px;
	color: #474b48;
	background-color: #fff;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	line-height: 27px;
}

/* Ne globalus a:#1F5A29 — kortelė visada neutrali, kol ne tikras hover */
.documents-item:link,
.documents-item:visited {
	color: #474b48;
	background-color: #fff;
}

.documents-item > span {
	display: block;
	min-width: 0;
	overflow-wrap: break-word;
	-webkit-flex: 1 1 auto;
			flex: 1 1 auto;
}

.documents-item-icon {
	margin-right: 25px;
	-webkit-flex-shrink: 0;
			flex-shrink: 0;
	fill: #474b48;
}

.documents-item:link .documents-item-icon,
.documents-item:visited .documents-item-icon {
	fill: #474b48;
}

@media (hover: hover) {
	.documents-item:hover {
		color: #fff;
		background-color: #1F5A29;
	}

	.documents-item:hover .documents-item-icon {
		fill: #fff;
	}
}

/*  structure
    ------------------------------------------------------- */
.structure-head {
	height: 420px;
	padding-top: 150px;
	text-align: center;
	background-image: url('../img/structure_bg.jpg');
	background-size: cover;
}

.structure {
	padding: 107px 0 80px;
}

.structure .wrap {
	max-width: 988px;
	padding: 0;
}

.structure2 {
	padding: 128px 0 109px;
}

.structure2 .wrap {
	max-width: 902px;
	padding: 0;
}

.structure-row {
	margin-bottom: 23px;
}

.structure-row2 {
	margin: 107px auto 50px;
	max-width: 928px;
}

.structure-row3 {
	margin: 0 auto;
	max-width: 928px;
}

.structure-row4 {
	margin-bottom: 81px;
}

.structure-row5 {
	margin-left: -43px;
	max-width: 547px;
}

.structure-item,
.structure-center {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
			flex-direction: column;
	-webkit-justify-content: center;
			justify-content: center;
	-webkit-align-items: center;
			align-items: center;
	border-radius: 5px;
	padding: 5px;
	text-align: center;
}

.structure-item {
	position: relative;
	width: 180px;
	height: 122px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	line-height: 27px;
	font-family: 'DMSans-Bold';
}

.structure-item1 {
	background-color: #16401d;
}

.structure-item2 {
	background-color: #30883f;
}

.structure-item3 {
	margin-right: 19px;
}

.structure-item4 {
	background-color: #40b554;
}

.structure-item5 {
	background-color: #205729;
}

.structure-item6 {
	width: 122px;
	background-color: #30883f;
}

.structure-item7 {
	margin-left: 4px;
}

.structure-item8 {
	margin-left: 40px;
}

.structure-item:hover {
	color: #1f5a29;
	background-color: #fff;
}

.structure-center {
	position: absolute;
	top: 239px;
	left: 50%;
	-webkit-transform: translateX(-50%);
			transform: translateX(-50%);
	width: 280px;
	height: 173px;
	background-color: #1f5a29;
	font-size: 30px;
	line-height: 40px;
	font-family: 'Prompt-Bold';
}

.structure-item span {
	margin-top: 5px;
	max-width: 134px;
	font-size: 15px;
	line-height: 20px;
}

.structure-units,
.structure-congress {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
			transform: translateX(-50%);
	font-size: 15px;
	line-height: 20px;
	font-family: 'DMSans-Bold';
}

.structure-units {
	top: 198px;
	color: #1a4b22;
}

.structure-congress {
	top: 431px;
	color: #30883f;
}

.structure-lines,
.structure-lines2 {
	position: absolute;
	z-index: -1;
}

.structure-lines {
	top: 133px;
	left: 110px;
}

.structure-lines2 {
	top: 141px;
	left: 19px;
}

/*  structure item page
    ------------------------------------------------------- */
.structure-intro {
	margin-bottom: 40px;
	position: relative;
	padding-top: 637px;
}

.structure-intro-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 820px;
	object-fit: cover;
}

.structure-intro-container {
	position: relative;
	z-index: 2;
	padding: 140px 112px 95px;
}

.structure-intro-container-bg {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 1556px;
	max-width: none;
	height: 100%;
	-webkit-user-select: none;
			user-select: none;
}

.structure-intro-title {
	margin-bottom: 44px;
}

.structure-intro-category {
	margin-bottom: 18px;
	text-transform: uppercase;
	font-family: 'DMSans-Bold';
}

.structure-intro-description {
	margin-bottom: 23px;
	line-height: 27px;
}

.structure-intro-contacts {
	line-height: 30px;
}

/*  history
    ------------------------------------------------------- */
.history-intro {
	position: relative;
	height: 420px;
}

.history-intro-photo,
.history-intro-bg {
	position: absolute;
	top: 0;
	width: 50%;
	height: 100%;
	object-fit: cover;
}

.history-intro-photo {
	left: 0;
}

.history-intro-bg {
	z-index: 2;
	right: 0;
}

.history-intro .wrap {
	z-index: 3;
	max-width: 968px;
	height: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
			flex-direction: column;
	-webkit-justify-content: flex-end;
			justify-content: flex-end;
}

.history-intro-wrap-title {
	margin-bottom: 85px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-end;
			justify-content: flex-end;
}

.history-intro-title {
	width: 50%;
	padding-left: 92px;
}

.history-intro-switch {
	-webkit-justify-content: space-between;
			justify-content: space-between;
}

.history-intro-switch-item {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
			justify-content: center;
	-webkit-align-items: center;
			align-items: center;
	width: 484px;
	height: 124px;
	color: #fff;
	background-color: #1f5a29;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	text-transform: uppercase;
	font-family: 'DMSans-Bold';
}

.history-intro-switch-item.active {
	color: #474b48;
	background-color: #fff;
}

.history-container {
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.history-wrap-tabs {
	max-height: 1290px;
}

.history-tab {
	display: none;
	padding: 90px 100px 10px;
	color: #474b48;
}

.history-tab.active {
	display: block;
}

.history-tab p {
	margin-bottom: 27px;
	line-height: 27px;
}

.history-tab p:last-child {
	margin: 0;
}


/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}

/*  news
    ------------------------------------------------------- */
.news {
	position: relative;
	padding: 139px 0 106px;
}

.news::before {
	content: '';
	position: absolute;
	top: -20px;
	left: 0;
	width: 100%;
	height: 656px;
	background-image: url('../img/news_bg.jpg');
	background-size: cover;
}

.news-title {
	margin-bottom: 84px;
	text-align: center;
}

.news-container {
	margin: 0 auto;
	max-width: 1097px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
	-webkit-justify-content: space-between;
			justify-content: space-between;
}

.news-item,
.news-item2 {
	width: calc((100% - 60px) / 2);
	max-width: 500px;
	height: 310px;
	display: -webkit-flex;
	display: flex;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.news-item {
	margin-bottom: 88px;
	color: #474b48;
	background-color: #fff;
	overflow: hidden !important;
}

.news-item:hover {
	background-color: #e4e2e3;
}

.news-item2 {
	margin-bottom: 38px;
	-webkit-flex-direction: column;
			flex-direction: column;
	-webkit-justify-content: space-between;
			justify-content: space-between;
	padding: 35px 33px 51px 40px;
	background-color: #1f5a29;
	color:white;
}

.news-item2:hover {
	background-color: #30883f;
}

.news-item-img {
	-webkit-flex-shrink: 0;
			flex-shrink: 0;
	width: 157px;
	font-size: 0;
}

.news-item-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.news-item-right {
	padding: 30px 15px 10px 30px;
}

.news-item-info,
.news-item2-info {
	font-size: 15px;
	line-height: 20px;
	font-family: 'DMSans-Bold';
}

.news-item-info {
	margin-bottom: 23px;
	max-width: 245px;
}

.news-item2-info {
	max-width: 228px;
}

.news-item-category {
	color: #b7b5b7;
}

.news-item2-category {
	color: #e4e2e3;
}

.news-item-title {
	margin-bottom: 1px;
	font-size: 36px;
	line-height: 48px;
}

.news-item2-title {
	font-size: 30px;
	line-height: 40px;
}

.news-item-description {
	font-size: 18px;
	line-height: 24px;
}

.news-item-description p {
	margin-bottom: 24px;
}

.news-item-description p:last-child {
	margin: 0;
}

/*  article
    ------------------------------------------------------- */
.article-section {
	margin-bottom: 56px;
}

.article {
	position: relative;
}

.article::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.article-head {
	position: relative;
	height: 511px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
			flex-direction: column;
	-webkit-justify-content: flex-end;
			justify-content: flex-end;
}

.article-head-container {
	position: relative;
	z-index: 2;
	padding: 24px 101px 28px;
	background-image: linear-gradient(to bottom, rgba(31, 90, 41, 0.73), #1f5a29);
}

.article-head-title {
	margin-bottom: 9px;
	font-size: 46px;
	line-height: 62px;
}

.article-head-info {
	width: 100%;
	max-width: 260px;
	font-size: 15px;
	line-height: 20px;
	font-family: 'DMSans-Bold';
}

.article-head-info-category {
	color: #b7b5b7;
}

.article-head-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.article-text {
	position: relative;
	z-index: 2;
	padding: 69px 0 41px;
	color: #474b48;
}

.article-text-container {
	margin: 0 auto 56px;
	max-width: 829px;
}

.article-text-title {
	margin-bottom: 37px;
	text-align: center;
	font-size: 36px;
	line-height: 48px;
}

.article-text p {
	margin-bottom: 27px;
	line-height: 27px;
}

.article-text .last {
	margin-bottom: 54px;
}

.article-text p:last-child {
	margin: 0;
}

.article-nav {
	margin: 0 101px 0 80px;
}

.article-prev,
.article-next {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
			flex-direction: column;
	color: #1f5a29;
	fill: #1f5a29;
	stroke: #1f5a29;
	font-size: 15px;
	line-height: 14px;
	font-family: 'DMSans-Bold';
}

.article-prev {
	-webkit-align-items: flex-end;
			align-items: flex-end;
}

.article-prev:hover,
.article-next:hover {
	color: #30883f;
	fill: #30883f;
	stroke: #30883f;
}

/*  footer
    ------------------------------------------------------- */
.footer {
	padding: 83px 0 42px;
	background-image: url('../img/bg5.jpg');
	background-size: cover;
}

.footer .wrap {
	max-width: 1030px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
			justify-content: space-between;
	-webkit-align-items: flex-end;
			align-items: flex-end;
}

.footer-left {
	margin-right: 40px;
}

.footer-title {
	margin-bottom: 49px;
}

.footer-contacts-item {
	margin-bottom: 27px;
	line-height: 27px;
}

.footer-contacts-item:last-child {
	margin: 0;
}

.footer-contacts-label {
	font-family: 'DMSans-Bold';
}

.footer-bottom {
	padding: 0 100px;
	position: relative;
}

.footer-social-networks {
	margin-top: 64px;
}

.footer-social-networks-item {
	margin-right: 30px;
	fill: #fff;
	font-size: 0;
}

.footer-social-networks-item:last-child {
	margin: 0;
}

.footer-social-networks-item:hover {
	fill: #E4E2E3;
}

.footer-right {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
			flex-direction: column;
	-webkit-align-items: flex-end;
			align-items: flex-end;
}

.footer-copyright {
	margin-top: 39px;
	line-height: 27px;
}

.footer-copyright-icon {
	margin-right: 13px;
}

.to-top {
	position: absolute;
	bottom: 4px;
	left: 50%;
	-webkit-transform: translateX(-50%);
			transform: translateX(-50%);
}

.map {
	margin-top: 35px;
	-webkit-flex-shrink: 0;
			flex-shrink: 0;
	width: 404px;
	height: 315px;
	border-radius: 5px;
	background-image: url('../img/map.jpg');
	background-size: cover;
}

/*  form UI
    ------------------------------------------------------- */
input[type=text],
input[type=tel],
input[type=email] {
    -webkit-appearance: none;
    		appearance: none;
}

input {
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 0;
	outline: none;
	background: transparent;
	-webkit-box-shadow: none;
			box-shadow: none;
}

input::-moz-placeholder {
	opacity: 1;
	color: #939393;
}

input::-webkit-input-placeholder {
	color: #939393;
}

input:-ms-input-placeholder {
	color: #939393;
}

input::-ms-input-placeholder {
	color: #939393;
}

input::placeholder {
	color: #939393;
}

:invalid {
	box-shadow: none;
}

.input-group {
	margin-bottom: 22px;
}

.input-label {
	margin-bottom: 12px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
			justify-content: space-between;
	-webkit-align-items: center;
			align-items: center;
	font-size: 15px;
	line-height: 20px;
	font-family: 'DMSans-Bold';
}

.input-field {
	width: 324px;
	padding: 8px 20px 15px;
	border-radius: 15px;
	background-color: rgba(139, 138, 138, 0.5);
	font-size: 20px;
	line-height: 27px;
	font-family: 'DMSans-Regular';
	-webkit-transition: 0.3s;
			transition: 0.3s;
}

.input-field.error {
	background-color: rgba(232, 80, 80, 0.5);
}

.input-field:focus,
.input-filled {
	background-color: #fff;
}

.input-error {
	font-size: 15px;
	line-height: 20px;
	color: #e85050;
	font-family: 'DMSans-Bold';
}

.wrap-checkbox {
	margin: 11px 0 25px;
}

.wrap-checkbox .input-error {
	margin-bottom: 11px;
	display: block;
}

.checkbox > span {
	cursor: pointer;
}

.checkbox-input {
	margin-right: 16px;
    -webkit-flex-shrink: 0;
    		flex-shrink: 0;
	width: 50px;
	height: 50px;
	border-radius: 10px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
			justify-content: center;
	-webkit-align-items: center;
			align-items: center;
	background-color: rgba(139, 138, 138, 0.5);
	-webkit-transition: 0.3s;
			transition: 0.3s;
}

.checkbox.checked .checkbox-input {
	background-color: #fff;
}

.checkbox.error .checkbox-input {
	background-color: rgba(232, 80, 80, 0.5);
}

.checkbox-input-icon {
	opacity: 0;
	width: 30px;
	height: 30px;
	fill: #fff;
}

.checkbox.checked .checkbox-input-icon {
	opacity: 1;
}

.checkbox-label {
	font-size: 15px;
	line-height: 20px;
	font-family: 'DMSans-Bold';
}

.checkbox-label-link {
	display: inline-block;
	color: #474b48;
	text-decoration: underline;
}

/*  modal
    ------------------------------------------------------- */
.modal-box {
	display: none;
    position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
	overflow: hidden;
	width: 100vw;
	height: 100vh;
    text-align: center;
	-webkit-animation-duration: 1s;
    		animation-duration: 1s;
  	-webkit-animation-fill-mode: both;
    		animation-fill-mode: both;
}

.modal-box::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 0;
	height: 100%;
}

.modal-box > section {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.modal {
    position: relative;
    width: 896px;
	max-width: 100vw;
	max-height: 100vh;
	padding: 51px 46px 57px;
	text-align: left;
	overflow-y: auto;
	background-image: url('../img/modal_bg.jpg');
	background-size: cover;
}

.modal-close {
	position: absolute;
	z-index: 2;
	top: 14px;
	right: 12px;
	fill: #fff;
}

.modal-close:hover {
	fill: #E4E2E3;
}

.modal-container {
	border-radius: 25px;
	padding: 64px 50px 42px 78px;
	color: #474b48;
	background-color: rgba(255, 255, 255, 0.9);
}

.modal-container2 {
	padding: 148px 20px;
}

.modal-title {
	margin-bottom: 8px;
	text-align: center;
	color: #1f5a29;
}

.modal-info {
	margin-bottom: 41px;
	text-align: center;
	line-height: 27px;
}

.modal-info2 {
	margin: 42px 0 36px;
	line-height: 27px;
}

.modal-btn {
	margin: 0 auto;
	opacity: 0.9;
}

.modal-thank {
	margin: 0 auto;
	max-width: 554px;
	color: #1f5a29;
	line-height: 25px;
	font-family: 'Prompt-Bold';
}

/*  ANIMATIONS MODAL FORM
    ------------------------------------------------------- */
@-webkit-keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
				transform: scale3d(0.3, 0.3, 0.3);
	}

	50% {
		opacity: 1;
	}
}

@keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
				transform: scale3d(0.3, 0.3, 0.3);
	}

	50% {
		opacity: 1;
	}
}

.zoomIn {
	-webkit-animation-name: zoomIn;
			animation-name: zoomIn;
	-webkit-animation-duration: 0.3s;
			animation-duration: 0.3s;
}

@-webkit-keyframes zoomOut {
	from {
		opacity: 1;
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
				transform: scale3d(0.3, 0.3, 0.3);
	}

	to {
		opacity: 0;
	}
}

@keyframes zoomOut {
	from {
		opacity: 1;
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
				transform: scale3d(0.3, 0.3, 0.3);
	}

	to {
		opacity: 0;
	}
}

.zoomOut {
	-webkit-animation-name: zoomOut;
			animation-name: zoomOut;
	-webkit-animation-duration: 0.3s;
			animation-duration: 0.3s;
}

/*  Modal window message
    ------------------------------------------------------- */
.popup-info {
	position: fixed;
	z-index: 90006;
	top: 20px;
	left: 20px;
	width: calc(100vw - 40px);
	max-width: 400px;
	padding: 20px 40px 20px 80px;
	border: 2px solid #1F5A29;
	background-color: #fff;
	border-radius: 3px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	font-size: 16px;
	visibility: visible;
	-webkit-animation-name: bounceInDown;
			animation-name: bounceInDown;
	-webkit-animation-duration: 1s;
			animation-duration: 1s;	
	-webkit-animation-timing-function: ease-in-out;	
			animation-timing-function: ease-in-out;
}

.popup-info p {
	line-height: 30px;
}

.popup-info > svg {
	position: absolute;
	left: 40px;
	width: 26px;
	height: 26px;   
}

.popup-error {
	color: #fff;
	background-color: #e74c3c;
	border-color: #e74c3c;
}

@-webkit-keyframes bounceInDown {
	from, 60%, 75%, 90%, 100% {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
				animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
				transform: translate3d(0, -3000px, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
				transform: translate3d(0, 25px, 0);
	}

	75% {
		-webkit-transform: translate3d(0, -10px, 0);
				transform: translate3d(0, -10px, 0);
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0);
				transform: translate3d(0, 5px, 0);
	}

	100% {
		-webkit-transform: none;
				transform: none;
	}
}

@keyframes bounceInDown {
	from, 60%, 75%, 90%, 100% {
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	
	0% {
		opacity: 0;
		transform: translate3d(0, -3000px, 0);
	}

	60% {
		opacity: 1;
		transform: translate3d(0, 25px, 0);
	}

	75% {
		transform: translate3d(0, -10px, 0);
	}

	90% {
		transform: translate3d(0, 5px, 0);
	}

	100% {
		transform: none;
	}
}


/*  mobile-menu
    ------------------------------------------------------- */
.mobile-menu {
	position: fixed;
    z-index: 9002;
    top: 44px;
    right: -100%;
	width: 100vw;
    max-width: 287px;
	overflow-y: auto;
    background-color: #f6f8f9;
	box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.6);
    -webkit-transition: 0.3s;
    		transition: 0.3s;
}

.mobile-menu.open {
	right: 0;
}

.mobile-menu-container {
	position: relative;
	padding: 148px 86px 62px;
}

.mobile-menu-logo {
	position: absolute;
	top: 28px;
	left: 77px;
}

.mobile-menu-logo-icon {
	width: 65px;
	height: 61px;
}

.mobile-menu-close {
	position: absolute;
	top: 50px;
	right: 24px;
}

.mobile-menu-nav {
	margin-bottom: 22px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
			flex-direction: column;
}

.mobile-menu-link {
	margin-bottom: 30px;
	color: rgba(71, 75, 72, 0.74);
	font-size: 14px;
	line-height: 20px;
	font-family: 'DMSans-Bold';
}

.mobile-menu-link:hover {
	color: #474b48;
}

.mobile-menu-link.active {
	color: #16401d;
}

.mobile-menu-link:last-child {
	margin-bottom: 0;
}

.mobile-menu-social-networks-item {
	margin-right: 9px;
	font-size: 0;
}

.mobile-menu-social-networks-item:last-child {
	margin: 0;
}

/*  Owl Carousel v2.3.4
    ------------------------------------------------------- */
.owl-carousel {
	margin: 0 auto;
	display: none;
	width: 100%;
	-webkit-tap-highlight-color: transparent;
	position: relative;
	z-index: 1;
}
  
.owl-carousel .owl-stage {
	height: 100%;
	display: -webkit-flex;
	display: flex;
	position: relative;
	-ms-touch-action: pan-Y;
	touch-action: manipulation;
	-moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-wrapper {
	margin: 0 auto;
}

.owl-carousel .owl-item {
	-webkit-flex-shrink: 0;
			flex-shrink: 0;
	position: relative;
	min-height: 1px;
	-webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
	display: none;
}

.owl-dot {
	margin-right: 7px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 1px solid #E4AF6F;
	opacity: 0.35;
	cursor: pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.owl-dot:last-child {
	margin: 0;
}

.owl-dot.active {
	background-color: #E4AF6F;
	opacity: 1;
}

.owl-carousel.owl-loaded {
	display: block;
}

.owl-carousel.owl-loading {
	opacity: 0;
	display: block;
}

.owl-carousel.owl-hidden {
	opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
	visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.owl-carousel.owl-grab {
	cursor: move;
	cursor: grab;
}

/*  Owl Carousel - Animate Plugin
    ------------------------------------------------------- */
.owl-carousel .animated {
	animation-duration: 1000ms;
	animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
	z-index: 0;
}

.owl-carousel .owl-animated-out {
	z-index: 1;
}

.owl-carousel .fadeOut {
	animation-name: fadeOut;
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}
	
	100% {
		opacity: 0;
	}
}

/*  Owl Carousel - Auto Height Plugin
    ------------------------------------------------------- */
.owl-height {
	transition: height 500ms ease-in-out;
}

/*  Owl Carousel - Lazy Load Plugin
    ------------------------------------------------------- */
.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	transition: opacity 400ms ease;
}

.owl-carousel .owl-item .owl-lazy[src^=""],
.owl-carousel .owl-item .owl-lazy:not([src]) {
	max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d;
}


/*!
 * OverlayScrollbars
 * https://github.com/KingSora/OverlayScrollbars
 *
 * Version: 1.12.0
 *
 * Copyright KingSora | Rene Haas.
 * https://github.com/KingSora
 *
 * Released under the MIT license.
 * Date: 05.04.2020
 */

/*
OVERLAY SCROLLBARS CORE:
*/

html.os-html,
html.os-html > .os-host {
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    height: 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    position: absolute !important; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}
html.os-html > .os-host > .os-padding {
    position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}
body.os-dragging,
body.os-dragging * {
    cursor: default;
}
.os-host,
.os-host-textarea {
    position: relative;
    overflow: visible !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
                -ms-grid-row-align: flex-start;
            align-items: flex-start;
}
.os-host-flexbox {
    overflow: hidden !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.os-host-flexbox > .os-size-auto-observer {
    height: inherit !important;
}
.os-host-flexbox > .os-content-glue {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.os-host-flexbox > .os-size-auto-observer,
.os-host-flexbox > .os-content-glue {
    min-height: 0;
    min-width: 0;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
}
#os-dummy-scrollbar-size {
    position: fixed;
    opacity: 0;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    visibility: hidden;
    overflow: scroll;
    height: 500px;
    width: 500px;
}
#os-dummy-scrollbar-size > div {
    width: 200%;
    height: 200%; 
    margin: 10px 0;
}
/* fix restricted measuring */
#os-dummy-scrollbar-size:before,
#os-dummy-scrollbar-size:after,
.os-content:before,
.os-content:after {
    content: '';
    display: table;
    width: 0.01px;
    height: 0.01px;
    line-height: 0;
    font-size: 0;
    flex-grow: 0;
    flex-shrink: 0;
    visibility: hidden;
}
#os-dummy-scrollbar-size,
.os-viewport {
    -ms-overflow-style: scrollbar !important;
}
.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,
.os-viewport-native-scrollbars-invisible.os-viewport {
    scrollbar-width: none !important;
}
.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {
    display: none !important;
    width: 0px !important;
    height: 0px !important;
    visibility: hidden !important;
    background: transparent !important;
}
.os-content-glue {
    box-sizing: inherit;
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none;
}
.os-padding {
    box-sizing: inherit;
    direction: inherit;
    position: absolute;
    overflow: visible;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
    z-index: 1;
}
.os-host-overflow > .os-padding {
    overflow: hidden;
}
.os-viewport {
    direction: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    outline: none !important;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch;
}
.os-content-arrange {
    position: absolute;
    z-index: -1;
    min-height: 1px;
    min-width: 1px;
    pointer-events: none;
}
.os-content {
    direction: inherit;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    height: 100%;
    width: 100%;
    visibility: visible;
}
.os-content > .os-textarea {
    box-sizing: border-box !important;
    direction: inherit !important;
    background: transparent !important;
    outline: 0px none transparent !important;
    overflow: hidden !important;
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    border-radius: 0px !important;
    float: none !important;
    -webkit-filter: none !important;
            filter: none !important;
    border: none !important;
    resize: none !important;
    -webkit-transform: none !important;
            transform: none !important;
    max-width: none !important;
    max-height: none !important;
    box-shadow: none !important;
    -webkit-perspective: none !important;
            perspective: none !important;
    opacity: 1 !important;
    z-index: 1 !important;
    clip: auto !important;
    vertical-align: baseline !important;
    padding: 0px;
}
.os-host-rtl > .os-padding > .os-viewport > .os-content > .os-textarea {
    right: 0 !important;
}
.os-content > .os-textarea-cover {
    z-index: -1;
    pointer-events: none;
}
.os-content > .os-textarea[wrap='off'] {
    white-space: pre !important;
    margin: 0px !important;
}
.os-text-inherit {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-variant: inherit;
    text-transform: inherit;
    text-decoration: inherit;
    text-indent: inherit;
    text-align: inherit;
    text-shadow: inherit;
    text-overflow: inherit;
    letter-spacing: inherit;
    word-spacing: inherit;
    line-height: inherit;
    unicode-bidi: inherit;
    direction: inherit;
    color: inherit;
    cursor: text;
}
.os-resize-observer,
.os-resize-observer-host {
    box-sizing: inherit;
    display: block;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
}
.os-resize-observer-host {
    padding: inherit;
    border: inherit;
    border-color: transparent;
    border-style: solid;
    box-sizing: border-box;
}
.os-resize-observer-host > .os-resize-observer {
    height: 200%;
    width: 200%;
    padding: inherit;
    border: inherit;
    margin: 0px;
    display: block;
    box-sizing: content-box;
}
.os-resize-observer-host.observed {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.os-resize-observer-host.observed > .os-resize-observer {
    position: relative;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: auto;
}
.os-size-auto-observer {
    box-sizing: inherit !important;
    height: 100%;
    width: inherit;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    -webkit-box-flex: inherit;
        -ms-flex-positive: inherit;
            flex-grow: inherit;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
}
.os-size-auto-observer > .os-resize-observer {
    width: 1000%;
    height: 1000%;
    min-height: 1px;
    min-width: 1px;
}
.os-resize-observer-item {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -1;
    opacity: 0;
    direction: ltr !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important;
}
.os-resize-observer-item-final {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: none !important;
    transition: none !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important;
}
.os-resize-observer {
    -webkit-animation-duration: 0.001s;
    animation-duration: 0.001s;
    -webkit-animation-name: os-resize-observer-dummy-animation;
    animation-name: os-resize-observer-dummy-animation;
}
object.os-resize-observer {
    box-sizing: border-box !important;
}
@-webkit-keyframes os-resize-observer-dummy-animation {
    from {
        z-index: 0;
    }
    to {
        z-index: -1;
    }
}
@keyframes os-resize-observer-dummy-animation {
    from {
        z-index: 0;
    }
    to {
        z-index: -1;
    }
}

/*
CUSTOM SCROLLBARS AND CORNER CORE:
*/

.os-host-transition > .os-scrollbar,
.os-host-transition > .os-scrollbar-corner {
    -webkit-transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
    transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}
html.os-html > .os-host > .os-scrollbar {
    position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
    z-index: 999999; /* highest z-index of the page */
}
.os-scrollbar,
.os-scrollbar-corner {
    position: absolute;
    opacity: 1;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    z-index: 1;
}
.os-scrollbar-corner {
    bottom: 0;
    right: 0;
}
.os-scrollbar {
    pointer-events: none;
}
.os-scrollbar-track {
    pointer-events: auto;
    position: relative;
    height: 100%;
    width: 100%;
    padding: 0 !important;
    border: none !important;
}
.os-scrollbar-handle {
    pointer-events: auto;
    position: absolute;
    width: 100%;
    height: 100%;
}
.os-scrollbar-handle-off,
.os-scrollbar-track-off {
    pointer-events: none;
}
.os-scrollbar.os-scrollbar-unusable,
.os-scrollbar.os-scrollbar-unusable * {
    pointer-events: none !important;
}
.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {
    opacity: 0 !important;
}
.os-scrollbar-horizontal {
    bottom: 0;
    left: 0;
}
.os-scrollbar-vertical {
    top: 0;
    right: 0;
}
.os-host-rtl > .os-scrollbar-horizontal {
    right: 0;
}
.os-host-rtl > .os-scrollbar-vertical {
    right: auto;
    left: 0;
}
.os-host-rtl > .os-scrollbar-corner {
    right: auto;
    left: 0;
}
.os-scrollbar-auto-hidden,
.os-padding + .os-scrollbar-corner,
.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner,
.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal,
.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner,
.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical + .os-scrollbar-corner,
.os-scrollbar-horizontal + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.os-scrollbar-corner-resize-both {
    cursor: nwse-resize;
}
.os-host-rtl > .os-scrollbar-corner-resize-both {
    cursor: nesw-resize;
}
.os-scrollbar-corner-resize-horizontal {
    cursor: ew-resize;
}
.os-scrollbar-corner-resize-vertical {
    cursor: ns-resize;
}
.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {
    cursor: default;
}
.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {
	right: 42px;
    top: 77px;
    bottom: 26px;
}
.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal,
.os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal {
    right: 0;
    left: 0;
}
.os-scrollbar:hover,
.os-scrollbar-corner.os-scrollbar-corner-resize {
    opacity: 1 !important;
    visibility: visible !important;
}
.os-scrollbar-corner.os-scrollbar-corner-resize {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    pointer-events: auto !important;
}
.os-host-rtl > .os-scrollbar-corner.os-scrollbar-corner-resize {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
}
.os-host-overflow {
    overflow: hidden !important;
}
.os-host-overflow-x {
} 
.os-host-overflow-y {
} 

/*
THEMES:
*/

/* NONE THEME: */
.os-theme-none > .os-scrollbar-horizontal,
.os-theme-none > .os-scrollbar-vertical,
.os-theme-none > .os-scrollbar-corner {
    display: none !important;
}
.os-theme-none > .os-scrollbar-corner-resize {
    display: block !important;
    min-width: 10px;
    min-height: 10px;
}
/* DARK & LIGHT THEME: */
.os-theme-dark > .os-scrollbar-horizontal,
.os-theme-light > .os-scrollbar-horizontal {
    right: 10px;
    height: 10px;
}
.os-theme-dark > .os-scrollbar-vertical,
.os-theme-light > .os-scrollbar-vertical {
    bottom: 10px;
    width: 11px;
}
.os-theme-dark.os-host-rtl > .os-scrollbar-horizontal,
.os-theme-light.os-host-rtl > .os-scrollbar-horizontal {
    left: 10px;
    right: 0;
}
.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
    height: 10px;
    width: 10px;
}
.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
    background-color: transparent;
}

.os-theme-dark > .os-scrollbar,
.os-theme-light > .os-scrollbar {
	box-sizing: border-box;
	border-radius: 10px;
	background-color: #e4e2e3;
}

.os-theme-dark > .os-scrollbar.os-scrollbar-unusable,
.os-theme-light > .os-scrollbar.os-scrollbar-unusable {
    background: transparent;
}
.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
    background: transparent;
}
.os-theme-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
    min-width: 30px;
}
.os-theme-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
    min-height: 30px;
}
.os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
    border-radius: 10px;
}
.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
    background: #707070;
}
.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
    background: rgba(255, 255, 255, 0.4);
}
.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
    background: rgba(0, 0, 0, .55);
}
.os-theme-light > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
    background: rgba(255, 255, 255, .55);
}
.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
    
}
.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
    
}
.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
}
.os-theme-dark.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before {
    display: none;
}
.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before {
    top: -6px;
    bottom: -2px;
}
.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
    left: -6px;
    right: -2px;
}
.os-host-rtl.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-host-rtl.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
    right: -6px;
    left: -2px;
}
.marginas{
margin-right:40px;
}