:root {
	--landing-theme-color:#2B2571;
    --swiper-theme-color: var(--landing-theme-color);
}

::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #d9d9d9;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #ccc;
}

body {
    max-width: 100%;
    overflow-x: hidden;
	background-color:#fff;
}

.calculate-form-float
{
	z-index:9999;
	top:0;
}


*
{
	outline:none !important;
	font-family:Montserrat;
}

h1, h2, h3, h4
{
	font-family: Montserrat;
	font-style: normal;
	color: #000000;
	margin:0;
}

h1
{
	font-weight: bold;
	font-size: 25px;
	line-height: 31px;
}

h2
{
	font-weight: bold;
	font-size: 25px;
	line-height: 31px;
}

h3
{
	font-weight: 500;
	font-size: 20px;
	line-height: 25px;
}

h4
{
	font-weight: normal;
	font-size: 12px;
	line-height: 141.4%;
}

input[type=text]
{
	border:0;
	border-bottom:1px solid #EFEFEF;
	font-family: Montserrat;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: 16px;
	color: #000000;
	padding:8px;
	outline:none;
	box-sizing:border-box;
}

.btn
{
	background: #2B2571;
	border-radius: 36px;
	border: 3px solid #2B2571;
	font-family: Montserrat;
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	line-height: 24px;/* identical to box height, or 133% */
	display: flex;
	align-items: center;
	text-align: center;
	color: #FFFFFF;
	transition-duration:0.3s;
	padding:8px 32px;
}

.btn:hover
{
	background: #FFFFFF;
	border: 3px solid #2B2571;
	box-sizing: border-box;
	color: #2B2571;
}

.inversed-btn
{
	background: #FFFFFF;
	border: 3px solid #2B2571;
	box-sizing: border-box;
	color: #2B2571;
	transition-duration:0.3s;
}

.inversed-btn:hover
{
	background: #2B2571;
	box-sizing: border-box;
	color: #FFFFFF;
}

a 
{
	font-family: Montserrat;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 24px;
	color: #323232;
}

a:hover
{
	font-weight: 500;
	color: #2B2571;
}

body
{
	padding-top:100px;
}

header
{
	position:fixed;
	background:#ffffff;
	top:0;
	left:0;
	right:0;
	z-index:999;
}

.navbar
{
	display:grid;
	grid-template-columns:148px 1fr 300px;
	grid-gap:50px;
	padding:10px;
	padding-top:30px;
	padding-bottom:40px;
	margin:0px auto;
	width:1280px;
}

.navbar.desktop .logo-wrapper img
{
	max-height:56px;
}

.navbar.desktop .link-wrapper
{
	padding-top:16px;
	text-align:center;
}

.navbar.desktop .link-wrapper a
{
	margin-right:40px;
}

.navbar.desktop .link-wrapper a:last-child
{
	margin-right:0px;
}

.navbar.desktop .phone-wrapper
{
	padding-top:14px;
}

.navbar.desktop .phone-wrapper a
{
	font-size: 16px;
	line-height: 23px;
	color: #2B2571;
}

header .navbar.mobile
{
	height:45px;
	padding-top:10px;
}

.navbar.mobile .logo-wrapper img
{
	height:38px;
	width:auto;
	border-radius:0;
}

.navbar.mobile .phone-wrapper img, .navbar.mobile .menu-wrapper .btn-wrapper img
{
	width:25px;
	height:25px;
}

.navbar.mobile .menu-wrapper .btn-wrapper .opened
{
	display:none;
}

.navbar.mobile .phone-wrapper,.navbar.mobile .menu-wrapper .btn-wrapper 
{
	padding-top:6px;
}

.navbar.mobile .burger-menu-content .link-wrapper > div 
{
	text-align: center;
	margin-top:32px;
}

.navbar.mobile .burger-menu-content .link-wrapper a
{
	font-weight: bold;
	font-size: 18px;
	line-height: 24px;
	color: #2B2571;
}

