/*   
Theme Name: Domikvderevne
*/

/* FONTS */

@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700&display=swap');

/* RESET */

*,
*::before,
*::after {
  box-sizing: border-box;
}
 
/* Remove default padding */
ul[class],
ol[class] {
  padding: 0;
}
 
/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}
 
/* Set core body defaults */
body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.4;
  font-family: 'Jost', Arial, Verdana, Tahoma;
  font-size: 18px;
  color: #533712;
  background: #FCF4EA;
}
 
/* Remove list styles on ul, ol elements with a class attribute */
ul[class],
ol[class] {
  list-style: none;
}
 
/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}
 
/* Make images easier to work with */
img {
  max-width: 100%;
  display: block;
}
 
/* Natural flow and rhythm in articles by default */
article > * + * {
  margin-top: 1em;
}
 
/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}
 
/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

input, textarea {
  outline:none!important;
  -moz-box-shadow: none!important;
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
} 

a {
  color: #533712;
  text-decoration: underline;
}

a:hover, a:focus, a:active {
  color: #533712;
  text-decoration: none;
}

button:active, button:focus {
  outline: none!important;
}

button::-moz-focus-inner {
  border: 0 !important;
} 

input, textarea, select, button {
  outline: none!important;
}

:active, :hover, :focus {
  outline: 0!important;
  outline-offset: 0!important;
}

/* TEST */

#test {
  position: fixed;
  float: right;
  right: 0;
  background: #D0D0D0;
  z-index: 777777;
  opacity: 0.6;
  font-size: 12px;
  padding: 0!important;
  margin: 0!important;
  
  display: none!important;  /* !!! */
}

/* CLEAR */

.clear {
  display: block;
  clear: both;
  height: 0px;
}

.clear5 {
  display: block;
  clear: both;
  height: 5px;
}

.clear10 {
  display: block;
  clear: both;
  height: 10px;
}

.clear15 {
  display: block;
  clear: both;
  height: 15px;
}

.clear20 {
  display: block;
  clear: both;
  height: 20px;
}

.clear25 {
  display: block;
  clear: both;
  height: 25px;
}

.clear30 {
  display: block;
  clear: both;
  height: 30px;
}  

span.nomobile {

}  

/* < SM */
@media screen and (min-width: 0px) and (max-width: 767.98px) { 
  span.nomobile {
    display: none;
  } 
}

/* BUTTONS */

.my_btn {
  width: 100%;
}

/* btn-primary */

a.btn-primary {
  color: #FFFFFF;
  text-decoration: none; 
  font-family: 'Jost', Arial, Verdana, Tahoma;
  font-size: 20px;
  font-weight: 500;
  text-transform: none;
  padding: 0px 15px;
  height: 50px;
  line-height: 50px;
  vertical-align: middle;
  border: 1px solid #70A324;  
}

.btn-primary {
  color: #FFFFFF;
  background: #70A324;
  border-color: #70A324;
  text-transform: none;
  font-family: 'Jost', Arial, Verdana, Tahoma;
  font-size: 20px;
  font-weight: 500;
  padding: 0px 15px;
  height: 50px;
  line-height: 50px;
  vertical-align: middle;  
  border: 1px solid #70A324;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  color: #FFFFFF;
  background: #85bb36;
  border-color: #85bb36;
}

.btn-primary:focus, .btn-primary.active {
  box-shadow: none!important;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #FFFFFF;
  background-color: #80a236;
  border-color: #80a236;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: none!important;
}

.btn-primary:disabled {
  background: #80a236!important;;
  border: 1px solid #80a236!important;
  border-color: #255e8f!important;  
  opacity: 1!important;
}

/* btn-secondary */

a.btn-secondary {
  color: #FFFFFF;
  text-decoration: none; 
  font-family: 'Jost', Arial, Verdana, Tahoma;
  font-size: 20px;
  font-weight: 500;
  text-transform: none;
  padding: 0px 15px;
  height: 50px;
  line-height: 50px;
  vertical-align: middle;
  border: 1px solid #533712;  
}

.btn-secondary {
  color: #FFFFFF;
  background: #533712;
  border-color: #533712;
  text-transform: none;
  font-family: 'Jost', Arial, Verdana, Tahoma;
  font-size: 20px;
  font-weight: 500;
  padding: 0px 15px;
  height: 50px;
  line-height: 50px;
  vertical-align: middle;  
  border: 1px solid #533712;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
  color: #FFFFFF;
  background: #734e1d;
  border-color: #734e1d;
}

.btn-secondary:focus, .btn-secondary.active {
  box-shadow: none!important;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #FFFFFF;
  background-color: #533712;
  border-color: #533712;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: none!important;
}

.btn-secondary:disabled {
  background: #533712!important;;
  border: 1px solid #533712!important;
  border-color: #533712!important;  
  opacity: 1!important;
}

/* MAIN SCREEN */

.main_screen {
  display: block;
  position: relative;
  z-index: 10;
  width: 100%;
  height: calc( 100vh - 180px );
  background-image: url("images/main_screen_new_2.jpg");
  background-repeat: no-repeat;
  background-position: center center; 
  background-size: cover;    
}

/* < MD */
@media screen and (min-width: 0px) and (max-width: 991.98px) { 
  .main_screen {
    height: calc( 100vh - 80px );
  } 
}

.main_screen_forma {
  display: block;
  position: relative;
  top: 30%;
  margin: 0px auto;
  background: rgba(0,0,0,0.4);
  width: 45%;
  padding: 30px 30px 30px 30px;
}

