@charset "utf-8";

body {
	position: relative;
	color: #222;
	background: #fff;
	font-family: "Montserrat"
}
.font_style {
	font-family: "Allegroscript"
}
:root {
	--colorMain: #6b1816;
	--colorWhatsApp: #18b308;
	--colorMainDark: #442f28;
	--colorMainLight: #f0f0ee;
}
.wave_site {
	overflow: hidden;
	height: calc(10vw);
	position: absolute;
	width: 100%;
}
svg {
  height: 100%;
  width: 100%;
}
path {
  stroke: none;
}

header a:hover {
	text-decoration: none;
}


/**/

.check_mark li::before {
  border: 1px solid var(--colorMain);
  background: var(--colorMain);
}


/*HEADER*/

.cd-auto-hide-header {
	position: fixed;
	z-index: 3;
	top: 0;
	left: 0;
	width: 100%;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	will-change: transform;
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s;
	background: #fff;
}

.cd-auto-hide-header::after {
	clear: both;
	content: "";
	display: block;
}

.cd-auto-hide-header.is-hidden {
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}

.cd-auto-hide-header,
.top_header {
	height: 45px;
}


@media (min-width: 576px) {
	.cd-auto-hide-header,
	.top_header {
		height: 55px;
	}
}
@media (min-width: 992px) {
	.cd-auto-hide-header,
	.top_header {
		height: 65px;
	}
}
@media (min-width: 1200px) {
	.cd-auto-hide-header,
	.top_header {
		height: 70px;
	}
}
/*
@media only screen and (min-width: 992px) {
	.top_header {
		padding: 0 30px;
	}
}
*/
/*LOGO*/

.logo {
	float: left;
	display: grid;
	align-items: center;
	height: 100%;
	width: 1px;
}
.logo_link {
    display: block;
	align-items: center;
	padding-left: 40px;
	height: 35px;
	max-width:400px
}

@media (min-width: 475px) { 
	.logo_link {
		padding-left: 50px;
		height: 45px;
	}
}
@media (min-width: 576px) { 
	.logo_link {
		padding-left: 50px;
		height: 55px;
	}
}
@media (min-width: 768px) { 
	.logo_link {
		padding-left: 50px;
	}
}
@media (min-width: 992px) { 
	.logo_link {
		padding-left: 0;
		height: 65px;
	}
}
@media (min-width: 1200px) { 
	.logo_link {
		padding-left: 0;
		height: 70px;
	}
}


.logo_img {
	height: 100%;
	display:none;
}


@media (min-width: 475px) { 
.logo_img {
    display:inherit;
}

}
.logo_ic {
    height: 100%;
	display:inherit;
}
@media only screen and (min-width: 475px) {
	.logo_ic {
		display:none;
	}
}




.right_block {
	display: grid;
	align-items: center;
	height: 100%;
	justify-items: end;
	max-width: calc(90vw);
}


.block_function > .d-table-cell > * {
	padding-left: calc(1.5vw);
	padding-right: 0;
}

@media only screen and (min-width:1024px) {
	.block_function > .d-table-cell > * {
		padding-left: calc(1.5vw);
		padding-right: 0;
	}
}
@media only screen and (min-width:1200px) {
	.block_function > .d-table-cell > * {
		padding-left: calc(4vw);
		padding-right: 0;
	}
}


/*phone*/

.phone_link {
	display: flex;
	align-items: center;
}

/**/

.phone_number {
	line-height: 0.85rem;
	font-size: 1rem;
	display: none;
	
}
@media only screen and (min-width:768px) {
	.phone_number {
		display: block;
	}
}
@media (min-width: 992px) {
	.phone_number {
		line-height: 1rem;
		font-size: 1.1rem;
	}
}
/**/
.phone_ic {
	display: grid;
	font-size: 1.8rem;
	position: relative;
	color: var(--colorMain);
}
@media (min-width: 475px) {
	.phone_ic {
		font-size: 2rem;
	}	
}
@media (min-width: 768px) {
	.phone_ic {
		font-size: 1.7rem;
		padding-right: 10px;
	}
}

.phone_ic:after {
	position: absolute;
	content: " ";
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	transition: all 0.3s ease;
	-webkit-transform: scale(.1);
	transform: scale(.1);
	border-radius: 50px;
}
@media (max-width: 767.99px) {
.phone_ic:hover {
    color: #fff;
	text-shadow: 
		-0   -1px 0   var(--colorMain),
		 0   -1px 0   var(--colorMain),
		-0    1px 0   var(--colorMain),
		 0    1px 0   var(--colorMain),
		-1px -0   0   var(--colorMain),
		 1px -0   0   var(--colorMain),
		-1px  0   0   var(--colorMain),
		 1px  0   0   var(--colorMain),
		-1px -1px 0   var(--colorMain),
		 1px -1px 0   var(--colorMain),
		-1px  1px 0   var(--colorMain),
		 1px  1px 0   var(--colorMain),
		-1px -1px 0   var(--colorMain),
		 1px -1px 0   var(--colorMain),
		-1px  1px 0   var(--colorMain),
		 1px  1px 0   var(--colorMain);
}

.phone_ic:hover::after {
    background: var(--colorMain);
	-webkit-transform: scale(1);
    transform: scale(1);
}
}