.navbar.mobile .burger-menu-content
{
	display:none;
	position:fixed;
	left:0;
	right:0;
	top:60px;
	height:324px;
	background:#fff;
	transition-duration:0.5s;
	z-index:999;
}

.navbar.mobile .burger-menu-screen-cover
{
	display:none;
	position:fixed;
	left:0;
	right:0;
	top:60px;
	bottom:0;
	background: #000000;
	opacity: 0.5;
	transition-duration:0.5s;
	z-index:998;
}

.navbar.mobile .burger-menu-toggle:checked + .btn-wrapper .closed
{
	display:none;
}

.navbar.mobile .burger-menu-toggle:checked + .btn-wrapper .opened
{
	display:block;
}

.navbar.mobile .burger-menu-toggle:checked + div + div div
{
	display:block;
}

.top-box
{
	display:grid;
	grid-template-columns:1fr 1fr;
	height:600px;
	width:100%;
	background-image:url('img/main/desktop-bg-1.webp');
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}

.top-box > div
{
	height:100%;
}

.top-box .part-1
{
	background: rgba(255, 255, 255, 0.5);
}

.top-box .part-1 h1
{
	margin-left:20%;
	margin-top:20%;
	color: #2B2571;
	font-size: 50px;
	line-height: 63px;
	margin-bottom:24px;
}

.top-box .part-1 h4
{
	margin-left:20%;
	color: #2B2571;
	font-size: 16px;
	line-height: 159%;
	letter-spacing: -0.01em;
}

.top-box .part-1 .btn
{
	display:none;
}

.top-box .part-2
{
	padding-left:50%;
	padding-top:95px;
}

.top-box .part-2 .order-form-wrapper
{
	padding:20px 40px;
	padding-bottom:30px;
	width: 260px;
	height: 320px;
	transform:translateX(-50%);
	background-color:#fff;
	box-shadow: 0px 4px 50px 5px rgb(0 0 0 / 60%);
	border-radius: 7px;
}

.order-form-wrapper h3, .thank-ui h3
{
	color: #2B2571;
	text-align:center;
	margin-bottom:28px;
}

.order-form-wrapper h4
{
	letter-spacing: -0.01em;
	color: #7B7B7B;
}

.order-form-wrapper input[type=text]
{
	margin-bottom:20px;
}

.politics-confirmation
{
	display:flex;
	margin-bottom:28px;
	cursor:pointer;
}

.politics-confirmation h4
{
	transition-duration:0.5s;
}

.politics-confirmation .custom-checkbox
{
	position:relative;
	top:2px;
}

#what_are_we_doing .wdw-select-wrapper
{
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	grid-gap:40px;
	width:1180px;
	padding:0 10px;
	margin:0 auto;
}

#what_are_we_doing > h2
{
	font-weight:normal;
	color: #2B2571;
	margin:80px auto;
	margin-bottom:20px;
	width:1200px;
	padding:0 10px;
}
	
#what_are_we_doing > h4
{
	color: #7B7B7B;
	margin:0 auto;
	margin-bottom:20px;
	width:1200px;
	padding:0 10px;
}
	
#what_are_we_doing .wdw-select-wrapper
{
	margin-bottom:100px;
}
	
#what_are_we_doing .wdw-select-item
{
	height:500px;
}

#what_are_we_doing .wdw-select-item .img-wrapper
{
	height:320px;
	margin-bottom:30px;
}

#what_are_we_doing .wdw-select-item img
{
	max-width:100%;
	max-height:320px;
}

#what_are_we_doing .wdw-select-item h2
{
	text-align:center;
	font-size: 22px;
	font-weight: 600;
	line-height: 23px;
	color: #2B2571;
	margin-bottom: 8px;
}

#what_are_we_doing .wdw-select-item h3
{
	text-align:center;
	font-size: 18px;
	line-height: 23px;
	color: #2B2571;
	margin-bottom: 8px;
}

