a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}$gutter: 30px;$grid-medium: 750px;$grid-large: 990px;$grid-widescreen: 1400px;$grid-gutter: 30px;$small: 'small';$medium: 'medium';$medium-down: 'medium-down';$medium-up: 'medium-up';$large: 'large';$large-down: 'large-down';$large-up: 'large-up';$widescreen: 'widescreen';// The `$breakpoints` list is used to build our media queries.// You can use these in the media-query mixin.$breakpoints: ( $small '(max-width: #{$grid-medium - 1})', $medium '(min-width: #{$grid-medium}) and (max-width: #{$grid-large - 1})', $medium-down '(max-width: #{$grid-large - 1})', $medium-up '(min-width: #{$grid-medium})', $large '(min-width: #{$grid-large}) and (max-width: #{$grid-widescreen - 1})', $large-down '(max-width: #{$grid-widescreen - 1})', $large-up '(min-width: #{$grid-large})', $widescreen '(min-width: #{$grid-widescreen})');@font-face { font-family: 'CFAstyStd-Bold'; src: url('https://cdn.shopify.com/s/files/1/0143/6044/5014/files/CFAstyStd-Bold.woff?v=1671713488') format('woff'); font-display: swap;}@font-face { font-family: 'CFAstyStd-Book'; src: url('https://cdn.shopify.com/s/files/1/0143/6044/5014/files/CFAstyStd-Book.woff?v=1671713713') format('woff'); font-style: normal; font-display: swap;} button:focus:not(:focus-visible) { outline: none; }html { font-size: 62.5%; margin: 0; padding: 0 !important; overflow-x: hidden; scroll-behavior: smooth; }body { }* { box-sizing: border-box; font-family: "CFAstyStd-Book",sans-serif; }.pointer { cursor: pointer; }.overflow-hidden { overflow: hidden; }.overflow-x-hidden { overflow-x: hidden; }.overflow-y-hidden { overflow-y: hidden; }.overflow-x-scroll { overflow-x: scroll; }.overflow-y-scroll { overflow-y: scroll; }.boxshadow { box-shadow: 1px 1px 10px 5px rgba(0,0,0,0.2); }.boxshadow-inset { box-shadow: inset 0px 0px 5px 2px rgba(0,0,0,0.2) }pre, blockquote { margin: 0; padding: 0 0 16px; }ul { padding-left: 1.5em; }ul ul { padding-top: 8px; } li { padding-bottom: 8px; }hr { width: 100%; display: block; }.list-none { list-style: none; padding-left: initial; }p { margin-bottom: 20px; }.nice-scrollbar::-webkit-scrollbar,.nice-scrollbar::-webkit-scrollbar-track { width: 10px; background-color: #F5F5F5; }.nice-scrollbar::-webkit-scrollbar-thumb { background-color: #000000; }.hide-scrollbar::-webkit-scrollbar { display: none; }.hide-scrollbar { -ms-overflow-style: none;scrollbar-width: none;}* { font-size: 1.8rem; line-height: 2.4rem; }strong { font-weight: 700; }small { font-size: 1rem; }button { background: transparent; border: 0; }a { color: #287dbe; text-decoration: none; cursor: pointer;}.light, .light p { font-family: "CFAstyStd-Book",sans-serif; }.ibold, .ibold p { font-family: "CFAstyStd-Bold",sans-serif; font-weight: 800; }.regular, .regular p { font-family: "CFAstyStd-Book",sans-serif; }.bold, .bold p { font-family: "CFAstyStd-Bold",sans-serif; font-weight: 800; }.font-regular { font-family: "CFAstyStd-Book",sans-serif; } .font-bold { font-family: "CFAstyStd-Bold",sans-serif; font-weight: 800; }.text-overflow { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }.underline { text-decoration: underline; }.no-deco { text-decoration: none; }.linethrough { text-decoration: line-through; }.uppercase { text-transform: uppercase; }.lowercase { text-transform: lowercase; }mark { background: #ff4500; color: #ffffff; }.breakword { word-break: break-word; white-space: normal; }.text-left { text-align: left; }.text-right { text-align: right }.text-center { text-align: center; }.txt-60, .txt-60 p { font-size: 6.0rem; line-height: 6.8rem; }.txt-45, .txt-45 p { font-size: 4.5rem; line-height: 5.5rem; }.txt-48, .txt-48 p { font-size: 4.8rem; line-height: 5.8rem; }.txt-36, .txt-36 p { font-size: 3.6rem; line-height: 4.4rem; }.txt-34, .txt-34 p { font-size: 3.4rem; line-height: 4.2rem; }.txt-32, .txt-32 p { font-size: 3.2rem; line-height: 4.0rem; }.txt-30, .txt-30 p { font-size: 3.0rem; line-height: 3.8rem; }.txt-28, .txt-28 p { font-size: 2.8rem; line-height: 3.6rem; }.txt-26, .txt-26 p { font-size: 2.6rem; line-height: 3.4rem; }.txt-24, .txt-24 p { font-size: 2.4rem; line-height: 3.2rem; }.txt-22, .txt-22 p { font-size: 2.2rem; line-height: 3.0rem; }.txt-20, .txt-20 p { font-size: 2.0rem; line-height: 2.8rem; }.txt-18, .txt-18 p { font-size: 1.8rem; line-height: 2.6rem; }.txt-16, .txt-16 p { font-size: 1.6rem; line-height: 2.4rem; }.txt-14, .txt-14 p { font-size: 1.4rem; line-height: 2.2rem; }.txt-12, .txt-12 p { font-size: 1.2rem; line-height: 2.0rem; }.txt-10, .txt-10 p { font-size: 1.0rem; line-height: 1.8rem; }h1, .h1 { font-size: 4.8rem; font-weight: 700; line-height: 5.8rem; }h2, .h2 { font-size: 3.6rem; font-weight: 700; line-height: 4.4rem; }h3, .h3 { font-size: 3.0rem; font-weight: 700; line-height: 3.8rem; }h4, .h4 { font-size: 2.4rem; font-weight: 600; line-height: 3.2rem; }h5, .h5 { font-size: 1.8rem; font-weight: 600; line-height: 2.6rem; }h6, .h6 { font-size: 1.4rem; font-weight: 600; line-height: 2.2rem; }.opacity-1 { opacity: 1; }.opacity-05 { opacity: 0.5; }.opacity-0 { opacity: 0; }#the-header{ transition: top 0.2s ease-in-out;}#MainHeader { background-color: transparent; box-sizing: border-box; display: flex; height: 105px; padding: 0 60px; line-height: 105px; width: 100%; z-index: 1;}.sticky.nav-down { background: white; }.nav-up { top: -100% !important; }.nav-down{ top: 0px !important; }.links { align-items: baseline; }#MainHeader a { text-decoration: none; margin: 0 12px; transition: 0.4s; cursor: pointer; }.full-menu a {margin: 10px 0;}nav a, .dropdown-menu a { text-decoration: none; transition: 0.4s; cursor: pointer; }nav a .logo { width: 32px; }.logo { margin-right: 60px; }.logo svg { cursor: pointer; width: 100px; }.full-menu{ position: fixed; top: -100vh; left: 0; z-index: 1000; width: 100%; height: 100vh; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; background: linear-gradient(90deg, #000 50%, #fff 50%);}.menu-shop i{margin-left: 3px;}.full-menu .wrap{ height: 100vh; }.full-menu-on{ top: 0; }.full-menu-off{ top: -100vh !important; }.dropdown-toggle{ cursor: pointer; }.mdiv { height: 27px; width: 3px; margin-left: 12px; background-color: black; transform: rotate(45deg); z-index: 1; }.md { height: 27px; width: 3px; background-color: black; transform: rotate(90deg); z-index: 2; }.ham-menu { width: 44px; height: 30px; }.ham-menu.open .ham-item { background: #000; }.ham-menu.open .ham-item:first-child{ transform:rotate(40deg); transform-origin: 8px; }.ham-menu.open .ham-item:nth-child(2){ opacity: 0; }.ham-menu.open .ham-item:last-child{ transform:rotate(-40deg); transform-origin: 11px; }@media only screen and (max-width: 1440px) { .mdl-light { font-family: "CFAstyStd-Book",sans-serif; } .mdl-ibold { font-family: "CFAstyStd-Bold",sans-serif; font-weight: 800; } .mdl-regular { font-family: "CFAstyStd-Book",sans-serif; } .mdl-bold { font-family: "CFAstyStd-Bold",sans-serif; font-weight: 800; } .mdl-txt-48, .mdl-txt-48 p { font-size: 4.8rem; line-height: 5.8rem; } .mdl-txt-36, .mdl-txt-36 p { font-size: 3.6rem; line-height: 4.4rem; } .mdl-txt-34, .mdl-txt-34 p { font-size: 3.4rem; line-height: 4.2rem; } .mdl-txt-32, .mdl-txt-32 p { font-size: 3.2rem; line-height: 4.0rem; } .mdl-txt-30, .mdl-txt-30 p { font-size: 3.0rem; line-height: 3.8rem; } .mdl-txt-28, .mdl-txt-28 p { font-size: 2.8rem; line-height: 3.6rem; } .mdl-txt-26, .mdl-txt-26 p { font-size: 2.6rem; line-height: 3.4rem; } .mdl-txt-24, .mdl-txt-24 p { font-size: 2.4rem; line-height: 3.2rem; } .mdl-txt-22, .mdl-txt-22 p { font-size: 2.2rem; line-height: 3.0rem; } .mdl-txt-20, .mdl-txt-20 p { font-size: 2.0rem; line-height: 2.8rem; } .mdl-txt-18, .mdl-txt-18 p { font-size: 1.8rem; line-height: 2.6rem; } .mdl-txt-16, .mdl-txt-16 p { font-size: 1.6rem; line-height: 2.4rem; } .mdl-txt-14, .mdl-txt-14 p { font-size: 1.4rem; line-height: 2.2rem; } .mdl-txt-12, .mdl-txt-12 p { font-size: 1.2rem; line-height: 2.0rem; } .mdl-txt-10, .mdl-txt-10 p { font-size: 1.0rem; line-height: 1.8rem; } .mdl-text-left { text-align: left; } .mdl-text-right { text-align: right; } .mdl-text-center { text-align: center; } }@media only screen and (max-width: 1280px) { .md-light { font-family: "CFAstyStd-Book",sans-serif; } .md-ibold { font-family: "CFAstyStd-Bold",sans-serif; font-weight: 800; } .md-regular { font-family: "CFAstyStd-Book",sans-serif; } .md-bold { font-family: "CFAstyStd-Bold",sans-serif; font-weight: 800; } .md-txt-48, .md-txt-48 p { font-size: 4.8rem; line-height: 5.8rem; } .md-txt-36, .md-txt-36 p { font-size: 3.6rem; line-height: 4.4rem; } .md-txt-34, .md-txt-34 p { font-size: 3.4rem; line-height: 4.2rem; } .md-txt-32, .md-txt-32 p { font-size: 3.2rem; line-height: 4.0rem; } .md-txt-30, .md-txt-30 p { font-size: 3.0rem; line-height: 3.8rem; } .md-txt-28, .md-txt-28 p { font-size: 2.8rem; line-height: 3.6rem; } .md-txt-26, .md-txt-26 p { font-size: 2.6rem; line-height: 3.4rem; } .md-txt-24, .md-txt-24 p { font-size: 2.4rem; line-height: 3.2rem; } .md-txt-22, .md-txt-22 p { font-size: 2.2rem; line-height: 3.0rem; } .md-txt-20, .md-txt-20 p { font-size: 2.0rem; line-height: 2.8rem; } .md-txt-18, .md-txt-18 p { font-size: 1.8rem; line-height: 2.6rem; } .md-txt-16, .md-txt-16 p { font-size: 1.6rem; line-height: 2.4rem; } .md-txt-14, .md-txt-14 p { font-size: 1.4rem; line-height: 2.2rem; } .md-txt-12, .md-txt-12 p { font-size: 1.2rem; line-height: 2.0rem; } .md-txt-10, .md-txt-10 p { font-size: 1.0rem; line-height: 1.8rem; } .md-text-left { text-align: left; } .md-text-right { text-align: right; } .md-text-center { text-align: center; } }@media only screen and (max-width: 1024px) { .mds-light { font-family: "CFAstyStd-Book",sans-serif; } .mds-ibold { font-family: "CFAstyStd-Bold",sans-serif; font-weight: 800; } .mds-regular { font-family: "CFAstyStd-Book",sans-serif; } .mds-bold { font-family: "CFAstyStd-Bold",sans-serif; font-weight: 800; } .mds-txt-48, .mds-txt-48 p { font-size: 4.8rem; line-height: 5.8rem; } .mds-txt-36, .mds-txt-36 p { font-size: 3.6rem; line-height: 4.4rem; } .mds-txt-34, .mds-txt-34 p { font-size: 3.4rem; line-height: 4.2rem; } .mds-txt-32, .mds-txt-32 p { font-size: 3.2rem; line-height: 4.0rem; } .mds-txt-30, .mds-txt-30 p { font-size: 3.0rem; line-height: 3.8rem; } .mds-txt-28, .mds-txt-28 p { font-size: 2.8rem; line-height: 3.6rem; } .mds-txt-26, .mds-txt-26 p { font-size: 2.6rem; line-height: 3.4rem; } .mds-txt-24, .mds-txt-24 p { font-size: 2.4rem; line-height: 3.2rem; } .mds-txt-22, .mds-txt-22 p { font-size: 2.2rem; line-height: 3.0rem; } .mds-txt-20, .mds-txt-20 p { font-size: 2.0rem; line-height: 2.8rem; } .mds-txt-18, .mds-txt-18 p { font-size: 1.8rem; line-height: 2.6rem; } .mds-txt-16, .mds-txt-16 p { font-size: 1.6rem; line-height: 2.4rem; } .mds-txt-14, .mds-txt-14 p { font-size: 1.4rem; line-height: 2.2rem; } .mds-txt-12, .mds-txt-12 p { font-size: 1.2rem; line-height: 2.0rem; } .mds-txt-10, .mds-txt-10 p { font-size: 1.0rem; line-height: 1.8rem; } .mds-text-left { text-align: left; } .mds-text-right { text-align: right; } .mds-text-center { text-align: center; } }@media only screen and (max-width: 767px) { .sm-light { font-family: "CFAstyStd-Book",sans-serif; } .sm-ibold { font-family: "CFAstyStd-Bold",sans-serif; font-weight: 800; } .sm-regular { font-family: "CFAstyStd-Book",sans-serif; } .sm-bold { font-family: "CFAstyStd-Bold",sans-serif; font-weight: 800; } .sm-txt-48, .sm-txt-48 p { font-size: 4.8rem; line-height: 5.8rem; } .sm-txt-36, .sm-txt-36 p { font-size: 3.6rem; line-height: 4.4rem; } .sm-txt-34, .sm-txt-34 p { font-size: 3.4rem; line-height: 4.2rem; } .sm-txt-32, .sm-txt-32 p { font-size: 3.2rem; line-height: 4.0rem; } .sm-txt-30, .sm-txt-30 p { font-size: 3.0rem; line-height: 3.8rem; } .sm-txt-28, .sm-txt-28 p { font-size: 2.8rem; line-height: 3.6rem; } .sm-txt-26, .sm-txt-26 p { font-size: 2.6rem; line-height: 3.4rem; } .sm-txt-24, .sm-txt-24 p { font-size: 2.4rem; line-height: 3.2rem; } .sm-txt-22, .sm-txt-22 p { font-size: 2.2rem; line-height: 3.0rem; } .sm-txt-20, .sm-txt-20 p { font-size: 2.0rem; line-height: 2.8rem; } .sm-txt-18, .sm-txt-18 p { font-size: 1.8rem; line-height: 2.6rem; } .sm-txt-16, .sm-txt-16 p { font-size: 1.6rem; line-height: 2.4rem; } .sm-txt-14, .sm-txt-14 p { font-size: 1.4rem; line-height: 2.2rem; } .sm-txt-12, .sm-txt-12 p { font-size: 1.2rem; line-height: 2.0rem; } .sm-txt-10, .sm-txt-10 p { font-size: 1.0rem; line-height: 1.8rem; } .sm-text-left { text-align: left; } .sm-text-right { text-align: right; } .sm-text-center { text-align: center; } .sm-opacity-05 { opacity: 0.5; } .sm-color-black{ color: black !important; } .sm-color-white{ color: white; } .sm-bg-none{background-color: transparent !important;}}.container { max-width: 1440px; width: 100%; }.container-fluid, .width-100 { width: 100%; }.container, .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }.container::after, .container-fluid::after { content: ""; clear: both; display: table; }.col { float: left; padding: 10px; }[class*="push-"] { position: relative; }[class*="lg-"], [class*="md-"], [class*="sm-"] { min-height: 1px; }.no-gutters { margin-right: 0; margin-left: 0; }.no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; }@media only screen and (min-width: 1281px) { .lg-0 { display: none; } .lg-1 { width: 7.14% } .lg-2 { width: 14.28%; } .lg-3 { width: 21.42%; } .lg-4 { width: 28.56%; } .lg-5 { width: 35.70%; } .lg-6 { width: 42.84%; } .lg-7 { width: 49.98%; } .lg-8 { width: 57.12%; } .lg-9 { width: 64.26%; } .lg-10 { width: 71.40%; } .lg-11 { width: 78.54%; } .lg-12 { width: 85.68%; } .lg-13 { width: 92.82%; } .lg-14 { width: 100.0%; }}@media only screen and (max-width: 1280px) { .md-0 { display: none; } .md-1 { width: 7.14% } .md-2 { width: 14.28%; } .md-3 { width: 21.42%; } .md-4 { width: 28.56%; } .md-5 { width: 35.70%; } .md-6 { width: 42.84%; } .md-7 { width: 49.98%; } .md-8 { width: 57.12%; } .md-9 { width: 64.26%; } .md-10 { width: 71.40%; } .md-11 { width: 78.54%; } .md-12 { width: 85.68%; } .md-13 { width: 92.82%; } .md-14 { width: 100.0%; }}@media only screen and (max-width: 1180px) { .mds-0 { display: none; } .mds-1 { width: 7.14% } .mds-2 { width: 14.28%; } .mds-3 { width: 21.42%; } .mds-4 { width: 28.56%; } .mds-5 { width: 35.70%; } .mds-6 { width: 42.84%; } .mds-7 { width: 49.98%; } .mds-8 { width: 57.12%; } .mds-9 { width: 64.26%; } .mds-10 { width: 71.40%; } .mds-11 { width: 78.54%; } .mds-12 { width: 85.68%; } .mds-13 { width: 92.82%; } .mds-14 { width: 100.0%; }}@media only screen and (max-width: 767px) { .sm-0 { display: none; } .sm-1 { width: 7.14% } .sm-2 { width: 14.28%; } .sm-3 { width: 21.42%; } .sm-4 { width: 28.56%; } .sm-5 { width: 35.70%; } .sm-6 { width: 42.84%; } .sm-7 { width: 49.98%; } .sm-8 { width: 57.12%; } .sm-9 { width: 64.26%; } .sm-10 { width: 71.40%; } .sm-11 { width: 78.54%; } .sm-12 { width: 85.68%; } .sm-13 { width: 92.82%; } .sm-14 { width: 100.0%; } }.v-flex-center { display: flex; align-items: center; }.h-flex-center { display: flex; justify-content: center; }.vh-flex-center { display: flex; justify-content: center; align-items: center; }.flex-row { flex-direction: row; }.flex-column { flex-direction: column; }.flex-column-reverse { flex-direction: column-reverse; }.flex-justify-left { justify-content: flex-start; }.flex-justify-end { justify-content: flex-end; }.flex-justify-center { justify-content: center; }.flex-justify-evenly { justify-content: space-evenly; }.flex-justify-around { justify-content: space-around; }.flex-justify-between { justify-content: space-between; }.flex-items-right { align-items: flex-end; }.flex-items-top { align-items: flex-start; }.flex-items-bottom { align-items: flex-end; }.flex-items-stretch { align-items: stretch; }.flex-items-baseline { align-items: baseline; }.flex-items-center { align-items: center; }.flex-content-end { align-content: flex-end; }.flex-content-start { align-content: flex-start; }.flex-content-evenly { align-content: space-evenly; }.flex-content-stretch { align-content: stretch; }.flex-content-between { align-content: space-between; }.flex-content-around { align-content: space-around; }.flex-wrap { flex-wrap: wrap; }.flex-grow { flex-grow: 1; }.flex-nogrow { flex-grow: 0; }.flex-shrink { flex-shrink: 1; }.flex-noshrink { flex-shrink: 0; }.flex1 { flex: 1; }.flex-basis-100 { flex-basis: 100%; }.flex-basis-50 { flex-basis: 50%; }.flex-basis-25 { flex-basis: 25%; }.flex-basis-20 { flex-basis: 20%; }.flex-basis-33 { flex-basis: 33.333%; } .order0 { order: 0; }.order1 { order: 1; }.order2 { order: 2; }.order3 { order: 3; }.order4 { order: 4; }@media (min-width: 768px) and (max-width: 1280px) { .md-v-flex-center { display: flex; align-items: center; } .md-h-flex-center { display: flex; justify-content: center; } .md-vh-flex-center { display: flex; justify-content: center; align-items: center; } .md-flex-row { flex-direction: row; } .md-flex-column { flex-direction: column; } .md-flex-wrap { flex-wrap: wrap; } .md-flex-justify-left { justify-content: flex-start; } .md-flex-justify-right { justify-content: flex-end; } .md-flex-justify-center { justify-content: center; } .md-flex-justify-evenly { justify-content: space-evenly; } .md-flex-justify-around { justify-content: space-around; } .md-flex-justify-between { justify-content: space-between; } .md-flex-justify-end { justify-content: flex-end; } .md-flex-items-top { align-items: flex-start; } .md-flex-items-bottom { align-items: flex-end; } .md-flex-items-stretch { align-items: stretch; } .md-flex-items-baseline { align-items: baseline; } .md-flex-content-end { align-content: flex-end; } .md-flex-content-start { align-content: flex-start; } .md-flex-content-evenly { align-content: space-evenly; } .md-flex-content-stretch { align-content: stretch; } .md-flex-content-between { align-content: space-between; } .md-flex-content-around { align-content: space-around; } .md-flex-basis-100 { flex-basis: 100%; } .md-flex-basis-50 { flex-basis: 50%; } .md-flex-basis-25 { flex-basis: 25%; } .md-flex-basis-20 { flex-basis: 20%; } .md-flex-basis-33 { flex-basis: 33.333%; } .md-order0 { order: 0; } .md-order1 { order: 1; } .md-order2 { order: 2; } .md-order3 { order: 3; } .md-order4 { order: 4; }}@media (max-width: 767px) { .sm-v-flex-center { display: flex; align-items: center; } .sm-h-flex-center { display: flex; justify-content: center; } .sm-vh-flex-center { display: flex; justify-content: center; align-items: center; } .sm-flex-row { flex-direction: row; } .sm-flex-column { flex-direction: column; } .sm-flex-wrap { flex-wrap: wrap; } .sm-flex-nowrap { flex-wrap: nowrap; } .sm-flex-justify-left { justify-content: flex-start; } .sm-flex-justify-right { justify-content: flex-end; } .sm-flex-justify-center { justify-content: center; } .sm-flex-justify-evenly { justify-content: space-evenly; } .sm-flex-justify-around { justify-content: space-around; } .sm-flex-justify-between { justify-content: space-between; } .sm-flex-justify-end {justify-content: flex-end;} .sm-flex-items-top { align-items: flex-start; } .sm-flex-items-bottom { align-items: flex-end; } .sm-flex-items-stretch { align-items: stretch; } .sm-flex-items-baseline { align-items: baseline; } .sm-flex-content-end { align-content: flex-end; } .sm-flex-content-start { align-content: flex-start; } .sm-flex-content-evenly { align-content: space-evenly; } .sm-flex-content-stretch { align-content: stretch; } .sm-flex-content-between { align-content: space-between; } .sm-flex-content-around { align-content: space-around; } .sm-flex-basis-100 { flex-basis: 100%; } .sm-flex-basis-50 { flex-basis: 50%; } .sm-flex-basis-25 { flex-basis: 25%; } .sm-flex-basis-20 { flex-basis: 20%; } .sm-flex-basis-33 { flex-basis: 33.333%; } .sm-flex-noshrink { flex-shrink: 0; } .sm-flex-nogrow { flex-grow: 0; } .sm-order0 { order: 0; } .sm-order1 { order: 1; } .sm-order2 { order: 2; } .sm-order3 { order: 3; } .sm-order4 { order: 4; }}.grid-container { max-width: 1160px; }.autogrid { display: grid; grid-auto-rows: minmax(100px, auto); grid-template-columns: repeat(auto-fit, minmax(15%, 1fr));}.grid-item { min-height: 1px; }.grid-gutter { grid-column-gap: 10px; grid-row-gap: 10px; }.grid-justify-center { justify-items: center; }.grid-justify-baseline { justify-items: baseline; }.grid-justify-start { justify-items: start; }.grid-justify-end { justify-items: end; }.grid-justify-left { justify-items: left; }.grid-justify-right { justify-items: right; }.grid-1 { grid-template-columns: 1fr; }.grid-2 { grid-template-columns: 1fr 1fr; }.grid-3 { grid-template-columns: 1fr 1fr 1fr; }.grid-4 { grid-template-columns: 1fr 1fr 1fr 1fr; }.grid-5 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }.grid-6 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; }.grid-auto{grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));}@media only screen and (min-width: 1281px) { .lg-reset-grid { grid-template-columns: 1fr; } }@media only screen and (max-width: 1280px) { .md-reset-grid { grid-template-columns: 1fr; } .md-grid-1 { grid-template-columns: 1fr; } .md-grid-2 { grid-template-columns: 1fr 1fr; } .md-grid-3 { grid-template-columns: 1fr 1fr 1fr; } .md-grid-4 { grid-template-columns: 1fr 1fr 1fr 1fr; } .md-grid-5 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .md-grid-justify-center { justify-items: center; } .md-grid-justify-baseline { justify-items: baseline; } .md-grid-justify-start { justify-items: start; } .md-grid-justify-end { justify-items: end; } .md-grid-justify-left { justify-items: left; } .md-grid-justify-right { justify-items: right; }}@media only screen and (max-width: 767px) { .sm-reset-grid { grid-template-columns: 1fr; } .sm-grid-1 { grid-template-columns: 1fr; } .sm-grid-2 { grid-template-columns: 1fr 1fr; } .sm-grid-3 { grid-template-columns: 1fr 1fr 1fr; } .sm-grid-4 { grid-template-columns: 1fr 1fr 1fr 1fr; } .sm-grid-5 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .sm-grid-justify-center { justify-items: center; } .sm-grid-justify-baseline { justify-items: baseline; } .sm-grid-justify-start { justify-items: start; } .sm-grid-justify-end { justify-items: end; } .sm-grid-justify-left { justify-items: left; } .sm-grid-justify-right { justify-items: right; }}.push-0 { left: 0; }.push-1 { left: 8.33%; }.push-2 { left: 16.66%; }.push-3 { left: 25%; }.push-4 { left: 33.33%; }.pull-0 { left: 0; }.pull-1 { left: -8.33%; }.pull-2 { left: -16.66%; }.pull-3 { left: -25%; }.pull-4 { left: -33.33%; }.push-10 { left: 10px; }.push-20 { left: 20px; }.push-30 { left: 30px; }.push-40 { left: 40px; }.push-50 { left: 50px; }.push-60 { left: 60px; }.push-70 { left: 70px; }.push-80 { left: 80px; }.pull-10 { left: -10px; }.pull-20 { left: -20px; }.pull-30 { left: -30px; }.pull-40 { left: -40px; }.pull-50 { left: -50px; }.pull-60 { left: -60px; }.pull-70 { left: -70px; }.pull-80 { left: -80px; }@media only screen and (max-width: 1280px) { .md-push-0 { left: 0; } .md-push-1 { left: 8.33%; } .md-push-2 { left: 16.66%; } .md-push-3 { left: 25%; } .md-push-4 { left: 33.33%; } .md-pull-0 { left: 0; } .md-pull-1 { left: -8.33%; } .md-pull-2 { left: -16.66%; } .md-pull-3 { left: -25%; } .md-pull-4 { left: -33.33%; } .md-push-10 { left: 10px; } .md-push-20 { left: 20px; } .md-push-30 { left: 30px; } .md-push-40 { left: 40px; } .md-push-50 { left: 50px; } .md-push-60 { left: 60px; } .md-push-70 { left: 70px; } .md-push-80 { left: 80px; } .md-pull-10 { left: -10px; } .md-pull-20 { left: -20px; } .md-pull-30 { left: -30px; } .md-pull-40 { left: -40px; } .md-pull-50 { left: -50px; } .md-pull-60 { left: -60px; } .md-pull-70 { left: -70px; } .md-pull-80 { left: -80px; } }@media only screen and (max-width: 767px) { .sm-push-0 { left: 0; } .sm-push-1 { left: 8.33%; } .sm-push-2 { left: 16.66%; } .sm-push-3 { left: 25%; } .sm-push-4 { left: 33.33%; } .sm-pull-0 { left: 0; } .sm-pull-1 { left: -8.33%; } .sm-pull-2 { left: -16.66%; } .sm-pull-3 { left: -25%; } .sm-pull-4 { left: -33.33%; } .sm-push-10 { left: 10px; } .sm-push-20 { left: 20px; } .sm-push-30 { left: 30px; } .sm-push-40 { left: 40px; } .sm-push-50 { left: 50px; } .sm-push-60 { left: 60px; } .sm-push-70 { left: 70px; } .sm-push-80 { left: 80px; } .sm-pull-10 { left: -10px; } .sm-pull-20 { left: -20px; } .sm-pull-30 { left: -30px; } .sm-pull-40 { left: -40px; } .sm-pull-50 { left: -50px; } .sm-pull-60 { left: -60px; } .sm-pull-70 { left: -70px; } .sm-pull-80 { left: -80px; }}.mrg-0 { margin: 0; } .mrg-5 { margin: 5px; }.mrg-10 { margin: 10px; }.mrg-15 { margin: 15px; }.mrg-20 { margin: 20px; }.mrg-30 { margin: 30px; }.mrg-40 { margin: 40px; }.mrg-50 { margin: 50px; }.mrg-v0 { margin-top: 0; margin-bottom: 0; }.mrg-v5 { margin-top: 5px; margin-bottom: 5px; }.mrg-v10 { margin-top: 10px; margin-bottom: 10px; }.mrg-v15 { margin-top: 15px; margin-bottom: 15px; }.mrg-v18 { margin-top: 18px; margin-bottom: 18px; }.mrg-v20 { margin-top: 20px; margin-bottom: 20px; }.mrg-v30 { margin-top: 30px; margin-bottom: 30px; }.mrg-v40 { margin-top: 40px; margin-bottom: 40px; } .mrg-v50 { margin-top: 50px; margin-bottom: 50px; }.mrg-auto { margin-left: auto; margin-right: auto; }.mrg-h0 { margin-left: 0px; margin-right: 0px; }.mrg-h5 { margin-left: 5px; margin-right: 5px; }.mrg-h10 { margin-left: 10px; margin-right: 10px; }.mrg-h12 { margin-left: 12px; margin-right: 12px; }.mrg-h15 { margin-left: 15px; margin-right: 15px; }.mrg-h20 { margin-left: 20px; margin-right: 20px; }.mrg-h25 { margin-left: 25px; margin-right: 25px; }.mrg-h30 { margin-left: 30px; margin-right: 30px; }.mrg-h40 { margin-left: 40px; margin-right: 40px; }.mrg-h50 { margin-left: 50px; margin-right: 50px; }.mrg-t0 { margin-top: 0; }.mrg-t5 { margin-top: 5px; }.mrg-t10 { margin-top: 10px; }.mrg-t15 { margin-top: 15px; }.mrg-t20 { margin-top: 20px; }.mrg-t30 { margin-top: 30px; }.mrg-t40 { margin-top: 40px; }.mrg-t50 { margin-top: 50px; }.mrg-t57 { margin-top: 50px; }.mrg-t200 { margin-top: 200px; }.mrg-b0 { margin-bottom: 0; }.mrg-b5 { margin-bottom: 5px; }.mrg-b10 { margin-bottom: 10px; }.mrg-b15 { margin-bottom: 15px; }.mrg-b20 { margin-bottom: 20px; }.mrg-b30 { margin-bottom: 30px; }.mrg-b40 { margin-bottom: 40px; }.mrg-b50 { margin-bottom: 50px; }.mrg-b57 { margin-bottom: 57px; }.mrg-b60 { margin-bottom: 60px; }.mrg-pt2 { margin-top: 2%; }.mrg-pt3 { margin-top: 3%; }.mrg-pt4 { margin-top: 4%; }.mrg-pt5 { margin-top: 5%; }.mrg-pt6 { margin-top: 6%; }.mrg-pt7 { margin-top: 7%; }.mrg-pt10 { margin-top: 10%; }.mrg-pb2 { margin-bottom: 2%; }.mrg-pb3 { margin-bottom: 3%; }.mrg-pb4 { margin-bottom: 4%; }.mrg-pb5 { margin-bottom: 5%; }.mrg-pb6 { margin-bottom: 6%; }.mrg-pb7 { margin-bottom: 7%; }.mrg-pb10 { margin-bottom: 10%; }.mrg-pb15 { margin-bottom: 15%; }.mrg-pv2 { margin-top: 2%; margin-bottom: 2%; }.mrg-pv3 { margin-top: 3%; margin-bottom: 3%; }.mrg-pv4 { margin-top: 4%; margin-bottom: 4%; }.mrg-pv5 { margin-top: 5%; margin-bottom: 5%; }.mrg-pv6 { margin-top: 6%; margin-bottom: 6%; }.mrg-pv7 { margin-top: 7%; margin-bottom: 7%; }.mrg-pv10 { margin-top: 10%; margin-bottom: 10%; }.mrg-ph2 { margin-left: 2%; margin-right: 2% }.mrg-ph3 { margin-left: 3%; margin-right: 3% }.mrg-ph4 { margin-left: 4%; margin-right: 4% }.mrg-ph5 { margin-left: 5%; margin-right: 5%; }.mrg-ph6 { margin-left: 6%; margin-right: 6% }.mrg-ph7 { margin-left: 7%; margin-right: 7% }.mrg-ph10 { margin-left: 10%; margin-right: 10%; }.mrg-l0 { margin-left: 0; }.mrg-l5 { margin-left: 5px; }.mrg-l10 { margin-left: 10px; }.mrg-l15 { margin-left: 15px; }.mrg-l20 { margin-left: 20px; }.mrg-l30 { margin-left: 30px; }.mrg-l40 { margin-left: 40px; }.mrg-l50 { margin-left: 50px; }.mrg-r0 { margin-right: 0; }.mrg-r5 { margin-right: 5px; }.mrg-r10 { margin-right: 10px; }.mrg-r15 { margin-right: 15px; }.mrg-r20 { margin-right: 20px; }.mrg-r30 { margin-right: 30px; }.mrg-r40 { margin-right: 40px; }.mrg-r50 { margin-right: 50px; }.no-mrg { margin: 0; }.no-mrg-t { margin-top: 0; }.no-mrg-l { margin-left: 0; }.no-mrg-r { margin-right: 0; }.no-mrg-b { margin-bottom: 0; }.no-mrg-v { margin-top: 0; margin-bottom: 0; }.no-mrg-h { margin-left: 0; margin-right: 0; }.pdg-0 { padding: 0; }.pdg-5 { padding: 5px; }.pdg-10 { padding: 10px; }.pdg-15 { padding: 15px; }.pdg-20 { padding: 20px; }.pdg-30 { padding: 30px; }.pdg-40 { padding: 40px; }.pdg-50 { padding: 50px; }.pdg-v0 { padding-top: 0; padding-bottom: 0; }.pdg-v5 { padding-top: 5px; padding-bottom: 5px; }.pdg-v10 { padding-top: 10px; padding-bottom: 10px; }.pdg-v15 { padding-top: 15px; padding-bottom: 15px; }.pdg-v20 { padding-top: 20px; padding-bottom: 20px; }.pdg-v30 { padding-top: 30px; padding-bottom: 30px; }.pdg-v40 { padding-top: 40px; padding-bottom: 40px; }.pdg-v50 { padding-top: 50px; padding-bottom: 50px; }.pdg-h0 { padding-left: 0; padding-right: 0; }.pdg-h5 { padding-left: 5px; padding-right: 5px; }.pdg-h10 { padding-left: 10px; padding-right: 10px; }.pdg-h15 { padding-left: 15px; padding-right: 15px; }.pdg-h20 { padding-left: 20px; padding-right: 20px; }.pdg-h30 { padding-left: 30px; padding-right: 30px; }.pdg-h40 { padding-left: 40px; padding-right: 40px; }.pdg-h50 { padding-left: 50px; padding-right: 50px; }.pdg-t0 { padding-top: 0; }.pdg-t5 { padding-top: 5px; }.pdg-t10 { padding-top: 10px; }.pdg-t15 { padding-top: 15px; }.pdg-t20 { padding-top: 20px; }.pdg-t30 { padding-top: 30px; }.pdg-t40 { padding-top: 40px; }.pdg-t50 { padding-top: 50px; }.pdg-b0 { padding-bottom: 0; }.pdg-b5 { padding-bottom: 5px; }.pdg-b10 { padding-bottom: 10px; }.pdg-b15 { padding-bottom: 15px; }.pdg-b20 { padding-bottom: 20px; }.pdg-b30 { padding-bottom: 30px; }.pdg-b40 { padding-bottom: 40px; }.pdg-b50 { padding-bottom: 50px; }.pdg-l0 { padding-left: 0; }.pdg-l5 { padding-left: 5px; }.pdg-l10 { padding-left: 10px; }.pdg-l15 { padding-left: 15px; }.pdg-l20 { padding-left: 20px; }.pdg-l30 { padding-left: 30px; }.pdg-l40 { padding-left: 40px; }.pdg-l50 { padding-left: 50px; }.pdg-r0 { padding-right: 0; }.pdg-r5 { padding-right: 5px; }.pdg-r10 { padding-right: 10px; }.pdg-r15 { padding-right: 15px; }.pdg-r20 { padding-right: 20px; }.pdg-r30 { padding-right: 30px; }.pdg-r40 { padding-right: 40px; }.pdg-r50 { padding-right: 50px; }.pdg-p2 { padding: 2%; }.pdg-p3 { padding: 3%; }.pdg-p4 { padding: 4%; }.pdg-p5 { padding: 5%; }.pdg-p6 { padding: 6%; }.pdg-p7 { padding: 7%; }.pdg-p10 { padding: 10%; }.pdg-p15 { padding: 15%; }.pdg-pt2 { padding-top: 2%; }.pdg-pt3 { padding-top: 3%; }.pdg-pt4 { padding-top: 4%; }.pdg-pt5 { padding-top: 5%; }.pdg-pt6 { padding-top: 6%; }.pdg-pt7 { padding-top: 7%; }.pdg-pt10 { padding-top: 10%; }.pdg-pb2 { padding-bottom: 2%; }.pdg-pb3 { padding-bottom: 3%; }.pdg-pb4 { padding-bottom: 4%; }.pdg-pb5 { padding-bottom: 5%; }.pdg-pb6 { padding-bottom: 6%; }.pdg-pb7 { padding-bottom: 7%; }.pdg-pb10 { padding-bottom: 10%; }.pdg-pv2 { padding-top: 2%; padding-bottom: 2%; }.pdg-pv3 { padding-top: 3%; padding-bottom: 3%; }.pdg-pv4 { padding-top: 4%; padding-bottom: 4%; }.pdg-pv5 { padding-top: 5%; padding-bottom: 5%; }.pdg-pv6 { padding-top: 6%; padding-bottom: 6%; }.pdg-pv7 { padding-top: 7%; padding-bottom: 7%; }.pdg-pv10 { padding-top: 10%; padding-bottom: 10%; }.pdg-pv15 { padding-top: 15%; padding-bottom: 15%; }.pdg-pv20 { padding-top: 20%; padding-bottom: 20%; }.pdg-pv30 { padding-top: 30%; padding-bottom: 30%; }.pdg-ph1{ padding-left: 1%; padding-right: 1% }.pdg-ph2 { padding-left: 2%; padding-right: 2% }.pdg-ph3 { padding-left: 3%; padding-right: 3% }.pdg-ph4 { padding-left: 4%; padding-right: 4% }.pdg-ph5 { padding-left: 5%; padding-right: 5%; }.pdg-ph6 { padding-left: 6%; padding-right: 6% }.pdg-ph7 { padding-left: 7%; padding-right: 7% }.pdg-ph10 { padding-left: 10%; padding-right: 10%; }.no-pdg { padding: 0; }.no-pdg-t { padding-top: 0; }.no-pdg-l { padding-left: 0; }.no-pdg-r { padding-right: 0; }.no-pdg-b { padding-bottom: 0; }.no-pdg-v { padding-top: 0; padding-bottom: 0; }.no-pdg-h { padding-left: 0; padding-right: 0; }@media only screen and (max-width: 1280px) {.md-mrg-0 { margin: 0; } .md-mrg-5 { margin: 5px; } .md-mrg-10 { margin: 10px; } .md-mrg-15 { margin: 15px; } .md-mrg-20 { margin: 20px; } .md-mrg-30 { margin: 30px; } .md-mrg-40 { margin: 40px; } .md-mrg-50 { margin: 50px; }.md-mrg-v0 { margin-top: 0; margin-bottom: 0; } .md-mrg-v5 { margin-top: 5px; margin-bottom: 5px; } .md-mrg-v10 { margin-top: 10px; margin-bottom: 10px; } .md-mrg-v15 { margin-top: 15px; margin-bottom: 15px; } .md-mrg-v20 { margin-top: 20px; margin-bottom: 20px; } .md-mrg-v30 { margin-top: 30px; margin-bottom: 30px; } .md-mrg-v40 { margin-top: 40px; margin-bottom: 40px; } .md-mrg-v50 { margin-top: 50px; margin-bottom: 50px; }.md-mrg-auto { margin-left: auto; margin-right: auto; } .md-mrg-h0 { margin-left: 0; margin-right: 0; } .md-mrg-h5 { margin-left: 5px; margin-right: 5px; } .md-mrg-h10 { margin-left: 10px; margin-right: 10px; } .md-mrg-h15 { margin-left: 15px; margin-right: 15px; } .md-mrg-h20 { margin-left: 20px; margin-right: 20px; } .md-mrg-h30 { margin-left: 30px; margin-right: 30px; } .md-mrg-h40 { margin-left: 40px; margin-right: 40px; } .md-mrg-h50 { margin-left: 50px; margin-right: 50px; }.md-mrg-t0 { margin-top: 0; } .md-mrg-t5 { margin-top: 5px; } .md-mrg-t10 { margin-top: 10px; } .md-mrg-t15 { margin-top: 15px; } .md-mrg-t20 { margin-top: 20px; } .md-mrg-t30 { margin-top: 30px; } .md-mrg-t40 { margin-top: 40px; } .md-mrg-t50 { margin-top: 50px; }.md-mrg-b0 { margin-bottom: 0; } .md-mrg-b5 { margin-bottom: 5px; } .md-mrg-b10 { margin-bottom: 10px; } .md-mrg-b15 { margin-bottom: 15px; } .md-mrg-b20 { margin-bottom: 20px; } .md-mrg-b30 { margin-bottom: 30px; } .md-mrg-b40 { margin-bottom: 40px; } .md-mrg-b50 { margin-bottom: 50px; }.md-mrg-l0 { margin-left: 0; } .md-mrg-l5 { margin-left: 5px; } .md-mrg-l10 { margin-left: 10px; } .md-mrg-l15 { margin-left: 15px; } .md-mrg-l20 { margin-left: 20px; } .md-mrg-l30 { margin-left: 30px; } .md-mrg-l40 { margin-left: 40px; } .md-mrg-l50 { margin-left: 50px; }.md-mrg-r0 { margin-right: 0; } .md-mrg-r5 { margin-right: 5px; } .md-mrg-r10 { margin-right: 10px; } .md-mrg-r15 { margin-right: 15px; } .md-mrg-r20 { margin-right: 20px; } .md-mrg-r25 { margin-right: 25px; } .md-mrg-r30 { margin-right: 30px; } .md-mrg-r40 { margin-right: 40px; } .md-mrg-r60 { margin-right: 50px; }.md-mrg-pt2 { margin-top: 2%; } .md-mrg-pt3 { margin-top: 3%; } .md-mrg-pt4 { margin-top: 4%; } .md-mrg-pt5 { margin-top: 5%; } .md-mrg-pt6 { margin-top: 6%; } .md-mrg-pt7 { margin-top: 7%; } .md-mrg-pt10 { margin-top: 10%; } .md-mrg-pt20 { margin-top: 20%; } .md-mrg-pt35 { margin-top: 35%; }.md-mrg-pb2 { margin-bottom: 2%; } .md-mrg-pb3 { margin-bottom: 3%; } .md-mrg-pb4 { margin-bottom: 4%; } .md-mrg-pb5 { margin-bottom: 5%; } .md-mrg-pb6 { margin-bottom: 6%; } .md-mrg-pb7 { margin-bottom: 7%; } .md-mrg-pb10 { margin-bottom: 10%; }.md-mrg-pv2 { margin-top: 2%; margin-bottom: 2%; } .md-mrg-pv3 { margin-top: 3%; margin-bottom: 3%; } .md-mrg-pv4 { margin-top: 4%; margin-bottom: 4%; } .md-mrg-pv5 { margin-top: 5%; margin-bottom: 5%; } .md-mrg-pv6 { margin-top: 6%; margin-bottom: 6%; } .md-mrg-pv7 { margin-top: 7%; margin-bottom: 7%; } .md-mrg-pv10 { margin-top: 10%; margin-bottom: 10%; }.md-mrg-ph2 { margin-left: 2%; margin-right: 2% } .md-mrg-ph3 { margin-left: 3%; margin-right: 3% } .md-mrg-ph4 { margin-left: 4%; margin-right: 4% } .md-mrg-ph5 { margin-left: 5%; margin-right: 5%; } .md-mrg-ph6 { margin-left: 6%; margin-right: 6% } .md-mrg-ph7 { margin-left: 7%; margin-right: 7% } .md-mrg-ph10 { margin-left: 10%; margin-right: 10%; }.md-no-mrg { margin: 0; } .md-no-mrg-t { margin-top: 0; } .md-no-mrg-l { margin-left: 0; } .md-no-mrg-r { margin-right: 0; } .md-no-mrg-b { margin-bottom: 0; } .md-no-mrg-v { margin-top: 0; margin-bottom: 0; } .md-no-mrg-h { margin-left: 0; margin-right: 0; }.md-pdg-0 { padding: 0; } .md-pdg-5 { padding: 5px; } .md-pdg-10 { padding: 10px; } .md-pdg-15 { padding: 15px; } .md-pdg-20 { padding: 20px; } .md-pdg-30 { padding: 30px; } .md-pdg-40 { padding: 40px; } .md-pdg-50 { padding: 50px; }.md-pdg-v0 { padding-top: 0; padding-bottom: 0; } .md-pdg-v5 { padding-top: 5px; padding-bottom: 5px; } .md-pdg-v10 { padding-top: 10px; padding-bottom: 10px; } .md-pdg-v15 { padding-top: 15px; padding-bottom: 15px; } .md-pdg-v20 { padding-top: 20px; padding-bottom: 20px; } .md-pdg-v30 { padding-top: 30px; padding-bottom: 30px; } .md-pdg-v40 { padding-top: 40px; padding-bottom: 40px; } .md-pdg-v50 { padding-top: 50px; padding-bottom: 50px; }.md-pdg-h0 { padding-left: 0; padding-right: 0; } .md-pdg-h5 { padding-left: 5px; padding-right: 5px; } .md-pdg-h10 { padding-left: 10px; padding-right: 10px; } .md-pdg-h15 { padding-left: 15px; padding-right: 15px; } .md-pdg-h20 { padding-left: 20px; padding-right: 20px; } .md-pdg-h30 { padding-left: 30px; padding-right: 30px; } .md-pdg-h40 { padding-left: 40px; padding-right: 40px; } .md-pdg-h50 { padding-left: 50px; padding-right: 50px; }.md-pdg-t0 { padding-top: 0; } .md-pdg-t5 { padding-top: 5px; } .md-pdg-t10 { padding-top: 10px; } .md-pdg-t15 { padding-top: 15px; } .md-pdg-t20 { padding-top: 20px; } .md-pdg-t30 { padding-top: 30px; } .md-pdg-t40 { padding-top: 40px; } .md-pdg-t50 { padding-top: 50px; }.md-pdg-b0 { padding-bottom: 0; } .md-pdg-b5 { padding-bottom: 5px; } .md-pdg-b10 { padding-bottom: 10px; } .md-pdg-b15 { padding-bottom: 15px; } .md-pdg-b20 { padding-bottom: 20px; } .md-pdg-b30 { padding-bottom: 30px; } .md-pdg-b40 { padding-bottom: 40px; } .md-pdg-b50 { padding-bottom: 50px; }.md-pdg-l0 { padding-left: 0; } .md-pdg-l5 { padding-left: 5px; } .md-pdg-l10 { padding-left: 10px; } .md-pdg-l15 { padding-left: 15px; } .md-pdg-l20 { padding-left: 20px; } .md-pdg-l30 { padding-left: 30px; } .md-pdg-l40 { padding-left: 40px; } .md-pdg-l50 { padding-left: 50px; }.md-pdg-r0 { padding-right: 0; } .md-pdg-r5 { padding-right: 5px; } .md-pdg-r10 { padding-right: 10px; } .md-pdg-r15 { padding-right: 15px; } .md-pdg-r20 { padding-right: 20px; } .md-pdg-r30 { padding-right: 30px; } .md-pdg-r40 { padding-right: 40px; } .md-pdg-r50 { padding-right: 50px; } .md-pdg-p2 { padding: 2%; } .md-pdg-p3 { padding: 3%; } .md-pdg-p4 { padding: 4%; } .md-pdg-p5 { padding: 5%; } .md-pdg-p6 { padding: 6%; } .md-pdg-p7 { padding: 7%; } .md-pdg-p10 { padding: 10%; } .md-pdg-p20 { padding: 20%; }.md-pdg-pt2 { padding-top: 2%; } .md-pdg-pt3 { padding-top: 3%; } .md-pdg-pt4 { padding-top: 4%; } .md-pdg-pt5 { padding-top: 5%; } .md-pdg-pt6 { padding-top: 6%; } .md-pdg-pt7 { padding-top: 7%; } .md-pdg-pt10 { padding-top: 10%; }.md-pdg-pb2 { padding-bottom: 2%; } .md-pdg-pb3 { padding-bottom: 3%; } .md-pdg-pb4 { padding-bottom: 4%; } .md-pdg-pb5 { padding-bottom: 5%; } .md-pdg-pb6 { padding-bottom: 6%; } .md-pdg-pb7 { padding-bottom: 7%; } .md-pdg-pb10 { padding-bottom: 10%; }.md-pdg-pv2 { padding-top: 2%; padding-bottom: 2%; } .md-pdg-pv3 { padding-top: 3%; padding-bottom: 3%; } .md-pdg-pv4 { padding-top: 4%; padding-bottom: 4%; } .md-pdg-pv5 { padding-top: 5%; padding-bottom: 5%; } .md-pdg-pv6 { padding-top: 6%; padding-bottom: 6%; } .md-pdg-pv7 { padding-top: 7%; padding-bottom: 7%; } .md-pdg-pv10 { padding-top: 10%; padding-bottom: 10%; } .md-pdg-pv20 { padding-top: 20%; padding-bottom: 20%; }.md-pdg-ph2 { padding-left: 2%; padding-right: 2% } .md-pdg-ph3 { padding-left: 3%; padding-right: 3% } .md-pdg-ph4 { padding-left: 4%; padding-right: 4% } .md-pdg-ph5 { padding-left: 5%; padding-right: 5%; } .md-pdg-ph6 { padding-left: 6%; padding-right: 6% } .md-pdg-ph7 { padding-left: 7%; padding-right: 7% } .md-pdg-ph10 { padding-left: 10%; padding-right: 10%; }.md-no-pdg { padding: 0; } .md-no-pdg-t { padding-top: 0; } .md-no-pdg-l { padding-left: 0; } .md-no-pdg-r { padding-right: 0; } .md-no-pdg-b { padding-bottom: 0; } .md-no-pdg-v { padding-top: 0; padding-bottom: 0; } .md-no-pdg-h { padding-left: 0; padding-right: 0; }}@media only screen and (max-width: 767px) {.sm-mrg-0 { margin: 0; } .sm-mrg-5 { margin: 5px; } .sm-mrg-10 { margin: 10px; } .sm-mrg-15 { margin: 15px; } .sm-mrg-20 { margin: 20px; } .sm-mrg-30 { margin: 30px; } .sm-mrg-40 { margin: 40px; } .sm-mrg-50 { margin: 50px; }.sm-mrg-v0 { margin-top: 0; margin-bottom: 0; } .sm-mrg-v5 { margin-top: 5px; margin-bottom: 5px; } .sm-mrg-v10 { margin-top: 10px; margin-bottom: 10px; } .sm-mrg-v15 { margin-top: 15px; margin-bottom: 15px; } .sm-mrg-v20 { margin-top: 20px; margin-bottom: 20px; } .sm-mrg-v30 { margin-top: 30px; margin-bottom: 30px; } .sm-mrg-v40 { margin-top: 40px; margin-bottom: 40px; } .sm-mrg-v50 { margin-top: 50px; margin-bottom: 50px; }.sm-mrg-auto { margin-left: auto; margin-right: auto; } .sm-mrg-h0 { margin-left: 0; margin-right: 0; } .sm-mrg-h5 { margin-left: 5px; margin-right: 5px; } .sm-mrg-h10 { margin-left: 10px; margin-right: 10px; } .sm-mrg-h15 { margin-left: 15px; margin-right: 15px; } .sm-mrg-h20 { margin-left: 20px; margin-right: 20px; } .sm-mrg-h30 { margin-left: 30px; margin-right: 30px; } .sm-mrg-h40 { margin-left: 40px; margin-right: 40px; } .sm-mrg-h50 { margin-left: 50px; margin-right: 50px; }.sm-mrg-t0 { margin-top: 0; } .sm-mrg-t5 { margin-top: 5px; } .sm-mrg-t10 { margin-top: 10px; } .sm-mrg-t15 { margin-top: 15px; } .sm-mrg-t20 { margin-top: 20px; } .sm-mrg-t30 { margin-top: 30px; } .sm-mrg-t40 { margin-top: 40px; } .sm-mrg-t50 { margin-top: 50px; } .sm-mrg-t95 { margin-top: 95px; }.sm-mrg-b0 { margin-bottom: 0; } .sm-mrg-b5 { margin-bottom: 5px; } .sm-mrg-b10 { margin-bottom: 10px; } .sm-mrg-b15 { margin-bottom: 15px; } .sm-mrg-b20 { margin-bottom: 20px; } .sm-mrg-b30 { margin-bottom: 30px; } .sm-mrg-b40 { margin-bottom: 40px; } .sm-mrg-b50 { margin-bottom: 50px; }.sm-mrg-l0 { margin-left: 0; } .sm-mrg-l5 { margin-left: 5px; } .sm-mrg-l10 { margin-left: 10px; } .sm-mrg-l15 { margin-left: 15px; } .sm-mrg-l20 { margin-left: 20px; } .sm-mrg-l30 { margin-left: 30px; } .sm-mrg-l40 { margin-left: 40px; } .sm-mrg-l50 { margin-left: 50px; }.sm-mrg-r0 { margin-right: 0; } .sm-mrg-r5 { margin-right: 5px; } .sm-mrg-r10 { margin-right: 10px; } .sm-mrg-r15 { margin-right: 15px; } .sm-mrg-r20 { margin-right: 20px; } .sm-mrg-r25 { margin-right: 25px; } .sm-mrg-r30 { margin-right: 30px; } .sm-mrg-r40 { margin-right: 40px; } .sm-mrg-r60 { margin-right: 50px; } .sm-mrg-pt2 { margin-top: 2%; } .sm-mrg-pt3 { margin-top: 3%; } .sm-mrg-pt4 { margin-top: 4%; } .sm-mrg-pt5 { margin-top: 5%; } .sm-mrg-pt6 { margin-top: 6%; } .sm-mrg-pt7 { margin-top: 7%; } .sm-mrg-pt10 { margin-top: 10%; } .sm-mrg-pt35 { margin-top: 35%; } .sm-mrg-pt40 { margin-top: 40%; }.sm-mrg-pb2 { margin-bottom: 2%; } .sm-mrg-pb3 { margin-bottom: 3%; } .sm-mrg-pb4 { margin-bottom: 4%; } .sm-mrg-pb5 { margin-bottom: 5%; } .sm-mrg-pb6 { margin-bottom: 6%; } .sm-mrg-pb7 { margin-bottom: 7%; } .sm-mrg-pb10 { margin-bottom: 10%; }.sm-mrg-pv2 { margin-top: 2%; margin-bottom: 2%; } .sm-mrg-pv3 { margin-top: 3%; margin-bottom: 3%; } .sm-mrg-pv4 { margin-top: 4%; margin-bottom: 4%; } .sm-mrg-pv5 { margin-top: 5%; margin-bottom: 5%; } .sm-mrg-pv6 { margin-top: 6%; margin-bottom: 6%; } .sm-mrg-pv7 { margin-top: 7%; margin-bottom: 7%; } .sm-mrg-pv10 { margin-top: 10%; margin-bottom: 10%; }.sm-mrg-ph2 { margin-left: 2%; margin-right: 2% } .sm-mrg-ph3 { margin-left: 3%; margin-right: 3% } .sm-mrg-ph4 { margin-left: 4%; margin-right: 4% } .sm-mrg-ph5 { margin-left: 5%; margin-right: 5%; } .sm-mrg-ph6 { margin-left: 6%; margin-right: 6% } .sm-mrg-ph7 { margin-left: 7%; margin-right: 7% } .sm-mrg-ph10 { margin-left: 10%; margin-right: 10%; }.sm-no-mrg { margin: 0; } .sm-no-mrg-t { margin-top: 0; } .sm-no-mrg-l { margin-left: 0; } .sm-no-mrg-r { margin-right: 0; } .sm-no-mrg-b { margin-bottom: 0; } .sm-no-mrg-v { margin-top: 0; margin-bottom: 0; } .sm-no-mrg-h { margin-left: 0; margin-right: 0; }.sm-pdg-0 { padding: 0; } .sm-pdg-3 { padding: 3px; } .sm-pdg-5 { padding: 5px; } .sm-pdg-10 { padding: 10px; } .sm-pdg-15 { padding: 15px; } .sm-pdg-20 { padding: 20px; } .sm-pdg-30 { padding: 30px; } .sm-pdg-40 { padding: 40px; } .sm-pdg-50 { padding: 50px; }.sm-pdg-v0 { padding-top: 0; padding-bottom: 0; } .sm-pdg-v5 { padding-top: 5px; padding-bottom: 5px; } .sm-pdg-v10 { padding-top: 10px; padding-bottom: 10px; } .sm-pdg-v15 { padding-top: 15px; padding-bottom: 15px; } .sm-pdg-v20 { padding-top: 20px; padding-bottom: 20px; } .sm-pdg-v30 { padding-top: 30px; padding-bottom: 30px; } .sm-pdg-v40 { padding-top: 40px; padding-bottom: 40px; } .sm-pdg-v50 { padding-top: 50px; padding-bottom: 50px; }.sm-pdg-h0 { padding-left: 0; padding-right: 0; } .sm-pdg-h5 { padding-left: 5px; padding-right: 5px; } .sm-pdg-h10 { padding-left: 10px; padding-right: 10px; } .sm-pdg-h15 { padding-left: 15px; padding-right: 15px; } .sm-pdg-h20 { padding-left: 20px; padding-right: 20px; } .sm-pdg-h30 { padding-left: 30px; padding-right: 30px; } .sm-pdg-h40 { padding-left: 40px; padding-right: 40px; } .sm-pdg-h50 { padding-left: 50px; padding-right: 50px; }.sm-pdg-t0 { padding-top: 0; } .sm-pdg-t5 { padding-top: 5px; } .sm-pdg-t10 { padding-top: 10px; } .sm-pdg-t15 { padding-top: 15px; } .sm-pdg-t20 { padding-top: 20px; } .sm-pdg-t30 { padding-top: 30px; } .sm-pdg-t40 { padding-top: 40px; } .sm-pdg-t50 { padding-top: 50px; }.sm-pdg-b0 { padding-bottom: 0; } .sm-pdg-b5 { padding-bottom: 5px; } .sm-pdg-b10 { padding-bottom: 10px; } .sm-pdg-b15 { padding-bottom: 15px; } .sm-pdg-b20 { padding-bottom: 20px; } .sm-pdg-b30 { padding-bottom: 30px; } .sm-pdg-b40 { padding-bottom: 40px; } .sm-pdg-b50 { padding-bottom: 50px; }.sm-pdg-l0 { padding-left: 0; } .sm-pdg-l5 { padding-left: 5px; } .sm-pdg-l10 { padding-left: 10px; } .sm-pdg-l15 { padding-left: 15px; } .sm-pdg-l20 { padding-left: 20px; } .sm-pdg-l30 { padding-left: 30px; } .sm-pdg-l40 { padding-left: 40px; } .sm-pdg-l50 { padding-left: 50px; }.sm-pdg-r0 { padding-right: 0; } .sm-pdg-r5 { padding-right: 5px; } .sm-pdg-r10 { padding-right: 10px; } .sm-pdg-r15 { padding-right: 15px; } .sm-pdg-r20 { padding-right: 20px; } .sm-pdg-r30 { padding-right: 30px; } .sm-pdg-r40 { padding-right: 40px; } .sm-pdg-r50 { padding-right: 50px; } .sm-pdg-p2 { padding: 2%; } .sm-pdg-p3 { padding: 3%; } .sm-pdg-p4 { padding: 4%; } .sm-pdg-p5 { padding: 5%; } .sm-pdg-p6 { padding: 6%; } .sm-pdg-p7 { padding: 7%; } .sm-pdg-p10 { padding: 10%; }.sm-pdg-pt2 { padding-top: 2%; } .sm-pdg-pt3 { padding-top: 3%; } .sm-pdg-pt4 { padding-top: 4%; } .sm-pdg-pt5 { padding-top: 5%; } .sm-pdg-pt6 { padding-top: 6%; } .sm-pdg-pt7 { padding-top: 7%; } .sm-pdg-pt10 { padding-top: 10%; }.sm-pdg-pb2 { padding-bottom: 2%; } .sm-pdg-pb3 { padding-bottom: 3%; } .sm-pdg-pb4 { padding-bottom: 4%; } .sm-pdg-pb5 { padding-bottom: 5%; } .sm-pdg-pb6 { padding-bottom: 6%; } .sm-pdg-pb7 { padding-bottom: 7%; } .sm-pdg-pb10 { padding-bottom: 10%; }.sm-pdg-pv2 { padding-top: 2%; padding-bottom: 2%; } .sm-pdg-pv3 { padding-top: 3%; padding-bottom: 3%; } .sm-pdg-pv4 { padding-top: 4%; padding-bottom: 4%; } .sm-pdg-pv5 { padding-top: 5%; padding-bottom: 5%; } .sm-pdg-pv6 { padding-top: 6%; padding-bottom: 6%; } .sm-pdg-pv7 { padding-top: 7%; padding-bottom: 7%; } .sm-pdg-pv10 { padding-top: 10%; padding-bottom: 10%; }.sm-pdg-ph2 { padding-left: 2%; padding-right: 2% } .sm-pdg-ph3 { padding-left: 3%; padding-right: 3% } .sm-pdg-ph4 { padding-left: 4%; padding-right: 4% } .sm-pdg-ph5 { padding-left: 5%; padding-right: 5%; } .sm-pdg-ph6 { padding-left: 6%; padding-right: 6% } .sm-pdg-ph7 { padding-left: 7%; padding-right: 7% } .sm-pdg-ph10 { padding-left: 10%; padding-right: 10%; }.sm-no-pdg { padding: 0; } .sm-no-pdg-t { padding-top: 0; } .sm-no-pdg-l { padding-left: 0; } .sm-no-pdg-r { padding-right: 0; } .sm-no-pdg-b { padding-bottom: 0; } .sm-no-pdg-v { padding-top: 0; padding-bottom: 0; } .sm-no-pdg-h { padding-left: 0; padding-right: 0; }}.color-inherit { color: inherit; }.color-white { color: #FFFFFF; }.color-black { color: #000000; }.color-gray { color: #909090; }.color-lgray { color: #D8D8D8; } .color-red { color: #F58686; }.color-pink { color: #F58686; }.color-transparent { color: transparent; }:root { --green-color: #32AB77;}.bg-white { background-color: #FFFFFF; }.bg-black { background-color: #000000; }.bg-gray { background-color: #909090; }.bg-lgray { background-color: #E3e3e3; }.bg-red { background-color: #F58686; }.bg-green { background-color: var(--green-color); }.bg-white-o3 { background-color: rgba(255,255,255,0.3); }.bg-white-o5 { background-color: rgba(255,255,255,0.5); }.bg-white-o7 { background-color: rgba(255,255,255,0.7); }.bg-white-o9 { background-color: rgba(255,255,255,0.9); }.bg-transparent { background-color: transparent; }.bg-cover { background-size: cover; background-position: center center; background-repeat: no-repeat; }.bg-contain { background-size: contain; background-position: center center; background-repeat: no-repeat; }.bg-fixed { background-attachment: fixed; }.img-cover { object-fit: cover; object-position: center; }.img-contain { object-fit: contain; object-position: center; }@media only screen and (max-width: 1024px) { .bg-fixed { background-attachment: initial; } } @media only screen and ( max-width: 767px ) { .sm-img-cover { object-fit: cover; object-position: center; } .sm-img-contain { object-fit: contain; object-position: center; }}.border-0 { border: none; }.shadow-0 { box-shadow: none; }.border-1 { border-style: solid; border-width: 1px; border-color: inherit; }.border-top-1 { border-top-style: solid; border-width: 1px; border-color: inherit; }.border-bottom-1 { border-bottom-style: solid; border-width: 1px; border-color: inherit; }.border-left-1 { border-left-style: solid; border-width: 1px; border-color: inherit; }.border-right-1 { border-right-style: solid; border-width: 1px; border-color: inherit; }.border-2 { border-style: solid; border-width: 2px; border-color: inherit; }.border-top-2 { border-top-style: solid; border-width: 2px; border-color: inherit; }.border-bottom-2 { border-bottom-style: solid; border-width: 2px; border-color: inherit; }.border-left-2 { border-left-style: solid; border-width: 2px; border-color: inherit; }.border-right-2 { border-right-style: solid; border-width: 2px; border-color: inherit; }.border-5 { border-style: solid; border-width: 5px; border-color: inherit; }.border-top-5 { border-top-style: solid; border-width: 5px; border-color: inherit; }.border-bottom-5 { border-bottom-style: solid; border-width: 5px; border-color: inherit; }.border-left-5 { border-left-style: solid; border-width: 5px; border-color: inherit; }.border-right-5 { border-right-style: solid; border-width: 5px; border-color: inherit; }.border-top-0 { border-top: none; }.border-bottom-0 { border-bottom: none; }.border-left-0 { border-left: none; }.border-right-0 { border-right: none; }.border-black { border-color: #000; }.border-white { border-color: #fff; }.border-rounded::after { content: ""; width: 100%; height: 8px; display: inline-block; position: absolute; left: 0; bottom: -10px; }.border-rounded.blackBorder::after { background: #000; }.border-rounded.whiteBorder::after { background: #fff; }.withBorder::after { content: ""; height: 8px; width: 100%; display: flex; }.withBorder.whiteBorder::after { background: #fff; }.withBorder.blackBorder::after { background: #000; }@media only screen and (max-width: 1280px) { .md-border-0 { border: none; } .md-border-1 { border-style: solid; border-width: 1px; border-color: inherit; } .md-border-top-1 { border-top-style: solid; border-width: 1px; border-color: inherit; } .md-border-bottom-1 { border-bottom-style: solid; border-width: 1px; border-color: inherit; } .md-border-left-1 { border-left-style: solid; border-width: 1px; border-color: inherit; } .md-border-right-1 { border-right-style: solid; border-width: 1px; border-color: inherit; } .md-border-2 { border-style: solid; border-width: 2px; border-color: inherit; } .md-border-top-2 { border-top-style: solid; border-width: 2px; border-color: inherit; } .md-border-bottom-2 { border-bottom-style: solid; border-width: 2px; border-color: inherit; } .md-border-left-2 { border-left-style: solid; border-width: 2px; border-color: inherit; } .md-border-right-2 { border-right-style: solid; border-width: 2px; border-color: inherit; }} @media only screen and (max-width: 767px) { .sm-border-0 { border: none; } .sm-border-1 { border-style: solid; border-width: 1px; border-color: inherit; } .sm-border-top-1 { border-top-style: solid; border-width: 1px; border-color: inherit; } .sm-border-bottom-1 { border-bottom-style: solid; border-width: 1px; border-color: inherit; } .sm-border-left-1 { border-left-style: solid; border-width: 1px; border-color: inherit; } .sm-border-right-1 { border-right-style: solid; border-width: 1px; border-color: inherit; } .sm-border-2 { border-style: solid; border-width: 2px; border-color: inherit; } .sm-border-top-2 { border-top-style: solid; border-width: 2px; border-color: inherit; } .sm-border-bottom-2 { border-bottom-style: solid; border-width: 2px; border-color: inherit; } .sm-border-left-2 { border-left-style: solid; border-width: 2px; border-color: inherit; } .sm-border-right-2 { border-right-style: solid; border-width: 2px; border-color: inherit; } .withBorder.sm-whiteBorder::after { background: #fff; } .withBorder.sm-blackBorder::after { background: #000 !important; } .border-rounded-black::after { background: #000;}}.flex { display: flex; }.grid { display: grid; }.block { display: block; }.inline { display: inline; }.inline-block { display: inline-block; }.clearfix:before, .clearfix:after { content: " "; display: table; }.clearfix:after { clear: both; }.float-left { float: left; }.float-right { float: right; }.no-float { float: none; }.vh-center { top: 50%; left: 50%; transform: translate(-50%, -50%); }.v-center { top: 50%; transform: translateY(-50%); }.h-center { left: 50%; transform: translateX(-50%); }.top-0 { top: 0; }.left-0 { left: 0; }.right-0 { right: 0; }.bottom-0 { bottom: 0; }.relative { position: relative; }.absolute { position: absolute; }.fixed { position: fixed; }.sticky { position: sticky; }.transform--90{transform: rotate(-90deg);}.transform-90{transform: rotate(90deg);}.transform-0{ transform: rotate(0deg);}@media only screen and (max-width: 1280px) { .md-flex { display: flex; } .md-grid { display: grid; } .md-block { display: block; } .md-inline { display: inline; } .md-inline-block { display: inline-block; } .md-float-left { float: left; } .md-float-right { float: right; } .md-no-float { float: initial; } .md-vh-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .md-v-center { top: 50%; transform: translateY(-50%); } .md-h-center { left: 50%; transform: translateX(-50%); } .md-reset-pos { position: relative; top: initial; left: initial; transform: initial; } .md-top-0 { top: 0; } .md-left-0 { left: 0; } .md-right-0 { right: 0; } .md-bottom-0 { bottom: 0; } .md-relative { position: relative; } .md-absolute { position: absolute; } .md-fixed { position: fixed; }}@media only screen and (max-width: 767px) { .sm-flex { display: flex; } .sm-grid { display: grid; } .sm-block { display: block; } .sm-inline { display: inline; } .sm-inline-block { display: inline-block; } .sm-float-left { float: left; } .sm-float-right { float: right; } .sm-no-float { float: initial; } .sm-vh-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .sm-v-center { top: 50%; transform: translateY(-50%); } .sm-h-center { left: 50%; transform: translateX(-50%); } .sm-reset-pos { position: relative; top: initial; left: initial; transform: initial; } .sm-top-0 { top: 0; } .sm-left-0 { left: 0; } .sm-right-0 { right: 0; } .sm-bottom-0 { bottom: 0; } .sm-relative { position: relative; } .sm-absolute { position: absolute; } .sm-fixed { position: fixed; }}.visually-hidden, .visually-hidden:not(:focus):not(:active) { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }.visible { visibility: visible; }.hidden { visibility: hidden; }.hide { display: none; }.show { display: block; }.opacity-0 { opacity: 0; }.opacity-1 { opacity: 1; }@media only screen and (min-width: 1281px) { .hide-lg { display: none; } .sm-only { display: none; } .md-only { display: none; } .lg-only { display: block; }}@media only screen and (min-width: 768px) and (max-width: 1280px) { .md-visible { visibility: visible; } .md-hidden { visibility: hidden; } .hide-md { display: none; } .sm-only { display: none; } .lg-only { display: none; } .md-only { display: block; }}@media only screen and (max-width: 767px) { .sm-visible { visibility: visible; } .sm-hidden { visibility: hidden; } .hide-sm { display: none; } .md-only { display: none; } .lg-only { display: none; } .sm-only { display: block; } }.transition-ease { transition: all 0.3s ease; }.transition-linear { transition: all 0.3s linear; }.h0 { height: 0; } .w0 { width: 0; }.h100 { height: 100%; }.h75 { height: 75%; }.h50 { height: 50%; }.h33 { height: 33.333%; }.h25 { height: 25%; }.h20 { height: 20%; }.w100 { width: 100%; }.w75 { width: 75%; }.w50 { width: 50%; }.w33 { width: 33.333%; }.w25 { width: 25%; }.w20 { width: 20%; }.h84 { height: 84px; }.h200 { height: 200px; }.h300 { height: 300px; }.h358 { height: 358px; }.h400 { height: 400px; }.h500 { height: 500px; }.h600 { height: 600px; }.vh100 { height: 100vh; }.vh75 { height: 75vh; }.vh50 { height: 50vh; }.vh33 { height: 33.333vh; }.vh25 { height: 25vh; }.vh20 { height: 20vh; }.vw100 { width: 100vw; }.vw75 { width: 75vw; }.vw50 { width: 50vw; }.vw33 { width: 33.333vw; }.vw25 { width: 25vw; }.vw20 { width: 20vw; }.max-h75 { max-height: 75%; }.max-h50 { max-height: 50%; }.max-h33 { max-height: 33.333%; }.max-h25 { max-height: 25%; }.max-h20 { max-height: 20%; }.max-w75 { max-width: 75%; }.max-w50 { max-width: 50%; }.max-w33 { max-width: 33.333%; }.max-w25 { max-width: 25%; }.max-w20 { max-width: 20%; }.max-w200 { max-width: 200px; }.max-w300 { max-width: 300px; }.max-w400 { max-width: 400px; }.max-w500 { max-width: 500px; }.max-w600 { max-width: 600px; }.max-h200 { max-height: 200px; }.max-h300 { max-height: 300px; }.max-h400 { max-height: 400px; }.max-h500 { max-height: 500px; }.max-h600 { max-height: 600px; }.min-h75 { min-height: 75%; }.min-h50 { min-height: 50%; }.min-h33 { min-height: 33.333%; }.min-h25 { min-height: 25%; }.min-h20 { min-height: 20%; }.min-w75 { min-width: 75%; }.min-w50 { min-width: 50%; }.min-w33 { min-width: 33.333%; }.min-w25 { min-width: 25%; }.min-w20 { min-width: 20%; }.min-w200 { min-width: 200px; }.min-w300 { min-width: 300px; }.min-w400 { min-width: 400px; }.min-w500 { min-width: 500px; }.min-w600 { min-width: 600px; }.min-h200 { min-height: 200px; }.min-h300 { min-height: 300px; }.min-h400 { min-height: 400px; }.min-h500 { min-height: 500px; }.min-h600 { min-height: 600px; }.z1 { z-index: 1; }.z2 { z-index: 2; }.z3 { z-index: 3; }.z4 { z-index: 4; }.z5 { z-index: 5; }.z10 { z-index: 10; }.z100 { z-index: 100; }.z1000 { z-index: 1000; }@media only screen and (max-width: 1280px) { .md-reset-minheight { min-height: initial; } .md-reset-maxheight { max-height: initial; } .md-reset-minwidth { min-width: initial; } .md-reset-maxwidth { max-width: initial; } .md-reset-height { height: auto; } .md-reset-width { width: auto; }.md-h100 { height: 100%; } .md-h75 { height: 75%; } .md-h50 { height: 50%; } .md-h33 { height: 33.333%; } .md-h25 { height: 25%; } .md-h20 { height: 20%; } .md-w100 { width: 100%; } .md-w75 { width: 75%; } .md-w50 { width: 50%; } .md-w33 { width: 33.333%; } .md-w25 { width: 25%; } .md-w20 { width: 20%; }.md-h200 { height: 200px; } .md-h300 { height: 300px; } .md-h400 { height: 400px; } .md-h500 { height: 500px; } .md-h600 { height: 600px; }.md-vh100 { height: 100vh; } .md-vh75 { height: 75vh; } .md-vh50 { height: 50vh; } .md-vh33 { height: 33.333vh; } .md-vh25 { height: 25vh; } .md-vh20 { height: 20vh; } .md-vw100 { width: 100vw; } .md-vw75 { width: 75vw; } .md-vw50 { width: 50vw; } .md-vw33 { width: 33.333vw; } .md-vw25 { width: 25vw; } .md-vw20 { width: 20vw; }.md-max-h75 { max-height: 75%; } .md-max-h50 { max-height: 50%; } .md-max-h33 { max-height: 33.333%; } .md-max-h25 { max-height: 25%; } .md-max-h20 { max-height: 20%; } .md-max-w75 { max-width: 75%; } .md-max-w50 { max-width: 50%; } .md-max-w33 { max-width: 33.333%; } .md-max-w25 { max-width: 25%; } .md-max-w20 { max-width: 20%; } .md-max-w200 { max-width: 200px; } .md-max-w300 { max-width: 300px; } .md-max-w400 { max-width: 400px; } .md-max-w500 { max-width: 500px; } .md-max-w600 { max-width: 600px; } .md-max-h200 { max-height: 200px; } .md-max-h300 { max-height: 300px; } .md-max-h400 { max-height: 400px; } .md-max-h500 { max-height: 500px; } .md-max-h600 { max-height: 600px; }.md-min-h75 { min-height: 75%; } .md-min-h50 { min-height: 50%; } .md-min-h33 { min-height: 33.333%; } .md-min-h25 { min-height: 25%; } .md-min-h20 { min-height: 20%; } .md-min-w75 { min-width: 75%; } .md-min-w50 { min-width: 50%; } .md-min-w33 { min-width: 33.333%; } .md-min-w25 { min-width: 25%; } .md-min-w20 { min-width: 20%; } .md-min-w200 { min-width: 200px; } .md-min-w300 { min-width: 300px; } .md-min-w400 { min-width: 400px; } .md-min-w500 { min-width: 500px; } .md-min-w600 { min-width: 600px; } .md-min-h200 { min-height: 200px; } .md-min-h300 { min-height: 300px; } .md-min-h400 { min-height: 400px; } .md-min-h500 { min-height: 500px; } .md-min-h600 { min-height: 600px; }}@media only screen and (max-width: 767px) { .sm-reset-minheight { min-height: initial; } .sm-reset-maxheight { max-height: initial; } .sm-reset-minwidth { min-width: initial; } .sm-reset-maxwidth { max-width: initial; } .sm-reset-height { height: auto; } .sm-reset-width { width: auto; }.sm-h100 { height: 100%; } .sm-h75 { height: 75%; } .sm-h50 { height: 50%; } .sm-h33 { height: 33.333%; } .sm-h25 { height: 25%; } .sm-h20 { height: 20%; } .sm-w100 { width: 100%; } .sm-w75 { width: 75%; } .sm-w50 { width: 50%; } .sm-w33 { width: 33.333%; } .sm-w25 { width: 25%; } .sm-w20 { width: 20%; }.sm-h200 { height: 200px; } .sm-h300 { height: 300px; } .sm-h400 { height: 400px; } .sm-h500 { height: 500px; } .sm-h600 { height: 600px; }.sm-vh100 { height: 100vh; } .sm-vh75 { height: 75vh; } .sm-vh50 { height: 50vh; } .sm-vh33 { height: 33.333vh; } .sm-vh25 { height: 25vh; } .sm-vh20 { height: 20vh; } .sm-vw100 { width: 100vw; } .sm-vw75 { width: 75vw; } .sm-vw50 { width: 50vw; } .sm-vw33 { width: 33.333vw; } .sm-vw25 { width: 25vw; } .sm-vw20 { width: 20vw; }.sm-max-h75 { max-height: 75%; } .sm-max-h50 { max-height: 50%; } .sm-max-h33 { max-height: 33.333%; } .sm-max-h25 { max-height: 25%; } .sm-max-h20 { max-height: 20%; } .sm-max-w75 { max-width: 75%; } .sm-max-w50 { max-width: 50%; } .sm-max-w33 { max-width: 33.333%; } .sm-max-w25 { max-width: 25%; } .sm-max-w20 { max-width: 20%; } .sm-max-w200 { max-width: 200px; } .sm-max-w300 { max-width: 300px; } .sm-max-w400 { max-width: 400px; } .sm-max-w500 { max-width: 500px; } .sm-max-w600 { max-width: 600px; } .sm-max-h200 { max-height: 200px; } .sm-max-h300 { max-height: 300px; } .sm-max-h400 { max-height: 400px; } .sm-max-h500 { max-height: 500px; } .sm-max-h600 { max-height: 600px; }.sm-min-h75 { min-height: 75%; } .sm-min-h50 { min-height: 50%; } .sm-min-h33 { min-height: 33.333%; } .sm-min-h25 { min-height: 25%; } .sm-min-h20 { min-height: 20%; } .sm-min-w75 { min-width: 75%; } .sm-min-w50 { min-width: 50%; } .sm-min-w33 { min-width: 33.333%; } .sm-min-w25 { min-width: 25%; } .sm-min-w20 { min-width: 20%; } .sm-min-w200 { min-width: 200px; } .sm-min-w300 { min-width: 300px; } .sm-min-w400 { min-width: 400px; } .sm-min-w500 { min-width: 500px; } .sm-min-w600 { min-width: 600px; } .sm-min-h200 { min-height: 200px; } .sm-min-h300 { min-height: 300px; } .sm-min-h400 { min-height: 400px; } .sm-min-h500 { min-height: 500px; } .sm-min-h600 { min-height: 600px; } }.square::after, .rectangular::after, .rectangular-side::after { content: ""; display: block; }.square::after { padding-bottom: 100%; }.rectangular::after { padding-bottom: 135%; }.rectangular-side::after { padding-bottom: 56.25% }.circle { border-radius: 100%; }@media (max-width: 767px) { .sm-reset-shape::after { display:none; } .sm-square::after { padding-bottom: 100%; }}fieldset { margin-bottom: 16px; } select { width: 100%; } input, textarea { width: 100%; padding: 4px 12px; background-color: #fff; background-image: none; border: 1px solid #ccc; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }input[type=checkbox], input[type=radio] { width: auto; height: auto; margin: 0 8px 0 0; }label { width: 100%; display: block; }input.error, select.error, textarea.error { border: dotted 1px #cd242a; }input[disabled], select[disabled], input[readonly], select[readonly] { background-color: #eee; color: #888; }button, .btn { border-radius: 4px; cursor: pointer; text-decoration: none; line-height: inherit; transition: all 0.3s ease-in-out;}.reel { overflow-x: scroll; overflow-y: hidden; transition: all linear 0.2s; white-space: nowrap; will-change: transform; user-select: none; cursor: grab; scroll-snap-type: x mandatory; scroll-snap-align: center; touch-action: manipulation; }.reel.active { transition: transform linear 0.2s; transform: scale(1.03); cursor: grabbing; } .reel::-webkit-scrollbar { display: none; }.reel-item img { pointer-events: none; }@media (max-width: 767px) { .reel .reel-item { scroll-snap-align: start; scroll-snap-stop: always; } .sm-reel { overflow-x: scroll; overflow-y: hidden; transition: all linear 0.2s; will-change: transform; user-select: none; cursor: grab; scroll-snap-type: x mandatory; scroll-snap-align: center; touch-action: manipulation; } .sm-reel.active { transition: transform linear 0.2s; transform: scale(1.03); cursor: grabbing; } .sm-reel::-webkit-scrollbar { display: none; } .sm-reel-item img { pointer-events: none; } .sm-reel .sm-reel-item { scroll-snap-align: start; scroll-snap-stop: always; }}.jsProductThumb.active { transition: all 0.15s ease; border: 2px solid; box-shadow: inset 0px 0px 5px 2px rgba(0,0,0,0.2); }.jsVideoContainer { width: 0; height: 0; background: transparent; transition: background 0.3s ease 0.3s; }.jsVideoContainer.jsVideoVisible { width: 100%; height: 100%; background: #000000; z-index: 1; } .jsVideoOverlay { opacity: 1; transition: opacity 0.3s ease 0.15s; }.jsVideoOverlay.jsVideoOverlayHidden { opacity: 0; }.jsPlayVideo { transition: opacity 0.3s ease, visibility 0.3s 0.6s; opacity: 1; visibility: visible; }.jsPlayVideo.jsPlayHidden { visibility: hidden; opacity: 0; }.jsCloseVideo { left: 15px; visibility: hidden; width: 35px; height: 35px; border-radius: 100%; border: 2px solid white; font-size: 30px; opacity: 0; }.jsCloseVideo.jsBackButtonVisible { top: 5px; visibility: visible; opacity: 1; transition: opacity 0.3s ease 0.1s; } .shadowEffect { transition: all 0.3s ease; top: 0px; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); }.shadowEffect:hover { top: -3px; box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, 0.7); }.feat-colprod-badge-text { top: 0; left: 10px; } .space { transform-origin: 120px 108px; width: 257px; transform: rotate(-90deg); } .feat-prod-item:hover .feat-prod-img img { opacity: 0.5; } @media (max-width: 767px) { .feat-prod-item { flex-basis: 100% !important; }}.newsletter-input { height: 70px; max-width: 305px; border: 5px solid #FFFFFF; border-radius: 21px; }.checkbox-container { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .checkmark { height: 20px; width: 20px; border-radius: 4px; }.checkmark:after { content: ""; position: absolute; display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}.checkbox-container input:checked ~ .checkmark:after { display: block;}.checkbox-container .checkmark:after { width: 6px; height: 6px; border: solid #000; border-radius: 100%; background: #000; } .btn-underline { display: block; max-width: 168px; height: 1px; border: 2px solid #FFFFFF; border-radius: 4px; } .nav-item a:hover .link-underline { display: block; position: absolute; height: 1px; width: 32px; border: 2px solid #FFFFFF; border-radius: 4px; margin-left: -8px; }.search-bar { top: -100vh; transition: top 0.3s ease-out; }.search-bar.appear { top: 0vh; }.sItemTitle { width: calc(100% - 55px); }.ham-item { transition: all 0.2s; height: 3px; } @media (max-width:767px) { .navbar-brand svg { width: 100%; height: 100%; } .menuIcon { width: 30px; height: 30px; } .menuIcon svg { width: 100%; height: 100%; } .ham-menu { width: 30px; height: 30px; }}.sustainable-title{margin-left: -35px;}.sustainableTaglines p { margin-bottom:0; }@media(max-width: 767px) { .sustainable-title { margin-left: 0; } }.owl > * + * { margin-top: 7%; }.bayamanBox { height: 110px; }.bayamanBox img { max-height: 170px; -webkit-filter: drop-shadow(0 0 2px #444); filter: drop-shadow(0 0 2px #444); }.atcButton:disabled { background: #666; cursor: not-allowed; }.breadcrumbs ol { list-style-type: none; margin: 0; padding: 0; }.breadcrumbs li { display: inline-block; }.breadcrumbs a { color: #000; text-decoration: none; }.breadcrumbs li:not(:last-child):after { content: ">"; display: inline-block; speak: none; }.breadcrumbs [aria-current="page"] { color: inherit; font-weight: normal; text-decoration: none; }.breadcrumbs [aria-current="page"]:hover,.breadcrumbs [aria-current="page"]:focus { text-decoration: underline; }@media(max-width: 736px){ .breadcrumbs{margin: 5% 0;}}.option-container{ margin-left: 32px;}.swatch .option-container:nth-child(1){margin-left: 0; }.option-container { display: block; position: relative; margin-bottom: 12px; min-width: 27px; width: auto; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}.option-container input { position: absolute; opacity: 0; cursor: pointer; }.option-checkmark { position: absolute; bottom: 0; right:0; }.option-container input:checked ~ .option-checkmark { border-radius: 5px; height: 2px; min-width: 27px; width: 100%; border: 2px solid #000; }.option-checkmark:after { content: ""; position: absolute; display: none; }.option-container input:checked ~ .option-checkmark:after { display: block; }.soldout{ opacity: 0.3; }.quantity{height: 60px; width: 100px; border: 5px solid #000000; text-align: center; border-radius: inherit;}.quantity::-webkit-outer-spin-button, .quantity::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }.quantity[type=number] { -moz-appearance: textfield; }.btn-primary { min-height: 60px; width: 100%; color: #fff; opacity: 1; background-color: var(--green-color); border-radius: inherit;}.accordion .accordion-title { width: calc(100% - 45px); }.accordion .icon { transform: rotate(-90deg); transition: all 200ms linear; width: 40px; height: 30px; }.accordion .icon svg { width: 100%; height: 100%; }.accordion-content ul { list-style: initial; }.accordion .accordion-content { opacity: 0; padding: 0; max-height: 0; overflow: hidden; }.accordion button[aria-expanded='true'] { color: #000; }.accordion button[aria-expanded='true'] .icon { transform: rotate(0deg); transition: all 200ms linear; }.accordion button[aria-expanded='true'] + .accordion-content { opacity: 1; padding: 30px 0; max-height: 100%; transition: all 200ms linear; will-change: opacity, max-height; }.baya-md-line{ height: 8px; width: 100%; background: #000; }.baya-line-pink{ height: 8px; width: 100%; background: #F58686;}.baya-md-line-w{ height: 8px; width: 100%; background: #fff; }.cart-notes{ border: 5px solid #000; min-height: 257px;}#our-story-section-{ fill: black; }


/* COOKIE POLICY */
#shopify-privacy-banner-div h3 { color: #fff !important; }
#shopify-privacy-banner-div p { color: #fff !important; margin-bottom: 0 !important; } 
#shopify-privacy-banner-div a { color: #fff !important; }
#shopify-privacy-banner-accept-button { font-weight: 800 !important; color: #000 !important; background-color: #fff !important; border: 0 !important; border-radius: 0 !important; padding: 10px 40px 10px 40px !important; }
#shopify-privacy-banner-decline-button { font-size: 14px !important; text-decoration: underline !important; color: #bbb !important; background: none !important; border: 0 !important; font-weight: 400 !important; }