/**/
.whatsapp_btn {
    color: var(--colorWhatsApp);
    justify-items: center;
    align-items: center;
    display: grid;
	position: relative;
	z-index: 0;
}

@media (min-width: 768px) {
	.whatsapp_btn {
		
		grid-template-columns: auto auto;
		border: 3px solid var(--colorWhatsApp);
    border-radius: 50px;
    padding: 7px 20px;
    font-size: 1rem;
    font-weight: bold;
	}
}


@media (min-width: 1024px) {
	.whatsapp_btn {
		padding: 7px 27px;
	}	
}

.whatsapp_btn:hover {
    color: #fff;
	text-shadow: 
		-0   -0.5px 0   var(--colorWhatsApp),
		 0   -0.5px 0   var(--colorWhatsApp),
		-0    0.5px 0   var(--colorWhatsApp),
		 0    0.5px 0   var(--colorWhatsApp),
		-0.5px -0   0   var(--colorWhatsApp),
		 0.5px -0   0   var(--colorWhatsApp),
		-0.5px  0   0   var(--colorWhatsApp),
		 0.5px  0   0   var(--colorWhatsApp),
		-0.5px -0.5px 0   var(--colorWhatsApp),
		 0.5px -0.5px 0   var(--colorWhatsApp),
		-0.5px  0.5px 0   var(--colorWhatsApp),
		 0.5px  0.5px 0   var(--colorWhatsApp),
		-0.5px -0.5px 0   var(--colorWhatsApp),
		 0.5px -0.5px 0   var(--colorWhatsApp),
		-0.5px  0.5px 0   var(--colorWhatsApp),
		 0.5px  0.5px 0   var(--colorWhatsApp);
}

/**/

.whatsapp_btn:after {
	position: absolute;
content: " ";
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
transition: all 0.3s ease;
-webkit-transform: scale(.1);
transform: scale(.1);
	border-radius: 50px;
}
.whatsapp_btn:hover::after {
    background: var(--colorWhatsApp);
	-webkit-transform: scale(1);
    transform: scale(1);
}

	

/**/

.whatsapp_btn span {
	display: none;
}
@media (min-width: 768px) {
	.whatsapp_btn span{
		display: block;
		
	}
}
/**/

.whatsapp_btn i {
    font-size: 1.8rem;
}
@media (min-width: 475px) {
	.whatsapp_btn i {
		font-size: 2rem;
	}	
}
@media (min-width: 768px) {
	.whatsapp_btn i {
		font-size: 1.5rem;
		padding-right:5px
	}	
}
@media (min-width: 1024px) {
	.whatsapp_btn i {
		font-size: 1.8rem;
	}	
}

/**/

/**/


/*soc*/

.ic_soc_item {
	display: flex;
	justify-content: center;
}
.contact_details .ic_soc_item {
  justify-content: left;
}
.ic_soc_link {
	width: 27px;
	margin-right: calc(1.5vw);
}
.ic_soc_link:last-of-type {
	margin-right: 0;
}
@media (min-width:475px) {
	.ic_soc_link {
		width: 30px;
	}
}
@media (min-width:768px) {
	.ic_soc_link {
		width: 40px;
		padding: 5px;
		margin-right: 0;
	}
}
@media (min-width: 1024px) {
	.ic_soc_link {
		width: 45px;
		padding: 7px;
	}
}
.ic_soc_link img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.ic_soc_link:hover img {
	filter: contrast(200%) hue-rotate(-20deg);
}

















/*MENU*/

/**menu**/	

.cd-secondary-nav {
	background:var(--colorMain);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
	display: none;
	height: 0px;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
	
}

@media only screen and (min-width: 992px) {
	.cd-secondary-nav {
		height: 45px;
		display: block;
	}
}



/**/

.cont_menu {
	position: relative;
	right: 50%;
	float: right;
	
}

.top_menu.flex {
	position: relative;
	left: 50%;
	float: left;
}

nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.top_menu a {
  padding: 10px calc(2vw);
  white-space: nowrap;
  display: grid;
  width: 100%;
  color: #fff;
  font-size: 0.9rem;
  height: 45px;
  z-index: 1;
  overflow: hidden;
  align-content: center;
}