#what_are_we_doing .wdw-select-item h4
{
	text-align:center;
	font-size: 14px;
	line-height: 157.4%;
	color: #7B7B7B;
	margin-bottom:10px;
}

.measuring-info-wrapper
{
	display:grid;
	grid-template-columns:1fr 1fr;
	height:380px;
	margin:0 auto;
	margin-bottom:95px;
	background: #FFFFFF;
	border-radius:7px;
	border-radius: 7px;
}

.measuring-info-wrapper .part-1 > h2
{
	margin-top:112px;
	margin-left:90px;
	margin-bottom:8px;
	color: #2B2571;
}

.measuring-info-wrapper .part-1 > h4
{
	margin-left:90px;
	margin-right:32px;
	margin-bottom:20px;
	letter-spacing: -0.01em;
	color: #7B7B7B;
}

.measuring-info-wrapper .part-1 .btn
{
	margin-left:90px;
}

.measuring-info-wrapper .part-2
{
	background-image:url('./img/main/measuring.png');
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}

.measuring-info-wrapper .heading-wrapper > h2
{
	padding:0;
	margin:0;
	margin-bottom:8px;
	color: #2B2571;
}

.measuring-info-wrapper .heading-wrapper > h2 img
{
	float:right;
	width:40px;
	height:40px;
	position:relative;
}

.measuring-info-wrapper .heading-wrapper > h4
{
	padding:0;
	margin:0;
	margin-bottom:20px;
	letter-spacing: -0.01em;
	color: #7B7B7B;
}

.measuring-info-wrapper .order-form-wrapper
{
	padding:20px 40px;
	padding-bottom:30px;
	width: 220px;
	background: #FFFFFF;
	box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
	border-radius: 7px;
	height:330px;
}
	
.frame-list-wrapper
{
	margin-bottom:60px;
}

.frame-list-wrapper .heading-wrapper h2
{
	font-weight:normal;
	text-align:center;
	margin-bottom:8px;
	color: #2B2571;
}

.frame-list-wrapper .heading-wrapper h4
{
	text-align:center;
	margin-bottom:20px;
	font-size: 16px;
	line-height: 159%;
	letter-spacing: -0.01em;
	color: #7B7B7B;
}

#frame-swiper .swiper-slide
{
	display:grid;
	grid-template-columns: 1fr 350px 1fr;
	grid-template-areas: "left-frame-info frame-img right-frame-info";
	grid-gap:50px;;
}

.frame-list-wrapper .frame-img-wrapper
{
	grid-area: frame-img;
}

.frame-list-wrapper .frame-img-wrapper h3
{
	color: #2B2571;
}

#frame-swiper .swiper-slide .frame-img-wrapper img
{
	max-width:100%;
	max-height:300px;
}

#frame-swiper .swiper-slide .frame-info-wrapper
{
	display:grid;
	grid-template-columns:1fr;
	grid-gap:75px;
	padding-top:35px;
}

#frame-swiper .swiper-slide .frame-info-wrapper .frame-info
{
	display:flex;
	width:350px;
	height:150px;
	border: 2px solid #F6F6F6;
	box-sizing: border-box;
	border-radius: 7px;
	padding:25px 20px;
}

#frame-swiper .swiper-slide .frame-info-wrapper .frame-info h4
{
	text-align:left;
	font-size: 14px;
	line-height: 141.4%;
	letter-spacing: -0.01em;
	color: #7B7B7B;
}

#frame-swiper .swiper-slide .frame-info-wrapper .frame-info b
{
	color: #2B2571;
}

#frame-swiper .swiper-slide .frame-info-wrapper .frame-info .sqare
{
	margin-right:8px;
	position:relative;
	top:4px;
	padding:6px;
	height:0;
	width:0;
	background: #2B2571;
	transform: matrix(-1, 0, 0, 1, 0, 0);
	float:left;
}

#frame-swiper .swiper-slide .frame-info-wrapper.left
{
	padding-left:40px;
	grid-area:left-frame-info;
}