/* XL */
@media screen and (min-width: 1199.98px) and (max-width: 1399.98px) { 
  .main_screen_forma {
    width: 60%;
  }
}

/* LG */
@media screen and (min-width: 991.98px) and (max-width: 1199.98px) { 
  .main_screen_forma {
    width: 80%;
  }
}

/* < MD */
@media screen and (min-width: 0px) and (max-width: 991.98px) { 
  .main_screen_forma {
    width: 100%;
  } 
}

/* XS */
@media screen and (min-width: 0px) and (max-width: 575.98px) { 
  .main_screen_forma { 
    width: 100%;
  } 
}

.main_screen_forma_title {
  color: #FFE3B8;
  font-size: 28px;  
  font-family: 'Jost', Arial, Verdana, Tahoma;
  font-weight: 600;
  text-align: center;
  line-height: 1.4em;
  margin-bottom: 10px;
}

/* < SM */
@media screen and (min-width: 0px) and (max-width: 767.98px) { 
  .main_screen_forma_title {
    font-size: 24px;
    line-height: 1.1em;
  } 
}
  
.main_screen_forma_text {
  color: #FFFFFF;
  font-size: 18px;  
  font-family: 'Jost', Arial, Verdana, Tahoma; 
  font-weight: 500;
  text-align: center;
  line-height: 1.4em;
}

/* XS */
@media screen and (min-width: 0px) and (max-width: 575.98px) { 
  .main_screen_forma_text { 
    font-size: 18px; 
    line-height: 1.3em;
  } 
}
  
/* HEADER */

.header_wrapper {
  display: block;
  position: relative;
  z-index: 50;
  width: 100%;
  height: auto;
  padding: 30px 0px;
  background: #fcf4ea;
}

/* < MD */
@media screen and (min-width: 0px) and (max-width: 991.98px) { 
  .header_wrapper {
    display: none;
  } 
}

.header_logo {
  display: block;
  position: relatvie;
}

.header_logo img {
  display: block;
  position: relatvie;
  height: 120px;
  width: auto;
}
  
/* MENU */

#main_menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: auto;
  display: inline-block; 
  float: right; 
  margin-top: 40px;
}

#main_menu ul li {
  float: left;
  position: relative;
  width: auto;
  height: 40px;  
  -moz-transition: all 0.3s 0.01s ease;
  -o-transition: all 0.3s 0.01s ease;
  -webkit-transition: all 0.3s 0.01s ease;     
}

#main_menu ul li:hover {

}

#main_menu ul li a {
  text-decoration: none;
  text-transform: none;   
  color: #533712;
  font-size: 20px;  
  font-family: 'Jost', Arial, Verdana, Tahoma; 
  font-weight: 500;
  text-transform: uppercase;  
  text-align: center;
  padding: 0px;
  margin: 0px 15px; 
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  display: block; 
  -moz-transition: all 0.3s 0.01s ease;
  -o-transition: all 0.3s 0.01s ease;
  -webkit-transition: all 0.3s 0.01s ease;  
  border-bottom: 3px solid #fcf4ea;
}  


#main_menu ul li a:hover {
 color: #70A324;
 border-bottom: 3px solid #70A324;
}   

#main_menu ul li:last-child a {
  color: #70A324;
  border-bottom: 0px solid #FFFFFF;
}

#main_menu ul li:last-child a:hover {
  color: #70A324;
  border-bottom: 0px solid #FFFFFF;
}


/* ABOUT */

.about_wrapper {
  display: block;
  width: 100%;
  height: auto;
  padding-top: 60px;
  padding-bottom: 60px;
  background: #fcf4ea;
}

.mini_map {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  padding: 10px 30px 10px 30px;
}

/* < SM */
@media screen and (min-width: 0px) and (max-width: 767.98px) { 
  .mini_map {
    padding: 0px;
  } 
}

.mini_map img {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.mini_map_button {
  display: block;
  position: relative;
  margin-top: 30px;
  text-align: center;
}
  
/* GALLERY */
  
.gallery_wrapper {
  display: block;
  position: relative;
  z-index: 10;
  width: 100%;
  height: auto;
  background-repeat: no-repeat;
  background-position: center center; 
  background-size: cover;  
  padding-top: 0px;
  padding-bottom: 60px;  
}
  
.su-image-carousel-slides-style-default .su-image-carousel-item-content img {

}

.su-image-carousel-item-content img {
  border: 10px solid #FFFFFF!important; 
  border-radius: 0px!important;
  -moz-transition: all 0.3s 0.01s ease;
  -o-transition: all 0.3s 0.01s ease;
  -webkit-transition: all 0.3s 0.01s ease;   
  
  -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
  box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);    
}
   
.su-image-carousel-item-content img:hover {
  border: 10px solid #FFFFFF!important; 
  -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.3);
  box-shadow: 0 0 15px 0 rgba(0,0,0,0.3);    
} 

.su-image-carousel button.flickity-prev-next-button.previous {
  left: -20px!important;
}

/* < SM */
@media screen and (min-width: 0px) and (max-width: 767.98px) { 
  .su-image-carousel button.flickity-prev-next-button.previous {
    left: 10px!important;
  } 
}

.su-image-carousel button.flickity-prev-next-button.next {
  right: -20px!important;
}
  
/* < SM */
@media screen and (min-width: 0px) and (max-width: 767.98px) { 
  .su-image-carousel button.flickity-prev-next-button.next {
    right: 10px!important;
  }
}  
  
