/*
Theme Name: Potolok One
Author: the team
Description: Potolok One theme.
Text Domain: potolokone
Version: 1.0.0
*/
/*
@font-face {
    font-family: Roboto;
    src: url(fonts/Roboto/Roboto-Regular.ttf) format("truetype"), url(fonts/Roboto/Roboto-Regular.woff) format("woff"), url(fonts/Roboto/Roboto-Regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url(fonts/Roboto/Roboto-Medium.ttf) format("truetype"), url(fonts/Roboto/Roboto-Medium.woff) format("woff"), url(fonts/Roboto/Roboto-Medium.woff2) format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url(fonts/Roboto/Roboto-Bold.ttf) format("truetype"), url(fonts/Roboto/Roboto-Bold.woff) format("woff"), url(fonts/Roboto/Roboto-Bold.woff2) format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap
} */

blockquote,
body,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

abbr,
fieldset,
img {
    border: 0
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-style: normal;
    font-weight: 400
}

strong {
    font-weight: 500
}

ul li {
    list-style: none
}

caption,
th {
    text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 400
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit
}

legend {
    color: #000
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
    display: block
}

img {
    max-width: 100%;
    height: auto
}

figure {
    margin: 0
}

a {
    text-decoration: none;
    color: inherit
}

*,
::after,
::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 62.5%
}

/*Specifications*/
body {
  	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-size: 21px;
	font-weight: 400;
	line-height: 29px;
	color: #333333;
	background: #FFFFFF;
	margin: 0;
}
body {
overflow-y: visible !important;
}
.body__wrap {
	overflow-x: hidden !important;
}
div, form, input, p, a, span {
    box-sizing: border-box;
}
ul, li, p {
    display: block;
    padding: 0;
    margin: 0;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}

a, a:hover, button {
    text-decoration: none;
    cursor: pointer;
    transition: 0.5s ease;
}

button:active, button:focus, input:active, input:focus {
  outline: none !important;
  text-decoration: none !important;
}
button:hover {
  cursor: pointer;
}
section, footer, header {
	overflow: hidden;
}
:focus {
	outline: none !important;
}
#main {
    padding-top: 84px;
}
h1, h2, h3, h4 {
	font-weight: bold;
    text-transform: uppercase;
}
h1 {
	font-size: 48px;
	line-height: 64px;
}
h2 {
	font-size: 40px;
	line-height: 53px;
}
h2 span {
	color: #B40051;
}
a:hover {
	color: #B14B81;
}
.d-block {
	display: block;
}
.d-lg-none {
	display: none;
}
.d-lg-flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.bttn {
	transition: all 0.5s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #B40051;
	border-radius: 8px;
	width: 320px;
	height: 48px;
	font-size: 18px;
	color: #fff;
	font-weight: 500;
	border-width: 0;
}
.bttn:hover {
	cursor: pointer;
	background: #9E1F63;
	transition: all 0.5s ease;
	color: #fff;
}
.d-flex {
	display: flex;
}
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1500px;
}
/*
h2:before {
	display: inline-block;
	content: '';
	width: 2px;
	height: 60px;
	background: #B14B81;
	margin-right: 38px;
} */
.pink {
	color: #9E1F63;
}
.hide {
    display: none;
}
.grecaptcha-badge {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
/* NAV */
.nav__top {
	height: 84px;
	align-items: center;
}
.nav .container {
	max-width: 1510px;
}
.nav {
	position: fixed;
	width: 100%;
	background: #fff;
	z-index: 999;
}
.custom-logo-link {
	line-height: 1;
	max-width: 177px;
}
.nav__phone {
	margin-left: auto;
	font-size: 36px;
	line-height: 1;
	font-weight: 300;
	margin-right: 38px;
	color: #333333;
	display: flex
}
.nav__phone img {
	margin-right: 0.2em;
}
.nav__btn {
	border-radius: 20px;
	width: 240px;
	height: 40px;
	margin-right: 59px;
}
.telegram-header {
	margin-right: 12px;
}
.telegram-header, .telegram-header .svg-telegram, 
.viber-header, .viber-header .svg-viber {
    border-radius: 50%;
    height: 32px;
    width: 32px;
}

/* banner */
.banner .item {
    /* padding: 250px 0 100px; */
    position: relative;
    overflow: hidden
}

.banner .item img {
    /* height: 100%;
    max-width: none; */
    -o-object-fit: cover;
    object-fit: cover
}

.banner .item .desktop {
	/* position: absolute;
    top: 0; */
    width: 100%
}

.banner .item .mobile {
    display: none
}

.banner .item .content {
	padding: 25px 80px 0;
    position: absolute;
	left: 26%;
	transform: translateX(-50%);
	bottom: 80px
}
.banner .item .backgr-text {
	background: rgba(255,255,255,.8);
}
.banner .header {
    line-height: 1.2;
	margin-bottom: 35px
}

.banner .header p {
	margin-bottom: 0
}

.banner .header .highlight {
	color: #B40051;
    font-size: 69px;
	font-weight: normal
}
.banner .header .highlight-min {
	font-size: 35px;
	margin-bottom: 30px;
	font-weight: normal
}
.banner .header :nth-child(n+4) {
    font-size: 26px;
	max-width: 725px;
}
.slider-banner .wrap-btn {
	margin-bottom: 45px;
	text-align: left
}
.slider-banner .wrap-btn.wrap-btn-slide-2 {
    text-align: center;
}
.slider-banner .bttn:hover {
	box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.25);
}
/* Slick-slider */
.elementor-image-carousel-wrapper .previous-btn,
.elementor-image-carousel-wrapper .next-btn,
.slick-slider .previous-btn,
.slick-slider .next-btn {
	width: 50px;
    height: 50px;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, 0.2);
	background-repeat: no-repeat;
	background-position: center center;
}
.slick-slider .previous-btn,
.slick-slider .next-btn {
	cursor: pointer;
	position: absolute;
	z-index: 2;
	top: 50%;
	/* transform: translateY(-50%); */
}
/*
.slick-slider .previous-btn:hover,
.slick-slider .next-btn:hover {
	transform: scale(1.1)
} */

.elementor-image-carousel-wrapper .previous-btn,
.slick-slider .previous-btn {
	left: 15px;
	background-image: url("data:image/svg+xml,%3Csvg width='32' height='18' viewBox='0 0 32 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.40332 8.97632L30.7595 8.97632' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M8.74237 1.63745L1.40332 8.9765L8.74237 16.3155' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.elementor-image-carousel-wrapper .next-btn,
.slick-slider .next-btn {
	right: 15px;
	background-image: url("data:image/svg+xml,%3Csvg width='33' height='18' viewBox='0 0 33 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.313 8.83435L1.95825 9.12659' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M24.0475 16.2459L31.3132 8.83417L23.9014 1.56854' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
/*
.slick-slider .slick-dots {
	list-style: none;
	margin: 0;
	display: flex;
	justify-content: center
}
.slick-slider .slick-dots li button {
	margin: 0 7px;
	padding: 0;
    text-indent: 99px;
    overflow: hidden;
	height: 8px;
    width: 8px;
	background-color: #C4C4C4;
}
.slick-slider .slick-dots .slick-active button {
	background-color: #EEFF41;
} */