@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Montserrat:wght@100..900&family=Russo+One&display=swap');

html{
  margin: 0;
  padding: 0;
}
body {
  font-family: "Manrope", sans-serif;
  font-weight: 300;
  font-optical-sizing: auto;
  padding: 0;
}

h1, h2, h3, h4, h5 {
  font-family: "Russo One", sans-serif;
  font-weight: 400;
  font-style: normal;
}
p {
	font-size: 1em;
}

a {
	text-decoration: none!important;
}

.russo{
	font-family: "Russo One", sans-serif;
	margin-bottom: 0;
}



/* COLORS */

.white_text{
	color: #FFF5E9!important;
}
.white_bg{
	background-color: #FFF5E9!important;
}

.black_text{
	color: #000!important;
}
.black_bg{
	background-color: #000!important;
}

.sand_text{
	color: #E4AF7D!important;
}
.sand_bg{
	background-color: #E4AF7D!important;
}

.yellow_text{
	color: #F6C660!important;
}
.yellow_bg{
	background-color: #F6C660!important;
}

.orange_text{
	color: #E06030!important;
}
.orange_bg{
	background-color: #E06030!important;
}

.red_text{
	color: #E4150B!important;
}
.red_bg{
	background-color: #E4150B!important;
}
.blue_very_light{
	color:#ebf1fd;
}
.blue_very_light_bg{
	background-color:#ebf1fd;
}
.blue_deep{
	color:#3b536a!important;
}
.blue_bg{
	background-color:#3b536a!important;
}

.blue_middle{
	color:#657c93!important;
}
.blue_middle_bg{
	background-color:#657c93!important;
}

.pink_text{
	color:#f2e3e3!important;
}
.pink_bg{
	background-color:#f2e3e3!important;
}



/*  DESCTOP  */
@media (min-width: 811px){

	.big_fields_text{
		width: 76%;
		margin-left: auto;
		margin-right: auto;
	}
	.big_fields_text_all{
		width: 76%;
		margin-left: auto;
		margin-right: auto;
	}
	.wrap_cover{
		position: relative;
		height: 800px;
		overflow: hidden;
	}

	.head_cover{
		position: relative;
		z-index: -5;
		margin-top: -18em;
		width: 100%;
		height: 120vh;
	    overflow-y: clip;
	    opacity: .9;
	    object-fit: cover;
	}
	.head_lozung{
		font-size: 10em;
		color: #fff;
		padding: 0 0 0 1em;
		margin-top: -4.6em;
		position: absolute;
		z-index: 5;
		opacity: .8;
	}



	.head_lozung_wrap{
		padding: 0 0 0 5em;
		margin-top: -34em;
		position: absolute;
		z-index: 5;
	}
	.head_lozung_lection{
		font-size: 10em;
		color: #fff;
		opacity: .92;
	}


	.head_lection_title{
		font-size: 4em;
		color: #fff;
		opacity: .92;
		margin: -8em 0 0 2em;
	}


	.head_index{
		color: #fff;
		padding: 0 0 0 18em;
		margin: -44em auto 1em auto;;
		position: absolute;
		z-index: 5;
		opacity: .8;
	}
	.h1_index{
		font-size: 8em;
	}

	.index_cover {
		z-index: -2;
		margin-top: -10em;
		position: relative;
		min-width: 100%!important;
		height: auto;
		filter: brightness(60%);

		object-fit: cover;
		overflow: hidden;
	}


	.sub_logo{
		font-weight: 500;
	}


	.blog_carousel{
		width: 100%;
	}


}