#frame-swiper .swiper-slide .frame-info-wrapper.right
{
	padding-right:40px;
	grid-area:right-frame-info;
}

#frame-swiper .swiper-slide .swiper-slide-active {
	width: 1248px!important;
	margin-right: 0!important;
}

#frame-swiper .swiper-button-next, #frame-swiper .swiper-button-prev {
	top:55%
}

.general-frame-info {
	text-align:justify;
	font-size: 18px;
	line-height: 141.4%;
	letter-spacing: -0.01em;
	color: #7B7B7B;
	margin-bottom: 60px;
}

.installment-info-wrapper
{
	display:grid;
	grid-template-columns:2fr 1fr;
	height:450px;
	margin:0 auto;
	margin-bottom:120px;
	background: #FFFFFF;
	border-radius:7px;
}

.installment-info-wrapper .part-1 h2
{
	font-weight:normal;
	margin-top:56px;
	margin-left:90px;
	margin-bottom:8px;
	color: #2B2571;
}

.installment-info-wrapper .part-1 h3
{
	margin-top:35px;
	margin-left:90px;
	margin-right:32px;
	margin-bottom:7px;
	font-weight: bold;
	font-size: 16px;
	line-height: 159%;
	letter-spacing: -0.01em;
	color: #323232;
}

.installment-info-wrapper .part-1 h4
{
	margin-left:90px;
	margin-right:32px;
	margin-bottom:4px;
	letter-spacing: -0.01em;
	color: #7B7B7B;
}

.installment-info-wrapper .part-1 h4.last
{
	margin-top:10px;
	margin-bottom:30px;
}

.installment-info-wrapper .part-1 b, .installment-info-wrapper .payment-info b
{
	color: #2B2571;
}

.installment-info-wrapper .part-1 .btn
{
	margin-left:90px;
}

.installment-info-wrapper .part-2 img
{
	margin-top:36px;
	max-height:345px;
}

.installment-info-wrapper .heading-wrapper > h2
{
	margin-bottom:20px;
	text-align:center;
	font-weight: normal;
	font-size: 25px;
	line-height: 31px;
	text-align: center;
	color: #2B2571;
}

.installment-info-wrapper .heading-wrapper > h4
{
	padding:0;
	margin:0;
	margin-bottom:20px;
	letter-spacing: -0.01em;
	color: #7B7B7B;
}

.installment-info-wrapper .payment-info
{
	margin:40px 0;
	padding:25px 30px;
	background: #FFFFFF;
	border: 2px solid #F6F6F6;
	box-sizing: border-box;
	border-radius: 7px;
}

.installment-info-wrapper .payment-info h4
{
	font-size: 12px;
	line-height: 141.4%;
	letter-spacing: -0.01em;
	color: #7B7B7B;
	margin-bottom:4px;
}

.installment-info-wrapper .payment-info h4.last
{
	margin-top:10px;
}

.installment-info-wrapper .order-form-wrapper
{
	padding:20px 40px;
	padding-bottom:30px;
	width: 220px;
	background: #FFFFFF;
	box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
	border-radius: 7px;
	height:330px;
}

.glassing-type-select-wrapper .glassing-type-select-list, .why-we-wrapper .advantage-list
{
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	grid-gap:12px;
}

@media (max-width: 1200px)
{
    .glassing-type-select-wrapper .glassing-type-select-list, .why-we-wrapper .advantage-list
    {
	    grid-template-columns:repeat(2, 1fr);
    }
}

.glassing-type-select-wrapper h2
{
	margin-bottom:60px;
	font-size: 25px;
	line-height: 31px;
	color: #2B2571;
}

.glassing-type-select-wrapper h3
{
	height:46px;
	margin-bottom:26px;
	font-weight: 500;
	font-size: 18px;
	line-height: 23px;
	color: #2B2571;
}

.glassing-type-select-wrapper h4
{
	margin-bottom:12px;
	font-size: 12px;
	line-height: 141.4%;
	letter-spacing: -0.01em;
	color: #7B7B7B;
}

