/* @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'); */ /*** var ***/ /*** button ***/ a.cta_button { box-sizing: border-box !important; } .button-group { gap: 10px; } [class*="button-"] a { padding: 10px 30px; font-size: 16px; line-height: 150%; font-family: Gotham; letter-spacing: 1.6px; font-weight: 700; display: inline-block; text-transform: uppercase; clip-path: polygon(100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 0); text-align: center; } .button-1 a { background-color: #FB991C; color: #000000; border-color: #FB991C; } .button-1 a:hover { background-color: #FFCE67; border-color: #FFCE67; color: #000000; } .button-2 a { background-color: rgba(0, 0, 0, 0.0) ; color: #000000; border-color: #000000; } .button-2 a:hover { background-color: #FFFFFF; border-color: #FFFFFF; color: #000000; } .button-2.no-border a { border: none; } .button-3 a { background-color: rgba(24, 105, 124, 1.0) ; color: #FFFFFF; border-color: #18697C; } .button-3 a:hover { background-color: #76A7B3; border-color: #76A7B3; color: #00303C; } .button-3.no-border a { border: none; } .button-4 a { background-color: rgba(0, 0, 0, 1.0) ; color: #FFFFFF; border-color: #000000; } .button-4 a:hover { background-color: #4D565F; border-color: #4D565F; color: #FFFFFF; } .transparent-btn {position:relative;max-width:max-content; text-align:center; margin:0 auto; padding: 10px 30px; font-size: 16px; line-height: 150%; border: 2px solid #FB991C; min-width: 216px; letter-spacing: 1.6px; background: transparent; font-weight: 700; font-family: Gotham; z-index: 1; cursor: pointer; clip-path: polygon(0 0,100% 0,100% 100%,15px 100%,0 calc(100% - 15px)); } .transparent-btn { color:#FB991C;} .transparent-btn:before { content: ''; border-left: 1px solid #FB991C; position: absolute; bottom: -9px; left: 4px; height: 33px; z-index: 1; transform: rotate(-45deg); } .transparent-btn-white {color:#FB991C; position:relative;max-width:max-content; text-align:center; margin:0 auto; padding: 10px 30px; font-size: 16px; line-height: 150%; border: 2px solid #FB991C; min-width: 216px; letter-spacing: 1.6px; background: transparent; font-weight: 700; font-family: Gotham; z-index: 1; cursor: pointer; clip-path: polygon(0 0,100% 0,100% 100%,15px 100%,0 calc(100% - 15px)); } .transparent-btn-white a { color:#FB991C!important;} .transparent-btn-white:before { content: ''; border-left: 1px solid #FB991C; position: absolute; bottom: -9px; left: 4px; height: 33px; z-index: 1; transform: rotate(-45deg); } .transparent-btn-full-white {color:#fff; position:relative;max-width:max-content; text-align:center; margin:0 auto; padding: 10px 30px; font-size: 16px; line-height: 150%; border: 2px solid #fff; min-width: 216px; letter-spacing: 1.6px; background: transparent; font-weight: 700; font-family: Gotham; z-index: 1; cursor: pointer; clip-path: polygon(0 0,100% 0,100% 100%,15px 100%,0 calc(100% - 15px)); } .transparent-btn-full-white a { color:#fff!important;} .transparent-btn-full-white:before { content: ''; border-left: 1px solid #fff; position: absolute; bottom: -9px; left: 4px; height: 33px; z-index: 1; transform: rotate(-45deg); } .transparent-btn-full-white2 {color:#fff; position:relative;max-width:max-content; text-align:center; margin:0 auto; padding: 10px 30px; font-size: 16px; line-height: 150%; border: 2px solid #fff; min-width: 216px; letter-spacing: 1.6px; background: transparent; font-weight: 700; font-family: Gotham; z-index: 1; cursor: pointer; clip-path: polygon(100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 0); } .transparent-btn-full-white2 a { color:#fff!important;} .transparent-btn-full-white2:before { content: ''; border-left: 1px solid #fff; position: absolute; bottom: -9px; right: 4px; height: 33px; z-index: 1; transform: rotate(45deg); } .transparent-btn-inline {position:relative;transition:all 400ms ease;max-width:max-content; text-align:center; font-size: 16px; line-height: 150%; border: 2px solid #FB991C; min-width: 216px; letter-spacing: 1.6px; background: transparent; font-weight: 700; font-family: Gotham; z-index: 1; cursor: pointer; clip-path: polygon(0 0,100% 0,100% 100%,15px 100%,0 calc(100% - 15px)); } .transparent-btn-inline a { color:#FB991C; } .transparent-btn-inline:before { transition:all 400ms ease; content: ''; border-left: 1px solid #FB991C; position: absolute; bottom: -9px; left: 4px; height: 33px; z-index: 1; transform: rotate(-45deg); } .transparent-btn-inline:hover { background:#fff; border-color:#fff;} .transparent-btn-inline:hover:before { border-color:#fff;} .transparent-btn-inline:hover a {color:#000;} .w-transparent-btn-inline {position:relative;transition:all 400ms ease;max-width:max-content; text-align:center; font-size: 16px; line-height: 150%; border: 2px solid #ffffff; min-width: 216px; letter-spacing: 1.6px; background: transparent; font-weight: 700; font-family: Gotham; z-index: 1; cursor: pointer; clip-path: polygon(0 0,100% 0,100% 100%,15px 100%,0 calc(100% - 15px)); } .w-transparent-btn-inline a { color:#fff; } .w-transparent-btn-inline:before { transition:all 400ms ease; content: ''; border-left: 1px solid #fff; position: absolute; bottom: -9px; left: 4px; height: 33px; z-index: 1; transform: rotate(-45deg); } .w-transparent-btn-inline:hover { background:#fff; border-color:#fff;} .w-transparent-btn-inline:hover:before { border-color:#fff;} .w-transparent-btn-inline:hover a {color:#000;} .w2-transparent-btn-inline {position:relative;transition:all 400ms ease;max-width:max-content; text-align:center; font-size: 16px; line-height: 150%; border: 2px solid #ffffff; min-width: 216px; letter-spacing: 1.6px; background: transparent; font-weight: 700; font-family: Gotham; z-index: 1; cursor: pointer; clip-path: polygon(100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 0); } .w2-transparent-btn-inline a { color:#fff; } .w2-transparent-btn-inline:before { transition:all 400ms ease; content: ''; border-left: 1px solid #fff; position: absolute; bottom: -9px; right: 4px; height: 33px; z-index: 1; transform: rotate(45deg); } .w2-transparent-btn-inline:hover { background:#fff; border-color:#fff;} .w2-transparent-btn-inline:hover:before { border-color:#fff;} .w2-transparent-btn-inline:hover a {color:#000;} .link-style a { display: flex; align-items: center; font-size: 18px; text-decoration: underline; } .button-5 a{padding: 6px 24px;background:#000;color:#fff;font-weight:bold;text-transform:uppercase;border:5px solid black;clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%);transition:0.3s ease;cursor:pointer;} .button-5 a .button-label {} .button-5 a:hover { background-color: #FFFFFF; border-color: #FFFFFF; color: #000000; background-image:none;} .button-5.no-border a { border: none; } .read-more-link a { color: #FB991C;font-family: "Garamond Premiere Pro";font-size: 18px;font-style: normal;font-weight: 400;line-height: 150%; /* 27px */text-decoration-line: underline;text-decoration-style: solid;text-decoration-skip-ink: none;text-decoration-thickness: auto;text-underline-offset: auto;text-underline-position: from-font;} .read-more-link-blog a { color: #66001E;font-family: "Garamond Premiere Pro";font-size: 18px;font-style: normal;font-weight: 400;line-height: 150%; /* 27px */text-decoration-line: underline;text-decoration-style: solid;text-decoration-skip-ink: none;text-decoration-thickness: auto;text-underline-offset: auto;text-underline-position: from-font;} @media(max-width: 500px) { /* [class*="button-"] { width: 100%; } [class*="button-"] a { width: 100%; } */ } /*** form ***/ input , button , textarea, select , input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { outline:none; background: #FFF; height:44px; padding:0 20px; font-size:18px; line-height: 26px; font-weight: 400; width:100%; border: 1px solid #DFE1E5; font-family: Garamond Premiere Pro; border-radius: 0; color: #595959; } input[type=checkbox] , input[type=radio] { width:auto; height:auto; } textarea { padding:15px 20px; height:107px; font-family: Garamond Premiere Pro; background: #FFF; } select { color: #595959; background: #FFF url('https://47764943.fs1.hubspotusercontent-na1.net/hubfs/47764943/the-gideons-international/images/arrow-d.svg') no-repeat center right 20px; -webkit-appearance:none; -moz-appearance:none; appearance:none; } input[type=submit] { background: #FB991C; padding: 10px 30px; display: inline-block; width: auto; height:auto; font-size: 13px; line-height: 150%; color: #000000; border: none; font-family: Gotham; letter-spacing: 1.6px; font-weight: 700; cursor: pointer; transition:400ms; clip-path: polygon(100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 0); text-transform: uppercase; } input[type=submit]:hover { background-color: #FFCE67; border-color: #FFCE67; color: #000000; } .hs_error_rollup { display: none; } ul.hs-error-msgs { margin:0; padding:0; list-style:none; float:left; width:100%; } .hs-form .input { margin: 0 !important; } .hs-form .hs-form-field { padding: 0 0 16px; width: 100% !important; } .hs-form fieldset.form-columns-2 .input , .quizcontact-form .hs-form fieldset.form-columns-1 .input { margin-right:0 } /* .hs-form fieldset.form-columns-2 .field { padding:0 0 18px 10px } .hs-form fieldset.form-columns-2 .field:first-child { padding:0 10px 18px 0; } .hs-form fieldset.form-columns-3 .field { padding:0 0 10px 10px } .hs-form fieldset.form-columns-3 .field:first-child { padding:0 10px 18px 0; } .hs-form fieldset.form-columns-3 .field:first-child + .field { padding:0 5px 18px; } */ .hs-form fieldset .hs-input { width:100% !important; text-transform:none!important;} .hs-form fieldset { max-width:none; max-width: 100% !important; display: flex; gap: 0 15px; } .hs-form fieldset input[type="checkbox"], .hs-form fieldset input[type="radio"] { width:auto !important; } ul.inputs-list { margin:0; padding:5px 0; list-style:none; } .inputs-list .hs-form-checkbox-display , .inputs-list .hs-form-booleancheckbox , .inputs-list li.hs-form-radio { display:block; padding:0 0 8px 25px; position:relative; } .inputs-list input[type="checkbox"] , .inputs-list input[type="radio"] { position:absolute; left:0; margin:0; top:0; opacity: 0; width: 20px; height: 20px; } .inputs-list input[type="checkbox"] + span , .inputs-list input[type="radio"] + span { line-height: 22px; position:relative; display: block; } .inputs-list input[type="checkbox"] + span:before , .inputs-list input[type="radio"] + span:before { position:absolute; left:-32px; top:0; content:''; width:20px; height:20px; border:1px solid #000000; color:#18697C; border-radius: 0; background: #FFF; } .inputs-list input[type="checkbox"]:checked + span:after , .inputs-list input[type="radio"]:checked + span:after { position:absolute; left:-32px; top:0; content: "\f00c"; font-family:'FontAwesome'; width: 20px; line-height: 20px; text-align:center; color: #18697C; font-weight: 300; font-size: 12px; } /* .inputs-list input[type="radio"] + span:before { position:absolute; left:-2px; top:2px; content:''; width:20px; height:20px; border:1px solid #18697C; border-radius:100%; } .inputs-list input[type="radio"]:checked + span:after { position:absolute; left:2px; top:6px; content:''; width:12px; height:12px; border-color:#333; background:#3333; border-radius:100%; } */ .hs-error-msgs { font-size: 14px; line-height: normal; color: red; } .hs-form .hs-form-field > label { margin: 0 0 12px; font-size: 18px; line-height: 130%; } .hs-form .hs-form-field > legend { font-size: 16px; } form .hs-richtext a { color:blue; text-decoration:underline;} .hs-fieldtype-checkbox .inputs-list { display: flex; flex-wrap: wrap; margin: 0 -8px; } .hs-fieldtype-checkbox .inputs-list li { width: 50%; margin: 2px 0; padding: 8px; } .hs-fieldtype-checkbox .inputs-list li > label { min-height: 72px; display: flex; align-items: center; padding: 5px 8px 5px 48px; border: 1px solid #18697C; border-radius: 5px; font-size: 16px; line-height: 27px; font-weight: 500; background: #fff; cursor: pointer; } .hs-fieldtype-radio .inputs-list { display: flex; flex-wrap: wrap; } .hs-fieldtype-radio .inputs-list li { width: 50%; margin: 2px 0; padding: 0; } .hs-fieldtype-radio .inputs-list li > label { display: flex; align-items: center; padding: 5px 8px 5px 30px; font-size: 16px; line-height: 27px; font-weight: 500; cursor: pointer; border-radius: 0; } .hs-input::-webkit-input-placeholder { color: #595959; opacity:1; } .hs-input::-moz-placeholder { color: #595959; opacity:1; } .hs-input:-ms-input-placeholder { color: #595959; opacity:1; } .hs-input:-moz-placeholder { color: #595959; opacity:1; } .submitted-message { text-align: center; } .hs-form .actions { display:flex; /*justify-content:center;*/flex-wrap:wrap; } /*.hs-form .hs-richtext { padding-top:15px;}*/ /* Default: allow full width and max at 125px */ select[name="title_list"] { width: 100%; /*max-width: 125px;*/ box-sizing: border-box; } /* Mobile: allow full width override */ @media screen and (max-width: 767px) { select[name="title_list"] { max-width: 100%; } } /* HubSpot 2-column forms */ .hs-form.form-columns-2 .hs-form-field select[name="title_list"] { max-width: 125px; } /* HubSpot 3-column forms */ .hs-form.form-columns-3 .hs-form-field select[name="title_list"] { max-width: 125px; } /* Make other fields flexible */ .hs-form.form-columns-2 .hs-form-field:not(.hs-title_list), .hs-form.form-columns-3 .hs-form-field:not(.hs-title_list) { flex-grow: 1; min-width: 0; } body .legal-consent-container .field.hs-form-field { margin-bottom: 0; } body .legal-consent-container .hs-form-booleancheckbox-display > span { margin-left: 8px; } /* @media (max-width: 400px), (max-device-width: 480px) and (min-device-width: 320px) { .hs-form fieldset.form-columns-2 .field { padding:0 0 10px 0 } .hs-form fieldset.form-columns-2 .field:first-child { padding:0 0 10px 0 } .hs-form fieldset.form-columns-3 .field { padding:0 0 10px } .hs-form fieldset.form-columns-3 .field:first-child { padding:0 0 10px 0; } .hs-form fieldset.form-columns-3 .field:first-child + .field { padding:0 0 10px; } } */ @media(max-width: 600px) { .hs-form fieldset { flex-flow: column; } } @media(max-width: 500px) { .hs-fieldtype-checkbox .inputs-list { margin: 0; } .hs-fieldtype-checkbox .inputs-list li { width: 100%; padding: 8px 0; } .hs-fieldtype-radio .inputs-list { margin: 0; } .hs-fieldtype-radio .inputs-list li { padding: 8px 0; width: 100%; } } header.header { padding: 18px 0; position: fixed; top: 0; left: 0; width: 100%; z-index: 99; transition:400ms;} header.header .logo { width: 130px; line-height: 0; } header.header .logo img { max-width: 130px; } header.header .right { width: calc(100% - 130px); padding: 0 0 0 15px; } header.header .btn-group { gap: 8px; } header.header [class*=button-] a { font-size: 12px; padding: 8px 20px; } header.header .button-2 a { color: #FFFFFF; } header.header .button-2 a:hover { color: #000000; } header.header.darker .button-2 a { color:#000000;} header.header.darker .mainmenu ul li.hs-menu-item a { color:#000000;} header.header.darker .logo img { filter: invert(1) grayscale(1) brightness(0); } header.header.darker.fixed .button-2 a { color:#ffffff;} header.header.darker.fixed .mainmenu ul li.hs-menu-item a { color:#ffffff;} header.header.darker.fixed .logo img { filter: none; } .mainmenu ul { margin: 0; padding: 0; list-style-type: none; } .mainmenu ul li.hs-menu-item { margin: 0; padding: 0; display: inline-block; } .mainmenu ul li.hs-menu-item a { font-size: 12px; line-height: 150%; padding: 9px 14px; display: inline-block; color: #FFFFFF; position: relative; font-family: Gotham; font-weight: 400; letter-spacing: 1.2px; text-transform: uppercase; } .mainmenu ul li.hs-menu-item a span { font-weight: 700; } .mainmenu ul li.hs-menu-item:hover a { color:#FB991C;} .mainmenu ul li.hs-item-has-children { position: relative; } header.header.fixed { padding: 12px 0; background: #00303A; } header.header.top.fixed { top: 0; } header.darker-green { padding: 12px 0; background: #00303A; } header.darker-green .header-search .search-btn { filter:none;} .only-mobile { display:none;} .only-mobile-link { display:none;} .desktop-only { display:inline-block;} header.header.fixed .mega-menu1 { top:60px;} header.header.fixed .mega-menu2 { top:60px;} header.header.fixed .mega-menu3 { top:60px;} header.header.fixed .mega-menu4 { top:60px;} .header.darker .header-search .search-btn:before { filter:brightness(0);} .search-bar { background-color:#16677a; padding:20px; position:fixed; width:100%; display:flex; justify-content:center; align-items:center; z-index:99; transform:translateY(-100%); opacity:0; pointer-events:none; transition:transform 0.3s ease,opacity 0.3s ease; } .search-bar.visible { transform:translateY(0); opacity:1; pointer-events:auto; } .search-container { display:flex; justify-content:space-between; align-items:center; width:100%; max-width:1200px; margin:0 auto; padding:0 20px; gap:20px; } .search-form { flex:1; } .search-input { background-color:transparent!important; color:#fff!important; padding:10px 15px; font-size:1.2rem; font-family:'Georgia',serif; width:100%; border:none!important; border-bottom:2px solid #fff; outline:none; } .search-input::placeholder { color:#fff!important; opacity:0.8; } .search-button { background-color:#fff; clip-path:polygon(100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 0); color:#000; padding:6px 20px; font-weight:bold; border:none; cursor:pointer; display:flex; align-items:center; max-width:130px;color: #000;font-family: Gotham;font-size: 12px;font-style: normal;font-weight: 700;line-height: 150%; /* 18px */letter-spacing: 1.2px;text-transform: uppercase; } .search-icon { margin-left:8px; display:flex; } .search-btn { background:none; border:none; cursor:pointer; display:inline-block; } .search-input.hs-search-field__input { background-color:transparent !important; color:#fff !important; padding:10px 15px; font-size:1.2rem; width:100%; border:none; border-bottom:2px solid #fff; outline:none; color: #F0F0F0;font-family: "Garamond Premier Pro";font-size: 22px;font-style: normal;font-weight: 400;line-height: 150%;} .header-search .search-btn{} .header-search .search-btn.open:before { background-image: url(https://47764943.fs1.hubspotusercontent-na1.net/hubfs/47764943/x-search.svg); } /* Unicode for Font Awesome "times" (X) */ .header-search .search-btn:before {top:-15px;background-image: url(https://47764943.fs1.hubspotusercontent-na1.net/hubfs/47764943/gideons-search.svg);background-position: 50%;background-repeat: no-repeat;background-size: contain;bottom: 0;content: "";height: 24px;left: -20px;padding-bottom: 5px;position: absolute;width: 24px;} @media screen and (min-width:992px) { .search.desktop-only { display:block; } .search.mobile-only { display:none; } } @media screen and (max-width:991px) { .search.desktop-only { display:none; } .search.mobile-only { display:block; } } @media screen and (max-width:991px) { header.header.darker.fixed .button-2 a { color:#ffffff;} header.header.darker.fixed .mainmenu ul li.hs-menu-item a { color:#ffffff;} header.header.darker.fixed .logo img { filter: none; } header.header.darker .button-2 a { color:#ffffff;} header.header.darker .mainmenu ul li.hs-menu-item a { color:#ffffff;} header.header.darker .logo img { filter: none; } .mainmenu { display:flex; align-items:center; } .mainmenu .search { margin-left:auto; margin-right:10px; } .search-button{ font-size:0; max-width:30px;padding:5px 25px;clip-path:none;justify-content:center;} .search-btn {position: absolute;right: 20%;top: 22px;} .search.mobile-only { display:none;} .search-icon { margin-left:0; display:inline-block;} .search-input.hs-search-field__input {color: #FFF;font-family: "Garamond Premier Pro";font-size: 18px;font-style: normal;font-weight: 400; line-height: 150%; } .search-btn::before { content:"\f002"; font-family:"Font Awesome 5 Free"; font-weight:900; font-size:20px; color:#fff; } .search-btn.open::before { content:"\f00d"; } /* This is the 'X' icon */ } .search-input.hs-search-field__input::placeholder { color:#fff !important; opacity:0.8; } .search-bar-wrapper input { background:transparent; border:none;} .search-bar-wrapper input[type="text"] { background:transparent; border:none;} .search-bar-wrapper input[type="text"]:placeholder { color:#fff;} .search-bar-wrapper input.search-input { background:transparent; background-color:transparent; border:none;} .mega-menu1 { display:none; position:absolute; top:70px;z-index:100; background: #00171E; clip-path: polygon(100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 0);width:100%; padding:50px 0;} .mega-menu1 .menu-format { display:flex; align-items:flex-start; flex-wrap:wrap; padding:25px 0;} .mega-menu1 .menu-format .mega-menu-image { width:100%;position:relative;} .mega-menu1 .menu-format .mega-menu-image img { position:relative; width:100%; clip-path: polygon(100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 0); } .mega-menu1 .menu-format .mega-menu-image::before { position:absolute; content:''; opacity:0.5; z-index: 1;clip-path: polygon(100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 0);background: linear-gradient(151deg, rgba(24, 105, 124, 0.00) 42.25%, #18697C 95.68%), rgba(77, 86, 95, 0.85); width:100%; height:100%;} .mega-menu1 .menu-format .column1 { width:calc(33.3333%);} .mega-menu1 .menu-format .column2 { width:calc(33.3333%);padding: 25px 50px;} .mega-menu1 .menu-format .column3 { width:calc(33.3333%);padding: 25px 50px;} .mega-menu1 .menu-format .column .column-title { padding-bottom:20px;} .mega-menu1 .menu-format .column .column-title h4 { color: #76A7B3;font-family: Gotham;font-size: 16px;font-style: normal;font-weight: 700;line-height: 150%; /* 24px */letter-spacing: 1.6px;text-transform: uppercase;} .mega-menu1 .menu-format .column .menu-inner { color: #FFF;font-family: "Garamond Premiere Pro";font-size: 24px;font-style: normal;font-weight: 400;line-height: 150%; /* 36px */} .mega-menu1 .menu-format .column .menu-inner ul { list-style-type:none;padding:0; margin:0;} .mega-menu1 .menu-format .column .menu-inner ul li { list-style-type:none;padding:0 0 20px 0; margin:0; } .mega-menu1 .menu-format .column .menu-inner ul li a { color: #FFF;font-family: "Garamond Premiere Pro";font-size: 24px;font-style: normal;font-weight: 400;line-height: 150%; /* 36px */} .mega-menu2 { display:none; position:absolute; padding:50px 0; top:70px;z-index:100; background: #00171E; clip-path: polygon(100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 0);width:100%;} .mega-menu2 .menu-format { display:flex; align-items:flex-start; flex-wrap:wrap; padding:25px 0;} .mega-menu2 .menu-format .mega-menu-image::before { position:absolute; content:''; opacity:0.5; z-index: 1;clip-path: polygon(100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 0);background: linear-gradient(151deg, rgba(24, 105, 124, 0.00) 42.25%, #18697C 95.68%), rgba(77, 86, 95, 0.85); width:100%; height:100%;} .mega-menu2 .menu-format .mega-menu-image {position:relative;} .mega-menu2 .menu-format .mega-menu-image img { position:relative; width:100%;clip-path: polygon(100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 0);} .mega-menu2 .menu-format .mega-menu-image img::before { position:absolute; content:''; opacity: 1; z-index: 1; } .mega-menu2 .menu-format .cta-content { position:absolute;z-index:101; bottom:0; padding:25px;} .mega-menu2 .menu-format .cta-content .title { color: #FFF;font-family: Gotham;font-size: 16px;font-style: normal;font-weight: 700;line-height: 150%; /* 24px */letter-spacing: 1.6px;text-transform: uppercase;} .mega-menu2 .menu-format .cta-content .content { padding:16px 0; color: #FFF;font-family: "Garamond Premiere Pro";font-size: 18px;font-style: normal;font-weight: 400;line-height: 150%; /* 27px */} .mega-menu2 .menu-format .column1 { width:calc(33.3333%);} .mega-menu2 .menu-format .column2 { width:calc(33.3333%);padding:25px 50px;} .mega-menu2 .menu-format .column3 { width:calc(33.3333%);padding:25px 50px;} .mega-menu2 .menu-format .column .column-title { padding-bottom:20px;} .mega-menu2 .menu-format .column .column-title h4 { color: #76A7B3;font-family: Gotham;font-size: 16px;font-style: normal;font-weight: 700;line-height: 150%; /* 24px */letter-spacing: 1.6px;text-transform: uppercase;} .mega-menu2 .menu-format .column .menu-inner { color: #FFF;font-family: "Garamond Premiere Pro";font-size: 24px;font-style: normal;font-weight: 400;line-height: 150%; /* 36px */} .mega-menu2 .menu-format .column .menu-inner ul { list-style-type:none;padding:0; margin:0;} .mega-menu2 .menu-format .column .menu-inner ul li { list-style-type:none;padding:0 0 20px 0; margin:0; } .mega-menu2 .menu-format .column .menu-inner ul li a { color: #FFF;font-family: "Garamond Premiere Pro";font-size: 24px;font-style: normal;font-weight: 400;line-height: 150%; /* 36px */} .mega-menu3 { display:none; position:absolute; padding:50px 0; top:70px;z-index:100; background: #00171E; clip-path: polygon(100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 0);width:100%;} .mega-menu3 .menu-format { display:flex; align-items:flex-start; flex-wrap:wrap; padding:25px 0;} .mega-menu3 .menu-format .mega-menu-image::before { position:absolute; content:''; opacity:0.5; z-index: 1;clip-path: polygon(100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 0);background: linear-gradient(151deg, rgba(24, 105, 124, 0.00) 42.25%, #18697C 95.68%), rgba(77, 86, 95, 0.85); width:100%; height:100%;} .mega-menu3 .menu-format .mega-menu-image {position:relative;} .mega-menu3 .menu-format .mega-menu-image img { position:relative; width:100%;clip-path: polygon(100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 0);} .mega-menu3 .menu-format .mega-menu-image img::before { position:absolute; content:''; opacity: 1; z-index: 1; } .mega-menu3 .menu-format .cta-content { position:absolute;z-index:101; bottom:0; padding:25px; width:100%;} .mega-menu3 .menu-format .cta-content .title { color: #FFF;font-family: Gotham;font-size: 16px;font-style: normal;font-weight: 700;line-height: 150%; /* 24px */letter-spacing: 1.6px;text-transform: uppercase;} .mega-menu3 .menu-format .cta-content .content { padding:16px 0; color: #FFF;font-family: "Garamond Premiere Pro";font-size: 18px;font-style: normal;font-weight: 400;line-height: 150%; /* 27px */} .mega-menu3 .menu-format .column2 .cta-content .title { padding-bottom:25px; width:100%;} .mega-menu3 .menu-format .column1 { width:20%;padding-top:25px;} .mega-menu3 .menu-format .column2 { width:40%;padding:25px 40px 0 25px; border-right: 1px solid rgba(255, 255, 255, 0.18);} .mega-menu3 .menu-format .column3 { width:40%;padding-top:25px; padding-left:35px;} .mega-menu3 .menu-format .column .column-title { padding-bottom:20px;} .mega-menu3 .menu-format .column .second { padding-top:15px;} .mega-menu3 .menu-format .column.column3 .column-title { padding-bottom:0px; border} .mega-menu3 .menu-format .column .top-section {border-bottom: 1px solid rgba(255, 255, 255, 0.18);padding-bottom:40px;} .mega-menu3 .menu-format .column .bottom-section { padding-top:40px; } .mega-menu3 .menu-format .column .column-title h4 { color: #76A7B3;font-family: Gotham;font-size: 16px;font-style: normal;font-weight: 700;line-height: 150%; /* 24px */letter-spacing: 1.6px;text-transform: uppercase;} .mega-menu3 .menu-format .column .menu-inner { color: #FFF;font-family: "Garamond Premiere Pro";font-size: 24px;font-style: normal;font-weight: 400;line-height: 150%; /* 36px */} .mega-menu3 .menu-format .column .menu-inner ul { list-style-type:none;padding:0; margin:0;} .mega-menu3 .menu-format .column .menu-inner ul li { list-style-type:none;padding:0 0 20px 0; margin:0; } .mega-menu3 .menu-format .column .menu-inner ul li a { color: #FFF;font-family: "Garamond Premiere Pro";font-size: 24px;font-style: normal;font-weight: 400;line-height: 150%; /* 36px */} .mega-menu3 .menu-format .column3 .content {padding-bottom:25px; color: #FFF;font-family: "Garamond Premier Pro";font-size: 24px;font-style: normal;font-weight: 400;line-height: 150%; /* 36px */} .mega-menu4 { display:none; position:absolute; padding:50px 0; top:70px;z-index:100; background: #00171E; clip-path: polygon(100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 0);width:100%;} .mega-menu4 .menu-format { display:flex; align-items:flex-start; flex-wrap:wrap; padding:25px 0;} .mega-menu4 .menu-format .mega-menu-image::before { position:absolute; content:''; opacity:0.5; z-index: 1;clip-path: polygon(100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 0);background: linear-gradient(151deg, rgba(24, 105, 124, 0.00) 42.25%, #18697C 95.68%), rgba(77, 86, 95, 0.85); width:100%; height:100%;} .mega-menu4 .menu-format .mega-menu-image {position:relative;} .mega-menu4 .menu-format .mega-menu-image img { max-height:600px; object-fit:cover; object-position:top;position:relative; width:100%;clip-path: polygon(100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 0);} .mega-menu4 .menu-format .mega-menu-image img::before { position:absolute; content:''; opacity: 1; z-index: 1; } .mega-menu4 .menu-format .cta-content { position:absolute;z-index:101; bottom:0; padding:25px;} .mega-menu4 .menu-format .cta-content .title { color: #FFF;font-family: Gotham;font-size: 16px;font-style: normal;font-weight: 700;line-height: 150%; /* 24px */letter-spacing: 1.6px;text-transform: uppercase;} .mega-menu4 .menu-format .cta-content .content { padding:16px 0; color: #FFF;font-family: "Garamond Premiere Pro";font-size: 18px;font-style: normal;font-weight: 400;line-height: 150%; /* 27px */} .mega-menu4 .menu-format .column1 { width:50%;} .mega-menu4 .menu-format .column3 { width:50%;padding-top:25px; padding-left:50px;} .mega-menu4 .menu-format .column .column-title { padding-bottom:20px;} .mega-menu4 .menu-format .column .column-title h4 { color: #76A7B3;font-family: Gotham;font-size: 16px;font-style: normal;font-weight: 700;line-height: 150%; /* 24px */letter-spacing: 1.6px;text-transform: uppercase;} .mega-menu4 .menu-format .column .menu-inner { color: #FFF;font-family: "Garamond Premiere Pro";font-size: 24px;font-style: normal;font-weight: 400;line-height: 150%; /* 36px */} .mega-menu4 .menu-format .column .menu-inner ul { list-style-type:none;padding:0; margin:0; display:flex; align-items:flex-start; flex-wrap:wrap;} .mega-menu4 .menu-format .column .menu-inner ul li { list-style-type:none;padding:0 0 20px 0; margin:0; width:50%;} .mega-menu4 .menu-format .column .menu-inner ul li a { color: #FFF;font-family: "Garamond Premiere Pro";font-size: 24px;font-style: normal;font-weight: 400;line-height: 150%; /* 36px */} .header-search .hs-search-field form {opacity: 0;pointer-events: none;position: absolute;right: 0px;top: 0px;-webkit-transform: translateX(-41px);-moz-transform: translateX(-41px);-o-transform: translateX(-41px);-ms-transform: translateX(-41px);transform: translateX(-41px);-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;-ms-transition: all .4s ease;transition: all .4s ease;visibility: hidden;width: 0;} .header-search .hs-search-field form input:placeholder { color:#fff;} .header-search .hs-search-field form input::placeholder { color:#fff;} .header-search .hs-search-field .hs-search-field__input {font-size: 15px;padding: 8px 10px; height:30px; color:#000!important;} .header-search .hs-search-field .hs-search-field__input::placeholder {font-size: 15px; color:#000;} .header-search .hs-search-field form input[type=text] { color:#fff;} .header-search.searchopen .hs-search-field form {opacity: 1;pointer-events: inherit;visibility: visible;width: 100px; top:-15px; right:-15px;} .header-search .hs-search-field { position:static;} .header-search .search-btn {padding-left: 0px;position: relative; color:#fff;} .header-search { position:relative; text-align:right;} .header__search {padding: 0 22px;width: auto;} .header__search .hs-search-field__input { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TZWFyY2g8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8cGF0aCBkPSJNOS4xMzg2MTUzNCwxNS44OTI1Njg1IEM1LjQxMzk1NzQyLDE1Ljg5MjU2ODUgMi4zODM4ODUyNywxMi44NjM0NDc1IDIuMzgzODg1MjcsOS4xMzkwMDM3NiBDMi4zODM4ODUyNyw1LjQxNDU2MDA1IDUuNDEzOTU3NDIsMi4zODM4ODUyNyA5LjEzODYxNTM0LDIuMzgzODg1MjcgQzEyLjg2MzI3MzMsMi4zODM4ODUyNyAxNS44OTI1Njg1LDUuNDE0NTYwMDUgMTUuODkyNTY4NSw5LjEzOTAwMzc2IEMxNS44OTI1Njg1LDEyLjg2MzQ0NzUgMTIuODYzMjczMywxNS44OTI1Njg1IDkuMTM4NjE1MzQsMTUuODkyNTY4NSBNOS4xMzg3NTI0NSwyLjQzMzYwODg3ZS0xMyBDMTQuMTc3OTk1NSwyLjQzMzYwODg3ZS0xMyAxOC4yNzY0NTM3LDQuMTAwMzI0NzEgMTguMjc2NDUzNyw5LjEzOTI3Nzk2IEMxOC4yNzY0NTM3LDExLjIyOTgyMTEgMTcuNTcxMDE2OSwxMy4xNTg0NDM0IDE2LjM4NTYzMTMsMTQuNjk5NjY5NiBMMjMuNjUwODg4MSwyMS45NjUyMjY2IEMyNC4xMTYzNzA2LDIyLjQzMDcwOTIgMjQuMTE2MzcwNiwyMy4xODU0MDU1IDIzLjY1MDg4ODEsMjMuNjUwODg4MSBDMjMuMTg1NDA1NSwyNC4xMTYzNzA2IDIyLjQzMDcwOTIsMjQuMTE2MzcwNiAyMS45NjUyMjY2LDIzLjY1MDg4ODEgTDE0LjY5OTgxMzMsMTYuMzg1NDcxMyBDMTMuMTU4NDQwNSwxNy41NzA5NTA5IDExLjIyOTU3MzgsMTguMjc2NDUzNyA5LjEzODc1MjQ1LDE4LjI3NjQ1MzcgQzQuMDk5NTA5MzgsMTguMjc2NDUzNyAtMy43MzAzNDkzNmUtMTQsMTQuMTc4MjMxMiAtMy43MzAzNDkzNmUtMTQsOS4xMzkyNzc5NiBDLTMuNzMwMzQ5MzZlLTE0LDQuMTAwMzI0NzEgNC4wOTk1MDkzOCwyLjQzMzYwODg3ZS0xMyA5LjEzODc1MjQ1LDIuNDMzNjA4ODdlLTEzIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4gICAgPC9kZWZzPiAgICA8ZyBpZD0iU2VhcmNoIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4gICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICAgICAgPC9tYXNrPiAgICAgICAgPHVzZSBpZD0iSWNvbnMvQWN0aW9ucy9TZWFyY2giIGZpbGw9IiM0OTRBNTIiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICA8L2c+PC9zdmc+); background-position: center right 15px; background-repeat: no-repeat; height: 45px; padding: 0 15px; } .header__search .hs-search-field--open .hs-search-field__input { border-bottom: none; border-radius: 6px 6px 0 0; max-width: 100%; } .header__search .hs-search-field--open .hs-search-field__suggestions { background-color: #FFF; border: 2px solid #D1D6DC; border-radius: 0 0 6px 6px; border-top-width: 1px; position: absolute; width: 100%; z-index: 10; } .header__search .hs-search-field__suggestions li { border-top: 1px solid #D1D6DC; font-size: 0.875rem; } .header__search .hs-search-field__suggestions li a { color: #494A52; padding: 10px 15px; text-decoration: none; transition: background-color 0.3s; } .header__search .hs-search-field__suggestions #results-for { display: none; } @media (max-width: 767px) { .header__search { border-top: 2px solid #CED4DB; order: 1; padding: 30px; } } @media(min-width: 992px) { .mainmenu .btn-group { display: none; } .mainmenu ul li.hs-item-has-children.megamenu { position: initial; } .mainmenu .hs-menu-wrapper > ul { display: flex; } .mainmenu .hs-menu-wrapper > ul > li > a:before { content: ''; width: 100%; height: 15px; position: absolute; top: 100%; left: 0; } .mainmenu .hs-menu-wrapper > ul > li.active-branch > a { background: rgba(255,255,255,0.5); border-radius: 40px; } .mainmenu .hs-menu-wrapper > ul > li > a:after { content: "\f107"; margin-left: 5px; width: 20px; height: 20px; display: inline-block; font-family: 'fontAwesome';text-align: center; line-height: 20px; font-weight: 300; } .mainmenu .hs-menu-wrapper ul li ul { width:220px; padding: 15px 0; margin: 0px; position: absolute; top: calc(100% + 13px); left:0; background: #002e3c; visibility: hidden; opacity: 0; transition: .2s; pointer-events: none; clip-path: polygon(100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 0); box-shadow: 0 10px 10px rgba(0,0,0,0.5); } .mainmenu .hs-menu-wrapper ul li ul li { padding: 0px; margin: 0px; display: inline-block; float: none; text-transform: none; position: inherit; width: 100%; position: initial; } .mainmenu .hs-menu-wrapper ul li ul li a { padding: 6px 15px; color: #FFFFFF; width:100%; font-size: 12px; line-height: 20px; font-weight: 700; letter-spacing: 0.5px; } .mainmenu .hs-menu-wrapper ul li ul li a:hover { color:#FB991C; } .mainmenu .hs-menu-wrapper ul li ul ul { top: 0; left: 100%; } .mainmenu .hs-menu-wrapper ul > li:hover > ul.hs-menu-children-wrapper { visibility: visible; opacity: 1; pointer-events: inherit; display: block; } } @media(max-width: 1400px) { .mainmenu ul li.hs-menu-item a { padding: 9px 10px; } header.header .container { width: 100%; } } @media(max-width: 1200px) { header.header .container { width: 100%; } header.header .right { padding: 0 0 0 15px; } header.header [class*=button-] a { padding: 8px 14px; } .mainmenu ul li.hs-menu-item a { padding: 9px 5px; letter-spacing: 0.7px; } } @media screen and (max-width:991px) { .mainmenu.js-enabled .hs-menu-flow-horizontal { transition:margin-top 0.3s ease; } body.search-open .mainmenu.js-enabled .hs-menu-flow-horizontal { margin-top:100px; } } @media (max-width: 991px){ /*.header-search { position: relative;text-align: right;right: 50px;top: -37px;bottom:auto;}*/ header.header.fixed .mega-menu1 { top:100px;max-height:90vh; overflow:scroll!important;} header.header.fixed .mega-menu2 { top:100px;max-height:90vh; overflow:scroll!important;} header.header.fixed .mega-menu3 { top:100px;max-height:90vh; overflow:scroll!important;} header.header.fixed .mega-menu4 { top:100px;max-height:90vh; overflow:scroll!important;} header.header .mega-menu1 { top:100px;max-height:90vh; overflow:scroll!important;} header.header .mega-menu2 { top:100px;max-height:90vh; overflow:scroll!important;} header.header .mega-menu3 { top:100px;max-height:90vh; overflow:scroll!important;} header.header .mega-menu4 { top:100px;max-height:90vh; overflow:scroll!important;} .only-mobile { display:inline-block; background:#002E3B;padding:15px 15px 15px 25px; width:100%;} .only-mobile-link { display:inline-block;} .only-mobile-link a { color: #FFF;font-family: "Garamond Premiere Pro";font-size: 24px;font-style: normal;font-weight: 400;line-height: 150%; /* 36px */} .only-mobile-inner span { display:inline-block; position:relative; color: #FFF;font-family: Gotham;font-size: 18px;font-style: normal;font-weight: 400;line-height: 150%; /* 27px */letter-spacing: 1.8px;text-transform: uppercase;} .only-mobile-inner { display:inline-block; position:relative; color: #FFF;font-family: Gotham;font-size: 18px;font-style: normal;font-weight: 700;line-height: 150%;letter-spacing: 1.8px;text-transform: uppercase; } .desktop-only { display:none;} .mega-menu1, .mega-menu2, .mega-menu3, .mega-menu4 { z-index:10;} .mega-menu1 .menu-format { padding:0 15px;} .mega-menu2 .menu-format { padding:0 15px;} .mega-menu3 .menu-format { padding:0 15px;} .mega-menu4 .menu-format { padding:0 15px;} .mega-menu1 .menu-format .column2 { width:100%;padding: 25px 0px;} .mega-menu1 .menu-format .column3 { width:100%;padding: 25px 0px;} .mega-menu2 .menu-format .column2 { width:100%;padding: 25px 0px;} .mega-menu2 .menu-format .column3 { width:100%;padding: 25px 0px;} .mega-menu3 .menu-format .column2 { width:100%;padding: 25px 0px;padding-left:0;} .mega-menu3 .menu-format .column3 { width:100%;padding: 25px 0px;} .mega-menu4 .menu-format .column2 { width:100%;padding: 25px 0px;} .mega-menu4 .menu-format .column3 { width:100%;padding: 25px 0px;} .mega-menu1 .menu-format .column1 { width:100%;} .mega-menu1 .menu-format .column2 { width:100%;} .mega-menu1 .menu-format .column3 { width:100%;} .mega-menu1 .menu-format .mega-menu-image { display:none;} .mega-menu2 .menu-format .column1 { width:100%;} .mega-menu2 .menu-format .column2 { width:100%;} .mega-menu2 .menu-format .column3 { width:100%;} .mega-menu2 .menu-format .mega-menu-image img { display:none;} .mega-menu2 .menu-format .cta-content { position:relative;} .mega-menu3 .menu-format .column1 { width:100%;} .mega-menu3 .menu-format .column2 { width:100%;} .mega-menu3 .menu-format .column3 { width:100%;} .mega-menu3 .menu-format .mega-menu-image img { display:none;} .mega-menu3 .menu-format .cta-content { position:relative;} .mega-menu4 .menu-format .column .menu-inner ul li { list-style-type:none;padding:0 0 20px 0; margin:0; width:100%;} .mega-menu4 .menu-format .column1 { width:100%;padding:25px 0;} .mega-menu4 .menu-format .column2 { width:100%;} .mega-menu4 .menu-format .column3 { width:100%;} .mega-menu4 .menu-format .mega-menu-image { display:none;} header.header .btn-group .button-2 { display: none; } header.header .btn-group { display: none; } header.header .mainmenu .btn-group { display: block; } .mega-menu1,.mega-menu2,.mega-menu3,.mega-menu4{position:relative;top:auto;left:auto;z-index:100;box-shadow:none;width:100%;display:none}.mainmenu ul{flex-direction:column}.mainmenu ul li{width:100%} header.header { padding: 18px 0; } header.header , header.header.fixed { background: #002E3C; } header.header .container { width: 100%; padding: 0 20px; } header.header .logo { width: 125px; } header.header .right { width: 100%; margin: 0; padding: 0; } header.header .btn-group { width: 100%; } header.header .btn-group .button-2 { display: none; } header.header .btn-group [class*=button-] { width: 100%; text-align: center; } header.header .btn-group a { width: 100%; } header.header .right .button-group { width: 100%; } header.header .right [class*=button-] { width: 100%; } .mainmenu .hs-menu-wrapper > ul { width: 100%; } .mainmenu .hs-menu-wrapper ul { transition: none; } .mainmenu ul li.hs-menu-item a { color: #FFFFFF; } .mainmenu .hs-menu-wrapper > ul > li > a { width: 100%; padding: 15px 0; font-size: 14px; line-height: 26px; } .mainmenu, .mainmenu li, .mainmenu li a { display:block; float:none; position:static; top:auto; right:auto; left:auto; bottom:auto; padding:0px; margin:0px; background-image:none; background-color:transparent; border:0px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; max-width:none; width:100%; height:auto; line-height:1; font-weight:normal; text-decoration:none; text-indent:0px; text-align:left; } a.mobile-trigger { padding: 0; display:inline-block !important; cursor:pointer; position:absolute; top: 21px; right: 15px; width: 33px; height: 33px; border: 2px solid #FFF; text-align:center; background:transparent; -webkit-transition:background-color 0.2s linear; font-size:16px; font-weight:normal; text-transform:uppercase; border-radius:0; -webkit-transition:color .2s ease-in; -moz-transition:color .2s ease-in; transition:color .2s ease-in; line-height:30px; text-align:left; transition: .4s; } a.mobile-trigger:hover { text-decoration:none; } a.mobile-trigger span { display:inline; } a.mobile-trigger span:before { position:absolute; content:'Menu'; } a.mobile-trigger span:after { position:relative; right:2px; content:'Close'; opacity:0; transition:opacity .4s ease-in-out; -moz-transition:opacity .4s ease-in-out; -webkit-transition:opacity .4s ease-in-out; } .mobile_menu_toggle .mobile-trigger { top:2px; } .mobile-open a.mobile-trigger { -webkit-transition:background-color 0.2s linear; -moz-transition:background-color 0.2s linear; transition:background-color 0.2s linear; background:transparent; } .mobile-open a.mobile-trigger span:after { opacity:1; } .mobile-open .mobile_menu_toggle a.mobile-trigger { display: block !important; } a.mobile-trigger i { margin-left: 4px; display:inline; position:relative; top:-4px; -webkit-transition-duration:0s; -webkit-transition-delay:.2s; -moz-transition-duration:0s; -moz-transition-delay:.2s; transition-duration:0s; transition-delay:.2s; } a.mobile-trigger i:before { position:absolute; content: ''; } a.mobile-trigger i, a.mobile-trigger i:before { width: 21px; height: 2px; display:inline-block; background: #FFFFFF; } a.mobile-trigger i:before { width: 21px; -webkit-transition-property:margin, -webkit-transform; -webkit-transition-duration:.2s; -webkit-transition-delay:.2s, 0; transform: rotate(90deg); } .mobile-open a.mobile-trigger i:before { width: 0; } .header.fixed a.mobile-trigger { top: 14px; } span.child-triggerm { display:block !important; cursor:pointer; position:absolute; top:0px; right:0; width:56px; height: 56px; padding:0; } span.child-triggerm span { position:absolute; height:100%; width:100%; left:50%; top:0; transition:all ease .5s; transform:translateX(-50%); display: flex; align-items: center; justify-content: center; } span.child-triggerm span:after { content: '\f105'; font-family: 'fontAwesome'; color: #FFFFFF; } /* span.child-triggerm span:before { position:absolute; content:""; height:14px; width:2px; left:50%; top:50%; background: #fff; transform:translateX(-50%) translateY(-50%); } span.child-triggerm span:after { position:absolute; content:""; height:2px; width:14px; left:50%; top:50%; background: #fff; transform:translateX(-50%) translateY(-50%); } */ span.child-triggerm.child-open span { transform:translateX(-50%) rotate(90deg); } .mainmenu.js-enabled .hs-menu-children-wrapper { display:none; } .mainmenu ul.hs-menu-children-wrapper { visibility:visible !important; opacity:1 !important; position:static !important; display:none; } .mainmenu.js-enabled .hs-menu-flow-horizontal { padding: 70px 20px 30px; width: 100%; max-width:100%; height: 100vh; position:absolute; top: 0; left: 0; z-index:8888; display: none; background: #00171E; z-index: -1; } .mainmenu .hs-menu-flow-horizontal > ul > li { border-bottom:1px solid rgba(0,0,0,0.3); position:relative; } .mainmenu .hs-menu-flow-horizontal > ul > li a:after { background-image:url('https://47764943.fs1.hubspotusercontent-na1.net/hubfs/47764943/menu-arrow.svg'); background-size:contain; background-repeat:no-repeat;content:''; width:20px; height:20px; right:0;position:absolute;} .mainmenu ul ul li.hs-menu-item a { font-size: 14px; line-height: 26px; padding: 15px 20px; color: #FFFFFF; } .mainmenu ul ul { padding: 0 0 20px; } .mega-menu1 .container, .mega-menu2 .container, .mega-menu3 .container, .mega-menu4 .container { padding:0!important;} .mega-menu1 { padding: 0 0 50px;} .mega-menu2 { padding: 0 0 50px;} .mega-menu3 { padding: 0 0 50px;} .mega-menu4 { padding: 0 0 50px;} .mega-menu2 .menu-format .cta-content { background:#00171E; padding: 25px 0;} .mega-menu1 .menu-format .column2 { border-bottom: 1px solid rgba(255, 255, 255, 0.18);padding-bottom:10px;} .mega-menu2 .menu-format .column1 { border-bottom: 1px solid rgba(255, 255, 255, 0.18); } .mega-menu2 .menu-format .column2 { border-bottom: 1px solid rgba(255, 255, 255, 0.18); } .mega-menu2 .menu-format .first { border-bottom: 1px solid rgba(255, 255, 255, 0.18); } .mega-menu2 .menu-format .second { border-bottom: 1px solid rgba(255, 255, 255, 0.18); } .mega-menu3 .menu-format .column2 { border-bottom: 1px solid rgba(255, 255, 255, 0.18); border-right:none; } .mega-menu4 .menu-format .column .menu-inner { border-bottom: 1px solid rgba(255, 255, 255, 0.18); } .mega-menu2 .menu-format .cta-content .button-1 { margin-top:20px!important;} .mega-menu4 .menu-format .column .column-title { padding-top:15px;} .mega-menu3 .menu-format .cta-content { padding:0;} .mega-menu3 .menu-format .mega-menu-image::before { display:none;} .mega-menu .column-title h4 { margin-bottom:0!important;} } .text-13 { font-size: 13px; } .d-block { display:block; } .d-inline-block { display:inline-block; } .d-flex { display:flex; } .d-inline-flex { display:inline-flex; } .d-none { display:none; } .align-center { align-items:center; } .align-flex-start { align-items:flex-start; } .align-flex-end { align-items:flex-end; } .align-normal { align-items:normal; } .justify-center { justify-content:center; } .justify-flex-end { justify-content:flex-end; } .justify-flex-start { justify-content:flex-start; } .justify-space-around { justify-content:space-around; } .justify-space-between { justify-content:space-between; } .text-left { text-align:left; } .text-right { text-align:right; } .text-center { text-align:center; } .direction-column { flex-direction:column; } .direction-column-reverse { flex-direction:column-reverse; } .direction-row { flex-direction:row; } .direction-row-reverse { flex-direction:row-reverse; } .p--0 { padding:0px !important; } .p-0 { padding:0px; } .pt-0 { padding-top:0px; } .pb-0 { padding-bottom:0px; } .pl-0 { padding-left:0px; } .pr-0 { padding-right:0px; } .m-0 { margin:0px; } .mt-0 { margin-top:0px; } .mb-0 { margin-bottom:0px; } .ml-0 { margin-left:0px; } .mr-0 { margin-right:0px; } .mt--0 { margin-top:-0px; } .mb--0 { margin-bottom:-0px; } .max--0 { max-width:0%; } .mt---0 { margin-top:-0%; } .mb---0 { margin-bottom:-0%; } .p--5 { padding:5px !important; } .p-5 { padding:5px; } .pt-5 { padding-top:5px; } .pb-5 { padding-bottom:5px; } .pl-5 { padding-left:5px; } .pr-5 { padding-right:5px; } .m-5 { margin:5px; } .mt-5 { margin-top:5px; } .mb-5 { margin-bottom:5px; } .ml-5 { margin-left:5px; } .mr-5 { margin-right:5px; } .mt--5 { margin-top:-5px; } .mb--5 { margin-bottom:-5px; } .max--5 { max-width:5%; } .mt---5 { margin-top:-5%; } .mb---5 { margin-bottom:-5%; } .p--10 { padding:10px !important; } .p-10 { padding:10px; } .pt-10 { padding-top:10px; } .pb-10 { padding-bottom:10px; } .pl-10 { padding-left:10px; } .pr-10 { padding-right:10px; } .m-10 { margin:10px; } .mt-10 { margin-top:10px; } .mb-10 { margin-bottom:10px; } .ml-10 { margin-left:10px; } .mr-10 { margin-right:10px; } .mt--10 { margin-top:-10px; } .mb--10 { margin-bottom:-10px; } .max--10 { max-width:10%; } .mt---10 { margin-top:-10%; } .mb---10 { margin-bottom:-10%; } .p--15 { padding:15px !important; } .p-15 { padding:15px; } .pt-15 { padding-top:15px; } .pb-15 { padding-bottom:15px; } .pl-15 { padding-left:15px; } .pr-15 { padding-right:15px; } .m-15 { margin:15px; } .mt-15 { margin-top:15px; } .mb-15 { margin-bottom:15px; } .ml-15 { margin-left:15px; } .mr-15 { margin-right:15px; } .mt--15 { margin-top:-15px; } .mb--15 { margin-bottom:-15px; } .max--15 { max-width:15%; } .mt---15 { margin-top:-15%; } .mb---15 { margin-bottom:-15%; } .p--20 { padding:20px !important; } .p-20 { padding:20px; } .pt-20 { padding-top:20px; } .pb-20 { padding-bottom:20px; } .pl-20 { padding-left:20px; } .pr-20 { padding-right:20px; } .m-20 { margin:20px; } .mt-20 { margin-top:20px; } .mb-20 { margin-bottom:20px; } .ml-20 { margin-left:20px; } .mr-20 { margin-right:20px; } .mt--20 { margin-top:-20px; } .mb--20 { margin-bottom:-20px; } .max--20 { max-width:20%; } .mt---20 { margin-top:-20%; } .mb---20 { margin-bottom:-20%; } .p--25 { padding:25px !important; } .p-25 { padding:25px; } .pt-25 { padding-top:25px; } .pb-25 { padding-bottom:25px; } .pl-25 { padding-left:25px; } .pr-25 { padding-right:25px; } .m-25 { margin:25px; } .mt-25 { margin-top:25px; } .mb-25 { margin-bottom:25px; } .ml-25 { margin-left:25px; } .mr-25 { margin-right:25px; } .mt--25 { margin-top:-25px; } .mb--25 { margin-bottom:-25px; } .max--25 { max-width:25%; } .mt---25 { margin-top:-25%; } .mb---25 { margin-bottom:-25%; } .p--30 { padding:30px !important; } .p-30 { padding:30px; } .pt-30 { padding-top:30px; } .pb-30 { padding-bottom:30px; } .pl-30 { padding-left:30px; } .pr-30 { padding-right:30px; } .m-30 { margin:30px; } .mt-30 { margin-top:30px; } .mb-30 { margin-bottom:30px; } .ml-30 { margin-left:30px; } .mr-30 { margin-right:30px; } .mt--30 { margin-top:-30px; } .mb--30 { margin-bottom:-30px; } .max--30 { max-width:30%; } .mt---30 { margin-top:-30%; } .mb---30 { margin-bottom:-30%; } .p--35 { padding:35px !important; } .p-35 { padding:35px; } .pt-35 { padding-top:35px; } .pb-35 { padding-bottom:35px; } .pl-35 { padding-left:35px; } .pr-35 { padding-right:35px; } .m-35 { margin:35px; } .mt-35 { margin-top:35px; } .mb-35 { margin-bottom:35px; } .ml-35 { margin-left:35px; } .mr-35 { margin-right:35px; } .mt--35 { margin-top:-35px; } .mb--35 { margin-bottom:-35px; } .max--35 { max-width:35%; } .mt---35 { margin-top:-35%; } .mb---35 { margin-bottom:-35%; } .p--40 { padding:40px !important; } .p-40 { padding:40px; } .pt-40 { padding-top:40px; } .pb-40 { padding-bottom:40px; } .pl-40 { padding-left:40px; } .pr-40 { padding-right:40px; } .m-40 { margin:40px; } .mt-40 { margin-top:40px; } .mb-40 { margin-bottom:40px; } .ml-40 { margin-left:40px; } .mr-40 { margin-right:40px; } .mt--40 { margin-top:-40px; } .mb--40 { margin-bottom:-40px; } .max--40 { max-width:40%; } .mt---40 { margin-top:-40%; } .mb---40 { margin-bottom:-40%; } .p--45 { padding:45px !important; } .p-45 { padding:45px; } .pt-45 { padding-top:45px; } .pb-45 { padding-bottom:45px; } .pl-45 { padding-left:45px; } .pr-45 { padding-right:45px; } .m-45 { margin:45px; } .mt-45 { margin-top:45px; } .mb-45 { margin-bottom:45px; } .ml-45 { margin-left:45px; } .mr-45 { margin-right:45px; } .mt--45 { margin-top:-45px; } .mb--45 { margin-bottom:-45px; } .max--45 { max-width:45%; } .mt---45 { margin-top:-45%; } .mb---45 { margin-bottom:-45%; } .p--50 { padding:50px !important; } .p-50 { padding:50px; } .pt-50 { padding-top:50px; } .pb-50 { padding-bottom:50px; } .pl-50 { padding-left:50px; } .pr-50 { padding-right:50px; } .m-50 { margin:50px; } .mt-50 { margin-top:50px; } .mb-50 { margin-bottom:50px; } .ml-50 { margin-left:50px; } .mr-50 { margin-right:50px; } .mt--50 { margin-top:-50px; } .mb--50 { margin-bottom:-50px; } .max--50 { max-width:50%; } .mt---50 { margin-top:-50%; } .mb---50 { margin-bottom:-50%; } .p--55 { padding:55px !important; } .p-55 { padding:55px; } .pt-55 { padding-top:55px; } .pb-55 { padding-bottom:55px; } .pl-55 { padding-left:55px; } .pr-55 { padding-right:55px; } .m-55 { margin:55px; } .mt-55 { margin-top:55px; } .mb-55 { margin-bottom:55px; } .ml-55 { margin-left:55px; } .mr-55 { margin-right:55px; } .mt--55 { margin-top:-55px; } .mb--55 { margin-bottom:-55px; } .max--55 { max-width:55%; } .mt---55 { margin-top:-55%; } .mb---55 { margin-bottom:-55%; } .p--60 { padding:60px !important; } .p-60 { padding:60px; } .pt-60 { padding-top:60px; } .pb-60 { padding-bottom:60px; } .pl-60 { padding-left:60px; } .pr-60 { padding-right:60px; } .m-60 { margin:60px; } .mt-60 { margin-top:60px; } .mb-60 { margin-bottom:60px; } .ml-60 { margin-left:60px; } .mr-60 { margin-right:60px; } .mt--60 { margin-top:-60px; } .mb--60 { margin-bottom:-60px; } .max--60 { max-width:60%; } .mt---60 { margin-top:-60%; } .mb---60 { margin-bottom:-60%; } .p--65 { padding:65px !important; } .p-65 { padding:65px; } .pt-65 { padding-top:65px; } .pb-65 { padding-bottom:65px; } .pl-65 { padding-left:65px; } .pr-65 { padding-right:65px; } .m-65 { margin:65px; } .mt-65 { margin-top:65px; } .mb-65 { margin-bottom:65px; } .ml-65 { margin-left:65px; } .mr-65 { margin-right:65px; } .mt--65 { margin-top:-65px; } .mb--65 { margin-bottom:-65px; } .max--65 { max-width:65%; } .mt---65 { margin-top:-65%; } .mb---65 { margin-bottom:-65%; } .p--70 { padding:70px !important; } .p-70 { padding:70px; } .pt-70 { padding-top:70px; } .pb-70 { padding-bottom:70px; } .pl-70 { padding-left:70px; } .pr-70 { padding-right:70px; } .m-70 { margin:70px; } .mt-70 { margin-top:70px; } .mb-70 { margin-bottom:70px; } .ml-70 { margin-left:70px; } .mr-70 { margin-right:70px; } .mt--70 { margin-top:-70px; } .mb--70 { margin-bottom:-70px; } .max--70 { max-width:70%; } .mt---70 { margin-top:-70%; } .mb---70 { margin-bottom:-70%; } .p--75 { padding:75px !important; } .p-75 { padding:75px; } .pt-75 { padding-top:75px; } .pb-75 { padding-bottom:75px; } .pl-75 { padding-left:75px; } .pr-75 { padding-right:75px; } .m-75 { margin:75px; } .mt-75 { margin-top:75px; } .mb-75 { margin-bottom:75px; } .ml-75 { margin-left:75px; } .mr-75 { margin-right:75px; } .mt--75 { margin-top:-75px; } .mb--75 { margin-bottom:-75px; } .max--75 { max-width:75%; } .mt---75 { margin-top:-75%; } .mb---75 { margin-bottom:-75%; } .p--80 { padding:80px !important; } .p-80 { padding:80px; } .pt-80 { padding-top:80px; } .pb-80 { padding-bottom:80px; } .pl-80 { padding-left:80px; } .pr-80 { padding-right:80px; } .m-80 { margin:80px; } .mt-80 { margin-top:80px; } .mb-80 { margin-bottom:80px; } .ml-80 { margin-left:80px; } .mr-80 { margin-right:80px; } .mt--80 { margin-top:-80px; } .mb--80 { margin-bottom:-80px; } .max--80 { max-width:80%; } .mt---80 { margin-top:-80%; } .mb---80 { margin-bottom:-80%; } .p--85 { padding:85px !important; } .p-85 { padding:85px; } .pt-85 { padding-top:85px; } .pb-85 { padding-bottom:85px; } .pl-85 { padding-left:85px; } .pr-85 { padding-right:85px; } .m-85 { margin:85px; } .mt-85 { margin-top:85px; } .mb-85 { margin-bottom:85px; } .ml-85 { margin-left:85px; } .mr-85 { margin-right:85px; } .mt--85 { margin-top:-85px; } .mb--85 { margin-bottom:-85px; } .max--85 { max-width:85%; } .mt---85 { margin-top:-85%; } .mb---85 { margin-bottom:-85%; } .p--90 { padding:90px !important; } .p-90 { padding:90px; } .pt-90 { padding-top:90px; } .pb-90 { padding-bottom:90px; } .pl-90 { padding-left:90px; } .pr-90 { padding-right:90px; } .m-90 { margin:90px; } .mt-90 { margin-top:90px; } .mb-90 { margin-bottom:90px; } .ml-90 { margin-left:90px; } .mr-90 { margin-right:90px; } .mt--90 { margin-top:-90px; } .mb--90 { margin-bottom:-90px; } .max--90 { max-width:90%; } .mt---90 { margin-top:-90%; } .mb---90 { margin-bottom:-90%; } .p--95 { padding:95px !important; } .p-95 { padding:95px; } .pt-95 { padding-top:95px; } .pb-95 { padding-bottom:95px; } .pl-95 { padding-left:95px; } .pr-95 { padding-right:95px; } .m-95 { margin:95px; } .mt-95 { margin-top:95px; } .mb-95 { margin-bottom:95px; } .ml-95 { margin-left:95px; } .mr-95 { margin-right:95px; } .mt--95 { margin-top:-95px; } .mb--95 { margin-bottom:-95px; } .max--95 { max-width:95%; } .mt---95 { margin-top:-95%; } .mb---95 { margin-bottom:-95%; } .p--100 { padding:100px !important; } .p-100 { padding:100px; } .pt-100 { padding-top:100px; } .pb-100 { padding-bottom:100px; } .pl-100 { padding-left:100px; } .pr-100 { padding-right:100px; } .m-100 { margin:100px; } .mt-100 { margin-top:100px; } .mb-100 { margin-bottom:100px; } .ml-100 { margin-left:100px; } .mr-100 { margin-right:100px; } .mt--100 { margin-top:-100px; } .mb--100 { margin-bottom:-100px; } .max--100 { max-width:100%; } .mt---100 { margin-top:-100%; } .mb---100 { margin-bottom:-100%; } .p--105 { padding:105px !important; } .p-105 { padding:105px; } .pt-105 { padding-top:105px; } .pb-105 { padding-bottom:105px; } .pl-105 { padding-left:105px; } .pr-105 { padding-right:105px; } .m-105 { margin:105px; } .mt-105 { margin-top:105px; } .mb-105 { margin-bottom:105px; } .ml-105 { margin-left:105px; } .mr-105 { margin-right:105px; } .mt--105 { margin-top:-105px; } .mb--105 { margin-bottom:-105px; } .p--110 { padding:110px !important; } .p-110 { padding:110px; } .pt-110 { padding-top:110px; } .pb-110 { padding-bottom:110px; } .pl-110 { padding-left:110px; } .pr-110 { padding-right:110px; } .m-110 { margin:110px; } .mt-110 { margin-top:110px; } .mb-110 { margin-bottom:110px; } .ml-110 { margin-left:110px; } .mr-110 { margin-right:110px; } .mt--110 { margin-top:-110px; } .mb--110 { margin-bottom:-110px; } .p--115 { padding:115px !important; } .p-115 { padding:115px; } .pt-115 { padding-top:115px; } .pb-115 { padding-bottom:115px; } .pl-115 { padding-left:115px; } .pr-115 { padding-right:115px; } .m-115 { margin:115px; } .mt-115 { margin-top:115px; } .mb-115 { margin-bottom:115px; } .ml-115 { margin-left:115px; } .mr-115 { margin-right:115px; } .mt--115 { margin-top:-115px; } .mb--115 { margin-bottom:-115px; } .p--120 { padding:120px !important; } .p-120 { padding:120px; } .pt-120 { padding-top:120px; } .pb-120 { padding-bottom:120px; } .pl-120 { padding-left:120px; } .pr-120 { padding-right:120px; } .m-120 { margin:120px; } .mt-120 { margin-top:120px; } .mb-120 { margin-bottom:120px; } .ml-120 { margin-left:120px; } .mr-120 { margin-right:120px; } .mt--120 { margin-top:-120px; } .mb--120 { margin-bottom:-120px; } .p--125 { padding:125px !important; } .p-125 { padding:125px; } .pt-125 { padding-top:125px; } .pb-125 { padding-bottom:125px; } .pl-125 { padding-left:125px; } .pr-125 { padding-right:125px; } .m-125 { margin:125px; } .mt-125 { margin-top:125px; } .mb-125 { margin-bottom:125px; } .ml-125 { margin-left:125px; } .mr-125 { margin-right:125px; } .mt--125 { margin-top:-125px; } .mb--125 { margin-bottom:-125px; } .p--130 { padding:130px !important; } .p-130 { padding:130px; } .pt-130 { padding-top:130px; } .pb-130 { padding-bottom:130px; } .pl-130 { padding-left:130px; } .pr-130 { padding-right:130px; } .m-130 { margin:130px; } .mt-130 { margin-top:130px; } .mb-130 { margin-bottom:130px; } .ml-130 { margin-left:130px; } .mr-130 { margin-right:130px; } .mt--130 { margin-top:-130px; } .mb--130 { margin-bottom:-130px; } .p--135 { padding:135px !important; } .p-135 { padding:135px; } .pt-135 { padding-top:135px; } .pb-135 { padding-bottom:135px; } .pl-135 { padding-left:135px; } .pr-135 { padding-right:135px; } .m-135 { margin:135px; } .mt-135 { margin-top:135px; } .mb-135 { margin-bottom:135px; } .ml-135 { margin-left:135px; } .mr-135 { margin-right:135px; } .mt--135 { margin-top:-135px; } .mb--135 { margin-bottom:-135px; } .p--140 { padding:140px !important; } .p-140 { padding:140px; } .pt-140 { padding-top:140px; } .pb-140 { padding-bottom:140px; } .pl-140 { padding-left:140px; } .pr-140 { padding-right:140px; } .m-140 { margin:140px; } .mt-140 { margin-top:140px; } .mb-140 { margin-bottom:140px; } .ml-140 { margin-left:140px; } .mr-140 { margin-right:140px; } .mt--140 { margin-top:-140px; } .mb--140 { margin-bottom:-140px; } .p--145 { padding:145px !important; } .p-145 { padding:145px; } .pt-145 { padding-top:145px; } .pb-145 { padding-bottom:145px; } .pl-145 { padding-left:145px; } .pr-145 { padding-right:145px; } .m-145 { margin:145px; } .mt-145 { margin-top:145px; } .mb-145 { margin-bottom:145px; } .ml-145 { margin-left:145px; } .mr-145 { margin-right:145px; } .mt--145 { margin-top:-145px; } .mb--145 { margin-bottom:-145px; } .p--150 { padding:150px !important; } .p-150 { padding:150px; } .pt-150 { padding-top:150px; } .pb-150 { padding-bottom:150px; } .pl-150 { padding-left:150px; } .pr-150 { padding-right:150px; } .m-150 { margin:150px; } .mt-150 { margin-top:150px; } .mb-150 { margin-bottom:150px; } .ml-150 { margin-left:150px; } .mr-150 { margin-right:150px; } .mt--150 { margin-top:-150px; } .mb--150 { margin-bottom:-150px; } .p--155 { padding:155px !important; } .p-155 { padding:155px; } .pt-155 { padding-top:155px; } .pb-155 { padding-bottom:155px; } .pl-155 { padding-left:155px; } .pr-155 { padding-right:155px; } .m-155 { margin:155px; } .mt-155 { margin-top:155px; } .mb-155 { margin-bottom:155px; } .ml-155 { margin-left:155px; } .mr-155 { margin-right:155px; } .mt--155 { margin-top:-155px; } .mb--155 { margin-bottom:-155px; } .p--160 { padding:160px !important; } .p-160 { padding:160px; } .pt-160 { padding-top:160px; } .pb-160 { padding-bottom:160px; } .pl-160 { padding-left:160px; } .pr-160 { padding-right:160px; } .m-160 { margin:160px; } .mt-160 { margin-top:160px; } .mb-160 { margin-bottom:160px; } .ml-160 { margin-left:160px; } .mr-160 { margin-right:160px; } .mt--160 { margin-top:-160px; } .mb--160 { margin-bottom:-160px; } .p--165 { padding:165px !important; } .p-165 { padding:165px; } .pt-165 { padding-top:165px; } .pb-165 { padding-bottom:165px; } .pl-165 { padding-left:165px; } .pr-165 { padding-right:165px; } .m-165 { margin:165px; } .mt-165 { margin-top:165px; } .mb-165 { margin-bottom:165px; } .ml-165 { margin-left:165px; } .mr-165 { margin-right:165px; } .mt--165 { margin-top:-165px; } .mb--165 { margin-bottom:-165px; } .p--170 { padding:170px !important; } .p-170 { padding:170px; } .pt-170 { padding-top:170px; } .pb-170 { padding-bottom:170px; } .pl-170 { padding-left:170px; } .pr-170 { padding-right:170px; } .m-170 { margin:170px; } .mt-170 { margin-top:170px; } .mb-170 { margin-bottom:170px; } .ml-170 { margin-left:170px; } .mr-170 { margin-right:170px; } .mt--170 { margin-top:-170px; } .mb--170 { margin-bottom:-170px; } .p--175 { padding:175px !important; } .p-175 { padding:175px; } .pt-175 { padding-top:175px; } .pb-175 { padding-bottom:175px; } .pl-175 { padding-left:175px; } .pr-175 { padding-right:175px; } .m-175 { margin:175px; } .mt-175 { margin-top:175px; } .mb-175 { margin-bottom:175px; } .ml-175 { margin-left:175px; } .mr-175 { margin-right:175px; } .mt--175 { margin-top:-175px; } .mb--175 { margin-bottom:-175px; } .p--180 { padding:180px !important; } .p-180 { padding:180px; } .pt-180 { padding-top:180px; } .pb-180 { padding-bottom:180px; } .pl-180 { padding-left:180px; } .pr-180 { padding-right:180px; } .m-180 { margin:180px; } .mt-180 { margin-top:180px; } .mb-180 { margin-bottom:180px; } .ml-180 { margin-left:180px; } .mr-180 { margin-right:180px; } .mt--180 { margin-top:-180px; } .mb--180 { margin-bottom:-180px; } .p--185 { padding:185px !important; } .p-185 { padding:185px; } .pt-185 { padding-top:185px; } .pb-185 { padding-bottom:185px; } .pl-185 { padding-left:185px; } .pr-185 { padding-right:185px; } .m-185 { margin:185px; } .mt-185 { margin-top:185px; } .mb-185 { margin-bottom:185px; } .ml-185 { margin-left:185px; } .mr-185 { margin-right:185px; } .mt--185 { margin-top:-185px; } .mb--185 { margin-bottom:-185px; } .p--190 { padding:190px !important; } .p-190 { padding:190px; } .pt-190 { padding-top:190px; } .pb-190 { padding-bottom:190px; } .pl-190 { padding-left:190px; } .pr-190 { padding-right:190px; } .m-190 { margin:190px; } .mt-190 { margin-top:190px; } .mb-190 { margin-bottom:190px; } .ml-190 { margin-left:190px; } .mr-190 { margin-right:190px; } .mt--190 { margin-top:-190px; } .mb--190 { margin-bottom:-190px; } .p--195 { padding:195px !important; } .p-195 { padding:195px; } .pt-195 { padding-top:195px; } .pb-195 { padding-bottom:195px; } .pl-195 { padding-left:195px; } .pr-195 { padding-right:195px; } .m-195 { margin:195px; } .mt-195 { margin-top:195px; } .mb-195 { margin-bottom:195px; } .ml-195 { margin-left:195px; } .mr-195 { margin-right:195px; } .mt--195 { margin-top:-195px; } .mb--195 { margin-bottom:-195px; } .p--200 { padding:200px !important; } .p-200 { padding:200px; } .pt-200 { padding-top:200px; } .pb-200 { padding-bottom:200px; } .pl-200 { padding-left:200px; } .pr-200 { padding-right:200px; } .m-200 { margin:200px; } .mt-200 { margin-top:200px; } .mb-200 { margin-bottom:200px; } .ml-200 { margin-left:200px; } .mr-200 { margin-right:200px; } .mt--200 { margin-top:-200px; } .mb--200 { margin-bottom:-200px; } .p--205 { padding:205px !important; } .p-205 { padding:205px; } .pt-205 { padding-top:205px; } .pb-205 { padding-bottom:205px; } .pl-205 { padding-left:205px; } .pr-205 { padding-right:205px; } .m-205 { margin:205px; } .mt-205 { margin-top:205px; } .mb-205 { margin-bottom:205px; } .ml-205 { margin-left:205px; } .mr-205 { margin-right:205px; } .mt--205 { margin-top:-205px; } .mb--205 { margin-bottom:-205px; } .p--210 { padding:210px !important; } .p-210 { padding:210px; } .pt-210 { padding-top:210px; } .pb-210 { padding-bottom:210px; } .pl-210 { padding-left:210px; } .pr-210 { padding-right:210px; } .m-210 { margin:210px; } .mt-210 { margin-top:210px; } .mb-210 { margin-bottom:210px; } .ml-210 { margin-left:210px; } .mr-210 { margin-right:210px; } .mt--210 { margin-top:-210px; } .mb--210 { margin-bottom:-210px; } .p--215 { padding:215px !important; } .p-215 { padding:215px; } .pt-215 { padding-top:215px; } .pb-215 { padding-bottom:215px; } .pl-215 { padding-left:215px; } .pr-215 { padding-right:215px; } .m-215 { margin:215px; } .mt-215 { margin-top:215px; } .mb-215 { margin-bottom:215px; } .ml-215 { margin-left:215px; } .mr-215 { margin-right:215px; } .mt--215 { margin-top:-215px; } .mb--215 { margin-bottom:-215px; } .p--220 { padding:220px !important; } .p-220 { padding:220px; } .pt-220 { padding-top:220px; } .pb-220 { padding-bottom:220px; } .pl-220 { padding-left:220px; } .pr-220 { padding-right:220px; } .m-220 { margin:220px; } .mt-220 { margin-top:220px; } .mb-220 { margin-bottom:220px; } .ml-220 { margin-left:220px; } .mr-220 { margin-right:220px; } .mt--220 { margin-top:-220px; } .mb--220 { margin-bottom:-220px; } .p--225 { padding:225px !important; } .p-225 { padding:225px; } .pt-225 { padding-top:225px; } .pb-225 { padding-bottom:225px; } .pl-225 { padding-left:225px; } .pr-225 { padding-right:225px; } .m-225 { margin:225px; } .mt-225 { margin-top:225px; } .mb-225 { margin-bottom:225px; } .ml-225 { margin-left:225px; } .mr-225 { margin-right:225px; } .mt--225 { margin-top:-225px; } .mb--225 { margin-bottom:-225px; } .p--230 { padding:230px !important; } .p-230 { padding:230px; } .pt-230 { padding-top:230px; } .pb-230 { padding-bottom:230px; } .pl-230 { padding-left:230px; } .pr-230 { padding-right:230px; } .m-230 { margin:230px; } .mt-230 { margin-top:230px; } .mb-230 { margin-bottom:230px; } .ml-230 { margin-left:230px; } .mr-230 { margin-right:230px; } .mt--230 { margin-top:-230px; } .mb--230 { margin-bottom:-230px; } .p--235 { padding:235px !important; } .p-235 { padding:235px; } .pt-235 { padding-top:235px; } .pb-235 { padding-bottom:235px; } .pl-235 { padding-left:235px; } .pr-235 { padding-right:235px; } .m-235 { margin:235px; } .mt-235 { margin-top:235px; } .mb-235 { margin-bottom:235px; } .ml-235 { margin-left:235px; } .mr-235 { margin-right:235px; } .mt--235 { margin-top:-235px; } .mb--235 { margin-bottom:-235px; } .p--240 { padding:240px !important; } .p-240 { padding:240px; } .pt-240 { padding-top:240px; } .pb-240 { padding-bottom:240px; } .pl-240 { padding-left:240px; } .pr-240 { padding-right:240px; } .m-240 { margin:240px; } .mt-240 { margin-top:240px; } .mb-240 { margin-bottom:240px; } .ml-240 { margin-left:240px; } .mr-240 { margin-right:240px; } .mt--240 { margin-top:-240px; } .mb--240 { margin-bottom:-240px; } .p--245 { padding:245px !important; } .p-245 { padding:245px; } .pt-245 { padding-top:245px; } .pb-245 { padding-bottom:245px; } .pl-245 { padding-left:245px; } .pr-245 { padding-right:245px; } .m-245 { margin:245px; } .mt-245 { margin-top:245px; } .mb-245 { margin-bottom:245px; } .ml-245 { margin-left:245px; } .mr-245 { margin-right:245px; } .mt--245 { margin-top:-245px; } .mb--245 { margin-bottom:-245px; } .max-auto { max-width:100%; } /* div[class*=row-0-padding] > div {padding: 0 !important;} */ div[class*=full-width-section] > div { padding: 0 !important; } div[class*=full-width-section] > div > div { padding: 0 !important; } .ml-auto{ margin-left:auto; } .mr-auto{ margin-right:auto; } .vh-100{ height:100vh; } .vh-auto{ height:auto; } .col-1 { max-width:8.333%; flex:0 0 8.333%; } .col-2 { max-width:16.666%; flex:0 0 16.666%; } .col-3 { max-width:24.999000000000002%; flex:0 0 24.999000000000002%; } .col-4 { max-width:33.332%; flex:0 0 33.332%; } .col-5 { max-width:41.665%; flex:0 0 41.665%; } .col-6 { max-width:49.998000000000005%; flex:0 0 49.998000000000005%; } .col-7 { max-width:58.331%; flex:0 0 58.331%; } .col-8 { max-width:66.664%; flex:0 0 66.664%; } .col-9 { max-width:74.997%; flex:0 0 74.997%; } .col-10 { max-width:83.33%; flex:0 0 83.33%; } .col-11 { max-width:91.663%; flex:0 0 91.663%; } .col-12 { max-width:99.99600000000001%; flex:0 0 99.99600000000001%; } .max-50 { max-width:50px; } .text-2{ font-size:2px; } .max-100 { max-width:100px; } .text-4{ font-size:4px; } .max-150 { max-width:150px; } .text-6{ font-size:6px; } .max-200 { max-width:200px; } .text-8{ font-size:8px; } .max-250 { max-width:250px; } .text-10{ font-size:10px; } .max-300 { max-width:300px; } .text-12{ font-size:12px; } .max-350 { max-width:350px; } .text-14{ font-size:14px; } .max-400 { max-width:400px; } .text-16{ font-size:16px; } .max-450 { max-width:450px; } .text-18{ font-size:18px; } .max-500 { max-width:500px; } .text-20{ font-size:20px; } .max-550 { max-width:550px; } .text-22{ font-size:22px; } .max-600 { max-width:600px; } .text-24{ font-size:24px; } .max-650 { max-width:650px; } .text-26{ font-size:26px; } .max-700 { max-width:700px; } .text-28{ font-size:28px; } .max-750 { max-width:750px; } .text-30{ font-size:30px; } .max-800 { max-width:800px; } .text-32{ font-size:32px; } .max-850 { max-width:850px; } .text-34{ font-size:34px; } .max-900 { max-width:900px; } .text-36{ font-size:36px; } .max-950 { max-width:950px; } .text-38{ font-size:38px; } .max-1000 { max-width:1000px; } .text-40{ font-size:40px; } .max-1050 { max-width:1050px; } .text-42{ font-size:42px; } .max-1100 { max-width:1100px; } .text-44{ font-size:44px; } .max-1150 { max-width:1150px; } .text-46{ font-size:46px; } .max-1200 { max-width:1200px; } .text-48{ font-size:48px; } .max-1250 { max-width:1250px; } .text-50{ font-size:50px; } .max-1300 { max-width:1300px; } .text-52{ font-size:52px; } .max-1350 { max-width:1350px; } .text-54{ font-size:54px; } .max-1400 { max-width:1400px; } .text-56{ font-size:56px; } .max-1450 { max-width:1450px; } .text-58{ font-size:58px; } @media(min-width:768px){ .sm\:d-block { display:block; } .sm\:d-inline-block { display:inline-block; } .sm\:d-flex { display:flex; } .sm\:d-inline-flex { display:inline-flex; } .sm\:d-none { display:none; } .sm\:align-center { align-items:center; } .sm\:align-flex-start { align-items:flex-start; } .sm\:align-flex-end { align-items:flex-end; } .sm\:align-normal { align-items:normal; } .sm\:justify-center { justify-content:center; } .sm\:justify-flex-end { justify-content:flex-end; } .sm\:justify-flex-start { justify-content:flex-start; } .sm\:justify-space-around { justify-content:space-around; } .sm\:justify-space-between { justify-content:space-between; } .sm\:text-left { text-align:left; } .sm\:text-right { text-align:right; } .sm\:text-center { text-align:center; } .sm\:direction-column { flex-direction:column; } .sm\:direction-column-reverse { flex-direction:column-reverse; } .sm\:direction-row { flex-direction:row; } .sm\:direction-row-reverse { flex-direction:row-reverse; } .sm\:p--0 { padding:0px !important; } .sm\:p-0 { padding:0px; } .sm\:pt-0 { padding-top:0px; } .sm\:pb-0 { padding-bottom:0px; } .sm\:pl-0 { padding-left:0px; } .sm\:pr-0 { padding-right:0px; } .sm\:m-0 { margin:0px; } .sm\:mt-0 { margin-top:0px; } .sm\:mb-0 { margin-bottom:0px; } .sm\:ml-0 { margin-left:0px; } .sm\:mr-0 { margin-right:0px; } .sm\:ml--0 { margin-left:-0px; } .sm\:mr--0 { margin-right:-0px; } .sm\:mt--0 { margin-top:-0px; } .sm\:mb--0 { margin-bottom:-0px; } .sm\:max--0 { max-width:0%; } .sm\:mt---0 { margin-top:-0%; } .sm\:mb---0 { margin-bottom:-0%; } .sm\:p--5 { padding:5px !important; } .sm\:p-5 { padding:5px; } .sm\:pt-5 { padding-top:5px; } .sm\:pb-5 { padding-bottom:5px; } .sm\:pl-5 { padding-left:5px; } .sm\:pr-5 { padding-right:5px; } .sm\:m-5 { margin:5px; } .sm\:mt-5 { margin-top:5px; } .sm\:mb-5 { margin-bottom:5px; } .sm\:ml-5 { margin-left:5px; } .sm\:mr-5 { margin-right:5px; } .sm\:ml--5 { margin-left:-5px; } .sm\:mr--5 { margin-right:-5px; } .sm\:mt--5 { margin-top:-5px; } .sm\:mb--5 { margin-bottom:-5px; } .sm\:max--5 { max-width:5%; } .sm\:mt---5 { margin-top:-5%; } .sm\:mb---5 { margin-bottom:-5%; } .sm\:p--10 { padding:10px !important; } .sm\:p-10 { padding:10px; } .sm\:pt-10 { padding-top:10px; } .sm\:pb-10 { padding-bottom:10px; } .sm\:pl-10 { padding-left:10px; } .sm\:pr-10 { padding-right:10px; } .sm\:m-10 { margin:10px; } .sm\:mt-10 { margin-top:10px; } .sm\:mb-10 { margin-bottom:10px; } .sm\:ml-10 { margin-left:10px; } .sm\:mr-10 { margin-right:10px; } .sm\:ml--10 { margin-left:-10px; } .sm\:mr--10 { margin-right:-10px; } .sm\:mt--10 { margin-top:-10px; } .sm\:mb--10 { margin-bottom:-10px; } .sm\:max--10 { max-width:10%; } .sm\:mt---10 { margin-top:-10%; } .sm\:mb---10 { margin-bottom:-10%; } .sm\:p--15 { padding:15px !important; } .sm\:p-15 { padding:15px; } .sm\:pt-15 { padding-top:15px; } .sm\:pb-15 { padding-bottom:15px; } .sm\:pl-15 { padding-left:15px; } .sm\:pr-15 { padding-right:15px; } .sm\:m-15 { margin:15px; } .sm\:mt-15 { margin-top:15px; } .sm\:mb-15 { margin-bottom:15px; } .sm\:ml-15 { margin-left:15px; } .sm\:mr-15 { margin-right:15px; } .sm\:ml--15 { margin-left:-15px; } .sm\:mr--15 { margin-right:-15px; } .sm\:mt--15 { margin-top:-15px; } .sm\:mb--15 { margin-bottom:-15px; } .sm\:max--15 { max-width:15%; } .sm\:mt---15 { margin-top:-15%; } .sm\:mb---15 { margin-bottom:-15%; } .sm\:p--20 { padding:20px !important; } .sm\:p-20 { padding:20px; } .sm\:pt-20 { padding-top:20px; } .sm\:pb-20 { padding-bottom:20px; } .sm\:pl-20 { padding-left:20px; } .sm\:pr-20 { padding-right:20px; } .sm\:m-20 { margin:20px; } .sm\:mt-20 { margin-top:20px; } .sm\:mb-20 { margin-bottom:20px; } .sm\:ml-20 { margin-left:20px; } .sm\:mr-20 { margin-right:20px; } .sm\:ml--20 { margin-left:-20px; } .sm\:mr--20 { margin-right:-20px; } .sm\:mt--20 { margin-top:-20px; } .sm\:mb--20 { margin-bottom:-20px; } .sm\:max--20 { max-width:20%; } .sm\:mt---20 { margin-top:-20%; } .sm\:mb---20 { margin-bottom:-20%; } .sm\:p--25 { padding:25px !important; } .sm\:p-25 { padding:25px; } .sm\:pt-25 { padding-top:25px; } .sm\:pb-25 { padding-bottom:25px; } .sm\:pl-25 { padding-left:25px; } .sm\:pr-25 { padding-right:25px; } .sm\:m-25 { margin:25px; } .sm\:mt-25 { margin-top:25px; } .sm\:mb-25 { margin-bottom:25px; } .sm\:ml-25 { margin-left:25px; } .sm\:mr-25 { margin-right:25px; } .sm\:ml--25 { margin-left:-25px; } .sm\:mr--25 { margin-right:-25px; } .sm\:mt--25 { margin-top:-25px; } .sm\:mb--25 { margin-bottom:-25px; } .sm\:max--25 { max-width:25%; } .sm\:mt---25 { margin-top:-25%; } .sm\:mb---25 { margin-bottom:-25%; } .sm\:p--30 { padding:30px !important; } .sm\:p-30 { padding:30px; } .sm\:pt-30 { padding-top:30px; } .sm\:pb-30 { padding-bottom:30px; } .sm\:pl-30 { padding-left:30px; } .sm\:pr-30 { padding-right:30px; } .sm\:m-30 { margin:30px; } .sm\:mt-30 { margin-top:30px; } .sm\:mb-30 { margin-bottom:30px; } .sm\:ml-30 { margin-left:30px; } .sm\:mr-30 { margin-right:30px; } .sm\:ml--30 { margin-left:-30px; } .sm\:mr--30 { margin-right:-30px; } .sm\:mt--30 { margin-top:-30px; } .sm\:mb--30 { margin-bottom:-30px; } .sm\:max--30 { max-width:30%; } .sm\:mt---30 { margin-top:-30%; } .sm\:mb---30 { margin-bottom:-30%; } .sm\:p--35 { padding:35px !important; } .sm\:p-35 { padding:35px; } .sm\:pt-35 { padding-top:35px; } .sm\:pb-35 { padding-bottom:35px; } .sm\:pl-35 { padding-left:35px; } .sm\:pr-35 { padding-right:35px; } .sm\:m-35 { margin:35px; } .sm\:mt-35 { margin-top:35px; } .sm\:mb-35 { margin-bottom:35px; } .sm\:ml-35 { margin-left:35px; } .sm\:mr-35 { margin-right:35px; } .sm\:ml--35 { margin-left:-35px; } .sm\:mr--35 { margin-right:-35px; } .sm\:mt--35 { margin-top:-35px; } .sm\:mb--35 { margin-bottom:-35px; } .sm\:max--35 { max-width:35%; } .sm\:mt---35 { margin-top:-35%; } .sm\:mb---35 { margin-bottom:-35%; } .sm\:p--40 { padding:40px !important; } .sm\:p-40 { padding:40px; } .sm\:pt-40 { padding-top:40px; } .sm\:pb-40 { padding-bottom:40px; } .sm\:pl-40 { padding-left:40px; } .sm\:pr-40 { padding-right:40px; } .sm\:m-40 { margin:40px; } .sm\:mt-40 { margin-top:40px; } .sm\:mb-40 { margin-bottom:40px; } .sm\:ml-40 { margin-left:40px; } .sm\:mr-40 { margin-right:40px; } .sm\:ml--40 { margin-left:-40px; } .sm\:mr--40 { margin-right:-40px; } .sm\:mt--40 { margin-top:-40px; } .sm\:mb--40 { margin-bottom:-40px; } .sm\:max--40 { max-width:40%; } .sm\:mt---40 { margin-top:-40%; } .sm\:mb---40 { margin-bottom:-40%; } .sm\:p--45 { padding:45px !important; } .sm\:p-45 { padding:45px; } .sm\:pt-45 { padding-top:45px; } .sm\:pb-45 { padding-bottom:45px; } .sm\:pl-45 { padding-left:45px; } .sm\:pr-45 { padding-right:45px; } .sm\:m-45 { margin:45px; } .sm\:mt-45 { margin-top:45px; } .sm\:mb-45 { margin-bottom:45px; } .sm\:ml-45 { margin-left:45px; } .sm\:mr-45 { margin-right:45px; } .sm\:ml--45 { margin-left:-45px; } .sm\:mr--45 { margin-right:-45px; } .sm\:mt--45 { margin-top:-45px; } .sm\:mb--45 { margin-bottom:-45px; } .sm\:max--45 { max-width:45%; } .sm\:mt---45 { margin-top:-45%; } .sm\:mb---45 { margin-bottom:-45%; } .sm\:p--50 { padding:50px !important; } .sm\:p-50 { padding:50px; } .sm\:pt-50 { padding-top:50px; } .sm\:pb-50 { padding-bottom:50px; } .sm\:pl-50 { padding-left:50px; } .sm\:pr-50 { padding-right:50px; } .sm\:m-50 { margin:50px; } .sm\:mt-50 { margin-top:50px; } .sm\:mb-50 { margin-bottom:50px; } .sm\:ml-50 { margin-left:50px; } .sm\:mr-50 { margin-right:50px; } .sm\:ml--50 { margin-left:-50px; } .sm\:mr--50 { margin-right:-50px; } .sm\:mt--50 { margin-top:-50px; } .sm\:mb--50 { margin-bottom:-50px; } .sm\:max--50 { max-width:50%; } .sm\:mt---50 { margin-top:-50%; } .sm\:mb---50 { margin-bottom:-50%; } .sm\:p--55 { padding:55px !important; } .sm\:p-55 { padding:55px; } .sm\:pt-55 { padding-top:55px; } .sm\:pb-55 { padding-bottom:55px; } .sm\:pl-55 { padding-left:55px; } .sm\:pr-55 { padding-right:55px; } .sm\:m-55 { margin:55px; } .sm\:mt-55 { margin-top:55px; } .sm\:mb-55 { margin-bottom:55px; } .sm\:ml-55 { margin-left:55px; } .sm\:mr-55 { margin-right:55px; } .sm\:ml--55 { margin-left:-55px; } .sm\:mr--55 { margin-right:-55px; } .sm\:mt--55 { margin-top:-55px; } .sm\:mb--55 { margin-bottom:-55px; } .sm\:max--55 { max-width:55%; } .sm\:mt---55 { margin-top:-55%; } .sm\:mb---55 { margin-bottom:-55%; } .sm\:p--60 { padding:60px !important; } .sm\:p-60 { padding:60px; } .sm\:pt-60 { padding-top:60px; } .sm\:pb-60 { padding-bottom:60px; } .sm\:pl-60 { padding-left:60px; } .sm\:pr-60 { padding-right:60px; } .sm\:m-60 { margin:60px; } .sm\:mt-60 { margin-top:60px; } .sm\:mb-60 { margin-bottom:60px; } .sm\:ml-60 { margin-left:60px; } .sm\:mr-60 { margin-right:60px; } .sm\:ml--60 { margin-left:-60px; } .sm\:mr--60 { margin-right:-60px; } .sm\:mt--60 { margin-top:-60px; } .sm\:mb--60 { margin-bottom:-60px; } .sm\:max--60 { max-width:60%; } .sm\:mt---60 { margin-top:-60%; } .sm\:mb---60 { margin-bottom:-60%; } .sm\:p--65 { padding:65px !important; } .sm\:p-65 { padding:65px; } .sm\:pt-65 { padding-top:65px; } .sm\:pb-65 { padding-bottom:65px; } .sm\:pl-65 { padding-left:65px; } .sm\:pr-65 { padding-right:65px; } .sm\:m-65 { margin:65px; } .sm\:mt-65 { margin-top:65px; } .sm\:mb-65 { margin-bottom:65px; } .sm\:ml-65 { margin-left:65px; } .sm\:mr-65 { margin-right:65px; } .sm\:ml--65 { margin-left:-65px; } .sm\:mr--65 { margin-right:-65px; } .sm\:mt--65 { margin-top:-65px; } .sm\:mb--65 { margin-bottom:-65px; } .sm\:max--65 { max-width:65%; } .sm\:mt---65 { margin-top:-65%; } .sm\:mb---65 { margin-bottom:-65%; } .sm\:p--70 { padding:70px !important; } .sm\:p-70 { padding:70px; } .sm\:pt-70 { padding-top:70px; } .sm\:pb-70 { padding-bottom:70px; } .sm\:pl-70 { padding-left:70px; } .sm\:pr-70 { padding-right:70px; } .sm\:m-70 { margin:70px; } .sm\:mt-70 { margin-top:70px; } .sm\:mb-70 { margin-bottom:70px; } .sm\:ml-70 { margin-left:70px; } .sm\:mr-70 { margin-right:70px; } .sm\:ml--70 { margin-left:-70px; } .sm\:mr--70 { margin-right:-70px; } .sm\:mt--70 { margin-top:-70px; } .sm\:mb--70 { margin-bottom:-70px; } .sm\:max--70 { max-width:70%; } .sm\:mt---70 { margin-top:-70%; } .sm\:mb---70 { margin-bottom:-70%; } .sm\:p--75 { padding:75px !important; } .sm\:p-75 { padding:75px; } .sm\:pt-75 { padding-top:75px; } .sm\:pb-75 { padding-bottom:75px; } .sm\:pl-75 { padding-left:75px; } .sm\:pr-75 { padding-right:75px; } .sm\:m-75 { margin:75px; } .sm\:mt-75 { margin-top:75px; } .sm\:mb-75 { margin-bottom:75px; } .sm\:ml-75 { margin-left:75px; } .sm\:mr-75 { margin-right:75px; } .sm\:ml--75 { margin-left:-75px; } .sm\:mr--75 { margin-right:-75px; } .sm\:mt--75 { margin-top:-75px; } .sm\:mb--75 { margin-bottom:-75px; } .sm\:max--75 { max-width:75%; } .sm\:mt---75 { margin-top:-75%; } .sm\:mb---75 { margin-bottom:-75%; } .sm\:p--80 { padding:80px !important; } .sm\:p-80 { padding:80px; } .sm\:pt-80 { padding-top:80px; } .sm\:pb-80 { padding-bottom:80px; } .sm\:pl-80 { padding-left:80px; } .sm\:pr-80 { padding-right:80px; } .sm\:m-80 { margin:80px; } .sm\:mt-80 { margin-top:80px; } .sm\:mb-80 { margin-bottom:80px; } .sm\:ml-80 { margin-left:80px; } .sm\:mr-80 { margin-right:80px; } .sm\:ml--80 { margin-left:-80px; } .sm\:mr--80 { margin-right:-80px; } .sm\:mt--80 { margin-top:-80px; } .sm\:mb--80 { margin-bottom:-80px; } .sm\:max--80 { max-width:80%; } .sm\:mt---80 { margin-top:-80%; } .sm\:mb---80 { margin-bottom:-80%; } .sm\:p--85 { padding:85px !important; } .sm\:p-85 { padding:85px; } .sm\:pt-85 { padding-top:85px; } .sm\:pb-85 { padding-bottom:85px; } .sm\:pl-85 { padding-left:85px; } .sm\:pr-85 { padding-right:85px; } .sm\:m-85 { margin:85px; } .sm\:mt-85 { margin-top:85px; } .sm\:mb-85 { margin-bottom:85px; } .sm\:ml-85 { margin-left:85px; } .sm\:mr-85 { margin-right:85px; } .sm\:ml--85 { margin-left:-85px; } .sm\:mr--85 { margin-right:-85px; } .sm\:mt--85 { margin-top:-85px; } .sm\:mb--85 { margin-bottom:-85px; } .sm\:max--85 { max-width:85%; } .sm\:mt---85 { margin-top:-85%; } .sm\:mb---85 { margin-bottom:-85%; } .sm\:p--90 { padding:90px !important; } .sm\:p-90 { padding:90px; } .sm\:pt-90 { padding-top:90px; } .sm\:pb-90 { padding-bottom:90px; } .sm\:pl-90 { padding-left:90px; } .sm\:pr-90 { padding-right:90px; } .sm\:m-90 { margin:90px; } .sm\:mt-90 { margin-top:90px; } .sm\:mb-90 { margin-bottom:90px; } .sm\:ml-90 { margin-left:90px; } .sm\:mr-90 { margin-right:90px; } .sm\:ml--90 { margin-left:-90px; } .sm\:mr--90 { margin-right:-90px; } .sm\:mt--90 { margin-top:-90px; } .sm\:mb--90 { margin-bottom:-90px; } .sm\:max--90 { max-width:90%; } .sm\:mt---90 { margin-top:-90%; } .sm\:mb---90 { margin-bottom:-90%; } .sm\:p--95 { padding:95px !important; } .sm\:p-95 { padding:95px; } .sm\:pt-95 { padding-top:95px; } .sm\:pb-95 { padding-bottom:95px; } .sm\:pl-95 { padding-left:95px; } .sm\:pr-95 { padding-right:95px; } .sm\:m-95 { margin:95px; } .sm\:mt-95 { margin-top:95px; } .sm\:mb-95 { margin-bottom:95px; } .sm\:ml-95 { margin-left:95px; } .sm\:mr-95 { margin-right:95px; } .sm\:ml--95 { margin-left:-95px; } .sm\:mr--95 { margin-right:-95px; } .sm\:mt--95 { margin-top:-95px; } .sm\:mb--95 { margin-bottom:-95px; } .sm\:max--95 { max-width:95%; } .sm\:mt---95 { margin-top:-95%; } .sm\:mb---95 { margin-bottom:-95%; } .sm\:p--100 { padding:100px !important; } .sm\:p-100 { padding:100px; } .sm\:pt-100 { padding-top:100px; } .sm\:pb-100 { padding-bottom:100px; } .sm\:pl-100 { padding-left:100px; } .sm\:pr-100 { padding-right:100px; } .sm\:m-100 { margin:100px; } .sm\:mt-100 { margin-top:100px; } .sm\:mb-100 { margin-bottom:100px; } .sm\:ml-100 { margin-left:100px; } .sm\:mr-100 { margin-right:100px; } .sm\:ml--100 { margin-left:-100px; } .sm\:mr--100 { margin-right:-100px; } .sm\:mt--100 { margin-top:-100px; } .sm\:mb--100 { margin-bottom:-100px; } .sm\:max--100 { max-width:100%; } .sm\:mt---100 { margin-top:-100%; } .sm\:mb---100 { margin-bottom:-100%; } .sm\:p--105 { padding:105px !important; } .sm\:p-105 { padding:105px; } .sm\:pt-105 { padding-top:105px; } .sm\:pb-105 { padding-bottom:105px; } .sm\:pl-105 { padding-left:105px; } .sm\:pr-105 { padding-right:105px; } .sm\:m-105 { margin:105px; } .sm\:mt-105 { margin-top:105px; } .sm\:mb-105 { margin-bottom:105px; } .sm\:ml-105 { margin-left:105px; } .sm\:mr-105 { margin-right:105px; } .sm\:ml--105 { margin-left:-105px; } .sm\:mr--105 { margin-right:-105px; } .sm\:mt--105 { margin-top:-105px; } .sm\:mb--105 { margin-bottom:-105px; } .sm\:max--105 { max-width:105%; } .sm\:mt---105 { margin-top:-105%; } .sm\:mb---105 { margin-bottom:-105%; } .sm\:p--110 { padding:110px !important; } .sm\:p-110 { padding:110px; } .sm\:pt-110 { padding-top:110px; } .sm\:pb-110 { padding-bottom:110px; } .sm\:pl-110 { padding-left:110px; } .sm\:pr-110 { padding-right:110px; } .sm\:m-110 { margin:110px; } .sm\:mt-110 { margin-top:110px; } .sm\:mb-110 { margin-bottom:110px; } .sm\:ml-110 { margin-left:110px; } .sm\:mr-110 { margin-right:110px; } .sm\:ml--110 { margin-left:-110px; } .sm\:mr--110 { margin-right:-110px; } .sm\:mt--110 { margin-top:-110px; } .sm\:mb--110 { margin-bottom:-110px; } .sm\:max--110 { max-width:110%; } .sm\:mt---110 { margin-top:-110%; } .sm\:mb---110 { margin-bottom:-110%; } .sm\:p--115 { padding:115px !important; } .sm\:p-115 { padding:115px; } .sm\:pt-115 { padding-top:115px; } .sm\:pb-115 { padding-bottom:115px; } .sm\:pl-115 { padding-left:115px; } .sm\:pr-115 { padding-right:115px; } .sm\:m-115 { margin:115px; } .sm\:mt-115 { margin-top:115px; } .sm\:mb-115 { margin-bottom:115px; } .sm\:ml-115 { margin-left:115px; } .sm\:mr-115 { margin-right:115px; } .sm\:ml--115 { margin-left:-115px; } .sm\:mr--115 { margin-right:-115px; } .sm\:mt--115 { margin-top:-115px; } .sm\:mb--115 { margin-bottom:-115px; } .sm\:max--115 { max-width:115%; } .sm\:mt---115 { margin-top:-115%; } .sm\:mb---115 { margin-bottom:-115%; } .sm\:p--120 { padding:120px !important; } .sm\:p-120 { padding:120px; } .sm\:pt-120 { padding-top:120px; } .sm\:pb-120 { padding-bottom:120px; } .sm\:pl-120 { padding-left:120px; } .sm\:pr-120 { padding-right:120px; } .sm\:m-120 { margin:120px; } .sm\:mt-120 { margin-top:120px; } .sm\:mb-120 { margin-bottom:120px; } .sm\:ml-120 { margin-left:120px; } .sm\:mr-120 { margin-right:120px; } .sm\:ml--120 { margin-left:-120px; } .sm\:mr--120 { margin-right:-120px; } .sm\:mt--120 { margin-top:-120px; } .sm\:mb--120 { margin-bottom:-120px; } .sm\:max--120 { max-width:120%; } .sm\:mt---120 { margin-top:-120%; } .sm\:mb---120 { margin-bottom:-120%; } .sm\:p--125 { padding:125px !important; } .sm\:p-125 { padding:125px; } .sm\:pt-125 { padding-top:125px; } .sm\:pb-125 { padding-bottom:125px; } .sm\:pl-125 { padding-left:125px; } .sm\:pr-125 { padding-right:125px; } .sm\:m-125 { margin:125px; } .sm\:mt-125 { margin-top:125px; } .sm\:mb-125 { margin-bottom:125px; } .sm\:ml-125 { margin-left:125px; } .sm\:mr-125 { margin-right:125px; } .sm\:ml--125 { margin-left:-125px; } .sm\:mr--125 { margin-right:-125px; } .sm\:mt--125 { margin-top:-125px; } .sm\:mb--125 { margin-bottom:-125px; } .sm\:max--125 { max-width:125%; } .sm\:mt---125 { margin-top:-125%; } .sm\:mb---125 { margin-bottom:-125%; } .sm\:p--130 { padding:130px !important; } .sm\:p-130 { padding:130px; } .sm\:pt-130 { padding-top:130px; } .sm\:pb-130 { padding-bottom:130px; } .sm\:pl-130 { padding-left:130px; } .sm\:pr-130 { padding-right:130px; } .sm\:m-130 { margin:130px; } .sm\:mt-130 { margin-top:130px; } .sm\:mb-130 { margin-bottom:130px; } .sm\:ml-130 { margin-left:130px; } .sm\:mr-130 { margin-right:130px; } .sm\:ml--130 { margin-left:-130px; } .sm\:mr--130 { margin-right:-130px; } .sm\:mt--130 { margin-top:-130px; } .sm\:mb--130 { margin-bottom:-130px; } .sm\:max--130 { max-width:130%; } .sm\:mt---130 { margin-top:-130%; } .sm\:mb---130 { margin-bottom:-130%; } .sm\:p--135 { padding:135px !important; } .sm\:p-135 { padding:135px; } .sm\:pt-135 { padding-top:135px; } .sm\:pb-135 { padding-bottom:135px; } .sm\:pl-135 { padding-left:135px; } .sm\:pr-135 { padding-right:135px; } .sm\:m-135 { margin:135px; } .sm\:mt-135 { margin-top:135px; } .sm\:mb-135 { margin-bottom:135px; } .sm\:ml-135 { margin-left:135px; } .sm\:mr-135 { margin-right:135px; } .sm\:ml--135 { margin-left:-135px; } .sm\:mr--135 { margin-right:-135px; } .sm\:mt--135 { margin-top:-135px; } .sm\:mb--135 { margin-bottom:-135px; } .sm\:max--135 { max-width:135%; } .sm\:mt---135 { margin-top:-135%; } .sm\:mb---135 { margin-bottom:-135%; } .sm\:p--140 { padding:140px !important; } .sm\:p-140 { padding:140px; } .sm\:pt-140 { padding-top:140px; } .sm\:pb-140 { padding-bottom:140px; } .sm\:pl-140 { padding-left:140px; } .sm\:pr-140 { padding-right:140px; } .sm\:m-140 { margin:140px; } .sm\:mt-140 { margin-top:140px; } .sm\:mb-140 { margin-bottom:140px; } .sm\:ml-140 { margin-left:140px; } .sm\:mr-140 { margin-right:140px; } .sm\:ml--140 { margin-left:-140px; } .sm\:mr--140 { margin-right:-140px; } .sm\:mt--140 { margin-top:-140px; } .sm\:mb--140 { margin-bottom:-140px; } .sm\:max--140 { max-width:140%; } .sm\:mt---140 { margin-top:-140%; } .sm\:mb---140 { margin-bottom:-140%; } .sm\:p--145 { padding:145px !important; } .sm\:p-145 { padding:145px; } .sm\:pt-145 { padding-top:145px; } .sm\:pb-145 { padding-bottom:145px; } .sm\:pl-145 { padding-left:145px; } .sm\:pr-145 { padding-right:145px; } .sm\:m-145 { margin:145px; } .sm\:mt-145 { margin-top:145px; } .sm\:mb-145 { margin-bottom:145px; } .sm\:ml-145 { margin-left:145px; } .sm\:mr-145 { margin-right:145px; } .sm\:ml--145 { margin-left:-145px; } .sm\:mr--145 { margin-right:-145px; } .sm\:mt--145 { margin-top:-145px; } .sm\:mb--145 { margin-bottom:-145px; } .sm\:max--145 { max-width:145%; } .sm\:mt---145 { margin-top:-145%; } .sm\:mb---145 { margin-bottom:-145%; } .sm\:p--150 { padding:150px !important; } .sm\:p-150 { padding:150px; } .sm\:pt-150 { padding-top:150px; } .sm\:pb-150 { padding-bottom:150px; } .sm\:pl-150 { padding-left:150px; } .sm\:pr-150 { padding-right:150px; } .sm\:m-150 { margin:150px; } .sm\:mt-150 { margin-top:150px; } .sm\:mb-150 { margin-bottom:150px; } .sm\:ml-150 { margin-left:150px; } .sm\:mr-150 { margin-right:150px; } .sm\:ml--150 { margin-left:-150px; } .sm\:mr--150 { margin-right:-150px; } .sm\:mt--150 { margin-top:-150px; } .sm\:mb--150 { margin-bottom:-150px; } .sm\:max--150 { max-width:150%; } .sm\:mt---150 { margin-top:-150%; } .sm\:mb---150 { margin-bottom:-150%; } .sm\:col-1 { max-width:8.333%; flex:0 0 8.333%; } .sm\:max-50 { max-width:50px; } .sm\:text-2{ font-size:2px; } .sm\:col-2 { max-width:16.666%; flex:0 0 16.666%; } .sm\:max-100 { max-width:100px; } .sm\:text-4{ font-size:4px; } .sm\:col-3 { max-width:24.999000000000002%; flex:0 0 24.999000000000002%; } .sm\:max-150 { max-width:150px; } .sm\:text-6{ font-size:6px; } .sm\:col-4 { max-width:33.332%; flex:0 0 33.332%; } .sm\:max-200 { max-width:200px; } .sm\:text-8{ font-size:8px; } .sm\:col-5 { max-width:41.665%; flex:0 0 41.665%; } .sm\:max-250 { max-width:250px; } .sm\:text-10{ font-size:10px; } .sm\:col-6 { max-width:49.998000000000005%; flex:0 0 49.998000000000005%; } .sm\:max-300 { max-width:300px; } .sm\:text-12{ font-size:12px; } .sm\:col-7 { max-width:58.331%; flex:0 0 58.331%; } .sm\:max-350 { max-width:350px; } .sm\:text-14{ font-size:14px; } .sm\:col-8 { max-width:66.664%; flex:0 0 66.664%; } .sm\:max-400 { max-width:400px; } .sm\:text-16{ font-size:16px; } .sm\:col-9 { max-width:74.997%; flex:0 0 74.997%; } .sm\:max-450 { max-width:450px; } .sm\:text-18{ font-size:18px; } .sm\:col-10 { max-width:83.33%; flex:0 0 83.33%; } .sm\:max-500 { max-width:500px; } .sm\:text-20{ font-size:20px; } .sm\:col-11 { max-width:91.663%; flex:0 0 91.663%; } .sm\:max-550 { max-width:550px; } .sm\:text-22{ font-size:22px; } .sm\:col-12 { max-width:99.99600000000001%; flex:0 0 99.99600000000001%; } .sm\:max-600 { max-width:600px; } .sm\:text-24{ font-size:24px; } .sm\:col-13 { max-width:108.32900000000001%; flex:0 0 108.32900000000001%; } .sm\:max-650 { max-width:650px; } .sm\:text-26{ font-size:26px; } .sm\:col-14 { max-width:116.662%; flex:0 0 116.662%; } .sm\:max-700 { max-width:700px; } .sm\:text-28{ font-size:28px; } .sm\:col-15 { max-width:124.995%; flex:0 0 124.995%; } .sm\:max-750 { max-width:750px; } .sm\:text-30{ font-size:30px; } .sm\:col-16 { max-width:133.328%; flex:0 0 133.328%; } .sm\:max-800 { max-width:800px; } .sm\:text-32{ font-size:32px; } .sm\:col-17 { max-width:141.661%; flex:0 0 141.661%; } .sm\:max-850 { max-width:850px; } .sm\:text-34{ font-size:34px; } .sm\:col-18 { max-width:149.994%; flex:0 0 149.994%; } .sm\:max-900 { max-width:900px; } .sm\:text-36{ font-size:36px; } .sm\:col-19 { max-width:158.327%; flex:0 0 158.327%; } .sm\:max-950 { max-width:950px; } .sm\:text-38{ font-size:38px; } .sm\:col-20 { max-width:166.66%; flex:0 0 166.66%; } .sm\:max-1000 { max-width:1000px; } .sm\:text-40{ font-size:40px; } .sm\:col-21 { max-width:174.993%; flex:0 0 174.993%; } .sm\:max-1050 { max-width:1050px; } .sm\:text-42{ font-size:42px; } .sm\:col-22 { max-width:183.326%; flex:0 0 183.326%; } .sm\:max-1100 { max-width:1100px; } .sm\:text-44{ font-size:44px; } .sm\:col-23 { max-width:191.659%; flex:0 0 191.659%; } .sm\:max-1150 { max-width:1150px; } .sm\:text-46{ font-size:46px; } .sm\:col-24 { max-width:199.99200000000002%; flex:0 0 199.99200000000002%; } .sm\:max-1200 { max-width:1200px; } .sm\:text-48{ font-size:48px; } .sm\:col-25 { max-width:208.32500000000002%; flex:0 0 208.32500000000002%; } .sm\:max-1250 { max-width:1250px; } .sm\:text-50{ font-size:50px; } .sm\:col-26 { max-width:216.65800000000002%; flex:0 0 216.65800000000002%; } .sm\:max-1300 { max-width:1300px; } .sm\:text-52{ font-size:52px; } .sm\:col-27 { max-width:224.991%; flex:0 0 224.991%; } .sm\:max-1350 { max-width:1350px; } .sm\:text-54{ font-size:54px; } .sm\:col-28 { max-width:233.324%; flex:0 0 233.324%; } .sm\:max-1400 { max-width:1400px; } .sm\:text-56{ font-size:56px; } .sm\:col-29 { max-width:241.657%; flex:0 0 241.657%; } .sm\:max-1450 { max-width:1450px; } .sm\:text-58{ font-size:58px; } .sm\:max-full { max-width:100%; } .sm\:ml-auto{ margin-left:auto; } .sm\:mr-auto{ margin-right:auto; } .sm\:vh-100{ height:100vh; } .sm\:vh-auto{ height:auto; } } @media(min-width:992px){ .md\:d-block { display:block; } .md\:d-inline-block { display:inline-block; } .md\:d-flex { display:flex; } .md\:d-inline-flex { display:inline-flex; } .md\:d-none { display:none; } .md\:align-center { align-items:center; } .md\:align-flex-start { align-items:flex-start; } .md\:align-flex-end { align-items:flex-end; } .md\:align-normal { align-items:normal; } .md\:justify-center { justify-content:center; } .md\:justify-flex-end { justify-content:flex-end; } .md\:justify-flex-start { justify-content:flex-start; } .md\:justify-space-around { justify-content:space-around; } .md\:justify-space-between { justify-content:space-between; } .md\:text-left { text-align:left; } .md\:text-right { text-align:right; } .md\:text-center { text-align:center; } .md\:direction-column { flex-direction:column; } .md\:direction-column-reverse { flex-direction:column-reverse; } .md\:direction-row { flex-direction:row; } .md\:direction-row-reverse { flex-direction:row-reverse; } .md\:p--0 { padding:0px !important; } .md\:p-0 { padding:0px; } .md\:pt-0 { padding-top:0px; } .md\:pb-0 { padding-bottom:0px; } .md\:pl-0 { padding-left:0px; } .md\:pr-0 { padding-right:0px; } .md\:m-0 { margin:0px; } .md\:mt-0 { margin-top:0px; } .md\:mb-0 { margin-bottom:0px; } .md\:ml-0 { margin-left:0px; } .md\:mr-0 { margin-right:0px; } .md\:ml--0 { margin-left:-0px; } .md\:mr--0 { margin-right:-0px; } .md\:mt--0 { margin-top:-0px; } .md\:mb--0 { margin-bottom:-0px; } .md\:max--0 { max-width:0%; } .md\:mt---0 { margin-top:-0%; } .md\:mb---0 { margin-bottom:-0%; } .md\:p--5 { padding:5px !important; } .md\:p-5 { padding:5px; } .md\:pt-5 { padding-top:5px; } .md\:pb-5 { padding-bottom:5px; } .md\:pl-5 { padding-left:5px; } .md\:pr-5 { padding-right:5px; } .md\:m-5 { margin:5px; } .md\:mt-5 { margin-top:5px; } .md\:mb-5 { margin-bottom:5px; } .md\:ml-5 { margin-left:5px; } .md\:mr-5 { margin-right:5px; } .md\:ml--5 { margin-left:-5px; } .md\:mr--5 { margin-right:-5px; } .md\:mt--5 { margin-top:-5px; } .md\:mb--5 { margin-bottom:-5px; } .md\:max--5 { max-width:5%; } .md\:mt---5 { margin-top:-5%; } .md\:mb---5 { margin-bottom:-5%; } .md\:p--10 { padding:10px !important; } .md\:p-10 { padding:10px; } .md\:pt-10 { padding-top:10px; } .md\:pb-10 { padding-bottom:10px; } .md\:pl-10 { padding-left:10px; } .md\:pr-10 { padding-right:10px; } .md\:m-10 { margin:10px; } .md\:mt-10 { margin-top:10px; } .md\:mb-10 { margin-bottom:10px; } .md\:ml-10 { margin-left:10px; } .md\:mr-10 { margin-right:10px; } .md\:ml--10 { margin-left:-10px; } .md\:mr--10 { margin-right:-10px; } .md\:mt--10 { margin-top:-10px; } .md\:mb--10 { margin-bottom:-10px; } .md\:max--10 { max-width:10%; } .md\:mt---10 { margin-top:-10%; } .md\:mb---10 { margin-bottom:-10%; } .md\:p--15 { padding:15px !important; } .md\:p-15 { padding:15px; } .md\:pt-15 { padding-top:15px; } .md\:pb-15 { padding-bottom:15px; } .md\:pl-15 { padding-left:15px; } .md\:pr-15 { padding-right:15px; } .md\:m-15 { margin:15px; } .md\:mt-15 { margin-top:15px; } .md\:mb-15 { margin-bottom:15px; } .md\:ml-15 { margin-left:15px; } .md\:mr-15 { margin-right:15px; } .md\:ml--15 { margin-left:-15px; } .md\:mr--15 { margin-right:-15px; } .md\:mt--15 { margin-top:-15px; } .md\:mb--15 { margin-bottom:-15px; } .md\:max--15 { max-width:15%; } .md\:mt---15 { margin-top:-15%; } .md\:mb---15 { margin-bottom:-15%; } .md\:p--20 { padding:20px !important; } .md\:p-20 { padding:20px; } .md\:pt-20 { padding-top:20px; } .md\:pb-20 { padding-bottom:20px; } .md\:pl-20 { padding-left:20px; } .md\:pr-20 { padding-right:20px; } .md\:m-20 { margin:20px; } .md\:mt-20 { margin-top:20px; } .md\:mb-20 { margin-bottom:20px; } .md\:ml-20 { margin-left:20px; } .md\:mr-20 { margin-right:20px; } .md\:ml--20 { margin-left:-20px; } .md\:mr--20 { margin-right:-20px; } .md\:mt--20 { margin-top:-20px; } .md\:mb--20 { margin-bottom:-20px; } .md\:max--20 { max-width:20%; } .md\:mt---20 { margin-top:-20%; } .md\:mb---20 { margin-bottom:-20%; } .md\:p--25 { padding:25px !important; } .md\:p-25 { padding:25px; } .md\:pt-25 { padding-top:25px; } .md\:pb-25 { padding-bottom:25px; } .md\:pl-25 { padding-left:25px; } .md\:pr-25 { padding-right:25px; } .md\:m-25 { margin:25px; } .md\:mt-25 { margin-top:25px; } .md\:mb-25 { margin-bottom:25px; } .md\:ml-25 { margin-left:25px; } .md\:mr-25 { margin-right:25px; } .md\:ml--25 { margin-left:-25px; } .md\:mr--25 { margin-right:-25px; } .md\:mt--25 { margin-top:-25px; } .md\:mb--25 { margin-bottom:-25px; } .md\:max--25 { max-width:25%; } .md\:mt---25 { margin-top:-25%; } .md\:mb---25 { margin-bottom:-25%; } .md\:p--30 { padding:30px !important; } .md\:p-30 { padding:30px; } .md\:pt-30 { padding-top:30px; } .md\:pb-30 { padding-bottom:30px; } .md\:pl-30 { padding-left:30px; } .md\:pr-30 { padding-right:30px; } .md\:m-30 { margin:30px; } .md\:mt-30 { margin-top:30px; } .md\:mb-30 { margin-bottom:30px; } .md\:ml-30 { margin-left:30px; } .md\:mr-30 { margin-right:30px; } .md\:ml--30 { margin-left:-30px; } .md\:mr--30 { margin-right:-30px; } .md\:mt--30 { margin-top:-30px; } .md\:mb--30 { margin-bottom:-30px; } .md\:max--30 { max-width:30%; } .md\:mt---30 { margin-top:-30%; } .md\:mb---30 { margin-bottom:-30%; } .md\:p--35 { padding:35px !important; } .md\:p-35 { padding:35px; } .md\:pt-35 { padding-top:35px; } .md\:pb-35 { padding-bottom:35px; } .md\:pl-35 { padding-left:35px; } .md\:pr-35 { padding-right:35px; } .md\:m-35 { margin:35px; } .md\:mt-35 { margin-top:35px; } .md\:mb-35 { margin-bottom:35px; } .md\:ml-35 { margin-left:35px; } .md\:mr-35 { margin-right:35px; } .md\:ml--35 { margin-left:-35px; } .md\:mr--35 { margin-right:-35px; } .md\:mt--35 { margin-top:-35px; } .md\:mb--35 { margin-bottom:-35px; } .md\:max--35 { max-width:35%; } .md\:mt---35 { margin-top:-35%; } .md\:mb---35 { margin-bottom:-35%; } .md\:p--40 { padding:40px !important; } .md\:p-40 { padding:40px; } .md\:pt-40 { padding-top:40px; } .md\:pb-40 { padding-bottom:40px; } .md\:pl-40 { padding-left:40px; } .md\:pr-40 { padding-right:40px; } .md\:m-40 { margin:40px; } .md\:mt-40 { margin-top:40px; } .md\:mb-40 { margin-bottom:40px; } .md\:ml-40 { margin-left:40px; } .md\:mr-40 { margin-right:40px; } .md\:ml--40 { margin-left:-40px; } .md\:mr--40 { margin-right:-40px; } .md\:mt--40 { margin-top:-40px; } .md\:mb--40 { margin-bottom:-40px; } .md\:max--40 { max-width:40%; } .md\:mt---40 { margin-top:-40%; } .md\:mb---40 { margin-bottom:-40%; } .md\:p--45 { padding:45px !important; } .md\:p-45 { padding:45px; } .md\:pt-45 { padding-top:45px; } .md\:pb-45 { padding-bottom:45px; } .md\:pl-45 { padding-left:45px; } .md\:pr-45 { padding-right:45px; } .md\:m-45 { margin:45px; } .md\:mt-45 { margin-top:45px; } .md\:mb-45 { margin-bottom:45px; } .md\:ml-45 { margin-left:45px; } .md\:mr-45 { margin-right:45px; } .md\:ml--45 { margin-left:-45px; } .md\:mr--45 { margin-right:-45px; } .md\:mt--45 { margin-top:-45px; } .md\:mb--45 { margin-bottom:-45px; } .md\:max--45 { max-width:45%; } .md\:mt---45 { margin-top:-45%; } .md\:mb---45 { margin-bottom:-45%; } .md\:p--50 { padding:50px !important; } .md\:p-50 { padding:50px; } .md\:pt-50 { padding-top:50px; } .md\:pb-50 { padding-bottom:50px; } .md\:pl-50 { padding-left:50px; } .md\:pr-50 { padding-right:50px; } .md\:m-50 { margin:50px; } .md\:mt-50 { margin-top:50px; } .md\:mb-50 { margin-bottom:50px; } .md\:ml-50 { margin-left:50px; } .md\:mr-50 { margin-right:50px; } .md\:ml--50 { margin-left:-50px; } .md\:mr--50 { margin-right:-50px; } .md\:mt--50 { margin-top:-50px; } .md\:mb--50 { margin-bottom:-50px; } .md\:max--50 { max-width:50%; } .md\:mt---50 { margin-top:-50%; } .md\:mb---50 { margin-bottom:-50%; } .md\:p--55 { padding:55px !important; } .md\:p-55 { padding:55px; } .md\:pt-55 { padding-top:55px; } .md\:pb-55 { padding-bottom:55px; } .md\:pl-55 { padding-left:55px; } .md\:pr-55 { padding-right:55px; } .md\:m-55 { margin:55px; } .md\:mt-55 { margin-top:55px; } .md\:mb-55 { margin-bottom:55px; } .md\:ml-55 { margin-left:55px; } .md\:mr-55 { margin-right:55px; } .md\:ml--55 { margin-left:-55px; } .md\:mr--55 { margin-right:-55px; } .md\:mt--55 { margin-top:-55px; } .md\:mb--55 { margin-bottom:-55px; } .md\:max--55 { max-width:55%; } .md\:mt---55 { margin-top:-55%; } .md\:mb---55 { margin-bottom:-55%; } .md\:p--60 { padding:60px !important; } .md\:p-60 { padding:60px; } .md\:pt-60 { padding-top:60px; } .md\:pb-60 { padding-bottom:60px; } .md\:pl-60 { padding-left:60px; } .md\:pr-60 { padding-right:60px; } .md\:m-60 { margin:60px; } .md\:mt-60 { margin-top:60px; } .md\:mb-60 { margin-bottom:60px; } .md\:ml-60 { margin-left:60px; } .md\:mr-60 { margin-right:60px; } .md\:ml--60 { margin-left:-60px; } .md\:mr--60 { margin-right:-60px; } .md\:mt--60 { margin-top:-60px; } .md\:mb--60 { margin-bottom:-60px; } .md\:max--60 { max-width:60%; } .md\:mt---60 { margin-top:-60%; } .md\:mb---60 { margin-bottom:-60%; } .md\:p--65 { padding:65px !important; } .md\:p-65 { padding:65px; } .md\:pt-65 { padding-top:65px; } .md\:pb-65 { padding-bottom:65px; } .md\:pl-65 { padding-left:65px; } .md\:pr-65 { padding-right:65px; } .md\:m-65 { margin:65px; } .md\:mt-65 { margin-top:65px; } .md\:mb-65 { margin-bottom:65px; } .md\:ml-65 { margin-left:65px; } .md\:mr-65 { margin-right:65px; } .md\:ml--65 { margin-left:-65px; } .md\:mr--65 { margin-right:-65px; } .md\:mt--65 { margin-top:-65px; } .md\:mb--65 { margin-bottom:-65px; } .md\:max--65 { max-width:65%; } .md\:mt---65 { margin-top:-65%; } .md\:mb---65 { margin-bottom:-65%; } .md\:p--70 { padding:70px !important; } .md\:p-70 { padding:70px; } .md\:pt-70 { padding-top:70px; } .md\:pb-70 { padding-bottom:70px; } .md\:pl-70 { padding-left:70px; } .md\:pr-70 { padding-right:70px; } .md\:m-70 { margin:70px; } .md\:mt-70 { margin-top:70px; } .md\:mb-70 { margin-bottom:70px; } .md\:ml-70 { margin-left:70px; } .md\:mr-70 { margin-right:70px; } .md\:ml--70 { margin-left:-70px; } .md\:mr--70 { margin-right:-70px; } .md\:mt--70 { margin-top:-70px; } .md\:mb--70 { margin-bottom:-70px; } .md\:max--70 { max-width:70%; } .md\:mt---70 { margin-top:-70%; } .md\:mb---70 { margin-bottom:-70%; } .md\:p--75 { padding:75px !important; } .md\:p-75 { padding:75px; } .md\:pt-75 { padding-top:75px; } .md\:pb-75 { padding-bottom:75px; } .md\:pl-75 { padding-left:75px; } .md\:pr-75 { padding-right:75px; } .md\:m-75 { margin:75px; } .md\:mt-75 { margin-top:75px; } .md\:mb-75 { margin-bottom:75px; } .md\:ml-75 { margin-left:75px; } .md\:mr-75 { margin-right:75px; } .md\:ml--75 { margin-left:-75px; } .md\:mr--75 { margin-right:-75px; } .md\:mt--75 { margin-top:-75px; } .md\:mb--75 { margin-bottom:-75px; } .md\:max--75 { max-width:75%; } .md\:mt---75 { margin-top:-75%; } .md\:mb---75 { margin-bottom:-75%; } .md\:p--80 { padding:80px !important; } .md\:p-80 { padding:80px; } .md\:pt-80 { padding-top:80px; } .md\:pb-80 { padding-bottom:80px; } .md\:pl-80 { padding-left:80px; } .md\:pr-80 { padding-right:80px; } .md\:m-80 { margin:80px; } .md\:mt-80 { margin-top:80px; } .md\:mb-80 { margin-bottom:80px; } .md\:ml-80 { margin-left:80px; } .md\:mr-80 { margin-right:80px; } .md\:ml--80 { margin-left:-80px; } .md\:mr--80 { margin-right:-80px; } .md\:mt--80 { margin-top:-80px; } .md\:mb--80 { margin-bottom:-80px; } .md\:max--80 { max-width:80%; } .md\:mt---80 { margin-top:-80%; } .md\:mb---80 { margin-bottom:-80%; } .md\:p--85 { padding:85px !important; } .md\:p-85 { padding:85px; } .md\:pt-85 { padding-top:85px; } .md\:pb-85 { padding-bottom:85px; } .md\:pl-85 { padding-left:85px; } .md\:pr-85 { padding-right:85px; } .md\:m-85 { margin:85px; } .md\:mt-85 { margin-top:85px; } .md\:mb-85 { margin-bottom:85px; } .md\:ml-85 { margin-left:85px; } .md\:mr-85 { margin-right:85px; } .md\:ml--85 { margin-left:-85px; } .md\:mr--85 { margin-right:-85px; } .md\:mt--85 { margin-top:-85px; } .md\:mb--85 { margin-bottom:-85px; } .md\:max--85 { max-width:85%; } .md\:mt---85 { margin-top:-85%; } .md\:mb---85 { margin-bottom:-85%; } .md\:p--90 { padding:90px !important; } .md\:p-90 { padding:90px; } .md\:pt-90 { padding-top:90px; } .md\:pb-90 { padding-bottom:90px; } .md\:pl-90 { padding-left:90px; } .md\:pr-90 { padding-right:90px; } .md\:m-90 { margin:90px; } .md\:mt-90 { margin-top:90px; } .md\:mb-90 { margin-bottom:90px; } .md\:ml-90 { margin-left:90px; } .md\:mr-90 { margin-right:90px; } .md\:ml--90 { margin-left:-90px; } .md\:mr--90 { margin-right:-90px; } .md\:mt--90 { margin-top:-90px; } .md\:mb--90 { margin-bottom:-90px; } .md\:max--90 { max-width:90%; } .md\:mt---90 { margin-top:-90%; } .md\:mb---90 { margin-bottom:-90%; } .md\:p--95 { padding:95px !important; } .md\:p-95 { padding:95px; } .md\:pt-95 { padding-top:95px; } .md\:pb-95 { padding-bottom:95px; } .md\:pl-95 { padding-left:95px; } .md\:pr-95 { padding-right:95px; } .md\:m-95 { margin:95px; } .md\:mt-95 { margin-top:95px; } .md\:mb-95 { margin-bottom:95px; } .md\:ml-95 { margin-left:95px; } .md\:mr-95 { margin-right:95px; } .md\:ml--95 { margin-left:-95px; } .md\:mr--95 { margin-right:-95px; } .md\:mt--95 { margin-top:-95px; } .md\:mb--95 { margin-bottom:-95px; } .md\:max--95 { max-width:95%; } .md\:mt---95 { margin-top:-95%; } .md\:mb---95 { margin-bottom:-95%; } .md\:p--100 { padding:100px !important; } .md\:p-100 { padding:100px; } .md\:pt-100 { padding-top:100px; } .md\:pb-100 { padding-bottom:100px; } .md\:pl-100 { padding-left:100px; } .md\:pr-100 { padding-right:100px; } .md\:m-100 { margin:100px; } .md\:mt-100 { margin-top:100px; } .md\:mb-100 { margin-bottom:100px; } .md\:ml-100 { margin-left:100px; } .md\:mr-100 { margin-right:100px; } .md\:ml--100 { margin-left:-100px; } .md\:mr--100 { margin-right:-100px; } .md\:mt--100 { margin-top:-100px; } .md\:mb--100 { margin-bottom:-100px; } .md\:max--100 { max-width:100%; } .md\:mt---100 { margin-top:-100%; } .md\:mb---100 { margin-bottom:-100%; } .md\:p--105 { padding:105px !important; } .md\:p-105 { padding:105px; } .md\:pt-105 { padding-top:105px; } .md\:pb-105 { padding-bottom:105px; } .md\:pl-105 { padding-left:105px; } .md\:pr-105 { padding-right:105px; } .md\:m-105 { margin:105px; } .md\:mt-105 { margin-top:105px; } .md\:mb-105 { margin-bottom:105px; } .md\:ml-105 { margin-left:105px; } .md\:mr-105 { margin-right:105px; } .md\:ml--105 { margin-left:-105px; } .md\:mr--105 { margin-right:-105px; } .md\:mt--105 { margin-top:-105px; } .md\:mb--105 { margin-bottom:-105px; } .md\:max--105 { max-width:105%; } .md\:mt---105 { margin-top:-105%; } .md\:mb---105 { margin-bottom:-105%; } .md\:p--110 { padding:110px !important; } .md\:p-110 { padding:110px; } .md\:pt-110 { padding-top:110px; } .md\:pb-110 { padding-bottom:110px; } .md\:pl-110 { padding-left:110px; } .md\:pr-110 { padding-right:110px; } .md\:m-110 { margin:110px; } .md\:mt-110 { margin-top:110px; } .md\:mb-110 { margin-bottom:110px; } .md\:ml-110 { margin-left:110px; } .md\:mr-110 { margin-right:110px; } .md\:ml--110 { margin-left:-110px; } .md\:mr--110 { margin-right:-110px; } .md\:mt--110 { margin-top:-110px; } .md\:mb--110 { margin-bottom:-110px; } .md\:max--110 { max-width:110%; } .md\:mt---110 { margin-top:-110%; } .md\:mb---110 { margin-bottom:-110%; } .md\:p--115 { padding:115px !important; } .md\:p-115 { padding:115px; } .md\:pt-115 { padding-top:115px; } .md\:pb-115 { padding-bottom:115px; } .md\:pl-115 { padding-left:115px; } .md\:pr-115 { padding-right:115px; } .md\:m-115 { margin:115px; } .md\:mt-115 { margin-top:115px; } .md\:mb-115 { margin-bottom:115px; } .md\:ml-115 { margin-left:115px; } .md\:mr-115 { margin-right:115px; } .md\:ml--115 { margin-left:-115px; } .md\:mr--115 { margin-right:-115px; } .md\:mt--115 { margin-top:-115px; } .md\:mb--115 { margin-bottom:-115px; } .md\:max--115 { max-width:115%; } .md\:mt---115 { margin-top:-115%; } .md\:mb---115 { margin-bottom:-115%; } .md\:p--120 { padding:120px !important; } .md\:p-120 { padding:120px; } .md\:pt-120 { padding-top:120px; } .md\:pb-120 { padding-bottom:120px; } .md\:pl-120 { padding-left:120px; } .md\:pr-120 { padding-right:120px; } .md\:m-120 { margin:120px; } .md\:mt-120 { margin-top:120px; } .md\:mb-120 { margin-bottom:120px; } .md\:ml-120 { margin-left:120px; } .md\:mr-120 { margin-right:120px; } .md\:ml--120 { margin-left:-120px; } .md\:mr--120 { margin-right:-120px; } .md\:mt--120 { margin-top:-120px; } .md\:mb--120 { margin-bottom:-120px; } .md\:max--120 { max-width:120%; } .md\:mt---120 { margin-top:-120%; } .md\:mb---120 { margin-bottom:-120%; } .md\:p--125 { padding:125px !important; } .md\:p-125 { padding:125px; } .md\:pt-125 { padding-top:125px; } .md\:pb-125 { padding-bottom:125px; } .md\:pl-125 { padding-left:125px; } .md\:pr-125 { padding-right:125px; } .md\:m-125 { margin:125px; } .md\:mt-125 { margin-top:125px; } .md\:mb-125 { margin-bottom:125px; } .md\:ml-125 { margin-left:125px; } .md\:mr-125 { margin-right:125px; } .md\:ml--125 { margin-left:-125px; } .md\:mr--125 { margin-right:-125px; } .md\:mt--125 { margin-top:-125px; } .md\:mb--125 { margin-bottom:-125px; } .md\:max--125 { max-width:125%; } .md\:mt---125 { margin-top:-125%; } .md\:mb---125 { margin-bottom:-125%; } .md\:p--130 { padding:130px !important; } .md\:p-130 { padding:130px; } .md\:pt-130 { padding-top:130px; } .md\:pb-130 { padding-bottom:130px; } .md\:pl-130 { padding-left:130px; } .md\:pr-130 { padding-right:130px; } .md\:m-130 { margin:130px; } .md\:mt-130 { margin-top:130px; } .md\:mb-130 { margin-bottom:130px; } .md\:ml-130 { margin-left:130px; } .md\:mr-130 { margin-right:130px; } .md\:ml--130 { margin-left:-130px; } .md\:mr--130 { margin-right:-130px; } .md\:mt--130 { margin-top:-130px; } .md\:mb--130 { margin-bottom:-130px; } .md\:max--130 { max-width:130%; } .md\:mt---130 { margin-top:-130%; } .md\:mb---130 { margin-bottom:-130%; } .md\:p--135 { padding:135px !important; } .md\:p-135 { padding:135px; } .md\:pt-135 { padding-top:135px; } .md\:pb-135 { padding-bottom:135px; } .md\:pl-135 { padding-left:135px; } .md\:pr-135 { padding-right:135px; } .md\:m-135 { margin:135px; } .md\:mt-135 { margin-top:135px; } .md\:mb-135 { margin-bottom:135px; } .md\:ml-135 { margin-left:135px; } .md\:mr-135 { margin-right:135px; } .md\:ml--135 { margin-left:-135px; } .md\:mr--135 { margin-right:-135px; } .md\:mt--135 { margin-top:-135px; } .md\:mb--135 { margin-bottom:-135px; } .md\:max--135 { max-width:135%; } .md\:mt---135 { margin-top:-135%; } .md\:mb---135 { margin-bottom:-135%; } .md\:p--140 { padding:140px !important; } .md\:p-140 { padding:140px; } .md\:pt-140 { padding-top:140px; } .md\:pb-140 { padding-bottom:140px; } .md\:pl-140 { padding-left:140px; } .md\:pr-140 { padding-right:140px; } .md\:m-140 { margin:140px; } .md\:mt-140 { margin-top:140px; } .md\:mb-140 { margin-bottom:140px; } .md\:ml-140 { margin-left:140px; } .md\:mr-140 { margin-right:140px; } .md\:ml--140 { margin-left:-140px; } .md\:mr--140 { margin-right:-140px; } .md\:mt--140 { margin-top:-140px; } .md\:mb--140 { margin-bottom:-140px; } .md\:max--140 { max-width:140%; } .md\:mt---140 { margin-top:-140%; } .md\:mb---140 { margin-bottom:-140%; } .md\:p--145 { padding:145px !important; } .md\:p-145 { padding:145px; } .md\:pt-145 { padding-top:145px; } .md\:pb-145 { padding-bottom:145px; } .md\:pl-145 { padding-left:145px; } .md\:pr-145 { padding-right:145px; } .md\:m-145 { margin:145px; } .md\:mt-145 { margin-top:145px; } .md\:mb-145 { margin-bottom:145px; } .md\:ml-145 { margin-left:145px; } .md\:mr-145 { margin-right:145px; } .md\:ml--145 { margin-left:-145px; } .md\:mr--145 { margin-right:-145px; } .md\:mt--145 { margin-top:-145px; } .md\:mb--145 { margin-bottom:-145px; } .md\:max--145 { max-width:145%; } .md\:mt---145 { margin-top:-145%; } .md\:mb---145 { margin-bottom:-145%; } .md\:p--150 { padding:150px !important; } .md\:p-150 { padding:150px; } .md\:pt-150 { padding-top:150px; } .md\:pb-150 { padding-bottom:150px; } .md\:pl-150 { padding-left:150px; } .md\:pr-150 { padding-right:150px; } .md\:m-150 { margin:150px; } .md\:mt-150 { margin-top:150px; } .md\:mb-150 { margin-bottom:150px; } .md\:ml-150 { margin-left:150px; } .md\:mr-150 { margin-right:150px; } .md\:ml--150 { margin-left:-150px; } .md\:mr--150 { margin-right:-150px; } .md\:mt--150 { margin-top:-150px; } .md\:mb--150 { margin-bottom:-150px; } .md\:max--150 { max-width:150%; } .md\:mt---150 { margin-top:-150%; } .md\:mb---150 { margin-bottom:-150%; } .md\:col-1 { max-width:8.333%; flex:0 0 8.333%; } .md\:max-50 { max-width:50px; } .md\:text-2{ font-size:2px; } .md\:col-2 { max-width:16.666%; flex:0 0 16.666%; } .md\:max-100 { max-width:100px; } .md\:text-4{ font-size:4px; } .md\:col-3 { max-width:24.999000000000002%; flex:0 0 24.999000000000002%; } .md\:max-150 { max-width:150px; } .md\:text-6{ font-size:6px; } .md\:col-4 { max-width:33.332%; flex:0 0 33.332%; } .md\:max-200 { max-width:200px; } .md\:text-8{ font-size:8px; } .md\:col-5 { max-width:41.665%; flex:0 0 41.665%; } .md\:max-250 { max-width:250px; } .md\:text-10{ font-size:10px; } .md\:col-6 { max-width:49.998000000000005%; flex:0 0 49.998000000000005%; } .md\:max-300 { max-width:300px; } .md\:text-12{ font-size:12px; } .md\:col-7 { max-width:58.331%; flex:0 0 58.331%; } .md\:max-350 { max-width:350px; } .md\:text-14{ font-size:14px; } .md\:col-8 { max-width:66.664%; flex:0 0 66.664%; } .md\:max-400 { max-width:400px; } .md\:text-16{ font-size:16px; } .md\:col-9 { max-width:74.997%; flex:0 0 74.997%; } .md\:max-450 { max-width:450px; } .md\:text-18{ font-size:18px; } .md\:col-10 { max-width:83.33%; flex:0 0 83.33%; } .md\:max-500 { max-width:500px; } .md\:text-20{ font-size:20px; } .md\:col-11 { max-width:91.663%; flex:0 0 91.663%; } .md\:max-550 { max-width:550px; } .md\:text-22{ font-size:22px; } .md\:col-12 { max-width:99.99600000000001%; flex:0 0 99.99600000000001%; } .md\:max-600 { max-width:600px; } .md\:text-24{ font-size:24px; } .md\:col-13 { max-width:108.32900000000001%; flex:0 0 108.32900000000001%; } .md\:max-650 { max-width:650px; } .md\:text-26{ font-size:26px; } .md\:col-14 { max-width:116.662%; flex:0 0 116.662%; } .md\:max-700 { max-width:700px; } .md\:text-28{ font-size:28px; } .md\:col-15 { max-width:124.995%; flex:0 0 124.995%; } .md\:max-750 { max-width:750px; } .md\:text-30{ font-size:30px; } .md\:col-16 { max-width:133.328%; flex:0 0 133.328%; } .md\:max-800 { max-width:800px; } .md\:text-32{ font-size:32px; } .md\:col-17 { max-width:141.661%; flex:0 0 141.661%; } .md\:max-850 { max-width:850px; } .md\:text-34{ font-size:34px; } .md\:col-18 { max-width:149.994%; flex:0 0 149.994%; } .md\:max-900 { max-width:900px; } .md\:text-36{ font-size:36px; } .md\:col-19 { max-width:158.327%; flex:0 0 158.327%; } .md\:max-950 { max-width:950px; } .md\:text-38{ font-size:38px; } .md\:col-20 { max-width:166.66%; flex:0 0 166.66%; } .md\:max-1000 { max-width:1000px; } .md\:text-40{ font-size:40px; } .md\:col-21 { max-width:174.993%; flex:0 0 174.993%; } .md\:max-1050 { max-width:1050px; } .md\:text-42{ font-size:42px; } .md\:col-22 { max-width:183.326%; flex:0 0 183.326%; } .md\:max-1100 { max-width:1100px; } .md\:text-44{ font-size:44px; } .md\:col-23 { max-width:191.659%; flex:0 0 191.659%; } .md\:max-1150 { max-width:1150px; } .md\:text-46{ font-size:46px; } .md\:col-24 { max-width:199.99200000000002%; flex:0 0 199.99200000000002%; } .md\:max-1200 { max-width:1200px; } .md\:text-48{ font-size:48px; } .md\:col-25 { max-width:208.32500000000002%; flex:0 0 208.32500000000002%; } .md\:max-1250 { max-width:1250px; } .md\:text-50{ font-size:50px; } .md\:col-26 { max-width:216.65800000000002%; flex:0 0 216.65800000000002%; } .md\:max-1300 { max-width:1300px; } .md\:text-52{ font-size:52px; } .md\:col-27 { max-width:224.991%; flex:0 0 224.991%; } .md\:max-1350 { max-width:1350px; } .md\:text-54{ font-size:54px; } .md\:col-28 { max-width:233.324%; flex:0 0 233.324%; } .md\:max-1400 { max-width:1400px; } .md\:text-56{ font-size:56px; } .md\:col-29 { max-width:241.657%; flex:0 0 241.657%; } .md\:max-1450 { max-width:1450px; } .md\:text-58{ font-size:58px; } .md\:max-full { max-width:100%; } .md\:ml-auto{ margin-left:auto; } .md\:mr-auto{ margin-right:auto; } .md\:vh-100{ height:100vh; } .md\:vh-auto{ height:auto; } } @media(min-width:1200px){ .lg\:d-block { display:block; } .lg\:d-inline-block { display:inline-block; } .lg\:d-flex { display:flex; } .lg\:d-inline-flex { display:inline-flex; } .lg\:d-none { display:none; } .lg\:align-center { align-items:center; } .lg\:align-flex-start { align-items:flex-start; } .lg\:align-flex-end { align-items:flex-end; } .lg\:align-normal { align-items:normal; } .lg\:justify-center { justify-content:center; } .lg\:justify-flex-end { justify-content:flex-end; } .lg\:justify-flex-start { justify-content:flex-start; } .lg\:justify-space-around { justify-content:space-around; } .lg\:justify-space-between { justify-content:space-between; } .lg\:text-left { text-align:left; } .lg\:text-right { text-align:right; } .lg\:text-center { text-align:center; } .lg\:direction-column { flex-direction:column; } .lg\:direction-column-reverse { flex-direction:column-reverse; } .lg\:direction-row { flex-direction:row; } .lg\:direction-row-reverse { flex-direction:row-reverse; } .lg\:p--0 { padding:0px !important; } .lg\:p-0 { padding:0px; } .lg\:pt-0 { padding-top:0px; } .lg\:pb-0 { padding-bottom:0px; } .lg\:pl-0 { padding-left:0px; } .lg\:pr-0 { padding-right:0px; } .lg\:m-0 { margin:0px; } .lg\:mt-0 { margin-top:0px; } .lg\:mb-0 { margin-bottom:0px; } .lg\:ml-0 { margin-left:0px; } .lg\:mr-0 { margin-right:0px; } .lg\:ml--0 { margin-left:-0px; } .lg\:mr--0 { margin-right:-0px; } .lg\:mt--0 { margin-top:-0px; } .lg\:mb--0 { margin-bottom:-0px; } .lg\:max--0 { max-width:0%; } .lg\:mt---0 { margin-top:-0%; } .lg\:mb---0 { margin-bottom:-0%; } .lg\:p--5 { padding:5px !important; } .lg\:p-5 { padding:5px; } .lg\:pt-5 { padding-top:5px; } .lg\:pb-5 { padding-bottom:5px; } .lg\:pl-5 { padding-left:5px; } .lg\:pr-5 { padding-right:5px; } .lg\:m-5 { margin:5px; } .lg\:mt-5 { margin-top:5px; } .lg\:mb-5 { margin-bottom:5px; } .lg\:ml-5 { margin-left:5px; } .lg\:mr-5 { margin-right:5px; } .lg\:ml--5 { margin-left:-5px; } .lg\:mr--5 { margin-right:-5px; } .lg\:mt--5 { margin-top:-5px; } .lg\:mb--5 { margin-bottom:-5px; } .lg\:max--5 { max-width:5%; } .lg\:mt---5 { margin-top:-5%; } .lg\:mb---5 { margin-bottom:-5%; } .lg\:p--10 { padding:10px !important; } .lg\:p-10 { padding:10px; } .lg\:pt-10 { padding-top:10px; } .lg\:pb-10 { padding-bottom:10px; } .lg\:pl-10 { padding-left:10px; } .lg\:pr-10 { padding-right:10px; } .lg\:m-10 { margin:10px; } .lg\:mt-10 { margin-top:10px; } .lg\:mb-10 { margin-bottom:10px; } .lg\:ml-10 { margin-left:10px; } .lg\:mr-10 { margin-right:10px; } .lg\:ml--10 { margin-left:-10px; } .lg\:mr--10 { margin-right:-10px; } .lg\:mt--10 { margin-top:-10px; } .lg\:mb--10 { margin-bottom:-10px; } .lg\:max--10 { max-width:10%; } .lg\:mt---10 { margin-top:-10%; } .lg\:mb---10 { margin-bottom:-10%; } .lg\:p--15 { padding:15px !important; } .lg\:p-15 { padding:15px; } .lg\:pt-15 { padding-top:15px; } .lg\:pb-15 { padding-bottom:15px; } .lg\:pl-15 { padding-left:15px; } .lg\:pr-15 { padding-right:15px; } .lg\:m-15 { margin:15px; } .lg\:mt-15 { margin-top:15px; } .lg\:mb-15 { margin-bottom:15px; } .lg\:ml-15 { margin-left:15px; } .lg\:mr-15 { margin-right:15px; } .lg\:ml--15 { margin-left:-15px; } .lg\:mr--15 { margin-right:-15px; } .lg\:mt--15 { margin-top:-15px; } .lg\:mb--15 { margin-bottom:-15px; } .lg\:max--15 { max-width:15%; } .lg\:mt---15 { margin-top:-15%; } .lg\:mb---15 { margin-bottom:-15%; } .lg\:p--20 { padding:20px !important; } .lg\:p-20 { padding:20px; } .lg\:pt-20 { padding-top:20px; } .lg\:pb-20 { padding-bottom:20px; } .lg\:pl-20 { padding-left:20px; } .lg\:pr-20 { padding-right:20px; } .lg\:m-20 { margin:20px; } .lg\:mt-20 { margin-top:20px; } .lg\:mb-20 { margin-bottom:20px; } .lg\:ml-20 { margin-left:20px; } .lg\:mr-20 { margin-right:20px; } .lg\:ml--20 { margin-left:-20px; } .lg\:mr--20 { margin-right:-20px; } .lg\:mt--20 { margin-top:-20px; } .lg\:mb--20 { margin-bottom:-20px; } .lg\:max--20 { max-width:20%; } .lg\:mt---20 { margin-top:-20%; } .lg\:mb---20 { margin-bottom:-20%; } .lg\:p--25 { padding:25px !important; } .lg\:p-25 { padding:25px; } .lg\:pt-25 { padding-top:25px; } .lg\:pb-25 { padding-bottom:25px; } .lg\:pl-25 { padding-left:25px; } .lg\:pr-25 { padding-right:25px; } .lg\:m-25 { margin:25px; } .lg\:mt-25 { margin-top:25px; } .lg\:mb-25 { margin-bottom:25px; } .lg\:ml-25 { margin-left:25px; } .lg\:mr-25 { margin-right:25px; } .lg\:ml--25 { margin-left:-25px; } .lg\:mr--25 { margin-right:-25px; } .lg\:mt--25 { margin-top:-25px; } .lg\:mb--25 { margin-bottom:-25px; } .lg\:max--25 { max-width:25%; } .lg\:mt---25 { margin-top:-25%; } .lg\:mb---25 { margin-bottom:-25%; } .lg\:p--30 { padding:30px !important; } .lg\:p-30 { padding:30px; } .lg\:pt-30 { padding-top:30px; } .lg\:pb-30 { padding-bottom:30px; } .lg\:pl-30 { padding-left:30px; } .lg\:pr-30 { padding-right:30px; } .lg\:m-30 { margin:30px; } .lg\:mt-30 { margin-top:30px; } .lg\:mb-30 { margin-bottom:30px; } .lg\:ml-30 { margin-left:30px; } .lg\:mr-30 { margin-right:30px; } .lg\:ml--30 { margin-left:-30px; } .lg\:mr--30 { margin-right:-30px; } .lg\:mt--30 { margin-top:-30px; } .lg\:mb--30 { margin-bottom:-30px; } .lg\:max--30 { max-width:30%; } .lg\:mt---30 { margin-top:-30%; } .lg\:mb---30 { margin-bottom:-30%; } .lg\:p--35 { padding:35px !important; } .lg\:p-35 { padding:35px; } .lg\:pt-35 { padding-top:35px; } .lg\:pb-35 { padding-bottom:35px; } .lg\:pl-35 { padding-left:35px; } .lg\:pr-35 { padding-right:35px; } .lg\:m-35 { margin:35px; } .lg\:mt-35 { margin-top:35px; } .lg\:mb-35 { margin-bottom:35px; } .lg\:ml-35 { margin-left:35px; } .lg\:mr-35 { margin-right:35px; } .lg\:ml--35 { margin-left:-35px; } .lg\:mr--35 { margin-right:-35px; } .lg\:mt--35 { margin-top:-35px; } .lg\:mb--35 { margin-bottom:-35px; } .lg\:max--35 { max-width:35%; } .lg\:mt---35 { margin-top:-35%; } .lg\:mb---35 { margin-bottom:-35%; } .lg\:p--40 { padding:40px !important; } .lg\:p-40 { padding:40px; } .lg\:pt-40 { padding-top:40px; } .lg\:pb-40 { padding-bottom:40px; } .lg\:pl-40 { padding-left:40px; } .lg\:pr-40 { padding-right:40px; } .lg\:m-40 { margin:40px; } .lg\:mt-40 { margin-top:40px; } .lg\:mb-40 { margin-bottom:40px; } .lg\:ml-40 { margin-left:40px; } .lg\:mr-40 { margin-right:40px; } .lg\:ml--40 { margin-left:-40px; } .lg\:mr--40 { margin-right:-40px; } .lg\:mt--40 { margin-top:-40px; } .lg\:mb--40 { margin-bottom:-40px; } .lg\:max--40 { max-width:40%; } .lg\:mt---40 { margin-top:-40%; } .lg\:mb---40 { margin-bottom:-40%; } .lg\:p--45 { padding:45px !important; } .lg\:p-45 { padding:45px; } .lg\:pt-45 { padding-top:45px; } .lg\:pb-45 { padding-bottom:45px; } .lg\:pl-45 { padding-left:45px; } .lg\:pr-45 { padding-right:45px; } .lg\:m-45 { margin:45px; } .lg\:mt-45 { margin-top:45px; } .lg\:mb-45 { margin-bottom:45px; } .lg\:ml-45 { margin-left:45px; } .lg\:mr-45 { margin-right:45px; } .lg\:ml--45 { margin-left:-45px; } .lg\:mr--45 { margin-right:-45px; } .lg\:mt--45 { margin-top:-45px; } .lg\:mb--45 { margin-bottom:-45px; } .lg\:max--45 { max-width:45%; } .lg\:mt---45 { margin-top:-45%; } .lg\:mb---45 { margin-bottom:-45%; } .lg\:p--50 { padding:50px !important; } .lg\:p-50 { padding:50px; } .lg\:pt-50 { padding-top:50px; } .lg\:pb-50 { padding-bottom:50px; } .lg\:pl-50 { padding-left:50px; } .lg\:pr-50 { padding-right:50px; } .lg\:m-50 { margin:50px; } .lg\:mt-50 { margin-top:50px; } .lg\:mb-50 { margin-bottom:50px; } .lg\:ml-50 { margin-left:50px; } .lg\:mr-50 { margin-right:50px; } .lg\:ml--50 { margin-left:-50px; } .lg\:mr--50 { margin-right:-50px; } .lg\:mt--50 { margin-top:-50px; } .lg\:mb--50 { margin-bottom:-50px; } .lg\:max--50 { max-width:50%; } .lg\:mt---50 { margin-top:-50%; } .lg\:mb---50 { margin-bottom:-50%; } .lg\:p--55 { padding:55px !important; } .lg\:p-55 { padding:55px; } .lg\:pt-55 { padding-top:55px; } .lg\:pb-55 { padding-bottom:55px; } .lg\:pl-55 { padding-left:55px; } .lg\:pr-55 { padding-right:55px; } .lg\:m-55 { margin:55px; } .lg\:mt-55 { margin-top:55px; } .lg\:mb-55 { margin-bottom:55px; } .lg\:ml-55 { margin-left:55px; } .lg\:mr-55 { margin-right:55px; } .lg\:ml--55 { margin-left:-55px; } .lg\:mr--55 { margin-right:-55px; } .lg\:mt--55 { margin-top:-55px; } .lg\:mb--55 { margin-bottom:-55px; } .lg\:max--55 { max-width:55%; } .lg\:mt---55 { margin-top:-55%; } .lg\:mb---55 { margin-bottom:-55%; } .lg\:p--60 { padding:60px !important; } .lg\:p-60 { padding:60px; } .lg\:pt-60 { padding-top:60px; } .lg\:pb-60 { padding-bottom:60px; } .lg\:pl-60 { padding-left:60px; } .lg\:pr-60 { padding-right:60px; } .lg\:m-60 { margin:60px; } .lg\:mt-60 { margin-top:60px; } .lg\:mb-60 { margin-bottom:60px; } .lg\:ml-60 { margin-left:60px; } .lg\:mr-60 { margin-right:60px; } .lg\:ml--60 { margin-left:-60px; } .lg\:mr--60 { margin-right:-60px; } .lg\:mt--60 { margin-top:-60px; } .lg\:mb--60 { margin-bottom:-60px; } .lg\:max--60 { max-width:60%; } .lg\:mt---60 { margin-top:-60%; } .lg\:mb---60 { margin-bottom:-60%; } .lg\:p--65 { padding:65px !important; } .lg\:p-65 { padding:65px; } .lg\:pt-65 { padding-top:65px; } .lg\:pb-65 { padding-bottom:65px; } .lg\:pl-65 { padding-left:65px; } .lg\:pr-65 { padding-right:65px; } .lg\:m-65 { margin:65px; } .lg\:mt-65 { margin-top:65px; } .lg\:mb-65 { margin-bottom:65px; } .lg\:ml-65 { margin-left:65px; } .lg\:mr-65 { margin-right:65px; } .lg\:ml--65 { margin-left:-65px; } .lg\:mr--65 { margin-right:-65px; } .lg\:mt--65 { margin-top:-65px; } .lg\:mb--65 { margin-bottom:-65px; } .lg\:max--65 { max-width:65%; } .lg\:mt---65 { margin-top:-65%; } .lg\:mb---65 { margin-bottom:-65%; } .lg\:p--70 { padding:70px !important; } .lg\:p-70 { padding:70px; } .lg\:pt-70 { padding-top:70px; } .lg\:pb-70 { padding-bottom:70px; } .lg\:pl-70 { padding-left:70px; } .lg\:pr-70 { padding-right:70px; } .lg\:m-70 { margin:70px; } .lg\:mt-70 { margin-top:70px; } .lg\:mb-70 { margin-bottom:70px; } .lg\:ml-70 { margin-left:70px; } .lg\:mr-70 { margin-right:70px; } .lg\:ml--70 { margin-left:-70px; } .lg\:mr--70 { margin-right:-70px; } .lg\:mt--70 { margin-top:-70px; } .lg\:mb--70 { margin-bottom:-70px; } .lg\:max--70 { max-width:70%; } .lg\:mt---70 { margin-top:-70%; } .lg\:mb---70 { margin-bottom:-70%; } .lg\:p--75 { padding:75px !important; } .lg\:p-75 { padding:75px; } .lg\:pt-75 { padding-top:75px; } .lg\:pb-75 { padding-bottom:75px; } .lg\:pl-75 { padding-left:75px; } .lg\:pr-75 { padding-right:75px; } .lg\:m-75 { margin:75px; } .lg\:mt-75 { margin-top:75px; } .lg\:mb-75 { margin-bottom:75px; } .lg\:ml-75 { margin-left:75px; } .lg\:mr-75 { margin-right:75px; } .lg\:ml--75 { margin-left:-75px; } .lg\:mr--75 { margin-right:-75px; } .lg\:mt--75 { margin-top:-75px; } .lg\:mb--75 { margin-bottom:-75px; } .lg\:max--75 { max-width:75%; } .lg\:mt---75 { margin-top:-75%; } .lg\:mb---75 { margin-bottom:-75%; } .lg\:p--80 { padding:80px !important; } .lg\:p-80 { padding:80px; } .lg\:pt-80 { padding-top:80px; } .lg\:pb-80 { padding-bottom:80px; } .lg\:pl-80 { padding-left:80px; } .lg\:pr-80 { padding-right:80px; } .lg\:m-80 { margin:80px; } .lg\:mt-80 { margin-top:80px; } .lg\:mb-80 { margin-bottom:80px; } .lg\:ml-80 { margin-left:80px; } .lg\:mr-80 { margin-right:80px; } .lg\:ml--80 { margin-left:-80px; } .lg\:mr--80 { margin-right:-80px; } .lg\:mt--80 { margin-top:-80px; } .lg\:mb--80 { margin-bottom:-80px; } .lg\:max--80 { max-width:80%; } .lg\:mt---80 { margin-top:-80%; } .lg\:mb---80 { margin-bottom:-80%; } .lg\:p--85 { padding:85px !important; } .lg\:p-85 { padding:85px; } .lg\:pt-85 { padding-top:85px; } .lg\:pb-85 { padding-bottom:85px; } .lg\:pl-85 { padding-left:85px; } .lg\:pr-85 { padding-right:85px; } .lg\:m-85 { margin:85px; } .lg\:mt-85 { margin-top:85px; } .lg\:mb-85 { margin-bottom:85px; } .lg\:ml-85 { margin-left:85px; } .lg\:mr-85 { margin-right:85px; } .lg\:ml--85 { margin-left:-85px; } .lg\:mr--85 { margin-right:-85px; } .lg\:mt--85 { margin-top:-85px; } .lg\:mb--85 { margin-bottom:-85px; } .lg\:max--85 { max-width:85%; } .lg\:mt---85 { margin-top:-85%; } .lg\:mb---85 { margin-bottom:-85%; } .lg\:p--90 { padding:90px !important; } .lg\:p-90 { padding:90px; } .lg\:pt-90 { padding-top:90px; } .lg\:pb-90 { padding-bottom:90px; } .lg\:pl-90 { padding-left:90px; } .lg\:pr-90 { padding-right:90px; } .lg\:m-90 { margin:90px; } .lg\:mt-90 { margin-top:90px; } .lg\:mb-90 { margin-bottom:90px; } .lg\:ml-90 { margin-left:90px; } .lg\:mr-90 { margin-right:90px; } .lg\:ml--90 { margin-left:-90px; } .lg\:mr--90 { margin-right:-90px; } .lg\:mt--90 { margin-top:-90px; } .lg\:mb--90 { margin-bottom:-90px; } .lg\:max--90 { max-width:90%; } .lg\:mt---90 { margin-top:-90%; } .lg\:mb---90 { margin-bottom:-90%; } .lg\:p--95 { padding:95px !important; } .lg\:p-95 { padding:95px; } .lg\:pt-95 { padding-top:95px; } .lg\:pb-95 { padding-bottom:95px; } .lg\:pl-95 { padding-left:95px; } .lg\:pr-95 { padding-right:95px; } .lg\:m-95 { margin:95px; } .lg\:mt-95 { margin-top:95px; } .lg\:mb-95 { margin-bottom:95px; } .lg\:ml-95 { margin-left:95px; } .lg\:mr-95 { margin-right:95px; } .lg\:ml--95 { margin-left:-95px; } .lg\:mr--95 { margin-right:-95px; } .lg\:mt--95 { margin-top:-95px; } .lg\:mb--95 { margin-bottom:-95px; } .lg\:max--95 { max-width:95%; } .lg\:mt---95 { margin-top:-95%; } .lg\:mb---95 { margin-bottom:-95%; } .lg\:p--100 { padding:100px !important; } .lg\:p-100 { padding:100px; } .lg\:pt-100 { padding-top:100px; } .lg\:pb-100 { padding-bottom:100px; } .lg\:pl-100 { padding-left:100px; } .lg\:pr-100 { padding-right:100px; } .lg\:m-100 { margin:100px; } .lg\:mt-100 { margin-top:100px; } .lg\:mb-100 { margin-bottom:100px; } .lg\:ml-100 { margin-left:100px; } .lg\:mr-100 { margin-right:100px; } .lg\:ml--100 { margin-left:-100px; } .lg\:mr--100 { margin-right:-100px; } .lg\:mt--100 { margin-top:-100px; } .lg\:mb--100 { margin-bottom:-100px; } .lg\:max--100 { max-width:100%; } .lg\:mt---100 { margin-top:-100%; } .lg\:mb---100 { margin-bottom:-100%; } .lg\:p--105 { padding:105px !important; } .lg\:p-105 { padding:105px; } .lg\:pt-105 { padding-top:105px; } .lg\:pb-105 { padding-bottom:105px; } .lg\:pl-105 { padding-left:105px; } .lg\:pr-105 { padding-right:105px; } .lg\:m-105 { margin:105px; } .lg\:mt-105 { margin-top:105px; } .lg\:mb-105 { margin-bottom:105px; } .lg\:ml-105 { margin-left:105px; } .lg\:mr-105 { margin-right:105px; } .lg\:ml--105 { margin-left:-105px; } .lg\:mr--105 { margin-right:-105px; } .lg\:mt--105 { margin-top:-105px; } .lg\:mb--105 { margin-bottom:-105px; } .lg\:max--105 { max-width:105%; } .lg\:mt---105 { margin-top:-105%; } .lg\:mb---105 { margin-bottom:-105%; } .lg\:p--110 { padding:110px !important; } .lg\:p-110 { padding:110px; } .lg\:pt-110 { padding-top:110px; } .lg\:pb-110 { padding-bottom:110px; } .lg\:pl-110 { padding-left:110px; } .lg\:pr-110 { padding-right:110px; } .lg\:m-110 { margin:110px; } .lg\:mt-110 { margin-top:110px; } .lg\:mb-110 { margin-bottom:110px; } .lg\:ml-110 { margin-left:110px; } .lg\:mr-110 { margin-right:110px; } .lg\:ml--110 { margin-left:-110px; } .lg\:mr--110 { margin-right:-110px; } .lg\:mt--110 { margin-top:-110px; } .lg\:mb--110 { margin-bottom:-110px; } .lg\:max--110 { max-width:110%; } .lg\:mt---110 { margin-top:-110%; } .lg\:mb---110 { margin-bottom:-110%; } .lg\:p--115 { padding:115px !important; } .lg\:p-115 { padding:115px; } .lg\:pt-115 { padding-top:115px; } .lg\:pb-115 { padding-bottom:115px; } .lg\:pl-115 { padding-left:115px; } .lg\:pr-115 { padding-right:115px; } .lg\:m-115 { margin:115px; } .lg\:mt-115 { margin-top:115px; } .lg\:mb-115 { margin-bottom:115px; } .lg\:ml-115 { margin-left:115px; } .lg\:mr-115 { margin-right:115px; } .lg\:ml--115 { margin-left:-115px; } .lg\:mr--115 { margin-right:-115px; } .lg\:mt--115 { margin-top:-115px; } .lg\:mb--115 { margin-bottom:-115px; } .lg\:max--115 { max-width:115%; } .lg\:mt---115 { margin-top:-115%; } .lg\:mb---115 { margin-bottom:-115%; } .lg\:p--120 { padding:120px !important; } .lg\:p-120 { padding:120px; } .lg\:pt-120 { padding-top:120px; } .lg\:pb-120 { padding-bottom:120px; } .lg\:pl-120 { padding-left:120px; } .lg\:pr-120 { padding-right:120px; } .lg\:m-120 { margin:120px; } .lg\:mt-120 { margin-top:120px; } .lg\:mb-120 { margin-bottom:120px; } .lg\:ml-120 { margin-left:120px; } .lg\:mr-120 { margin-right:120px; } .lg\:ml--120 { margin-left:-120px; } .lg\:mr--120 { margin-right:-120px; } .lg\:mt--120 { margin-top:-120px; } .lg\:mb--120 { margin-bottom:-120px; } .lg\:max--120 { max-width:120%; } .lg\:mt---120 { margin-top:-120%; } .lg\:mb---120 { margin-bottom:-120%; } .lg\:p--125 { padding:125px !important; } .lg\:p-125 { padding:125px; } .lg\:pt-125 { padding-top:125px; } .lg\:pb-125 { padding-bottom:125px; } .lg\:pl-125 { padding-left:125px; } .lg\:pr-125 { padding-right:125px; } .lg\:m-125 { margin:125px; } .lg\:mt-125 { margin-top:125px; } .lg\:mb-125 { margin-bottom:125px; } .lg\:ml-125 { margin-left:125px; } .lg\:mr-125 { margin-right:125px; } .lg\:ml--125 { margin-left:-125px; } .lg\:mr--125 { margin-right:-125px; } .lg\:mt--125 { margin-top:-125px; } .lg\:mb--125 { margin-bottom:-125px; } .lg\:max--125 { max-width:125%; } .lg\:mt---125 { margin-top:-125%; } .lg\:mb---125 { margin-bottom:-125%; } .lg\:p--130 { padding:130px !important; } .lg\:p-130 { padding:130px; } .lg\:pt-130 { padding-top:130px; } .lg\:pb-130 { padding-bottom:130px; } .lg\:pl-130 { padding-left:130px; } .lg\:pr-130 { padding-right:130px; } .lg\:m-130 { margin:130px; } .lg\:mt-130 { margin-top:130px; } .lg\:mb-130 { margin-bottom:130px; } .lg\:ml-130 { margin-left:130px; } .lg\:mr-130 { margin-right:130px; } .lg\:ml--130 { margin-left:-130px; } .lg\:mr--130 { margin-right:-130px; } .lg\:mt--130 { margin-top:-130px; } .lg\:mb--130 { margin-bottom:-130px; } .lg\:max--130 { max-width:130%; } .lg\:mt---130 { margin-top:-130%; } .lg\:mb---130 { margin-bottom:-130%; } .lg\:p--135 { padding:135px !important; } .lg\:p-135 { padding:135px; } .lg\:pt-135 { padding-top:135px; } .lg\:pb-135 { padding-bottom:135px; } .lg\:pl-135 { padding-left:135px; } .lg\:pr-135 { padding-right:135px; } .lg\:m-135 { margin:135px; } .lg\:mt-135 { margin-top:135px; } .lg\:mb-135 { margin-bottom:135px; } .lg\:ml-135 { margin-left:135px; } .lg\:mr-135 { margin-right:135px; } .lg\:ml--135 { margin-left:-135px; } .lg\:mr--135 { margin-right:-135px; } .lg\:mt--135 { margin-top:-135px; } .lg\:mb--135 { margin-bottom:-135px; } .lg\:max--135 { max-width:135%; } .lg\:mt---135 { margin-top:-135%; } .lg\:mb---135 { margin-bottom:-135%; } .lg\:p--140 { padding:140px !important; } .lg\:p-140 { padding:140px; } .lg\:pt-140 { padding-top:140px; } .lg\:pb-140 { padding-bottom:140px; } .lg\:pl-140 { padding-left:140px; } .lg\:pr-140 { padding-right:140px; } .lg\:m-140 { margin:140px; } .lg\:mt-140 { margin-top:140px; } .lg\:mb-140 { margin-bottom:140px; } .lg\:ml-140 { margin-left:140px; } .lg\:mr-140 { margin-right:140px; } .lg\:ml--140 { margin-left:-140px; } .lg\:mr--140 { margin-right:-140px; } .lg\:mt--140 { margin-top:-140px; } .lg\:mb--140 { margin-bottom:-140px; } .lg\:max--140 { max-width:140%; } .lg\:mt---140 { margin-top:-140%; } .lg\:mb---140 { margin-bottom:-140%; } .lg\:p--145 { padding:145px !important; } .lg\:p-145 { padding:145px; } .lg\:pt-145 { padding-top:145px; } .lg\:pb-145 { padding-bottom:145px; } .lg\:pl-145 { padding-left:145px; } .lg\:pr-145 { padding-right:145px; } .lg\:m-145 { margin:145px; } .lg\:mt-145 { margin-top:145px; } .lg\:mb-145 { margin-bottom:145px; } .lg\:ml-145 { margin-left:145px; } .lg\:mr-145 { margin-right:145px; } .lg\:ml--145 { margin-left:-145px; } .lg\:mr--145 { margin-right:-145px; } .lg\:mt--145 { margin-top:-145px; } .lg\:mb--145 { margin-bottom:-145px; } .lg\:max--145 { max-width:145%; } .lg\:mt---145 { margin-top:-145%; } .lg\:mb---145 { margin-bottom:-145%; } .lg\:p--150 { padding:150px !important; } .lg\:p-150 { padding:150px; } .lg\:pt-150 { padding-top:150px; } .lg\:pb-150 { padding-bottom:150px; } .lg\:pl-150 { padding-left:150px; } .lg\:pr-150 { padding-right:150px; } .lg\:m-150 { margin:150px; } .lg\:mt-150 { margin-top:150px; } .lg\:mb-150 { margin-bottom:150px; } .lg\:ml-150 { margin-left:150px; } .lg\:mr-150 { margin-right:150px; } .lg\:ml--150 { margin-left:-150px; } .lg\:mr--150 { margin-right:-150px; } .lg\:mt--150 { margin-top:-150px; } .lg\:mb--150 { margin-bottom:-150px; } .lg\:max--150 { max-width:150%; } .lg\:mt---150 { margin-top:-150%; } .lg\:mb---150 { margin-bottom:-150%; } .lg\:col-1 { max-width:8.333%; flex:0 0 8.333%; } .lg\:max-50 { max-width:50px; } .lg\:text-2{ font-size:2px; } .lg\:col-2 { max-width:16.666%; flex:0 0 16.666%; } .lg\:max-100 { max-width:100px; } .lg\:text-4{ font-size:4px; } .lg\:col-3 { max-width:24.999000000000002%; flex:0 0 24.999000000000002%; } .lg\:max-150 { max-width:150px; } .lg\:text-6{ font-size:6px; } .lg\:col-4 { max-width:33.332%; flex:0 0 33.332%; } .lg\:max-200 { max-width:200px; } .lg\:text-8{ font-size:8px; } .lg\:col-5 { max-width:41.665%; flex:0 0 41.665%; } .lg\:max-250 { max-width:250px; } .lg\:text-10{ font-size:10px; } .lg\:col-6 { max-width:49.998000000000005%; flex:0 0 49.998000000000005%; } .lg\:max-300 { max-width:300px; } .lg\:text-12{ font-size:12px; } .lg\:col-7 { max-width:58.331%; flex:0 0 58.331%; } .lg\:max-350 { max-width:350px; } .lg\:text-14{ font-size:14px; } .lg\:col-8 { max-width:66.664%; flex:0 0 66.664%; } .lg\:max-400 { max-width:400px; } .lg\:text-16{ font-size:16px; } .lg\:col-9 { max-width:74.997%; flex:0 0 74.997%; } .lg\:max-450 { max-width:450px; } .lg\:text-18{ font-size:18px; } .lg\:col-10 { max-width:83.33%; flex:0 0 83.33%; } .lg\:max-500 { max-width:500px; } .lg\:text-20{ font-size:20px; } .lg\:col-11 { max-width:91.663%; flex:0 0 91.663%; } .lg\:max-550 { max-width:550px; } .lg\:text-22{ font-size:22px; } .lg\:col-12 { max-width:99.99600000000001%; flex:0 0 99.99600000000001%; } .lg\:max-600 { max-width:600px; } .lg\:text-24{ font-size:24px; } .lg\:col-13 { max-width:108.32900000000001%; flex:0 0 108.32900000000001%; } .lg\:max-650 { max-width:650px; } .lg\:text-26{ font-size:26px; } .lg\:col-14 { max-width:116.662%; flex:0 0 116.662%; } .lg\:max-700 { max-width:700px; } .lg\:text-28{ font-size:28px; } .lg\:col-15 { max-width:124.995%; flex:0 0 124.995%; } .lg\:max-750 { max-width:750px; } .lg\:text-30{ font-size:30px; } .lg\:col-16 { max-width:133.328%; flex:0 0 133.328%; } .lg\:max-800 { max-width:800px; } .lg\:text-32{ font-size:32px; } .lg\:col-17 { max-width:141.661%; flex:0 0 141.661%; } .lg\:max-850 { max-width:850px; } .lg\:text-34{ font-size:34px; } .lg\:col-18 { max-width:149.994%; flex:0 0 149.994%; } .lg\:max-900 { max-width:900px; } .lg\:text-36{ font-size:36px; } .lg\:col-19 { max-width:158.327%; flex:0 0 158.327%; } .lg\:max-950 { max-width:950px; } .lg\:text-38{ font-size:38px; } .lg\:col-20 { max-width:166.66%; flex:0 0 166.66%; } .lg\:max-1000 { max-width:1000px; } .lg\:text-40{ font-size:40px; } .lg\:col-21 { max-width:174.993%; flex:0 0 174.993%; } .lg\:max-1050 { max-width:1050px; } .lg\:text-42{ font-size:42px; } .lg\:col-22 { max-width:183.326%; flex:0 0 183.326%; } .lg\:max-1100 { max-width:1100px; } .lg\:text-44{ font-size:44px; } .lg\:col-23 { max-width:191.659%; flex:0 0 191.659%; } .lg\:max-1150 { max-width:1150px; } .lg\:text-46{ font-size:46px; } .lg\:col-24 { max-width:199.99200000000002%; flex:0 0 199.99200000000002%; } .lg\:max-1200 { max-width:1200px; } .lg\:text-48{ font-size:48px; } .lg\:col-25 { max-width:208.32500000000002%; flex:0 0 208.32500000000002%; } .lg\:max-1250 { max-width:1250px; } .lg\:text-50{ font-size:50px; } .lg\:col-26 { max-width:216.65800000000002%; flex:0 0 216.65800000000002%; } .lg\:max-1300 { max-width:1300px; } .lg\:text-52{ font-size:52px; } .lg\:col-27 { max-width:224.991%; flex:0 0 224.991%; } .lg\:max-1350 { max-width:1350px; } .lg\:text-54{ font-size:54px; } .lg\:col-28 { max-width:233.324%; flex:0 0 233.324%; } .lg\:max-1400 { max-width:1400px; } .lg\:text-56{ font-size:56px; } .lg\:col-29 { max-width:241.657%; flex:0 0 241.657%; } .lg\:max-1450 { max-width:1450px; } .lg\:text-58{ font-size:58px; } .lg\:max-full { max-width:100%; } .lg\:ml-auto{ margin-left:auto; } .lg\:mr-auto{ margin-right:auto; } .lg\:vh-100{ height:100vh; } .lg\:vh-auto{ height:auto; } } [class*="col-"] { padding-left:15px; padding-right:15px; width:100%; } .flex-row,.row { margin:0 -15px; display:flex; flex-wrap:wrap; } .no-gutter [class*="col-"]{ padding-left:0; padding-right:0; } .flex-wrap { flex-wrap:wrap; } .no-gutter{margin:0;} [class*=max-] { width: 100%; min-height: 1px; } .m-auto{ margin-left:auto; margin-right:auto; } @media(min-width:1350px){ } [class*=color\:] h1, [class*=color\:] .h1, [class*=color\:] h2, [class*=color\:] .h2, [class*=color\:] h3, [class*=color\:] .h3, [class*=color\:] h4, [class*=color\:] .h4, [class*=color\:] h5, [class*=color\:] .h5, [class*=color\:] h6, [class*=color\:] .h6 { color:inherit; } [class*="row"][class*="p-"] { /* padding: 0 !important; */ } .row.p--15 { margin: 0 -15px; } .row.p--10 { margin: 0 -10px; } .row.p--5 { margin: 0 -5px; } .color-inherit, .color-inherit h1, .color-inherit h2, .color-inherit h3, .color-inherit h4, .color-inherit h5, .color-inherit h6 { color:inherit; } /* */ .color\:black{ color:#000000; } .bg\:black{ background-color:#000000; } .color\:green{ color:#FB991C; } .bg\:green{ background-color:#FB991C; } .color\:pink{ color:; } .bg\:pink{ background-color:; } .color\:dark_gray{ color:#7E848D; } .bg\:dark_gray{ background-color:#7E848D; } .color\:gray{ color:#CCD0D6; } .bg\:gray{ background-color:#CCD0D6; } .color\:light_gray{ color:#E9EAEE; } .bg\:light_gray{ background-color:#E9EAEE; } .color\:white{ color:#ffffff; } .bg\:white{ background-color:#ffffff; } @media(min-width:768px){ .hover\:black:hover{ color:#000000; } .hoverbg\:black:hover{ background-color:#000000; } .hover\:green:hover{ color:#FB991C; } .hoverbg\:green:hover{ background-color:#FB991C; } .hover\:pink:hover{ color:; } .hoverbg\:pink:hover{ background-color:; } .hover\:dark_gray:hover{ color:#7E848D; } .hoverbg\:dark_gray:hover{ background-color:#7E848D; } .hover\:gray:hover{ color:#CCD0D6; } .hoverbg\:gray:hover{ background-color:#CCD0D6; } .hover\:light_gray:hover{ color:#E9EAEE; } .hoverbg\:light_gray:hover{ background-color:#E9EAEE; } .hover\:white:hover{ color:#ffffff; } .hoverbg\:white:hover{ background-color:#ffffff; } } .font-100{ font-weight:100; } .line\:_1_1{ line-height:1.1; } .font-200{ font-weight:200; } .line\:_1_2{ line-height:1.2; } .font-300{ font-weight:300; } .line\:_1_3{ line-height:1.3; } .font-400{ font-weight:400; } .line\:_1_4{ line-height:1.4; } .font-500{ font-weight:500; } .line\:_1_5{ line-height:1.5; } .font-600{ font-weight:600; } .line\:_1_6{ line-height:1.6; } .font-700{ font-weight:700; } .line\:_1_7{ line-height:1.7; } .font-800{ font-weight:800; } .line\:_1_8{ line-height:1.8; } .font-900{ font-weight:900; } .line\:_1_9{ line-height:1.9; } .footer-top .logo { width: 209px; } .footer-top { gap: 40px; font-size: 16px; line-height: 150%; align-items:center; justify-content:space-between;} .footer-top .right { width: calc(100% - 500px);/*gap: 40px;*/ padding:0 14px;justify-content:space-evenly;} .footer-top .right .box { /*width: 20%;*/ } .footer-top .right .box h6 { margin: 0; font-size: 16px; letter-spacing: 1.6px; color: #000000; text-align:center;color:#01303A; } .footer-top .right .box h6 a { color:#01303A;} .footer-top .right .box ul { margin: 0; padding: 0; list-style-type: none; display: flex; flex-flow: column; gap: 16px 0; } .footer-top .right .box ul a:hover { color: #FB991C; } .footer-top .social-icon { width:15%; justify-content:end;} .footer-bottom { font-size: 14px; line-height: 150%; } .footer-bottom .outer {display:flex; align-items:center; flex-wrap:wrap;width:100%;} .footer-bottom .outer .left { width:50%; text-align:left;} .footer-bottom .outer .right { width:50%; text-align:right;} .footer-bottom .outer .right ul { justify-content:flex-end;} .footer-bottom .outer .left ul { justify-content:flex-start;} .footer-bottom ul { margin: 0; padding: 0; list-style-type: none; display: flex; flex-wrap: wrap; gap: 10px 24px; } .footer-bottom ul a { text-decoration: underline; color: #000000; } .footer-bottom ul a:hover { color: #FB991C; } .social-icon { gap: 12px; line-height: 0; } .social-icon a:hover { filter: drop-shadow(0 0 4px rgba(0,0,0,0.2)); } @media(max-width: 991px) { .footer-top { gap: 50px; } .footer-top .logo { width: 100%; text-align: center; max-width:70%; margin:0 auto;} .footer-top .right .box { width: calc(50% - 20px); } .footer-top .right { width: 100%; } .footer-bottom { flex-flow: column; flex-direction: column-reverse; gap: 28px; } .footer-bottom ul { justify-content: center; gap: 24px; } .footer-bottom ul li:nth-child(1) { width: 100%; text-align: center; } .footer-bottom .outer {display:flex; align-items:center; flex-wrap:wrap;} .footer-bottom .outer .left { width:100%; text-align:center;} .footer-bottom .outer .right { width:100%; text-align:center;} .footer-bottom .outer .right ul { justify-content:center;} .footer-bottom .outer .left ul { justify-content:center;} .footer-top .right .box h6 { font-size: 20px; padding-bottom:15px; color:#01303A;} .footer-top .right .box h6 a { color:#01303A;} .footer-top .right .box { width: 100%; } .footer-bottom .outer { flex-direction:column-reverse;} .footer-top .social-icon { width:100%; justify-content:center;} .footer-top .social-icon a svg { width:35px; height:35px;} } @media(max-width: 767px) { .footer-top { font-size: 14px; line-height: 150%; } .footer-bottom .outer .right { padding-bottom:25px;} } @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap'); body { margin: 0; padding: 0; background: #FFFFFF; font-family: Garamond Premiere Pro; font-weight: 400; color: #000000; font-size: 18px; line-height: 150%; } /* Paragraphs */ strong { font-weight: 700; } a { transition:400ms; text-decoration: none; color: #000000; } a:hover { color: #000000; } p { margin: 0 0 20px 0; } p:last-child { margin: 0; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .text-uppercase { text-transform: uppercase; } .white-text, .white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text h5, .white-text h6{ color:#fff; } .ul-style ul { list-style: none; padding: 0; margin: 0; } .ul-style li { padding-left: 20px; position: relative; margin-bottom: 20px; list-style: none; } .ul-style li:after { background-color: #00303A; border-radius: 100%; content: ''; height: 8px; left: 0; position: absolute; top: 11px; width: 8px; } .ul-check ul { list-style: none; padding: 0; margin: 0; font-size: 19px; } .ul-check li { padding-left: 40px; position: relative; margin-bottom: 28px; } .ul-check li:after { background: url(https://1616151.fs1.hubspotusercontent-na1.net/hubfs/1616151/theme-hippo/images/checkmark.svg) no-repeat center / 26px 21px; content: ''; height: 21px; left: 0; position: absolute; top: 4px; width: 26px; } h1, h2, h3, h4, h5, h6 { margin-top:0px; font-weight:400; margin-bottom:20px; } h1 { font-family: Gotham; font-style: normal; font-weight: 800; text-decoration: none; font-size:80px; color:#000000; line-height: 120%; } h2 { font-family: Gotham; font-style: normal; font-weight: 800; text-decoration: none; font-size:54px; color:#000000; line-height: 120%; } h3 { margin-bottom: 15px; font-family: Gotham; font-style: normal; font-weight: 700; text-decoration: none; font-size:32px; color:#000000; line-height: 120%; } h4 { margin-bottom: 15px; font-family: Gotham; font-style: normal; font-weight: 700; text-decoration: none; font-size:24px; color:#000000; line-height: 120%; } h5 { font-family: Gotham; font-style: normal; font-weight: 700; text-decoration: none; font-size:20px; color:#000000; line-height: 120%; } h6 { font-family: Gotham; font-style: normal; font-weight: 700; text-decoration: none; font-size:18px; color:#000000; line-height: 120%; } h1 span , h2 span , h3 span { font-weight: 400; } @media (max-width:1400px) { h1 { font-size: 65px; } h2 { font-size: 50px; } } @media (max-width:1200px) { h1 { font-size: 56px; } h2 { font-size: 42px; } h3 { font-size: 28px; } h4 { font-size: 24px; } } @media (max-width:991px) { h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; } h1 { font-size: 44px; } h2 { font-size: 34px; } h3 { font-size: 24px; } h4 { font-size: 20px; } } @media (max-width:767px) { } .blog-bible { margin-top: -51px; background: #F3F4F6; position: relative; z-index: 22; } .blog-bible:before { content: ''; border: 16px solid transparent; border-bottom-color: #FFFFFF; border-left-color: #FFFFFF; position: absolute; bottom: 0; left: 0; } .blog-bible:after { content: ''; border: 16px solid transparent; border-bottom-color: #FFFFFF; border-right-color: #FFFFFF; position: absolute; bottom: 0; right: 0; } .blog-bible .back-top { background: #18697C; text-align: center; } .blog-bible .back-top a { display: flex; justify-content: center; gap: 8px; color: #FFF; padding: 12px 10px; } .blog-day , .bible-time { margin-left: auto; margin-right: auto; max-width: 800px; width: 100%; } .blog-day > div a { display: flex; align-items: center; gap: 8px; color: #727983; } .blog-day h2 { margin: 0; } .bible-reading { padding: 18px 0 0px; } .bible-reading h3 { margin: 0 0 30px; text-align: center; } .bible-reading .box { margin-left: auto; margin-right: auto; max-width: 800px; width: 100%; } .bible-reading .box a { color:blue; } .bible-reading .box h2 a { color:#000; } .bible-reading .box h3 a { color:#000; } .bible-reading .box a:hover { text-decoration:underline;} .bible-tag ul { margin: 0; padding: 0; list-style-type: none; } .bible-tag ul a { display: inline-block; padding: 7px 20px; width:105px; text-align:center; border: 1px solid #18697C; color: #18697C; font-size: 16px; line-height: 120%; font-weight: 700; text-transform: uppercase; font-family: Gotham; } .bible-tag ul a:hover , .bible-tag ul li a.active { background: #18697C; color: #FFFFFF; } .bible-time .table ul { margin: 0; padding: 0; list-style-type: none; } .bible-time .table ul a { font-size: 16px; line-height: 120%; padding: 21px 16px; display: inline-block; border-bottom: 1px solid transparent; font-weight: 700; text-transform: capitalize; font-family: Gotham; } .bible-time .table ul a:hover , .bible-time .table ul .active a { border-color: #18697C; } .bible-study { margin: 0 auto 20px; max-width: 800px; width: 100%; } .bible-study a { margin-top: 8px; margin-right: 5px; font-size: 18px; line-height: 150%; padding: 3px 12px; display: inline-block; border: 1px solid rgba(114, 121, 131, 0.55); color: rgba(114, 121, 131, 0.55); } .bible-study a:hover , .bible-study a.active { color: #FB991C; border-color: #FB991C; } .backtotop { padding: 10px 30px; font-size: 16px; line-height: 150%; border: 2px solid #FB991C; min-width: 245px; letter-spacing: 1.6px; background: #FFFFFF; font-weight: 700; position: fixed; bottom: 60px; right: 0; font-family: Gotham; z-index: 1; cursor: pointer; clip-path: polygon(0 0,100% 0,100% 100%,15px 100%,0 calc(100% - 15px)); } .backtotop:before { content: ''; border-left: 2px solid #FB991C; position: absolute; bottom: -9px; left: 4px; height: 33px; z-index: 1; transform: rotate(-45deg); } .bottom-space { padding-bottom: 130px; } .blog-main-section { width: 100%; display: inline-block; vertical-align: top; padding: 40px 0 0px; } .blog-main-section .filter-strip { width: 100%; display: flex; align-items: center; justify-content: space-between; padding-bottom: 30px;} .blog-main-section .filter-strip .taggy { width:66.6667%;} .blog-main-section .filter-strip .left-side { width: auto; padding-right: 0px; } .blog-main-section .filter-strip .right-side { width: 33.3333%; padding-left: 20px; text-align: right; display:flex; align-items:center;justify-content:flex-end;} .blog-main-section .filter-strip .button-group-left { padding-left:10px;max-width: 190px; width: 100%; position: relative; } .blog-main-section .filter-strip .button-group-left span { color: #333; font-weight: 600; font-size: 18px; width: 100%; display: inline-block; text-align: left; padding: 10px; cursor: pointer; transition:all 0.5s; padding:10px 20px; text-align:right; } .blog-main-section .filter-strip .button-group-left span:before { content: ''; background-repeat:no-repeat; object-fit:contain;background-image:url(https://47764943.fs1.hubspotusercontent-na1.net/hubfs/47764943/filter-icon.svg); width:20px; height:20px; position: relative; display: inline-block; font-weight: 400; font-size: 22px; line-height: normal; top: 5px; margin-left: 0px;color: #595959;font-family: "Garamond Premiere Pro";font-size: 18px;font-style: normal;font-weight: 400;line-height: 150%; left:-10px;} .blog-main-section .filter-strip .button-group-left .filter-tag { padding:5px 0px 10px 0px; position: absolute; top: 60px; left: -100px;right:0; display: none; background: #18697C; width: auto; box-shadow: 0px 5px 9px -4px rgb(0 0 0 / 20%); z-index: 10; max-height:200px; overflow:scroll!important;clip-path: polygon(100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 0);} .blog-main-section .filter-strip .button-group-left .filter-tag .button { padding:10px 20px; width: 100%; clip-path:none; display: inline-block; color: #FFFFFF; width: 100%; text-align: left; font-weight: normal; font-size: 16px; line-height: normal; transition: all 0.5s; height: auto; color: #FFF;font-family: "Garamond Premiere Pro";font-size: 18px;font-style: normal;font-weight: 400;line-height: 150%; /* 27px */ text-transform:capitalize;} .blog-main-section .filter-strip .button-group-left .filter-tag .button:hover { color: #fff;background:#00303C; clip-path:none;} .blog-main-section .filter-strip .button-group-left span.active { border-color: #fff;color: #333333;} .blog-main-section .filter-strip .button-group-right { max-width: 203px; width: 100%; float: right; position: relative; } .blog-main-section .filter-strip .button-group-right span { color: #888585; font-weight: 600; font-size: 16px; border: 2px solid #333333; border-radius: 8px; width: 100%; display: inline-block; text-align: left; padding: 11px 25px; cursor: pointer; transition:all 0.5s; } .blog-main-section .filter-strip .button-group-right .filter-tag {position: absolute; top: 48px; left: 0; display: none; background: #fff; width: 100%; padding: 5px 12px; box-shadow: 0px 5px 9px -4px rgb(0 0 0 / 20%); border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; z-index: 999;} .blog-main-section .filter-strip .button-group-right .filter-tag .button { width: 100%; display: inline-block; color: #AEAEAE; text-transform:capitalize; width: 100%; background: #fff; text-align: left; font-weight: normal; font-size: 16px; padding: 4px 15px; line-height: normal; transition: all 0.5s; height: auto;} .blog-main-section .filter-strip .button-group-right .filter-tag .button:hover { color: ; } .blog-main-section .filter-strip .button-group-right span.active { border-color: #fff;box-shadow: 0px 0px 9px -4px rgb(0 0 0 / 20%);border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: #333333;} .blog-main-section .filter-strip .taggy { display:flex; flex-wrap:wrap; align-items:center; gap:0px; } .blog-main-section .filter-strip .taggy a {color: #000;padding: 8px 16px;font-family: "Garamond Premiere Pro";font-size: 18px;font-style: normal;font-weight: 400;line-height: 150%;transition:all 400ms ease; } .blog-main-section .filter-strip .taggy a:hover {color: #ffffff;background-color:#18697C;} .outer-wrap { display:flex; flex-flow:wrap; margin: 0 -30px; } .outer-wrap .post-item { width: calc(100% / 3 - 60px); margin: 0 30px 45px; transition:all 0.5s ease; } .outer-wrap .post-item .hs-featured-image-wrapper { width: 100%; display: inline-block; vertical-align: top; } .outer-wrap .post-item .bottom { width: 100%; display: inline-block; vertical-align: top; text-align: left; padding: 20px 15px; background:#F3F4F6;clip-path: polygon(100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%, 0 0); } .outer-wrap .post-item .hs-featured-image-wrapper img.hs-featured-image { max-width: 100%; width: 100%; margin: 0; border-radius: 0px; height: auto; box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04); object-fit: cover;max-height:218px;} .outer-wrap .post-item .bottom .in-height { width: 100%; display: inline-block; vertical-align: top; } .outer-wrap .post-item .bottom p#hubspot-topic_data a{ padding: 0; color: #18697C;font-family: Gotham;font-size: 12px;font-style: normal;font-weight: 700;line-height: 150%; /* 18px */letter-spacing: 1.2px;text-transform: uppercase;} .outer-wrap .post-item .bottom .top { display: flex; align-items: center; } .outer-wrap .post-item .bottom .top .tag { text-transform: capitalize; color: ; } .outer-wrap .post-item .bottom -link { color: #18697C;font-family: Gotham;font-size: 12px;font-style: normal;font-weight: 700;line-height: 150%; /* 18px */letter-spacing: 1.2px;text-transform: uppercase;} .outer-wrap .post-item .bottom .top .read-time { display: flex; align-items: center; color: #8C97AC; } .outer-wrap .post-item .bottom .top .read-time img { margin: 0 10px; } .outer-wrap .post-item .bottom h2 { font-size: 21px!important; line-height: 34px; padding: 5px 0 10px;font-weight: 600; color:#0E0432; margin-bottom:0;} .outer-wrap .post-item .bottom h2 a { display:inline-block;color: var(--Text-primary, #000);font-family: Gotham;font-size: 24px;font-style: normal;font-weight: 700;line-height: 150%; /* 36px */} .outer-wrap .post-item .bottom h2 a:hover { color: ; } .outer-wrap .post-item .bottom .post-content { color: #4D535E; } .outer-wrap .post-item .bottom .read-more a.more-link { color:#66001E; padding-top:10px; display: inline-block; font-family: "Garamond Premiere Pro";font-size: 18px;font-style: normal;font-weight: 400;line-height: 150%; /* 27px */text-decoration-line: underline;text-decoration-style: solid;text-decoration-skip-ink: none;text-decoration-thickness: auto;text-underline-offset: auto;text-underline-position: from-font;} .outer-wrap .post-item .bottom .read-more a.more-link svg { height: 12px; position: relative; top: 1px; } .outer-wrap .post-item .bottom .read-more a.more-link svg path { fill: ; transition: all .5s; } .outer-wrap .post-item .bottom .read-more a.more-link:hover { color: ; } .outer-wrap .post-item .bottom .read-more a.more-link:hover svg path { fill: ; } .outer-wrap .post-item .bottom .post-content a { color: #4D535E; display:inline-block;} .about-section .content { color:#212121;} .outer-wrap .post-item-cs { width: calc(100% / 2 - 60px); margin: 0 30px 45px; transition:all 0.5s ease; } .related-post.case-study {background-color:#fff;} .related-post.case-study .related_title {text-align:center; justify-content:center;} .related-post.case-study .right {text-align:center;} .outer-wrap .post-item-cs .hs-featured-image-wrapper { width: 100%; display: inline-block; vertical-align: top; } .outer-wrap .post-item-cs .bottom { width: 100%; display: inline-block; vertical-align: top; text-align: left; padding: 20px 15px; } .outer-wrap .post-item-cs .hs-featured-image-wrapper img.hs-featured-image { max-width: 100%; width: 100%; margin: 0; border-radius: 8px; height: 100%; box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04); object-fit: cover;border-radius: 24.628px;border: 18.471px solid #F5F4FE;background: #FFF;} .outer-wrap .post-item-cs .bottom .in-height { width: 100%; display: inline-block; vertical-align: top; } .outer-wrap .post-item-cs .bottom p#hubspot-topic_data { padding: 0; } .outer-wrap .post-item-cs .bottom .top { display: flex; align-items: center; } .outer-wrap .post-item-cs .bottom .top .tag { text-transform: capitalize; color: ; } .outer-wrap .post-item-cs .bottom .top .read-time { display: flex; align-items: center; color: #8C97AC; } .outer-wrap .post-item-cs .bottom .top .read-time img { margin: 0 10px; } .outer-wrap .post-item-cs .bottom h2 { font-size: 21px; line-height: 34px; padding: 5px 0 10px; margin-bottom:0; } .outer-wrap .post-item-cs .bottom h2 a { color: var(--Link-secondary, #000);font-family: Montserrat;font-size: 32px;font-style: normal;font-weight: 700;line-height: 130%; /* 41.6px */letter-spacing: -0.32px; } .outer-wrap .post-item-cs .bottom h2 a:hover { color: ; } .outer-wrap .post-item-cs .bottom .post-content { color: #212121;font-family: Montserrat;font-size: 20px;font-style: normal;font-weight: 400;line-height: 160%; /* 32px */} .outer-wrap .post-item-cs .bottom .read-more a.more-link { display: inline-block; color: ; font-weight: 600; font-family: var(--button_font); } .outer-wrap .post-item-cs .bottom .read-more a.more-link svg { height: 12px; position: relative; top: 1px; } .outer-wrap .post-item-cs .bottom .read-more a.more-link svg path { fill: ; transition: all .5s; } .outer-wrap .post-item-cs .bottom .read-more a.more-link:hover { color: ; } .outer-wrap .post-item-cs .bottom .read-more a.more-link:hover svg path { fill: ; } .outer-wrap .post-item-cs .bottom .post-content a { color: #212121;} /* .blog-post__body h2 { font-size: 32px!important; line-height: 36px; } .blog-post__body h3 { font-size: 28px!important; margin-bottom:0;} .blog-post__body h4 { font-size: 324px!important; margin-bottom:0;} .blog-post__body .inner-cover h2 { font-size: 32px!important; line-height: 36px; } .blog-post__body .inner-cover h3 { font-size: 28px!important; margin-bottom:0;} .blog-post__body .inner-cover h4 { font-size: 24px!important; margin-bottom:0;} */ .outer-wrap .post-item2 { width: calc(100% / 2 - 60px); margin: 0 30px 45px; transition:all 0.5s ease; } .outer-wrap .post-item2 .hs-featured-image-wrapper { width: 100%; display: inline-block; vertical-align: top; } .outer-wrap .post-item2 .bottom { width: 100%; display: inline-block; vertical-align: top; text-align: left; padding: 20px 15px; } .outer-wrap .post-item2 .hs-featured-image-wrapper img.hs-featured-image { max-width: 100%; width: 100%; margin: 0; border-radius: 8px; height: 200px; box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04); object-fit: cover;} .outer-wrap .post-item2 .bottom .in-height { width: 100%; display: inline-block; vertical-align: top; } .outer-wrap .post-item2 .bottom p#hubspot-topic_data { padding: 0; } .outer-wrap .post-item2 .bottom .top { display: flex; align-items: center; } .outer-wrap .post-item2 .bottom .top .tag { text-transform: capitalize; color: ; } .outer-wrap .post-item2 .bottom .top .read-time { display: flex; align-items: center; color: #8C97AC; } .outer-wrap .post-item2 .bottom .top .read-time img { margin: 0 10px; } .outer-wrap .post-item2 .bottom h2 { font-size: 21px; line-height: 34px; padding: 5px 0 10px; } .outer-wrap .post-item2 .bottom h2 a { font-size: 21px; line-height: 34px; font-weight: 600; color:#0E0432; } .outer-wrap .post-item2 .bottom h2 a:hover { color: ; } .outer-wrap .post-item2 .bottom .post-content { color: #4D535E; } .outer-wrap .post-item2 .bottom .read-more a.more-link { display: inline-block; color: ; font-weight: 600; font-family: var(--button_font); } .outer-wrap .post-item2 .bottom .read-more a.more-link svg { height: 12px; position: relative; top: 1px; } .outer-wrap .post-item2 .bottom .read-more a.more-link svg path { fill: ; transition: all .5s; } .outer-wrap .post-item2 .bottom .read-more a.more-link:hover { color: ; } .outer-wrap .post-item2 .bottom .read-more a.more-link:hover svg path { fill: ; } .outer-wrap .post-item2 .bottom .post-content a { color: #4D535E; } .blog-main-section .load-more { text-align: center; padding: 30px 0 0; width:100%; } .blog-main-section .load-more a { min-width: 151px; padding: 10px 30px; border: 2px solid #AEAEAE; border-radius: 8px; font-size: 16px; line-height: 20px; font-weight: 700; color: #BDBDBD; display:inline-block; vertical-align:top; } .blog-main-section .load-more a:hover { background: ; color: #fff; border-color: ; } .blog-main-section h2.topic-title { margin-bottom: 40px; text-transform: capitalize; } /* .outer-wrap .post-item:hover { box-shadow: 0px 60px 80px rgb(0 0 0 / 4%), 0px 38.8889px 46.8519px rgb(0 0 0 / 3%), 0px 23.1111px 25.4815px rgb(0 0 0 / 2%), 0px 12px 13px rgb(0 0 0 / 2%), 0px 4.88889px 6.51852px rgb(0 0 0 / 2%), 0px 1.11111px 3.14815px rgb(0 0 0 / 1%); border-radius: 8px; } .outer-wrap .post-item:hover .hs-featured-image-wrapper img.hs-featured-image { border-radius:8px 8px 0 0; } .outer-wrap .post-item2:hover { box-shadow: 0px 60px 80px rgb(0 0 0 / 4%), 0px 38.8889px 46.8519px rgb(0 0 0 / 3%), 0px 23.1111px 25.4815px rgb(0 0 0 / 2%), 0px 12px 13px rgb(0 0 0 / 2%), 0px 4.88889px 6.51852px rgb(0 0 0 / 2%), 0px 1.11111px 3.14815px rgb(0 0 0 / 1%); border-radius: 8px; } .outer-wrap .post-item2:hover .hs-featured-image-wrapper img.hs-featured-image { border-radius:8px 8px 0 0; } */ .outer-wrap .post-item-cs:hover { box-shadow: 0px 60px 80px rgb(0 0 0 / 4%), 0px 38.8889px 46.8519px rgb(0 0 0 / 3%), 0px 23.1111px 25.4815px rgb(0 0 0 / 2%), 0px 12px 13px rgb(0 0 0 / 2%), 0px 4.88889px 6.51852px rgb(0 0 0 / 2%), 0px 1.11111px 3.14815px rgb(0 0 0 / 1%); border-radius: 8px; } .outer-wrap .post-item-cs:hover .hs-featured-image-wrapper img.hs-featured-image { border-radius:8px 8px 0 0; } .cta-strip.blog-cta { background: #f1f3f5; } .cta-strip.blog-cta .top-shape img { filter: none; } .cta-strip.blog-cta .inner h2 { margin-bottom: 0; } .cta-strip.blog-cta .inner .content p { padding: 30px 0 60px; max-width: 586px; margin: 0 auto; } /* Blog Updates */ article.blog-post { display:flex;} .blog-post__body { color:#000!important; width: 100%; display: inline-block; vertical-align: top; padding: 0 0 130px; font-weight: normal; font-size: 16px; line-height: 26px;} .blog-post__body .inner-image .image img { width: 100%; height: 615px; object-fit: cover; object-position: top; } /*.blog-post__body .inner-content { max-width:970px;margin:0 auto; }*/ .blog-post__body .inner-bg { background:#fff; padding:50px 25px 0px 0; display:inline-block; vertical-align:top; width:100%; } .blog-post__body h1 {color:#000!important;} .blog-post__body a {color:#000000!important;transition:all 400ms ease;} .blog-post__body a:hover {text-decoration:underline;} .blog-post__body .gradient-button a { color:#fafafa!important;} .blog_post_left { max-width: 100%;width: 69%;} .blog_post_right { max-width: 100%;width: 31%;} .case_study_post_left { max-width: 100%;width: 33.33333%;} .case_study_post_right { max-width: 100%;width: 66.66667%;} .blog-body-stickycta img { max-width: 100%; } .blog-body-stickycta2 { max-width: 100%; margin-top:140px;} .blog_post_right > div { position: sticky; top: 100px; padding-top:50px; } .new-social { } .new-social ul { display:flex; align-items:center;list-style-type:none; padding-left:0; margin-left:0;} .new-social ul li {list-style-type:none; margin-right:10px; padding:0;} .new-social ul li p { margin:0;} .new-social ul li a {height:auto;padding:0; margin:0;} .new-social ul li a:hover {text-decoration:none;} .new-social ul li a img { padding:0; margin:0; height:25px; transition:all 400ms ease;filter: brightness(0) invert(1); } .new-social ul li a img:hover { transform: scale(1.13);} .new-social .tooltip button { padding:0;} .blog-module .new-social { padding-bottom:40px;} .blog-module .new-social ul { display:flex; justify-content:center; align-items:center;list-style-type:none; padding-left:0; margin-left:0;} .blog-module .new-social ul li {list-style-type:none; margin-right:10px; padding:0;} .blog-module .new-social ul li p { margin:0;} .blog-module .new-social ul li a {height:auto;padding:0; margin:0;} .blog-module .new-social ul li a:hover {text-decoration:none;} .blog-module .new-social ul li a img { padding:0; margin:0; height:25px; transition:all 400ms ease;filter:none;} .blog-module .new-social ul li a img:hover { transform: scale(1.13);} .blog-module .new-social .tooltip button { padding:0;} .date-time {display:flex; align-items:center; flex-wrap:wrap;} .date-time .read-time { padding-left:10px;} .banner.resources-post .new-social { padding-bottom:15px;} .banner.resources-post .button-one {margin-top:25px;} .banner.resources-post .breadcrumbs {padding:10px 0;} .banner.resources-post .breadcrumbs .levels { display:flex; align-items:center; flex-wrap:wrap; } .banner.resources-post .breadcrumbs .level1 { padding-right:10px;} .banner.resources-post .breadcrumbs .level2 { padding-left:10px;} .banner.resources-post form {background:#fff; border:none; border-radius:15px; padding:15px;} .banner.resources-post form h1 { font-size:28px!important; margin-bottom:15px; color:#000;} .banner h1 {font-family: Montserrat;font-size: 48px;font-style: normal;font-weight: 700;line-height: 115%; /* 55.2px */letter-spacing: -0.48px;} .banner.case-studies-post .new-social { padding-bottom:15px;} .banner.case-studies-post .button-one {margin-top:25px;} .banner.case-studies-post .breadcrumbs {padding:10px 0;} .banner.case-studies-post .breadcrumbs a { color:#000; } .banner.case-studies-post .breadcrumbs p { color:#000;} .banner.case-studies-post .breadcrumbs .levels .level1 { color:#000;} .banner.case-studies-post .breadcrumbs .levels .level2 { color:#000;} .banner.case-studies-post .breadcrumbs .levels span { color:#000;} .banner.case-studies-post .logo-image { padding: 15px 0; display:inline-block; max-height:150px; max-width:150px; object-fit:cover;} .banner.case-studies-post .logo-image img { max-width: 100%; width:100%;} .banner.case-studies-post h1 {color: #212121;font-family: Montserrat;font-size: 48px;font-style: normal;font-weight: 700;line-height: 115%; /* 55.2px */letter-spacing: -0.48px;} .banner.case-studies-post .content { color: #212121;font-family: Montserrat;font-size: 16px;font-style: normal;font-weight: 400;line-height: 160%; letter-spacing: -0.16px;} .banner.case-studies-post .breadcrumbs .levels { display:flex; align-items:center; flex-wrap:wrap; } .banner.case-studies-post .breadcrumbs .level1 { padding-right:10px;} .banner.case-studies-post .breadcrumbs .level2 { padding-left:10px;} .banner.case-studies-post .hero-media { position:relative;} .banner.case-studies-post .hero-media:before {background: url(https://go.smartling.com/hubfs/SmartlingWebsite-WCS/case-study-bg.svg) no-repeat;/*background-size: 100% 204px;*/height: 100%;top: 50px; right:-50px;content: '';position: absolute;width:100%; } .banner.case-studies-post .hero-media .video-outer { position:relative; z-index:1;} .banner.case-studies-post .hero-media .image-outer { position:relative; z-index:1;} .banner.case-studies-post .hero-media .video-outer iframe {max-width:100%!important;} .banner.case-studies-post .hero-media .video-outer .hs-embed-wrapper { max-width:100%!important;} .banner .breadcrumbs {padding:10px 0;} .banner .breadcrumbs a { color:#fff; } .banner .breadcrumbs p { color:#fff;} .banner .breadcrumbs .levels .level1 { color:#fff;} .banner .breadcrumbs .levels .level2 { color:#fff;} .banner .breadcrumbs .levels span { color:#fff;} .banner .breadcrumbs .levels { display:flex; align-items:center; flex-wrap:wrap; } .banner .breadcrumbs .level1 { padding-right:10px;} .banner .breadcrumbs .level2 { padding-left:10px;} .banner.case-studies-post form {background:#fff; border:none; border-radius:15px; padding:15px;} .hero-cs-main {padding:120px 0 70px; } .blog-post__body .top-box .top { display: flex; align-items: center; } .blog-post__body .top-box .top p { padding: 0; } .blog-post__body .top-box .top .tag a { text-transform: capitalize; font-weight: 800; } .blog-post__body .top-box .top .read-time { display: flex; align-items: center; } .blog-post__body .top-box .top .read-time img { margin: 0 5px 0 10px; } .blog-post__body .top-box h1 { color: #505050; letter-spacing: -1px; font-size: 48px; line-height: 70px; margin: 12px 0; } .blog-post__body .top-box .author-date { display: flex; align-items:center; margin-bottom:10px; } .blog-post__body .top-box .author-date a.author-link:hover h3 { color: ; } .blog-post__body .top-box .author-date a.author-link h3 { font-weight: ; color: #AEAEAE; transition: all 0.5s ease; margin-bottom:0px!important; font-size: ;} .blog-post__body .top-box .author-date .date.content { margin-left: 30px; color: #AEAEAE; font-weight: ;} .blog-post__body .top-box .social-media ul li:before { display: none; } .blog-post__body .top-box .social-media ul { display: flex; padding: 0; } .blog-post__body .top-box .social-media ul li a { width: 24px; height: 24px; font-size: 13px; color: #E0E0DF; border-radius: 100px; display: inline-block; vertical-align: middle; } .blog-post__body .top-box .social-media ul li a:hover { background: ; color: #fff; } .blog-post__body .top-box .social-media ul li { padding: 0; margin-right: 10px; text-align: center; } .blog-post__body .inner-cover { margin-top: 0px; } .blog-post__body h2 { font-weight: 700; font-size: 34px; line-height: 34px; /*padding-bottom: 40px;*/ color:#000; margin:0; padding:10px 0; } .blog-post__body .two-col { width: 100%; padding: 40px 0; display: flex; align-items: center; } .blog-post__body .two-col .two-left { width: 50%; float: left; border-right: 2px solid ; padding-right: 25px; } .blog-post__body .two-col .two-right { width: 50%; float: left; padding-left: 30px; font-weight: normal; font-size: 18px; line-height: 30px; color: #AEAEAE; font-style: italic; } .blog-post__body .two-col .two-left img { border-radius: 8px; box-shadow: -3px 15px 40px -7px rgb(0 0 0 / 20%); } .blog-post__body .number { width: 100%; display: inline-block; vertical-align: top; padding: 40px 0; } .blog-post__body .number .num { display: flex; align-items: center; } .blog-post__body .number .num h2 { color: ; font-weight: bold; font-size: 82px; width: 38%; float: left; padding-right: 25px; text-align: right; padding-bottom: 0; } .blog-post__body .number .num-text { width: 62%; max-width: 340px; float: left; padding: 20px 0 20px 25px; border-left: 2px solid ; font-style: italic; color: #AEAEAE; } .blog-post__body ul { padding-left: 20px; } .blog-post__body ul li { position: relative; padding-left: 10px; } .blog-post__body ul li:before { content: ' '; top: 20px; left: 0; background: #000000; width: 3px; height: 3px; position: absolute; border-radius: 50%; } .blog-post__body .social-share-inpost { width: 100%; display: inline-block; vertical-align: top; text-align: center; padding-top: 40px; } .blog-post__body .social-share-inpost ul.share-buttons { padding: 0; list-style: none; } .blog-post__body .social-share-inpost ul.share-buttons li:before { display: none; } .blog-post__body .social-share-inpost ul.share-buttons li { display: inline-block; padding: 0 8px; } .blog-post__body .social-share-inpost ul.share-buttons li a { color: #8C97AC; font-size: 16px; } .blog-post__body .social-share-inpost ul.share-buttons li a:hover { color: ; } .hs-pagination__link--active { font-weight:700;text-decoration:underline!important; color:#FB991C;} figure.blog-entry__fig.-split { display:flex; flex-wrap:wrap; width:100%;} img.blog-entry__fig-image { width:100%; } .inner-post-subscribe { width: 100%; display: inline-block; vertical-align: top; padding: 30px 0 40px; } .inner-post-subscribe .inner-subscribe { padding: 35px; width: 100%; display: inline-block; vertical-align: top; background: #00303A; box-shadow: 0px 10px 20px rgb(0 0 0 / 4%), 0px 2px 6px rgb(0 0 0 / 4%), 0px 0px 1px rgb(0 0 0 / 4%); border-radius: 15px; } .inner-post-subscribe .inner-subscribe .left-part { width: 60%; float: left; padding-right: 20px; } .inner-post-subscribe .inner-subscribe .right-part { width: 40%; float: left; text-align: left; } .inner-post-subscribe .inner-subscribe .left-part h2 { font-weight: 600; font-size: 34px; line-height: 34px; color: #FFFFFF; padding-bottom:18px; } .inner-post-subscribe .inner-subscribe .left-part h4 { font-weight: normal; font-size: 24px; line-height: 38px; color: #FFFFFF; max-width: 340px; width: 100%; font-family: var(--button_font); } .inner-post-subscribe .inner-subscribe .left-part h4 p { padding:0; } .inner-post-subscribe .inner-subscribe .right-part form { padding:10px; border-radius:10px; background:transparent;} .inner-post-subscribe .inner-subscribe .right-part form.hs-form .hs-form-field { padding-bottom:25px; } .inner-post-subscribe .inner-subscribe .right-part form .input input { border-radius:8px; } .inner-post-subscribe .inner-subscribe .right-part form .hs-submit .hs-button { color: #FFFFFF; font-weight: 600; font-size: 15px; background: transparent; border-radius: 5px; border: 2px solid #FFFFFF; width: 100%; } .inner-post-subscribe .inner-subscribe .right-part form .hs-submit .hs-button:hover { background: #fff; color: ; } .inner-post-subscribe .inner-subscribe .cover { display: flex; align-items: center; } .inner-post-subscribe .inner-subscribe .right-part ul.hs-error-msgs, .inner-post-subscribe .inner-subscribe .right-part ul.hs-error-msgs li { padding:0; } .inner-post-subscribe .inner-subscribe .right-part ul.hs-error-msgs li:before { display:none; } .inner-post-subscribe .inner-subscribe .right-part ul.hs-error-msgs li label { color: #fff; font-size: 12px; font-weight: 700; text-transform: inherit; letter-spacing: 1px; } .inner-post-subscribe .inner-subscribe .right-part form .hs-form-field input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-weight: 600; font-size: 15px; color: #AEAEAE; } .inner-post-subscribe .inner-subscribe .right-part form .hs-form-field input::-moz-placeholder { /* Firefox 19+ */ font-weight: 600; font-size: 15px; color: #AEAEAE; } .inner-post-subscribe .inner-subscribe .right-part form .hs-form-field input:-ms-input-placeholder { /* IE 10+ */ font-weight: 600; font-size: 15px; color: #AEAEAE; } .inner-post-subscribe .inner-subscribe .right-part form .hs-form-field input:-moz-placeholder { /* Firefox 18- */ font-weight: 600; font-size: 15px; color: #AEAEAE; } .inner-post-subscribe .inner-subscribe .right-part .submitted-message {font-size: 15px;} .c-tags--inner { display:none;} .related-post { background: #f1f3f5; position: relative; padding: 70px 0 60px; } .related-post .top-shape { position: absolute; left: 0; right: 0; bottom: 100%; } .related-post .top-shape img { width: 100%; } .related_title h2 { text-align: center; position: relative; padding-bottom: 0px; margin-bottom: 0px; font-size:40px; } /*.related_title h2:before { content: ' '; top: auto; left: 0; right: 0; margin: auto; width: 100px; height: 6px; background: ; bottom: 0; position: absolute; }*/ .related_title { display:flex; align-items:center; flex-wrap:wrap; padding-bottom:30px;} .related_title .left { width:100%; text-align:center;} .related_title .right {width:100%; text-align:center;} .related-post .right { text-align:center; } .subscribe-section { position: relative; background: #f1f3f5; padding: 100px 0; } .subscribe-section .top-shape { position: absolute; left: 0; right: 0; bottom: 100%; } .subscribe-section .top-shape img { width: 100%; } .subscribe-section .inner .content { margin: 30px 0; max-width:800px; margin:0 auto; } .subscribe-section .inner form { max-width: 700px; margin: 0 auto; padding:15px; border-radius:15px;} .subscribe-section .inner form .input input { background: #fff; border-radius: 8px; } .subscribe-section .inner form ul.inputs-list { text-align: left; } .subscribe-section .inner form ul.inputs-list li input[type="checkbox"] { opacity: 0; display: none; } .subscribe-section .inner form ul.inputs-list li input[type="checkbox"] + span { position: relative; padding: 1px 0 0 30px; display: block; font-size: 16px; line-height: normal; } .subscribe-section .inner form ul.inputs-list li input[type="checkbox"] + span:before { content: "\f00c"; height: 20px; width: 20px; position: absolute; background: #ffffff; border: 1px solid ; color: ; left: 0; top: 0; font-family: 'FontAwesome'; display: flex; align-items: center; justify-content: center; font-size: 0; } .subscribe-section .inner form ul.inputs-list li input[type="checkbox"]:checked + span:before { font-size: 12px; } .inner-post-subscribev2 .inner-subscribe { width: 100%; text-align: left; color: #fff; padding-bottom: 80px; background-color: ; } .inner-post-subscribev2 { text-align: center; } .inner-post-subscribev2 .inner-subscribe .legal-consent-container .hs-dependent-field .field.hs-form-field li.hs-form-booleancheckbox label>span { color: #fff; } .related-postv2 .related-post { margin-top: -40px; } .inner-post-subscribev2 .inner-subscribe .cover { width: 100%; max-width: 1070px; margin: auto; } .inner-post-subscribev2 form .hs-input[type="checkbox"]+span:before { border-color:#fff; } .inner-post-subscribev2 .inner-subscribe .hs-richtext { margin-bottom:5px; } .inner-post-subscribev2 .inner-subscribe .right-part form.hs-form .hs-form-field { padding-bottom:5px; } .inner-post-subscribev2 .inner-subscribe .hs_submit { margin-top:20px; } .inner-post-subscribev2 .inner-subscribe .hs_email { margin-bottom:10px; } .o-text h3 {color: #000000;font-size: 20px!important;text-transform: uppercase!important;margin-bottom:0;} .o-text h3 span { font-size: 20px!important;text-transform: uppercase!important;margin-bottom:0;} .o-text h2 { color: #000000;font-size: 26px!important;margin-bottom:0;} .o-text h2 span { color: #000000;font-size: 26px!important;margin-bottom:0;} .o-text h4 {font-family: montserrat, sans-serif;font-weight: 700;margin-bottom: -10px;padding-top: 20px;font-size: 18px;text-transform: uppercase;padding-bottom:10px;} .o-text h5 {font-family: montserrat, sans-serif;font-weight: 700;margin-bottom: -10px;padding-top: 20px;font-size: 18px;text-transform: uppercase;padding-bottom:10px;} .o-text h6 {font-family: montserrat, sans-serif;font-weight: 700;margin-bottom: -10px;padding-top: 20px;font-size: 18px;text-transform: uppercase;padding-bottom:10px;} .o-text p {font-size: 18px!important;line-height: 24px;margin-bottom:0; word-break:break-word;} .o-text ol li {font-size: 18px!important;line-height: 24px;margin-bottom:0;} .o-text ul li {font-size: 18px!important;line-height: 24px;margin-bottom:0;} .o-text ul li {list-style-type:disc;padding-left:15px;} .o-text ul li {list-style-type:disc;padding:10px 0;} .o-text ul li:before { content: ' '; top: 20px; left: 0; background: #000000; width: 3px; height: 3px; position: absolute; border-radius: 50%; } .blog-post__body h3 {color: #000000;font-size: 20px!important;text-transform: uppercase!important;margin-bottom:0;} .blog-post__body h4 {font-size: 18px!important;text-transform: uppercase!important;margin-bottom:0;} .blog-post__body h3 span {color: #000000;font-size: 20px!important;text-transform: uppercase!important;margin-bottom:0;} .blog-post__body h4 span {font-size: 18px!important;text-transform: uppercase!important;margin-bottom:0;} .blog-post__body h2 { color: #000000;font-size: 26px!important;margin-bottom:0;} .blog-post__body h2 span { color: #000000;font-size: 26px!important;margin-bottom:0;} .blog-post__body p {font-size: 18px!important;line-height: 24px;margin-bottom:0; word-break:break-word;} .blog-post__body ol li {font-size: 18px!important;line-height: 24px;margin-bottom:0;} .blog-post__body ul li {font-size: 18px!important;line-height: 24px;margin-bottom:0;} .blog-post__body ul li {/*list-style-type:disc;*/padding-left:15px;} .blog-post__body ul li {/*list-style-type:disc;*/padding:10px 0;} .blog-post__body ul li:before { content: ' '; top: 20px; left: 0; background: #000000; width: 3px; height: 3px; position: absolute; border-radius: 50%; } /*.o-text ul li::marker { color:#000000;}*/ .blog-post__body ul { padding-left: 20px; } .blog-post__body ul li { position: relative; padding-left: 10px; } .blog-post__body ul li:before { content: ' '; top: 20px; left: 0; background: #000000; width: 3px; height: 3px; position: absolute; border-radius: 50%; } .blog-post__body .o-text ul li::marker {color:#000000;font-size:0;} .blog-post__body blockquote{ position:relative; color: var(--Text-primary, #000);font-family: "Garamond Premiere Pro Bold";font-size: 20px;font-style: italic;font-weight: 600;line-height: 28px; /* 140% */} .blog-post__body blockquote:after {background: #FB991C;border-radius: 5px;content: "";display: block;height: 100%;left: -20px;position: absolute;top: 0;width: 4px;} @media (min-width:767px) and (max-width:1099px){ /*.blog-post__body h1 { font-size: 38px!important; line-height: 45px!important; } .blog-post__body h2 { font-size: 34px!important; line-height: 35px; } .blog-post__body h3 { font-size: 30px!important; margin-bottom:0;} .blog-post__body h4 { font-size: 28px!important; margin-bottom:0;} .blog-post__body .inner-cover h1 { font-size: 38px!important; line-height: 45px!important; } .blog-post__body .inner-cover h2 { font-size: 34px!important; line-height: 35px; } .blog-post__body .inner-cover h3 { font-size: 30px!important; margin-bottom:0;} .blog-post__body .inner-cover h4 { font-size: 28px!important; margin-bottom:0;}*/ .o-text h3 {color: #000000;font-size: 14px!important;text-transform: uppercase!important; } .o-text h2 { color: #000000;font-size: 26px!important;} .o-text p {font-size: 18px!important;line-height: 1.9;} .outer-wrap .post-item .bottom h2 a { line-height:1;} } @media (max-width:767px){ /*.blog-post__body h1 { font-size: 34px!important; line-height: 38px!important; } .blog-post__body h2 { font-size: 30px!important; line-height: 34px; } .blog-post__body h3 { font-size: 28px!important; margin-bottom:0;} .blog-post__body h4 { font-size: 26px!important; margin-bottom:0;} .blog-post__body .inner-cover h1 { font-size: 34px!important; line-height: 38px!important; } .blog-post__body .inner-cover h2 { font-size: 30px!important; line-height: 34px; } .blog-post__body .inner-cover h3 { font-size: 28px!important; margin-bottom:0;} .blog-post__body .inner-cover h4 { font-size: 26px!important; margin-bottom:0;}*/ .o-text h3 {color: #000000;font-size: 14px!important;text-transform: uppercase!important;} .o-text h2 { color: #000000;font-size: 26px!important;} .o-text p {font-size: 18px!important;line-height: 1.9;} .case_study_post_left { max-width: 100%;width: 100%;} .case_study_post_right { max-width: 100%;width: 100%;} .outer-wrap .post-item .bottom h2 a { line-height:1;} } @media (max-width:1199px) { .outer-wrap { margin: 0 -15px; } .outer-wrap .post-item { width: calc(100% / 3 - 30px); margin: 0 15px 30px; } .outer-wrap .post-item-cs { width: calc(100% / 2 - 30px); margin: 0 15px 30px; } .outer-wrap .post-item2 { width: calc(100% / 3 - 30px); margin: 0 15px 30px; } .blog-main-section { padding: 100px 0 100px; } } @media (max-width:991px) { article.blog-post { display:flex;flex-wrap:wrap;} .blog-main-section .post-item { width: calc(100% / 2 - 30px); } .related_title .left { width:100%;} .related_title .right {width:100%;} .blog_post_left { max-width: 100%;width: 100%;} .blog_post_right { max-width: 100%;width: 100%;} .banner.resources-post { padding-top:175px!important;} .blog-main-section .filter-strip .taggy { width:100%; justify-content:center;} .blog-main-section .filter-strip .left-side {padding-right: 0px; } .blog-main-section .filter-strip .right-side { width: 100%;} .outer-wrap .post-item .hs-featured-image-wrapper img.hs-featured-image { max-height:300px;} .blog-main-section .filter-strip .right-side { justify-content:center;} .blog-main-section .filter-strip .left-side { width:auto; } } @media (max-width:767px) { .outer-wrap { margin: 0; } .outer-wrap .post-item { width: 100%; margin: 0 0 30px; } .outer-wrap .post-item:last-child { margin-bottom:0; } .outer-wrap .post-item-cs { width: 100%; margin: 0 0 30px; } .outer-wrap .post-item-cs:last-child { margin-bottom:0; } .outer-wrap .post-item2 { width: 100%; margin: 0 0 30px; } .outer-wrap .post-item2:last-child { margin-bottom:0; } .blog-main-section { padding: 50px 0 50px; } .outer-wrap .post-item .bottom a.topic-link { font-size:16px; } .outer-wrap .post-item-cs .bottom a.topic-link { font-size:16px; } .outer-wrap .post-item2 .bottom a.topic-link { font-size:16px; } .blog-post__body { padding-bottom: 80px; } .blog-post__body .inner-bg { padding: 50px 0 0; } .blog-post__body .inner-content { margin: 0; } .blog-post__body .inner-image .image img { height: 500px; } .blog-post__body .top-box h1 { font-size: 30px; line-height: 1.2; } .blog-post__body h2 { font-size: 28px; line-height: 1.2; padding-bottom: 20px; } .blog-post__body .inner-cover { margin-top: 40px; } .blog-post__body .two-col { display: inline-block; vertical-align: top; } .blog-post__body .two-col .two-left { width: 100%; float: none; border-right: 0; text-align: center; padding:0; } .blog-post__body .two-col .two-right { width: 100%; text-align: center; padding: 30px 0 0; } .blog-post__body .number .num { display: block; text-align: center; } .blog-post__body .number .num h2 { width: 100%; float: none; text-align: center; padding: 0; line-height: 1.2; } .blog-post__body .number .num-text { width: 100%; max-width: 100%; border-left: none; padding: 10px 0 0; float: none; } .inner-post-subscribe .inner-subscribe .cover { display: block; } .inner-post-subscribe .inner-subscribe .left-part { width: 100%; float: none; text-align: center; padding: 0 0 30px; } .inner-post-subscribe .inner-subscribe .left-part h4 { max-width: 100%; } .inner-post-subscribe .inner-subscribe .right-part { text-align: center; width: 100%; } .blog-post__body .top-box .author-date { display: block; } .blog-post__body .top-box .author-date .date.content { margin: 0; } .subscribe-section { padding:70px 0; } } @media (max-width:500px){ .blog-main-section .filter-strip .left-side { padding: 0 0 20px; } .blog-main-section .filter-strip .right-side { width: 100%; padding: 0; float: none; } .blog-main-section .filter-strip { flex-direction: column; } .blog-main-section .filter-strip .button-group-left { margin: auto; } .blog-main-section .filter-strip .button-group-right { float: none; margin: auto; } } @media(max-width: 1200px) { .backtotop { min-width: auto; padding: 10px 20px; } } @media(max-width: 991px) { .bottom-space { padding-bottom: 90px; } .bible-time, .blog-day { padding: 0 55px; } .backtotop { font-size: 12px; } } @media(max-width: 767px) { .blog-day h2 { margin: 0 0 25px; } .blog-day .date { order: -1; width: 100%; text-align: center; } .bible-time, .blog-day { padding: 0 34px; } .blog-bible:after, .blog-bible:before { border-width: 9px; } .bible-time { justify-content: center; flex-direction: column-reverse; } .bible-time .bible-tag { margin: 0 0 20px; } .study-box { text-align: center; } .bible-study { margin: 0 auto 50px; } .backtotop { width: 100%; bottom: 0; clip-path: inherit; background: #FB991C; text-align: center; font-size: 16px; } .backtotop:before { display: none; } } /* Error pages */ .error-page { padding: 10rem 0; position: relative; text-align: center; } .error-page:before { color: #F3F6F9; content: attr(data-error); font-size: 40vw; font-weight: bold; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100%; z-index: -1; } @media screen and (min-width: 1100px) { .error-page:before { font-size: 20rem; } } /* System pages */ .systems-page { margin: 0 auto; max-width: 700px; padding: 3rem 1.4rem; } .systems-page--search-results { max-width: 100%; } .systems-page .header { background-color: transparent; border-bottom: none; padding: 0; } .systems-page .success { background-color: #CDE3CC; border: 1.5px solid #4F7D24; border-radius: 6px; color: #4F7D24; display: inline-block; margin: 1.4rem 0; padding: 0.1rem 0.7rem; width: 100%; } .systems-page form input { max-width: 100%; } .systems-page form input[type='submit'] { margin: 0.7rem 0; display: block; } /* Search pages */ .hs-search-results__title { font-size: 1.25rem; margin-bottom: 0.35rem; text-decoration: underline; } .hs-search-results__title:hover { text-decoration: none; } .hs-search-results__description { padding-top: 0.7rem; } /* Password prompt */ .password-prompt input[type=password] { height: auto !important; margin-bottom: 1.4rem; } .systems-page #hs-login-widget-remember, .systems-page #hs-login-widget-remember ~ label { display: inline-block; margin-bottom: 0.175rem; } .systems-page #hs_login_reset { display: block; margin-bottom: 0.7rem; } /* Backup unsubscribe */ .backup-unsubscribe #email-prefs-form div { padding-bottom: 0 !important; } .backup-unsubscribe input[type=email] { font-size: 0.875rem !important; margin-bottom: 1.4rem; padding: 0.7rem !important; } /* Subscription preferences */ #email-prefs-form .item.disabled { opacity: 0.6; cursor: not-allowed; } #email-prefs-form .item.disabled input:disabled { cursor: not-allowed; } /* Membership pages */ #hs-membership-form a[class*='show-password'] { font-size: 0.75rem; } /* Input error messages */ .form-input-validation-message ul.hs-error-msgs { padding-left: 0; margin: 0; } .form-input-validation-message ul.hs-error-msgs li { margin: 0; } @font-face { font-family: 'Gotham'; src: url('//47764943.fs1.hubspotusercontent-na1.net/hubfs/47764943/raw_assets/public/the-gideons-international/font/gotham-black-webfont.woff2') format('woff2'), url('//47764943.fs1.hubspotusercontent-na1.net/hubfs/47764943/raw_assets/public/the-gideons-international/font/gotham-black-webfont.woff') format('woff'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Gotham'; src: url('//47764943.fs1.hubspotusercontent-na1.net/hubfs/47764943/raw_assets/public/the-gideons-international/font/gotham-bold-webfont.woff2') format('woff2'), url('//47764943.fs1.hubspotusercontent-na1.net/hubfs/47764943/raw_assets/public/the-gideons-international/font/gotham-bold-webfont.woff') format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Gotham'; src: url('//47764943.fs1.hubspotusercontent-na1.net/hubfs/47764943/raw_assets/public/the-gideons-international/font/gotham-book-webfont.woff2') format('woff2'), url('//47764943.fs1.hubspotusercontent-na1.net/hubfs/47764943/raw_assets/public/the-gideons-international/font/gotham-book-webfont.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Gotham'; src: url('//47764943.fs1.hubspotusercontent-na1.net/hubfs/47764943/raw_assets/public/the-gideons-international/font/gotham-light-webfont.woff2') format('woff2'), url('//47764943.fs1.hubspotusercontent-na1.net/hubfs/47764943/raw_assets/public/the-gideons-international/font/gotham-light-webfont.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Gotham'; src: url('//47764943.fs1.hubspotusercontent-na1.net/hubfs/47764943/raw_assets/public/the-gideons-international/font/gotham-medium-webfont.woff2') format('woff2'), url('//47764943.fs1.hubspotusercontent-na1.net/hubfs/47764943/raw_assets/public/the-gideons-international/font/gotham-medium-webfont.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Garamond Premiere Pro'; src: url('//47764943.fs1.hubspotusercontent-na1.net/hubfs/47764943/raw_assets/public/the-gideons-international/font/garamondpremrpro-webfont.woff2') format('woff2'), url('//47764943.fs1.hubspotusercontent-na1.net/hubfs/47764943/raw_assets/public/the-gideons-international/font/garamondpremrpro-webfont.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Garamond Premiere Pro'; src: url('//47764943.fs1.hubspotusercontent-na1.net/hubfs/47764943/raw_assets/public/the-gideons-international/font/garamondpremrpro-med-webfont.woff2') format('woff2'), url('//47764943.fs1.hubspotusercontent-na1.net/hubfs/47764943/raw_assets/public/the-gideons-international/font/garamondpremrpro-med-webfont.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Garamond Premiere Pro'; src: url('//47764943.fs1.hubspotusercontent-na1.net/hubfs/47764943/raw_assets/public/the-gideons-international/font/garamondpremrpro-subh-webfont.woff2') format('woff2'), url('//47764943.fs1.hubspotusercontent-na1.net/hubfs/47764943/raw_assets/public/the-gideons-international/font/garamondpremrpro-subh-webfont.woff') format('woff'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Garamond Premiere Pro'; src: url('//47764943.fs1.hubspotusercontent-na1.net/hubfs/47764943/raw_assets/public/the-gideons-international/font/garamondpremrpro-bd-webfont.woff2') format('woff2'), url('//47764943.fs1.hubspotusercontent-na1.net/hubfs/47764943/raw_assets/public/the-gideons-international/font/garamondpremrpro-bd-webfont.woff') format('woff'); font-weight: 700; font-style: normal; } .container, .row-fluid .container { margin: 0 auto; padding: 0 15px; } .widget-type-rich_text a {transition:all 400ms ease;} .widget-type-rich_text a:hover {text-decoration:underline!important;font-weight:900;} .widget-type-rich_text ul {list-style-type:disc;padding-left:15px;} .widget-type-rich_text ul li {list-style-type:disc;padding:3px 0;} .widget-type-rich_text ul li::marker {} .widget-type-rich_text ol {list-style-type:decimal;padding-left:25px;} .widget-type-rich_text ol li {list-style-type:decimal;padding:3px 0;} .widget-type-rich_text ol li::marker { } *, *:before , *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } img { border:0; vertical-align: top; height:auto; max-width:100%; } /* Slick - 1.9.0 */ .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} /* Slick css */ .slick-slider .slick-arrow { padding: 0; width: 48px; height: 48px; min-width: auto; font-size: 0px; position: absolute; bottom: 0; right: 0; background: transparent; border: 1px solid #002E3B; color: #002E3B; border-radius: 0; z-index: 5; cursor: pointer; transition:400ms; } .slick-slider .slick-arrow.slick-next { left: auto; right: 0; transform: scale(-1); } .slick-slider .slick-dots { margin: 0; padding: 0; line-height: 0; } .slick-slider .slick-dots li { display: inline-block; margin: 0 3px; line-height: 0; height: 5px; } .slick-slider .slick-dots li button { min-width: auto; width: 20px; height: 5px; border-radius: 0; border: none; padding: 0; text-indent: -9999px; cursor: pointer; background: #18697C; transition:400ms; opacity: 0.3; } .slick-slider .slick-dots li.slick-active button { opacity: 1; } .slick-slider .slick-arrow:before { content: '\f060'; font-family: 'FontAwesome'; font-size: 18px; font-weight: 400; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .slick-slider .slick-arrow:hover { background: #002E3B; color: #FFFFFF; } .arrow-wrap { margin: 10px 0 0; min-height: 48px; display: flex; align-items: center; justify-content: space-between; } .slick-slider .arrow-wrap .slick-arrow { position: relative; left: auto; top: auto; } .arrow-wrap .arrow-btn { gap: 15px; } a.boxLink { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .bg-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .bg-img img { width: 100%; height: 100% !important; object-fit: cover; } .bg-video video { width: 100%; height: 100%; object-fit: cover; } .title-cover h1 span , .title-cover h2 span { text-decoration: underline; text-decoration-color: #00303A; text-decoration-thickness: 5px; } /* data-small-btn="true" */ .fancybox-slide .fancybox-content { margin: 60px 0 0; overflow: visible !important; } body .fancybox-slide .fancybox-close-small { background: transparent; border-radius: 0; height: 50px; opacity: 1; padding: 2px; right: 0; top: -58px; width: 50px; min-width: auto; } body .fancybox-slide .fancybox-close-small svg { color: #FFFFFF; } @media (min-width:768px) { .container, .row-fluid .container { width:750px; } } @media (min-width:992px) { .container, .row-fluid .container { width:970px; } } @media (min-width:1201px) { .container, .row-fluid .container { width:1090px; } } @media (min-width:1401px) { .container, .row-fluid .container { width:1240px; } } /* @media (min-width:1501px) { .container, .row-fluid .container { width:1360px; } } */ /* @media (min-width:1630px) { .container, .row-fluid .container[class*="span"]{width:1600px;} } */ .sub-title { font-size: 16px; line-height: 150%; letter-spacing: 1.6px; text-transform: uppercase; font-family: Gotham; color: #18697C; font-weight: 700; } .large-text { font-size: 22px; line-height: 150%; } .banner-section { font-size: 22px; line-height: 150%; position: relative; z-index: 2; } .banner-section [class*="bg-"] { position: absolute; top: 0; left: 0; width: 100%; height: calc(100% + 70px); clip-path: polygon(100% 0,100% calc(100% - 70px),70px calc(100% - 70px),0 100%,0 0); z-index: 1; } .banner-section .main { position: relative; z-index: 1; } .banner-section .left { padding: 195px 40px 120px 0; padding-left: calc((100% - 1210px) / 2); width: calc(100% - 704px); } .banner-section .left .in { max-width: 600px; width: 100%; } .banner-section .image { width: 704px; overflow: hidden; position: relative; } .banner-section .image .color-bg { position: absolute; top: -380px; left: -240px; width: 100%; bottom: -20px; z-index: 1; transform: rotate(45deg); } .banner-section .image .color-bg:after { content: ''; position: absolute; top: 0; left: -30px; width: 100%; height: 100%; border: 2px solid #FFF; } .banner-section .image #img-load { min-height: 627px; display: flex; align-items: end; justify-content: center; position: relative; z-index: 1; } .banner-section .image #img-load img { max-height: 580px; } .banner-section .image .img:before { content: ""; width: 120px; height: 120px; background: #fff; position: absolute; bottom: -60px; right: -60px; transform: rotate(45deg); z-index: 2; } .banner-section .image .img:after { content: ''; width: 180px; height: 600px; position: absolute; bottom: -151px; right: -38px; background: #18697C; opacity: 0.9; z-index: 1; transform: rotate(45deg); } /* .banner-section .image .img:nth-child(1) { animation-delay: 0s; } .banner-section .image .img:nth-child(2) { animation-delay: 3s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .banner-section .image .img:nth-child(3) { animation-delay: 6s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } */ .m-only { display:none;} .d-only { display:inline-block;} .banner-section .image .img .shape { width: 100%; height: 100%; position: absolute; bottom: 0; right: 0; } .banner-section .image .img .shape:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #ADC1D2; opacity: 0.76; } .banner-section .image .img .shape img { width: 100%; height: 100% !important; min-height: 100%; object-fit: cover; filter: invert(0.1) sepia(1); } .gospel-matters { position: relative; z-index: 1; } .gospel-matters [class*="bg-"] { position: absolute; top: 0; left: 0; width: 100%; height: calc(100% + 70px); clip-path: polygon(100% 0,100% calc(100% - 70px),70px calc(100% - 70px),0 100%,0 0); } .gospel-matters .bg-img:after , .gospel-matters .bg-video:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #FFF; opacity: 0.8; } .gospel-matters .container { position: relative; z-index: 1; } .gospel-matters .main-title { margin-left: auto; margin-right: auto; max-width: 1003px; font-size: 22px; line-height: 150%; } .gospel-matters .main { gap: 32px; } .gospel-matters .box { width: calc(33.33% - 21.333px); position: relative; padding: 35px 36px; min-height: 472px; display: flex; flex-flow: column; justify-content: space-between; clip-path: polygon(100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%, 0 0); } .gospel-matters .box h4 { margin: 0 0 15px; transition:400ms; } .gospel-matters .box .bg-img { height: 100%; clip-path: inherit; } .gospel-matters .box .text , .gospel-matters .box .link-style { position: relative; z-index: 1; } .gospel-matters .box .text .icon img { width:70px; height:70px;} .gospel-matters .box .con { position: relative; transition:400ms; font-size:18px;} .gospel-matters .box .bg-img img { filter: grayscale(1) contrast(1.5) brightness(1); } .gospel-matters .box .bg-img:after , .gospel-matters .box .bg-img:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #F2FDFF; opacity: 0.9; transition:400ms; } .gospel-matters .box .bg-img:before { opacity: 0; background: linear-gradient(135deg, rgba(0,23,29,0.75) 0%,rgba(0,23,29,0.90) 47%,rgba(24,105,124,1) 100%); z-index: 1; } .who-gideons { position: relative; } .who-gideons .main-title { margin-left: auto; margin-right: auto; max-width: 1000px; width: 100%; } .who-gideons .main { gap: 32px; } .who-gideons .box { width: calc(25% - 24px); } .who-gideons .box .icon { width: 50px; height: 50px; margin: 0 0 15px; } .who-gideons .box .icon img { max-height: 100%; } .who-gideons .box .link-style a { color: #18697C; } .who-gideons .box .link-style a:hover { color: #00303A; } .who-gideons .shape { border: 44.8px solid transparent; position: absolute; bottom: 0; right: 0; } .years-winning { position: relative; z-index: 1; } .years-winning [class*="bg-"] { position: absolute; top: 0; left: 0; width: 100%; height: calc(100% + 70px); clip-path: polygon(100% 0,100% calc(100% - 70px),70px calc(100% - 70px),0 100%,0 0); } .years-winning .bg-img:after , .years-winning .bg-video:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #002E3B; opacity: 0.8; } .years-winning .container { position: relative; z-index: 1; } .years-winning .main-title { margin-left: auto; margin-right: auto; max-width: 794px; width: 100%; } .local-influence{ position: relative; z-index: 2; } .local-influence::before{content:'';position:absolute;top:0;left:0;width:0;height:0;border-top:89.6px solid #ffffff;border-right:89.6px solid transparent;z-index:3;} .local-influence [class*="bg-"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; /*clip-path: polygon(100% 0,100% calc(100% - 70px),70px calc(100% - 70px),0 100%,0 0);*/ } .local-influence .bg-img:after , .local-influence .bg-video:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #002E3B; opacity: 0.8; } .local-influence .container { position: relative; z-index: 4; } .local-influence .main-title { margin-left: auto; margin-right: auto; max-width: 1000px; width: 100%; color:#ffffff;} .local-influence .main-title h2 { color:#fff;} .local-influence .top-header {color: #FB991C;text-align: center;font-family: Gotham;font-size: 16px;font-style: normal;font-weight: 700;line-height: 150%; /* 24px */letter-spacing: 1.6px;text-transform: uppercase; } .local-influence .bottom-shape { } .local-influence .bottom-shape .bottom-fill { background:#fff; height:25%; position:absolute; bottom:0; z-index:1; width:100%;} .local-influence .embed-code { max-width:100%;} .local-influence .embed-code iframe { max-width:100%;} .years-winning .main { gap: 80px; margin: 0 auto; max-width: 1000px; } .years-winning .main h2 span { font-weight: 800; } .years-winning .main h2 label { display: block; font-weight: 400; } .years-winning .box { width: 278px; } .the-mission { position: relative; } .the-mission [class*="bg-"] { position: absolute; top: 0; left: 0; width: 100%; height: calc(100% + 70px); clip-path: polygon(100% 0,100% calc(100% - 70px),70px calc(100% - 70px),0 100%,0 0); } .the-mission .bg-img:after , .the-mission .bg-video:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #FFFFFF; opacity: 0.8; } .the-mission .main-title { margin-left: auto; margin-right: auto; max-width: 990px; width: 100%; } .the-mission .container { position: relative; } .the-mission .main { gap: 30px; } .the-mission .box { width: calc(50% - 15px); padding: 36px; background: #F3F4F6; position: relative; display: flex; flex-flow: column; justify-content: space-between; position: relative; } .the-mission .box:before, .the-mission .box:after { content: ''; border: 20px solid; position: absolute; top: 0; left: 0; border-right-color: transparent; border-bottom-color: transparent; } .the-mission .box:after { bottom: 0; top: auto; right: 0; left: auto; transform: rotate(180deg); } .the-mission .box ul { margin: 25px 0; padding: 0; list-style-type: none; display: flex; flex-flow: column; gap: 15px 0; } .the-mission .box ul li { padding: 0 0 0 30px; position: relative; } .the-mission .box ul li:before { content: '\f00c'; font-size: 20px; color: #18697C; position: absolute; top: 0; left: 0; font-family: 'fontAwesome'; } .the-mission .box .two_column ul { gap: 10px; flex-flow: inherit; } .the-mission .box .two_column .same-list { display: flex; flex-flow: column; gap: 15px; width: 50%; } .testimonies-section { position: relative; clip-path: polygon(89.6px 0, 0 89.6px, 0 100%, 100% 100%, 100% 100%, 100% 0%); } .testimonies-section .shape { border: 44.8px solid transparent; position: absolute; bottom: 0; right: 0; } .testimonies-section [class*="bg-"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .testimonies-section .bg-img:after , .testimonies-section .bg-video:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #FFFFFF; opacity: 0.8; } .testimonies-section .container { position: relative; } .testimonies-section .main-title { margin-left: auto; margin-right: auto; max-width: 750px; width: 100%; } .testimonies-section .box { padding: 4px; } .testimonies-section .box .image { width: 560px; position: relative; line-height: 0; } .testimonies-section .box .image:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(135deg, #002e3b 0%,#002e3b 44%,#000000 100%); opacity: 0.5; } .testimonies-section .box .text { width: calc(100% - 560px); padding: 0 0 0 75px; } .testimonies-section .box .text h4 { color: #18697C; } .testimonies-section .box .con { font-size: 20px; line-height: 140%; } .testimonies-section .box .image a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 2; } .testimonies-section .box .image a span { width: 59px; height: 58px; display: flex; align-items: center; justify-content: center; background: #FFF; } .testimonies-section .box .corners { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .testimonies-section .box .corners:before , .testimonies-section .box .corners:after { content: ""; border: 22px solid; left: -4px; position: absolute; top: -4px; } .testimonies-section .box .corners:after { bottom: -4px; right: -4px; top: auto; left: auto; transform: rotate(180deg); } .latest-news { position: relative; } .latest-news .slick-slide > div { padding: 15px; } .latest-news .main { margin: 0 -15px; } .latest-news .box { clip-path: polygon(100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%, 0 0); } .latest-news .box .image { height: 205px; } .latest-news .box .image img { width: 100%; height: 100% !important; object-fit: cover; } .latest-news .box .text { padding: 21px 35px 30px; background: #F3F4F6; } .latest-news .box .text h4 { line-height: 150%; margin: 0 0 10px; } .latest-news .box .link-style a { color: #66001E; } .latest-news .box .link-style a:hover { color: #00303A; } .latest-news .arrow-wrap { margin: 30px 0 0; padding: 0 15px; } .latest-stories { position: relative; } .latest-stories .shape { border: 44.8px solid transparent; position: absolute; bottom: 0; right: 0; } .latest-stories .main-title { margin-left: auto; margin-right: auto; max-width: 600px; width: 100%; } .latest-stories .form { margin: 0 auto; max-width: 850px; } .latest-stories .form fieldset { gap: 15px; width: 100%; } .latest-stories .form form { display: flex; gap: 15px; } .latest-stories .form input.hs-button { min-width: 142px; } .blog-subcribe { position: relative; } .blog-subcribe .shape { border: 30px solid transparent; position: absolute; bottom: 0; right: 0; display:none;} .blog-subcribe .main-title { margin-left: auto; margin-right: auto; max-width: 700px; width: 100%; } .blog-subcribe .form { margin: 0 auto; max-width: 700px; } .blog-subcribe .form fieldset { gap: 15px; width: 100%; } .blog-subcribe .form form { display: flex; gap: 15px; flex-wrap:wrap;} .blog-subcribe .form input.hs-button { min-width: 142px; } .blog-subcribe .flexy { display:flex; align-items:center; padding:25px; flex-wrap:wrap; background:#00303C; ;clip-path: polygon(40px 0,100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%,0 40px); } .blog-subcribe .flexy .left { width:65%; padding:15px;} .blog-subcribe .flexy .right { width:35%; } .blog-subcribe .flexy .right img { position:absolute; } .blog-subcribe .flexy .left form { max-width:850px; padding:0px;} .get-involved { position: relative; min-height: 636px; display: flex; align-items: center; } .get-involved [class*="bg-"] { position: absolute; top: 0; left: 0; width: 100%; height: calc(100% + 89.6px); clip-path: polygon(100% 0,100% calc(100% - 89.6px),89.6px calc(100% - 89.6px),0 100%,0 0); } .get-involved .container { position: relative; } .get-involved .bg-img:after , .testimonies-section .bg-video:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #00303A; opacity: 0.8; } .get-involved .main { margin: 0 auto; max-width: 1000px; width: 100%; } .get-involved .content { padding:15px 0;max-width:1000px; margin:0 auto;} .get-involved .button-wrap { display:flex; align-items:center; flex-wrap:wrap; justify-content:center;} .tcc { position: relative; padding:50px 0; display: flex; align-items: center; } .tcc [class*="bg-"] { position: absolute; top: 0; left: 0; width: 100%; height: calc(100% + 70px); clip-path: polygon(100% 0,100% calc(100% - 70px),70px calc(100% - 70px),0 100%,0 0); } .tcc .container { position: relative; } .tcc .bg-img:after , .testimonies-section .bg-video:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #00303A; opacity: 0.8; } .tcc .main { margin: 0 auto; max-width: 1000px; width: 100%; } .tcc .content { padding:15px 0;} .tcc .icon-outer {display:flex; align-items:flex-start; flex-wrap:wrap;} .tcc .icon-outer .icon-inner { width:calc(100% / 3); display:flex;} .tcc .icon-outer .icon-inner .left { width:25%;} .tcc .icon-outer .icon-inner .left img { padding:5px 10px 10px 10px; width:70px; height:69px; object-fit:cover;} .tcc .icon-outer .icon-inner .right { width:75%; text-align:left;padding-left:0px;} .tcc .icon-outer .icon-inner .right .title {color: #FFF;font-family: Gotham;font-size: 24px;font-style: normal;font-weight: 700;line-height: 150%; /* 36px */} .tcc .icon-outer .icon-inner .right .content {color: #FFF;font-family: "Garamond Premiere Pro";font-size: 18px;font-style: normal;font-weight: 400;line-height: 130%; /* 23.4px */ } .tcc .button-wrap { display:flex; align-items:center; flex-wrap:wrap; justify-content:center;} /** **/ .inner-banner { font-size: 22px; line-height: 150%; position: relative; z-index: 2; } .inner-banner h1 { font-size:64px;} .inner-banner:before , .inner-banner:after { content: ''; border: 44.8px solid transparent; position: absolute; top: 100%; left: 0; z-index: 1; } .inner-banner:after { border: 44.8px solid transparent;} .inner-banner:after { bottom: 0; right: 0; left: auto; top: auto; } .inner-banner [class*="bg-"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .inner-banner [class*="bg-"]:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #00303A; opacity: 0.8; } .inner-banner [class*="bg-color"]:after { display: none; } .inner-banner .main { position: relative; z-index: 1;padding-bottom:15px; } .inner-banner .main .content { max-width:800px; margin:0 auto;} .inner-banner .main .content a { color:#FFF!important;} .mem-assessment { font-size: 22px; line-height: 150%; position: relative; z-index: 2; } .mem-assessment:before , .mem-assessment:after { content: ''; border: 45px solid transparent; position: absolute; top: 100%; left: 0; z-index: 1; } .mem-assessment:after { bottom: 0; right: 0; left: auto; top: auto; } .mem-assessment [class*="bg-"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .mem-assessment [class*="bg-"]:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #00303A; opacity: 0.8; } .mem-assessment [class*="bg-color"]:after { display: none; } .mem-assessment .main { position: relative; z-index: 1; } .mem-assessment .main h1 { font-size:54px;} .member-outer { } .member-outer .mem-bottom-card { padding:40px; background:#F3F4F6;clip-path: polygon(96px 0,100% 0,100% calc(100% - 96px),calc(100% - 96px) 100%,0 100%,0 96px); margin-top: -150px;z-index: 3;position: relative;max-width: 80%; margin: -150px auto -0;} .ty-assessment { font-size: 22px; line-height: 150%; position: relative; z-index: 2; } .ty-assessment h1 { font-size:64px;} .ty-assessment:before , .ty-assessment:after { content: ''; border: 45px solid transparent; position: absolute; top: 100%; left: 0; z-index: 1; } .ty-assessment:after { bottom: 0; right: 0; left: auto; top: auto; } .ty-assessment [class*="bg-"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .ty-assessment [class*="bg-"]:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #00303A; opacity: 0.8; } .ty-assessment [class*="bg-color"]:after { display: none; } .ty-assessment .main { position: relative; z-index: 1; } .ty-donate { font-size: 22px; line-height: 150%; position: relative; z-index: 2; } .ty-donate h1 { font-size:64px;} .ty-donate:before , .ty-donate:after { content: ''; border: 45px solid transparent; position: absolute; top: 100%; left: 0; z-index: 1; } .ty-donate:after { bottom: 0; right: 0; left: auto; top: auto; } .ty-donate [class*="bg-"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .ty-donate [class*="bg-"]:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #00303A; opacity: 0.8; } .ty-donate [class*="bg-color"]:after { display: none; } .ty-donate .main { position: relative; z-index: 1; } .ty-donate.member-outer { position:relative;} .ty-donate.member-outer .mem-bottom-card .inner-content:after { background-image:url('https://47764943.fs1.hubspotusercontent-na1.net/hubfs/47764943/yellow-tick.svg');content:''; position:absolute; top:0px; right:25px;width: 68px; height: 68px; background-repeat:no-repeat;} .ty-donate.member-outer .mem-bottom-card { padding:60px; background:#F3F4F6;clip-path: polygon(36.61px 0,100% 0,100% calc(100% - 36.61px),calc(100% - 36.61px) 100%,0 100%,0 36.61px); z-index: 3;position: relative;max-width: 1240px;margin: 0 auto; margin-top:50px; } .ty-donate.member-outer .mem-bottom-card .inner-content {margin:0 auto; max-width:800px;position:relative;} .ty-donate.member-outer .mem-bottom-card .inner-content p { font-size:22px;} .ty-donate.member-outer .mem-bottom-card .inner-content h2 {font-size:32px;} .ty-donate.member-outer .mem-bottom-card .inner-content {margin:0 auto; max-width:100%;text-align:left;} .ty-donate.member-outer .mem-bottom-card .inner-content p { font-size:22px;} .ty-donate.member-outer .mem-bottom-card .inner-content h2 {font-size:32px;} .ty-donate.member-outer .mem-bottom-card .inner-content h6 {color: #18697C;font-family: Gotham;font-size: 16px;font-style: normal;font-weight: 700;line-height: 150%; /* 24px */letter-spacing: 1.6px;text-transform: uppercase;} .ty-donate.member-outer .mem-bottom-card .inner-content .content { word-break:break-word;} .ty-donate.member-outer.split .mem-bottom-card .inner-content { max-width:100%;} .ty-donate.member-outer.three .mem-bottom-card .inner-content { max-width:100%;} .ty-assessment.member-outer { } .ty-assessment.member-outer .mem-bottom-card { padding:60px; background:#F3F4F6;clip-path: polygon(96px 0,100% 0,100% calc(100% - 96px),calc(100% - 96px) 100%,0 100%,0 96px); margin-top: -150px;z-index: 3;position: relative;max-width: 1240px;margin: -150px auto -0;} .ty-assessment.member-outer .mem-bottom-card .inner-content {margin:0 auto; max-width:800px;} .ty-assessment.member-outer .mem-bottom-card .inner-content p { font-size:22px;} .ty-assessment.member-outer .mem-bottom-card .inner-content h2 {font-size:32px;} .ty-assessment.member-outer.split .mem-bottom-card .inner-content { max-width:100%;} .ty-assessment.member-outer.three .mem-bottom-card .inner-content { max-width:100%;} .ty-assessment.split.member-outer .mem-bottom-card .inner-content .flexy { display:flex; flex-wrap:wrap; align-items:flex-start;} .ty-assessment.split.member-outer .mem-bottom-card .inner-content .flexy .left { width:50%;} .ty-assessment.split.member-outer .mem-bottom-card .inner-content .flexy .right { width:50%;position:relative; padding-left:25px;} .ty-assessment.split.member-outer .mem-bottom-card .inner-content .flexy .right img {clip-path:polygon(40px 0,100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%,0 40px);} .ty-assessment.split.member-outer .mem-bottom-card .inner-content .flexy .right .shape { position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;} .ty-assessment.split.member-outer .mem-bottom-card .inner-content .flexy .right .shape:before {border-left-color: rgba(255, 255, 255, 100%);border-top-color: rgba(255, 255, 255, 100%); border-left-color: rgba(255, 255, 255, 100%);} .ty-assessment.split.member-outer .mem-bottom-card .inner-content .flexy .right .shape:after{ bottom: 0;right: 0;top: auto;left: auto; border-bottom-color: rgba(255, 255, 255, 100%); border-right-color: rgba(255, 255, 255, 100%); } .ty-assessment.split.member-outer .mem-bottom-card .inner-content .flexy .right .image-outer {position:relative;} .ty-assessment.split.member-outer .mem-bottom-card .inner-content .flexy .right .image-outer:after {content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #002E3B;opacity: 0.4;clip-path:polygon(40px 0,100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%,0 40px);} .ty-assessment.split.member-outer .mem-bottom-card .inner-content .flexy .right img { width:100%;} .ty-assessment.three.member-outer .mem-bottom-card .inner-content .flexy { display:flex; flex-wrap:wrap; align-items:flex-start;padding:25px 0 0;} .ty-assessment.three.member-outer .mem-bottom-card .inner-content .flexy .inner-card { width:calc(100% / 3 - 30px); margin:15px;} .ty-assessment.three.member-outer .mem-bottom-card .inner-content .flexy .inner-card h3 { font-size:24px;} .ty-assessment.three.member-outer .mem-bottom-card .inner-content .flexy .inner-card .inner-card-content { padding-top:10px;} .ty-assessment.three.member-outer .mem-bottom-card .inner-content .flexy .inner-card img { width:50px; height:50px; object-fit:contain;} .blog-listing-banner { font-size: 22px; line-height: 150%; position: relative; z-index: 2; } .blog-listing-banner .container { position:relative; z-index:1;} .blog-listing-banner:before , .blog-listing-banner:after { content: ''; border: 45px solid transparent; position: absolute; top: 100%; left: 0; z-index: 1; } .blog-listing-banner:after { bottom: 0; right: 0; left: auto; top: auto; } .blog-listing-banner [class*="bg-"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .blog-listing-banner [class*="bg-"] img {object-fit:cover;object-position:right; } /*.blog-listing-banner [class*="bg-"]:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #00303A; opacity: 0.8; }*/ .blog-listing-banner [class*="bg-color"]:after { display: none; } .blog-listing-banner .main { position: relative; z-index: 1; } .blog-listing-banner .main h1 { font-size:64px;padding-bottom:25px;} .blog-listing-banner .bottom-featured-section {padding:15px 0; margin-top:50px; } .blog-listing-banner .bottom-featured-section .flexy { display:flex; flex-wrap:wrap; align-items:center; color:#000;} .blog-listing-banner .bottom-featured-section .flexy .left { width:50%; background:#F3F4F6; text-align:left; padding:40px;clip-path: polygon(40px 0, 0 40px, 0 100%, 100% 100%, 100% 100%, 100% 0%); display:flex; flex-wrap:wrap; align-items:center;} .blog-listing-banner .bottom-featured-section .flexy .left .post-tag { width:100%;} .blog-listing-banner .bottom-featured-section .flexy .left .post-tag .topic-link{width:100%;color: #18697C;font-family: Gotham;font-size: 16px;font-style: normal;font-weight: 700;line-height: 150%; /* 24px */letter-spacing: 1.6px;text-transform: uppercase;} .blog-listing-banner .bottom-featured-section .flexy .left .post-title a { width:100%;color: #000;font-family: Gotham;font-size: 32px;font-style: normal;font-weight: 900;line-height: 120%; /* 38.4px */text-transform: capitalize;} .blog-listing-banner .bottom-featured-section .flexy .left .description { } .blog-listing-banner .bottom-featured-section .flexy .left .description .post-content {width:100%;color: #000;font-family: "Garamond Premiere Pro";font-size: 22px;font-style: normal;font-weight: 400;line-height: 150%; /* 33px */} .blog-listing-banner .bottom-featured-section .flexy .right { width:50%;} .blog-post-banner { font-size: 22px; line-height: 150%; position: relative; z-index: 2;} .blog-post-banner .container { position:relative; z-index:1;} .blog-post-banner:before , .blog-post-banner:after { content: ''; border: 49px solid transparent; position: absolute; top: 100%; left: 0; z-index: 1; } .blog-post-banner:after { bottom: 0; right: 0; left: auto; top: auto; } .blog-post-banner:after { border: 49px solid transparent; } .blog-post-banner [class*="bg-"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } /*.blog-post-banner [class*="bg-"]:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #00303A; opacity: 0.8; }*/ .blog-post-banner [class*="bg-color"]:after { display: none; } .blog-post-banner .main { position: relative; z-index: 1; } .blog-post-banner .flexy { display:flex; align-items:center; flex-wrap:wrap;} .blog-post-banner .flexy .left { width:50%;padding-right:50px;} .blog-post-banner .flexy .right { width:50%;} .blog-post-banner .flexy .right img { clip-path: polygon(40px 0,100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%,0 40px); width:100%; } .blog-post-banner .author-sec { padding-top:10px;} .blog-post-banner h1 { font-size:64px; font-weight:900;} .blog-post-banner h1 span { font-size:64px; font-weight:900;} .blog-post-banner .bottom-featured-section {padding:15px 0; margin-top:50px; } .blog-post-banner .bottom-featured-section .flexy { display:flex; flex-wrap:wrap; align-items:center; color:#000;} .blog-post-banner .bottom-featured-section .flexy .left { width:50%; background:#F3F4F6; text-align:left; padding:25px;clip-path: polygon(40px 0, 0 40px, 0 100%, 100% 100%, 100% 100%, 100% 0%);} .blog-post-banner .bottom-featured-section .flexy .left .post-tag { } .blog-post-banner .bottom-featured-section .flexy .left .post-tag .topic-link{color: #18697C;font-family: Gotham;font-size: 16px;font-style: normal;font-weight: 700;line-height: 150%; /* 24px */letter-spacing: 1.6px;text-transform: uppercase;} .blog-post-banner .bottom-featured-section .flexy .left .post-title a { color: #000;font-family: Gotham;font-size: 32px;font-style: normal;font-weight: 900;line-height: 120%; /* 38.4px */text-transform: capitalize;} .blog-post-banner .bottom-featured-section .flexy .left .description { } .blog-post-banner .bottom-featured-section .flexy .left .description .post-content {color: #000;font-family: "Garamond Premiere Pro";font-size: 22px;font-style: normal;font-weight: 400;line-height: 150%; /* 33px */} .blog-post-banner .bottom-featured-section .flexy .right { width:50%;} .content-padding-top { padding-top:50px;} .three-column { position: relative; } .three-column [class*="bg-"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .three-column .container { position: relative; } .three-column .bg-img:after , .three-column .bg-video:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #00303A; opacity: 0.8; } .three-column .main { gap: 32px; } .three-column .box { width: calc(33.33% - 22px); } .three-column .box .image { position: relative; height: 230px; line-height: 0; } .three-column .box .image:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: #00303A; opacity: 0.8; } .three-column .box .image img { width: 100%; height: 100% !important; object-fit: cover; } .three-column .box .image a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 1; } .three-column .box .image a span { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: #FFF; } .three-column .box .image a span svg { width: 18px; height: auto; } .three-column .box .text { margin: 20px 0 0; } .areas-serve { position: relative; } .areas-serve [class*="bg-"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .areas-serve .container { position: relative; } .areas-serve .bg-img:after , .areas-serve .bg-video:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #00303A; opacity: 0.8; } .areas-serve .main { gap: 32px; } .areas-serve .box { padding: 40px; width: calc(50% - 16px); position:relative;} .areas-serve .box h3 { margin: 0 0 30px; font-weight:900; } .areas-serve .box ul { margin: 15px 0 30px; padding: 0; display: flex; flex-wrap: wrap; flex-flow: column; gap: 15px 0; list-style-type: none; } .areas-serve .box ul li { padding: 0 0 0 30px; position: relative; } .areas-serve .box ul li:before { content: "\f00c"; font-family: fontAwesome; font-size: 20px; left: 0; position: absolute; top: 0; } .areas-serve .box.two_column ul { gap: 0 30px; flex-flow: nowrap; } .areas-serve .box ul .same-list { width: calc(50% - 15px); display: flex; flex-wrap: wrap; flex-flow: column; gap: 15px 0; } .areas-serve .box.close_on ul li:before { content: "\f00d"; } .cards-serve { position: relative; } .cards-serve [class*="bg-"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .cards-serve .container { position: relative; } .cards-serve .bg-img:after , .cards-serve .bg-video:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #00303A; opacity: 0.8; } .cards-serve .main { gap: 32px; } .cards-serve .main-title { margin-left: auto; margin-right: auto; max-width: 920px; width: 100%; } .cards-serve .box { width: calc(33.33% - 21.5px); padding: 34px 30px; display: flex; flex-flow: column; justify-content: space-between; } .cards-serve .box .icon { line-height: 0; height: 70px; display: flex; align-items: center; margin: 0 0 18px; } .membership-serve { position: relative; overflow-y: clip; } .membership-serve [class*="bg-"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .membership-serve .bg-img:before , .membership-serve .bg-img:after , .cards-serve .bg-video:before , .cards-serve .bg-video:after { content: ''; width: 100%; height: 40%; position: absolute; top: -8%; left: 0; transform: skewY(4deg); background: #00303A; opacity: 0.9; } .membership-serve .bg-img:after , .cards-serve .bg-video:after { top: auto; bottom: -10%; height: 78%; background: #18697C; } .membership-serve .container { position: relative; } .membership-serve .main-title { margin-left: auto; margin-right: auto; max-width: 690px; width: 100%; } .membership-serve .main { position: relative; } .membership-serve .left { padding: 80px 0; padding-left: calc((100% - 1210px) / 2); width: calc(100% - 720px); position: relative; padding-bottom:0;} .membership-serve .left .text { font-family: Gotham; font-weight: 700; } .membership-serve .faq { display: flex; flex-flow: column; gap: 18px 0; } .membership-serve .faq .box { background: #FFFFFF; } .membership-serve .faq .box h4 { margin: 0; padding: 20px 50px 20px 20px; line-height: 150%; cursor: pointer; position: relative; } .membership-serve .faq .box h4 div { max-width: 475px; width: 100%; } .membership-serve .faq .box h4 svg { position: absolute; top: 0; bottom: 0; right: 20px; margin: auto; } .membership-serve .faq .box h4 svg.minus , .membership-serve .faq .box h4.active svg { opacity: 0; } .membership-serve .faq .box h4.active svg.minus { opacity: 1; } .membership-serve .faq .box ul { margin: 0; padding: 0 0 0 10px; list-style-type: none; } .membership-serve .faq .box ul li { margin: 2px 0; padding: 0 0 0 15px; position: relative; display: inline-block; width: 100%; } .membership-serve .faq .box ul li:before { content: ''; width: 5px; height: 6px; position: absolute; top: 10px; left: 0; background: #000; border-radius: 10px; } .membership-serve .faq .box .con { padding: 0 20px 20px; display: none; } .membership-serve .right { margin-left: -135px; width: 855px; line-height: 0; display: flex; align-items: end; justify-content: end; } .membership-serve .left .button-1 { margin-bottom:50px;} .faq-serve { position: relative; } .faq-serve [class*="bg-"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .faq-serve .bg-img:after , .faq-serve .bg-video:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #00303A; opacity: 0.8; } .faq-serve .container { position: relative; } .faq-serve .left { width: 48%; padding: 0 100px 0 0; } .faq-serve .right { width: 52%; } .faq-serve .box { margin-bottom: 18px; background: #F3F4F6; } .faq-serve .box h4 { margin: 0; padding: 20px 50px 20px 20px; line-height: 150%; cursor: pointer; position: relative; } .faq-serve .box h4 div { max-width: 100%; width: 100%; } .faq-serve .box h4 svg { position: absolute; top: 0; bottom: 0; right: 20px; margin: auto; } .faq-serve .box h4 svg.minus , .faq-serve .box h4.active svg { opacity: 0; } .faq-serve .box h4.active svg.minus { opacity: 1; } .faq-serve .box ul { margin: 0; padding: 0 0 0 10px; list-style-type: none; } .faq-serve .box ul li { margin: 2px 0; padding: 0 0 0 15px; position: relative; display: inline-block; width: 100%; } .faq-serve .box ul li:before { content: ''; width: 5px; height: 6px; position: absolute; top: 10px; left: 0; background: #000; border-radius: 10px; } .faq-serve .box .con { padding: 0 20px 20px; display: none; } .faq-full { position: relative; } .faq-full .cardy { background:#00303C;padding:50px 0; clip-path: polygon(100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 0); position:relative;} .faq-full [class*="bg-"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .faq-full .bg-img:after , .faq-full .bg-video:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #00303A; opacity: 0.8; } .faq-full .container { position: relative; } .faq-full .inny { max-width:800px; margin:0 auto;} .faq-full .left { width: 100%; padding: 0 0 50px 0; } .faq-full .left h2 { color:#fff;} .faq-full .left .text { color:#fff;} .faq-full .right { width: 100%; } .faq-full .box { margin-bottom: 18px; background: rgba(24, 105, 124, 0.35); padding:30px; } .faq-full .box h4 { margin: 0; padding: 20px 50px 20px 20px; line-height: 150%; cursor: pointer; position: relative; color: #ffffff; } .faq-full .box h4 div { max-width: 100%; width: 100%; } .faq-full .box h4 svg { position: absolute; top: 0; bottom: 0; right: 20px; margin: auto;} .faq-full .box h4 svg.minus , .faq-full .box h4.active svg { opacity: 0; } .faq-full .box h4.active svg.minus { opacity: 1; } .faq-full .box ul { margin: 0; padding: 0 0 0 10px; list-style-type: none; } .faq-full .box ul li { margin: 2px 0; padding: 0 0 0 15px; position: relative; display: inline-block; width: 100%; } .faq-full .box ul li:before { content: ''; width: 5px; height: 6px; position: absolute; top: 10px; left: 0; background: #000; border-radius: 10px; } .faq-full .box .con { padding: 0 20px 20px; display: none; color:#fff; } .faq-full .box blockquote { margin:0; padding-left:15px; border-left:2px solid #FB991C;} .faq-full .box blockquote p { font-style:italic; font-size:22px;} .faq-full .box h5 { color: #FB991C;font-family: Gotham;font-size: 16px;font-style: normal;font-weight: 700;line-height: 150%; /* 24px */letter-spacing: 1.6px;text-transform: uppercase;} .testimonies-serve { position: relative; } .testimonies-serve:before , .testimonies-serve:after { content: ''; border: 45px solid transparent; position: absolute; top: 0; left: 0; z-index: 1; } .testimonies-serve:after { bottom: 0; right: 0; left: auto; top: auto; } .testimonies-serve [class*="bg-"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .testimonies-serve .bg-img:after , .testimonies-serve .bg-video:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #00303A; opacity: 0.8; } .testimonies-serve .container { position: relative; } .testimonies-serve .main-title { margin-left: auto; margin-right: auto; max-width: 966px; width: 100%; } .testimonies-serve .main { margin: 0 auto; max-width: 942px; } .testimonies-serve .box { padding: 47px 58px; background: #FFF; clip-path: polygon(36px 0,100% 0,100% calc(100% - 36px),calc(100% - 36px) 100%,0 100%,0 36px); } .testimonies-serve .box .content { font-size: 20px; line-height: 140%; } .testimonies-serve .box h4 { color: #18697C; margin: 0 0 5px; } .testimonies-serve .arrow-wrap { margin: 20px 0 0; } .testimonies-serve .box .details {color:#00303C;} .hs_recaptcha.hs-recaptcha.field.hs-form-field { padding-top:15px;} .timeline { position: relative; } .timeline:before , .timeline:after { content: ''; border: 45px solid transparent; position: absolute; top: 0; left: 0; z-index: 1; } .timeline:after { bottom: 0; right: 0; left: auto; top: auto; } .timeline [class*="bg-"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .timeline .bg-img:after , .timeline .bg-video:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #00303A; opacity: 0.8; } .timeline .container { position: relative; } .timeline .main-title { margin-left: auto; margin-right: auto; max-width: 966px; width: 100%; } /*.timeline .slick-slider::before { content: '';position: absolute;top: 0;height: 100%;z-index: 2;pointer-events: none;left: -2px;background: #fff;width: 20px;bottom: 100px;top: auto;}*/ .timeline .slick-slider::after {content: '';position: absolute;top: 0;width: 100px;height: 100%;z-index: 2;pointer-events: none;} .timeline .slick-slider::after {right: -2px;background: linear-gradient(to left, white 0%, transparent 100%);} .timeline .main { margin: 0 auto; max-width: 100%; } .timeline .box { padding: 5px; clip-path: polygon(36px 0,100% 0,100% calc(100% - 36px),calc(100% - 36px) 100%,0 100%,0 36px); } .timeline .box .content { font-size: 18px; line-height: 140%; } .timeline .box .slider-image img { clip-path: polygon(36px 0, 100% 0, 100% calc(100% - 36px), calc(100% - 36px) 100%, 0 100%, 0 36px);} .timeline .box h4 { margin: 0 0 5px;color: var(--Text-primary, #000);font-family: Gotham;font-size: 36px;font-style: normal;font-weight: 700;line-height: 150%; /* 54px */ } .timeline .arrow-wrap { margin: 20px 0 0; } .timeline .top-section {display:flex; align-items:flex-start; flex-wrap:wrap; position:relative; padding-bottom:25px;} .timeline .top-section .left { padding: 0 85px 0 0; width: calc(100% - 486px); display: flex; align-items: center; z-index:1;} .timeline .top-section .left .text a { text-decoration: underline; } .timeline .top-section .right { width: 486px; position: relative; } .timeline .top-section .right .shape { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .timeline .top-section .right .shape:before, .timeline .top-section .shape:after { content: ""; border: 20px solid transparent; position: absolute; top: 0; left: 0; } .timeline .top-section .shape:after { bottom: 0; right: 0; top: auto; left: auto; } .timeline .top-section img.img { width: 100%; height: 100% !important; object-fit: cover; } /*.timeline .top-section:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #002E3B; opacity: 0.4; }*/ .timeline .top-section a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 1; } .timeline .top-section a span { width: 59px; height: 59px; display: flex; align-items: center; justify-content: center; background: #FFF; } .timeline .top-section a span svg { width: 25px; height: auto; } .contact-info { position: relative; } .contact-info [class*="bg-"] { position: absolute; top: 0; left: 0; width: 100%; height: calc(100% + 70px); clip-path: polygon(100% 0,100% calc(100% - 70px),70px calc(100% - 70px),0 100%,0 0); } .contact-info .bg-img:after , .contact-info .bg-video:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #00303A; opacity: 0.8; } .contact-info .container { position: relative; z-index: 1; } .contact-info .main { gap: 50px 100px; } .contact-info .left { width: 275px; } .contact-info .right { width: calc(100% - 375px); gap: 75px; } .contact-info .right h6 { text-transform: uppercase; letter-spacing: 1.6px; font-size: 16px; line-height: 150%; } .contact-info .right a { color: #FFF; } #hs_cos_wrapper_search_results .hs-search-results__pagination { padding-top:50px;} .benefit-serve { position: relative; } .benefit-serve [class*="bg-"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .benefit-serve .bg-img:after , .benefit-serve .bg-video:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #00303A; opacity: 0.8; } .benefit-serve .container { position: relative; } .benefit-serve .main-title { margin-left: auto; margin-right: auto; max-width: 935px; width: 100%; } .benefit-serve .main { gap: 32px; } .benefit-serve .box { width: calc(33.33% - 21.5px); padding: 20px; background: #F3F4F6; position: relative; } .benefit-serve .box .icon { width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; } .benefit-serve .box .icon img { max-height: 100%; width: 100%; } .benefit-serve .box h4 { font-size: 22px; line-height: 150%; margin: 0; } .benefit-serve .box .text { width: calc(100% - 70px); padding: 0 0 0 16px; } .cta-checks { position: relative; } .cta-checks [class*="bg-"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .cta-checks .bg-img:after , .cta-info .bg-video:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #00303A; opacity: 0.8; } .cta-checks .container { position: relative; } .cta-checks .main { padding: 43px 36px; background: #F3F4F6; position: relative; gap: 30px; } .cta-checks .main:before, .cta-checks .main:after { content: ""; border: 20px solid transparent; position: absolute; top: 0; left: 0; } .cta-checks .main:after { bottom: 0; right: 0; top: auto; left: auto; } .cta-checks .main > div { width: calc(50% - 15px); } .cta-checks .main ul { margin: 0 0 30px; padding: 0; display: flex; flex-flow: column; gap: 15px 0; list-style-type: none; } .cta-checks .main ul li { padding: 0 0 0 30px; position: relative; } .cta-checks .main ul li:before { content: "\f00c"; font-family: fontAwesome; font-size: 20px; left: 0; position: absolute; top: 0; } .content-serve { position: relative; } .content-serve [class*="bg-"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .content-serve .bg-img:after , .content-info .bg-video:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #00303A; opacity: 0.8; } .content-serve .container { position: relative; } .content-serve .main-title { margin-left: auto; margin-right: auto; max-width: 935px; width: 100%; } .content-serve .main.flippy { flex-direction:row-reverse;} .content-serve .flippy .left { padding: 0 0 0px 85px; } .content-serve .left { padding: 0 80px 0 0; width: calc(100% - 486px); display: flex; align-items: center; } /*.content-serve .left span strong { font-weight:600;}*/ .content-serve .left h3 { font-weight:900;} .content-serve .left .text a { text-decoration: underline; } .content-serve .right { width: 486px; position: relative; } .content-serve .right .shape { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .content-serve .right .shape:before, .content-serve .right .shape:after { content: ""; border: 20px solid transparent; position: absolute; top: 0; left: 0; } .content-serve .right .shape:after { bottom: 0; right: 0; top: auto; left: auto; } .content-serve .right img.img { width: 100%; height: 100% !important; object-fit: cover; } .content-serve .right:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #002E3B; opacity: 0.4; } .content-serve .right a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 1; } .content-serve .right a span { width: 59px; height: 59px; display: flex; align-items: center; justify-content: center; background: #FFF; } .content-serve .right a span svg { width: 25px; height: auto; } .content-serve .button-wrapper { display:flex; align-items:center; flex-wrap:wrap;} .content-serve .button-wrapper .button-3, .content-serve .button-wrapper .button-4, .content-serve .button-wrapper .button-5 { padding-left: 10px;} .content-serve .box-shape { padding: 60px 70px; clip-path: polygon(70px 0,100% 0,100% calc(100% - 70px),calc(100% - 70px) 100%,0 100%,0 70px); } .content-serve .img-left { flex-direction: row-reverse; } .content-serve .img-left .left { padding: 0 0 0 85px; } .content-serve .img-left .left h2 { margin-top:0;margin-bottom:0;} .content-serve .img-left .left .inside .text { font-size:22px;} .content-serve .inside-box { gap: 20px; font-size:22px;} .content-serve .inside-box > div { width: calc(50% - 10px); } .content-serve .inside-box > div h5 { font-size: 22px; line-height: 150%; font-family: Garamond Premiere Pro; } .content-serve .inside-box > div li { font-size:22px;} .form-serve .box { margin-bottom: 18px; background: #F3F4F6; } .form-serve .box h4 { margin: 0; padding: 20px 50px 20px 20px; line-height: 150%; cursor: pointer; position: relative; } .form-serve .box h4 div { max-width: 525px; width: 100%; } .form-serve .box h4 svg { position: absolute; top: 0; bottom: 0; right: 20px; margin: auto; } .form-serve .box h4 svg.minus , .form-serve .box h4.active svg { opacity: 0; } .form-serve .box h4.active svg.minus { opacity: 1; } .form-serve .box .con { padding: 0 20px 20px; display: none; } .form-serve .left { width: calc(100% - 578px); padding: 0 40px 0 0; } .form-serve .right { padding: 40px; width: 578px; position: relative; } .form-serve .right:before, .form-serve .right:after { content: ""; border: 16px solid transparent; position: absolute; top: 0; left: 0; } .form-serve .right:after { bottom: 0; right: 0; top: auto; left: auto; } .form-serve .right h3.form-title { display: none; } .form-serve .right input[type=submit] { width: 100%; } .form-giving .d-flex { align-items:flex-start;} .form-giving .box { margin-bottom: 18px; background: #F3F4F6; } .form-giving .box h4 { margin: 0; padding: 20px 50px 20px 20px; line-height: 150%; cursor: pointer; position: relative; } .form-giving .box h4 div { max-width: 525px; width: 100%; } .form-giving .box h4 svg { position: absolute; top: 0; bottom: 0; right: 20px; margin: auto; } .form-giving .box h4 svg.minus , .form-giving .box h4.active svg { opacity: 0; } .form-giving .box h4.active svg.minus { opacity: 1; } .form-giving .box .con { padding: 0 20px 20px; display: none; } .form-giving .box .con a { color:#0000ff; text-decoration:underline;} .form-giving .left { width: calc(100% - 578px); padding: 0 40px 0 0; } .form-giving .right { padding: 40px; width: 578px; position: relative;clip-path: polygon(100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 0); } .form-giving .right:before, .form-giving .right:after { content: ""; border: 16px solid transparent; position: absolute; top: 0; left: 0; } .form-giving .right:after { bottom: 0; right: 0; top: auto; left: auto; } .form-giving .right h3.form-title { display: none; } .form-giving .right input[type=submit] { width: 100%; } .form-ls {position:relative;} .form-ls .container { position:relative;} .form-ls .box { margin-bottom: 18px; background: #F3F4F6; } .form-ls .box h4 { margin: 0; padding: 20px 50px 20px 20px; line-height: 150%; cursor: pointer; position: relative; } .form-ls .box h4 div { max-width: 525px; width: 100%; } .form-ls .box h4 svg { position: absolute; top: 0; bottom: 0; right: 20px; margin: auto; } .form-ls .box h4 svg.minus , .form-ls .box h4.active svg { opacity: 0; } .form-ls .box h4.active svg.minus { opacity: 1; } .form-ls .box .con { padding: 0 20px 20px; display: none; } .form-ls .left { width: calc(100% - 578px); padding: 0 40px 0 0; } .form-ls .form { padding: 40px; width: 578px; position: relative; clip-path: polygon(36px 0,100% 0,100% calc(100% - 36px),calc(100% - 36px) 100%,0 100%,0 36px); } .form-ls .right { padding: 40px; width: 578px; position: relative; clip-path: polygon(100% 0,100% calc(100% - 40px),40px calc(100% - 40px),0 100%,0 0);} .form-ls .right .right-side-image {clip-path: polygon(100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%, 0 0); } .form-ls .form:before, .form-ls .form:after { content: ""; border: 16px solid transparent; position: absolute; top: 0; left: 0; } .form-ls .form:after { bottom: 0; right: 0; top: auto; left: auto; } .form-ls .form h3.form-title { display: none; } .form-ls .form input[type=submit] { width: 100%; } .mission-serve { position: relative; } .mission-serve [class*="bg-"] { position: absolute; top: 0; left: 0; width: 100%; height: calc(100% + 70px); clip-path: polygon(100% 0,100% calc(100% - 70px),70px calc(100% - 70px),0 100%,0 0); } .mission-serve .bg-img:after , .mission-serve .bg-video:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #00303A; opacity: 0.8; } .mission-serve [class*=bg-]:before { content: ''; border: 380px solid transparent; position: absolute; bottom: 0; right: 0; border-bottom-color: #18697C; border-right-color: #18697C; opacity: 0.36; } .mission-serve .container { position: relative; } .mission-serve .main-title { margin-left: auto; margin-right: auto; max-width: 900px; width: 100%; } .mission-serve .form { padding: 40px; background: #F3F4F6; margin: 0 auto; max-width: 686px;clip-path: polygon(40px 0,100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%,0 40px); } .mission-serve .form h3.form-title { display: none; } .mission-serve .form .legal-consent-container { width: 100%; display: flex; justify-content: center; } .verses-module { position: relative; } .verses-module [class*="bg-"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .verses-module .bg-img:after , .verses-module .bg-video:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #00303A; opacity: 0.8; } .verses-module .container { position: relative; } .verses-module .main-title { margin-left: auto; margin-right: auto; max-width: 935px; width: 100%; } .verses-module .list-main ul { margin: 0; padding: 0; list-style-type: none; } .verses-module .list-main ul li { padding: 7px 25px; font-size: 16px; line-height: 120%; color: #18697C; display: inline-block; border: 1px solid #18697C; min-width: 141px; font-family: Gotham; font-weight: 700; text-align: center; } .verses-module .list-main ul li:hover , .verses-module .list-main ul li.active { color: #FFFFFF; background: #18697C; } .verses-module .box-row { width: 100%; gap: 33px; } .verses-module .box-row .same-list { width: calc(33.33% - 22px); display: flex; flex-flow: column; gap: 16px; margin-bottom:50px;} .verses-module .box-row .box { background: #F3F4F6; } .verses-module .box-row .box h4 { margin: 0; padding: 20px 50px 20px 24px; font-size: 22px; line-height: 150%; position: relative; cursor: pointer; } .verses-module .box-row .box h4 svg.plus { position: absolute; top: 26px; right: 24px; } .verses-module .box-row .box h4 svg.minus { position: absolute; top: 26px; right: 24px; } .verses-module .box-row .box h4 svg.minus , .verses-module .box-row .box h4.active svg { opacity: 0; } .verses-module .box-row .box h4.active svg.minus { opacity: 1; } .verses-module .box-row .box ul { margin: 0; padding: 0; list-style-type: none; display: flex; flex-flow: column; gap: 10px; } .verses-module .box-row .box ul li a:after { content: '\f061'; margin: 0 0 0 10px; font-family: 'fontAwesome'; font-size: 10px; vertical-align: top; } .verses-module .box-row .box ul li a:hover { color: #18697C; } .verses-module .box-row .box .ans { padding: 0 24px 20px; margin-top: -10px; } .contact-strip { position: relative; display: flex; align-items: center; } .contact-strip [class*="bg-"] { position: absolute; top: 0; left: 0; width: 100%; height: calc(100% + 70px); clip-path: polygon(100% 0,100% calc(100% - 70px),70px calc(100% - 70px),0 100%,0 0); } .contact-strip .bg-img:after , .contact-strip .bg-video:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #00303A; opacity: 0.8; } .contact-strip .container { position: relative;z-index:1;} .contact-strip .play-store { gap: 15px; } .contact-strip ul { margin: 0 auto; padding: 0; list-style: none; max-width: 994px; width: 100%; gap: 0 20px; display: flex; flex-wrap: wrap; } .contact-strip ul li { padding: 0 0 0 16px; position: relative; } .contact-strip ul li:after { content: ''; width: 5px; height: 5px; position: absolute; top: 13px; left: 0; border-radius: 10px; background: #FFFFFF; } .contact-strip ul > div { width: calc(50% - 10px); } .tooltip button {background-color:transparent; border:transparent;} .tooltip {position: relative;display: inline-block;} .tooltip .tooltiptext {visibility: hidden;width: 140px;background-color: #555;color: #fff;text-align: center;border-radius: 6px;padding: 5px;position: absolute;z-index: 1;bottom: 100%;left: 50%;margin-left: -75px;opacity: 0;transition: opacity 0.3s;} .tooltip .tooltiptext::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #555 transparent transparent transparent;} .tooltip:hover .tooltiptext {visibility: visible;opacity: 1;} @media(max-width: 1400px) { .banner-section .left { padding: 195px 0 80px calc((100% - 1060px) / 2); width: calc(100% - 650px); } .banner-section .image { width: 650px; } .banner-section .image #img-load img { max-height: 540px; } .membership-serve .left { padding-left: calc((100% - 1060px) / 2); width: calc(100% - 640px); } .membership-serve .right { width: 775px; } .contact-info .right { gap: 60px; } } @media(max-width: 1200px) { .banner-section .left { padding: 195px 0 120px calc((100% - 940px) / 2); width: calc(100% - 550px); } .banner-section .image { width: 550px; } .banner-section .image .img:after { width: 120px; } .banner-section .image .color-bg { bottom: -320px; } .gospel-matters .box { padding: 30px 20px; min-height: 380px; } .years-winning .box { width: 250px; } .years-winning .main { gap: 40px; } .testimonies-section .box .image { width: 500px; } .testimonies-section .box .text { width: calc(100% - 500px); padding: 0 0 0 40px; } .latest-news .box .text { padding: 20px 20px 30px; } .get-involved { min-height: 520px; } .membership-serve .left { padding: 50px 0 50px; padding-left: calc((100% - 940px) / 2); width: calc(100% - 500px); } .membership-serve .right { width: 635px; } .benefit-serve .box h4 { font-size: 18px; } .content-serve .left { padding: 0 40px 0 0; width: calc(100% - 400px); } .content-serve .flippy .left {padding: 0 0 0px 40px; } .content-serve .right { width: 400px; } .content-serve .img-left .left { padding: 0 0 0 40px; } .form-serve .left { padding: 0 40px 0 0; width: calc(100% - 450px); } .form-serve .right { width: 450px; } .form-giving .left { padding: 0 40px 0 0; width: calc(100% - 450px); } .form-giving .right { width: 450px; } .form-ls .left { padding: 0 40px 0 0; width: calc(100% - 450px); } .form-ls .right { width: 450px; } .contact-info .main { gap: 30px; } .contact-info .right { width: calc(100% - 305px); gap: 32px; } .contact-info .right .box { width: calc(33.33% - 21.5px); } .content-serve .box-shape { padding: 40px; clip-path: polygon(40px 0,100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%,0 40px); } } @media(min-width: 992px) { .gospel-matters .box:hover .bg-img:after { opacity: 0; } .gospel-matters .box:hover .bg-img:before { opacity: 1; } .gospel-matters .box:hover h4 { color: #FFFFFF; } .gospel-matters .box:hover .con { color: #FFFFFF; } .gospel-matters .box:hover .link-style a { color: #FFFFFF; } .the-mission .box .arrow { display: none; } } @media(max-width: 991px) { .gospel-matters .box .bg-img img { object-position:top;} .blog-subcribe .flexy .right img { position:relative;} .blog-subcribe .flexy { padding:25px 0 0 0;} .inner-banner h1 { font-size:44px;} .faq-full .cardy { padding:25px;} .mem-assessment .main h1 { font-size:34px;} .blog-post-banner h1 { font-size:44px; font-weight:900;} .blog-post-banner h1 span { font-size:54px; font-weight:900;} .blog-post-banner .flexy .left { width:100%;padding-right:0px;padding-bottom:50px;} .blog-post-banner .flexy .right { width:100%;} .content-serve .button-wrapper .button-3, .content-serve .button-wrapper .button-4, .content-serve .button-wrapper .button-5 { padding-left: 0px; padding-top:5px;} .large-text { font-size: 20px; line-height: 150%; } .sub-title { font-size: 14px; } .blog-subcribe .flexy .left { width:100%;} .blog-subcribe .flexy .right { width:100%;} .ty-assessment.three.member-outer .mem-bottom-card .inner-content .flexy .inner-card { width:100%;} .member-outer .mem-bottom-card { max-width:100%;} .member-outer .mem-bottom-card { clip-path: polygon(40px 0,100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%,0 40px);} .ty-assessment.member-outer .mem-bottom-card {max-width:100%;} .blog-post-banner .main .flexy .left { width:100%;} .blog-post-banner .main .flexy .right { width:100%;} .form-ls .right .right-side-image img { height:auto!important;} .ty-assessment.member-outer { margin:50px 10px;} .ty-donate.member-outer { margin:50px 10px;} .member-outer { margin:50px 10px;} .banner-section { padding: 160px 0 0; font-size: 18px; line-height: 150%; } .banner-section .left { width: 100%; max-width: 750px; margin: 0 auto; padding: 0 15px; } .banner-section .left .in { max-width: 100%; } .banner-section .image { width: 100%; max-width: 600px; margin: 30px 0 0 auto; } .banner-section .image #img-load { min-height: auto; } .banner-section [class*="bg-"] { height: calc(100% + 44px); clip-path: polygon(100% 0,100% calc(100% - 44px),44px calc(100% - 44px),0 100%,0 0); z-index: 1; } .gospel-matters [class*="bg-"] { height: calc(100% + 44px); clip-path: polygon(100% 0,100% calc(100% - 44px),44px calc(100% - 44px),0 100%,0 0); z-index: 1; } .gospel-matters .main { gap: 9px; } .gospel-matters .box { width: 100%; min-height: 472px; padding: 35px; } .gospel-matters .box .bg-img { height: 100%; clip-path: inherit; } .gospel-matters .box .bg-img:after { opacity: 0; } .gospel-matters .box .bg-img:before { opacity: 1; } .gospel-matters .box h4 { color: #FFFFFF; } .gospel-matters .box .con { color: #FFFFFF; } .gospel-matters .box .link-style a { color: #FFFFFF; } .who-gideons .box { width: calc(50% - 16px); } .years-winning [class*=bg-] { height: calc(100% + 44px); clip-path: polygon(100% 0,100% calc(100% - 44px),44px calc(100% - 44px),0 100%,0 0); z-index: 1; } .years-winning .box { width: 213px; } .the-mission [class*=bg-] { height: calc(100% + 44px); clip-path: polygon(100% 0,100% calc(100% - 44px),44px calc(100% - 44px),0 100%,0 0); } .testimonies-section .box .image { width: 100%; } .testimonies-section .box .text { padding: 40px 0 0; width: 100%; } .testimonies-section .arrow-wrap { margin: 50px 0 0; } .get-involved [class*=bg-] { height: calc(100% + 44px); clip-path: polygon(100% 0,100% calc(100% - 44px),50px calc(100% - 44px),0 100%,0 0); } .tcc [class*=bg-] { height: calc(100% + 44px); clip-path: polygon(100% 0,100% calc(100% - 44px),50px calc(100% - 44px),0 100%,0 0); } .tcc .icon-outer .icon-inner { width:calc(100% / 2);} .latest-stories .form { margin: 0 auto; max-width: 440px; width: 100%; } .latest-stories .form fieldset { flex-flow: column; gap: 0; } .latest-stories .form fieldset .hs-form-field { width: 100% !important; padding: 0 0 16px; } .latest-stories .form form { flex-wrap: wrap; justify-content: center; gap: 0; } .blog-subcribe .form { margin: 0 auto; max-width: 440px; width: 100%; } .blog-subcribe .form fieldset { flex-flow: column; gap: 0; } .blog-subcribe .form fieldset .hs-form-field { width: 100% !important; padding: 0 0 16px; } .blog-subcribe .form form { flex-wrap: wrap; justify-content: center; gap: 0; } .blog-listing-banner .bottom-featured-section { margin-top:30px;} .blog-listing-banner .main h1 { margin-bottom:0;} .blog-listing-banner .bottom-featured-section .flexy .left { width:100%;} .blog-listing-banner .bottom-featured-section .flexy .right { width:100%;height:auto!important;} .blog-post-banner .bottom-featured-section .flexy .left { width:100%;} .blog-post-banner .bottom-featured-section .flexy .right { width:100%;} .the-mission .box { width: 100%; padding: 23px; } .the-mission .box .list { display: none; } .the-mission .box [class*=button-] a { padding: 10px 26px; min-width: 164px; text-align: center; } .the-mission .box:before { border-width: 15px; } .the-mission .box .arrow { width: 44px; height: 44px; line-height: 46px; position: absolute; bottom: 24px; right: 24px; border: 2px solid; text-align: center; cursor: pointer; transition:400ms; display: flex; align-items: center; justify-content: center; } .the-mission .box .arrow:before, .the-mission .box .arrow:after { content: ''; width: 20px; height: 2px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; margin: auto; } .the-mission .box .arrow:after { height: 20px; width: 2px; } .the-mission .box .arrow.active:after { height: 0; } .the-mission .box .arrow.active { transform: rotate(180deg); } .the-mission .box .arrow svg { width: 22px; height: auto; } /*** ***/ .three-column .box { width: 100%; } .areas-serve .box { width: 100%; } .cards-serve .box { width: calc(50% - 16px); } .inner-banner:after, .inner-banner:before { border-width: 26px; } .mem-assessment:after, .mem-assessment:before { border-width: 26px; } .ty-assessment:after, .ty-assessment:before { border-width: 26px; } .ty-donate:after, .ty-donate:before { border-width: 26px; } .blog-listing-banner:after, .blog-listing-banner:before { border-width: 26px; } .blog-post-banner:after, .blog-post-banner:before { border-width: 26px; } .testimonies-serve:after, .testimonies-serve:before { border-width: 26px; } .timeline:after, .timeline:before { border-width: 26px; } .timeline .top-section .left { width:100%;} .timeline .top-section .right { width:100%;} .timeline .top-section .left { padding: 0 40px 0 0; width: calc(100% - 400px); } .timeline .top-section .right { width: 400px; } .mission-serve [class*=bg-] { height: calc(100% + 44px); clip-path: polygon(100% 0,100% calc(100% - 44px),50px calc(100% - 44px),0 100%,0 0); } .membership-serve .left { width: 100%; padding: 0 25px; max-width: 750px; margin: 0 auto; } .membership-serve .right { width: 100%; justify-content: end; } .membership-serve .main { justify-content: end; } .membership-serve .right img { max-width: 400px; width: auto; } .faq-serve .left { width: 100%; padding: 0; } .faq-serve .right { width: 100%; margin: 30px 0 0; } .faq-full .left { width: 100%; padding: 0; } .faq-full .right { width: 100%; margin: 30px 0 0; } .contact-info [class*="bg-"] { height: calc(100% + 44px); clip-path: polygon(100% 0,100% calc(100% - 44px),44px calc(100% - 44px),0 100%,0 0); z-index: 1; } .contact-info .left { width: 100%; } .contact-info .right { width: 100%; } .benefit-serve .box { width: calc(50% - 16px); } .content-serve .box-shape { padding: 30px; clip-path: polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 40px) 100%,0 100%,0 20px); } .content-serve .left { width: 100%; padding: 0; } .content-serve .flippy .left { padding:0; width:100%;} .content-serve .img-left .left { padding: 0; } .content-serve .right { margin: 30px auto 0; width: 100%; max-width: 400px; } .timeline .top-section .box-shape { padding: 30px; clip-path: polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 40px) 100%,0 100%,0 20px); } .timeline .top-section .left { width: 100%; padding: 0; } .timeline .top-section .img-left .left { padding: 0; } .timeline .top-section.right { margin: 30px auto 0; width: 100%; max-width: 400px; } .form-serve .left { width: 100%; padding: 0; } .form-serve .right { width: 100%; } .form-giving .left { width: 100%; padding: 0; } .form-giving .right { width: 100%; max-height:unset;} .form-ls .left { width: 100%; padding: 0; } .form-ls .right { width: 100%; } .form-ls .form { width:100%; max-width:100%;} .cta-checks .main > div { width: 100%; } .verses-module .box-row { gap: 16px; } .verses-module .box-row .same-list { width: calc(50% - 8px); } .contact-strip [class*=bg-] { height: calc(100% + 44px); clip-path: polygon(100% 0,100% calc(100% - 44px),44px calc(100% - 44px),0 100%,0 0); z-index: 1; } .ty-assessment.split.member-outer .mem-bottom-card .inner-content .flexy .left { width:100%; } .ty-assessment.split.member-outer .mem-bottom-card .inner-content .flexy .right { width:100%;padding-left:0;padding-top:25px; } .ty-donate.split.member-outer .mem-bottom-card .inner-content .flexy .left { width:100%; } .ty-donate.split.member-outer .mem-bottom-card .inner-content .flexy .right { width:100%;padding-left:0;padding-top:25px; } .form-giving .main { flex-direction:column-reverse;} .m-only { display:inline-block;} .d-only { display:none;} .form-giving .faq { margin-top:25px;} .ty-donate.member-outer .mem-bottom-card { padding:30px;} .ty-donate h1 { font-size:32px;} .blog-listing-banner .main h1 { padding-bottom:0;} } @media(max-width: 767px) { .ty-donate.member-outer .mem-bottom-card .inner-content:after { display:none;} .ty-donate.member-outer .mem-bottom-card { padding:20px;} .ty-donate.member-outer .mem-bottom-card .inner-content p { font-size:16px; line-height:1.2;} .content-padding-top { padding-top:0px;} .ty-donate h1 { font-size:28px;} .container, .row-fluid .container { padding: 0 25px; } .banner-section .left { padding: 0 25px; } .banner-section .image #img-load img { max-height: 360px; width: auto; } .banner-section .image .img:after { height: 500px; width: 80px; } .banner-section .image .img:before { width: 80px; height: 80px; bottom: -45px; right: -45px; } .banner-section .image .color-bg { bottom: -800px; top: -670px; } .banner-section .image .color-bg:after { left: -10px; } .who-gideons .main { gap: 54px; } .who-gideons .box { width: 100%; } .who-gideons .box { gap: 44px; } .years-winning .box { width: 280px; } .years-winning .main h2 label { display: inline-block; } .years-winning .box h2 br { display: none; } .the-mission .box { width: 100%; } .get-involved { min-height: 405px; } .who-gideons .shape , .testimonies-section .shape , .blog-subcribe .shape, .latest-stories .shape { border-width: 20px; } .tcc .icon-outer { justify-content:center;} .tcc .icon-outer .icon-inner { width:100%; flex-wrap:wrap;} .tcc .icon-outer .icon-inner .left { width:100%; text-align:center;} .tcc .icon-outer .icon-inner .right { width:100%; text-align:center; padding-left:0;} .inner-banner h1 br { display: none; } .mem-assessment h1 br { display: none; } .ty-assessment h1 br { display: none; } .ty-donate h1 br { display: none; } .blog-listing-banner h1 br { display: none; } .blog-post-banner h1 br { display: none; } .cta-checks .main > div { width: 100%; } .areas-serve .box { padding: 20px; } .content-serve .box-shape { padding: 30px 15px; } .timeline .top-section .box-shape { padding: 30px 15px; } .cards-serve .box { width: 100%; padding: 22px; } .contact-info .main { text-align: center; } .contact-info .right .box { width: 100%; } .benefit-serve .main { gap: 20px; } .benefit-serve .box { width: 100%; } .testimonies-serve .box { padding: 25px; background: #FFF; clip-path: polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px); } .timeline .box { padding: 25px; background: #FFF; clip-path: polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px); } .verses-module .box-row .box h4 { padding: 15px 40px 15px 15px; font-size: 20px; } .verses-module .box-row .box h4 svg.plus { right: 15px; top: 19px; } .verses-module .box-row .box .ans { padding: 0 15px 15px; } .contact-strip ul > div { width: 100%; } .contact-strip .play-store { max-width: 320px; width: 100%; margin-left: auto; margin-right: auto; } .content-serve .inside-box { gap: 0; } .content-serve .inside-box > div { width: 100%; } } @media(max-width: 500px) { .latest-stories .form { max-width: 275px; } .blog-subcribe .form { max-width: 275px; } .the-mission .box .button-1 { padding-right: 56px; } .the-mission .box [class*=button-] a { width: auto; padding: 10px 18px; text-align: center; letter-spacing: 1px; } .the-mission .box .two_column .same-list { width: 100%; } .the-mission .box .two_column ul { flex-flow: column; } .areas-serve .box.two_column ul { gap: 15px 0; flex-flow: column; } .areas-serve .box ul .same-list { width: 100%; } .verses-module .box-row .same-list { width: 100%; } }