html {
  scroll-behavior: smooth;
}

#main {
  position: relative;
  top: -15px;
  padding: 0px;
  margin: 0px;
  margin-top: -20px!important;
}

/*--------------------------------------------------HERO-----------------------------------------------------*/

.hero {
  position: relative;
}

.veil {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100vw;
  height: 100vh;
}

.hero-text {
  color: #fff;
  font-size: 40px;
  font-weight: 800;
  position: absolute;
  top: 50%;
  text-transform: uppercase;
  width: 100%;
  transform: translate(0, -50%);
  opacity: 0.8;
}

.hero-text div,
.start div {
  margin: auto;
}

.start {
  position: absolute;
  bottom: 10%;
  width: 100%;
}

.hero-text div {
  margin: auto;
  opacity: 0.7;
}

.start-link div {
  padding: 16px, 30px;
  border: 2px solid #fff;
  width: 180px;
}

a.start-link {
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  opacity: 0.6;
}

a.start-link:hover {
  color: #cfab53;
  opacity: 1;
}



/* ---------------------------------------------------ХЕДЕР---------------------------------------------*/

#masthead.masthead-logo-in-menu .logo > img {
  max-height: 60px;
}

.logo-in-menu-wrapper a {
  padding: 0;
}

.main-navigation,
.site-header .shopping-cart-dropdown {
  background-color: rgba(0, 0, 0, .75);
}

.menu-item-62 {
  background-color: #cfab53;
  margin-left: 5px;
}

.menu-item-62 a {
  font-weight: 600!important;
}

.menu-item-62 a:hover {
  color: #000000!important;
}

.main-navigation ul li a {
  padding-top: 32px;
  padding-bottom: 32px;
}

/*-----------------------------------------------ОСНОВНИЙ БЛОК------------------*/

@media screen and (max-width: 680px) {
  .for-main-img {
    min-height: 40vh;
			width:auto;
  }
}

/*-------------------------------------------- ЧОМУ МИ -----------------------------------*/

.circle {
  width: 25px;
  height: 25px;
  border: 2px solid #aca;
  border-radius: 50%;
  background-color: #aca;
  text-align: center;
  display: inline-block;
}

.why-us{
  padding:20px;
		display:flex
}
.why-us-num {
  font-size: 40px;
  font-weight: 800;
  min-width: 60px;
  height: 60px;
		background-color: #cfab53;
	text-align:center;
}

.why-us-text {
	/*padding:0px 20px;	*/
  font-size: 21px;
  font-weight: 400;
		    margin: auto 20px;
 text-align:left;

}
.why-us-text div {
		display:block;
    width:100%;
 text-align:left;

}

#pg-2-10, #pg-2-8, #pg-2-9  {
margin-bottom:0;
}
.vp-portfolio__items-style-fly {
}
.vp-portfolio__items-style-fly .vp-portfolio__item-overlay {
		background: rgba(0, 0, 0, 0.5)!important;}

@media (max-width: 780px) {
 #panel-2-8-0-0> .panel-widget-style{
    padding: 0;
		}}

/*
.twentytwenty-before-label {
		opacity:1.0!important;}*/