.glassing-type-select-wrapper .glassing-type-select img
{
	margin-bottom:28px;
	width:100%;
	max-width:290px;
}

.why-we-wrapper h2
{
	font-weight:normal;
	color: #2B2571;
	margin-bottom:60px;
}

.why-we-wrapper .advantage-list
{
	grid-gap:0;
}

.why-we-wrapper .advantage-list .advantage-wrapper
{
	background: #FFFFFF;
	border: 2px solid #F6F6F6;
	box-sizing: border-box;
	min-height:300px;
	padding:15px;
}

.why-we-wrapper .advantage-list .advantage-wrapper:first-child
{
	border-radius: 7px 0px 0px 7px;
}

.why-we-wrapper .advantage-list .advantage-wrapper:last-child
{
	border-radius: 0px 7px 7px 0px;
}

.why-we-wrapper .advantage-list img
{
	float:right;
	max-height:64px;
	max-width:64px;
}

.why-we-wrapper .advantage-list .advantage-wrapper h3
{
	margin-left:40px;
	margin-right:15px;
	margin-bottom:12px;
	margin-top:60px;
	color: #2B2571;
	font-weight: bold;
	font-size: 16px;
	line-height: 159%;
	letter-spacing: -0.01em;
	min-height:50px;
}

.why-we-wrapper .advantage-list .advantage-wrapper h4
{
	margin-left:40px;
	margin-right:15px;
	color: #7B7B7B;
	font-size: 16px;
	line-height: 141.4%;
	letter-spacing: -0.01em;
}

.about-us
{
	display:grid;
	grid-template-columns:1fr 1fr;
	grid-gap:100px;
	padding:80px 10px;
	margin-bottom:70px;
	min-height:510px;
}

.about-us .part-1 h3
{
	margin-bottom:10px;
	color: #2B2571;
	font-size: 25px;
	line-height: 31px;
}

.about-us .part-1 h4
{
	margin-bottom:10px;
	font-size: 16px;
	line-height: 159%;
	letter-spacing: -0.01em;
	color: #7B7B7B;
}

.about-us .part-1 > h3
{
	margin-top:0;
	margin-bottom:15px;
}

.about-us .part-1 .row h3
{
	margin-top:30px;
	font-weight:bold;
}

.about-us .part-1 .row h4
{
	min-height:44px;
}

.about-us .part-1 .row
{
	display:grid;
	grid-template-columns:1fr 1fr;
}

.about-us .part-2
{
	background-image:url('./img/main/office.jpg');
	background-position: center 20px;
	background-repeat:no-repeat;
	background-size:contain;
}

.about-us.mobile h3
{
	font-size: 25px;
	line-height: 31px;
	text-align: center;
	color: #2B2571;
}

.about-us.mobile h4
{
	font-size: 14px;
	line-height: 159%;
	letter-spacing: -0.01em;
	color: #6C6C6C;
}

.about-us.mobile .heading-wrapper h3
{
	margin-bottom:20px;
}

.about-us.mobile .info-wrapper h3
{
	text-align:left;
	font-weight:bold;
	margin-bottom:10px;
}

.about-us.mobile .heading-wrapper h4
{
	margin-bottom:20px;
}

.about-us.mobile .info-wrapper h4
{
	margin-bottom:30px;
}

.about-us.mobile img
{
	width:100%;
	max-width:300px;
	margin-bottom:45px;
}

.examples, .sertificates, .comments
{
	margin-bottom:120px;
}

.examples h2, .sertificates h2, .contact-wrapper h2
{
	margin-left:40px;
	margin-bottom:40px;
	color: #2B2571;
}

.contact-wrapper .heading-wrapper
{
    max-width:1380px;
    margin:0 auto;
}

.sertificates h2
{
	margin:0;
	margin-bottom:72px;
	/* text-align:center; */
	padding-left:40px;
}

.examples {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 20px;
}

.examples #example-swiper
{
	padding:0 40px;
	padding-bottom:40px;
    height: 100%;
}