@media only screen and (min-width: 768px) {
	.top_menu > li > a {
		line-height: 1.6rem;
	}
}
.top_menu.flex > li > a.effect_2w::after {  
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}
.top_menu.flex > li > a.effect_2w:hover::after, 
.top_menu.flex > li.active > a.effect_2w::after {  
	-webkit-transform: translateY(-12px);
	-moz-transform: translateY(-12px);
	transform: translateY(-12px);
}

.top_menu > li > a.active, 
.sub_menu a:hover {
	position: relative;
}



.sub_menu {
	position: absolute;
	z-index: 5;
	min-width: 150px;
	background: #fff;
	visibility: hidden;
	opacity: 0;
	width: auto;
	text-align: left;
	top: 45px;
	-webkit-transition: all 0s ease-in-out 0s;
	-moz-transition: all 0s ease-in-out 0s;
	-o-transition: all 0s ease-in-out 0s;
	-ms-transition: all 0s ease-in-out 0s;
	transition: all 0s ease-in-out 0s;
	left: 0;
	padding: 0;
	box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.1),0 2px 10px rgba(0, 0, 0, 0.1);
}

.flex_menu {
	position: absolute;
	z-index: 5;
	min-width: 150px;
	background: #fff;
	visibility: hidden;
	opacity: 0;
	width: auto;
	text-align: right;
	right: 0;
	top: 45px;
	-webkit-transition: all 0.1s ease-in-out 0s;
	-moz-transition: all 0.1s ease-in-out 0s;
	-o-transition: all 0.1s ease-in-out 0s;
	-ms-transition: all 0.1s ease-in-out 0s;
	transition: all 0.1s ease-in-out 0s;
	padding: 0;
	box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.1),0 2px 10px rgba(0, 0, 0, 0.1);
}

.sub_menu li,
.flex_menu li {
	position: relative;
}

.sub_menu li a, 
.flex_menu li a {
  position: relative;
  color:var(--colorMain);
  border-bottom: 1px solid var(--colorMain);
}
.sub_menu li:last-of-type a, 
.flex_menu li:last-of-type a {
  border-bottom: none;
}
.sub_menu li a:hover,
.flex_menu li a:hover{
	color: var(--colorDark);
}
.sub_menu li.active a,
.flex_menu li.active a{
	color: #fff;
}
.sub_menu .sub_menu,
.flex_menu .flex_menu {
	position: absolute;
	left: 100%;
	top: -1px;
}

nav li:hover > .sub_menu,
nav li:hover > .flex_menu {
	transform: rotateX(0deg);
	visibility: visible;
	opacity: 1;
}
.flexMenu-viewMore {
  height: 45px;
}
.flexMenu-viewMore a {
  height: 100%;
}
.flexMenu-viewMore > a::before {
  content: "°°°";
  line-height: 1px;
  font-size: 1.5rem;
  position: relative;
  top: 16px;
  font-weight: 300;
}

.sub_menu li {
    height: auto;
	
}

.flex_menu li {
	height: auto;
}

.top_menu > li {
	float: left;
	position: relative;
	margin-right: 1px;
}

/**/
.flex-multi {
	float: left;
	width: 45%;
	margin-bottom: 100px;
}

.flex-multi + .flex-multi {
	float: right;
}

.flexMenu-viewMore {
	height: 45px;
	cursor: pointer;
}

.flex_menu li a {
    text-align: center;
	
}
.flexMenu-viewMore > a {
    align-content: baseline;
}
.flexMenu-viewMore > a:hover,
.flexMenu-viewMore > a.a_active{
    color:var(--colorMain);
}

