@charset "utf-8"; /* CSS Document */
:root {

--beige: #e4e2e1; 
--dark-grey: #202729; 
--primary: #007e97; 
--white: #ffffff; 
--black: #000000; 
--gradient: linear-gradient(90deg,rgba(254, 223, 124, 1) 0%, rgba(254, 223, 124, 1) 71%, rgba(182, 133, 44, 1) 95%, rgba(209, 170, 67, 1) 100%); 
--gradient-hover: linear-gradient(270deg,rgba(254, 223, 124, 1) 0%, rgba(254, 223, 124, 1) 71%, rgba(182, 133, 44, 1) 95%, rgba(209, 170, 67, 1) 100%); 
--body-font: "Roboto", sans-serif; 
--heading-font: font-family: 'Rospi Clean'; 
}

*,*::before, *::after {box-sizing:border-box; }
@media (prefers-reduced-motion: no-preference) {
:root {
scroll-behavior: smooth; 
}
}

@font-face {
    font-family: 'Rospi Clean'; 
    src: url('../webfonts/Rospi-Clean.eot'); 
    src: url('../webfonts/Rospi-Clean.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/Rospi-Clean.woff2') format('woff2'),
        url('../webfonts/Rospi-Clean.woff') format('woff'),
        url('../webfonts/Rospi-Clean.ttf') format('truetype'),
        url('../webfonts/Rospi-Clean.svg#Rospi-Clean') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
    font-display: swap; 
}

/* Animation */
@keyframes pulse-ring {
  0% { transform: scale(.33);}
  80%, 100% { opacity: 0; }
}

@keyframes pulse-dot {
  0% { transform: scale(.8); }
  50% { transform: scale(1); }
  100% { transform: scale(.8);}
}

html, body { overflow-x: hidden;}
body{font-family:var(--body-font); color:var(--dark-grey); font-size:16px; font-weight:400; background-color:var(--white); line-height:1.5; }
body.noscroll{ overflow:hidden; }
h1, h2, h3, h4, h5, h6{margin-top:0; margin-bottom:16px; line-height:1.1; font-family: 'Rospi Clean'; font-weight: 400; transform: scaleY(0.8);}
h1 {font-size:48px; }
h2{font-size:80px; }
h3{font-size:50px; }
h4{font-size:28px; }
h5{font-size:20px; }
h6{font-size:16px; }
p{margin-bottom:16px; margin-top:0; }
p:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child{margin-bottom:0; }
strong{ font-weight:700; }

img{max-width:100%; height:auto; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; }
.full-img{ line-height:0; }
.full-img img{ width:100%; height:auto; }
.full-image{ overflow: hidden;}
button, input {-moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; }
a {color:var(--blue); text-decoration:none; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; text-decoration:underline; }
a:hover {color:var(--blue); text-decoration:none; }
a > *{-moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease}

.no_banners{ padding-top: 85px;}
.container, .container-full{ padding-left: 20px; padding-right: 20px; position: relative; }
.container{ margin: 0 auto; padding: 0 20px; width: 100%; position: relative; z-index: 100; max-width: 1310px}
.container-full{ max-width: none; width: auto; }
.container .container-full{ position: relative; left: 50%; transform: translateX(-50%); width: 100vw; }
.container .container, .container .container-full, .no-padding{  padding-left: 0px !important; padding-right: 0px !important; }
.container-full .container{ padding-left: 20px !important; padding-right: 20px !important; }

.container{margin:0 auto; padding:0 20px; max-width:1310px; width:100%; position:relative; z-index:100; }
.row{ margin-left:-20px; margin-right:-20px; }
.row > [class*=u-]{ padding-left:20px; padding-right:20px; }
.justify-content-start {justify-content:flex-start; }
.justify-content-end {justify-content:flex-end; }
.justify-content-center {justify-content:center; }
.justify-content-between {justify-content:space-between; }
.justify-content-around {justify-content:space-around; }
.justify-content-evenly {justify-content:space-evenly; }
.align-items-start {align-items:flex-start; }
.align-items-end {align-items:flex-end; }
.align-items-center {align-items:center; }
.align-items-baseline {align-items:baseline; }
.align-items-stretch {align-items:stretch; }
.align-content-start {align-content:flex-start; }
.align-content-end {align-content:flex-end; }
.align-content-center {align-content:center; }
.align-content-between {align-content:space-between; }
.align-content-around {align-content:space-around; }
.align-content-stretch {align-content:stretch; }
.align-self-auto {align-self:auto; }
.align-self-start {align-self:flex-start; }
.align-self-end {align-self:flex-end; }
.align-self-center {align-self:center; }
.align-self-baseline {align-self:baseline; }
.align-self-stretch {align-self:stretch; }
.d-flex {display:flex; }
.flex-grow-0 {flex-grow:0; }
.flex-grow-1 {flex-grow:1; }

.image-fit{min-width:initial; position:relative; overflow:hidden; flex:0 0 auto; display:flex; }
.image-fit img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto; }
.image-bg{min-width:initial; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow:hidden; flex:0 0 auto; display:flex; }
.image-bg img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto; }
.ratio { position:relative; width:100%; }
.ratio::before { display:block; padding-top:var(--aspect-ratio); content:""; }
.ratio > * { position:absolute; top:0; left:0; width:100%; height:100%; }
.ratio-1x1 { --aspect-ratio:100%; }
.ratio-4x3 { --aspect-ratio:75%; }
.ratio-16x9 { --aspect-ratio:56.25%; }
.ratio-21x9 { --aspect-ratio:42.8571428571%; }
.ratio-9x16 { --aspect-ratio:177.7%; }
.ratio .full-img{min-width:initial; position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; flex:0 0 auto; display:flex; }
.ratio .full-img img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto; }
.img-hover:hover img{ opacity:0.8}
.full-img{ position: relative; }
.full-img img{ width: 100%; height: auto; overflow: hidden; position: relative; }
.img-scale{ overflow: hidden; display: block; }
.img-scale:hover img{-webkit-transform:-webkit-scale(1.1) -webkit-rotate(0); transform:scale(1.1) rotate(0); }

.img-hover:hover img{ opacity:0.8}
#site_loader{position:fixed; z-index:99999; background:#ebebeb; width:100%; height:100%; top:0; left:0; transition:all .4s}
#site_loader.loading_done{opacity:0; z-index:-999; visibility:hidden}
.spinner{width:70px; text-align:center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}
.spinner>div{width:18px; height:18px; background-color:var(--blue); border-radius:100%; display:inline-block; -webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both; animation:sk-bouncedelay 1.4s infinite ease-in-out both}.spinner .bounce1{-webkit-animation-delay:-.32s; animation-delay:-.32s}
.spinner .bounce2{-webkit-animation-delay:-.16s; animation-delay:-.16s}
@-webkit-keyframes sk-bouncedelay{
0%,80%,100%{-webkit-transform:scale(0)}
40%{-webkit-transform:scale(1)}
}
@keyframes sk-bouncedelay{
0%,80%,100%{-webkit-transform:scale(0); transform:scale(0)}
40%{-webkit-transform:scale(1); transform:scale(1)}
}


