@font-face {

    font-family: 'born_readyregular';

    src: url('../fonts/bornreadyttf-webfont.woff2') format('woff2'),

         url('../fonts/bornreadyttf-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'FieldsDisplayRegular';

    src: url('../fonts/FieldsDisplayRegular.eot');

    src: url('../fonts/FieldsDisplayRegular.eot') format('embedded-opentype'),

         url('../fonts/FieldsDisplayRegular.woff2') format('woff2'),

         url('../fonts/FieldsDisplayRegular.woff') format('woff'),

         url('../fonts/FieldsDisplayRegular.ttf') format('truetype'),

         url('../fonts/FieldsDisplayRegular.svg#FieldsDisplayRegular') format('svg');

}



@font-face {

    font-family: 'FieldsDisplaySemiBold';

    src: url('../fonts/FieldsDisplaySemiBold.eot');

    src: url('../fonts/FieldsDisplaySemiBold.eot') format('embedded-opentype'),

         url('../fonts/FieldsDisplaySemiBold.woff2') format('woff2'),

         url('../fonts/FieldsDisplaySemiBold.woff') format('woff'),

         url('../fonts/FieldsDisplaySemiBold.ttf') format('truetype'),

         url('../fonts/FieldsDisplaySemiBold.svg#FieldsDisplaySemiBold') format('svg');

}





@font-face {

    font-family: 'FieldsDisplayBold';

    src: url('../fonts/FieldsDisplayBold.eot');

    src: url('../fonts/FieldsDisplayBold.eot') format('embedded-opentype'),

         url('../fonts/FieldsDisplayBold.woff2') format('woff2'),

         url('../fonts/FieldsDisplayBold.woff') format('woff'),

         url('../fonts/FieldsDisplayBold.ttf') format('truetype'),

         url('../fonts/FieldsDisplayBold.svg#FieldsDisplayBold') format('svg');

}



/* montserrat-300 - latin */

@font-face {

  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

  font-family: 'Montserrat';

  font-style: normal;

  font-weight: 300;

  src: url('../fonts/montserrat-v31-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

}



/* montserrat-regular - latin */

@font-face {

  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

  font-family: 'Montserrat';

  font-style: normal;

  font-weight: 400;

  src: url('../fonts/montserrat-v31-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

}



/* montserrat-500 - latin */

@font-face {

  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

  font-family: 'Montserrat';

  font-style: normal;

  font-weight: 500;

  src: url('../fonts/montserrat-v31-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

}



/* montserrat-600 - latin */

@font-face {

  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

  font-family: 'Montserrat';

  font-style: normal;

  font-weight: 600;

  src: url('../fonts/montserrat-v31-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

}



/* montserrat-700 - latin */

@font-face {

  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

  font-family: 'Montserrat';

  font-style: normal;

  font-weight: 700;

  src: url('../fonts/montserrat-v31-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

}



/* open-sans-300 - latin */

@font-face {

  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 300;

  src: url('../fonts/open-sans-v44-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

}



/* open-sans-regular - latin */

@font-face {

  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 400;

  src: url('../fonts/open-sans-v44-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

}



/* open-sans-500 - latin */

@font-face {

  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 500;

  src: url('../fonts/open-sans-v44-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

}



/* open-sans-600 - latin */

@font-face {

  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 600;

  src: url('../fonts/open-sans-v44-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

}



/* open-sans-700 - latin */

@font-face {

  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 700;

  src: url('../fonts/open-sans-v44-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

}





html.lenis { height: auto; }



.lenis.lenis-smooth {scroll-behavior: auto;}

.lenis.lenis-smooth [data-lenis-prevent] {overscroll-behavior: contain;}

.lenis.lenis-stopped {overflow: hidden;}

.lenis.lenis-scrolling iframe {pointer-events: none;}



/*html { scroll-behavior: smooth; height:100%; }*/

 

:root {

  --black2: #161616;

  --black: #161616;

  --white: #fff;

  --l-gray: #E6E7E7;

  --pink: #FA6BE4;

  --orange: #FF8C61;



  --born-ready: 'born_readyregular';

  --fd-reg: 'FieldsDisplayRegular';

  --fd-semi: 'FieldsDisplaySemiBold';

  --fd-bold: 'FieldsDisplayBold';

  --opensans: 'Open Sans';

  --mont: 'Montserrat';

  

}



*{box-sizing: border-box;}



body

{

  margin:0px auto;

  line-height:normal;

  background:var(--white);

  font-family: var(--opensans); 

  font-weight: 400;

  overflow-x: hidden;

}



header, section, footer { float: left; width: 100%; }



:is(h1, h2, h3, h4, h5, h6,p,a,button,input) {

  padding: 0px;

  margin: 0px;

  font-weight: normal;

  font-stretch: normal;

  font-style: normal;

  line-height: normal;

  letter-spacing: normal;

}

:is(h1, h2, h3, h4, h5, h6) { font-family: var(--fd-semi); color: var(--black); }



p { font-family: var(--opensans); font-size: 20px; line-height: normal; font-weight: 400; color: var(--black); }



input { border: 0; border-radius: 0; }



:is(ul, ol, li) {

  font-family: var(--opensans); font-size: 20px; line-height: normal; color: var(--black);

  list-style: none;

  margin: 0px;

  padding: 0px;

  text-transform: none;

  font-weight: 400;

  font-stretch: normal;

  font-style: normal;

  letter-spacing: normal;

}



a:focus,

button:focus { outline: none; }



b, strong { font-weight: 700; }



a,

button,

input[type=submit], 

.smooth{

    transition:all 0.4s ease-in-out 0s;

    -moz-transition:all 0.4s ease-in-out 0s;

    -ms-transition:all 0.4s ease-in-out 0s;

    -o-transition:all 0.4s ease-in-out 0s;

    -webkit-transition:all 0.4s ease-in-out 0s

}

img {

  max-width: 100%; height: auto;

}

input::-webkit-input-placeholder {opacity: 1;}

input::-moz-placeholder {opacity: 1;}

input::-moz-placeholder {opacity: 1;}

input::-ms-input-placeholder {opacity: 1;}

textarea::-webkit-input-placeholder {opacity: 1;}

textarea::-moz-placeholder {opacity: 1;}

textarea::-moz-placeholder {opacity: 1;}

textarea::-ms-input-placeholder {opacity: 1;}



textarea:focus,

input:focus,

select:focus { outline: 0; }



.object-cover { object-fit: cover; }

.object-contain { object-fit: contain; }

.object-fill { object-fit: fill; }



.img-top { object-position:top; }

.img-center { object-position:center; }

.img-left { object-position:left; }

.img-right { object-position:right; }

.img-bottom { object-position:bottom; }



.bg-default { background-repeat: no-repeat; background-size: cover; background-position: top center; }

.bg-default-contain { background-repeat: no-repeat; background-size: contain; background-position: top center; }



.gform_validation_errors,

.gfield_validation_message { display:none; }

.gfield_error .ginput_container_checkbox ul li label { border-color: rgba(240, 14, 14, 0.1) !important; background: rgba(240, 14, 14, 0.1); }

 

li.gfield_error input[type="text"], 

li.gfield_error input[type="email"], 

li.gfield_error input[type="password"], 

li.gfield_error input[type="tel"], 

li.gfield_error input[type="phone"], 

li.gfield_error textarea,

li.gfield_error .ginput_container_select { border-color: rgba(240, 14, 14, 0.1) !important; background: rgba(240, 14, 14, 0.1); }

li.gfield_error label { color: red !important; }





.primary_btn { min-width: 180px; padding: 1px 15px; height: 41px; border-radius: 0; border:0; color: #fff; font-family: var(--opensans); font-size: 17px; font-weight: 700; display: inline-flex; justify-content: center; align-items: center; text-decoration: none; background: var(--orange); text-transform: uppercase; }



.primary_btn:hover { background: var(--pink); color:var(--white); }

/*.primary_btn:hover { background: var(--black); color:var(--pink); }*/

.primary_btn:focus{ outline: 0; box-shadow: none; }



/*.primary_btn_white { border-color: var(--white); color: var(--white); }

.primary_btn_white:hover { border-color: var(--d-yellow); }*/



.container { max-width:1270px; padding: 0 20px; }



/* header start */



.hdr_sec { z-index: 3333; padding:50px 0 30px; position: absolute; left: 0; top: 0; }



.page-id-367 .hdr_sec,

.page-id-606 .hdr_sec{ background: #000; }



.hdr_sec_mobile { display: none; }





.header_div { float:left; width:100%; }



.logo { width:115px; height:auto; }

.logo a { display: block; }

.logo a img { }



.navigation {  }

.navigation ul { display:flex; flex-wrap:wrap; }

.navigation ul li { padding: 0 40px; }



.navigation ul li:first-child { padding-left:0; }

.navigation ul li:last-child { padding-right:0; }



.navigation ul li a { font-family: var(--mont); font-weight: 600; font-size: 18px; color: var(--white); text-decoration: none; text-transform: uppercase; }



.navigation ul li.current-menu-item a,

.navigation ul li:hover a {  color: var(--orange); }





/* header end */



/* home banner start */

.hp_bnr_sec { background-color: #919191; height:100vh; z-index: 333; }

.hp_bnr_sec:before { content:''; width: 100%; float: left; height:100%; position: absolute; left: 0; top: 0; background: url(../images/bnr_layer.webp); background-repeat:no-repeat; background-position:left top; display:none; }

.hp_bnr_sec picture img { width: 100%; height: 100%; object-fit:cover; object-position:top; }

.hp_bnr_video { width: 100%; height:100%; object-fit:cover;  }



.bnr_des_row { max-width:1060px; z-index: 1; position: absolute; top: 50%; left: 0; right:0; transform: translateY(-50%); padding: 0 20px; }

.bnr_des {max-width: 500px;display: flex;flex-wrap: wrap;gap: 30px; }

.bnr_des h1 span { display: block; font-family: var(--opensans); font-weight: 300; font-size: 32px; line-height: 60px; color: var(--white); text-transform: uppercase; }

.bnr_des h1 { font-family: var(--fd-bold); font-size: 80px; line-height: 76px; color: var(--white); }

.bnr_des h1 sup {

	vertical-align: inherit;

	font-size: 50px;

}

.bnr_des h1 strong { font-family: var(--born-ready); font-size: 90px; color: var(--white); font-weight: 400; line-height:0; }

.bnr_des h2 { font-family: var(--fd-bold); font-size: 40px; line-height: 45px; color: var(--pink); }

.bnr_des h3 { font-family: var(--opensans); font-weight: 600; font-size: 20px; text-transform: uppercase; color: var(--white); line-height:22px; letter-spacing:0.64px; }



.brandslogos_sec {padding: 10px 30px;background: rgba(0, 0, 0, 0.53);position: absolute;bottom: 0;left: 0; }

.brandslogos_sec ul { gap:70px; }

.brandslogos_sec ul li {}

.brandslogos_sec ul li img { width: auto; height:auto; }



/* home banner end */



/* work page start */



.work_bnr_sec {}

.work_bnr_sec:before {background: url(../images/work_layer.webp); }

.work_bnr_sec .bnr_des_row { max-width:1170px; }

.work_bnr_sec .bnr_des { max-width:550px; }

.work_bnr_sec .bnr_des h1 { margin-bottom: 30px; }





/* work page end */



/* contact Banner start */



.contact_bnr_sec {}

.contact_bnr_sec:before { display: none; }



.contact_bnr_sec .bnr_des_row { max-width:1270px; }

.contact_bnr_sec .bnr_des { max-width:660px; }

.contact_bnr_sec .bnr_des h1 { margin-bottom: 30px; }



/* contact Banner end */



/* unfck page start */



.unfck_bnr_sec {}

.unfck_bnr_sec .bnr_des_row { max-width:1150px; }

.unfck_bnr_sec .bnr_des { max-width:650px; }



/* unfck page end */



/* ======================================== Start Responsive ===================================================================== */





@media only screen and (max-width: 1199px) 

{ 

.navigation ul li { padding: 0 15px; }



.brandslogos_sec ul { gap: 25px; }

.bnr_des { max-width:340px; gap:20px; }

.bnr_des h1 { font-size: 48px; line-height:1; }

.bnr_des h2 { font-size: 30px; line-height:1; }

.bnr_des h3 { font-size: 18px; }





.about_bnr_sec .bnr_des { margin-left: 70px; }



/* work with me page */

.work_bnr_sec .bnr_des {

  max-width: 400px;

}

.bnr_des h1 strong { font-size: 60px; }



/* contact page */

.contact_bnr_sec .bnr_des { max-width: 420px; } 



















}





@media only screen and (max-width: 991px) 

{ 

  /* start mobile header */

  

/*  .hp_bnr_sec { height: calc(100vh - 60px); }*/

  

  .social_hdr { display: flex;

  justify-content: center;

  gap: 30px;

  align-items: center;

  margin-top: 30px; }

.social_hdr li svg { width: 40px; height:40px; }

/*.social_hdr li svg path { fill: #fff; }*/



  .hdr_sec { display: none; }

  .hdr_sec_mobile { display: block; }

  .hdr_sec { padding: 15px 0; background: var(--black); position: fixed !important; left:0; top: 0; }



  .click_menu { width: 34px;height: 25px; cursor: pointer; position: relative; margin-top: 2px; }



  .click_menu span { width: 100%; height: 3px; background: #fff; position: absolute; left: 0; transition: all 0.4s ease-in-out 0s;  }



  .click_menu span.span_1 { top: 0; }

  .click_menu span.span_2 { top: 11px; }

  .click_menu span.span_3 { top: 22px; }



  .open_menu .click_menu span.span_1 { top: 8px; transform: rotate(-45deg); }

  .open_menu .click_menu span.span_2 { top: 8px; transform: rotate(45deg);}

  .open_menu .click_menu span.span_3 { opacity: 0;}



  .logo { width: 90px; position: relative; z-index: 2; }



  .navigation { position: absolute; float: left; top: 100%; left: -100%; height: calc(100vh - 50px); width: 100%; z-index: 1; background: var(--black); padding: 110px 0 50px; display: block; padding:30px 15px; transition: all 0.3s ease-in-out 0s; text-align:center; border-top:1px solid var(--white); }

  

  .navigation ul li { float: left; width: 100%; padding: 0; margin: 0 0 25px; color: var(--white); }

  .navigation ul li a { font-family: var(--fd-reg); color: var(--white); font-size: 36px; line-height:1 }



  .navigation ul li.current-menu-item a,

  .navigation ul li a:hover { color: var(--pink);}

  

  .open_menu .navigation { left: 0; }

 

.hp_bnr_sec:before { display:block;}

}





/* ======================================== End 1024px ===================================================================== */



@media only screen and (max-width: 991px) 

{





/* end 991px  */

}



/* ======================================== End 991px ===================================================================== */





@media only screen and (max-width: 767px) 

{

  .social_hdr { display: flex;

  justify-content: center;

  gap: 30px;

  align-items: center;

  margin-top: 30px; }

.social_hdr li svg { width: 40px; height:40px; }

.social_hdr li svg path { fill: #fff; }



/* home page */

.hp_bnr_sec picture img { object-position:center; }



.bnr_des_row { top: auto; bottom:80px; transform:none; }

.bnr_des { gap:25px; }

.bnr_des h1 { font-size: 36px; }

.bnr_des h2 { font-size: 24px; }

.bnr_des h3 {font-size: 14px;}



.brandslogos_sec ul { gap: 10px; }



/* contact page */

.contact_bnr_sec::before { display: block; }

.contact_bnr_sec .bnr_des h1 {

  margin-bottom: 10px;

}

.contact_bnr_sec  .bnr_des h1 strong { line-height:1; }



}



/* ======================================== End 767px ===================================================================== */





@media only screen and (min-width: 1600px) 

{

  .about_bnr_sec picture img { object-position:0 -100px; }



}