﻿@charset "utf-8";
/*
    font-family: "freight-big-pro",serif;
    font-family: 'Vladimir Script';
    font-family: "lato",sans-serif;
*/

input,select,textarea{-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0;-webkit-border-radius:0; -moz-border-radius:0; }


html{-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;height: 100%;height: 100%;}

body{margin: 0;padding:0;font-family: var(--cormorant-garamond-font); font-size: calc(20 / var(--main-width));line-height: 110%;font-weight: 400;background-color:var(--beige-color);overflow-y:scroll;overflow-x:hidden;}

body, button, input, select, textarea{color: var(--black-color);}
div, h1, h2, h3, h4, h5, h6, p, span{padding: 0px;margin: 0px;}
/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection{background: #000000;color: #ffffff;text-shadow: none;}
::selection{background: #000000;color: #ffffff;text-shadow: none;}

/* =============================================================================
   Links
   ========================================================================== */

a{color:#000000;text-decoration:none;outline: none;position: relative;}
a:hover{text-decoration:none;}
a:focus{outline: none;}

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active{outline: 0;}
img {border-style:none}
/* =============================================================================
   Lists
   ========================================================================== */

ul, ol{margin:0;padding-left: 0;list-style-type:none;}
li ul, li ol{margin: 0;padding:0;}

/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */

img{border: 0;-ms-interpolation-mode: bicubic;vertical-align: middle;border-style:none;outline:none;}

/*
 * Correct overflow not hidden in IE9 
 */

svg:not(:root){overflow: hidden;}

/* =============================================================================
   Tables
   ========================================================================== */

table{border-collapse: collapse;border-spacing: 0;}
td{	vertical-align: top;}

p{line-height:1.3;}

/* ==== primary styles =====================================================
   Author: Abbas Tahir
   ========================================================================== */

/* For image replacement */
.ir{display: block;border: 0;text-indent: -999em;overflow: hidden;background-color: transparent;background-repeat: no-repeat;text-align: left;direction: ltr;}
.ir a{display: block;height: 100%;}
.hidden{display: none !important;visibility: hidden;}
  
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after{content: "";display: table;}
.clearfix:after{clear: both;}
.clearfix{zoom: 1;}   
.web{display:block;}
.mobile{display:none;}
.webhide{display:block;}
.mobilehide{display:none;}
*{box-sizing:border-box;} 

html.lenis{height: auto;}
.lenis.lenis-smooth {scroll-behavior: auto;}
.lenis.lenis-smooth [data-lenis-prevent] {overscroll-behavior: contain;}
.lenis.lenis-stopped {overflow: hidden;}
.lenis.lenis-scrolling iframe {pointer-events: none;}

:root{
   --main-width: 1640 * 1640px; 
   --white-color: #ffffff;
   --black-color: #000000; 
   --nav-color:#381C0E;
   --brick-red-color: #47120F; 
   --dark-briks-color:#47120F; 
   --brick-border-color:#8D0C07;
   --gray-border-color:#707070;
   --freight-big-pro:"freight-big-pro";
   --vladimir-script:'Vladimir Script';
   --lato-font:"lato";
}

.web{display:grid !important;}
.mobile{display:none !important;}


a:not(header ul li, footer ul li)::before{content: "";width:100%;height: 1px;z-index:9;background-color: var(--nav-color); margin: 0;padding: 0;position: absolute;bottom:calc(-2 / var(--main-width));left: 0; transform: scaleX(0);transition: transform 300ms ease-in-out;}
a:not(header ul li, footer ul li):hover::before,
a:not(header ul li, footer ul li).active::before{transform: scaleX(1);}


/* .web {display: block;}
.mobile {display: none;} */
#outer-wrapper {width: 100%;position: relative;margin: 0;}

header{width:100%;background-color: var(--black-color); margin:0;padding:0;z-index:999;position:absolute;top:calc(calc(320 / var(--main-width)) + calc(23 / var(--main-width)));left: 0;z-index:999;transition: all .5s ease;background:none}
header #header{width: 100%;max-width:calc(1920 / var(--main-width));margin:0 auto;padding:0 calc(140 / var(--main-width));position:relative;z-index: 10;}
header nav{width:100%;display: grid;grid-template-columns: 1fr;}
header nav ul{width:100%;display:flex;align-items:center;justify-content:center;list-style-type:none;}
header ul li{width:auto;margin:0;text-align:center;font-family: var(--lato-font);font-weight: 400;font-style: normal;font-size:calc(25 / var(--main-width));line-height:calc(30 / var(--main-width));color:var(--nav-color);position:relative;}
header ul li:before{content:"";height:calc(24 / var(--main-width));width:1px;float:left;margin:calc(4 / var(--main-width)) calc(16 / var(--main-width));background:#000;}
header ul li:first-of-type:before{display:none;}
 

main {width: 100%;margin: 0;padding:0;position: relative;/*margin-bottom: 660px;*/ display: grid;grid-template-columns: 1fr;}
:where(section,article,figure,aside) {width: 100%;display: grid;grid-template-columns: 100%;margin: 0;padding: 0;position: relative;}
figure{background-size: cover;background-repeat: no-repeat;background-position: center center;}
figure img{width: 100%;}
.inner {width: 100%;max-width: 1920px;margin: 0 auto;padding:0 calc(140 / var(--main-width));position: relative;}
video{width: 100%;height: 100%;object-fit: cover;border:0;object-position: center center;}

/* .logo-stagger{height: 661px;background-color: transparent;width: 1px;position: absolute;bottom: -660px;left: 0;visibility: hidden;display: none !important;} */

:where(h1,h2,h3,h4,h5,h6,p,ul,li,span,label){font-family: var(--lato-font);color: var(--black-color);font-display:auto;font-style:normal;font-stretch:normal;}
:where(h1,h2,h3,h4,h5,h6){font-weight: 700;}
:where(p,ul,li){font-weight: 400;}
ul{margin:calc(28 / var(--main-width)) 0 0 0;}

h1{font-size: calc(100 / var(--main-width));line-height: 100%;text-align: center;}
 /*h2{font-size: 35px;line-height: 100%;}*/ 
h2{font-size: calc(100 / var(--main-width));line-height: calc(121 / var(--main-width));color: var(--black-color);font-weight:300;}
h3{font-size: calc(40 / var(--main-width));line-height:calc(30 / var(--main-width));}
h4{font-size: calc(30 / var(--main-width));line-height:calc(41 / var(--main-width));margin-bottom:calc(47 / var(--main-width))}
h5{font-size: calc(20 / var(--main-width));line-height:calc(30 / var(--main-width));}
h6{font-size: calc(12 / var(--main-width));}
p,li:not(nav ul li),label{font-size: calc(20 / var(--main-width));line-height: calc(30 / var(--main-width));}
/* :where(p,li):last-of-type {margin-bottom: 0;} */
ul{list-style: disc;}
blockquote{background-color: #f3f4f7;width: auto;padding:calc(75 / var(--main-width)) calc(20 / var(--main-width)) calc(20 / var(--main-width)) calc(20 / var(--main-width));float: left;margin: 0;margin-bottom: calc(20 / var(--main-width));position: relative;}
blockquote::before{width: auto;position: absolute;left: calc(20 / var(--main-width));top: 0; content: "“";font-size: calc(136 / var(--main-width));font-family:  var(--lato-sans-serif);height: calc(50 / var(--main-width));margin-left: calc(-5 / var(--main-width));}

.btn {background-color: var(--brick-red-color);border: 1px solid var(--brick-border-color);color: var(--white-color);padding: calc(9 / var(--main-width)) calc(25 / var(--main-width)) calc(12 / var(--main-width)) calc(25 / var(--main-width));border-radius: calc(14 / var(--main-width));cursor: pointer;transition: 0.3s;
      display: inline-flex;align-items: center;font-size: calc(20 / var(--main-width));line-height: calc(24 / var(--main-width));font-family: var(--lato-font);font-weight: 400;font-style: normal;}
.btn:hover{background: var(--brick-border-color);border: 1px solid var(--brick-red-color);}
.btn:hover::after{background: url('../images/arrow-up-h.svg') no-repeat center;background-size: 100% auto;}
.btn::before{display:none;}

 /* 
.video-box{ position:sticky;position: -webkit-sticky;height: 100vh;float:left; width: 100%;position:relative;}
.video-box img{width: 100%; float:left;height:100%;}
.video-box iframe{ position: absolute !important; top: 0 !important; left:0 !important;margin-top: 0 !important; margin-left:0 !important; width: 100% !important; height: 100% !important; }
 @media (min-aspect-ratio: 16 / 9) {.video-box iframe {height: 500% !important;top: -200% !important;}}
 @media (max-aspect-ratio: 16 / 9) {.video-box iframe {width: 500% !important;left: -200% !important;}}
.video-box .player{ position: absolute !important; top: 0; left:0; width: 100%; height: 100vh; background-color:#000000; } */

/*.hero-box .animation-box.hide{opacity: 0;visibility: hidden;transition: all 0.75s;}*/
.hero-box{background-color:var(--blue-color);height: calc(320 / var(--main-width));z-index: 100;margin-bottom:calc(53 / var(--main-width));}
.hero-box :where(.image-maskig-animation,.slide-repeat, /* .hero-animation-box,*/.animation-box){width:100%;height:calc(320 / var(--main-width));display: grid;grid-template-columns: 1fr;position: relative;justify-items: center;align-items: center;}
.hero-box .bg{background-color:var(--black-color);width: 100%;height: 100%;position:relative;}
.hero-box .bg img{display:none;}
.hero-box .bg:after{content:"";background-color:var(--black-color);width: 100%;height: 100%;top:0;left:0;position:absolute;opacity:0.25;}
.hero-box .video video{height: 100dvh;/*max-height: calc(900 / var(--main-width));padding: 0 calc(65 / var(--main-width));*/}
.hero-text{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:absolute;} 
.hero-text .ht-inner{width:100%; align-items:center;} 
.hero-text .ht-inner h1{width: 100%;font-family:var(--freight-big-pro);color:var(--white-color);font-display:auto;font-style:normal;font-weight:300;font-stretch:normal;} 
.hero-text .ht-inner h2{width: 100%;font-family:var(--vladimir-script);color:var(--white-color);text-align:center;} 

body.home .hero-text .ht-inner h1{font-size: calc(200 / var(--main-width));line-height: 100%;text-align: center;} 
body.home .hero-box{height:100dvh;}
body.home .hero-box :where(.image-maskig-animation,.slide-repeat, /* .hero-animation-box,*/.animation-box){height:100dvh;}
body.home .hero-text .ht-inner h1{font-size: calc(200 / var(--main-width));line-height: 100%;text-align: center;} 
body.home header{top:calc(100dvh + calc(23 / var(--main-width)));}

/*.two-column-box .inner{max-width: 100%;} */
.info-box{margin-top: calc(40 / var(--main-width));padding: calc(67 / var(--main-width)) 0 calc(67 / var(--main-width)) 0;} 
.info-box article{align-items: center;justify-items: center;} 
.info{width: 100%;}
.info{width: calc(942 / var(--main-width));position: relative;justify-items: start;display: grid;}
.info-box .info p{margin-bottom:calc(30 / var(--main-width))}
.info-box .info :where(h1,h2,h3,h4,h5,h6){width:100%;text-align:center !important;}
.info-box .info p a::before{background-color: var(--black-color);}
.info-box .info ul{padding-left: calc(24 / var(--main-width));}
.info-box .info :where(p,ul){margin-bottom: calc(15 / var(--main-width));}
.info-box .info .btn{margin-top:calc(26 / var(--main-width));transform:translateX(-50%);margin-left:50%;}

.lr-grid{width:100%;position: relative;display: grid;grid-template-columns: 1fr;margin-top:0;margin-bottom:calc(85 / var(--main-width))}
.lr-grid article{display: grid;grid-template-columns: 1fr 2fr;column-gap:calc(16 / var(--main-width));margin-top:calc(16 / var(--main-width));}
.lr-grid article .lft{display: grid;grid-template-columns: 1fr;column-gap:calc(16 / var(--main-width));gap:calc(16 / var(--main-width));}
.lr-grid article .rft{display: grid;grid-template-columns: 1fr 1fr;column-gap:calc(16 / var(--main-width));gap:calc(16 / var(--main-width));}
.lr-grid article .full { grid-column: 1 / -1; }
.lr-grid article figure {border-radius:calc(15 / var(--main-width));border:1px solid var(--gray-border-color);height:auto;overflow:hidden;}
.lr-grid article figure img{width:100%;height:100%;object-fit:cover;}
.lr-grid .rlt-grid{display: grid;grid-template-columns: 2fr 1fr;column-gap:calc(16 / var(--main-width));gap:calc(16 / var(--main-width));}
.lr-grid .rlt-grid .rft{grid-template-columns: 1fr;}
.lr-grid article:first-of-type{margin-top:0;}


.ser-prise{width:100%;position: relative;display: grid;grid-template-columns: 1fr;margin-top:calc(64 / var(--main-width));}
.ser-prise .info h3{width:100%;text-align:center;font-weight:400;line-height:calc(73 / var(--main-width))}
.ser-prise article{align-items: start;justify-item:start;}
.ser-prise .splist{width:100%;position: relative;padding:0;margin-top:calc(75 / var(--main-width));margin-bottom:calc(13 / var(--main-width));display: grid;grid-template-columns: 1fr;gap:calc(70 / var(--main-width))}
.ser-prise .splist article{display: grid;grid-template-columns: calc(659 / var(--main-width)) 1fr;column-gap:calc(87 / var(--main-width));}
.ser-prise .splist figure {border:1px solid var(--gray-border-color);height:auto;overflow:hidden;height:calc(405 / var(--main-width));}
.ser-prise .splist figure img{width:100%;height:100%;object-fit:cover}
.ser-prise .splist article .info .btn{margin-top:calc(28 / var(--main-width));}
.ser-prise .splist .info span{width:100%;font-size: calc(30 / var(--main-width));line-height:calc(41 / var(--main-width));margin-bottom:0;font-weight:700;}
.ser-prise .splist .info p{margin-top:calc(29 / var(--main-width));}
.ser-prise .splist .info h4{margin-bottom:calc(8 / var(--main-width));}\

.ser-prise .splist .info ul{list-style-type: none;padding-left: 0;}
.ser-prise .splist .info ul li{position: relative;padding-left: calc(-17 / var(--main-width));list-style-type: none;}
.ser-prise .splist .info ul li::before{content: "";position: absolute;left: calc(-17 / var(--main-width));width:calc(8 / var(--main-width));height:calc(8 / var(--main-width));position:absolute;top:calc(12 / var(--main-width));background:#000;border-radius:100px;}



.info-box.fm{width:100%;position: relative;display: grid;grid-template-columns: 1fr;margin-top:calc(64 / var(--main-width));    padding: 0 0 calc(112 / var(--main-width)) 0;}
.login-form{display:grid;grid-template-columns: 1fr;gap:calc(36 / var(--main-width));margin-top:calc(27 / var(--main-width));}
.info-box.fm .info h3{width:100%;text-align:center;font-weight:400;line-height:calc(73 / var(--main-width));margin-bottom:calc(35 / var(--main-width));}

.login-form .field{width:calc(598 / var(--main-width));display:grid;grid-template-columns: calc(186 / var(--main-width)) calc(389 / var(--main-width));column-gap:calc(23 / var(--main-width));align-items:center}
.login-form .field:last-of-type{justify-content: flex-end;grid-template-columns: 1fr;}
.login-form .field:last-of-type .btn{margin-left: auto;}
.login-form input{background: transparent;height:calc(40 / var(--main-width));border: none;border: 1px solid var(--gray-border-color);padding: 0  calc(6 / var(--main-width));color: #000;font-size: calc(20 / var(--main-width));line-height: calc(30 / var(--main-width));font-family: var(--lato-font);font-weight: normal;outline: none;}
.login-form label{line-height: calc(30 / var(--main-width))}
.login-form .btn{width:calc(151 / var(--main-width));justify-content:center;}
.login-form input.error{background-color:#FFD1D1;border: 1px solid #b92929;}
.login-form .validations{width:auto;margin:0;font-size:calc(16 / var(--main-width));color:#f00;position:absolute;left:50%;transform:translateX(-50%);bottom:calc(14 / var(--main-width));}

.thankyou{position:absolute;top:calc(136 / var(--main-width));left:0;}
.thankyou .info p{text-align:center;}
.info-box .thankyou .info{justify-items:center;}
.info-box .thankyou .info h3{margin-bottom: calc(16 / var(--main-width));}
 
.info-box.tp-text {margin-top: calc(29 / var(--main-width));padding-top:0;}
.info-box.tp-text .info :where(h1,h2,h3,h4,h5,h6){text-align:left !important;}

.info-box.tp-text .info ul{list-style: none;padding-left: 0;margin-bottom: calc(30 / var(--main-width));}
.info-box.tp-text .info ul li{position: relative;padding-left: calc(12 / var(--main-width));}
.info-box.tp-text .info ul li::before{content: "-";position: absolute;left: 0;}


.slick-slider{display: block;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before,.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: auto;min-height: 1px;margin: 0 0 0 0;padding:0;position:relative;opacity: 1 !important;}
.slick-slide:first-of-type{margin-left: 0 !important;}  
[dir='rtl'] .slick-slide{float: right;}
/* .slick-slide img{display: block;} */
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}

.btn-slick{width:calc(40 / var(--main-width));height:calc(40 / var(--main-width));z-index: 9;background-color: rgba(255,255,255,.3);border-radius: 50%; background-repeat:no-repeat;background-size:calc(24 / var(--main-width)) calc(24 / var(--main-width));background-position:center center;position:absolute;bottom:auto;top:50%;}
.btn-slick.prev{background-image: url(../images/arrow-l.svg);right:0px;left:calc(50 / var(--main-width));}
.btn-slick.next{background-image: url(../images/arrow-r.svg);right: calc(50 / var(--main-width));}
 

.slick-dots{position:absolute;height:auto;width:100%;bottom:20px;right:0;background-color:transparent;z-index:99;text-align:center;display: none!important;}
.slick-dots li{width:12px !important;height:12px !important;margin:10px;border-radius:100%;background-color:transparent;margin-bottom: 0 !important; text-indent: -999em;padding:0; float:none;display:none;text-align:center;border:1px solid #000000;display:inline-block;}
.slick-dots li.slick-active{background-color:#000000;}
 .slick-dots li a{cursor:pointer;font-family:Arial;font-size:12px;color:#fff;text-decoration:none !important;cursor:default;}

/* Arrows */  
.flex-direction-nav {width:100%;height: auto;position:absolute;left:0;top:0;list-style:none !important;z-index:1;}
.flex-direction-nav a {width:40px;height:40px;background:#fff ;position: absolute; cursor: pointer; text-indent: -9999px; opacity: 1;margin-top:249px;z-index:9;background-repeat:no-repeat;background-position:center center;background-size:100% auto;text-decoration:none;}
.flex-direction-nav a.flex-next{background-image: url(../images/next-slide-arrow.png);right:54px;}  
.flex-direction-nav a.flex-prev{background-image: url(../images/prev-slide-arrow.png);left:54px;}
.flexslider:hover a.flex-next, .flexslider:hover a.flex-prev {opacity: 1; }
.flexslider:hover a.flex-next:hover, .flexslider:hover a.flex-prev:hover {opacity: 1;}     
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default !important;/*display:none;*/ }
.flex-direction-nav a:before  { content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }
.flex-control-paging {width:auto;list-style:none;position:absolute;left:0;bottom:14px;z-index:2;text-align:center;display:block;}
.flex-control-paging li{width:auto;display:inline-block;}
.flex-control-paging li a{width:10px;height:10px;border-radius:100%;float:left;margin-right:9px;text-align:center;text-decoration:none;font-size:0px;background-color:#ffffff;border:1px solid #272727;opacity:1;position:relative;text-decoration:none;}
.flex-control-paging li a:hover, .flex-control-paging li a.flex-active{width:10px;height:10px;background-color:#272727;border-radius:100%;opacity:1;}
main .img-info-box.dots-r .flex-control-paging {left:auto;right: 90px;}

/* Chrome, Edge, Safari */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 0) inset !important; /* background color */
     transition: background-color 5000s ease-in-out 0s; /* prevents flash */
      font-family: var(--adobe-caslon-pro-font) !important;
         color: var(--magenta-color) !important;
}

/* Firefox */
input:-moz-autofill {
    box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 0) inset !important;
     background:transparent;
     font-family: var(--adobe-caslon-pro-font);
      font-family: var(--adobe-caslon-pro-font) !important;
         color: var(--magenta-color) !important;
 }

 .logout{position:absolute;right:calc(20 / var(--main-width));top:calc(33 / var(--main-width));padding:0 calc(25 / var(--main-width)) 0 calc(25 / var(--main-width));}
.btn.logout::after{display:none;}

body.about .ser-prise article, body.about .info-box article{padding-left:calc(100 / var(--main-width));}
 body.about .ser-prise article, body.about .info-box article{display:flex;align-items:center;justify-content:space-between;}
body.about .ser-prise .info h3{text-align:left;}
body.about .info-box .info .btn{transform: translateX(0);margin-left: 0;}
body.about .info-box.tp-text{margin-bottom:45px;}
.profile{width:calc(442 / var(--main-width));height:calc(442 / var(--main-width));border-radius:100%;}

/*footer ------------------------------------ */
footer {width: 100%;margin:0;height:calc(74 / var(--main-width));display:flex;align-items:center;background-color:var(--dark-briks-color);border:var(--gray-border-color);}
footer #footer{width: 100%;max-width: calc(1920 / var(--main-width));margin: 0 auto;padding: 0 calc(140 / var(--main-width));position: relative;} 
footer nav ul{width:100%;display:flex;list-style-type:none;}
footer ul li{width:auto;margin:0;text-align:center;font-family: var(--lato-font);font-weight: 400;font-style: normal;font-size:calc(20 / var(--main-width));line-height:calc(30 / var(--main-width));color:var(--white-color);position:relative;}
footer ul li a{width:auto;margin:0;text-align:center;font-family: var(--lato-font);font-weight: 400;font-style: normal;font-size:calc(20 / var(--main-width));line-height:calc(30 / var(--main-width));color:var(--white-color);}
footer ul li:before{content:"";height:calc(24 / var(--main-width));width:1px;float:left;margin:calc(4 / var(--main-width)) calc(16 / var(--main-width));background:#fff;}
footer ul li:first-of-type:before{display:none;}
footer a:not(footer ul li)::before{background-color: var(--white-color);}


/*Footer-end====*/
/*error 404*/
.error-404{width:100%;margin:calc(124 / var(--main-width)) 0 calc(125 / var(--main-width)) 0;padding:0;float:left;text-align:center;}
.error-404 .t-inner{width:100%;margin:0 0;padding:0;display:inline-block;text-align:center;max-width: 58%;}
.error-404 .t-inner div{width:68%;margin:0 0 0 4%;padding:0;float:left;text-align:left;}
.error-404 .t-inner div h1{width:100%;float:left;font-size: calc(35 / var(--main-width));line-height: 1;margin-bottom: calc(20 / var(--main-width));
color: var(--black-color);font-weight: bold;text-align: left;}
.error-404 .t-inner p{width:100%;font-size: calc(20 / var(--main-width));line-height: calc(26 / var(--main-width));letter-spacing: -0.03%;margin-bottom: calc(15 / var(--main-width));
color: var(--black-color);position:relative;}
.error-404 .t-inner img{width:26.8%;margin:0 0;padding:0;float:left;}
.error-404 .t-inner a.btn{text-decoration: none;min-width: calc(151 / var(--main-width));justify-content:center;}
/*error 404*/
/* TERMS AND PRIVACY END */

@media only screen and (min-width:768px) and (max-width:1920px) {

:root{
   --main-width: 1920 * 100dvw;  
}
}

@media only screen and (min-width:0px) and (max-width:767px) {
   :root{--main-width: 375 * 100dvw;}

   .web {display: none;}
   .mobile {display: block;}
  

header{top:calc(calc(160 / var(--main-width)) + calc(20 / var(--main-width)));}
header #header{width: 100%;margin:0;padding:0 calc(20 / var(--main-width));}
header ul li{font-size:calc(14 / var(--main-width));line-height:calc(16 / var(--main-width));}
header ul li:before{height:calc(16 / var(--main-width));margin:0 calc(10 / var(--main-width));}

.inner {padding:0 calc(20 / var(--main-width));position: relative;}

h1{font-size: calc(34 / var(--main-width));}
 /*h2{font-size: 35px;line-height: 100%;}*/ 
h2{font-size: calc(36 / var(--main-width));line-height: calc(38 / var(--main-width));color: var(--black-color);font-weight:300;}
h3{font-size: calc(20 / var(--main-width));line-height:calc(24 / var(--main-width));}
h4{font-size: calc(18 / var(--main-width));line-height:calc(20 / var(--main-width));margin-bottom:calc(25 / var(--main-width))}
h5{font-size: calc(13 / var(--main-width));line-height: calc(18 / var(--main-width));}
h6{font-size: calc(12 / var(--main-width));}
p,li:not(nav ul li),label{font-size: calc(13 / var(--main-width));line-height: calc(18 / var(--main-width));}
/* :where(p,li):last-of-type {margin-bottom: 0;} */
ul{list-style: disc;}
blockquote{background-color: #f3f4f7;width: auto;padding:calc(75 / var(--main-width)) calc(20 / var(--main-width)) calc(20 / var(--main-width)) calc(20 / var(--main-width));float: left;margin: 0;margin-bottom: calc(20 / var(--main-width));position: relative;}
blockquote::before{width: auto;position: absolute;left: calc(20 / var(--main-width));top: 0; content: "“";font-size: calc(136 / var(--main-width));font-family:  var(--lato-sans-serif);height: calc(50 / var(--main-width));margin-left: calc(-5 / var(--main-width));}

.btn {background-color: var(--brick-red-color);border: 1px solid var(--brick-border-color);color: var(--white-color);padding: calc(7 / var(--main-width)) calc(15 / var(--main-width)) calc(9 / var(--main-width)) calc(15 / var(--main-width));border-radius: calc(12 / var(--main-width));
      display: inline-flex;align-items: center;font-size: calc(13 / var(--main-width));line-height: calc(14 / var(--main-width));font-family: var(--lato-font);font-weight: 400;font-style: normal;}

.hero-box{height: calc(160 / var(--main-width));margin-bottom:calc(53 / var(--main-width));}
.hero-box :where(.image-maskig-animation,.slide-repeat, /* .hero-animation-box,*/.animation-box){height:calc(160 / var(--main-width));}
body.home .hero-text .ht-inner h1{font-size: calc(54 / var(--main-width));} 
body.home header{top:calc(100dvh + calc(20 / var(--main-width)));}

/*.two-column-box .inner{max-width: 100%;} */
.info-box{width:100%;margin-top: 0;padding: calc(29 / var(--main-width)) 0 calc(15 / var(--main-width)) 0;} 
.info-box article{align-items: center;justify-items: center;} 
.info{width: 100%;}
.info-box .info{width: calc(100% / var(--main-width));}
.info-box .info p{margin-bottom:calc(15 / var(--main-width))}
.info-box .info ul{padding-left: calc(24 / var(--main-width));}
.info-box .info :where(p,ul){margin-bottom: calc(15 / var(--main-width));}
.info-box .info .btn{margin-top:calc(12 / var(--main-width));}

.lr-grid{width:100%;position: relative;display: grid;grid-template-columns: 1fr;margin-top:calc(25 / var(--main-width));margin-bottom:calc(25 / var(--main-width))}
.lr-grid article{display: grid;grid-template-columns: 1fr 1fr;column-gap:calc(8 / var(--main-width));}
.lr-grid article .lft{display: grid;grid-template-columns: 1fr;column-gap:calc(8 / var(--main-width));gap:calc(8 / var(--main-width));}
.lr-grid article .rft{display: grid;grid-template-columns: 1fr;column-gap:calc(8 / var(--main-width));gap:calc(8 / var(--main-width));}
.lr-grid article .full { grid-column: 1 / -1; }
.lr-grid article figure {border-radius:calc(8 / var(--main-width));border:1px solid var(--gray-border-color);height:auto;overflow:hidden;}
.lr-grid article figure img{width:100%;height:100%;object-fit:cover;}
.lr-grid .rlt-grid{display: grid;grid-template-columns: 2fr 1fr;column-gap:calc(8 / var(--main-width));gap:calc(8 / var(--main-width));margin-top:calc(8 / var(--main-width));}
.lr-grid .rlt-grid .rft{grid-template-columns: 1fr;}

.ser-prise{margin-top:calc(25 / var(--main-width));}
.ser-prise .info h3{width:100%;text-align:center;font-weight:400;line-height:calc(26 / var(--main-width));padding:0 calc(20 / var(--main-width));}
.ser-prise .splist{margin-top:calc(25 / var(--main-width));margin-bottom:calc(13 / var(--main-width));display: grid;grid-template-columns: 1fr;gap:calc(25 / var(--main-width))}
.ser-prise .splist article{display: grid;grid-template-columns:1fr;column-gap:calc(0 / var(--main-width));}
.ser-prise .splist figure {border:1px solid var(--gray-border-color);height:auto;overflow:hidden;}
.ser-prise .splist article .info .btn{margin-top:calc(26 / var(--main-width));}
.ser-prise .splist .info span{font-size: calc(20 / var(--main-width));line-height:calc(24 / var(--main-width));}
.ser-prise .splist .info{margin-top:calc(15 / var(--main-width));}
.ser-prise .splist .info p{margin-top:calc(20 / var(--main-width));}
.ser-prise .splist .info h4{margin-bottom:calc(7 / var(--main-width));}
.ser-prise .splist .info ul{list-style-type: none;padding-left: 0;}
.ser-prise .splist .info ul li{position: relative;padding-left: calc(-10 / var(--main-width));list-style-type: none;}
.ser-prise .splist .info ul li::before{content: "";position: absolute;left: calc(-9 / var(--main-width));width:1.2vw;height:1.2vw;position:absolute;top:calc(7 / var(--main-width));background:#000;border-radius:100%;}

.info-box.fm{width:100%;grid-template-columns: 1fr;margin-bottom:calc(25 / var(--main-width));margin-top:calc(25 / var(--main-width));padding: 0;}
.login-form{display:grid;grid-template-columns: 1fr;gap:0;margin-top:0;}
.info-box.fm .info h3{line-height:calc(20 / var(--main-width));margin-bottom:calc(10 / var(--main-width));}

.login-form{width:100%;gap:calc(10 / var(--main-width));    }
.login-form .field{width:100%;display:grid;grid-template-columns:1fr;column-gap:0;align-items:center}
.login-form .field:last-of-type{justify-content: flex-end;grid-template-columns: 1fr;margin-top:calc(10 / var(--main-width));}
.login-form .field:last-of-type .btn{margin-left: auto;}
.login-form input{height:calc(30 / var(--main-width));padding: 0  calc(6 / var(--main-width));color: #000;font-size: calc(14 / var(--main-width));line-height: calc(20 / var(--main-width));font-family: var(--lato-font);font-weight: normal;outline: none;}
.login-form label{line-height: calc(30 / var(--main-width))}
.login-form .btn{width:calc(100 / var(--main-width));justify-content:center;}
 
.thankyou{position:absolute;top:calc(136 / var(--main-width));left:0;}
.thankyou .info p{text-align:center;}
.info-box .thankyou .info{justify-items:center;}
.info-box .thankyou .info h3{margin-bottom: calc(16 / var(--main-width));}
 
.info-box.tp-text {margin-top: calc(20 / var(--main-width));padding-top:0;}
.info-box.tp-text .info :where(h1,h2,h3,h4,h5,h6){text-align:left !important;}

.info-box.tp-text .info ul{list-style: none;padding-left: 0;margin-bottom: calc(20 / var(--main-width));}
.info-box.tp-text .info ul li{position: relative;padding-left: calc(12 / var(--main-width));}
.info-box.tp-text .info ul li::before{content: "-";position: absolute;left: 0;}

footer {height:calc(50 / var(--main-width));}
footer #footer{padding: 0 calc(20 / var(--main-width));position: relative;} 
footer ul li{font-size:calc(13 / var(--main-width));line-height:calc(18 / var(--main-width));}
footer ul li a{font-size:calc(13 / var(--main-width));line-height:calc(18 / var(--main-width));}
footer ul li:before{height:calc(16 / var(--main-width));width:1px;margin:calc(2 / var(--main-width)) calc(10 / var(--main-width));background:#fff;}
footer ul li:first-of-type:before{display:none;}
footer a:not(footer ul li)::before{background-color: var(--white-color);}

/*error 404*/
.error-404{padding:5.69158878504673vw 4.345794392523365vw 10.373831775700935vw 4.345794392523365vw;margin: 0;}
.error-404 .t-inner{width:100%;margin:0 0 0 0;max-width: 100%;}
.error-404 .t-inner figure{width:100%;margin-bottom:7.009345794392523vw;text-align:center;}
.error-404 .t-inner figure img{width:32.8%;float:none;display:inline-block;}
.error-404 .t-inner div {width: 100%;margin: 6vw 0 0 0px;padding: 0;float: left;text-align: center;}
.error-404 .t-inner div h1{margin-bottom:3.5046728971962615vw;text-align:center;font-size:6.763285024154589vw;line-height:7.971014492753622vw;}
.error-404 .t-inner div p{margin:0 0 3.4641288433382138vw 0;font-size: 3.3816425120772946vw;line-height: 4.830917874396135vw;text-align:center;}
.error-404 .t-inner img{width:26.8%;float: none;}
.error-404 .t-inner a.btn{min-width: calc(100 / var(--main-width));text-align:center;justify-content:center;}
/*error 404*/
 
}