/* FORMA */

.forma_wrapper {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 60px;
  padding-bottom: 60px;
  background-image: url("images/forma_bg.jpg");
  background-repeat: repeat;
  background-position: center center;
  background-size: cover;  
  background-attachment: fixed;      
  text-align: center;
}

.forma_box {
  display: inline-block;
  width: 70%;
  text-align: center;
}

/* < MD */
@media screen and (min-width: 0px) and (max-width: 991.98px) { 
  .forma_box {
    width: 100%;
  } 
}

.forma_box_title {
  text-align: center;
  color: #299cb1;
  line-height: 1.1em;
  font-family: 'Jost', Arial, Verdana, Tahoma;
  font-size: 52px;
  font-weight: 500;
  text-transform: none;
  padding: 0;
  margin-top: 15px;
  margin-bottom: 15px;
	text-shadow: 
		-0   -3px 1px #FFFFFF,
		 0   -3px 1px #FFFFFF,
		-0    3px 1px #FFFFFF,
		 0    3px 1px #FFFFFF,
		-3px -0   1px #FFFFFF,
		 3px -0   1px #FFFFFF,
		-3px  0   1px #FFFFFF,
		 3px  0   1px #FFFFFF,
		-1px -3px 1px #FFFFFF,
		 1px -3px 1px #FFFFFF,
		-1px  3px 1px #FFFFFF,
		 1px  3px 1px #FFFFFF,
		-3px -1px 1px #FFFFFF,
		 3px -1px 1px #FFFFFF,
		-3px  1px 1px #FFFFFF,
		 3px  1px 1px #FFFFFF,
		-2px -3px 1px #FFFFFF,
		 2px -3px 1px #FFFFFF,
		-2px  3px 1px #FFFFFF,
		 2px  3px 1px #FFFFFF,
		-3px -2px 1px #FFFFFF,
		 3px -2px 1px #FFFFFF,
		-3px  2px 1px #FFFFFF,
		 3px  2px 1px #FFFFFF,
		-3px -3px 1px #FFFFFF,
		 3px -3px 1px #FFFFFF,
		-3px  3px 1px #FFFFFF,
		 3px  3px 1px #FFFFFF,
		-3px -3px 1px #FFFFFF,
		 3px -3px 1px #FFFFFF,
		-3px  3px 1px #FFFFFF,
		 3px  3px 1px #FFFFFF;    
}

/* < SM */
@media screen and (min-width: 0px) and (max-width: 767.98px) { 
  .forma_box_title {
    font-size: 46px;
  } 
}

/* XS */
@media screen and (min-width: 0px) and (max-width: 575.98px) { 
  .forma_box_title {
    font-size: 32px;
  } 
}

.forma_box_text {
  text-align: left;
  color: #FFFFFF;
  line-height: 1.6em;
  font-family: 'Jost', Arial, Verdana, Tahoma;
  font-size: 24px;
  font-weight: 400;
  text-transform: none;
  padding: 0;
  margin-top: 15px;
	text-shadow: 
		-0   -2px 1px #80A236,
		 0   -2px 1px #80A236,
		-0    2px 1px #80A236,
		 0    2px 1px #80A236,
		-2px -0   1px #80A236,
		 2px -0   1px #80A236,
		-2px  0   1px #80A236,
		 2px  0   1px #80A236,
		-1px -2px 1px #80A236,
		 1px -2px 1px #80A236,
		-1px  2px 1px #80A236,
		 1px  2px 1px #80A236,
		-2px -1px 1px #80A236,
		 2px -1px 1px #80A236,
		-2px  1px 1px #80A236,
		 2px  1px 1px #80A236,
		-2px -2px 1px #80A236,
		 2px -2px 1px #80A236,
		-2px  2px 1px #80A236,
		 2px  2px 1px #80A236,
		-2px -2px 1px #80A236,
		 2px -2px 1px #80A236,
		-2px  2px 1px #80A236,
		 2px  2px 1px #80A236;  
}

/* < SM */
@media screen and (min-width: 0px) and (max-width: 767.98px) { 
  .forma_box_text {
    font-size: 22px;
  } 
}

/* XS */
@media screen and (min-width: 0px) and (max-width: 575.98px) { 
  .forma_box_text {
    font-size: 20px;
  }  
}

/* PROJECTS */

.projects_wrapper {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 60px;
  padding-bottom: 60px;  
  background: #FCF4EA;
}

.project_box {
  display: block;
  width: 100%;
  background: #FFFFFF;
  -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
  box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);  
  margin-bottom: 30px;
  -moz-transition: all 0.3s 0.01s ease;
  -o-transition: all 0.3s 0.01s ease;
  -webkit-transition: all 0.3s 0.01s ease;   
}

.project_box a {
  text-decoration: none!iomportant;
}

.project_box:hover {
  -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.3);
  box-shadow: 0 0 15px 0 rgba(0,0,0,0.3);  
}
  
.project_img {
  display: block;
  width: 100%;
  padding: 10px;
}

.project_img img {
  width: 100%;
  height: auto;
}

.project_title {
  color: #543913;
  font-family: 'Jost', Arial, Verdana, Tahoma;
  font-size: 20px;
  font-weight: 400;
  display: block;
  width: 100%;
  text-align: center;
}

.project_ploshad {
  color: #543913;
  font-family: 'Jost', Arial, Verdana, Tahoma;
  font-size: 16px;
  font-weight: 400;
  display: block;
  width: 100%;
  text-align: center;
}

