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

@font-face {
	font-family: 'Avenir Next Cyr';
	src: url('../fonts/AvenirNextCyr-Regular.eot');
	src: local('../fonts/Avenir Next Cyr Regular'), local('AvenirNextCyr-Regular'),
		url('../fonts/AvenirNextCyr-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/AvenirNextCyr-Regular.woff') format('woff'),
		url('../fonts/AvenirNextCyr-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Avenir Next Cyr';
	src: url('../fonts/AvenirNextCyr-Bold.eot');
	src: local('Avenir Next Cyr Bold'), local('AvenirNextCyr-Bold'),
		url('../fonts/AvenirNextCyr-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/AvenirNextCyr-Bold.woff') format('woff'),
		url('../fonts/AvenirNextCyr-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}


:root {
    --color-primary: #f0d9aa;
    --color-text: #4b210c;
}

img {
    max-width: 100%
}

a {
    text-decoration: none;
    transition: 0.5s;
    text-decoration: none;
    color: #1d4568;
}

a:hover {
    color: #ff621f;
}

ul,ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

p {
    margin-bottom: 0;
}

body {
    font-family: 'Avenir Next Cyr';
    font-size: 16px;
    font-weight: 400;
    background: #fbf5e7;
    overflow-x: hidden;
    color: var(--color-text);
    overflow-x: hidden
}

h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 100%;
    margin-bottom:32px;
}

h1:after {
    display: block;
}

h1 span {
    font-weight: 300;
}

h3 {
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 20px;
}

h2 {
    font-weight: 700;
    color:var(--color-text);
    font-size: 36px;
    margin-bottom: 35px;
    line-height: 44px;
}

h2 span {
}

h4 {
    font-size: 30px;
    /* letter-spacing: 3px; */
    color: #000000;
    font-weight: 700;
}

section {
    padding: 40px 0;
    position: relative;
}

::focus {
    border: none;
    outline: 0
}

.hid {
    display: none;
}

.phone {
    position: relative;
    margin-left: 20px;
}



.mob {
    display: none
}

.no-bg {
    background: none !important
}

.hid .soc {
    flex-wrap: wrap;
    align-items: center;
    max-width: 130px;
}

.hid .soc img {
    width: 32px;
}

.hid .soc a {
    padding: 0 0px 6px 0;
    margin-bottom: 5px;
    display: inline-block;
    width: 39px;
}

.hid .soc a:nth-child(6) {
    padding: 0 0 0 0
}

/*FLEX*/
.fl {
    display: flex;
}

.fw {
    flex-wrap: wrap;
}

.jsb {
    justify-content: space-between;
}

.jc {
    justify-content: center;
}

.jfe {
    justify-content: flex-end;
}

.jsa {
    justify-content: space-around;
}

.ac {
    align-items: center;}

.ae {
    align-items: flex-end
}

.as {
    align-items: flex-start
}


.tc {
    text-align: center;
}

.cw {
    color: white
}

.cb {
    color: black;
}

.container-fluid {
    padding: 0 7%
}


/*BUTTONS*/

.but a, .but button {border-radius: 0;font-weight: 700;font-size: 16px;line-height: 18px;color: var(--color-text);background: #ff9a29;border:1px solid;border-color:var(--color-primary);padding: 7px 9px;font-weight:700;white-space:nowrap;display: inline-flex;text-transform: uppercase;align-items: center;justify-content: space-between;}
.but button img {margin-right:10px;}
.but a:hover,.but button:hover {background: var(--color-primary); color:white;}


.but.red a, .but.red button {background: var(--color-primary);border-radius: 8px;font-weight: 700;font-size: 18px;line-height: 22px;color: white;display: inline-block;box-shadow: 0px 10px 25px rgb(225 72 66 / 49%);}

.but.red a:hover,.but.red button:hover {color:var(--color-primary); background:none;}





/*HEADER*/

header {background:#f0d9aa url(../img/top.png) no-repeat left center;min-height:200px;background-size:35%;display: flex;flex-wrap: wrap;align-items: flex-end;width: 100%;}
header .title {color:var(--color-text);text-transform:uppercase;font-family:'Colus';line-height: 1;font-size:37px;}
header nav {margin-top:15px;background:var(--color-text); display:flex; align-items:center;}
header nav ul li a {color:var(--color-primary);font-size: 16px;line-height: 17px;font-weight: 400;text-transform:uppercase;padding:12px 15px;display:inline-block;}
header .cart a {background:#a17948; display:inline-block; padding:10px 25px; text-transform:uppercase; color:var(--color-primary)}
header .search span {color:var(--color-primary);ont-size: 16px;line-height: 17px;font-weight: 400;text-transform:uppercase;}
header .top {width:100%;}
header nav ul {flex-basis:70%; width:100%}
header .soc a {background:#b39970; color:var(--color-primary); width:24px; height:24px; display:inline-flex; align-items:center; justify-content:center; border-radius:4px;}
header .soc a:hover {background:var(--color-text)}
header .cont {display:flex;align-items: center;}
header .cont .phone a {color:var(--color-text);font-size: 25px;}
header .search {display:flex; align-items:center;}
header .search img {margin-left:10px;}

/*PROMO*/

.slide {height: 600px;background-size: cover !important;background-position:center !important}
section.promo {padding:0}



/*TOURS*/

.tours .item {margin-bottom: 40px;}

.tours .item .title a {font-size: 20px;line-height: 17px;color: #3d1102;font-weight: bold;text-transform:uppercase;text-align:center;display:block;padding: 15px 0 5px;font-family: 'Avenir Next Cyr';}
.stars {
    text-align: center;
    margin-bottom: 20px;
}

.price {
    font-size: 30px;
    line-height: 24px;
    color: #3d1102;
    font-weight: bold;
}

.intro {
    margin: 10px 0;
}

/*REV*/

section.reviews .num {
    font-size: 18px;
}

.form-rev .title {
    font-size: 28px;
    line-height: 1.5;
    color: #3d1102;
    margin-bottom: 30px;
}

form input {
    padding: 10px;
    border: none;
    width: 100%;
}

form label {
    margin-bottom: 10px;
    font-size: 18px;
}

.form-group {
    margin-bottom: 20px;
}

.check input {
    width: auto;
    margin-right:10px;
}

.check {
    margin-bottom: 30px;
}

form button {
    border: 2px solid;
    border-color: #f0d8ab;
    background: none;
    text-transform: uppercase;
    color: var(--color-text);
    font-weight: 700;
    padding: 10px 45px;
}

form button:hover {background:var(--color-text); color:#fff; border-color:var(--color-text)}


/*FOOTER*/

footer {background:#e7cda1 url(../img/footer.png) no-repeat right center; padding:40px 0; background-size:80%}
.title-footer {
    font-size: 18px;
    line-height: 24px;
    color: #3c1504;
    font-weight: 700;
    font-family: 'Colus';
}

.adr {
    margin-bottom: 0px;
}

footer .info {
    padding-left: 40px;
}


footer .soc {margin-top:15px;}
footer .soc a {background:var(--color-text); color:var(--color-primary); width:24px; height:24px; display:inline-flex; align-items:center; justify-content:center; border-radius:4px;}
footer .soc a:hover {background:var(--color-text)}
footer .soc .last a {width:auto;background: none;color: var(--color-text);font-size: 20px;}
footer .cont {
    display: flex;
    align-items: center;
}




/*ABOUT*/

.about-intro p {
    text-align: center;
    font-weight: 700;
    font-size: 18px;
}

.about-intro {
    margin-bottom: 20px;
}
.pre {padding-bottom:20px;}
.pre .fon {background:#f0d8ac url(../img/fon1.png) no-repeat center bottom; padding:40px 0 180px 0; background-size:80%;}
.pre .fon .item span {font-size: 18px;
line-height: 18px;
					  padding-left:20px;
color: #3c1504;
font-weight: bold;
text-transform:uppercase;
font-family:'Colus';
display:inline-block;					  
					 }
.pre .fon .item .text {margin-top:20px; padding:0 20px 0 0;}
.pre .fon .item img {height:50px}

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

@font-face {
	font-family: 'Avenir Next Cyr';
	src: url('../fonts/AvenirNextCyr-Regular.eot');
	src: local('../fonts/Avenir Next Cyr Regular'), local('AvenirNextCyr-Regular'),
		url('../fonts/AvenirNextCyr-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/AvenirNextCyr-Regular.woff') format('woff'),
		url('../fonts/AvenirNextCyr-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Avenir Next Cyr';
	src: url('../fonts/AvenirNextCyr-Bold.eot');
	src: local('Avenir Next Cyr Bold'), local('AvenirNextCyr-Bold'),
		url('../fonts/AvenirNextCyr-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/AvenirNextCyr-Bold.woff') format('woff'),
		url('../fonts/AvenirNextCyr-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}


:root {
    --color-primary: #f0d9aa;
    --color-text: #4b210c;
}

img {
    max-width: 100%
}

a {
    text-decoration: none;
    transition: 0.5s;
    text-decoration: none;
    color: #421e0f;
}

a:hover {
    color: #ff621f;
}

ul,ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

p {
    margin-bottom: 0;
}

body {
    font-family: 'Avenir Next Cyr';
    font-size: 16px;
    font-weight: 400;
    background: #fbf5e7;
    overflow-x: hidden;
    color: var(--color-text);
    overflow-x: hidden
}

h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 100%;
    margin-bottom:32px;
}

h1:after {
    display: block;
}

h1 span {
    font-weight: 300;
}

h3 {
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 20px;
}

h2 {
    font-weight: 700;
    color:var(--color-text);
    font-size: 36px;
    margin-bottom: 35px;
    line-height: 44px;
}

h2 span {
}

h4 {
    font-size: 30px;
    /* letter-spacing: 3px; */
    color: #000000;
    font-weight: 700;
}

section {
    padding: 40px 0;
    position: relative;
}

::focus {
    border: none;
    outline: 0
}

.hid {
    display: none;
}

.phone {
    position: relative;
    margin-left: 20px;
}



.mob {
    display: none
}

.no-bg {
    background: none !important
}

.hid .soc {
    flex-wrap: wrap;
    align-items: center;
    max-width: 130px;
}

.hid .soc img {
    width: 32px;
}

.hid .soc a {
    padding: 0 0px 6px 0;
    margin-bottom: 5px;
    display: inline-block;
    width: 39px;
}

.hid .soc a:nth-child(6) {
    padding: 0 0 0 0
}

/*FLEX*/
.fl {
    display: flex;
}

.fw {
    flex-wrap: wrap;
}

.jsb {
    justify-content: space-between;
}

.jc {
    justify-content: center;
}

.jfe {
    justify-content: flex-end;
}

.jsa {
    justify-content: space-around;
}

.ac {
    align-items: center;}

.ae {
    align-items: flex-end
}

.as {
    align-items: flex-start
}


.tc {
    text-align: center;
}

.cw {
    color: white
}

.cb {
    color: black;
}

.container-fluid {
    padding: 0 7%
}


/*BUTTONS*/

.but a, .but button {border-radius: 0;font-weight: 700;font-size: 16px;line-height: 18px;color: var(--color-text);background: #ff9a29;border:1px solid;border-color:var(--color-primary);padding: 10px 9px;font-weight:700;white-space:nowrap;display: inline-flex;text-transform: uppercase;align-items: center;justify-content: space-between;}
.but button img {margin-right:10px;width: 21px;}
.but a:hover,.but button:hover {background: var(--color-primary); color:white;}


.but.red a, .but.red button {background: var(--color-primary);border-radius: 8px;font-weight: 700;font-size: 18px;line-height: 22px;color: white;display: inline-block;box-shadow: 0px 10px 25px rgb(225 72 66 / 49%);}

.but.red a:hover,.but.red button:hover {color:var(--color-primary); background:none;}





/*HEADER*/

header {background:#f0d9aa url(../img/top.png) no-repeat left center;min-height:200px;background-size:35%;display: flex;flex-wrap: wrap;align-items: flex-end;width: 100%;}
header .title {color:var(--color-text);text-transform:uppercase;font-family:'Colus';line-height: 1;font-size:37px;}
header nav {margin-top:15px;background:var(--color-text); display:flex; align-items:center;}
header nav ul li a {color:var(--color-primary);font-size: 16px;line-height: 17px;font-weight: 400;text-transform:uppercase;padding:12px 15px;display:inline-block;}
header .cart a {background:#a17948; display:inline-block; padding:10px 25px; text-transform:uppercase; color:var(--color-primary)}
header .search span {color:var(--color-primary);ont-size: 16px;line-height: 17px;font-weight: 400;text-transform:uppercase;}
header .top {width:100%;}
header nav ul {flex-basis:70%; width:100%}
header .soc a {background:#b39970; color:var(--color-primary); width:24px; height:24px; display:inline-flex; align-items:center; justify-content:center; border-radius:4px;}
header .soc a:hover {background:var(--color-text)}
header .cont {display:flex;align-items: center;}
header .cont .phone a {color:var(--color-text);font-size: 25px;}
header .search {display:flex; align-items:center;}
header .search img {margin-left:10px;}

/*PROMO*/

.slide {height: 600px;background-size: cover !important;background-position:center !important}
section.promo {padding:0}



/*TOURS*/

.tours .item {margin-bottom: 40px;}

.tours .item .title a {font-size: 19px;line-height: 24px;color: #3d1102;font-weight: bold;text-transform:uppercase;text-align:center;display:block;padding: 15px 0 5px;font-family: 'Avenir Next Cyr';min-height: 68px;}
.stars {
    text-align: center;
    margin-bottom: 20px;
}

.price {
    font-size: 30px;
    line-height: 24px;
    color: #3d1102;
    font-weight: bold;
}

.intro {
    margin: 10px 0;
}

/*REV*/

section.reviews .num {
    font-size: 18px;
}

.form-rev .title {
    font-size: 28px;
    line-height: 1.5;
    color: #3d1102;
    margin-bottom: 30px;
}

form input {
    padding: 10px;
    border: none;
    width: 100%;
}

form textarea {
    padding: 10px;
    border: none;
    width: 100%;
	height:100px;
}

form label {
    margin-bottom: 10px;
    font-size: 18px;
}

.form-group {
    margin-bottom: 20px;
}

.check input {
    width: auto;
    margin-right:10px;
}

.check {
    margin-bottom: 30px;
}

form button {
    border: 2px solid;
    border-color: #f0d8ab;
    background: none;
    text-transform: uppercase;
    color: var(--color-text);
    font-weight: 700;
    padding: 10px 45px;
}

form button:hover {background:var(--color-text); color:#fff; border-color:var(--color-text)}


/*FOOTER*/

footer {background:#e7cda1 url(../img/footer.png) no-repeat right center; padding:40px 0; background-size:80%}
.title-footer {
    font-size: 18px;
    line-height: 24px;
    color: #3c1504;
    font-weight: 700;
    font-family: 'Colus';
}

.adr {
    margin-bottom: 0px;
}

footer .info {
    padding-left: 40px;
}


footer .soc {margin-top:15px;}
footer .soc a {background:var(--color-text); color:var(--color-primary); width:24px; height:24px; display:inline-flex; align-items:center; justify-content:center; border-radius:4px;}
footer .soc a:hover {background:var(--color-text)}
footer .soc .last a {width:auto;background: none;color: var(--color-text);font-size: 20px;}
footer .cont {
    display: flex;
    align-items: center;
}




/*ABOUT*/

.about-intro p {
    text-align: center;
    font-weight: 700;
    font-size: 18px;
}

.about-intro {
    margin-bottom: 20px;
}
.pre {padding-bottom:20px;}
.pre .fon {background:#f0d8ac url(../img/fon1.png) no-repeat center bottom; padding:40px 0 180px 0; background-size:80%;}
.pre .fon .item span {font-size: 18px;
line-height: 18px;
					  padding-left:20px;
color: #3c1504;
font-weight: bold;
text-transform:uppercase;
font-family:'Colus';
display:inline-block;					  
					 }
.pre .fon .item .text {margin-top:20px; padding:0 20px 0 0;}
.pre .fon .item img {height:50px}
section.team .img {
    flex-basis: 20%;
    margin-right: 40px;
}

section.team .title {
    font-weight: 700;
    font-size: 19px;
}

section.team .item {
    margin-bottom: 40px;
}

section.part .item {
    padding: 0 15px 30px;
}

section.contacts img {
    max-height: 500px;
}

.images {
    position: relative;
}

.images .mySwiper3 {
    position: relative;
    margin-bottom: 10px;
}

section.tour h1 {
    margin-bottom: 10px;
    font-family: 'Colus';
}

section.tour .price {
    text-align: left;
    font-size: 23px;
    margin-bottom: 30px;
    margin-top: 26px;
}

section.tour .date .title {
    font-size: 18px;
    font-weight: bold;
}

.more-text {
    max-width: 800px;
    margin: 30px auto;
}

.more-text ul {margin:20px 0 30px}
.more-text p {
    margin-bottom: 15px;
}
.price-more ul li {
    margin-bottom: 10px;
    background:url(/img/pre4.svg) no-repeat left 3px !important; padding-left:35px;
    background-size:20px !important;
}

.more-text ul li {
    margin-bottom: 10px;
    background:url(/img/pre3.svg) no-repeat left 3px; padding-left:35px;
    background-size:20px
}
.price-more .down a, .price-more .back a {
    display: inline-block;
    border: 3px solid #eedab5;
    color: var(--color-text);
    padding: 7px 20px;
}

.down a {
    display: inline-block;
    border: 3px solid #eedab5;
    color: var(--color-text);
    padding: 7px 20px;
}
.down a i {padding-left:5px;}
.price-more .but a {display:flex; align-items:center; justify-content:center; width:220px; text-align:center;}
.price-more .but a img {margin-right:10px;width: 24px;}
.down a:hover, .price-more .back a:hover {background:var(--color-text); color:#fff; border-color:var(--color-text)}
.price-more .back a { margin-top:20px; width:220px; text-align:center;}
.more-text .title {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 10px;
    margin-top: 20px;
}
.modal.prog h3 {text-align:left; color:var(--color-text); font-size:20px !important;}
.modal.prog {min-width:800px; background:#fcf6e8 url(../img/bron.png) no-repeat center bottom; background-size:100%;}
.modal.prog h2 {text-align:center; color:var(--color-text); text-transform:uppercase;}
.modal.prog .itog {text-align:right; padding:20px 0; font-size:32px; font-weight:bold; color:var(--color-text)}
.modal.prog .itog span  {font-size:18px;}
.modal.prog table td {border-bottom:2px solid; border-color:var(--color-text); padding:10px; text-align:center; }
.modal.prog table td input {border:none; background:none; width:50px; text-align:center; margin:0 auto;}
.modal.prog table td .fl {width:120px; margin:0 auto;}
.modal.prog table td span {cursor:pointer;border:2px solid; border-color:var(--color-text);width:32px; height:32px; font-size:32px; font-weight:500; display:flex; align-items:center; color:#caa477; justify-content:center;}
.modal.prog table {width:100%}
.price-more {
    margin-top: 30px;
}
.order-form {
    max-width: 600px;
    margin: 0 auto;
    padding-bottom: 160px;
}

.order-form input {border:2px solid; border-color:var(--color-text); background:#fcf4e5;}
.order-form .but-next {background:#efd9ae;padding:10px 0}
.order-form .check {
    text-align: left;
    color: var(--color-text);
    margin-bottom: 11px;
}

.order-form .but button {
    background: #c9a777;
    width: 100%;
    text-align: center;
    display: block;
    max-width: 400px;
    margin: 0 auto;
}

.order-form .pay {
    margin-bottom: 30px;
}

section.about-us.thanks-order h1 {
    text-align: center;
    text-transform: uppercase;
    font-size: 28px;
}

section.about-us.thanks-order h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 44px;
}

.people {
    text-align: center;
}

.people .title {
    text-align: center;
    font-weight: 500;
    font-size: 23px;
}

.people ul li {
    font-weight: 700;
    font-size: 18px;
}
.cont-place {
    margin-bottom: 40px;
}

.form-group label {display: block;text-align: left;}

.order-form select {
    border: 2px solid;
    border-color: var(--color-text);
    background: #fcf4e5;
    width:100%;
    padding: 10px;
}

.sea-hid button {
    width: auto;
    border: none;
    color: #421e0f;
    position: relative;
    padding: 3px 10px;
}

.sea-hid form {
    display: flex;
}
.sea-hid {
    position: absolute;
    margin-top: 88px;
    background: #eed3a0;
    padding: 2px;
    z-index: 999;
}

.sea-hid input:focus-visible {outline:0}