.flexMenu-viewMore.active:hover {
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.top_menu a.effect_4w:hover,
li.active > a.effect_4w,
.active_flex .a_active::before,
.top_menu .a_active,
.top_menu .a_hover:hover{
  color:var(--colorMain);
}
.top_menu a.effect_11m:hover,
.top_menu a.effect_12m:hover {
	color: #fff;
} 
.top_menu.flex a.effect_2w.a_active::after {
	-webkit-transform: translateY(-12px);
	-moz-transform: translateY(-12px);
	transform: translateY(-12px);
	opacity: 1;
} 
.active_flex .a_active::after {
	height: 100%;
}
/**/

@media only screen and (min-width: 1024px) {
	.menu_mobil {
		display: none;
	}
}

.menu_mobil {
	display: block;
	padding-top: 45px;
	margin: 0 -15px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
	border-bottom: 1px solid#f1f1f4;
}


@media (min-width: 576px) {
	.menu_mobil {
		padding-top: 55px;
	}
}

@media only screen and (min-width: 992px) {
	.menu_mobil {
		display: none;
	}
}

.mob_menu {
	display: none;
	background: #fff;
	padding: 0;
	height: calc(100vh - 45px);
	overflow: auto;
	width: 100%;
}

.mob_menu li {
	display: block;
	margin: 0;
}

.mob_menu a {
	display: block;
	height: 50px;
	line-height: 50px;
	color: #000;
	border-top: 1px solid #f2f2f2;
	white-space: nowrap;
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
}

@media (min-width: 576px) {
	.mob_menu a {
		padding-left: 60px;
		padding-right: 60px;
	}
}

.mob_menu a::before, .mob_menu a::after {
	font-size: 1rem;
}



.mob_menu a.phone_link_mob {
	font-size: 1rem;
	border: none;
	display: inline;
	padding: 0;
	text-decoration: none;
}

.phone_mob, .address_mob {
	padding-left: 20px;
	font-size: 0.85rem;
	line-height: 1.3px;
	padding-bottom: 16px;
	padding-top: 5px;
}
@media (min-width: 576px) {
	.phone_mob, .address_mob {
		padding-left: 60px;
	}
}



.phone_mobil,.geo_mobil {
	padding-top: 10px;
	border-top: 1px solid #f2f2f2;
	/*box-shadow:inset 0 0 10px rgba(0, 0, 0, 0.1);*/
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#00000000',GradientType=0 );
}

.phone_mob i, .address_mob i {
	padding-right: 10px;
	font-size: 1rem;
	color: var(--colorMain);
}



.contact_mobil {
    max-width: 320px;
    margin: 0 auto;
    padding: 20px;
}

.contact_mobil > * {
    width: 100%;
    padding: calc(1vw);
    
}
@media only screen and (min-width:576px) {
	.contact_mobil > * {
		width: 50%;
		justify-content: center;
	}
}
/**/
.burger_link {
	position: absolute;
}
/**/
/*nav-trigger*/
.cd-auto-hide-header .nav-trigger {
	display: grid;
	height: 55px;
	padding: 0;
	font-size: 1.2rem;
	text-transform: uppercase;
	text-align: center;
	align-items: center;
	width: 40px;
}

@media (max-width: 575px) {
	.cd-auto-hide-header .nav-trigger {
		height: 45px;
		font-size: 1rem;
		width: 30px;
	}
}

.cd-auto-hide-header .nav-trigger span {
	display: table-cell;
	vertical-align: middle;
}
/**/
.cd-auto-hide-header .nav-trigger em, 
.cd-auto-hide-header .nav-trigger em::after, 
.cd-auto-hide-header .nav-trigger em::before {
	display: block;
	position: relative;
	height: 2px;
	background-color:var(--colorMain);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	left:0;
}
.cd-auto-hide-header .nav-trigger em {
	width: 19px;
}
.cd-auto-hide-header .nav-trigger em::after {
	width: 25px;
}
.cd-auto-hide-header .nav-trigger em::before {
	width: 25px;
}
/**/
.cd-auto-hide-header .nav-trigger em {
	/*margin: 0 auto;*/
	-webkit-transition: background-color .2s;
	transition: background-color .2s;
}

.cd-auto-hide-header .nav-trigger em::before, .cd-auto-hide-header .nav-trigger em::after {
	position: absolute;
	content: '';
	right: 0;
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
}

.cd-auto-hide-header .nav-trigger em::before {
	-webkit-transform: translateY(-6px);
	-ms-transform: translateY(-6px);
	-o-transform: translateY(6px);
	-moz-transform: translateY(6px);
	transform: translateY(-6px);
}

.cd-auto-hide-header .nav-trigger em::after {
	-webkit-transform: translateY(6px);
	-ms-transform: translateY(6px);
	-o-transform: translateY(6px);
	-moz-transform: translateY(6px);
	transform: translateY(6px);
}

@media only screen and (min-width: 992px) {
	.cd-auto-hide-header .nav-trigger {
		display: none;
	}
}

.cd-auto-hide-header.nav-open .nav-trigger em {
	background-color: rgba(255, 255, 255, 0);
}

.cd-auto-hide-header.nav-open .nav-trigger em::before {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(-45deg);
}

.cd-auto-hide-header.nav-open .nav-trigger em::after {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*multilevel*/
ul.mob_nav {
	padding: 0;
	margin: 0;
}

ul.mob_nav ul {
	display: none;
	margin: 0;
	padding: 0;
}

ul.mob_nav ul li {
	clear: both;
	margin: 0;
	padding: 0;
}

.mob_menu ul.mob_nav ul li a {
	padding-left: 50px;
}
@media (min-width: 576px)  {
	.mob_menu ul.mob_nav ul li a {
		padding-left: 90px;
	}
}
.transform_top::after {
	content: "\f107";
	
}
.transform_bottom::after {
	content: "\f106";
	
}
.transform_top::after,
.transform_bottom::after {
	font-family: FontAwesome;
	position: absolute;
	top: 0;
	right: 30px;
}
@media (min-width: 576px)  {
	.transform_top::after,
	.transform_bottom::after {
		right: 60px;
	}	
}
/**/

.contact_mobil {
	padding-left: 20px;
	padding-right: 20px;
}

@media (min-width: 576px) {
	.contact_mobil {
		padding-left: 60px;
		padding-right: 60px;
	}
}
.contact_mobil a {
	border: none;
	padding: 0;
}











/*MAIN*/

.cd-main-content {
	overflow: hidden;
	padding-top: 45px;
}


@media (min-width: 576px) {
	.cd-main-content {
		padding-top: 55px;
	}
}

@media (min-width: 992px) {
	.cd-main-content {
		padding-top: 110px;
	}
}
@media (min-width: 1200px) {
	.cd-main-content {
		padding-top: 115px;
	}
}

/*SLIDER*/

.banner_block {
	height: auto;
	background: url("../img/bg_header.jpg") no-repeat top center/cover;
	min-height: calc(60vh);
	position: relative;
	height: calc(100vh - 45px);
	display: grid;
align-items: center;
}
@media (min-width: 576px) {
	.banner_block {
		height: calc(100vh - 55px);
	}
}

@media (min-width: 992px) {
	.banner_block {
		height: calc(100vh - 110px);
		align-items: baseline;
	}
}
@media (min-width: 1200px) {
	.banner_block {
		height: calc(100vh - 115px);
	}
	
}
/**/
.banner_image {
	position: absolute;
	right: 0;
	bottom: -2px;
	display: none;
}
@media only screen and (min-width: 576px) {
	.banner_image{
		max-width: calc(40vw);
		height: calc(50vw);
		display: block;
	}
}
@media only screen and (min-width: 992px) {
	.banner_image{
		max-width: calc(30vw);
		height: calc(40vw);
	}
}
/**/
.banner_wave {
  bottom: -2px;
}

.name_site {
  font-size: 2rem;
	color: #fff;
}

@media only screen and (min-width: 475px) {
	.name_site{
		font-size: calc(10vw);
	}
}
@media only screen and (min-width: 992px) {
	.name_site{
		font-size: calc(5vw);
	}
}
/**/
.slide_list .check_mark li{
	font-size: 0.8rem
}
@media only screen and (min-width: 992px) {
	.slide_list .check_mark li{
		font-size: 1rem;
	}
}
.slide_list .check_mark li::before {
  border: 1px solid #fff;
  background: #fff;
	
}

/**/
.appenHeader {
  position: relative;
	height: 30px
}

.slick-dots.dots_header {
	text-align: left;
	bottom: 50%;
	transform: translate(0, 50%);
}
.dotsHeader{
	width: 100%;
	margin-right: 0;
	margin-left: auto;
	max-width: 260px;
	position: relative;
	height: 20px
}

@media only screen and (min-width: 576px) {
	.dotsHeader{
		max-width: calc(55%);
	}
}
/**/

.slick-dots li button::before {
	width: 12px;
	height: 12px;
	border: 1px solid var(--colorMain);
	background: var(--colorMain);
	margin-top: 0;
	opacity: 0.4;
}

.slick-dots li.slick-active button::before {
	opacity: 1;
	color: var(--colorMain);
	background: var(--colorMain);
	border: 1px solid var(--colorMain);
	width: 12px;
	height: 12px;
	margin: 0;
	left: 0;
	top: 0;
}



/*btn_modal*/
.btn_width {
  max-width: 250px;
}

.btn_modal {
	padding: 10px 25px;
	display: block;
	position: relative;
	border-radius: 50px;
	z-index: 1;
	box-shadow: 0 0 13px 0px rgba(0, 0, 0, 0.1);
	text-align: center;
	color: #fff;
	background: var(--colorMain);
	border: 2px solid var(--colorMain);
	font-size: 0.9rem;
}
@media (min-width:1024px) {
	.btn_modal {
		padding: 15px 30px;
		min-width: 300px;
		font-size: 1rem;
	}
}


.btn_modal:after{
	border-radius: 50px;
	
}
.btn_modal:hover {
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	color: var(--colorMain);
	border: 2px solid var(--colorMain);
}
/*ABOUT*/
.about {
	position: relative;
}

.about_img {
	margin: 0 auto;
	display: block;
	padding: 0;
	height: auto;
	width: 100%;
	margin: 0 auto;
	max-width: 320px;
	}

@media (min-width: 576px) {
	
	.about_img {
		float: left;
		margin: 5px 10px 10px 0;
		max-width: calc(30vw);
		max-height: calc(30vw);
		object-fit: contain;
		object-position: center;

	}
}
/*GAME_POSSIBLE*/
.game_possible {
	background: url("../img/bg_header.jpg") no-repeat top center/cover;
	min-height: calc(60vh);
	position: relative;
	padding-top: calc(10vw);
	
}
.game_possible_wave.top {
	top: 0;
	z-index: 0;
}
.game_possible_wave.bottom {
	bottom: -2px;
	z-index: 2;
}
/**/
.game_possible_content {
	max-width: 600px;
	display: grid;
	align-items: center;
	padding-bottom: calc(10vw);
	height: 100%;
}
/**/
.game_possible_image {
	position: relative;
	right: 0;
	bottom: 0;
	display: block;
	z-index: 2;
	height: 100%;
	overflow: hidden;
	max-width: 320px;
}
@media only screen and (min-width: 576px) {
	.game_possible_image{
		position: absolute;
		height: 600px;
	}
}
@media (max-width: 991.99px) and (min-width: 576px) {
	.game_possible_image{
		max-width: calc(40vw);
		height: calc(50vw);
		display: block;
	}
}
@media (max-width: 1600.99px) and (min-width: 992px) {
	.game_possible_image{
		max-width: calc(30vw);
		height: calc(40vw);
		display: block;
	}
}
@media (max-width: 575.99px) {
	.game_possible_image{
		display: none;
	}
}
/**/
/*ALLOWED*/
.game_allowed {
	background: var(--colorMainLight);
}
.game_allowed_content {
  max-width: 600px;
  display: grid;
  align-items: center;
  /*padding-bottom: calc(10vw);*/
	height: 100%;
}
.game_allowed_image {
  position: relative;
  z-index: 2;
	overflow: hidden;
	display: none;
	
	
}
@media only screen and (min-width: 768px) {
	.game_allowed_image{
		margin: calc(-5vw) 0;
		display: block;
	}
}
/**/
/*CARDS*/
.cards {
	min-height: calc(60vh);
	position: relative;
	padding-top: calc(10vw);
	
}
.cards_wave.top {
	top: 0;
	z-index: 0;
}
.cards_wave.bottom {
	bottom: -2px;
  z-index: 2;
}

/**/
.cards_content {
	max-width: 800px;
	display: grid;
	align-items: center;
	padding-bottom: calc(10vw);
	height: 100%;
}
.cards_content.margin_right {
  margin: 0 0 0 auto;
}
/**/
.cards_image {
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	z-index: 2;
	height: 600px;
}
.cards_image.image_left {
  left: 0;
}
@media (max-width: 991.99px) and (min-width: 576px) {
	.cards_image{
		max-width: calc(50vw);
		height: calc(50vw);
		display: block;
		overflow: hidden;
	}
}
@media (max-width: 1600.99px) and (min-width: 992px) {
	.cards_image{
		max-width: calc(40vw);
		height: calc(40vw);
		display: block;
	}
}
@media (max-width: 575.99px) {
	.cards_image{
		display: none;
	}
}
/**/
/*CATALOG*/
.catalog {
  background: var(--colorMainDark);
  min-height: calc(60vh);
  position: relative;
}
.catalog::before {
  content: "Юлия Брунец";
  font-family: "Allegroscript";
  color: #fff;
  font-size: calc(5vw);
  position: absolute;
  opacity: 0.1;
  top: 0;
  right: calc(20vw);
}
/**/
.catalog_wave.top {
	top: 0;
	z-index: 0;
}
/**/
.slider_margin {
  margin: 10px calc(-3vw);
}
.catalog_item {
  padding: 0 calc(3vw);
  border-right: 1px solid var(--colorMainLight);
}
.content .catalog_item {
  border-right: 1px solid var(--colorMain);
  padding: 0 calc(2vw);
}
.catalog_data {
  font-size: 0.9rem;
  line-height: 1.2rem;
	opacity: 0.8;
  
}
.cat_btn  {
  max-width: 200px;
}
.cat_btn .btn_modal {
  border: 1px;
  padding: 10px 15px;
  font-size: 0.8rem;
  min-width: 100px;
}

.cat_data_price {
	font-size: 1.3rem;
}
/**/
.catalog_arrowss {
	position: relative;
	margin: 0 auto;
	max-width: 600px;
}

.catalog_btn {
  max-width: 400px;
  margin: 0 auto;
  width: 100%;
}

@media only screen and (min-width: 475px) {
	.catalog_btn{
		width: calc(100% - 150px);
	}
}
@media (max-width: 575.99px) {
	.catalog_btn .btn_modal {
		font-size: 0.8rem;
	}
}

.btn_modal.bg_white {
  background: #fff;
  color: var(--colorMain);
  box-shadow: inset 0 0 13px 0px rgba(0, 0, 0, 0.2);
  border-color: #fff;
}
.btn_modal.bg_white:hover {
	color:#fff; 
}

.arrowsCatalog {
  position: absolute;
  height: 100%;
  width: 100%;
	top: 60%;
transform: translate(0, -50%);
}
.arrows_site.slick-arrow {
  font-size: 4rem;
}
/**/
/*REVIEWS*/
.slider_bg {
  position: relative;
  border: 1px solid var(--colorMain);
	margin: 2rem 
}
.slid_smile {
  position: absolute;
  width: 50px;
  height: 50px;
  display: grid;
  align-items: center;
  justify-items: center;
  background: var(--colorMain);
  color: #fff;
  font-size: 2rem;
  border-radius: 50%;
  top: -2rem;
	left: -2rem
}

.dotsReviews {
  position: relative;
}
/**/
/*FAQ*/
.faq_item {
  margin-bottom: 10px;
}

.faq_btn {
  max-width: 400px;
  margin: 0 auto;
}
.btn.btn_faq {
  display: grid;
  text-align: left;
	position: relative;
	border: 1px solid var(--colorMain);
}
.btn.btn_faq.collapsed {
	border: 1px solid #ccc;
}
.btn_faq::after {
  content: "\f068";
  font-family: FontAwesome;
  color: #fff;
  position: absolute;
  text-align: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  line-height: 20px;
	background: var(--colorMain);
  display: grid;
  align-items: center;
  justify-items: center;
  right: 1rem;
  top: 50%;
  transform: translate(0, -50%);
}
.btn_faq.collapsed::after {
  content: "\f067";
  background: #ccc;
  
}

/**/
/*FORM*/
.form {
  background: url("../img/bg_header.jpg") no-repeat top center/cover;
	position: relative;
  
}
.form_content {
  position: relative;
  z-index: 1;
}
.form_box {
  max-width: 100%;
}
@media only screen and (min-width: 576px) {
	.form_box{
		max-width: 350px;
	}
}
@media only screen and (min-width: 992px) {
	.form_box{
		max-width: 500px;
	}
}
.input_form {
  height: calc(2.5em + .3em + 2px);
	border-radius: 50px;
}
.btn_form {
	padding: 0;
	display: block;
	position: relative;
	transition: all .3s cubic-bezier(.2, 0, 0, 1);
	z-index: 1;
	background: var(--colorMain);
	/*max-width: 400px;*/
	text-align: center;
	overflow: hidden;
	margin: 0;
	border-radius: 50px;
	border: 2px solid var(--colorMain);
}
.btn.btn_submit.fwn.ttu {
  width: 100%;
}
.btn_form:after {
	border-radius: 50px;
}
.btn_form > * {
	text-transform: unset;
	color: unset;
}

.btn_form > *.btn:hover {
	color: var(--colorMain);
}

/**/
.form_image {
	position: absolute;
	right: 0;
	bottom: -2px;
	z-index: 0;
	display: none
}
@media only screen and (min-width: 576px) {
	.form_image{
		display: block
	}
}
.form_image.contain img {
  object-position: bottom;
}

/*FOOTER*/
.footer {
	color:#fff;
	background:url("../img/bg_site.png") no-repeat top left/100%,#000;
	padding-top: 30px;
	position: relative;
}
/**/
.name_foot {
  font-size: 3rem;
	color: #fff;
}

@media only screen and (min-width: 475px) {
	.name_foot{
		font-size: calc(10vw);
	}
}
@media only screen and (min-width: 992px) {
	.name_foot{
		font-size: calc(4vw);
	}
}
/**/

.contact_screen {
  display: flex;
	padding: 15px 0;
}
@media (min-width: 768px) {
	.contact_screen {
		 display: inherit;
		padding: 0;
	}
}
/**/
.footer_menu {
		font-size: 0.9rem;
	}
@media (min-width: 1024px) {
	.footer_menu {
		font-size: 1rem;
	}
}







.postfooter_copyright {
	color: #fff;
	font-size: 0.8rem;
	padding: 30px 0;
}
@media only screen and (min-width:1024px) {
	.postfooter_copyright {
		font-size: 0.9rem;
	}
}
@media only screen and (min-width:992px) {
	.postfooter_copyright {
		padding: 15px 0;
	}
}


@media only screen and (min-width:768px) {
	.copyright.right_copyright {
    text-align: right;
}
}



/*foot_modil*/
.acc_footer {
	width: 100%;
	padding: 7px 0;
	background: none;
	border: none;
	position: relative;
	text-align: left;
	border-bottom: 1px dashed;
	font-size: 1rem;
	color: #fff;
}
.acc_footer.font_style.active {
  opacity: 1;
}
	.acc_footer:focus {
		outline: none;
	}

	.acc_footer.active {
		background: none;
	}

	.acc_footer::after {
		content: "\f106";
font-family: 'FontAwesome' !important;
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
		position: absolute;
		top: 8px;
		right: 0;
	}

	.acc_footer.active::after {
		content: "\f106";
font-family: 'FontAwesome' !important;
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	.panel.acc_panel {
		background: none;
		padding: 0;
	}
.panel {
		padding: 0 18px;
		background-color: white;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.2s ease-out;
	}
@media (min-width:768px) {
	.panel {
		max-height: 100%;
		overflow: inherit;
	}
}
@media only screen and (min-width:768px) {
	.acc_footer {
		display: none;
	}
	
}

















/**/
a.scrollup, a.scrollup:focus {
    position: fixed;
    width: 38px;
    height: 34px;
    bottom: calc(2.5vw);
    right: calc(2.5vw);
    background: var(--colorMain);
    border: 2px solid var(--colorMain);
    display: none;
    z-index: 2;
    outline: 0;
    text-align: center;
    color: #000;
    width: 45px;
    height: 45px;
    border-radius: 50%;
}
a.scrollup:hover,a.scrollup:active {
	opacity:1;
	text-decoration:none;
	background: #fff;
	border: 2px solid var(--colorMain);
	
}
a.scrollup i {
    padding-bottom: 4px;
    color: #fff;
    font-size: 1.2rem;
    display: grid;
    width: 100%;
    height: 100%;
    justify-items: center;
    align-items: center;
}
a.scrollup i:hover {
	text-decoration:none;
	color: var(--colorMain);
}

/*TOP_MAIN*/
.top_main {
  background: var(--colorMainDark);
	position: relative;
}

.title_bg {
  position: relative;
}

.B_crumbBox {
	display: flex;
	align-items: center;
	flex-flow: row wrap;
	font-size: 0.8rem;
}
.B_crumbBox span {
	white-space: nowrap;
}
.B_crumbBox a,.B_currentCrumb {
	opacity: 0.8
}
.B_crumbBox a:hover {
	opacity: 1
}
.dost_brea {
	font-size: 8px;
	padding: 2px 10px 0;
}
.breadcrumbs {
	z-index: 1;
	position: relative;
}

.dost_brea i {
    font-size: 0.6rem;
	opacity: 0.5
}


.B_crumbBox a:hover {
    color:inherit;
}
.breadcrumbs {
    font-size: 0.8rem;
}
@media (min-width:768px) {
	.breadcrumbs {
		font-size: 1rem;
	}
}

/**/


/*modal*/
.modal {
    padding: 0 15px;
}
.modal-dialog {
	max-width: 450px;
	margin: 1.75rem auto;
}
@media (min-width:768px) {
	.modal-dialog:not(.modal-dialog.modal_call) {
		max-width: 800px;
	}
}
.modal-content {
	padding: 0;
	background: none;
	border: none;
}
.tit_modal {
	text-align: center;
	border-bottom: 1px solid;
	margin: 30px;
	padding: 15px 0;
	font-size:1.3rem;
}
.form-control.modal_input {
    background: #fff;
    border-color: #bbb;
    margin-bottom: 20px;
    height: calc(2em + .75rem + 2px);
}

.modal-header .close {
	color: var(--colorMain);
}
.modal-header .close:hover {
	color: var(--colorDark);
}
.modal_btn {
    max-width: 300px;
}
.modal_close .close {
      position: absolute;
  right: 10px;
  z-index: 1;
  border: none;
  color: #fff;
  display: grid;
  align-items: center;
  justify-items: center;
  cursor: pointer;
  background: var(--colorMain);
  width: 35px;
  height: 35px;
  border-radius: 50%;
  top: 10px;
}

.close i{
    font-size: 1.2rem;
	color: #fff;
}

/*Modal_call*/


.modal_form {
    /*border-radius: 15px;*/
    overflow: hidden;
    background: #fff;
	color: var(--colorDark);
}
.modal_data {
  display: grid;
  align-items: baseline;
  justify-items: center;
  padding: 1rem;
  text-align: center;
}

/*btn_form*/
.btn {
	width: 100%;
}

.btn_form {
	padding: 0;
	display: block;
	position: relative;
	transition: all .3s cubic-bezier(.2, 0, 0, 1);
	z-index: 1;
	background: var(--colorMain);
	max-width: 500px;
	text-align: center;
	overflow: hidden;
	margin: 0;
	border-radius: 50px;
	border: 2px solid var(--colorMain);
}
.btn_form:after {
	border-radius: 50px;
}
.btn_form > * {
	text-transform: unset;
	color: unset;
}

.btn_form > *.btn:hover {
	color: var(--colorMain);
}