/* ALL BUTTON */

.all_button {
  width: 100%;
  text-align: center;
}

/* NEWS */

.news_wrapper {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 60px;
  padding-bottom: 60px;  
  background: #ddb87f;
}

.news_box {
  display: block;
  width: 100%;
  position: relative;
  margin-bottom: 30px;
}

.news_title {
  color: #543913;
  line-height: 1.2em;
  font-family: 'Jost', Arial, Verdana, Tahoma;
  font-size: 24px;
  font-weight: 500;
  text-transform: none;
  padding: 0;
  margin-bottom: 15px;
}

.news_content {
  color: #543913;
}

/* PAGE */

.page_wrapper {
  display: block;
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #FCF4EA;
}

/* EDIT */

.edit_link {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 20px;  
}

.edit_link a {
  color: #6493BD;
}

.edit_link a:hover {
  color: #222222;
}

/* CONTENT */

.content {
  padding-top: 0px;
  padding-bottom: 0px;
}    

.content h1 {
  color: #533712;
  line-height: 1.2em;
  font-family: 'Jost', Arial, Verdana, Tahoma;
  font-size: 33px;
  font-weight: 500;
  text-transform: none;
  padding: 0;
  margin-top: 15px;
  margin-bottom: 15px;
} 

/* XS */
@media screen and (min-width: 0px) and (max-width: 575.98px) { 
  .content h1 {
    font-size: 28px;
  } 
}

.content h2 {
  color: #533712;
  line-height: 1.2em;
  font-family: 'Jost', Arial, Verdana, Tahoma;
  font-size: 33px;
  font-weight: 500;
  text-transform: none;
  padding: 0;
  margin-top: 15px;
  margin-bottom: 15px;
} 

/* XS */
@media screen and (min-width: 0px) and (max-width: 575.98px) { 
  .content h2 {
    font-size: 28px;
  } 
}

.content h2.main {
  color: #70A324;
  line-height: 1.2em;
  font-family: 'Jost', Arial, Verdana, Tahoma;
  font-size: 33px;
  font-weight: 500;
  text-transform: none;
  padding: 0;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 30px;
}

/* < SM */
@media screen and (min-width: 0px) and (max-width: 767.98px) { 
  .content h2.main {
    margin-left: 0px;
  } 
}

/* XS */
@media screen and (min-width: 0px) and (max-width: 575.98px) { 
  .content h2.main {
    font-size: 28px;
  } 
}

.content h3 {
  color: #533712;
  line-height: 1.2em;
  font-family: 'Jost', Arial, Verdana, Tahoma;
  font-size: 33px;
  font-weight: 500;
  text-transform: none;
  padding: 0;
  margin-top: 15px;
  margin-bottom: 15px;
} 

/* XS */
@media screen and (min-width: 0px) and (max-width: 575.98px) { 
  .content h3 {
    font-size: 28px;
  } 
}

.content h3.main {
  color: #533712;
  line-height: 1.2em;
  font-family: 'Jost', Arial, Verdana, Tahoma;
  font-size: 33px;
  font-weight: 500;
  text-transform: none;
  padding: 0;
  margin-top: 15px;
  margin-bottom: 15px;
}

/* XS */
@media screen and (min-width: 0px) and (max-width: 575.98px) { 
  .content h3.main {
    font-size: 28px;
  } 
}

.content h3.main.green {
  color: #70A324;
  line-height: 1.2em;
  font-family: 'Jost', Arial, Verdana, Tahoma;
  font-size: 33px;
  font-weight: 500;
  text-transform: none;
  padding: 0;
  margin-top: 15px;
  margin-bottom: 15px;
}

/* XS */
@media screen and (min-width: 0px) and (max-width: 575.98px) { 
  .content h3.main.green {
    font-size: 28px;
  } 
}

.content p {
  font-family: 'Jost', Arial, Verdana, Tahoma;  
  font-weight: 400;
  font-size: 22px;
  text-align: justify;
  line-height: 1.4em;
  padding: 0;
  margin: 0 0 10px 0;
}

/* < MD */
@media screen and (min-width: 0px) and (max-width: 991.98px) { 
  .content p {
    font-size: 18px;
    text-align: left!important;    
  } 
}

.content blockquote {
  padding: 15px 15px 8px 30px;
  margin: 15px 0px 15px 0px;
  font-family: 'Jost', Arial, Verdana, Tahoma;  
  font-weight: 400;
  font-size: 18px;
  text-align: justify;
  line-height: 1.4em;
  border-left: 3px solid #70A324;
  background: rgba(0,0,0,0.025);
}

/* < MD */
@media screen and (min-width: 0px) and (max-width: 991.98px) { 
  .content blockquote {
    font-size: 18px;
    text-align: left!important;    
  }   
}

.content ul { 
  list-style-type: disc;
  list-style-position: inside;
  margin: 0;
  padding: 10px 0px;  
}

.content ul li { 
  padding: 0;
  margin: 0 0 10px 30px;
  font-size: 22px; 
}

/* < MD */
@media screen and (min-width: 0px) and (max-width: 991.98px) { 
  .content ul li { 
    font-size: 18px; 
    text-align: left!important;
    margin: 0 0 10px 0px;
  }  
}

.content ol {
  list-style-type: decimal; 
  list-style-position: inside;
  margin: 0;
  padding: 10px 0px; 
}