/*  PHONE  */
@media (max-width: 810px){

	.big_fields_text{
		width: 96%;
		margin-left: auto;
		margin-right: auto;
	}
	.big_fields_text_all{
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}

	.wrap_cover{
		position: relative;
		height: 500px;
		overflow: hidden;
	}

	.head_cover{
		margin-top: -8em;
		position: absolute;
		z-index: -1;
		width: auto;
		height: 90vh;
		object-fit: cover;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		overflow: hidden;
		opacity: .7;
		object-fit: cover;
	}
	.head_lection_cover{
		opacity: 1;
	}
	.head_lozung{
		font-size: 3.2em;
		color: #fff;
		padding: 3.4em 0 0 .4em;
		position: absolute;
		z-index: 5;
		/*margin: 5em 0 2em 0;*/
		opacity: .8;
	}


	.head_lozung_wrap{
		padding: 0 0 0 1em;
		margin-top: 12em;
		position: absolute;
		z-index: 5;
	}
	.head_lozung_lection{
		font-size: 4em;
		color: #fff;
		opacity: .92;
		padding: 0 0 0 .4em;
	}

	.head_lection_title{
		font-size: 2.2em;
		color: #fff;
		opacity: .92;
		padding: 2em .4em 0 .4em;
	}

	.head_index{
		color: #fff;
		margin: -33em auto 1em auto;
		padding: 3.4em 0 0 .4em;
		position: absolute;
		z-index: 5;
		opacity: .8;

	}
	.h1_index{
		font-size: 4em;
	}


	.index_cover {
		z-index: -2;
		margin-top: -2em;
		position: relative;
		min-width: 100%!important;
		height: auto;
		filter: brightness(60%);

		object-fit: cover;
		overflow: hidden;
	}

	.tabs li{
		font-size: .9em;
	}

	.sub_logo{
		font-weight: 400;
		font-size: .9em;
	}

	.blog_carousel{
		height: 70vh;
		width: 100%;
		position: center;
		overflow: hidden;
	}


}



.very_big_h{
	font-size: 6em;
	font-weight: 600;
}

.small_text{
	font-size: .8em;
	font-weight: 100;
}

.main_lable{
	padding-top: 8em;
	padding-left: 14em;
}


.main_cover {
	z-index: -2;
	margin-top: -25em;
	position: relative;
	min-width: 100%!important;
	height: auto;
	filter: brightness(60%);

}

.main_cover_mob {
	z-index: -2;
	margin-top: -20em;
	position: relative;
	width: 100%!important;
	height: auto;
	filter: brightness(60%);
}
.main_title_mob{
	padding-top: 8em;
	font-weight: 600;
}

.we_500{
	font-weight: 500;
}

.icon_suprem{
	height: 100%;
	width: 36px;
}


.no{
	width: 48px;
	height: 100%!important;
}

.tour_btn{
	background-color: #e2eaf2;
	font-size: 1.1em;
	border: none;
	border-radius: 0px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
	padding: .7em 1em;
	margin: .4em;
	width: 14em;
}
.tour_btn:hover{
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
}


/*  TABS */

ul {
    list-style: none;
    background-color: #151414;
}

.tabs {
    width: 100%;
    height: 3em;
    margin: auto;
    margin-top: 50px;
    padding: 0 !important;
    display: flex;
    align-items: center;
    box-shadow: 10px 10px 19px #ebeced, -10px -10px 19px #ebeced;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.tabs li {
    background-color: #151414;
    width: 33.33% ;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    cursor: pointer;
}

.tabs li:hover {
    background: linear-gradient(145deg, #151414, #121b20);
    box-shadow: 10px 10px 19px #1c1e22, -10px -10px 19px #262a2e;
    color: #657c93;
    position: relative;
    z-index: 1;
    border-radius: 10px;
}

.active_choice_tab {
    background: linear-gradient(145deg, #1e2024, #23272b);
    box-shadow: 10px 10px 19px #1c1e22, -10px -10px 19px #262a2e;
    color: #657c93 !important;
    position: relative;
    z-index: 1;
    border-radius: 10px;
}

/*.tours_container{
	display: grid;
	grid-gap: 20px;
	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
*/

.tours_container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.card {
	margin-bottom: 16px;
}
.card-title {
  font-size: 1.3em;
}

.card-sub-title{
	font-size: 1.14em;
}


/* BOOTSTRUP CHANGED */


.card-body a{
	color:#000!important;
}


.bg-dark{
	background-color: #151414 !important;
}
.btn-outline-secondary{
	background-color: #EFE7D4;
}
.btn-outline-secondary:hover{
	background-color: #f7ebcd!important;
	color: #565859!important;
}


.btn-success{
	background-color:#7a95b1!important;
	border-color:#7a95b1!important;
	color: #000;
}
.btn-success:hover{	
	background-color:#657c93 !important;
	border-color:#657c93 !important;
	color: #000;
}



.btn-primary{
	background-color: #E4AF7D !important;
	border-color: #E4AF7D !important;
	color: #000;
}
.btn-primary:hover{
	background-color: #D7975A!important;
	border-color: #D7975A !important;
	color: #000;
}



.nav-link:hover {
	color: #E4AF7D!important;
}
.nav-link:active {
	color: #F6C660!important;
}

.navbar-light .navbar-toggler-icon{
	background-image: url("https://kulik.spb.ru/static/img/burger.png");
}