*{
	margin: 0;
	padding: 0;
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.animated {
		/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}
}
html{scroll-behavior:smooth}
body{
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 400;
	color: #575757;
	overflow-x: hidden;
}
b{
	font-weight: 600;
}
h1{
	text-transform: uppercase;
}

.imgurl>img{
	transition: all 0.5s;
}
.imgurl>img:hover{
	transform: scale(1.05);
}
.container{
	display: flex;
	justify-content: center;
	width: 100%;
	position: relative;
}

header{
	display: flex;
	width: 100%;
	max-width: 1440px;
	padding: 0px 120px;
	flex-wrap: wrap;
}
.logo{
	width: 180px;
}
.bg1{
	position: absolute;
	z-index: -1;
	top: 30px;
	left: 0;
}
.bg2{
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
}
.col1{
	display: flex;
	flex-direction: column;
	row-gap: 95px;
	max-width: 225px;
	margin-top: 30px;
}

.col2{
	display: flex;
	flex-direction: column;
	row-gap: 20px;
	max-width: 216px;
	margin-left: 22px;
}

.col3{
	margin-left: 30px;
}

.col4{
	display: flex;
	flex-direction: column;
	margin-left: auto;
	margin-top: 30px;
	height: 560px;
}

.tel{
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 700;
	line-height: 18px;
	letter-spacing: 0em;
	color: #333333;
	text-decoration: underline;
}

.col4>div{
	display: flex;
	column-gap: 90px;
	align-items: flex-start;
}

.col4>div>div{
	display: flex;
	flex-direction: column;
	row-gap:5px;
}
.col4>div>div>span{
	font-family: Montserrat;
	font-size: 9px;
	font-weight: 400;
	line-height: 12px;
	color: #BC8B63;
}

.menu{
	display: flex;
	flex-direction: column;
	row-gap: 16px;
	margin-top: 40px;
}

.menu-item{
	font-family: Montserrat;
	font-size: 13px;
	font-weight: 700;
	line-height: 22px;
	color: #575757;
	text-decoration: none;
}
summary{
	cursor: pointer;
	  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}
details.menu-item a {
  padding-left: 15px;
  color: #575757;
  text-decoration: none;
    -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

.level{
	display: flex;
	flex-direction: column;
	row-gap: 10px;
	margin-top: 15px;
}

/* Убираем стандартный маркер Chrome */
details summary::-webkit-details-marker {
  display: none
}
/* Убираем стандартный маркер Firefox */
details > summary {
  list-style: none;
  display: flex;
  align-items: center;
  column-gap: 8px;
}

/* Добавляем собственный маркер для закрытого состояния */
details summary:after {
  content: '';
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSI0IiB2aWV3Qm94PSIwIDAgNSA0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBvcGFjaXR5PSIwLjUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMCAwLjA4OTg0MzhINUwyLjUgMy4wODk4NEwwIDAuMDg5ODQzOFoiIGZpbGw9IiM1NzU3NTciLz4KPC9zdmc+Cg==);
  display: block;
  width: 5px;
  height: 3px;
  transition: all 0.2s;
}

/* Добавляем собственный маркер для открытого состояния */
details[open] summary:after {
  content: '';
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSI0IiB2aWV3Qm94PSIwIDAgNSA0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBvcGFjaXR5PSIwLjUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMCAwLjA4OTg0MzhINUwyLjUgMy4wODk4NEwwIDAuMDg5ODQzOFoiIGZpbGw9IiM1NzU3NTciLz4KPC9zdmc+Cg==);
  display: block;
  width: 5px;
  height: 3px;
  transform: rotate(180deg);
  transition: all 0.2s;
}

.button-div{
	flex-direction: column;
	margin-top: auto;
	align-items: flex-end !important;
	row-gap: 20px;
}

.button-div>span{
	font-family: Montserrat;
	font-size: 12px;
	font-weight: 700;
	line-height: 15px;
	text-align: right;
	color: #E3BF99;
}