.content ol li {
  padding: 0;
  margin: 0 0 10px 30px;
  font-size: 22px;
}   

/* < MD */
@media screen and (min-width: 0px) and (max-width: 991.98px) { 
  .content ol li { 
    text-align: left!important;
    margin: 0 0 10px 0px;
    font-size: 18px; 
  } 
}

#back_button a {
  text-decoration: none;
  float: left;
  margin: 5px 0px 0px 0px;
  color: #533712;
  font-family: 'Jost', Arial, Verdana, Tahoma;
  font-size: 20px;
  font-weight: 400;  
}

#back_button a:hover {
  text-decoration: none;
  clear: both;
  color: #533712;
}   

#back_button i {
  display: inline-block;
  position: relative;
  top: 1px;
}

/* TABLE */

.content table {
  border-collapse: collapse;
  border: 1px solid #CECECE;
  margin-bottom: 20px;
  margin-top: 20px; 
}             

.content table tr {
	text-align: left;
	padding-left:20px; 
}   
          
.content table tr td:first-child {
	border-left: 0;
}     

.content table tr td {
	padding: 15px; 
	background: #EFEFEF;
  border: 1px solid #CECECE;
}

.content table tr:nth-child(even) td {
	background: #F5F5F5;
}

.content table tr:hover td {
  background: #FFFFFF!important;  
}

/* FOOTER */  

.footer_wrapper {
  width: 100%;
  display: block;
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #FCF4EA;  
}

.footer_menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: auto;
  display: inline-block; 
  float: left; 
}

.footer_menu ul li {
  margin-right: 30px;
  float: left;
  position: relative;
  width: auto;
  height: 40px;  
  -moz-transition: all 0.3s 0.01s ease;
  -o-transition: all 0.3s 0.01s ease;
  -webkit-transition: all 0.3s 0.01s ease;   
}

.footer_menu ul li a:link, .footer_menu ul li a:visited {
  color: #533712;
  font-family: 'Jost', Arial, Verdana, Tahoma;
  font-size: 22px;
  font-weight: 400;
  text-decoration: none;
  border: 0;
  text-align: left; 
}

.footer_menu ul li a:hover, .footer_menu ul li a:focus, .footer_menu ul li a:active {
  color: #533712;
  text-decoration: underline;
} 

.footer_cont_line {
  color: #533712;
  font-family: 'Jost', Arial, Verdana, Tahoma;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 8px;
}

.footer_cont_line a:link, .footer_cont_line a:visited {
  color: #533712;
  text-decoration: none;
}

.footer_cont_line a:hover, .footer_cont_line a:focus, .footer_cont_line a:active {
  color: #533712;
  text-decoration: none;
}

.footer_cont_line i {
  font-size: 18px;
  color: #533712;
  width: 18px;
  text-align: center;
  margin-right: 3px;
}

.footer_logo {
  display: block;
  width: 100%;
}

/* < SM */
@media screen and (min-width: 0px) and (max-width: 767.98px) { 
  .footer_logo {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
  } 
}

.footer_logo img {
  display: block;
  text-align: left;
  max-width: 200px;
  height: auto;
}

/* < SM */
@media screen and (min-width: 0px) and (max-width: 767.98px) { 
  .footer_logo img {
    display: inline-block;
    width: 100%;
    text-align: center;
    max-width: 200px;
    height: auto;
  } 
}





/* UPBUTTON */

#upbutton {
  background: url("images/up.svg") no-repeat top left;
  background-size: contain!important;
  height: 30px;
  width: 30px;
  bottom: 25px;
  right: 25px;
  cursor: pointer;
  display: none;
  position: fixed;
  z-index: 999;
}

#upbutton:hover {
  opacity: 0.9!important;
}   

/* BREADCRUMBS */

.breadcrumb_wrapper {
  display: block;
  position: relative;
  z-index: 30px;
  width: 100%;
  background-color: #FFFFFF; 
  height: 40px; 
}

.breadcrumb_block {
  font-family: 'Jost', Arial, Verdana, Tahoma;
  font-weight: 400;
  font-size: 16px;  
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  color: #255E8F;
  width: 100%;
  overflow: hidden;
}

.breadcrumb_block a:link, .breadcrumb_block a:visited {
  color: #255E8F;
}

.breadcrumb_block a:hover, .breadcrumb_block a:focus, .breadcrumb_block a:active {
  color: #255E8F;
}

/* IMAGES */

img.size-full {
  width: 100%;
  height: auto; 
  margin: 10px 0px;
}    

img.alignleft {
  float: left;
  width: 31.3%!important;
  height: auto;   
  margin: 5px 20px 5px 0px;
  border: 1px solid #255E8F!important;
}

@media screen and (max-width: 767px) { 
  img.alignleft {
    clear: both;
    width: 100%!important;
    height: auto;
    margin: 10px 0px 30px 0px;
  }
} 

img.alignright {
  float: right;
  width: 31.3%!important;
  height: auto;   
  margin: 5px 20px 5px 0px;
  border: 1px solid #255E8F!important;
}

@media screen and (max-width: 767px) { 
  img.alignright {
    clear: both;
    width: 100%!important;
    height: auto;
    margin: 10px 0px 30px 0px;
  }
} 

/* GALLERY */

.gallery {
  margin-left: -10px!important;
  margin-right: -10px!important;
  margin-bottom: 15px!important;
}

.gallery-item {
  margin-top: 15px;
  margin-bottom: 15px;
}