.full-image { position: relative; overflow: hidden;}
.full-image img { display: block; width: 100%; height: auto;}
.image-overlay { position: absolute; top: 0; left: 0; height: 100%; background-color: #ddeaef;  width: 0; z-index: 2; pointer-events: none; }
.nf-fs-34{ font-size: 34px;}

/*============Css Start============*/
.btn{ border: none; cursor: pointer; height: 56px; padding: 0 20px; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; font-family: 'Rospi Clean'; text-transform: uppercase; justify-content: center; text-align: center; }
.btn span{ transform: scaleY(0.8); font-size: 28px; font-family: 'Rospi Clean'; display: inline-block;}
.btn-primary{ background: var(--primary); color:var(--white); position: relative; display: inline-block; line-height: 54px; z-index: 0; }
.btn-primary:hover{background: #00a0c0; color:var(--white); }
.btn-secondary{border: 2px solid #fff; }
.btn-secondary:hover {background-color: #fff; color: #085e72; }
.btn-light{ color: #fff; border: 2px solid #fff; background-color: transparent; }
.btn-light:hover{ background: #fff; color: #085e72; }
.btn-outline{  color: #202729; border: 2px solid #202729; }
.btn-outline:hover{ background: #085e72;  border: 2px solid #085e72; color: #fff; }
.btn-dark{ color: #fff; background: var(--dark-grey); border: 2px solid var(--dark-grey); }
.btn-dark:hover{ background: #085e72; color: #fff; border: 2px solid #085e72;}
.btn-white{ background: #fff; color: #085e72;  }
.btn-white:hover{ background: #085e72; color:var(--white); }
.btn-grey-txt{ background: #fff; color: var(--dark-grey);}
.btn-grey-txt:hover{ background: #085e72; color:var(--white);}
.btn-dark-grey{ background: var(--dark-grey); color: var(--white);  }
.btn-dark-grey:hover{ background: #085e72; color:var(--white); }

.btn-primary{ padding: 0 40px;}
.btn-primary:before{ position: absolute; content: ""; width: 0; height: 0; border-top: 56px solid var(--primary); border-right: 56px solid transparent; top: 0; left: 0; transition: all 0.3s; }
.btn-primary:hover:before{ width: 100%; opacity: 0; }

.header-btn{ border: none; cursor: pointer; height: 56px; padding: 0 20px; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; font-family: 'Rospi Clean'; text-transform: uppercase; justify-content: center; text-align: center; }
.header-btn span{ transform: scaleY(0.8); font-size: 28px; font-family: 'Rospi Clean'; display: inline-block;}
.header-btn{ background: var(--primary); color:var(--white); position: relative; display: inline-block; line-height: 54px; z-index: 0; }
.header-btn:hover{background: #00a0c0; color:var(--white); }
.header-btn:before{ position: absolute; content: ""; width: 0; height: 0; border-top: 56px solid var(--primary); border-right: 56px solid transparent; top: 0; left: 0; transition: all 0.3s; }
.header-btn:hover:before{ width: 100%; opacity: 0; }



.header{padding-left: 4.761904761904762%; padding-right: 4.761904761904762%; position: fixed; top: 0; left: 0; right: 0; z-index: 1000; display: flex; align-items: flex-end; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; background: linear-gradient(to bottom, #202729, transparent);}
.header .logo{ width: 315px; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; height: 135px; display: flex; align-items: flex-end; }
.header .logo img{ width: 100%; height: auto; }
.header .header-right{ margin-left: auto; display: flex; flex-direction: column-reverse;}
.header .top-menu{ margin: 0; padding: 0; list-style: none; display: flex; align-items: center; justify-content: flex-end; border-bottom: 1px solid rgba(255,255,255,0.1); font-size: 16px;}
.header .top-menu a, .stellarnav ul li a{ position: relative; display: inline-block;}
.header .top-menu a:after {background-color: var(--primary); position: absolute; bottom: 9px; left: 2px; width: 0; content: ''; height: 1px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.header .top-menu a:hover:after {width: 100%; }
.stellarnav .has-sub ul li a:hover:after {width: calc(100% - 35px); }
.stellarnav .has-sub ul li a:after{background-color: var(--primary); position: absolute; bottom: 9px; left: 15px; width: 0; content: ''; height: 1px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.stellarnav .has-sub ul li a{position: relative; }
.stellarnav .has-sub ul li a:after{bottom: 8px; }
.header .top-menu li + li{ margin-left: 20px; }
.header .top-menu li a{ display: block; line-height: 49px; color: #fff; text-decoration: none; position: relative; }
.header.fixed-header{ background-color: var(--dark-grey); top: -50px; }
.header.fixed-header .logo{ width: 221px; height: 85px; align-items: center; }
iframe{ border: none !important;}
.stellarnav .has-sub ul li a[aria-current="page"]::after {width: calc(100% - 35px); }


/* Banner */
.banner{ position: relative; overflow: hidden; height: 100vh; background: #202729;}
.banner .image-fit{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; z-index: 1; height: 100%;}
.banner .image-fit:before, .banner .banner_item_bg:before{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; z-index: 2; background-image: url(../images/banner-top-overlay.png); background-position: top; background-repeat: repeat-x; }
.banner:after{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2;
 background: linear-gradient(
  to right,
  rgba(0, 0, 0, 0.45) 0%,
  rgba(0, 0, 0, 0.35) 25%,
  rgba(0, 0, 0, 0.2) 35%,
  rgba(0, 0, 0, 0.1) 45%,
  rgba(0, 0, 0, 0) 50%,
  rgba(0, 0, 0, 0) 100%
);
}

.banner .container{ position: absolute; ; left: 0; right: 0; top: calc(50% + 50px); transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 100; color: #fff; padding-left: 4.761904761904762%; padding-right: 4.761904761904762%; max-width: 100%; width: 100%; }
.banner .container .banner-title{ font-size: 80px; line-height:1.1; font-family: 'Rospi Clean'; font-weight: 400; transform: scaleY(0.8); display: block;}
.banner .container h6, .banner .container .banner-title{ margin-bottom: 0px; }
.control-btns .h4{ margin: 0 12px 0 0; font-size: 28px; line-height:1.1; font-family: 'Rospi Clean'; font-weight: 400; transform: scaleY(0.8); display: block;}
.controls button{ background: none; border: 0; width: 44px; height: 44px; cursor: pointer; padding: 0; margin: 0 5px; }
.controls button:hover{ opacity: 0.8; }
.controls button:focus{ outline: 2px solid #fff;}

.banner .banner_item_bg{ position: relative; height: 100%; width: 100%;}
.banner .banner_item_bg iframe {width: auto; height: 100vw; aspect-ratio: 16 / 9; transform: translateX(-50%); position: relative; z-index: 1; top: 0px; left: 50%; }
.banner .btn + .btn{margin-left: 20px; }
.banner:has(iframe[src*=http]) .image-fit {opacity: 0; }
.banner .quote{ position: absolute; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 10; right: 116px; }
.banner .banner-icons{padding-left: 4.761904761904762%; padding-right: 4.761904761904762%; padding-bottom: 35px; color: #fff; position: absolute; bottom: 0; left: 0; right: 0; z-index: 10; background-image: url(../images/banner-bottom-overlay.png); background-repeat: repeat-x; height: 186px; display: flex; align-items: flex-end; }
.banner .banner-icons .w-100{ width: 100% !important; }
.banner .banner-icons .d-flex{ text-decoration: none; color: #fff; text-transform: uppercase; align-items: center; }
.banner .banner-icons .d-flex .icon{ width: 61px; margin-right: 12px; }
.banner .banner-icons a, .banner .banner-icons a .d-flex{ transition: all 0.3s;}
.banner .banner-icons a{ text-decoration: none; }
.banner .banner-icons a:hover .d-flex{transform: translateY(-8px); }
.banner .control-btns{ gap: 20px;}
.banner .banner-icons .w-100 .pure-g{ justify-content: space-between;}
.banner .banner-icons .w-100 .pure-g [class*="pure-u"]{ width: auto;}

/* Banner Icons */
.banner .banner-icons .w-100 .flex-grow-1 > span{ display: block;line-height:1.1; font-family: 'Rospi Clean'; font-weight: 400; transform: scaleY(0.8); font-size: 28px;}
.banner-clipart { height: 200px; width: 200px; background: var(--primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; transition: all 0.3s;}
.banner-clipart:before{ position: absolute; content: ""; width: 0; height: 0; top: 25px; left: 35px; transition: all 0.3s; border-radius: 50%; background: var(--primary); transition: all 0.3s;}
.banner-clipart:hover{ background: #00a0c0; transform: scale(1.025);}
.banner-clipart:hover:before{ width: 120px; opacity: 0; height: 120px;}
.banner-clipart a { position: relative; line-height: 1.1; font-family: 'Rospi Clean'; font-weight: 400; transform: scaleY(0.8); font-size: 28px; text-align: center; text-decoration: none; border: 2px solid #fff; height: 200px; width: 160px; border-radius: 50%; display: flex; justify-content: center; align-items: center; padding: 20px; transition: all 0.3s;}
.banner-clipart a::before{height: 40px; width: 40px;content: ''; position: absolute; top: -20px; left: 50%; transform: translateX(-50%); background-color: var(--primary); background-image: url(../images/icon-quote.svg); background-repeat: no-repeat; background-position: center; background-size: 24px auto; transition: all 0.3s;}
.banner-clipart:hover a::before{ background-color: #00a0c0;}

/* Innerpage Banner */
.nfw-inner-page .banner{ height: 66vh;}
.nfw-inner-page .banner .bottom-shape{ position: absolute; left: 0; bottom: -1px; width: 100%; height: auto;}
.nfw-inner-page .banner .pure-g.left{ justify-content: left; text-align: left;}
.nfw-inner-page .banner .pure-g.center{ justify-content: center; text-align: center;}
.nfw-inner-page .banner .pure-g.right{ justify-content: right; text-align: right;}

/* w1 */
.w1{ padding-top: 60px; background-image: url(../images/pattern.png); background-position: center; background-color: var(--dark-grey); position: relative; overflow: hidden; }
.w1 .intro{ max-width: 900px; width: 100%; text-align: center; color: #fff; margin: 0 auto; margin-bottom: 100px; }
.w1 .intro h1, .w1 .intro h2{ font-size: 80px; position: relative; margin-bottom: 24px; padding-bottom: 24px; color: var(--primary); }
.w1 .intro h1:after, .w1 .intro h2:after{ background-color: #065d6f; height: 2px; width: 106px; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); position: absolute; bottom: 0; content: ''; }
.w1 .intro img{ margin-bottom: 55px; }
.w1 .content-outer { padding-left: 4.761904761904762% !important; padding-right: 4.761904761904762% !important; position: relative; z-index: 99;}
.w1 .content{ position: relative; padding: 80px 30px; /*background-image: url(../images/pattern.png); background-position: center;*/ background-color: #ddeaef; z-index: 10;}
.w1 .content:before, .w1 .content:after{ left: 0; right: 0; content: ''; position: absolute; height: 21px; background-position: center; background-repeat: no-repeat; }
.w1 .content:before{ top: 0; background-image: url(../images/edge-top.png); }
.w1 .content:after{ bottom: 0; background-image: url(../images/edge-bottom.png); }
.w1 .content .map{/*background-image: url(../images/pattern-lt.png);*/ background-position: center; background-color: #fff; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; text-align: center; } 
.w1 .content .item{ min-height: 200px; padding: 20px 16px; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: all 0.3s;}
.w1 .content .item > div{ transition: all 0.3s;}
.w1 .content .item:hover > div{ transform: translateY(-8px);}
.w1 .content .item .h3{ margin: 5px 0 0; color: var(--primary); text-decoration: none; font-size: 50px; text-transform: uppercase; line-height: 1; font-family: 'Rospi Clean'; font-weight: 400; transform: scaleY(0.8); display: block;}
.w1 .content .item + .item{ border-top: 2px solid #fff; }
.w1 .content .item img{ height: 50px; width: auto; }
.w1:after{ background-color: #fff; height: 280px; position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; content: ''; }
.w1:before{ background-image: url(../images/edge-bottom-lg.png); background-position: right; height: 21px; bottom: 280px; left: 0; right: 0; content: ''; position: absolute; z-index: 1; }
.w1 .intro p:last-of-type { margin-bottom: 0;}

/*Heading Block */
.nfw-heading-wrap{ position: relative;}
.nfw-heading-wrap .intro .btn{ margin-top: 20px;}
.nfw-heading-wrap.white{ background-color: var(--white) !important; background-image: unset;}
.nfw-heading-wrap.white .intro{ color: var(--black);}
.nfw-heading-wrap.light-grey{ background-color: #ddeaef; background-image: unset;}
.nfw-heading-wrap.light-grey .intro{ color: var(--black);}
.nfw-heading-wrap::after{ display: none !important;}
.nfw-heading-wrap::before{bottom: 0 !important;}
.nfw-heading-wrap.white-shape::before{background-image: url(../images/edge-bottom-lg.png);}
.nfw-heading-wrap.light-grey-shape::before{ background-image: url(../images/edge-bottom-sky-lg.png);}
.nfw-heading-wrap.dark-grey-shape::before{ background-image: url(../images/divider-dark.png);}
.nfw-heading-wrap .intro .nfw-logo{ margin-bottom: 30px;}
.nfw-heading-wrap.disable-bottom-margin .intro{ margin-bottom: 40px;}
.nfw-heading-wrap .intro .services{ display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-bottom: 30px;}
.nfw-heading-wrap .intro .services .icon{ width: 32px; height: 32px;}
.nfw-heading-wrap .intro .services .icon img{ margin-bottom: 0;}
.nfw-heading-wrap .intro .btn-wrap{ display: flex; width: 100%; gap: 24px; flex-wrap: wrap; justify-content: center;}
.nfw-heading-wrap .intro .btn-wrap + p{ margin-top: 35px;}

/* W2 */
.w2{ padding: 90px 0; text-align: center; position: relative; overflow: hidden; }
.w2:after{ background-image: url(../images/edge-bottom-sky-lg.png); background-position: center; position: absolute; content: ''; bottom: 0; left: 0; right: 0; z-index: 1; height: 21px; }
.w2 .content{ max-width: 900px; width: 100%; text-align: center; margin: 0 auto; }
.w2 .content h2, .w2 .content h1{ font-size: 80px; position: relative; margin-bottom: 24px; padding-bottom: 24px; }
.w2 .content h2:after, .w2 .content h1:after{ background-color: #045d6f; height: 2px; width: 106px; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); position: absolute; bottom: 0; content: ''; }
.w2 .content img{ margin-bottom: 55px; }
.remove-bottom-gap{ margin-bottom: 0px !important;}
.nfw-sub-title { display: block; font-family: 'Rospi Clean'; font-size: 24px; transform: scaleY(0.8); line-height: 1; text-align: center;  margin-bottom: 55px; margin-top: 30px; }

/* W3 */
.w3{ position: relative; padding: 90px 0; /*background-image: url(../images/pattern.png); background-position: center;*/ background-color: #ddeaef; overflow: hidden; }
.w3 .item{ position: relative; }
.w3 .item + .item{ /*padding-top: 60px;*/ padding-top: 100px;}
.w3 .item:after{ background-color: var(--primary); width: 2px; top: 0; bottom: 0; z-index: 1; content: ''; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); position: absolute; }
.w3 .item .pure-g{ align-items: center; }
.w3 .item [class*=pure-u-]{ padding-top: 60px; padding-bottom: 60px; position: relative; z-index: 2; }
.w3 .item .pure-u-7-12 img{ width: 100%; height: auto; position: relative; z-index: 2; transition: all 0.3s; display: block;}
.w3 .item .pure-u-7-12 img:hover{ transform: scale(1.1);}
.w3 .item .pure-u-7-12:after{ width: 47.24409448818898%; position: absolute; top: 0; bottom: 0; content: ''; background-color: #bbd5dc; z-index: 1;}
.w3 .item:nth-child(odd){ flex-direction: row-reverse; }
.w3 .item:nth-child(odd) .pure-u-7-12{ padding-right: 120px; }
.w3 .item:nth-child(even) .pure-u-7-12{ padding-left: 120px; }
.w3 .item:nth-child(odd) .pure-u-7-12:after{ right: 0; }
.w3 .item:nth-child(even) .pure-u-7-12:after{ left: 0; }
.w3 .item .watermark{ z-index: -1; position: absolute; top: -40px; }
.w3 .item:nth-child(odd) .watermark{ right: 55px; }
.w3 .item:nth-child(even) .watermark{ left: 55px; }
.w3 .item .content{ position: relative; z-index: 2; top: 0; }
.w3 .item .content h2{ color: var(--primary); line-height: 1; }
.w3 .item .content h2{ margin-bottom: 5px; }
.w3 .item .content p{ margin-bottom: 20px; }
.w3 .item .content .top-subtitle > span { font-size: 24px; padding: 6px 10px; background: var(--primary); color: var(--white); display: inline-block; font-family: 'Rospi Clean'; font-weight: 400; transform: scaleY(0.8); text-transform: uppercase; line-height: 1; padding: 7px 12px}
.w3 .item .content .btn{ min-width: 220px; margin-top: 5px;}
.w3 .item:nth-child(odd) .content{ padding-right: 84px; }
.w3 .item:nth-child(even) .content{ padding-left: 84px; text-align: right; }

.w3 .item.left-align-image{ flex-direction: row; }
.w3 .item.left-align-image .pure-u-7-12{ padding-left: 120px; }
.w3 .item.left-align-image .pure-u-7-12:after{ left: 0; }
.w3 .item.left-align-image .watermark{ left: 55px; }
.w3 .item.left-align-image .content{ padding-left: 84px; text-align: right;}
.w3.light-grey{ background-color: #ddeaef;}
.w3.white{ background-color: var(--white);}
.w3.dark-grey{ background-color: var(--dark-grey); background-image: url(../images/pattern.png);}
.w3.dark-grey .item .content{ color: var(--white);}
.w3.dark-grey .item .watermark img{ opacity: 0.12;}
.w3.dark-grey .item.small-image .pure-u-7-12::after{ opacity: 0.12;}
/* .w3 .item .pure-u-7-12{align-items: center;} */

.w3 .item.disable_timeline:after{ display: none; }
.w3 .text-left-aligned .content{ text-align: left !important; padding: 0 !important;}
.w3 .content .left{ text-align: left;}
.w3 .content .center{ text-align: center;}
.w3 .content .right{ text-align: right;}

/* Image Size Smaller*/
.w3 .item.smaller-image .pure-u-7-12 { display: flex; padding-left: 60px;}
.w3 .item.smaller-image [class*="pure-u-"]{ width: 50%;}
.w3 .item.smaller-image .pure-u-7-12 img, .w3 .item.smaller-image .pure-u-7-12 .full-image{ max-width: 480px;}
.w3 .item.smaller-image:nth-child(2n+1) .pure-u-7-12 {justify-content: end; padding-right: 60px;}
.w3 .item.smaller-image:nth-child(2n+1) .content { padding-right: 30px; }
.w3 .item.smaller-image:nth-child(2n) .content{ padding-left: 30px;}
.w3 .item.left-align-image.smaller-image .pure-u-7-12{ justify-content: start; padding-left: 60px;}
.w3 .item.left-align-image.smaller-image .content{ padding-left: 30px;}

/* Image Size Small*/
.w3 .item.small-image .pure-u-7-12 { display: flex; padding-left: 60px; width: 35%;}
.w3 .item.small-image .pure-u-5-12{ width: 65%;}
.w3 .item.small-image .pure-u-7-12 img, .w3 .item.small-image .pure-u-7-12 .full-image{ max-width: 320px;}
.w3 .item.small-image:nth-child(2n+1) .pure-u-7-12 {justify-content: end; padding-right: 60px;}
.w3 .item.small-image:nth-child(2n+1) .content { padding-right: 30px; }
.w3 .item.small-image:nth-child(2n) .content{ padding-left: 30px;}
.w3 .item.left-align-image.small-image .pure-u-7-12{ justify-content: start; padding-left: 60px;}
.w3 .item.left-align-image.small-image .content{ padding-left: 30px;}

.w3 .item.small-image:nth-child(odd) .watermark{ right: 250px; }
.w3 .item.small-image:nth-child(even) .watermark{ left: 250px; }
.w3 .item.left-align-image.small-image .watermark{ left: 250px; }

.w3 .item.small-image .content h2{ position: relative; z-index: 11;}
.w3 .item.small-image .pure-u-7-12{ align-items: center;}
.w3 .item.small-image .pure-u-7-12::after{ height: calc(100% - 75px); top: 50%; transform: translateY(-50%);}

.light-grey .item.small-image .content{ background-color: #ddeaef;}
.white .item.small-image .content{ background-color: var(--white);}
.dark-grey .item.small-image .content{ background-color: var(--dark-grey);}

.w3::before, .w3::after{ background-image: url(../images/edge-bottom-lg.png); background-position: right; height: 21px; left: 0; right: 0; content: ''; position: absolute; z-index: 1; }
.w3::before{ top: 0; transform: rotateX(180deg);}
.w3::after{bottom: 0px; }
.w3.white-shape::after{background-image: url(../images/edge-bottom-lg.png);}
.w3.dark-grey-shape::after{ background-image: url(../images/divider-dark.png);}
.w3.light-grey-shape::after{ background-image: url(../images/edge-bottom-sky-lg.png);}
.w3.top-white-shape::before{background-image: url(../images/edge-bottom-lg.png);}
.w3.top-dark-grey-shape::before{ background-image: url(../images/divider-dark.png);}
.w3.top-light-grey-shape::before{ background-image: url(../images/edge-bottom-sky-lg.png);}

.w3.disable-top-shape::before{ display: none;} 
.w3.disable-bottom-shape::after{ display: none;} 

.w3 .item [class*=pure-u-] .txt-logo { width: 220px; height: 220px; position: absolute; z-index: 9999; bottom: 20px; left: 50%; transform: translateX(-50%);}
.w3 ul li { margin-bottom: 20px;}

/* W4 */
.w4{background-image: url(../images/pattern.png); background-position: center; background-color: var(--dark-grey); position: relative; padding: 100px 0 158px; position: relative; color: #fff; overflow: hidden; }
.w4:before{ background-image: url(../images/edge-bottom-lg.png); background-position: right; height: 21px; bottom: 0; left: 0; right: 0; content: ''; position: absolute; z-index: 2; }
.w4 h2{ margin: 0; font-size: 50px; text-transform: uppercase; }
.w4 h3{font-size: 28px;}
.w4 .icon-items{ margin: 42px 0; }
.w4 .icon-items .d-flex + .d-flex{ margin-top: 20px; }
.w4 .icon-items .d-flex{ text-decoration: none; color: #fff; text-transform: uppercase; align-items: center; }
.w4 .icon-items .d-flex .icon{ width: 61px; margin-right: 12px; }
.w4 .btn{ margin-top: 30px; min-width: 200px; }
.w4 .btn + .btn{ margin-left: 24px; }
.w4 .image-fit{ position: absolute; top: 0; right: 0; bottom: 0; width: 50%; position: absolute; z-index: 1; }
.w4 .center-image{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); z-index: 2; /*pointer-events: none;*/ }
.w4 .content{ padding-right: 45px; }
.w4 .image-fit .control-btns, .center-image .control-btns{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 70px; }
.w2.map-content:after{ display: none; }

/* W4 Backgrounds */
.w4.light-grey{ background-color: #ddeaef; background-image: unset;}
.w4.white{ background-color: var(--white); background-image: unset;}
.w4.dark-grey{ background-color: var(--dark-grey); background-image: url(../images/pattern.png);}
.w4.light-grey, .w4.white, .w4.light-grey .icon-items .d-flex, .w4.white .icon-items .d-flex {color: var(--dark-grey);}
.w4.light-grey h2, .w4.white h2{ color: var(--primary);}

/* W4 Bottom */
.w4-bottom .container{ background-image: url(../images/line.png); background-position: center; background-repeat: no-repeat; }
.w4-bottom::before, .w4-bottom.wide::after{ background-image: url(../images/edge-top-sky-lg.png); background-position: right; height: 21px; bottom: auto; top: 0; left: 0; right: 0; content: ''; position: absolute; z-index: 2; }
.w4-bottom .content{ padding-right: 0; padding-top: 30px; padding-right: 35px;}
.w4-bottom .d-flex h4{ list-style: 1; }
.w4-bottom .d-flex h4 span{ color: #009BB9; display: block; }
.w4-bottom .app-btns{ max-width: 373px; }
.w4-bottom .app-btns .pure-g{ margin-left: -5px; margin-right: -5px; }
.w4-bottom .app-btns .pure-g [class*=pure-u-]{ line-height: 0; padding-left: 5px; padding-right: 5px; }
.w4-bottom .center-image{ z-index: 101; overflow: hidden;} 
.w4-bottom .center-image > div{ width: 324px; height: 648px; background: url(../images/mobile-phone-transparent.svg) no-repeat center; overflow: hidden;}
.w4-bottom .center-image iframe{ width: 315px; height: 640px; position: absolute; left: 4px; z-index: -1; border-radius: 50px; }
.w4-bottom .content blockquote{ margin-top: 0px !important;}
.w4-bottom .content P + blockquote{ margin-top: 40px !important;}


.w4-bottom.top-white-shape::before{background-image: url(../images/edge-bottom-lg.png); transform: rotateX(180deg);}
.w4-bottom.top-dark-grey-shape::before{ background-image: url(../images/divider-dark.png); transform: rotateX(180deg);}
.w4-bottom.top-light-grey-shape::before{ background-image: url(../images/edge-bottom-sky-lg.png); transform: rotateX(180deg);}

.w4-bottom.bottom-white-shape::after{background-image: url(../images/edge-bottom-lg.png); top: auto; bottom: 0;}
.w4-bottom.bottom-dark-grey-shape::after{ background-image: url(../images/divider-dark.png); top: auto; bottom: 0;}
.w4-bottom.bottom-light-grey-shape::after{ background-image: url(../images/edge-bottom-sky-lg.png);top: auto; bottom: 0;}

.w4-bottom.wide.left_align_image .image-fit{ right: auto; left: 0;}
.w4-bottom.wide.left_align_image > .container > .pure-g{ justify-content: right;}
.w4-bottom.wide .container{background-image: unset;}
.w4-bottom.disable-top-shape::before{ display: none;} 
.w4-bottom.disable-bottom-shape::after{ display: none;} 
.w4-bottom.wide h2.blue{ color: var(--primary);}
.w4-bottom.wide h2.bigger{ font-size: 80px;}
.w4-bottom.wide .watermark { z-index: -1; position: absolute; top: -40px; right: 0;}
.w4-bottom.wide.dark-grey .watermark img { opacity: 0.12;}

.w4 .caption { position: absolute; z-index: 99; left: 40px; top: 40px; color: var(--white); background: var(--dark-grey); padding: 10px 20px; }
.w4-bottom.wide .pure-u-3-8 { width: 45%;}
.w4-bottom.wide.disable_image .pure-u-3-8{width: 100%; }
.w4-bottom.wide.disable_image .content{ padding-right: 0px;}


/* Section Divider */
.section-divider{ text-align: center; display: flex; align-items: center; justify-content: center; line-height: 0; position: absolute; bottom: 0; left: 0; right: 0; z-index: 10; }
.section-gray{ background: var(--white); position: relative; }
.section-divider.top{ top: -105px; bottom: auto;}
.section-divider.top img{ width: 100%; height: auto;}

/* Testimonials */
.TestiSlider{ background:  #ddeaef; padding-bottom: 40px;}
.TestiSlider::after { background-image: url(../images/edge-bottom-lg.png); background-position: right; height: 21px; bottom: 0; left: 0; right: 0; content: ''; position: absolute; z-index: 1;}
.TestiSlider .item .image-fit{ height: 600px; }
.TestiSlider .item .content{ background-color: #fff; padding: 80px 30px 80px; background-color: #fff; margin: 0 auto; width: 81.25%; position: relative; z-index: 10; margin-top: -125px; text-align: center; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; }
.TestiSlider .item .content h2{ /*font-size: 40px; */ position: relative; margin-bottom: 24px; padding-bottom: 24px; color: var(--primary); }
.TestiSlider .item .content h2:after{ background-color: #085e72; height: 2px; width: 106px; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); position: absolute; bottom: 0; content: ''; }
.TestiSlider .item .content blockquote{ max-width: 70%; width: 100%; margin: 0 auto 15px; font-style: italic; font-size: 20px; ; }
.TestiSlider .item .content cite{ display: block; margin: 0; padding: 0; font-size: 20px; font-weight: 700; color: var(--primary); }

.TestiSlider .slick-slide .item .content{ opacity: 0; }
.TestiSlider .slick-slide.slick-current .item .content{ opacity: 1; }
.TestiSlider .slick-slide .item .content::before,
.TestiSlider .slick-slide .item .content::after{ height: 21px; left: 0;right: 0;content: ''; position: absolute;z-index: 1; background-image: url(../images/edge-bottom-lg.png); background-position: right;}
.TestiSlider .slick-slide .item .content::before { top: -20px;}
.TestiSlider .slick-slide .item .content::after { bottom: -20px; transform: rotateX(180deg);}
.TestiSlider .slick-prev, .TestiSlider .slick-next{ top: 75%; -webkit-transform:translate(0, -75%); -ms-transform:translate(0, -75%); transform:translate(0, -75%); }
.TestiSlider .slick-prev{ left: 8%; }
.TestiSlider .slick-next{ right: 8%; }

/* News Section */
.news-section{ padding: 130px 0; padding-bottom: 50px;}
.news-section .title { position: relative; margin-bottom: 55px; text-align: center; }
.news-section .title > a{color: var(--primary); font-size: 28px; text-decoration: none; bottom: 0; right: 0; position: absolute; text-decoration: underline; font-family: 'Rospi Clean'; text-transform: uppercase; transform: scaleY(0.8);}
.news-section .title a:hover{ text-decoration: none; }
.news-section .title h2, .news-section .title h1{ position: relative; margin-bottom: 24px; padding-bottom: 24px; color: var(--primary); font-size: 80px; }
.news-section .title h2:after, .news-section .title h1:after{ background-color: #065d6f; height: 2px; width: 106px; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); position: absolute; bottom: 0; content: ''; }
.news-section .BlogSlider{ margin-left: -15px; margin-right: -15px; }
.news-section .BlogSlider .item{ padding-left: 15px; padding-right: 15px; }
.post-item{ display: block; text-decoration: none; color: var(--dark-grey); }
.post-item .full-img{ margin-bottom: 20px; overflow: hidden; border-radius: 0; }
.post-item .full-img:hover img {transform: scale(105%); }
.post-item h3, .post-item h2{ font-size: 28px; text-decoration: none; color: var(--dark-grey); margin-bottom: 5px; transition: all 0.3s;}
.post-item .date{ margin-bottom: 10px;}
.post-item h3:hover, .post-item h2:hover{ color: var(--primary); }
.post-item p{ margin-bottom: 5px; color: var(--dark-grey); }
.animated_underline_link.blue{ color: var(--primary); font-size: 28px; font-family: 'Rospi Clean'; font-weight: 400; transform: scaleY(0.8); display: inline-block;}
.post-item .full-img .event-date { position: absolute; z-index: 99;  left: 20px; bottom: 20px; width: calc(100% - 40px);}
.post-item .full-img .event-date span{color: var(--white); font-size: 28px; position: relative;display: inline-block; font-family: 'Rospi Clean'; text-transform: uppercase; transform: scaleY(0.8); line-height: 1.1; background: var(--dark-grey); padding: 10px 20px;}


/* NewsLetter Section */
.newsletter-section{ padding: 72px 0 90px; color: var(--primary); background-color: var(--primary); position: relative; color: #fff; margin-top: 130px; z-index: 999;}
.newsletter-section h2{ margin-bottom: 0; font-size: 50px;}
.newsletter-section h3{ margin-bottom: 0; font-size: 28px;}
.newsletter-section input[type=email]{ background-color: #fff; border: none; padding: 0 16px; height: 56px; width: 100%; display: block; outline: 0; }
.newsletter-section .btn{ width: 100%; display: flex; font-size: 28px; transform: scaleY(0.8); height: 74px;}
.newsletter-section .form-label{ font-size: 20px; font-weight: 700; }
.newsletter-section .pure-g{ margin-left: -10px; margin-left: -10px; }
.newsletter-section .pure-g [class*=pure-u-]{ padding-left: 10px; padding-right: 10px; position: relative;}
.newsletter-section .term-check input[type=checkbox]{ position: absolute; top: 25px; border-radius: 50%; left: 12px; height: 15px; width: 15px;}
.newsletter-section .term-check input[type=checkbox] + label{ position: relative; padding-left: 30px; display: block; font-size: 16px; margin-top: 20px; cursor: pointer; }
.newsletter-section .term-check input[type=checkbox] + label:before{ height: 24px; width: 24px; background-color: #fff; border-radius: 24px; position: absolute; top: 0; left: 0; content: ''; }
.newsletter-section .term-check input[type=checkbox]:checked + label:before{ background-image: url(../images/dot.png); background-position: center; background-repeat: no-repeat; }
.newsletter input[type="submit"]:disabled {cursor: not-allowed;opacity: .7;}

/* Constant */
.nfw-newsletter-form{display:flex;gap:40px; padding: 90px 0;}
.nfw-newsletter-form .item{width:calc(50% - 20px);}
.nfw-newsletter-form .item img{ width: 100%; height: auto; display: block;}
.nfw-newsletter-form .ctct-form-outer{padding:40px;background:#ddeaef;}
.nfw-newsletter-form h2{ display: block; font-family: 'Rospi Clean'; transform: scaleY(0.8); line-height: 1; text-align: left; margin-bottom: 30px; margin-top: 0px; font-size: 50px; color: var(--primary);}
.nfw-newsletter-form .ctct-form input[type=email]{width:calc(100%);height:56px;padding:0 16px;background:#fff;border:none;outline:0;display:block;}
.nfw-newsletter-form .ctct-form-field-checkbox{display:block;position:relative;}
.nfw-newsletter-form .ctct-form-wrapper .ctct-input-container label{font-size:16px;color:var(--dark-grey);}
.nfw-newsletter-form .ctct-form-field-checkbox input[type=checkbox]{position:absolute;top:5px;left:5px;width:15px;height:15px;}
.nfw-newsletter-form .ctct-form-field-checkbox input[type=checkbox]+label{position:relative;display:block;margin-top:20px;padding-left:35px;font-size:16px;cursor:pointer;}
.nfw-newsletter-form .ctct-form-field-checkbox input[type=checkbox]+label:before{content:"";position:absolute;top:0;left:0;width:24px;height:24px;background:#fff;}
.nfw-newsletter-form .ctct-form-field-checkbox input[type=checkbox]:checked + label:before{ background-image: url(../images/dot.png); background-position: center; background-repeat: no-repeat; }
.nfw-newsletter-form .ctct-form-field-submit{position:relative;z-index:0;height:56px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;text-align:center;background:var(--primary);color:var(--white);border:none;cursor:pointer;font-family:'Rospi Clean';text-transform:uppercase;line-height:54px;}
.nfw-newsletter-form input[type=submit]{border:none;background:transparent!important;cursor:pointer;transform:scaleY(.8);font-size:28px;color:var(--white);font-family:'Rospi Clean';}
.nfw-newsletter-form .ctct-form-field-submit::before{content:"";position:absolute;top:0;left:0;width:0;height:0;border-top:56px solid var(--primary);border-right:56px solid transparent;transition:.3s;}
.nfw-newsletter-form .ctct-form-field-submit:hover::before{width:100%;opacity:0;}
.nfw-newsletter-form .ctct-form-field-submit:hover{background:#00a0c0;color:var(--white);}
.nfw-newsletter-form .ctct-disclosure, .nfw-newsletter-form .ctct-required-indicatior{display:none!important;}


/* Footer */
.footer{ background-color: var(--dark-grey); color: #fff; padding: 0 5%; z-index: 999; position: relative;}
.footer-top{ padding: 120px 0 60px ; }
.footer-btn{ margin-top: 90px; width: 100%; max-width: 566px;}
.footer-btn .h5{ margin-bottom: 15px; font-size: 20px; font-family: "Roboto", sans-serif; text-transform: capitalize; font-weight: 700; display: block;}
.footer-btn .pure-g{ margin-left: -5px; margin-left: -5px; }
.footer-btn .pure-g [class*=pure-u-]{ padding-left: 5px; padding-right: 5px; }
.footer-top .pure-u-1-2{ margin-left: auto; }
.footer-logos { display: flex; align-items: center; }
.footer-logos .item + .item{ margin-left: 60px; }
.footer-logos + .footer-logos{ margin-top: 80px; }
.footer-bottom{ padding: 48px 0; position: relative; border-top: 1px solid #2b3234; }
.footer-bottom .menu{ margin: 0; padding: 0; list-style: none; display: flex; align-items: center; flex-wrap: wrap; column-gap: 20px;}
/* .footer-bottom .menu li + li{ margin-left: 20px; } */
.footer-bottom .menu li a{ color: #fff; text-decoration: none; }
.footer-bottom .menu li a:hover{ color: #fff; text-decoration: underline; ; }
.footer-bottom .social{ display: flex; justify-content: flex-end; align-items: center; }
.footer-bottom .social a{ background-color: #fff; height: 36px; width: 36px; display: flex; align-items: center; justify-content: center; color: var(--dark-grey); text-decoration: none; border-radius: 6px; }
.footer-bottom .social a:hover{ color: #fff; background-color:#005b6e; }
.footer-bottom .social a + a{ margin-left: 15px; }
.backto-top{ background-image: url(../images/up-arrow.png); background-position: center; background-repeat: no-repeat; background-color: var(--dark-grey); height: 40px; width: 80px; position: absolute; top: -20px; left: 50%; margin-left: -40px; z-index: 100; text-indent: -100000px;}

.footer-bottom .menu li a, .animated_underline_link, .accordion-content a{ position: relative; text-decoration: none !important;}
.footer-bottom .menu li a:after, .animated_underline_link:after, .accordion-content a::after {background-color: var(--white); position: absolute; bottom: -2px; left: 2px; width: 0; content: ''; height: 1px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.animated_underline_link.blue:after{ background-color: var(--primary); bottom: -4px;}
.accordion-content a::after, .sitemap-pages li a::after{ background-color: var(--dark-grey); bottom: -2px;}
.footer-bottom .menu li a:hover:after, .animated_underline_link:hover:after, .animated_underline_link.blue:hover:after, .accordion-content a:hover::after {width: 100%; }

/* W5 */
.w5{ position: relative;}
.w5 .w5-content{ padding: 60px; overflow: hidden; position: relative; padding-right: 30px;}
/* .w5-content::before{ position: absolute; content: ''; background: url(../images/paws.svg) repeat-y top left; left: 65px; width: 80px; height: 100%;} */
.w5 .w5-content h2 { color: var(--primary); line-height: 1;}
.w5 .w5-content .sub-title{ color: var(--primary); display: block; font-family: 'Rospi Clean'; font-size: 28px; transform: scaleY(0.8); line-height: 1;}
.w5 .w5-content ul{ padding: 0; margin: 0; list-style: none;}
.w5 .w5-content ul li{ margin-bottom: 20px; transition: all 0.3s;}
.w5 .w5-content ul li:hover{transform: translateX(8px);}
.w5 .w5-content ul li a{ text-decoration: none;}
.w5 .w5-content ul li a > span{ display: block; font-family: 'Rospi Clean'; font-size: 28px; transform: scaleY(0.8); line-height: 1; }
.w5 .w5-content ul li a > span:first-child:not(.location-title){ color: var(--primary);}
.w5 [class*="pure-u"]{ position: relative;}
.w5 .clip-part{position: absolute; height: 195px; width: 195px; left: auto; right: -97.5px; top: 50%; transform: translateY(-50%); border-radius: 50%; z-index: 99;
overflow: hidden;}

/* Map Locations Swiper */
.MapLocationsSwiper{ position: relative; padding-bottom: 60px;}
.MapLocationsSwiper .swiper-wrapper{ justify-content: space-between;}
.MapLocationsSwiper .swiper-slide > span{ display: block; font-family: 'Rospi Clean'; font-size: 28px; transform: scaleY(0.8); line-height: 1; text-align: center; cursor: pointer; transition: all 0.3s; }
.MapLocationsSwiper .swiper-slide > span a{ text-decoration: none;}
.MapLocationsSwiper .swiper-slide-active > span{ color: var(--primary); transition: all 0.3s;}
.MapLocationsSwiper .swiper-scrollbar { background: #ddeaef; bottom: 40px !important;}
.MapLocationsSwiper .swiper-scrollbar-drag { background: unset; width: 174px !important;}
.MapLocationsSwiper .swiper-horizontal > .swiper-scrollbar, .MapLocationsSwiper .swiper-scrollbar.swiper-scrollbar-horizontal{ width: 100%; left: 0;}
.MapLocationsSwiper .swiper-horizontal > .swiper-scrollbar, .MapLocationsSwiper .swiper-scrollbar.swiper-scrollbar-horizontal{ z-index: unset;}

.MapLocationsSwiper .swiper-slide { position: relative;  width: auto !important;}
.MapLocationsSwiper .swiper-slide::after { content: ''; position: absolute; bottom: -20px; left: 0; width: 0; height: 5px; background: var(--primary); border-radius: 2px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.MapLocationsSwiper .swiper-slide.swiper-slide-active::after, .MapLocationsSwiper .swiper-slide:hover::after{ width: 100%;}
.MapLocationsSwiper .swiper-slide:hover span{ color: var(--primary);}


/* Map Swiper */
.w5 .MapSwiper{ background: #ddeaef; position: relative;}
.w5 .MapSwiper .swiper-slide:first-child .pure-u-2-5 { width: 460px; }
.w5 .MapSwiper .swiper-slide:first-child .pure-u-3-5 { width: calc(100% - 460px); }

/* Map Locations */
.map-container { position: relative;}
/* .map-img{max-height: 915px;} */
.map-container img { width: 100%; display: block;}
.hotspot { 

position: absolute; width: 26px; height: 26px; background: white;  border-radius: 50%; cursor: pointer; transform: translate(-50%, -50%); border: 1px solid #000;

&:before { content: ''; position: relative; display: block; width: 300%; height: 300%; box-sizing: border-box; margin-left: -100%; margin-top: -100%; border-radius: 45px; background-color: var(--primary); animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;  pointer-events: none;}

&:after { content: ''; position: absolute; left: 0;  top: 0; display: block; width: 100%; height: 100%; background-color: white; border-radius: 15px; box-shadow: 0 0 8px rgba(0,0,0,.3); animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -.4s infinite;  pointer-events: none;}

}

.item .thumb { height: 85px; width: 85px; position: absolute; background: #000; display: flex; justify-content: center; align-items: center; border-radius: 50%; padding: 5px;}
.thumb::after { position: absolute; content: ''; height: 85px; width: 2px; background-color: #000; top: 85%; left: 50%; transform: translateX(-50%);}
.thumb.top::after{top: 85%;}
.thumb.bottom::after{top: -85%;}
.thumb.long::after{height: 180px;}


/*Location Popup*/
.location-popup{ position: absolute; z-index: 999; width: 360px; top: 50px; left: 50%; transform: translateX(-50%); display: none;}
.location-popup-content{ background: white; overflow: hidden; border-radius: 5px; min-width: 200px; box-shadow: 0 5px 15px rgba(0,0,0,0.3); position: relative; }
.location-popup-content h2{font-size: 30px; margin-bottom: 10px;}
.location-popup-content .desc{ padding: 20px;}
.location-popup-content .desc .content-desc {height: 100px;overflow-y: auto;}
.location-popup-content .desc .content-desc + .blue-link{ margin-top: 10px;}
.blue-link{ display: block; font-family: 'Rospi Clean'; font-size: 28px; transform: scaleY(0.8); line-height: 1; color: var(--primary); text-decoration: none;}
.location-popup .close-popup { position: absolute; right: 15px; top: 15px; background: var(--white); height: 45px; width: 45px; border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; z-index: 99;}
.location-popup .close-popup img{ width: 22px; height: 22px;}

.dotted_lines {background: url(../images/paws.svg) repeat-y top; left: auto; right: 80px; height: 0px; position: absolute;  width: 80px; transition: all 5s; }
.clickable{ cursor: pointer;}
.clickable:focus { outline: 3px solid #000; outline-offset: 3px;}
.disable_bottom_shape::after{ display: none; }


/* Single News Page */
.single-news-section{ padding-top: 140px; position: relative; }
.single-news-section h1, .single-news-section h2, .single-news-section h3, .single-news-section h4, .single-news-section h5, .single-news-section h6{ color: var(--primary) !important;}
.single-news-section.dark-grey{ background-color: var(--dark-grey); color: var(--white); background-image: url(../images/pattern.png); background-position: center;}
.single-news-section.dark-grey p, .single-news-section.dark-grey span{color: var(--white) !important; }
.single-news-section.dark-grey::after{ position: absolute; left: 0; top: 100%; content: ''; width: 100%; height: 500px; background-color: var(--dark-grey); background-image: url(../images/pattern.png); background-position: center;}
.single-news-section .content .title{ text-align: center;}
.single-news-section .content .title h1{ width: 60%; margin: 30px auto 10px;}
.single-news-section .content .title p{ margin-bottom: 16px;}
.single-news-section .wp-block-image{ padding: 35px 0px;}

/* Youtube */
.single-page-content .wp-block-embed__wrapper{ position: relative; width: 100%; padding-bottom: 56.25%; height: 0; overflow: hidden; margin: 20px 0px;}
.single-page-content .wp-block-embed__wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}
.single-page-content .event-date { position: absolute; z-index: 99;  left: 285px; bottom: 55px; }
.single-page-content .event-date span{color: var(--white); font-size: 28px; position: relative;display: inline-block; font-family: 'Rospi Clean'; text-transform: uppercase; transform: scaleY(0.8); line-height: 1.1; background: var(--dark-grey); padding: 10px 20px;}

/* Image Animation */
.single-news-section .opaque {position:absolute; top:0; left:0; right:0; bottom:0; opacity:0; background: var(--dark-grey);}
.single-news-section .lt-ie9 .opaque {display:none;}
.single-news-section .feature {position:fixed; top: 180px; z-index:0;  max-width: 1290px; width: 100%; padding-top:432px; left: 50%; transform: translateX(-50%);}
.single-news-section .content {position:relative; z-index:1; margin-top:485px; width:100%; }
.single-news-section .content::before{ position: absolute; content: ''; width: calc(100% + 100px); height: calc(100% + 500px); top: -40px; background-color: var(--dark-grey); z-index: -1; left: -50px; background-image: url(../images/pattern.png); background-position: center;}
.single-news-section .content .section-divider{ bottom: auto; top: -40px; position: relative;}
.single-news-section .content .section-divider::after{ background-image: url(../images/divider-dark.png); background-position: right; height: 21px; left: 0; right: 0; bottom: 0; content: ''; position: absolute; z-index: 1; }

/* Post Nav Buttons */
.post_nav_btn{ padding-bottom: 30px; padding-top: 30px; position: relative; z-index: 99;}
.post_nav_btn .button{ color: #fff;}
.post_nav_btn .pure-u-1-3:first-child {text-align: left;}
.post_nav_btn .pure-u-1-3:nth-child(2) {text-align: center;}
.post_nav_btn .pure-u-1-3:last-child {text-align: right;}
.hr_line{ margin: 40px 0px; margin-bottom:0px; outline: none; border: none; border-top: 1px solid #ebebeb; position: relative; z-index: 99;}


/* Post Grid Blocks */
.post_grid{ position: relative; padding: 130px 0; padding-bottom: 50px;}
.post_grid .title{ text-align: center; }
.post_grid  .pure-g.row .pure-u-1-3{ margin-bottom: 40px;}
.post_grid .post_filter_form{ position: relative; text-align: center;  padding: 40px; padding-top: 0;}
.post_grid .post_filter_form fieldset { padding: 0; border: none; }
.post_grid .post_filter_form input{ display: none; }
.post_grid .post_filter_form label{ display: inline-block; }
.post_grid .post_filter_form .pure-button.pure-button-primary{ color: #fff !important; background: var(--primary) !important; transition: all 0.3s; border-radius: 0 !important;  height: 37px; padding: 0 18px; display: flex; align-items: center; cursor: pointer; margin: 0 2px; font-weight: 700;}
.post_grid .post_filter_form .pure-button.pure-button-primary.button-active, 
.post_grid .post_filter_form .pure-button.pure-button-primary:hover{ background: #005b6e !important;  }
.post_grid .title h1{color: var(--primary);}
.post_grid .title p{ width: 75%; margin: 0 auto; margin-bottom: 16px;}
.post_grid .sub-title{display: block; color: var(--primary); font-size: 20px; text-transform: uppercase; font-weight: 700; margin-bottom: 10px;}
.post_grid .item .post-item .coleql_height{ min-height: 230px;}


/*Breadcrumbs */
.breadcrumbs-outer{ position: absolute; left: 50%; bottom: 50px; transform: translateX(-50%); text-align: center; line-height: 1.5; z-index: 9; color: var(--white); width: calc(100% - 30px);}
.breadcrumbs-outer a{ color: #fff !important;}

/* Shoe Stories */
.shoe-stories{ position: relative; padding: 90px 0; background: #ddeaef;}
.shoe-stories-outer{ display: flex; flex-wrap: wrap; column-gap: 30px; row-gap: 75px;}
.shoe-stories-outer .item{display: flex; transition: all 0.3s; position: relative;}
.shoe-stories-outer .item:hover > .content, .shoe-stories-outer .item:hover > .image{ transform: translateX(8px) !important;}
.shoe-stories-outer .item .image{ width: 190px; height: 190px; transition: all 0.3s;}
.shoe-stories-outer .item .content{ width: calc(100% -  190px); transition: all 0.3s; padding: 20px; background: var(--white); position: relative;}
.shoe-stories-outer.items-1 .item{ width: calc(100%);}
.shoe-stories-outer.items-2 .item{ width: calc(100% / 2 - 15px);}
.shoe-stories-outer.items-3 .item{ width: calc(100% / 3 - 20px);}
.shoe-stories-outer .item .image .clickable{ display: inline-block; overflow: hidden; height: 100%}
.shoe-stories-outer .item .image img{ display: block; transition: all 0.3s; width: 100%; height: auto;}
.shoe-stories-outer .item .image:hover img{transform: scale(1.1);}
.shoe-stories-outer .item .content h2, .shoe-stories-outer .item .content .top_subtitle{ font-size: 28px; text-decoration: none; color: var(--dark-grey); margin-bottom: 5px; transition: all 0.3s; display: inline-block;} 
.shoe-stories-outer .item .content h2.animated_underline_link::after{ background-color: var(--dark-grey); background: var(--dark-grey);}
.shoe-stories-outer .item .content .top_subtitle{ display: block; margin-top: 0; line-height: 1; font-family: 'Rospi Clean'; font-weight: 400; transform: scaleY(0.8); color: var(--primary);}
.shoe-stories-outer .item .content .animated_underline_link.blue{ line-height: 1;}
.shoe-stories-outer .item .content p{margin-bottom: 5px;}
.shoe-stories-outer .item .county_label{ position: absolute; right: 0; top: -12px; width: auto; z-index: 9999;}
.shoe-stories-outer .item .county_label > span{ font-size: 24px; padding: 6px 10px; background: var(--primary); color: var(--white); display: inline-block; font-family: 'Rospi Clean'; font-weight: 400; transform: scaleY(0.8); text-transform: uppercase; line-height: 1;}
.shoe-stories:before{ background-image: url(../images/edge-bottom-lg.png); background-position: right; height: 21px; bottom: 0px; left: 0; right: 0; content: ''; position: absolute; z-index: 1; }
.shoe-stories-outer .item .content .services{ display: flex; flex-wrap: wrap; justify-content: end; gap: 10px; position: absolute; right: 20px; width: 100%; bottom: -10px;}
.shoe-stories-outer .item .content .services .icon{ width: 24px; height: 24px;}

.shoe-stories.white-shape::before{background-image: url(../images/edge-bottom-lg.png);}
.shoe-stories.dark-grey-shape::before{ background-image: url(../images/divider-dark.png);}
.shoe-stories.light-grey-shape::before{ background-image: url(../images/edge-bottom-sky-lg.png);}

.shoe-stories:after{ background-image: url(../images/edge-top-sky-lg.png); background-position: right; height: 21px; bottom: auto; top: 0; left: 0; right: 0; content: ''; position: absolute; z-index: 1; }
.shoe-stories.top-white-shape::after{background-image: url(../images/edge-bottom-lg.png); transform: rotateX(180deg);}
.shoe-stories.top-dark-grey-shape::after{ background-image: url(../images/divider-dark.png); transform: rotateX(180deg);}
.shoe-stories.top-light-grey-shape::after{ background-image: url(../images/edge-bottom-sky-lg.png); transform: rotateX(180deg);}

/*Listen Block */
.listen-section{position: relative; padding: 20px 0;}
.nfw-audio-player { width: 100%; position: relative;  padding: 20px; padding-bottom: 40px;}
.nfw-audio-player .title{ color: var(--white); font-size: 24px; font-weight: 900; z-index: 99; text-decoration: none; line-height: 1.1; padding-left: 65px; position: relative; display: inline-block;}
.nfw-audio-player .play-pause-btn { background: none; border: none; padding: 0; cursor: pointer; left: 25px; top: 50%; transform: translateY(-50%); height: 44px; width: 44px; position: absolute; z-index: 99;}
.nfw-audio-player .progress-wrapper { position: relative; cursor: pointer; overflow: hidden; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.nfw-audio-player .progress-bar-fill { position: absolute; top: 0; left: 0; height: 100%; width: 0%; background-color: #e0e0e0; transition: width 0.2s linear; height: 100%;}
.nfw-audio-player .time-display { font-size: 14px; white-space: nowrap; position: absolute; left: 50%; transform: translateX(-50%); bottom: 10px; color: var(--white);}

/* Dark Grey */
.listen-section.dark-grey .nfw-audio-player .title, .listen-section.dark-grey .time-display{ color: var(--white);}
.listen-section.dark-grey .nfw-audio-player { background-color: var(--dark-grey);}

/* Light Grey */
.listen-section.light-grey .nfw-audio-player .title, .listen-section.light-grey .time-display{ color: var(--primary);}
.listen-section.light-grey .time-display{color: var(--black);}
.listen-section.light-grey .nfw-audio-player{background-color: #ddeaef; }

/* White */
.listen-section.white .nfw-audio-player .title, .listen-section.white .time-display{ color: var(--black);}
.listen-section.white .nfw-audio-player{ background-color: var(--white);}
.listen-section.white .nfw-audio-player .play-pause-btn{ filter: brightness(0);}


/* Grid Boxes */
.custom_gallery_block{ position: relative;}
.custom_gallery_block .gallery-item {overflow: hidden;transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;}
.custom_gallery_block .gallery-item img { transition: transform 0.3s ease-in-out; display: block; width: 100%;}
.custom_gallery_block .gallery-item:hover img{transform: scale(1.05);}

.custom_gallery_block .gallery-item,
.custom_gallery_block .gallery-item img{ transition: all 0.5s; width: 100%; height: auto; display: block; }
.custom_gallery_block .gallery-item:hover{ background: #000; }
.custom_gallery_block .gallery-item:hover img{ filter: unset; }
.custom_gallery_block .gallery-item:hover figcaption{ padding-top: 20px; }

.custom_gallery_block .gallery-list{ list-style: none; margin: -8px; padding: 0; overflow: auto; }
.custom_gallery_block.no-spacing .gallery-list{ margin: 0; }
.custom_gallery_block .gallery-item{ float: left; margin: 8px; position: relative; }
.custom_gallery_block.no-spacing .gallery-item{ margin:0; margin: 0 !important; }
.custom_gallery_block .gallery-item figure{ margin:0; }
.custom_gallery_block .gallery-item figcaption{ transition: all 0.5s; position: absolute; bottom: 0; width: 100%; max-height: 100%; overflow: auto; padding: 40px 10px 9px; color: #fff; text-align: center; font-size: 13px; background: linear-gradient(0deg, rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent); letter-spacing: normal; }

.custom_gallery_block.columns-1 .gallery-item{  margin: 0;  }
.custom_gallery_block.columns-2 .gallery-item{ width: calc( 50% - 16px ); }
.custom_gallery_block.no-spacing.columns-2 .gallery-item{ width: 50%; }
.custom_gallery_block.columns-2 .gallery-item:nth-child(odd){ clear: left; }
.custom_gallery_block.columns-3 .gallery-item{ width: calc( 33.33% - 16px ); }
.custom_gallery_block.no-spacing.columns-3 .gallery-item{ width: 33.33%; }
.custom_gallery_block.columns-3 .gallery-item:nth-child(3n+1){ clear: left; }
.custom_gallery_block.columns-4 .gallery-item{ width: calc( 25% - 16px ); }
.custom_gallery_block.no-spacing.columns-4 .gallery-item{ width: 25%; }
.custom_gallery_block.columns-4 .gallery-item:nth-child(4n+1){ clear: left; }
.custom_gallery_block.columns-5 .gallery-item{ width: calc( 20% - 16px ); }
.custom_gallery_block.no-spacing.columns-5 .gallery-item{ width: 20%; }
.custom_gallery_block.columns-5 .gallery-item:nth-child(5n+1){ clear: left; }
.custom_gallery_block.columns-6 .gallery-item{ width: calc( 16.5% - 16px );; }
.custom_gallery_block.no-spacing.columns-6 .gallery-item{ width: 16.5%; }
.custom_gallery_block.columns-6 .gallery-item:nth-child(6n+1){ clear: left; }

.custom_gallery_block.light-grey { background-color: #ddeaef;}
.custom_gallery_block.dark-grey {  background-color: var(--dark-grey);}
.custom_gallery_block.white {  background-color: #fff;}

.custom_gallery_block::before, .custom_gallery_block::after{ background-image: url(../images/edge-bottom-lg.png); background-position: right; height: 21px; left: 0; right: 0; content: ''; position: absolute; z-index: 1; }
.custom_gallery_block::before{ top: 0; transform: rotateX(180deg);}
.custom_gallery_block::after{bottom: 0px; }
.custom_gallery_block.white-shape::after{background-image: url(../images/edge-bottom-lg.png);}
.custom_gallery_block.dark-grey-shape::after{ background-image: url(../images/divider-dark.png);}
.custom_gallery_block.light-grey-shape::after{ background-image: url(../images/edge-bottom-sky-lg.png);}
.custom_gallery_block.top-white-shape::before{background-image: url(../images/edge-bottom-lg.png);}
.custom_gallery_block.top-dark-grey-shape::before{ background-image: url(../images/divider-dark.png);}
.custom_gallery_block.top-light-grey-shape::before{ background-image: url(../images/edge-bottom-sky-lg.png);}

.custom_gallery_block.disable-top-shape::before{ display: none;}
.custom_gallery_block.disable-bottom-shape::after{ display: none;}

.sepia img{ filter: sepia(100%); will-change: opacity, transform; transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);}
.black-and-white img{ filter: grayscale(100%); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); will-change: opacity, transform; transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);}

/* Masonry */
.custom_gallery_block .gallery-list.masonry { column-count: 3; margin: 0; padding: 0;}
.custom_gallery_block .gallery-list.masonry .gallery-item { display: inline-block;  width: 100%;  margin: 0 0 16px; }
.custom_gallery_block.columns-2 .gallery-list.masonry { column-count: 2; }
.custom_gallery_block.columns-3 .gallery-list.masonry { column-count: 3; }
.custom_gallery_block.columns-4 .gallery-list.masonry { column-count: 4; }
.custom_gallery_block.columns-5 .gallery-list.masonry { column-count: 5; }
.custom_gallery_block.columns-6 .gallery-list.masonry { column-count: 6; }
.custom_gallery_block.no-spacing .gallery-list{column-gap: 0;}
.pswp__caption__center{ font-size: 16px !important;}

.nfw-logos.logos_center .gallery-list{ display: flex; justify-content: center; flex-wrap: wrap;} 


/* Stamping Locations */
.stamping-locations{ position: relative; background: #ddeaef; padding: 80px 0px 40px 0px;}
.stamping-locations .section-title{ text-align: center; margin: 0 auto; margin-bottom: 60px; max-width: 900px; width: 100%;}
.stamping-locations .section-title h2{ color: var(--primary); font-size: 80px; position: relative; margin-bottom: 24px; padding-bottom: 24px; line-height: 1.1; font-family: 'Rospi Clean'; font-weight: 400; transform: scaleY(0.8); margin-top: 0; }
.stamping-locations .section-title h2::after { background-color: #065d6f; height: 2px; width: 106px; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); position: absolute; bottom: 0; content: '';}
.stamping_location{ padding: 30px; background: var(--white); margin-bottom: 40px;}
.stamping_location .county { position: absolute; right: 0; top: -16px; width: auto; z-index: 9999;}
.stamping_location .county > span { font-size: 24px; padding: 5px 15px; background: var(--primary); color: var(--white); display: inline-block; font-family: 'Rospi Clean'; font-weight: 400; transform: scaleY(0.8); text-transform: uppercase;}
.stamping_location .town{ margin-bottom: 10px; margin-top: 25px;}
.stamping_location .county + .town{ margin-top: 0px;}
.stamping_location .town > span { display: block; font-family: 'Rospi Clean'; font-size: 28px; transform: scaleY(0.8); line-height: 1;}
.stamping_location .item{ display: flex;}
.stamping_location .item .title a{ text-decoration: none; font-weight: 800; display: inline-block; margin-bottom: 2px; margin-right: 5px;}
.stamping_location .item .title a.animated_underline_link::after{ background-color: var(--black); bottom: 2px;}
.stamping-locations::before, .stamping-locations::after{ background-image: url(../images/edge-bottom-lg.png); background-position: right; height: 21px; left: 0; right: 0; content: ''; position: absolute; z-index: 1; }
.stamping-locations::before{ top: 0; transform: rotateX(180deg);}
.stamping-locations::after{bottom: 0px; }
.stamping-locations.white-shape::after{background-image: url(../images/edge-bottom-lg.png);}
.stamping-locations.dark-grey-shape::after{ background-image: url(../images/divider-dark.png);}
.stamping-locations.light-grey-shape::after{ background-image: url(../images/edge-bottom-sky-lg.png);}
.stamping-locations.top-white-shape::before{background-image: url(../images/edge-bottom-lg.png);}
.stamping-locations.top-dark-grey-shape::before{ background-image: url(../images/divider-dark.png);}
.stamping-locations.top-light-grey-shape::before{ background-image: url(../images/edge-bottom-sky-lg.png);}

.stamping-locations.light-grey-background{ background: var(--white);}
.stamping-locations.light-grey-background .stamping_location{ background: #ddeaef; position: relative; padding: 50px 30px;}
.stamping-locations.light-grey-background .stamping_location::before, 
.stamping-locations.light-grey-background .stamping_location::after{ background-image: url(../images/edge-bottom-lg.png); background-position: right; height: 21px; left: 0; right: 0; content: ''; position: absolute; z-index: 1; }
.stamping-locations.light-grey-background .stamping_location::after{ bottom: 0;}
.stamping-locations.light-grey-background .stamping_location::before{ top: 0; transform: rotateX(180deg);}

/* Two Column */
.stamping-locations .two-column { column-count: 2; column-gap: 40px;}
.stamping-locations .two-column .stamping_location { break-inside: avoid; width: 100%;  display: inline-block; }

/* Map Block */
.stamping-locations + .stamping-wrapper{ margin-top: 100px; margin-bottom: 100px;}
.stamping-wrapper{ height: 700px;}
.map-outer .stamping-map, .map-outer{ height: 100%;}
.stamping-info-window{ min-width: 320px; padding: 40px 30px 35px 30px; text-align: left;}
.stamping-info-window span{font-size: 28px; color: var(--black); display: block; font-family: 'Rospi Clean'; font-weight: 400; transform: scaleY(0.8); text-transform: uppercase; margin-bottom: 5px; text-decoration: none;}
.stamping-info-window a{ margin-bottom: 5px; text-decoration: none; font-size: 16px; color: var(--black); display: block; font-family: var(--body-font); font-weight: 800;}
.stamping-map .gm-style .gm-style-iw-c{ padding: 0 !important; max-width: 500px !important;}
.stamping-map .gm-style-iw-chr { position: absolute; right: 0px; top: 0;}


/* WP Block Quote */
blockquote:not(.TestiSlider .item .content blockquote){ border-left: 5px solid var(--primary); border-right: 5px solid var(--primary); margin: 60px 0px; padding: 40px;}

/* Amenities */
.nfw-services{ position: relative; padding-top: 40px; padding-bottom: 40px ;}
.nfw-services .services{ display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;}
.nfw-services .services .icon{ width: 32px; height: 32px;}

/* Tooltip box */
.services .icon { position: relative; cursor: pointer;}
.services .icon::before { content: attr(data-tooltip); position: absolute; bottom: 120%; left: 50%; transform: translateX(-50%); background-color: #ddeaef; color: #000; padding: 8px 12px; border-radius: .25em; font-size: 14px; white-space: nowrap; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, transform 0.3s ease; transform-origin: bottom center;}
/*.services .icon::after { content: ''; position: absolute; bottom: 85%; left: 50%; transform: translateX(-50%); border: 8px solid transparent; border-top-color: #ddeaef; opacity: 0; visibility: hidden; transition: opacity 0.3s ease;} */
.services .icon:hover::before { opacity: 1; visibility: visible;}
.services .icon:hover::before { transform: translateX(-50%) translateY(-4px);}


/* Author Box */
.single-news-section .saboxplugin-wrap { border: none !important; background: var(--white); color: var(--black) !important; margin: 40px 0px;}
.single-news-section .saboxplugin-wrap .saboxplugin-authorname .vcard.author{font-size: 28px; color: var(--black); display: block; font-family: 'Rospi Clean'; font-weight: 400; transform: scaleY(0.8); text-transform: uppercase; margin-bottom: 5px; text-decoration: none;}
.single-news-section .saboxplugin-wrap p, 
.single-news-section .saboxplugin-wrap span, 
.single-news-section .saboxplugin-wrap a, 
.single-news-section .saboxplugin-wrap strong{color: var(--black) !important;}
.single-news-section .saboxplugin-wrap .saboxplugin-gravatar img { max-width: 150px; height: 150px; width: 150px; border-radius: 50%;}

.saboxplugin-authorinfo-wrap { position: relative; display: flex; align-items: center;}
.single-news-section .saboxplugin-wrap .saboxplugin-gravatar{ padding: 20px; display: flex;}
.single-news-section .saboxplugin-wrap .saboxplugin-authorname{ margin: 0px;}
.single-news-section .saboxplugin-wrap .saboxplugin-desc{ margin: 0px;}


/* Contact Block */
.contact-wrapper{ position: relative; padding: 100px 0px; text-align: center;}
.contact-form-outer{ position: relative; background: #ddeaef; padding: 40px;}
.contact-form-outer a{ font-weight: 800; text-decoration: none;}
.contact-form-outer .section-title h2{  color: var(--primary);  text-transform: uppercase;  padding-bottom: 24px;  margin-bottom: 22px;  text-align: left;  font-size: 34px;}
.contact-form-outer textarea, .contact-form-outer input:not([type="submit"]){ width: 100%; height: 60px; border: none; padding: 20px; margin-bottom: 10px;}
.contact-form-outer textarea{ height: 175px;}
.contact-form-outer input[type="submit"]{ width: 175px; font-size: 24px;}
.contact-form-outer label, .contact-form-outer p{  text-align: left;}
.wpcf7-form-control.wpcf7-acceptance input[type="checkbox"] { width: 40px; height: 40px; cursor: pointer; background-color: var(--white); border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.contact-form-outer .wpcf7-list-item{ position: relative; margin-left: 0; padding-left: 60px; min-height: 50px; display: flex; align-items: center;}
label:has(input[type="checkbox"]) span::before { width: 40px; height: 40px; cursor: pointer; background-color: var(--white);  position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
label:has(input[type="checkbox"]:checked) span::before { background-image: url(../images/check.png); background-position: center; background-repeat: no-repeat;}
.contact-form-outer span[data-name="acceptance-55"]{ display: block;  margin-bottom:0px;}
.contact-form-outer span[data-name="acceptance-834"]{ display: block; margin-top: 10px !important; }
.contact-form-outer .pure-u-1-2:first-child{ padding-right: 5px;}
.contact-form-outer .pure-u-1-2:last-child{ padding-left: 5px;}
.contact-wrapper.disable_top_margin{ padding-top: 0 !important;}
.contact-wrapper.disable_bottom_margin{ padding-bottom: 0 !important;}

/* Map Block */
.map-block .map-outer, .map-block .nf-map{ height: 100%;}
.map-block .pure-u-1-2:first-child{ padding-right: 20px;}
.map-block .pure-u-1-2:last-child{ padding-left: 20px;}

.full-map-slide .map-label {position: absolute; z-index: 1; background: var(--dark-grey); color: var(--white); padding: 10px 20px; display: block; font-family: 'Rospi Clean'; font-size: 28px; transform: scaleY(0.8); line-height: 1;}

/* PDF Viewer Block */
#flowpaper-logo-bottom{display: none !important;}
.nfw-pdf-viewer{ margin-top: 0px; margin-bottom: 40px;}

/*Accordions */
.faqs { position: relative; width: 100%; padding-bottom: 100px;  padding-top: 100px; background: #ddeaef;}

.faqs .faq-header { display: flex; width: 90%; justify-content: space-between; margin: 0 auto; margin-bottom: 0px; margin-bottom: 60px; position: relative;}
.faq-header::after { position: absolute; content: ''; width: 100%; height: 5px; bottom: -22px; background: var(--white); border-radius: 5px; background: var(--white);
  border-radius: 5px; z-index: -1;}
.faqs .faq-header .title{ text-align: center;}
.faqs .faq-header .title a{ display: inline-block; line-height: 1.1; font-family: 'Rospi Clean'; font-weight: 400; transform: scaleY(0.8); font-size: 28px; text-decoration: none; position: relative;}
.faqs .faq-header .title a::after { content: ''; position: absolute; bottom: -32px; left: 0; width: 0; height: 6px; background: var(--primary); border-radius: 2px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; z-index: 9;}
.faqs .faq-header .title a:hover::after, .faqs .faq-header .title .faq-filter-btn.active::after { width: 100%; }

.faqs .accordion-item{ position: relative; width: 100%; margin-bottom: 15px; background:var(--white);}
.faqs .accordion-item .accordion-heading{ position: relative; width: 100%; }
.faqs .accordion-item .accordion-heading a{ padding: 18px 40px 18px 30px; min-height: 60px; height: auto; line-height: 1.5;
font-size: 24px; color: var(--black); display: block; font-family: 'Rospi Clean'; font-weight: 400; transform: scaleY(0.8); text-transform: uppercase; text-decoration: none;}
.faqs .accordion-item .accordion-heading:after{ content: ''; position: absolute; top: 22px; right: 25px; width: 26px; height: 26px; background: url('../images/arrow.svg') no-repeat center center; background-size: contain;  transform: rotate(90deg); transition: transform 0.3s ease; opacity: 1; z-index: 1; cursor: pointer;}
.faqs .accordion-item.accordion-active > .accordion-heading:after{ transform: rotate(-90deg); }
.faqs .accordion-item .accordion-content { display: none; padding: 0px 30px 30px; }
.faqs .accordion-item .accordion-content a { font-weight: 800; text-decoration: none; }
.accordion-content .animated_underline{ color:var(--pure-black); }
.accordion-content .animated_underline:after{ background:var(--pure-black);}
.accordion-item.accordion-active .accordion-heading a{ color: var(--primary);}
.faqs.disable-top-margin{ padding-top: 0px;}
.faqs.disable-bottom-margin{ padding-bottom: 0px;}

/*Accordions Background  */
.faqs.light-grey{ background-color: #ddeaef;}
.faqs.white{ background-color: var(--white);}
.faqs.dark-grey{ background-color: var(--dark-grey); background-image: url(../images/pattern.png);}
.faqs.white .accordion-item{background: #ddeaef;}

/*Accordions Top Bottom Shapes */
.faqs::before, .faqs::after{ background-image: url(../images/edge-bottom-lg.png); background-position: right; height: 21px; left: 0; right: 0; content: ''; position: absolute; z-index: 1; }
.faqs::before{ top: 0; transform: rotateX(180deg);}
.faqs::after{bottom: 0px; }
.faqs.white-shape::after{background-image: url(../images/edge-bottom-lg.png);}
.faqs.dark-grey-shape::after{ background-image: url(../images/divider-dark.png);}
.faqs.light-grey-shape::after{ background-image: url(../images/edge-bottom-sky-lg.png);}
.faqs.top-white-shape::before{background-image: url(../images/edge-bottom-lg.png);}
.faqs.top-dark-grey-shape::before{ background-image: url(../images/divider-dark.png);}
.faqs.top-light-grey-shape::before{ background-image: url(../images/edge-bottom-sky-lg.png);}

/*Accordions Disable Top Bottom Shapes */
.faqs.disable-top-shape::before{ display: none;} 
.faqs.disable-bottom-shape::after{ display: none;} 

/* Popup Modal */
.popup_modal{ position:fixed; width:100%; height:100%; top:0; background:rgba(0,0,0,0.5); transition:all 0.6s; opacity:0; overflow-x:hidden; overflow-y:auto; z-index:-99; }
.popup_modal .close_modal_button{ position:absolute; top:10px; right:10px; width: 30px; height: 30px; padding: 7px; z-index:99; }
.popup_modal .popup_dialog{ background: #FFF; position: relative; max-width: 600px; min-height: 250px; margin: 20px auto; }
.popup_modal .popup_dialog.popup_small{ max-width: 480px; }
.popup_modal .popup_dialog.popup_large{ max-width: 800px; }
.popup_modal .popup_dialog.popup_slide{ overflow-y: auto; transform: translateX(-100%); width: 80%; height: 100%; top:0; left:0; transition: all 0.3s; margin: 0; }
.popup_modal .popup_dialog.popup_slide.slide_right{ transform: translateX(100%); float: right; left: auto; }
.popup_modal .popup_content{ padding: 25px; overflow-x: hidden; overflow-y: auto; }
.popup_modal.show_modal{ opacity:1; z-index:99999; }
.popup_modal.show_modal .popup_dialog.popup_slide{ transform: translateX(0); }

.modal-backdrop.show{ display: none !important;}
#rezgo-modal .modal-content{ top: 120px;}


/* Gallery Carousel */
.nfw-gallery-carousel{ position: relative; margin-top: 100px; margin-bottom: 100px;}
.gallery-carousel-swiper{position: relative; width: 100%;}
.gallery-carousel-swiper .swiper-slide{ overflow: hidden; position: relative; }
.gallery-carousel-swiper .swiper-slide .image-fit{ display: unset; }
.gallery-carousel-swiper .swiper-slide .image-fit img{ display: block; transition: all 0.5s;}
.gallery-carousel-swiper .swiper-slide .image-fit:hover img { transform: scale(1.05); }
.gallery-carousel-swiper::after { position: absolute; width: 100%; height: 80px; left: 0; bottom: 0; content: ''; background-image: linear-gradient(to bottom,rgba(1,0,0,0),rgba(0,0,0,.65)); z-index: 1;}
.remove_top_space{ margin-top: 0px !important;}
.remove_bottom_space{ margin-bottom: 0px !important;}

.gallery-carousel-swiper .galley-pagination{ position: absolute; left: 50%;width: 60%; transform: translateX(-50%); z-index: 99; height: 55px; bottom: 0; background-image: linear-gradient(to bottom,rgba(1,0,0,0),rgba(0,0,0,.65))}
.gallery-carousel-swiper .galley-pagination .swiper-pagination{ position: absolute; color: #fff; width: 80px; right: 45px; left: auto; bottom: 40px;height: 30px; }
.gallery-carousel-swiper .galley-pagination .swiper-scrollbar{ position: absolute !important; bottom: 54px; margin-top: 0px !important; margin-bottom: 0 !important; background: rgba(255,255,255,0.25) !important; height: 3px; width: 70%;}
.gallery-carousel-swiper .galley-pagination .swiper-button-prev , .gallery-carousel-swiper .galley-pagination .swiper-button-next{bottom: 20px; top: auto; color: var(--primary);}
.gallery-carousel-swiper .galley-pagination .swiper-button-prev{ left: auto; right: 130px;}
.gallery-carousel-swiper .galley-pagination .swiper-button-next{ left: auto; right: 15px;}
.galley-pagination .swiper-button-prev svg.icon-arrow, .galley-pagination .swiper-button-next svg.icon-arrow{ top: 0px;}
.swiper-container-horizontal > .swiper-scrollbar {  max-width: 80% !important; left: 5% !important; bottom: 7px !important; height: 3px !important;}

.gallery-carousel-swiper .swiper-button-prev::after, .gallery-carousel-swiper .swiper-button-next::after { display: none;}
.gallery-carousel-swiper .swiper-button-prev svg.icon-arrow, .gallery-carousel-swiper .swiper-button-next svg.icon-arrow {  height:26px; width:26px; position: absolute; top: -5px;}
.gallery-carousel-swiper .swiper-button-prev svg.icon-arrow{transform: rotate(180deg);}
.gallery-carousel-swiper .swiper-button-next::after, .gallery-carousel-swiper .swiper-button-prev::after{ content: '' !important;}
.gallery-carousel-swiper .swiper-scrollbar-drag{ background: var(--primary);}
.gallery-carousel-swiper .swiper-slide > .caption { position: absolute; z-index: 99; left: 40px; top: 40px; color: var(--white); background: var(--dark-grey); padding: 10px 20px;}
.pswp__caption__center{ text-align: center !important;}

/*Gallery Carousel Top Bottom Shapes */
.nfw-gallery-carousel::before, .nfw-gallery-carousel::after{ background-image: url(../images/edge-bottom-lg.png); background-position: right; height: 21px; left: 0; right: 0; content: ''; position: absolute; z-index: 9; }
.nfw-gallery-carousel::before{ top: 0; transform: rotateX(180deg);}
.nfw-gallery-carousel::after{bottom: 0px; }
.nfw-gallery-carousel.white-shape::after{background-image: url(../images/edge-bottom-lg.png);}
.nfw-gallery-carousel.dark-grey-shape::after{ background-image: url(../images/divider-dark.png);}
.nfw-gallery-carousel.light-grey-shape::after{ background-image: url(../images/edge-bottom-sky-lg.png);}
.nfw-gallery-carousel.top-white-shape::before{background-image: url(../images/edge-bottom-lg.png);}
.nfw-gallery-carousel.top-dark-grey-shape::before{ background-image: url(../images/divider-dark.png);}
.nfw-gallery-carousel.top-light-grey-shape::before{ background-image: url(../images/edge-bottom-sky-lg.png);}

/*Gallery Carousel Disable Top Bottom Shapes */
.nfw-gallery-carousel.disable-top-shape::before{ display: none;} 
.nfw-gallery-carousel.disable-bottom-shape::after{ display: none;} 

.gallery-carousel-outer.light-grey { background-color: #ddeaef;}
.gallery-carousel-outer.dark-grey {  background-color: var(--dark-grey);}
.gallery-carousel-outer.white {  background-color: #fff;}
.nfw-gallery-carousel.add_top_padding{ padding-top: 100px;}
.nfw-gallery-carousel.add_bottom_padding{ padding-bottom: 100px;}
.nfw-gallery-carousel.low_resolution_images .gallery-carousel-swiper .swiper-slide .image-fit img{ max-height: 555px; min-height: 555px;}


/*Sitemap Pages */
.sitemap-pages, .sitemap-pages ul{ list-style: none;}
.sitemap-pages li a{ text-decoration: none; font-weight: 800;}
.sitemap-pages > li > a{ font-size: 24px; display: inline-block; position: relative; font-family: 'Rospi Clean'; transform: scaleY(0.8); font-weight: 400;}
.sitemap-pages > li > ul > li > ul li a{ font-weight: 400;}

/* Products */
.nfw-products .products{ display: flex; flex-wrap: wrap; gap: 40px; row-gap: 80px;}
.nfw-products .products .item{ width: calc(100% / 3 - 27px);}
.nfw-products .products .item .content{ text-align: center; padding: 20px 20px 0px 20px; display: flex; flex-direction: column; align-items: center; justify-content: space-between;}
.nfw-products .products .item .content .btn{ width: 170px;  margin-top: 15px; }
.nfw-products .products .item .content span{ display: block;}
.products .item .content .product-name{ font-size: 28px; display: inline-block; position: relative; font-family: 'Rospi Clean'; transform: scaleY(0.8); font-weight: 400; margin-bottom: 5px;}
.nfw-products .products .item .full-img{ overflow: hidden; cursor: pointer;}
.nfw-products .products .item .full-img:hover img{transform: scale(105%);}

/* Page Divider */
.nfw-page-divider{ height: 200px; position: relative; width: 100%; background-repeat: no-repeat center;}
.nfw-page-divider.straight-line::after{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: 1px; width: 100%; content: '';}
.nfw-page-divider.straight-line.white::after{ background: var(--white);}
.nfw-page-divider.straight-line.dark-grey::after{ background: var(--dark-grey);}
.nfw-page-divider.straight-line.light-grey::after{ background: #ddeaef;}

.nfw-page-divider.shape.white{ background: url(../images/white-divider.svg) no-repeat center;}
.nfw-page-divider.shape.dark-grey{ background: url(../images/dark-grey-divider.svg) no-repeat center;}
.nfw-page-divider.shape.light-grey{ background: url(../images/light-grey-divider.svg) no-repeat center;}

/* NFW Buttons Block */
.nfw-btns{ position: relative; padding-top: 60px; padding-bottom: 60px;}
.nfw-btns .nfw-buttons-wrap{ display: flex; flex-wrap: wrap; gap: 24px; justify-content: center;}

/* NFW Buttons Block Top Bottom shape */
.nfw-btns::after, .nfw-btns::before{ background-image: url(../images/edge-bottom-lg.png); background-position: right; height: 21px; left: 0; right: 0; content: ''; position: absolute; z-index: 9; }
.nfw-btns::after{bottom: 0;}
.nfw-btns::before{top: 0; transform: rotateX(180deg);}
.nfw-btns.white-shape::after{background-image: url(../images/edge-bottom-lg.png);}
.nfw-btns.dark-grey-shape::after{ background-image: url(../images/divider-dark.png);}
.nfw-btns.light-grey-shape::after{ background-image: url(../images/edge-bottom-sky-lg.png);}
.nfw-btns.top-white-shape::before{background-image: url(../images/edge-bottom-lg.png);}
.nfw-btns.top-dark-grey-shape::before{ background-image: url(../images/divider-dark.png);}
.nfw-btns.top-light-grey-shape::before{ background-image: url(../images/edge-bottom-sky-lg.png);}

/* NFW Buttons Block Background */
.nfw-btns.light-grey-background{background-color: #ddeaef;;}
.nfw-btns.dark-grey-background{ background-image: url(../images/pattern.png); background-position: center; background-color: var(--dark-grey);}
.nfw-btns.white-background{background-color: var(--white);}

.nfw-btns.disable_top_shape::before, .nfw-btns.disable_bottom_shape::after { display: none;}
.nfw-btns.disable_top_margin { padding-top: 0px;}
.nfw-btns.disable_bottom_margin {padding-bottom: 0px;}

.nfw-btns.smaller-button .btn{ font-family: var(--body-font); font-size: 18px; text-transform: none ; font-weight: 800; height: 40px; transform: scale(1);}
.nfw-btns.smaller-button .btn span{font-family: var(--body-font);  font-size: 18px; text-transform: none ; font-weight: 800; transform: scale(1);}
.nfw-btns.smaller-button .btn-primary{line-height: 40px;}
.nfw-btns.smaller-button .btn-primary::before{ border-top: 40px solid var(--primary); border-right: 40px solid transparent;}

/* NFW Buttons Title */
.nfw-btns h2, .nfw-btns h3 {  color: var(--primary);  text-align: center; margin-bottom: 24px; padding-bottom: 24px;}
.nfw-btns h2::after, .nfw-btns h3::after {  background-color: #065d6f;  height: 2px;  width: 106px;  left: 50%;  transform: translateX(-50%);  -ms-transform: translateX(-50%);  -moz-transform: translateX(-50%);  position: absolute;  bottom: 0;  content: '';}
.nfw-btns .smaller-title{ font-size: 50px;}


/* NFW Search */
.nfw-search{ position: relative; background: url(../images/icon-search.svg) no-repeat left; padding-left: 30px; background-size: 20px; cursor: pointer;}
#SearchPopupModal .popup_dialog { background: rgba(221, 234, 239, 0.9); max-width: 100vw; min-height: 100vh; margin: 0;}
#SearchPopupModal .popup_dialog form{ display: flex; justify-content: center; gap: 40px;}
#SearchPopupModal .popup_dialog form input{height: 56px; border: none; width: 780px; border-bottom: 2px solid var(--dark-grey); background: none; color: var(--dark-grey); font-size: 28px; font-weight: 800; z-index: 9; position: relative;}
#SearchPopupModal .popup_dialog form input::placeholder{ color: var(--dark-grey);}
#SearchPopupModal .form-title { width: 950px; margin: 0 auto; padding-top: 135px; padding-bottom: 80px;}
#SearchPopupModal .form-title span{ font-size: 24px; display: inline-block; position: relative; font-family: 'Rospi Clean'; transform: scaleY(0.8); font-weight: 400;}
#SearchPopupModal .close_modal_button { background: var(--primary); top: 40px; right: 40px; width: 55px; height: 55px; padding: 0; border-radius: 50%; display: flex; justify-content: center; align-items: center;}
#SearchPopupModal .close_modal_button img{ width: 25px; height: 25px;}
.search-content{ padding-top: 40px; padding-bottom: 40px;}
.search-content h1 { font-size: 80px; position: relative; margin-bottom: 24px; padding-bottom: 24px; text-align: center; }
.search-content h1::after { background-color: #045d6f; height: 2px; width: 106px; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); position: absolute; bottom: 0; content: '';}
.search-result{ margin-bottom: 20px;}
.search-result a{ text-decoration: none; transition: all 0.3s;}
.search-result h2{ font-size: 40px;}
.search-result a:hover{ color: var(--primary);}

/* Search Page */
.search-bar-on-page {display: flex;justify-content: flex-start;align-items: center;margin-bottom: 40px;}
.inline-search-form { display: flex; gap: 40px; align-items: center; width: 100%;}
.inline-search-form input[name="s"]{ width: calc(100% - 170px); border: none; border-bottom: 2px solid var(--dark-grey); height: 70px; font-size: 48px; display: inline-block; position: relative; font-family: 'Rospi Clean'; transform: scaleY(0.8); font-weight: 400; outline: none; padding-right: 35px;}
.search-bar-on-page .inline-search-form .clear-search{ height: 25px; width: 25px; background: url(../images/close.svg) no-repeat center; border: none; position: absolute; right: 190px; cursor: pointer; filter: brightness(0) saturate(100%);}
.search-bar-on-page .inline-search-form .btn{ width: 130px;}
.search-content .form-title { padding-bottom: 60px;}
.search-content .form-title span{ font-size: 24px; display: inline-block; position: relative; font-family: 'Rospi Clean'; transform: scaleY(0.8); font-weight: 400;}
.inline-search-form input[name="s"]::placeholder{ color: var(--dark-grey);}

.donate-form-outer{ background: var(--white);}


/* NFW Table */
.nfw-table-wrap{ position: relative; background-color: #ddeaef; padding: 100px 0px; margin: 60px 0px;}
.nfw-table-wrap .section-title h2{ color: var(--primary); line-height: 1;  margin: 5px 0px;}
.nfw-table-wrap .section-title > .top-subtitle { font-size: 24px; padding: 10px 20px; background: var(--primary); color: var(--white); display: inline-block; font-family: 'Rospi Clean'; font-weight: 400; transform: scaleY(0.8); text-transform: uppercase; line-height: 1;}
.nfw-table-wrap .section-title{ margin-bottom: 40px;}

.nfw-table-wrap.light-grey{ background-color: #ddeaef;}
.nfw-table-wrap.white{ background-color: var(--white);}
.nfw-table-wrap.dark-grey{ background-color: var(--dark-grey); background-image: url(../images/pattern.png); color: var(--white);} 

/* Table */
.nfw-table, .nfw-table-wrap table{ width: 100%; border-collapse: collapse;}
.nfw-table th, .nfw-table-wrap table th{border-top: 1px solid var(--dark-grey); }
.nfw-table td, .nfw-table th, .nfw-table-wrap table td, .nfw-table-wrap table th { padding: 20px 0 !important; border-bottom: 1px solid var(--dark-grey);}
.nfw-table .table-heading, .nfw-table-wrap table .table-heading { text-align: left; }
.nfw-table .table-heading th span, .nfw-table-wrap table .table-heading th span{ display: block; font-family: 'Rospi Clean'; font-size: 28px; transform: scaleY(0.8); line-height: 1; white-space: nowrap;}

.nfw-table-wrap.dark-grey .nfw-table td, 
.nfw-table-wrap.dark-grey .nfw-table th,
.nfw-table-wrap.dark-grey table td, .nfw-table-wrap.dark-grey table th{ border-color: var(--white);}
.w5 .w5-content .sub-title, .nfw-table .table-heading th span, .nfw-table-wrap table .table-heading th span{margin-right: 20px;}


/*Table Top Bottom Shapes */
.nfw-table-wrap::before, .nfw-table-wrap::after{ background-image: url(../images/edge-bottom-lg.png); background-position: right; height: 21px; left: 0; right: 0; content: ''; position: absolute; z-index: 1; }
.nfw-table-wrap::before{ top: 0; transform: rotateX(180deg);}
.nfw-table-wrap::after{bottom: 0px; }
.nfw-table-wrap.bottom-white-shape::after{background-image: url(../images/edge-bottom-lg.png);}
.nfw-table-wrap.bottom-dark-grey-shape::after{ background-image: url(../images/divider-dark.png);}
.nfw-table-wrap.bottom-light-grey-shape::after{ background-image: url(../images/edge-bottom-sky-lg.png);}
.nfw-table-wrap.top-white-shape::before{background-image: url(../images/edge-bottom-lg.png);}
.nfw-table-wrap.top-dark-grey-shape::before{ background-image: url(../images/divider-dark.png);}
.nfw-table-wrap.top-light-grey-shape::before{ background-image: url(../images/edge-bottom-sky-lg.png);}
.nfw-table-wrap.disable-top-shape::before{ display: none;} 
.nfw-table-wrap.disable-bottom-shape::after{ display: none;} 
.nfw-table-wrap.disable-top-margin{ margin-top: 0 !important;} 
.nfw-table-wrap.disable-bottom-margin{ margin-bottom: 0 !important;} 
.nfw-table-wrap.disable-top-padding{ padding-top: 0 !important;} 
.nfw-table-wrap.disable-bottom-padding{ padding-bottom: 0 !important;} 
.nfw-table-wrap.no-layout{ padding: 0 !important; margin: 0 !important; margin-bottom: 50px !important; margin-top: 50px !important;}
.nfw-table-wrap.no-layout .nfw-table, .nfw-table-wrap.no-layout table{ margin: 0 !important;}
.nfw-table-wrap.no-layout tr:first-child td{ border-top: 1px solid var(--white);}
.nfw-table-wrap.no-layout::before{ display: none;} 
.nfw-table-wrap.no-layout::after{ display: none;} 



/*============Css End============*/

.slick-slider{position:relative; display:block; box-sizing:border-box; -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:100%; min-height:1px; }
[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; }
.slick-arrow.slick-hidden {display:none; }

.slick-loading .slick-list{background:var(--white) url(../images/theme-img/ajax-loader.gif) center center no-repeat; }
.slick-prev, .slick-next{font-size:0; line-height:0; position:absolute; top:50%; display:block; width:40px; height:40px; padding:0; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); cursor:pointer; color:transparent; border:none; outline:none; background:transparent; z-index:200; color:var(--black); border-radius:50%; background-color: var(--white); }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{color:var(--black); outline:none; background:var(--white); }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{opacity:1; }
.slick-prev:focus, .slick-next:focus{ outline: auto; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity:1; }
.slick-prev:before, .slick-next:before{font-family:'Font Awesome 6 Free'; font-weight:900; font-size:24px; line-height:1; opacity:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; z-index:100; }
.slick-prev{left:40px; }
[dir='rtl'] .slick-prev{right:0px; left:auto; }
.slick-prev:before{content:'\f060'; }
[dir='rtl'] .slick-prev:before{content:'\f060'; }
.slick-next{right:40px; }
[dir='rtl'] .slick-next{right:auto; left:15px; }
.slick-next:before{content:'\f061'; }
[dir='rtl'] .slick-next:before{content:'\f061'; }
/* Dots */
.slick-dotted.slick-slider{margin-bottom:0; }
.slick-dots{position:relative; margin-top:38px; display:block; width:100%; padding:0; margin-bottom:0; list-style:none; text-align:center; display:flex; align-items:center; justify-content:center; }
.slick-dots li{position:relative; display:inline-block; margin:0; padding:0; cursor:pointer; text-align:center; }
.slick-dots li button{font-size:0; line-height:0; display:block; width:100%; height:12px; width:12px; border-radius:50px; margin:0 4px; padding:0; cursor:pointer; color:transparent; border:0; outline:none; background:none; border:2px solid var(--white); /*border:2px solid #D9D9D9; */ }
.slick-dots li button:hover, .slick-dots li button:focus{outline:none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before{ background:var(--white); }
.slick-dots li.slick-active button{ background:var(--white); }

.mipl-slideup, .mipl-zoomin { opacity: 0; transition: all 0.6s ease-out; will-change: transform, opacity;}
.mipl-slideup { transform: translateY(50%);}
.mipl-zoomin { transform: scale(0.8); }
.mipl-animate.mipl-slideup { transform: translateY(0); opacity: 1; }
.mipl-animate.mipl-zoomin { transform: scale(1); opacity: 1; }

/* Custom Fade In Start*/
.box { opacity: 1; transition: all 1.2s !important;}
.slideInLeft-box { transform: translateX(-100px); }
.slideInRight-box { transform: translateX(100px); }
.slideUp-box { transform: translateY(100px); }

/* Aminiated Class */
.box.slide-in { opacity: 1; transform: translate(0) !important;}

/* Skip Link */
.skip-to-main { position: absolute; left: -250px; top: 0px; background: #fff; text-align: center; text-decoration: none; padding: 10px 20px; color: #000; }
.skip-to-main:focus{ left: 0; z-index: 9999; }
a[href="#wp-toolbar"]{ display: none !important;}


@media (max-width: 1920px){

  h2{font-size:60px; }
  .w1 .intro h1, .w1 .intro h2{ font-size: 60px; }
  .w4-bottom.wide h2.bigger{ font-size: 60px;}
  .w2 .content h2, .w2 .content h1{ font-size: 60px; }
  .news-section .title h2, .news-section .title h1{ font-size: 60px; }
  .banner .container .banner-title{ font-size: 60px;}
  .banner .container .banner-title.smaller-title{ font-size: 40px;}
  .header .header-right .btn-primary { padding: 0 20px; }
  .search-content h1{ font-size: 60px;}
  .stamping-locations .section-title h2{ font-size: 60px;}

  h4{font-size:24px; }
  .stellarnav > ul > li > a{font-size: 24px; }
  .header .header-right .btn-primary span, .nfw-newsletter-form input[type="submit"]{ font-size: 24px;}
  .btn span{ font-size:24px; }
  .control-btns .h4{ font-size:24px; }
  .banner .banner-icons .w-100 .flex-grow-1 > span{ font-size:24px; }
  .banner-clipart a{ font-size:24px; }
  .w4 h3{ font-size:24px;}
  .news-section .title > a{ font-size:24px;}
  .post-item h3, .post-item h2{ font-size:24px;}
  .animated_underline_link.blue{ font-size:24px;}
  .newsletter-section h3{ font-size:24px;}
  .newsletter-section .btn{ font-size:24px;}
  .w5 .w5-content .sub-title, .nfw-table .table-heading th span{ font-size:24px;}
  .w5 .w5-content ul li a > span{ font-size:24px;}
  .MapLocationsSwiper .swiper-slide > span{ font-size:24px;}
  .blue-link{ font-size:24px;}
  .shoe-stories-outer .item .content h2, .shoe-stories-outer .item .content .top_subtitle{ font-size: 24px;}
  .stamping_location .town > span{ font-size: 24px;}
  .stamping-info-window span{ font-size: 24px;}
  .single-news-section .saboxplugin-wrap .saboxplugin-authorname .vcard.author{ font-size: 24px;}
  .products .item .content .product-name{ font-size: 24px; }
  .faqs .faq-header .title a{font-size: 24px; }
  .post-item .full-img .event-date span{ font-size: 24px;}

}

@media (max-width: 1560px){
  .stellarnav > ul > li > a{ padding: 0 10px; }
  .header .logo{ align-items: center;}
}

@media (max-width: 1365px) {
  .stellarnav > ul > li > a { padding: 0 5px; }
}

@media (max-width: 1290px){
  .stellarnav > ul > li > a{ padding: 0; font-size: 24px;}

  .footer-bottom .pure-g .pure-u-2-3{width: 82%;}
  .footer-bottom .pure-g .pure-u-1-3{width: 18%;}
  .footer-bottom .pure-g .pure-u-2-3 .menu{ column-gap: 8px;}
  .footer-bottom .social{ position: absolute;}

}

@media (max-width: 1200px){
  .header .logo{ width: 230px;}
  .stellarnav.mobile { margin-right: 20px; }
  .w4-bottom .content{ padding-right: 45px;}
}

@media (min-width: 2299px){
.hotspot { width: 32px; height: 32px;}
}

@media (max-width: 1999px){
  .stellarnav.mobile.active ul li a{ color: var(--black);}
  .banner .container, .banner .banner-icons, .header{ padding-left: 1.761904761904762%; padding-right: 1.761904761904762%;}
}

@media (max-width: 1124px){
  .banner .banner-icons .w-100 .flex-grow-1 > span{ font-size: 20px;}
  .banner .container .banner-title { font-size: 50px; }

}

@media (max-width: 1080px){
  .header .logo { width: 175px;}
  .header.fixed-header .logo{ width: 175px;}
  .header .header-right .btn-primary { padding: 0 12px;}
}

@media (max-width: 1020px){
  .header .top-menu li + li { margin-left: 12px;}
}

@media (max-width: 899px){
  .banner .banner-icons .w-100 .flex-grow-1 > span { font-size: 12px; }
  .header .top-menu  { font-size: 12px }
  .stellarnav > ul > li > a{ font-size: 12px;}
  .banner .container .banner-title { font-size: 30px; }
  .banner .btn span { font-size: 14px; }
}