.examples #example-swiper .swiper-slide {
	text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.examples #example-swiper .swiper-button-next {
	right: 100px!important;
}

.examples #example-swiper .swiper-button-prev {
	left: 100px!important;
}

.examples #example-swiper .swiper-slide img {
	display: block;
    width: auto;
    height: 400px;
    object-fit: cover;
}

.sertificates #sertificate-swiper .swiper-slide img
{
	max-height:330px;
}

.sertificates #sertificate-swiper
{
	padding-bottom:40px;
}

.comments .heading-wrapper
{
	margin-bottom:80px;
}

.comments .leave-review
{
	display:inline-block;
	margin-bottom:10px;
}

.comments .all-reviews
{
	font-size: 14px;
	line-height: 141.4%;
	letter-spacing: -0.01em;
	color: #ff0000;
	font-weight:bold;
}

.comments h2
{
	color: #2B2571;
	width:1180px;
	padding-left:40px;
}

.comments h3
{
	text-align: center;
}

.comments h4
{
	font-size: 14px;
	line-height: 157.4%;
	text-align: center;
	letter-spacing: -0.01em;
	color: #323232;
}

.comments .short
{
	overflow:auto;
	max-height:170px;
}

.comments .short::-webkit-scrollbar {
  width: 2px;
}

/* Track */
.comments .short::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.comments .short::-webkit-scrollbar-thumb {
  background: #d9d9d9;
}

/* Handle on hover */
.comments .short::-webkit-scrollbar-thumb:hover {
  background: #ccc;
}

.comments #comment-swiper
{
	padding-bottom:40px;
}

.comments #comment-swiper .swiper-slide .slide-wrapper
{
	width:225px;
	padding:0 50px;
}

.comments #comment-swiper .swiper-slide img
{
	max-height:100px;
	max-width:100px;
}

.comments h5
{
	font-size: 12px;
	line-height: 141.4%;
	text-align: center;
	letter-spacing: -0.01em;
	color: #2B2571;
}

.contacts
{
	display:grid;
	grid-template-columns:1fr 1fr;
	grid-gap:75px;
	margin: 0 auto;
	margin-bottom:75px;
	max-width:1280px;
}

.contact-wrapper h2
{
	margin-bottom:64px;
}

.contacts h4
{
	margin-top:10px;
	font-weight: 500;
	font-size: 18px;
	line-height: 23px;
	color: #7B7B7B;
}

.contacts b
{
	color: #2B2571;
}

.contacts #map
{
	/* float:right; */
	width:500px;
	height:320px;
	border: 1px solid #2B2571;
	box-sizing: border-box;
	filter: drop-shadow(0px 100px 80px rgba(0, 0, 0, 0.07)), drop-shadow(0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198)), drop-shadow(0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275)), drop-shadow(0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035)), drop-shadow(0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725)), drop-shadow(0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802));
	border-radius: 7px;
}

.custom-checkbox
{
	border: 1px solid #7B7B7B;
	height:8px;
	width:14px;
	padding:1px;
	cursor:pointer;
	float:left;
	margin-right:4px;
}

.custom-checkbox img
{
	display:none;
	height:8px;
	width:8px;
	/* position:relative; */
	/* bottom:6px; */
}

.custom-checkbox-input:checked + div > div:first-child img
{
	display:block;
}

.order-ui .order-form-wrapper
{
	padding:20px 40px;
	padding-bottom:30px;
	width: 260px;
	height: 320px;
	background-color:#fff;
	box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);
	border-radius: 7px;
	position:fixed;
	z-index:9999;
	overflow:auto;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	background-color:#fff;
}

.thank-ui
{
	padding:20px 40px;
	padding-bottom:30px;
	width: 260px;
	height: 200px;
	background-color:#fff;
	box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);
	border-radius: 7px;
	position:fixed;
	z-index:9999;
	overflow:auto;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	background-color:#fff;
}