.gallery-item img {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  -moz-transition: all 0.3s 0.01s ease;
  -o-transition: all 0.3s 0.01s ease;
  -webkit-transition: all 0.3s 0.01s ease;   
  
  -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
  box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);   
  
  border: 10px solid #FFFFFF!important; 
}

.gallery-item:hover img {
  border: 10px solid #FFFFFF!important; 
  -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.3);
  box-shadow: 0 0 15px 0 rgba(0,0,0,0.3);    
}

.gallery-columns-3 .gallery-item {
  float: left;
  text-align: center;
  width: 33.333%!important;
  padding: 0px 10px;
}

/* SM */
@media screen and (min-width: 576px) and (max-width: 767px) { 
  .gallery-columns-3 .gallery-item {
    width: 33.333%!important;
  }  
}

/* XS */
@media screen and (min-width: 0px) and (max-width: 576px) { 
  .gallery-columns-3 .gallery-item {
    width: 33%!important;
  }   
}

.gallery-columns-4 .gallery-item {
  float: left;
  text-align: center;
  width: 25%!important;
  padding: 0px 10px;
}

/* SM */
@media screen and (min-width: 576px) and (max-width: 767px) { 
  .gallery-columns-4 .gallery-item {
    width: 50%!important;
  }  
}

/* XS */
@media screen and (min-width: 0px) and (max-width: 576px) { 
  .gallery-columns-4 .gallery-item {
    width: 100%!important;
  }   
}

.gallery-columns-5 .gallery-item {
  float: left;
  text-align: center;
  width: 20%!important;
  padding: 0px 10px;
}

/* SM */
@media screen and (min-width: 576px) and (max-width: 767px) { 
  .gallery-columns-5 .gallery-item {
    width: 20%!important;
  }  
}

/* XS */
@media screen and (min-width: 0px) and (max-width: 576px) { 
  .gallery-columns-5 .gallery-item {
    width: 100%!important;
  }   
}  

.gallery-columns-6 .gallery-item {
  float: left;
  text-align: center;
  width: 16.666%!important;
  padding: 0px 10px;
}

/* SM */
@media screen and (min-width: 576px) and (max-width: 767px) { 
  .gallery-columns-6 .gallery-item {
    width: 33.333%!important;
  }  
}

/* XS */
@media screen and (min-width: 0px) and (max-width: 576px) { 
  .gallery-columns-6 .gallery-item {
    width: 33%!important;
  }   
}  

.gallery-caption {
  display: none!important;
}

/* TOP MENU */

.top_menu_line {
  background: #FCF4EA;
  padding: 0!important;
  margin: 0!important;
}

/* > MD */
@media (min-width: 991.98px) { 
  .top_menu_line {
    display: none; 
  }
}

.navbar-brand {
  padding: 0!important;
}

.navbar-brand img {
  height: 50px!important;
  width: auto!important;
  margin: 10px 15px;
}  

/* XS */
@media screen and (min-width: 0px) and (max-width: 575.98px) { 
  .navbar-brand img {
    margin: 10px 10px;
  }
}

.navbar-phone {
  display: block;
  vertical-align: middle;
  height: 50px!important;
  line-height: 50px;
  margin: 10px 15px;
}

/* < XXS */
@media screen and (min-width: 0px) and (max-width: 392px) { 
  .navbar-phone {
    display: none;
  }
}

.navbar-phone a {
  color: #533712!important;
  font-family: 'Jost', Arial, Verdana, Tahoma;
  font-size: 24px;
  font-weight: 500;
  text-decoration: none!important;
}

/* XS */
@media screen and (min-width: 0px) and (max-width: 575.98px) { 
  .navbar-phone a {
    font-size: 18px;
  }
}

.navbar-phone i {
   color: #533712!important;
   font-size: 24px;
   position: relative;
   top: 2px;
   margin-right: 6px;
}

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
  outline: none!important;
  box-shadow: none!important;
}

.mm_cont_line {
  color: #533712;
  font-family: 'Jost', Arial, Verdana, Tahoma;
  font-size: 18px;
  font-weight: 400;
  margin-top: 5px;
  padding-left: 15px;
  padding-right: 15px;  
}

.mm_cont_line {
  color: #533712;
}

.mm_cont_line a:link, .mm_cont_line a:visited {
  color: #533712;
  text-decoration: none;
}

.mm_cont_line a:hover, .mm_cont_line a:focus, .mm_cont_line a:active {
  color: #533712;
  text-decoration: none;
}

.mm_cont_line i {
  color: #533712;
  margin-right: 5px;
  width: 16px;
  text-align: center;
}

/* ANIMATED ICON */

.animated-icon {
  width: 30px;
  height: 20px;
  position: relative;
  margin: 0px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

.animated-icon span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.animated-icon span {
background: #533712;
}

.animated-icon span:nth-child(1) {
  top: 0px;
}

.animated-icon span:nth-child(2), .animated-icon span:nth-child(3) {
  top: 10px;
}

.animated-icon span:nth-child(4) {
  top: 20px;
}

.animated-icon.open span:nth-child(1) {
  top: 11px;
  width: 0%;
  left: 50%;
}

.animated-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.animated-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.animated-icon.open span:nth-child(4) {
  top: 11px;
  width: 0%;
  left: 50%;
}   

/* MOBILE MENU */

#menu_collapse {
  background: #FCF4EA;
  max-height: 100vh;
  overflow-y: scroll;
}

