@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap');

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:300;font-family: "halyard-display",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;}
.mainsec{width:100%;float:left;margin:0;padding:0;position: relative;background:#FCD200;}
.mainsec .content-inner{width:100%;max-width:54.758418740849194vw;height:100vh;align-items:center;margin:0 auto;padding:0;box-sizing: border-box;position: relative;align-items:center;display:flex;justify-content:center;}
.mainsec .content-inner .centerhead{width:100%;height:auto;margin:0;padding:0;box-sizing: border-box;position: relative;}
.mainsec .content-inner p{width:100%;float:left;margin-top:10.834553440702782vw;text-align:center;font-family: "Bricolage Grotesque", sans-serif;font-weight:600;font-style: normal;font-size:1.0248901903367496vw;line-height:1.2445095168374818vw;letter-spacing:0.1281112737920937vw;color:#000000;}
.mainsec .content-inner .botomlink{width:100%;max-width:100%;float:left;margin-top:9.736456808199122vw;}
.mainsec .content-inner .botomlink .con-link{width:auto;float:left;position:relative;Transform: translate(-50%, 0);margin-left:50%;text-align:center;font-family: "Bricolage Grotesque", sans-serif;text-decoration:none;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 .content-inner .botomlink .con-link:hover{background-size: 0 1px, 100% 1px;}
.mainsec .content-inner .centerhead h1{width:100%;float:left;margin-top:5.124450951683748vw;}
.mainsec .content-inner .centerhead img{width:100%;float:left;}


@media only screen and (min-width:768px) and (max-width:1366px) {
.mainsec .content-inner p{font-size:14px;line-height:17px;letter-spacing:1.75px;margin-top:148px;}
.mainsec .content-inner .botomlink{margin-top:133px;}
.mainsec .content-inner{max-width:748px;}
.mainsec .content-inner .centerhead h1{margin-top:50px;}
 
}

@media only screen and (min-width:0) and (max-width:1024px) {
.mainsec .content-inner{max-width:73.046875vw;}



}

@media only screen and (min-width:0px) and (max-width:767px) {
    .mainsec .content-inner p{font-size:3.4666666666666663vw;line-height:4.266666666666667vw;letter-spacing:0.43466666666666665vw;margin-top:34.13333333333333vw;}
.mainsec .content-inner .botomlink{margin-top:33.06666666666666vw;}
.mainsec .content-inner .botomlink .con-link{font-size:3.4666666666666663vw;line-height:4.266666666666667vw;letter-spacing:0.43466666666666665vw;}
.mainsec .content-inner{max-width:100%;padding:0 10.133333333333333vw;box-sizing:border-box;}

.mainsec .content-inner .centerhead h1{margin-top:18.666666666666668vw;}
  
}