.button-div>a{
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 700;
	line-height: 17px;
	text-align: center;
	padding-top: 13px;
	padding-bottom: 13px;
	color: #FFFFFF;
	text-decoration: none;
	width: 100%;
	background: linear-gradient(142.72deg, #E3BFA1 0%, #965B2E 100%),
	linear-gradient(0deg, #E3BF99, #E3BF99);
	border: 1px solid #E3BF99;
	box-shadow: 0px 4px 20px 0px #0000001A;
	border-radius: 10px;
}

.hero-title{
	font-family: Montserrat;
	font-size: 98px;
	font-weight: 700;
	line-height: 119px;
	text-align: left;
	color: #E9A873;
	margin-top: -90px;
}
.sidemenu{
	display: none;
	margin-top: 30px;
	margin-left: auto;
}

.bg-menu-mobile{
	display: none;
	position: absolute;
	top: 0;
	right: 0;
}

.burger-button{
	background-image: url(burger.svg);
	width: 25px;
	height: 18px;
}

.hero-title-mobile, .button-div-mobile, .text2-mobile{
	display: none;
}

.img-mobile-col3{
	display: none;
}

/*Section 1	*/
.s1{
	width: 100%;
	max-width: 1440px;
	display: flex;
	padding-left: 120px;
	padding-right: 120px;
	padding-top: 180px !important;
	flex-direction: column;
}

.col-title-s1{
	display: flex;
	flex-direction: column;
	row-gap:20px;
}
.s1-title{
	font-family: Montserrat;
	font-size: 30px;
	font-weight: 700;
	line-height: 37px;
	letter-spacing: 0em;
	text-align: left;
	text-transform: uppercase;
	color: #000;
	max-width: 826px;
}
.row-s1{
	margin-top: 60px;
	display: flex;
	column-gap: 30px;
}
.s1-subtitle{
	font-family: Montserrat;
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 0em;
	text-align: left;
	max-width: 540px;
}

mark{
	background: transparent;
	color: #E3BF99;
	font-weight: 700;
}
.col2-s1{
	display: flex;
	row-gap: 18px;
	flex-direction: column;
}
.col2-s1>p{
	width: 216px;
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 400;
	line-height: 17px;
	letter-spacing: 0em;
	text-align: justify;

}

.col3-s1{
	display: flex;
	row-gap: 16px;
	flex-direction: column;
	margin-top: 170px;	
}


.col3-s1>h3{
	font-family: Montserrat;
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 0em;
	text-align: left;
}
.col3-s1>p{
	width: 200px;
}

.col3-s1>span{
	font-family: Montserrat;
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: 0em;
	text-align: left;
	width: 200px;
	margin-top: auto;
	color: #000;
}

.col4-s1{
	display: flex;
	flex-direction: column;	
}

.col4-s1>p{
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0em;
	text-align: left;
	width: 200px;
	margin-top: auto;
}

.col4-s1>a>img{
	width: 216px;
}
.col1-s1>p{
	display: none;
}
.col1-s1>a>img{
	max-width: 100%;
	width: 460px;
}
.to-adress{
	display: none;
	font-family: Montserrat;
	font-size: 18px;
	font-weight: 700;
	line-height: 22px;
	letter-spacing: 0em;
	text-align: left;
	width: 160px;
	margin-top: 10%;
	color: #000;
	max-width: 50%;
}
.bg-s1{
	position: absolute;
	top: 60px;
	right: 180px;
}

/*form section*/

.bg-section-form{
	position: absolute;
	left: 0;
	top: 180px;
	z-index: -1;
}

.section-form{
	margin-top: 180px;
	width: 955px;
	padding-left: 120px;
	padding-right: 120px;
}

.form-title{
	font-family: Montserrat;
	font-size: 30px;
	font-weight: 700;
	line-height: 37px;
	letter-spacing: 0em;
	text-align: left;
	color: #000;
	max-width: 710px;
}

.temp{
	width: 100%;
	border: 1px solid #E3BF99;
	height: 375px;
	margin-top: 60px;
	display: flex;
	background: #fff;
}
.temp>img{
	width: 269px;
	height: 331px;
	align-self: flex-end;
	margin-right: 80px;
	margin-left: auto;
}
.formm>h2{
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0em;
	text-align: left;
	max-width: 370px;
}
.formm{
		margin-top: 40px;
	margin-left: 40px;
}
@media only screen and (max-width: 600px) {
.formm{
	margin-left: 30px;
}
.default-form {
	margin-right: 0 !important;
}
}
.bg-section-form2{
	display: none;
	position: absolute;
	top: -200px;
}

.s-info{
	margin-top: 180px;
	width: 100%;
	max-width: 1440px;
	display: flex;
	padding-left: 120px;
	padding-right: 120px;
}

.col1-si{
	width: 30%;
	background: #E3BF99;
	font-family: Montserrat;
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: 0em;
	text-align: justify;
	color: #fff;
	padding-top: 100px;
	padding-left: 64px;
	padding-right: 64px;
	padding-bottom: 76px;
}

.col2-si{
	width: 45%;
}

.r1{
	font-family: Montserrat;
	font-size: 30px;
	font-weight: 700;
	line-height: 37px;
	letter-spacing: 0em;
	text-align: left;
	color: #000;
	height: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-left: 30px;
	padding-right: 40px;
}
.r2{
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0em;
	text-align: justify;
    margin-top: -2px;
	height: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-left: 50px;
	padding-right: 75px;
	border: 1px solid #E3BF99
}
.col3-si>a>img{
	height: 50%;
	width: auto;
}
.col4-si{
	display: none;
	font-family: Montserrat;
	font-family: Montserrat;
	font-size: 12px;
	font-weight: 400;
	line-height: 15px;
	letter-spacing: 0em;
	text-align: justify;
	order: 5;
	margin-top: 30px;
}

.bg-sinfo-mobile{
	display: none;
	position: absolute;
	z-index: -1;
	top: 50px;
	max-width: 100%;
	height: auto;
}
/*Section Video*/
.s-video{
	margin-top: 180px;
	width: 100%;
	max-width: 1440px;
	display: flex;
	padding-left: 120px;
	padding-right: 120px;
	flex-direction: column;
}

.s-video>h1{
	font-family: Montserrat;
	font-size: 30px;
	font-weight: 700;
	line-height: 37px;
	letter-spacing: 0em;
	text-align: left;
	color: #000;
}
.col1-sv{
	display: flex;
	flex-direction: column;
	width: 35%;
	row-gap: 100px;
	align-items: flex-end
}
.row-sv{
	margin-top: 60px;
	display: flex;
	column-gap: 80px;
}
.col1-sv>a>img{
	width: 216px;
}

video{
	width: 300px;
}
.col3-sv{
	display: flex;
	width: 216px;
	flex-direction: column;
	row-gap: 30px;
	justify-content: flex-end
}
.col3-svbtn{
	font-family: Montserrat;
	font-size: 12px;
	font-weight: 400;
	line-height: 15px;
	letter-spacing: 0em;
	text-align: center;
	text-decoration: none;
	color: #575757;
	justify-content: center;
	padding-top: 14px;
	padding-bottom: 14px;
	border: 1px solid #E3BF99;
}

.col3-sv>a>img{
	width: 216px;
	height: auto;
	max-width: 100vw;
}

.col1-svbtn{
	display: none;
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 700;
	line-height: 17px;
	text-align: center;
	padding-top: 13px;
	padding-bottom: 13px;
	color: #FFFFFF;
	text-decoration: none;
	width: 216px;
	background: linear-gradient(142.72deg, #E3BFA1 0%, #965B2E 100%),
	linear-gradient(0deg, #E3BF99, #E3BF99);
	border: 1px solid #E3BF99;
	box-shadow: 0px 4px 20px 0px #0000001A;
	border-radius: 10px;
}
.bg4-sv{
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
}

/*Section Info 2*/
.s-info2{
	margin-top: 180px;
	width: 100%;
	max-width: 1440px;
	display: flex;
	padding-left: 120px;
	padding-right: 120px;
	column-gap: 30px;
}
.col2-si2{
	display: flex;
	flex-direction: column;
}
.row1-si2> h1{
	font-family: Montserrat;
	font-size: 30px;
	font-weight: 700;
	line-height: 37px;
	letter-spacing: 0em;
	text-align: left;
	color: #000;
	max-width: 437px;
}

.row1-si2>p{
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0em;
	text-align: left;
	max-width: 375px;
	margin-top: 20px;
}
.row2-si2{
	margin-top: auto;
	display: flex;
}
.bg-sv2{
	padding-left: 80px;
	padding-right: 80px;
}
.img-sv2{
	width: 246px;

}
.row2-si2>p{
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0em;
	text-align: left;
	align-self: flex-end;
	margin-left: 30px;
	max-width: 216px;
}

footer{
	background: #FFBA75;
	display: flex;
	margin-top: 180px;
    width: 100%;
    position: relative;
    justify-content: center;
}
.container-footer{
	width: 100%;
	max-width: 1440px;
	display: flex;
	padding-left: 120px;
	padding-right: 120px;
	padding-top: 60px !important;
	flex-direction: column;
	z-index: 2;
}
footer>img{
	position: absolute;
	right: 0;
	bottom: 0;
	max-width: 100%;
}

.container-footer>div{
	display: flex;
	align-items: flex-start
}

.container-footer>div>.menu{
	margin-top: 0;
	margin-left: auto;
	margin-right: 130px;
}
.social{
	display: flex;
	flex-wrap: wrap;
	max-width: 170px;
	gap: 16px;
}
.social>a{
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 14px;
	border-radius: 3px;
}
.container-footer>h1{
	color: #fff;
	text-transform: none;
	font-family: Montserrat;
	font-size: 122px;
	font-weight: 900;
	line-height: 149px;
	letter-spacing: 0em;
	margin-top: 40px;
}
.foo-footer{
	margin-top: 42px;
	column-gap: 90px;
	font-family: Montserrat;
	font-size: 13px;
	font-weight: 700;
	line-height: 22px;
	letter-spacing: 0em;
	text-align: left;

}

.foo-footer>.imgurl{
	display: flex;
}
.imgfooter-mobile{
	display: none;
}
.logo-footer-mobile{
	display: none;
}

.img-col3{
	width: 385px;	
}
.col1-si2>a>img{
	width: 460px;	
}
@media only screen and (max-width: 1410px) {
  header, .s1, .section-form, .s-info, .s-video, .s-info2, .container-footer{
  	padding: 0px 100px;
  }
}

@media only screen and (max-width: 1360px) {
  header, .s1, .section-form, .s-info, .s-video, .s-info2, .container-footer{
  	padding: 0px 80px;
  }
}

@media only screen and (max-width: 1340px) {
  header, .s1, .section-form, .s-info, .s-video, .s-info2, .container-footer{
  	padding: 0px 60px;
  }
}

@media only screen and (max-width: 1300px) {
  .hero-title{
    font-size: 90px;
  }
}

@media only screen and (max-width: 1250px) {
	.col4>div {
	    column-gap: 70px;
	}
}

@media only screen and (max-width: 1230px) {
	.col4>div {
	    column-gap: 50px;
	}
}

@media only screen and (max-width: 1230px) {
	.col4>div {
	    column-gap: 50px;
	}
}

@media only screen and (max-width: 1200px) {
	.sidemenu {
	    display: block;
	}

	.col4{
		position: fixed;
		background: #fff;
		right: -300px;
		top: 0;
		margin-top: 0;
		padding-top: 30px;
		padding-left: 40px;
		padding-right: 40px;
		height: 100svh;
		z-index: 2;
	}

	.button-div {
		margin-top: 230px;
	}
	.bg-menu-mobile{
		display: block;
	}

	.burger-button{
		background-image: url(burger-close.svg);
		background-size: cover;
		height: 25px;
	}
}

@media only screen and (max-width: 1060px) {
	.hero-title{
		display: none;
	}
	.hero-title-mobile{
		display: block;
		margin-top: 30px;
		line-height: 60px;
		font-size: 72px;
	}
	.col2{
		display: none;
	}
	.col1{
		max-width: calc(100% - 420px);
		row-gap: 20px;
	}
	.sidemenu{
		position: absolute;
	    right: 60px;
	    top: 5px;
	}

	.text-1{
		max-width: 385px;
		line-height: 20px;
	}

	.col3 {
	    margin-left: 5%;
	    flex-direction: column;
	    display: flex;
	    width: 320px;
	    row-gap: 24px;
	}
	.button-div{
		display: none !important;
	}
	.button-div-mobile{
		display: flex !important;
		margin-top: 22px;
		flex-direction: row;
		column-gap: 35px;
	}

	.text2-mobile{
		display: block;
		width: 220px;
		padding-right: 20px;
		margin-left: auto;
	}
	.bg1 {
	    top: 100px;
	    width: 400px;	
	}
}

@media only screen and (max-width: 900px) {
	.col1{
		max-width: 100%;
	}
	.col3{
		margin-left: 0;
		margin-top: 60px;
		width: 100%;
	}
	.img-mobile-col3{
		display: block;
		max-width: 100%;
	}
	.img-col3{
		display: none;
	}
}

@media only screen and (max-width: 600px) {
	header{
		padding-left: 0px;
		padding-right: 0px;
	}
	.col1{
        padding-left: 20px;
		padding-right: 20px;
	}
	.sidemenu{
		right: 20px;
	}
	.logo{
		align-self: center;
	}

	.bg1 {
	    top: 300px;
	    width: 300px;	
	}
	.hero-title-mobile{
		font-size: 48px;
		line-height: 50px;
	}
	.bg2{
		width: 150px;
	}
	.text-1{
		font-size: 12px;
	}
}


/*Section 1*/
@media only screen and (max-width: 1300px) {
.col1-s1{
	width: 400px;
}
.col1-s1>p{
	display: block;
}
.col2-s1{
	display: none;
}
.bg-s1{
	right: 60px;
}
}

@media only screen and (max-width: 1010px) {
	.col3-s1{
		margin-top: 0;
	}
	.col4-s1{
		display: none;
	}
	.col3-s1>span {
		margin-top: 60px;
	}
}

@media only screen and (max-width: 900px) {
	.col1-s1{
		width: 100%;
	}
	.col1-s1>a>img{
		width: 100%;
	}
	.col1-s1>p{
		text-align: justify;
	}
	.row-s1{
		flex-wrap: wrap;
		column-gap: 28px;
	}
	.col3-s1{
		margin-top: 60px;
	}
	.col3-s1>h3{
		font-size: 22px;
		line-height: 26px;
	}
	.col4-s1{
		display: flex;
		margin-top: 60px;
	}
}

@media only screen and (max-width: 600px) {
	.s1-title{
		font-size: 22px;
		line-height: 26px;
	}
	.s1-subtitle{
		font-size: 12px;
		line-height: 14px;
	}
	.s1{
		padding-top: 120px !important;
		padding-left: 20px;
		padding-right: 20px;
	}
	.row-s1{
		margin-top: 30px;
		column-gap: 20px;
	}
	.col1-s1>p{
		font-size: 12px;
		line-height: 15px;
		margin-top: 30px;
	}
	.col3-s1>p{
		width: 100%;
		max-width: 330px;
		font-size: 12px;
		line-height: 15px;
	}
	.col3-s1>span{
		display: none;
	}

	.col4-s1{
		margin-top: 30px;
		max-width: calc(50% - 10px);
	}
	.col4-s1>p{
		margin-top: 40px;
		font-size: 12px;
		line-height: 15px;
		text-align: right;
		width: 100%;
	}
	.to-adress{
		display: block;
		max-width: calc(50% - 10px);
	}
	.col4-s1>a>img{
		max-width: 100%;
	}
	.bg-s1{
		display: none;
	}
}

/*Section form*/
@media only screen and (max-width: 860px) {
.temp>img{
	margin-right: 40px;
}
}
@media only screen and (max-width: 760px) {
.temp>img{
	display: none;
}
.temp{
	width: calc(100% - 60px);
	padding: 40px 30px;
}
.temp>h2{
	margin: 0;
}
}
@media only screen and (max-width: 600px) {
.section-form{
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 120px;
}
.bg-section-form{
	display: none;
}
.bg-section-form2{
	display: block;
}
.form-title {
	font-size: 22px;
	line-height: 26px;
}
.temp{
	margin-top: 30px;
}
.temp>h2{
	max-width: 100%;
}
}

/*Section Info*/

@media only screen and (max-width: 1280px) {
	.col3-si{
		display: none;
	}
	.col1-si{
		width: 50%;
	}
	.col2-si{
		width: 50%;
	}
}

@media only screen and (max-width:  900px) {
	.s-info{
		display: flex;
		flex-direction: column;
	}
	.col3-si{
		display: block;
		order: 2;
		width: 100%;
		margin-top: 20px;
	}
	.col3-si>a>img{
		width: 100%;
		height: auto;
	}
	.col1-si{
		text-align: left;
		order: 3;
		width: calc(100% - 128px);
		margin-top: -80px;
	}
	.col2-si{
		width: 100%;
		order: 1;
	}
	.r2{
		display: none;
	}
	.r1{
		padding: 0;
	}
	.col4-si{
		display: block;
	}
}

@media only screen and (max-width: 600px) {
	.s-info{
		padding-right: 0;
		padding-left: 0;
		margin-top: 120px;
	}
	.col4-si{
		padding-left: 20px;
		padding-right: 20px;
	}
	.col2-si{
		padding-left: 20px;
		padding-right: 20px;
		width: calc(100% - 40px);
	}
	.r1>h1{
		font-size: 22px;
		line-height: 26px;
	}
	.col1-si>p{
		font-size: 12px;
		line-height: 15px;
	}
	.col1-si{
		padding: 30px 20px;
		width: calc(100% - 40px);
	}
	.bg-sinfo-mobile{
		display: block;
	}
}

/*section Video*/

@media only screen and (max-width: 900px) {
.row-sv{
	flex-direction: column;
	align-items: center;
}
.col3-sv, .col1-svbtn{
	display: none;
}
.col1-sv{
	order: 2;
	width: 100%;
	margin-top: 40px;
}
.col2-sv{
	order: 1;
	display: flex;
	justify-content: center;
}
video{
	height: 90vh;
	width: auto;
}
	.col1-sv>.imgurl{
		display: none;
	}
}

@media only screen and (max-width: 600px) {
	.s-video{
		padding-left: 0;
		padding-right: 0;
		margin-top: 120px;
	}
	.col2-sv{
		width: 100%;
	}
	video{
		width: 100%;
		height: auto;
	}
	.row-sv{
		margin-top: 30px;
	}
	.s-video>h1{
		padding-left: 20px;
		padding-right: 20px;
		font-size: 22px;
		line-height: 26px;
	}
	.col1-sv>p{
		padding-left: 20px;
		padding-right: 20px;
	}
	.col1-svbtn{
		display: block;

	}
	.col1-sv{
		align-items:  center;
		row-gap: 40px;
	}
	.bg4-sv{
		display: none;
	}

}

/*Section Info 2*/
@media only screen and (max-width: 1300px) {
	.bg-sv2{
		display: none;
	}
}

@media only screen and (max-width: 900px) {
	.col1-si2{
		display: none;
	}
	.img-sv2{
		width: 100%;
	}
	.row2-si2 {
		flex-wrap: wrap;
		margin-top: 50px;
	}
	.row2-si2>p{
		margin-top: 30px;
		margin-left: 0px;
		max-width: 100%;
	}
	.img-sv2>img{
		display: none;
	}
	.img-sv2{
		background-image: url('img10.png');
		  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 380px;
	}
}
@media only screen and (max-width: 600px) {
	.s-info2{
		margin-top: 120px;
		padding-right: 0;
		padding-left: 0;
	}
	.row1-si2{
		padding-left: 20px;
		padding-right: 20px;
	}
	.row1-si2>p{
		width: 210px;
		margin-top: 30px;
		font-size: 12px;
		line-height: 15px;
	}
	.row1-si2>h1{
		font-size: 22px;
		line-height: 26px;
	}
	.row2-si2>p{
		font-size: 12px;
		line-height: 15px;
		padding-right: 20px;
		padding-left: 20px;
	}
	.bg-sv2{
		display: none;
		position: absolute;
		z-index: -1;
		top: 230px;
		right: 30px;
		padding: 0;
	}
}

@media only screen and (max-width: 350px) {
	.bg-sv2{
		right: 10px;
	}
}

/*Footer*/
@media only screen and (max-width: 700px) {
.container-footer>h1 {
	font-size: 96px;
	line-height: 100px;
}
.container-footer>div>.menu {
	margin-right: 30px;
}
}
@media only screen and (max-width: 600px) {
.container-footer{
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 120px;
	padding-top: 40px !important;
}
.container-footer>h1 {
	display: none;
}
.imgfooter{
	display: none !important;
}
.imgfooter-mobile{
	display: block;
}
.foo-footer{
	align-items: center !important;
    justify-content: flex-end;
    margin-right: -20px;
}
.logo-footer{
	display: none;
}
.container-footer>div {
	justify-content: space-between;
}
.container-footer>div>.menu {
	margin: 0;
}
.logo-footer-mobile{
	display: block;
	align-self: center;
	padding-bottom: 40px;
}
}