#mobile_menu {
  display: block;
  margin-top: 0px;
  margin-bottom: 0px;
}

#mobile_menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;  
}

#mobile_menu ul li {
  width: 100%; 
  -moz-transition: all 0.3s 0.01s ease;
  -o-transition: all 0.3s 0.01s ease;
  -webkit-transition: all 0.3s 0.01s ease;     
}

#mobile_menu ul li:hover {

}

#mobile_menu ul li a {
  text-decoration: none; 
  color: #533712;
  font-family: 'Jost', Arial, Verdana, Tahoma;
  font-size: 20px;
  font-weight: 600;
  text-transform: none;  
  text-align: left;
  padding: 0px 15px; 
  height: 60px;
  line-height: 60px;
  vertical-align: middle;
  display: block; 
  -moz-transition: all 0.3s 0.01s ease;
  -o-transition: all 0.3s 0.01s ease;
  -webkit-transition: all 0.3s 0.01s ease; 
  border-bottom: 1px dotted #533712; 
}   

#mobile_menu ul li:first-child {
  border-top: 1px dotted #533712; 
} 

#mobile_menu ul li a:hover {
 color: #533712;
 background-color: rgba(0,0,0,0.025);
}       

#mobile_menu ul li.menu-item-has-children a:after {
  font-family: "bootstrap-icons";
  content: "\F285";
  padding-left: 4px; 
  font-size: 8px;
}

#mobile_menu ul li.menu-item-has-children > ul li a:after {
  content: none!important; 
}

#mobile_menu ul li > ul {
  list-style: none;
  display: none;    
}

.mobile_sub_show {
  display: block!important;
}

#mobile_menu ul li > ul li {
  width: 100%; 
  -moz-transition: all 0.3s 0.01s ease;
  -o-transition: all 0.3s 0.01s ease;
  -webkit-transition: all 0.3s 0.01s ease;     
}

#mobile_menu ul li > ul li:hover {

}

#mobile_menu ul li > ul li a {
  text-decoration: none; 
  color: #533712;
  font-family: 'Jost', Arial, Verdana, Tahoma;
  font-size: 18px;
  font-weight: 500;
  text-transform: none; 
  text-align: left;
  padding: 0px 15px; 
  padding-left: 25px;
  height: 60px;
  line-height: 60px;
  vertical-align: middle;
  display: block; 
  -moz-transition: all 0.3s 0.01s ease;
  -o-transition: all 0.3s 0.01s ease;
  -webkit-transition: all 0.3s 0.01s ease; 
  border-bottom: 1px solid #E0E0E0; 
}    

#mobile_menu ul li > ul li a:hover {
  color: #533712;           
} 

/* PAGINATION */

.pagination {
  margin-top: 20px;
}

a.page-numbers {
  text-decoration: none!important;
  font-size: 18px;
  font-family: 'Jost', Arial, Verdana, Tahoma;
  font-weight: 400;
  border: 0px;
  background: #EAEAEA;
  padding: 6px 12px;
}

span.page-numbers.current {
  text-decoration: none!important;
  font-size: 18px;
  font-family: 'Jost', Arial, Verdana, Tahoma;
  font-weight: 400;
  border: 0px;
  color: #FFFFFF;
  background: #80a236;
  padding: 6px 12px;
}

a.page-numbers:hover {
  color: #FFFFFF;
  background: #80a236;
}

/* FORMS */

::-webkit-input-placeholder {
  color: #222222!important;
  opacity: 1;
}

:-moz-placeholder {
  color: #222222!important;
  opacity: 1;
}
::-moz-placeholder {
  color: #222222!important;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #222222!important;
  opacity: 1;
}

/* FORM2 */

.form2 .my_input {  
  border: 1px solid #533712;
  background-color: rgba(255,255,255,1);
  color: #222222;
  font-family: 'Jost', Arial, Verdana, Tahoma;
  font-size: 18px;
  font-weight: 400;
  line-height: 40px;
  vertical-align: middle;
  margin-bottom: 15px;
}

.form2 .my_input:focus, .form2 .my_input:active {
  border: 1px solid #533712!important;    
  background-color: rgba(255,255,255,1)!important;
}

.form2 .my_text {
  resize: vertical;  
  border: 1px solid #533712;
  background-color: rgba(255,255,255,1);
  color: #222222;
  font-family: 'Jost', Arial, Verdana, Tahoma;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 15px;
}  

.form2 .my_text:focus, .form2 .my_text:active {
  border: 1px solid #533712!important;   
  background-color: rgba(255,255,255,1)!important; 
}  

/* FORM DEFAULT */

.my_input {  
  border: 1px solid #FFFFFF;
  background-color: rgba(255,255,255,0.8);
  color: #222222;
  font-family: 'Jost', Arial, Verdana, Tahoma;
  font-size: 18px;
  font-weight: 400;
  line-height: 40px;
  vertical-align: middle;
  margin-bottom: 15px;
}

.my_input:focus, .my_input:active {
  border: 1px solid #FFFFFF!important;    
  background-color: rgba(255,255,255,1)!important;
}

.my_text {
  resize: vertical;  
  border: 1px solid #FFFFFF;
  background-color: rgba(255,255,255,0.8);
  color: #222222;
  font-family: 'Jost', Arial, Verdana, Tahoma;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 15px;
}  

.my_text:focus, .my_text:active {
  border: 1px solid #FFFFFF!important;   
  background-color: rgba(255,255,255,1)!important; 
}  

