﻿@charset "utf-8";
 

input,select,textarea{-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0;-webkit-border-radius:0; -moz-border-radius:0; }
input:focus,select:focus,textarea:focus{outline:none;}
  
html{-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;/*scroll-behavior:smooth;*/margin-top:0 !important;}

body{margin: 0;padding:0; font-size:100%;line-height:1;background-color: #F4F3ED;overflow-x: hidden;}

body, button, input, select, textarea{font-family: Arial, Helvetica, sans-serif;color:#000000;}

div, h2, h3, h4, h5, h6, p, span{padding: 0px;margin: 0px;font-weight: 400;font-style: normal;font-family: "acumin-pro", sans-serif;}

.wpcf7 form .wpcf7-response-output{border:0 !important;}

/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection{background: #000000;color: #ffffff;text-shadow: none;}
::selection{background: #000000;color: #ffffff;text-shadow: none;}

/* =============================================================================
   Links
   ========================================================================== */

a{color:#25282A;text-decoration: underline;}
a:hover{text-decoration:none;}
/*a:focus{outline: none;}*/

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active{outline: 0;}
img {border-style:none}
/* =============================================================================
   Lists
   ========================================================================== */

ul, ol{margin:0;padding-left: 0;list-style-type:none;}
li ul, li ol{margin: 0;padding:0;}

/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */

img{border: 0;-ms-interpolation-mode: bicubic;vertical-align: middle;border-style:none;outline:none;}

/*
 * Correct overflow not hidden in IE9 
 */

svg:not(:root){overflow: hidden;}

/* =============================================================================
   Tables
   ========================================================================== */

table{border-collapse: collapse;border-spacing: 0;}
td{	vertical-align: top;}


/* ==== primary styles =====================================================
   Author: Abbas Tahir
   ========================================================================== */

/* For image replacement */
.ir{display: block;border: 0;text-indent: -999em;overflow: hidden;background-color: transparent;background-repeat: no-repeat;text-align: left;direction: ltr;}
.ir a{display: block;height: 100%;}
.hidden{display: none !important;visibility: hidden;}
  
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after{content: "";display: table;}
.clearfix:after{clear: both;}
.clearfix{zoom: 1;}   
.web{display:block;}
.mobile{display:none;}
*{box-sizing:border-box;padding:0;margin:0;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;--parallax-height: 80vh;}
 

html.touch *:hover {all:unset!important;}
 
#outer-wrapper{width:100%;float:left;margin:0;padding:0;}

section{width:100%;float:left;margin:0;padding:0;}
article{width:100%;float:left;margin:0;padding:0;}
figure{width:100%;float:left;margin:0;padding:0;background-repeat:no-repeat;background-size:cover;background-position:center center;position:relative;}
main{width:100%;float:left;margin:0;padding:0;position: relative;}

.shade-bg{position: relative;width: 100%;height: 100dvh;position:absolute;top:0;left:0;background-size:cover;background-repeat:no-repeat;background-position:top right;}

.animation-video{position: relative;width: 100%;height: 100dvh;position:absolute;top:0;left:0;}
.animation-video :where(img,video){width:100%;height:100%;object-fit:cover;object-position:bottom;margin:0;padding:0;position: absolute;left: 0;top: 0;}
 
.mainsec{width:100%;float:left;margin:0;padding:0;position: relative;}
.mainsec .content-inner{width:100%;max-width:1000px;height:100dvh;align-items:center;margin:0 auto;padding:0;box-sizing: border-box;position: relative;}
.mainsec .ma-inner{width:100%;float:left;height:100dvh;margin:0;padding:0;position: relative;z-index:9;}

.mainsec .centerhead{width:100%;max-width:100%;height:100dvh;align-items:center;transition: width 2s ease all;display:flex;justify-content:center;margin:0;padding:0;box-sizing: border-box;position: relative;}
.mainsec p{width:100%;margin-top:10px;text-align:center;font-family: "acumin-pro", sans-serif;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;font-weight: 400;font-style: normal;font-size:18px;line-height:18px;letter-spacing:0.2px;color:#000000;}
.mainsec .top{width:100%;max-width:100%;position:absolute;text-align:center;left:50%;top:60px;Transform: translateX(-50%);}
.mainsec h2{font-size:24px;line-height:26px;letter-spacing:0.1px;font-weight:500;color:#000000;font-family: "acumin-pro", sans-serif;width:100%;float:left}
.mainsec p:last-of-type{margin-top:28px;}
.mainsec p span{width:auto;margin:0;text-align:center;font-family: "acumin-pro", sans-serif;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;font-weight: 400;font-style: normal;font-size:15px;line-height:18px;color:#000000;position:relative;}
.mainsec p span:before{content:"";height:18px;width:1px;float:left;margin:0 14px;background:#000;}
.mainsec p span:first-of-type:before{display:none;}

.mainsec .content-inner .botomlink{width:100%;max-width:100%;position:absolute;bottom:70px;left:0;text-align:center;}
.mainsec .content-inner .botomlink a{width:auto;text-decoration:none;font-family: "acumin-pro", sans-serif;font-weight: 400;font-style: normal;font-size:18px;line-height:18px;letter-spacing:0.2px;color:#000000;float:left;}
/*.mainsec .content-inner .botomlink .con-link{width:auto;position:absolute;text-decoration:none;bottom:33px;left:50%;Transform: translate(-50%, -50%);font-family: "acumin-pro", sans-serif;font-weight:600;font-style: normal;font-size:1.0248901903367496vw;line-height:1.2445095168374818vw;letter-spacing:0.1281112737920937vw;color:#000000;background:linear-gradient(to right,#000000,#000000),linear-gradient(to right,transparent,transparent,transparent);background-size: 100% 1px, 0 1px;background-position: 0 100%, 100% 100%;background-repeat: no-repeat;transition: background-size 400ms;}*/
.mainsec a{float:none;position:relative;}
.mainsec a:before{content: "";width:100%;height: 1px;z-index:-1;background-color: #000; margin: 0;padding: 0;position: absolute;bottom:-2px;left: 0; transform: scaleX(0);transition: transform 300ms ease-in-out;}
.mainsec a:hover:before{transform: scaleX(1);}
.mainsec .centerhead h1{width:100%;float:left;transition: width 2s ease all;float:left;position:relative;}
.mainsec .centerhead h1 img{width:100%;float:left;object-fit:contain;transition: width 2s ease all;}





@media only screen and (min-width:768px) and (max-width:1366px) {
.mainsec .content-inner p{font-size:calc(14px / 1366px * 100dvw);line-height:calc(17px / 1366px * 100dvw);letter-spacing:calc(1.75px / 1366px * 100dvw);}
.mainsec .content-inner .botomlink .con-link{bottom:calc(33px / 1366px * 100dvw);font-size:calc(14px / 1366px * 100dvw);line-height:calc(17px / 1366px * 100dvw);letter-spacing:calc(1.75px / 1366px * 100dvw);width:100%;}
.mainsec .content-inner{max-width:100%;width:100%;margin:0;padding:0 calc(183px / 1366px * 100dvw);float:left;}

.mainsec p{margin-top:calc(10px / 1366px * 100dvw);font-size:calc(22px / 1366px * 100dvw);line-height:calc(22px / 1366px * 100dvw);letter-spacing:calc(0.2px / 1366px * 100dvw);}
.mainsec .top{top:calc(60px / 1366px * 100dvw);}
.mainsec h2{font-size:calc(26px / 1366px * 100dvw);line-height:calc(24px / 1366px * 100dvw);letter-spacing:calc(0.6px / 1366px * 100dvw);}
.mainsec p:last-of-type{margin-top:calc(28px / 1366px * 100dvw);}
.mainsec p span{font-size:calc(17px / 1366px * 100dvw);line-height:calc(18px / 1366px * 100dvw);}
.mainsec p span:before{content:"";height:calc(18px / 1366px * 100dvw);width:1px;float:left;margin:0 calc(14px / 1366px * 100dvw);}

.mainsec .content-inner .botomlink{bottom:calc(70px / 1366px * 100dvw);left:0;}
.mainsec .content-inner .botomlink a{font-size:calc(22px / 1366px * 100dvw);line-height:calc(22px / 1366px * 100dvw);letter-spacing:calc(0.2px / 1366px * 100dvw);}
.mainsec a:before{bottom:calc(-2px / 1366px * 100dvw);}

}


@media only screen and (min-width:768px) and (max-width:1024px) {
.mainsec .content-inner{max-width:100%;width:100%;margin:0;padding:0 calc(350px / 1366px * 100dvw);float:left;}
.mainsec .content-inner .botomlink{bottom:calc(40px / 1366px * 100dvw);left:0;}
.mainsec .centerhead h1{margin-top:-25px;}
}


@media only screen and (min-width:0px) and (max-width:767px) {
    .web{display:none;}
.mobile{display:block;}
    .mainsec .content-inner p{font-size:calc(14px / 768px * 100dvw);line-height:calc(17px / 768px * 100dvw);letter-spacing:calc(1.75px / 768px * 100dvw);}
.mainsec .content-inner .botomlink .con-link{bottom:calc(33px / 768px * 100dvw);font-size:calc(14px / 768px * 100dvw);line-height:calc(17px / 768px * 100dvw);letter-spacing:calc(1.75px / 768px * 100dvw);width:100%;}
.mainsec .content-inner{max-width:100%;width:100%;margin:0;padding:0 calc(60px / 768px * 100dvw);float:left;}

.mainsec p{margin-top:calc(10px / 768px * 100dvw);font-size:calc(30px / 768px * 100dvw);line-height:calc(30px / 768px * 100dvw);letter-spacing:calc(0.2px / 768px * 100dvw);}
/*.mainsec .top{top:calc(70px / 768px * 100dvw);}*/
.mainsec .top {top: calc(90px / 768px * 100dvw);}
.mainsec h2{font-size:calc(36px / 768px * 100dvw);line-height:calc(28px / 768px * 100dvw);letter-spacing:calc(0.2px / 768px * 100dvw);}
.mainsec p:last-of-type{margin-top:calc(33px / 768px * 100dvw);}
.mainsec p span{font-size:calc(22px / 768px * 100dvw);line-height:calc(22px / 768px * 100dvw);}
.mainsec p span:before{content:"";height:calc(18px / 768px * 100dvw);width:1px;float:left;margin:0 calc(14px / 768px * 100dvw);}

/*.mainsec .content-inner .botomlink{bottom:calc(70px / 768px * 100dvw);left:0;}*/
.mainsec .content-inner .botomlink {bottom: calc(90px / 768px * 100dvw);left: 0;}
.mainsec .content-inner .botomlink a{font-size:calc(30px / 768px * 100dvw);line-height:calc(30px / 768px * 100dvw);letter-spacing:calc(0.1px / 768px * 100dvw);}
.mainsec a:before{bottom:calc(-2px / 768px * 100dvw);}
}
