:root {
  /* öâåò  */
  --brown: #6C5D4D;
  --brownlight: #82705D;
  --green: #3b8d3d;
  --browndark: #2C1A00;
  
  
  --bluegrad: linear-gradient(0deg, rgba(48,55,62,1) 0%, rgba(48,55,62,0.6810925053615196) 72%, rgba(48,55,62,0.33655469023546913) 90%, rgba(255,255,255,0) 100%);


}

.decortext
{
	width: 90%; margin: 25px auto ;
	padding: 40px; position: relative; 
	text-align: center;
	font-size: 18px; line-height: 140%;
	background: var(--blue) url(../images/1.png) no-repeat 50% 50%;
	color: #fff;
	
}
.decortext a {
	color: #fff; text-decoration: underline;
}
.decortext:after {
	position: absolute; right: -10px; bottom: -10px; content: ''; z-index: -1;
	width: 100%; height: 100%;
	background: rgba(48,55,62,0.5);
	-webkit-transition: all 300ms ease-in-out 0s;-moz-transition: all 300ms ease-in-out 0s;-o-transition: all 300ms ease-in-out 0s;
}
.decortext:before {
	position: absolute; right: 0px; bottom: 0px; content: ''; z-index: -1;
	width: 100%; height: 100%;
	background: var(--orange);
	-webkit-transition: all 300ms ease-in-out 0s;-moz-transition: all 300ms ease-in-out 0s;-o-transition: all 300ms ease-in-out 0s;
}
.decortext a:hover {
	color: var(--orange);
}
.decortext a.btn_white {
	color: var(--blue);
}
.decortext a.btn_white:hover {
	color: #fff;
}
.decortext:hover:after {
	right: 0; bottom: 0;
}
.decortext:hover:before {
	right: -10px; bottom: -10px;
}


.rad2 {-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.rad4 {-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.rad5 {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.rad6 {-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
.rad8 {-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
.rad50 {-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}

.shadow1 {box-shadow: 0px 2px 4px #efefef; -webkit-box-shadow: 0px 2px 4px #efefef;  -moz-box-shadow: 0px 2px 4px #efefef;}
.shadow2 {box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc;  -moz-box-shadow: 0 0 5px #ccc;}

.transcss1 {-webkit-transition: all 100ms ease-in-out 0s;-moz-transition: all 100ms ease-in-out 0s;-o-transition: all 100ms ease-in-out 0s;}
.transcss3 {-webkit-transition: all 300ms ease-in-out 0s;-moz-transition: all 300ms ease-in-out 0s;-o-transition: all 300ms ease-in-out 0s;}


/* FONTS */
/* gentium-book-plus-regular - cyrillic_latin */
@font-face {
  font-display: swap;
  font-family: 'decor';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/gentium-book-plus-v1-cyrillic_latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/gentium-book-plus-v1-cyrillic_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/gentium-book-plus-v1-cyrillic_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/gentium-book-plus-v1-cyrillic_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/gentium-book-plus-v1-cyrillic_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/gentium-book-plus-v1-cyrillic_latin-regular.svg#GentiumBookPlus') format('svg'); /* Legacy iOS */
}





/* mainfonts  */
/* Webfont: Lato-Light */
@font-face {
    font-family: 'r_l';
    src: url('../fonts/lato/Lato-Light.eot'); /* IE9 Compat Modes */
    src: url('../fonts/lato/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/lato/Lato-Light.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/lato/Lato-Light.woff') format('woff'), /* Modern Browsers */
         url('../fonts/lato/Lato-Light.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility; 
    font-display: swap;
}
/* Webfont: Lato-Regular */
@font-face {
    font-family: 'r_r';
    src: url('../fonts/lato/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/lato/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/lato/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/lato/Lato-Regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/lato/Lato-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility; 
    font-display: swap;
}
/* Webfont: Lato-Semibold */
@font-face {
    font-family: 'r_b';
    src: url('../fonts/lato/Lato-Semibold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/lato/Lato-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/lato/Lato-Semibold.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/lato/Lato-Semibold.woff') format('woff'), /* Modern Browsers */
         url('../fonts/lato/Lato-Semibold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility; font-display: swap;
}


/* Webfont: Lato-Heavy */
@font-face {
    font-family: 'r_h';
    src: url('../fonts/lato/Lato-Heavy.eot'); /* IE9 Compat Modes */
    src: url('../fonts/lato/Lato-Heavy.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/lato/Lato-Heavy.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/lato/Lato-Heavy.woff') format('woff'), /* Modern Browsers */
         url('../fonts/lato/Lato-Heavy.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility; font-display: swap;
}







.btn {
	display: inline-block; position: relative; overflow: hidden; z-index: 99;
	padding: 20px 60px 20px 35px; 
	font-size: 18px;
	font-family: 'r_r'; cursor: pointer; 
	letter-spacing: 1px;
	text-decoration: none !important;
	text-transform: none;	
	border: 1px solid transparent;
	border-radius: 30px 5px 30px 5px;
	-webkit-appearance: none;
	-webkit-transition: all 300ms ease-in-out 0s;-moz-transition: all 300ms ease-in-out 0s;-o-transition: all 300ms ease-in-out 0s;
}
.btn i {
	position: absolute; top: 50%; right: 20px; transform: translate(-50%, -50%);
}
.btn:before {
  position: absolute;
  left: -100%;
  top: 0;
  bottom: 0;
  width: 30px;
  content: "";
  transition: .5s;
  opacity: 0;
  z-index: -1;
  -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px;
}

.btn.btn_min {
	padding: 10px 60px 10px 35px; 
	font-size: 16px;
}

.btn:hover {
	border-radius: 5px 30px 5px 30px;
}


.btn_brown { 
	background: var(--brown); color: #fff; 
}
.btn_brown:hover {
	color: #fff; background: var(--brownlight);
}

.btn_green { 
	background: var(--green); color: #fff; 
}
.btn_green:hover {
	color: #fff; background: var(--brownlight);
}

.btn_brownlight { 
	color: #fff; background: var(--brownlight);
}

.btn_brownlight:hover {
	background: #fff; color: var(--brown); 
	background: var(--green); color: #fff;
}

.btn_white { 
	color: var(--brown); background: #fff;
}
.btn_white:hover {
	background: #fff; color: var(--brownlight); 
}