.wpcf7 {
  margin-top: 15px;
  margin-bottom: 15px;
}
         
span.wpcf7-not-valid-tip {
  font-size: 12px!important;
  color: #FFFFFF!important;
  font-family: 'Jost', Arial, Verdana, Tahoma;
  font-size: 18px;
  font-weight: 400;
  position: relative;
  top: -12px;
}

.wpcf7-not-valid-tip:before {
  font-family: "FontAwesome";
  content: "\f071";
  padding-right: 4px;    
}

.wpcf7-validation-errors {
  display: none!important;
}

div.wpcf7 .ajax-loader {
  display: none!important;
}

span.ajax-loader {
  display: none!important;
}

span.wpcf7-list-item {
  margin-left: 0px!important;
  margin-top: 5px!important;
  line-height: 1.3em!important;
}

.wpcf7-list-item-label {
  font-size: 14px;
  line-height: 1.3em!important;
  position: relative;
  top: -2px;
  color: #FFFFFF;
  font-family: 'Jost', Arial, Verdana, Tahoma;
  font-size: 18px;
  font-weight: 400;    
} 

.wpcf7-list-item-label a {
  color: #FFFFFF!important;
}

.wpcf7-spinner {
  display: block!important;
  margin: 10px auto 0px auto!important; 
  background-color: #70A324!important;
  opacity: 1!important;
  width: 24px;
  height: 24px;
  border: none;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
  display: none!important;
}

.wpcf7 form .wpcf7-response-output {
  color: #FFFFFF!important;
  padding: 0px 0px 30px 0px!important;
  margin: 0px!important;  
  border: 0px!important;
  border-radius: 4px!important;
  font-family: 'Jost', Arial, Verdana, Tahoma;
  font-size: 22px;
  font-weight: 500;
  text-align: center!important;
  background: transparent;
}

.wpcf7 form .wpcf7-response-output:before {
  font-family: "FontAwesome";
  content: "\f164";
  padding-right: 5px;
} 

/* MAP */

svg text {
  cursor: help;
}

#mapa svg {
  width: 100%;
  height: auto;
  display: block;
}

.fil0 {
  fill: #078F0E;
  fill-opacity: 0.1; 
}

.fil0:hover {
  fill: #09BF12;
  fill-opacity: 0.5;
  cursor: help;
}

.adm {
  fill: #FE6600;
  fill-opacity: 0.5; 
}

.adm:hover {
  fill: #FE9900;
  fill-opacity: 0.5; 
}

.free {
  fill: #70A324;
  fill-opacity: 0.5; 
}    

.free:hover {
  fill: #8fc146;
  fill-opacity: 0.5;
  cursor: help;
}

.sell {
  fill: #C12C23;
  fill-opacity: 0.5; 
} 

.sell:hover {
  fill: #d73e34;
  fill-opacity: 0.5; 
}    

.bron {
  fill: #003399;
  fill-opacity: 0.5; 
} 

.bron:hover {
  fill: #0045CB;
  fill-opacity: 0.5; 
}   

.spec {
  fill: #FFCC00;
  fill-opacity: 0.5; 
}   

.spec:hover {
  fill: #FFFF00;
  fill-opacity: 0.5;
  cursor: help;
}   

.doroga {
  fill: #EADDD9;
  fill-opacity: 0.5;
} 

.str0 {
  stroke: #533712;
  stroke-width: 1;
}

.map svg {
  height: auto;
  width: 100%;
  margin: 0 auto;
  display: block;
}

.info_panel {
  background-color: #FCF4EA;
  padding: 10px;
  font-size: 14px;
  font-family: "HelveticaRegular", Verdana, Tahoma, Arial;
  position: absolute;
  border: 1px solid #533712;
  color: #585029;
  white-space: nowrap;
  display: block;
  line-height: 1.5em;
  min-width: 280px;
}

.info_panel::first-line {
  font-size: 16px;
  font-weight: bold;
  color: #533712;
}

.fil1 {
  fill: #EF7F1A;
  fill-opacity: 0.9;
}

.fil2 {
  fill: #FECC00;
  fill-opacity: 0.9;
}

.fil3 {
  fill: #BE332E;
  fill-opacity: 0.9;
}

.fil4 {
  fill: #71231E;
  fill-opacity: 0.9;
}

.fil5 {
  fill: #972420;
  fill-opacity: 0.9;
}

.fil6 {
  fill: #8B241F;
  fill-opacity: 0.9;
}

.streets {
  fill: #533712;
}

/* PROMO */

.promo_icon {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-top: 15px;
}

.promo_icon img {
  display: inline-block;
  text-align: center;
  width: 60px;
  height: 60px;
}

.promo_block_title {
  color: #533712;
  line-height: 1.2em;
  font-family: 'Jost', Arial, Verdana, Tahoma;
  font-size: 26px;
  font-weight: 500;
  text-transform: none;
  padding: 0;
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: center;
}

/* < MD */
@media screen and (min-width: 0px) and (max-width: 991.98px) { 
  .promo_block_title {
    font-size: 22px;
  }
}

/* promo_line */

.promo_line {
  display: inline-block;
  position: relative;
  width: auto;
  float: right;
  text-align: right;
  color: #C12C23;
  line-height: 1.2em;
  font-family: 'Jost', Arial, Verdana, Tahoma;
  font-size: 22px;  
  margin-right: 15px;
  border: 2px dashed #C12C23;
  border-radius: 3px;
  padding: 4px 8px;
  margin-top: 8px;
}