.thank-ui .btn-wrapper
{
	margin-top:50px;
}

.screen-cover
{
	margin:0;
	background-color:#000;
	opacity:0.7;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:9998;
}

.img
{
	cursor:pointer;
}

#fullscreen-img
{
	padding:0;
	border-width:0px;
	border-radius:8px;
	position:fixed;
	top: 50%;
	left:50%;
	transform:translate(-50%, -50%);
	z-index:9999;
}

#fs-img
{
	display:block;
	height:100%;
	width:auto;
	border-radius:16px;
}

@media (max-width: 1200px)
{
	
}

@media (max-width: 1024px)
{
  
}

@media (min-width: 769px)
{
	.top-box
	{
		min-width:1200px;
	}
	
	.measuring-info-wrapper, .frame-list-wrapper
	{
		width:1248px;
		margin-left:auto;
		margin-right:auto;
	}
	
	.measuring-info-wrapper
	{
		box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);
	}

	#frame-swiper .swiper-slide .frame-info-wrapper.mobile
	{
		display:none;
	}
	
	.installment-info-wrapper
	{
		width:1200px;
		box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);
		margin-bottom:100px;
	}
	
	.glassing-type-select-wrapper, .why-we-wrapper, .about-us
	{
		padding:0 10px;
		width:1180px;
		margin:0 auto;
		margin-bottom:100px;
	}
	
    .why-we-wrapper
    {
        width:auto;
    }
	
	.contacts .map-wrapper
	{
		padding-left:10px;
	}
	
	.why-we-wrapper
	{
		margin-bottom:100px;
	}

	.mobile
	{
		display:none;
	}
}

@media (max-width: 768px)
{	
	body
	{
		padding-top:70px;
	}
	
	header
	{
		height:60px !important;
	}

	.navbar
	{
		display:grid;
		grid-template-columns:25px 1fr 24px;
		grid-gap:40px;
		padding:24px;
		padding-top:40px;
		padding-bottom:10px;
		width:auto;
	}
	
	.top-box
	{
		display:grid;
		grid-template-columns:1fr;
		height:600px;
		background-image:url('img/main/optimized-mobile-bg.jpg');
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
	}

	.top-box .part-1 h1
	{
		margin:0 28px;
		margin-top:220px;
		margin-bottom:12px;
		font-size: 25px;
		line-height: 31px;
	}

	.top-box .part-1 h4
	{
		font-size: 14px;
		margin:0 28px;
		margin-bottom:40px;
	}

	.top-box .part-1 .btn
	{
		display:block;
	}

	.top-box .part-2
	{
		display:none;
	}
	
	#what_are_we_doing h2
	{
		font-weight:normal;
		color: #2B2571;
		margin:85px 28px;
		margin-bottom:20px;
		width:auto;
	}
	
	#what_are_we_doing h4
	{
		color: #7B7B7B;
		margin:0 28px;
		margin-bottom:10px;
		width:auto;
	}
	
	#what_are_we_doing .swiper-container
	{
		height:500px;
	}
	
	#what_are_we_doing .swiper-slide .img-wrapper
	{
		height:320px;
		margin-bottom:30px;
	}
	
	#what_are_we_doing .swiper-slide img
	{
		max-width:100%;
		max-height:320px;
	}
	
	#what_are_we_doing .swiper-slide h3
	{
		text-align:center;
		font-size: 18px;
		line-height: 23px;
		color: #2B2571;
		margin-bottom:10px;
	}
	
	#what_are_we_doing .swiper-slide h4
	{
		text-align:center;
		font-size: 14px;
		line-height: 157.4%;
		color: #7B7B7B;
	}

	.measuring-info-wrapper
	{
		padding:0 10px;
		width:300px;
		margin:0 auto;
		margin-bottom:120px;
	}
	
	.frame-list-wrapper
	{
		width:auto;
		margin-bottom:80px;
	}
	
	.frame-list-wrapper .heading-wrapper h2
	{
		text-align:center;
		margin-bottom:20px;
		font-size: 25px;
		line-height: 31px;
		color: #2B2571;
	}

	.frame-list-wrapper .heading-wrapper h4
	{
		text-align:center;
		margin-bottom:20px;
		font-size: 14px;
		line-height: 159%;
		letter-spacing: -0.01em;
		color: #7B7B7B;
	}

	#frame-swiper .swiper-slide
	{
		grid-template-columns:1fr;
		grid-template-areas: "frame-img" "left-frame-info" "right-frame-info";
		grid-gap:0;
		padding-bottom:40px;
	}

	#frame-swiper .swiper-slide .frame-img-wrapper img
	{
		max-height:440px;
		max-width:320px;
	}

	#frame-swiper .swiper-slide .frame-info-wrapper
	{
		display:grid;
		grid-gap:10px;
		padding-top:20px;
	}
	
	#frame-swiper .swiper-slide .frame-info-wrapper.left, #frame-swiper .swiper-slide .frame-info-wrapper.right
	{
		padding:0 5%;
	}
	
	#frame-swiper .swiper-slide .frame-info-wrapper.right
	{
		margin-top:10px;
	}

	#frame-swiper .swiper-slide .frame-info-wrapper .frame-info
	{
		width:100%;
		max-width:350px;
		height:auto;
		padding:25px 20px;
	}

	#frame-swiper .swiper-slide .frame-info-wrapper .frame-info h4
	{
		font-size: 14px;
		line-height: 159%;
	}
	
	.installment-info-wrapper, .why-we-wrapper, .about-us
	{
		padding:0 10px;
		width:300px;
		height:auto;
		margin:0 auto;
		margin-bottom:90px;
	}
	
	.glassing-type-select-wrapper, .why-we-wrapper
	{
		height:auto;
		margin-bottom:90px;
	}
	
	.why-we-wrapper .advantage-list
	{
		grid-template-columns:1fr;
		grid-gap:0;
	}

	.why-we-wrapper h2
	{
		margin-bottom:32px;
	}

	.why-we-wrapper .advantage-list .advantage-wrapper:first-child
	{
		border-radius: 7px 7px 0px 0px;
	}

	.why-we-wrapper .advantage-list .advantage-wrapper:last-child
	{
		border-radius: 0px 0px 7px 7px;
	}

	.examples, .sertificates, .comments
	{
		margin-bottom:120px;
	}

	.examples #example-swiper
	{
		padding:0;
		padding-bottom:40px;
	}

	.examples #example-swiper .swiper-slide img, .sertificates #sertificate-swiper .swiper-slide img
	{
		max-width:300px;
		max-height:234px;
	}

	.sertificates #example-swiper .swiper-slide img
	{
		max-height:360px;
	}
	
	.examples h2, .comments h2
	{
		margin:0;
		margin-bottom:80px;
		width:auto;
		padding:0;
		text-align:center;
	}
	
	.contacts .map-wrapper
	{
		grid-area: map;
	}
	
	.contacts .contact-info
	{
		grid-area: info;
		max-width:300px;
	}
	
	.contacts ht
	{
		margin-top:20px;
		font-size: 18px;
		line-height: 23px;
	}
	
	.contacts
	{
		grid-template-columns:1fr;
		padding:0 40px;
		grid-gap:35px;
		grid-template-areas: "info" "map";
	}

	.custom-checkbox
	{
		width:16px;
	}
	
	.mobile
	{
		display:block;
	}

	.navbar.mobile
	{
		display:grid;
	}

	.desktop
	{
		display:none !important;
	}
}

@media (max-width: 480px)
{
	.calculate-close
	{
		right:10px;
		top:10px;
	}

	.calculate-form
	{
		padding-bottom:20px;
		overflow:auto;
	}

	.contacts .map-wrapper iframe
	{
		position:relative;
		margin-left:-51px;
		transform:scale(0.7) translateX(-17%);
	}
  
    .contact-info .rating
    {
        margin:0 auto;
    }
}