/* Table of Contents 01. Vendors ----------------------------------- Slider ----------------------------------- Magnific Popup CSS ----------------------- Main image in popup ---------------------- The shadow behind the image -------------- 02. Settings ---------------------------------- 03. Sprite ------------------------------------ 04. Generic ----------------------------------- 05. Base -------------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 06. Gutenberg Blocks -------------------------- Latest posts, categories, archives ------- Latest categories ------------------------ Latest posts grid view ------------------- Paragraphs ------------------------------- Font Sizes ------------------------------- Custom background colors ----------------- Custom foreground colors ----------------- 07. # Helpers --------------------------------- Clear ------------------------------------ Notext ----------------------------------- Hidden ----------------------------------- Alignleft -------------------------------- Alignright ------------------------------- Text align center ------------------------ Disabled --------------------------------- Grid ------------------------------------- Responsive Helpers ----------------------- 08. Reset ------------------------------------- 09. Base WordPress CSS ------------------------ 10. Gallery ----------------------------------- 11. Pagination -------------------------------- 12. Comments ---------------------------------- 13. Search Form ------------------------------- 14. Core Blocks ------------------------------- 15. Gutenber Block - Audio -------------------- 16. Gutenberg Block - Button ------------------ 17. Gutenberg Block - Caption ----------------- 18. Gutenberg Block - Code -------------------- 19. Gutenber Block - Columns ------------------ 20. Gutenberg Block - Cover Image ------------- 21. Gutenberg Block - File -------------------- 22. Gutenberg Block - Gallery ----------------- 23. Gutenberg Block - Image ------------------- 24. Gutenberg Block - Latest Comments --------- 25. Gutenberg Block - Preformatted Text ------- 26. Gutenberg Block - Pullquote --------------- 27. Gutenberg Block - Blockquote -------------- 28. Gutenberg Block - Separator --------------- Remove duplicate rule-line when a separator * is followed by an H1, or H2 29. Gutenberg Block - Table ------------------- 30. Gutenberg Block - Twitter Embed ----------- 31. Gutenberg Block - Verse ------------------- 32. Gutenberg Block - Video ------------------- 33. Custom Blocks ----------------------------- 34. Regions ----------------------------------- 35. Modules ----------------------------------- Small Desktop ---------------------------- 36. accordion --------------------------------- Tablet Portrait -------------------------- 37. accordion--fullwidth ---------------------- Tablet Portrait -------------------------- 38. News articles ----------------------------- 39. Blog articles ----------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 40. article single ---------------------------- Small Desktop ---------------------------- Tables ----------------------------------- Mobile ----------------------------------- Mobile ----------------------------------- Resoruces -------------------------------- 41. bg ---------------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 42. boxes ------------------------------------- Video w/ Play Button --------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 43. boxes-type-2 ------------------------------ Tablet Portrait -------------------------- Mobile ----------------------------------- 44. Buttons ----------------------------------- 45. Btn --------------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Small Desktop ---------------------------- 46. Content + Video --------------------------- 47. cookie-bar -------------------------------- Mobile ----------------------------------- 48. copyright --------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 49. costs ------------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 50. costs-small ------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 51. events ------------------------------------ Tablet Portrait -------------------------- Mobile ----------------------------------- 52. features ---------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 53. # Footer ---------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 54. # Form ------------------------------------ 55. Gravity Forms Reset ----------------------- Gform Reset ------------------------------ 56. Gravity Forms Deafult Style --------------- Base ------------------------------------- Fields ----------------------------------- Checkbox and Radio ----------------------- Datepicker ------------------------------- Footer ----------------------------------- Spinner ---------------------------------- Error States ----------------------------- Confirmation ----------------------------- 57. default styles ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 58. founders ---------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 59. # Header ---------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 60. - Admin Bar (if header is fixed) ---------- 61. - Search ---------------------------------- 62. intro ------------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- 63. link-sign-in ------------------------------ Small Desktop ---------------------------- Tablet Portrait -------------------------- 64. link-more --------------------------------- Mobile ----------------------------------- 65. link-download ----------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 66. # Lists ----------------------------------- 67. # Logos ----------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 68. Main -------------------------------------- 69. media ------------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 70. # Navigations ----------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- 71. nav trigger ------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 72. nav-utilities ----------------------------- 73. news -------------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 74. Newsroom ---------------------------------- 75. packages ---------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 76. Partner Directory ------------------------- Mobile ----------------------------------- Tablet Portrait -------------------------- 77. plans ------------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 78. PRESS RELEASES LIST PAGE ------------------ Mobile ----------------------------------- 79. PRESS RELEASE SINGLE ---------------------- 80. prices ------------------------------------ Tablet Portrait -------------------------- 81. privacy-policy ---------------------------- Mobile ----------------------------------- Mobile ----------------------------------- Tablet Portrait -------------------------- 82. resources --------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 83. Richtext Entry ---------------------------- Blocks ----------------------------------- 84. section animations ------------------------ Tablet Portrait -------------------------- Mobile ----------------------------------- Mobile ----------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Mobile ----------------------------------- Tablet Portrait -------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Mobile ----------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Mobile ----------------------------------- Events Intro ----------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Mobile ----------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Mobile ----------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Mobile ----------------------------------- Mobile ----------------------------------- Mobile ----------------------------------- Tablet Portrait -------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Tablet Portrait -------------------------- Tablet Portrait -------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Tablet Portrait -------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Mobile ----------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Mobile ----------------------------------- Mobile ----------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Tablet Portrait -------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Tablet Portrait -------------------------- Tablet Portrait -------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Tablet Portrait -------------------------- Tablet Portrait -------------------------- Tablet Portrait -------------------------- Tablet Portrait -------------------------- Related Resources ------------------------ 85. # Shell ----------------------------------- Mobile ----------------------------------- 86. - Fluid ----------------------------------- Tablet Portrait -------------------------- 87. slider actions ---------------------------- 88. slider-testimonials ----------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 89. Socials ----------------------------------- Tablet Portrait -------------------------- 90. solutions --------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Tablet Portrait -------------------------- 91. - Transitions ----------------------------- 92. tabs -------------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 93. testimonial ------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Tablet Portrait -------------------------- 94. # Widgets --------------------------------- 95. - Calendar -------------------------------- 96. - Rss ------------------------------------- 97. - Categories ------------------------------ 98. - Wrapper --------------------------------- 99. Themes ------------------------------------ */ /* ------------------------------------------------------------ *\ Vendors \* ------------------------------------------------------------ */ /* Slider */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; 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: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-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:before, .slick-track:after { 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 img { display: block; } .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; } @-webkit-keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}} @keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}} @-webkit-keyframes plyr-popup{0%{opacity:.5;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}} @keyframes plyr-popup{0%{opacity:.5;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}} @-webkit-keyframes plyr-fade-in{from{opacity:0}to{opacity:1}} @keyframes plyr-fade-in{from{opacity:0}to{opacity:1}} .plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-box-align:center;-ms-flex-align:center;align-items:center;direction:ltr;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;-webkit-transition:-webkit-box-shadow .3s ease;transition:-webkit-box-shadow .3s ease;transition:box-shadow .3s ease;transition:box-shadow .3s ease, -webkit-box-shadow .3s ease;z-index:0} .plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%} .plyr button{font:inherit;line-height:inherit;width:auto} .plyr:focus{outline:0} .plyr--full-ui{-webkit-box-sizing:border-box;box-sizing:border-box} .plyr--full-ui *,.plyr--full-ui ::after,.plyr--full-ui ::before{-webkit-box-sizing:inherit;box-sizing:inherit} .plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{-ms-touch-action:manipulation;touch-action:manipulation} .plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px} .plyr--full-ui ::-webkit-media-text-track-container{display:none} .plyr__captions{-webkit-animation:plyr-fade-in .3s ease;animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;-webkit-transition:-webkit-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out, -webkit-transform .4s ease-in-out;width:100%} .plyr__captions span:empty{display:none} @media (min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:20px;padding:calc(var(--plyr-control-spacing, 10px) * 2)}} @media (min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}} .plyr--captions-active .plyr__captions{display:block} .plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{-webkit-transform:translateY(-40px);-ms-transform:translateY(-40px);transform:translateY(-40px);-webkit-transform:translateY(calc(var(--plyr-control-spacing, 10px) * -4));-ms-transform:translateY(calc(var(--plyr-control-spacing, 10px) * -4));transform:translateY(calc(var(--plyr-control-spacing, 10px) * -4))} .plyr__caption{background:rgba(0,0,0,.8);background:var(--plyr-captions-background,rgba(0,0,0,.8));border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap} .plyr__caption div{display:inline} .plyr__control{background:0 0;border:0;border-radius:3px;border-radius:var(--plyr-control-radius,3px);color:inherit;cursor:pointer;-ms-flex-negative:0;flex-shrink:0;overflow:visible;padding:7px;padding:calc(var(--plyr-control-spacing, 10px) * 0.7);position:relative;-webkit-transition:all .3s ease;transition:all .3s ease} .plyr__control svg{display:block;fill:currentColor;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)} .plyr__control:focus{outline:0} .plyr__control.plyr__tab-focus{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px} a.plyr__control{text-decoration:none} a.plyr__control::after,a.plyr__control::before{display:none} .plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed{display:none} .plyr--full-ui ::-webkit-media-controls{display:none} .plyr__controls{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:center} .plyr__controls .plyr__progress__container{-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;min-width:0} .plyr__controls .plyr__controls__item{margin-left:2.5px;margin-left:calc(var(--plyr-control-spacing, 10px) / 4)} .plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto} .plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px;padding-left:calc(var(--plyr-control-spacing, 10px) / 4)} .plyr__controls .plyr__controls__item.plyr__time{padding:0 5px;padding:0 calc(var(--plyr-control-spacing, 10px) / 2)} .plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0} .plyr__controls:empty{display:none} .plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip]{display:none} .plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block} .plyr__menu{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative} .plyr__menu .plyr__control svg{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease} .plyr__menu .plyr__control[aria-expanded=true] svg{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)} .plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none} .plyr__menu__container{-webkit-animation:plyr-popup .2s ease;animation:plyr-popup .2s ease;background:rgba(255,255,255,.9);background:var(--plyr-menu-background,rgba(255,255,255,.9));border-radius:4px;bottom:100%;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:0 1px 2px rgba(0,0,0,.15);-webkit-box-shadow:var(--plyr-menu-shadow,0 1px 2px rgba(0,0,0,.15));box-shadow:var(--plyr-menu-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3} .plyr__menu__container>div{overflow:hidden;-webkit-transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1);transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)} .plyr__menu__container::after{border:4px solid transparent;border:var(--plyr-menu-arrow-size,4px) solid transparent;border-top-color:rgba(255,255,255,.9);border-top-color:var(--plyr-menu-background,rgba(255,255,255,.9));content:'';height:0;position:absolute;right:14px;right:calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7 - var(--plyr-menu-arrow-size, 4px) / 2);top:100%;width:0} .plyr__menu__container [role=menu]{padding:7px;padding:calc(var(--plyr-control-spacing, 10px) * 0.7)} .plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px} .plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0} .plyr__menu__container .plyr__control{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:-webkit-box;display:-ms-flexbox;display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding-bottom:4.66667px;padding-bottom:calc(var(--plyr-control-spacing, 10px) * 0.7 / 1.5);padding-left:10.5px;padding-left:calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5);padding-right:10.5px;padding-right:calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5);padding-top:4.66667px;padding-top:calc(var(--plyr-control-spacing, 10px) * 0.7 / 1.5);-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none;width:100%} .plyr__menu__container .plyr__control>span{-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%} .plyr__menu__container .plyr__control::after{border:4px solid transparent;border:var(--plyr-menu-item-arrow-size,4px) solid transparent;content:'';position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)} .plyr__menu__container .plyr__control--forward{padding-right:28px;padding-right:calc(var(--plyr-control-spacing, 10px) * 0.7 * 4)} .plyr__menu__container .plyr__control--forward::after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:6.5px;right:calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5 - var(--plyr-menu-item-arrow-size, 4px))} .plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,.plyr__menu__container .plyr__control--forward:hover::after{border-left-color:currentColor} .plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:7px;margin:calc(var(--plyr-control-spacing, 10px) * 0.7);margin-bottom:3.5px;margin-bottom:calc(var(--plyr-control-spacing, 10px) * 0.7 / 2);padding-left:28px;padding-left:calc(var(--plyr-control-spacing, 10px) * 0.7 * 4);position:relative;width:calc(100% - 14px);width:calc(100% - var(--plyr-control-spacing, 10px) * 0.7 * 2)} .plyr__menu__container .plyr__control--back::after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:6.5px;left:calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5 - var(--plyr-menu-item-arrow-size, 4px))} .plyr__menu__container .plyr__control--back::before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);-webkit-box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 #fff;-webkit-box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:'';height:1px;left:0;margin-top:3.5px;margin-top:calc(var(--plyr-control-spacing, 10px) * 0.7 / 2);overflow:hidden;position:absolute;right:0;top:100%} .plyr__menu__container .plyr__control--back.plyr__tab-focus::after,.plyr__menu__container .plyr__control--back:hover::after{border-right-color:currentColor} .plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px;padding-left:calc(var(--plyr-control-spacing, 10px) * 0.7)} .plyr__menu__container .plyr__control[role=menuitemradio]::after,.plyr__menu__container .plyr__control[role=menuitemradio]::before{border-radius:100%} .plyr__menu__container .plyr__control[role=menuitemradio]::before{background:rgba(0,0,0,.1);content:'';display:block;-ms-flex-negative:0;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);-webkit-transition:all .3s ease;transition:all .3s ease;width:16px} .plyr__menu__container .plyr__control[role=menuitemradio]::after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;-webkit-transform:translateY(-50%) scale(0);-ms-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0);-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,opacity .3s ease;transition:transform .3s ease,opacity .3s ease,-webkit-transform .3s ease;width:6px} .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before{background:#00b3ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)))} .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after{opacity:1;-webkit-transform:translateY(-50%) scale(1);-ms-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)} .plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover::before{background:rgba(35,40,47,.1)} .plyr__menu__container .plyr__menu__value{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto;margin-right:calc(-7px - -2);margin-right:calc((var(--plyr-control-spacing, 10px) * 0.7 - 2) * -1);overflow:hidden;padding-left:24.5px;padding-left:calc(var(--plyr-control-spacing, 10px) * 0.7 * 3.5);pointer-events:none} .plyr--full-ui input[type=range]{-webkit-appearance:none;background:0 0;border:0;border-radius:26px;border-radius:calc(var(--plyr-range-thumb-height, 13px) * 2);color:#00b3ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));display:block;height:19px;height:calc(var(--plyr-range-thumb-active-shadow-width, 3px) * 2 + var(--plyr-range-thumb-height, 13px));margin:0;min-width:0;padding:0;-webkit-transition:-webkit-box-shadow .3s ease;transition:-webkit-box-shadow .3s ease;transition:box-shadow .3s ease;transition:box-shadow .3s ease, -webkit-box-shadow .3s ease;width:100%} .plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:0 0;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px) / 2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;-webkit-transition:-webkit-box-shadow .3s ease;transition:-webkit-box-shadow .3s ease;transition:box-shadow .3s ease;transition:box-shadow .3s ease, -webkit-box-shadow .3s ease;-webkit-user-select:none;user-select:none;background-image:-webkit-gradient(linear,left top, right top,color-stop(0, currentColor),color-stop(0, transparent));background-image:linear-gradient(to right,currentColor 0,transparent 0);background-image:-webkit-gradient(linear,left top, right top,from(currentColor),to(transparent));background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0))} .plyr--full-ui input[type=range]::-webkit-slider-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;-webkit-box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);-webkit-box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px);-webkit-appearance:none;margin-top:-4px;margin-top:calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px)) / 2 * -1)} .plyr--full-ui input[type=range]::-moz-range-track{background:0 0;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px) / 2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-moz-user-select:none;user-select:none} .plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)} .plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px) / 2);height:5px;height:var(--plyr-range-track-height,5px)} .plyr--full-ui input[type=range]::-ms-track{background:0 0;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px) / 2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;color:transparent} .plyr--full-ui input[type=range]::-ms-fill-upper{background:0 0;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px) / 2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none} .plyr--full-ui input[type=range]::-ms-fill-lower{background:0 0;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px) / 2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;background:currentColor} .plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px);margin-top:0} .plyr--full-ui input[type=range]::-ms-tooltip{display:none} .plyr--full-ui input[type=range]:focus{outline:0} .plyr--full-ui input[type=range]::-moz-focus-outer{border:0} .plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px} .plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px} .plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px} .plyr__poster{background-color:#000;background-color:var(--plyr-video-background,var(--plyr-video-background,#000));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;-webkit-transition:opacity .2s ease;transition:opacity .2s ease;width:100%;z-index:1} .plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1} .plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))} .plyr__time+.plyr__time::before{content:'\2044';margin-right:10px;margin-right:var(--plyr-control-spacing,10px)} @media (max-width:767px){.plyr__time+.plyr__time{display:none}} .plyr__tooltip{background:rgba(255,255,255,.9);background:var(--plyr-tooltip-background,rgba(255,255,255,.9));border-radius:3px;border-radius:var(--plyr-tooltip-radius,3px);bottom:100%;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:0 1px 2px rgba(0,0,0,.15);-webkit-box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px) / 2 * 2);opacity:0;padding:5px 7.5px;padding:calc(var(--plyr-control-spacing, 10px) / 2) calc(var(--plyr-control-spacing, 10px) / 2 * 1.5);pointer-events:none;position:absolute;-webkit-transform:translate(-50%,10px) scale(.8);-ms-transform:translate(-50%,10px) scale(.8);transform:translate(-50%,10px) scale(.8);-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition:opacity .2s .1s ease,-webkit-transform .2s .1s ease;transition:opacity .2s .1s ease,-webkit-transform .2s .1s ease;transition:transform .2s .1s ease,opacity .2s .1s ease;transition:transform .2s .1s ease,opacity .2s .1s ease,-webkit-transform .2s .1s ease;white-space:nowrap;z-index:2} .plyr__tooltip::before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid rgba(255,255,255,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,rgba(255,255,255,.9));bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size, 4px) * -1);content:'';height:0;left:50%;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0;z-index:2} .plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;-webkit-transform:translate(-50%,0) scale(1);-ms-transform:translate(-50%,0) scale(1);transform:translate(-50%,0) scale(1)} .plyr .plyr__control:hover .plyr__tooltip{z-index:3} .plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;-webkit-transform:translate(0,10px) scale(.8);-ms-transform:translate(0,10px) scale(.8);transform:translate(0,10px) scale(.8);-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;transform-origin:0 100%} .plyr__controls>.plyr__control:first-child .plyr__tooltip::before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before{left:16px;left:calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7)} .plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;-webkit-transform:translate(0,10px) scale(.8);-ms-transform:translate(0,10px) scale(.8);transform:translate(0,10px) scale(.8);-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%} .plyr__controls>.plyr__control:last-child .plyr__tooltip::before{left:auto;right:16px;right:calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7);-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%)} .plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{-webkit-transform:translate(0,0) scale(1);-ms-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1)} .plyr__progress{left:6.5px;left:calc(var(--plyr-range-thumb-height, 13px) * 0.5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative} .plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-6.5px;margin-left:calc(var(--plyr-range-thumb-height, 13px) * -0.5);margin-right:-6.5px;margin-right:calc(var(--plyr-range-thumb-height, 13px) * -0.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height, 13px))} .plyr__progress input[type=range]{position:relative;z-index:2} .plyr__progress .plyr__tooltip{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));left:0} .plyr__progress__buffer{-webkit-appearance:none;background:0 0;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:-2.5px;margin-top:calc(var(--plyr-range-track-height, 5px) / 2 * -1);padding:0;position:absolute;top:50%} .plyr__progress__buffer::-webkit-progress-bar{background:0 0} .plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease} .plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease} .plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease} .plyr--loading .plyr__progress__buffer{-webkit-animation:plyr-progress 1s linear infinite;animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,rgba(35,40,47,.6) 25%,transparent 25%,transparent 50%,rgba(35,40,47,.6) 50%,rgba(35,40,47,.6) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 25%,transparent 25%,transparent 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 75%,transparent 75%,transparent);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:transparent} .plyr--video.plyr--loading .plyr__progress__buffer{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25))} .plyr--audio.plyr--loading .plyr__progress__buffer{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))} .plyr__volume{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;max-width:110px;min-width:80px;position:relative;width:20%} .plyr__volume input[type=range]{margin-left:5px;margin-left:calc(var(--plyr-control-spacing, 10px) / 2);margin-right:5px;margin-right:calc(var(--plyr-control-spacing, 10px) / 2);position:relative;z-index:2} .plyr--is-ios .plyr__volume{min-width:0;width:auto} .plyr--audio{display:block} .plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)} .plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b3ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)} .plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))} .plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))} .plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))} .plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{-webkit-box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);-webkit-box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1));box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))} .plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))} .plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))} .plyr--audio .plyr__progress__buffer{color:rgba(193,200,209,.6);color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))} .plyr--video{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));overflow:hidden} .plyr--video.plyr--menu-open{overflow:visible} .plyr__video-wrapper{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));height:100%;margin:auto;overflow:hidden;position:relative;width:100%} .plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%} .plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;left:0;position:absolute;top:0} .plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;-webkit-transform:translateY(-38.28125%);-ms-transform:translateY(-38.28125%);transform:translateY(-38.28125%)} .plyr--video .plyr__controls{background:-webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.75)));background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.75));background:var(--plyr-video-controls-background,linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.75)));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:5px;padding:calc(var(--plyr-control-spacing, 10px) / 2);padding-top:20px;padding-top:calc(var(--plyr-control-spacing, 10px) * 2);position:absolute;right:0;-webkit-transition:opacity .4s ease-in-out,-webkit-transform .4s ease-in-out;transition:opacity .4s ease-in-out,-webkit-transform .4s ease-in-out;transition:opacity .4s ease-in-out,transform .4s ease-in-out;transition:opacity .4s ease-in-out,transform .4s ease-in-out,-webkit-transform .4s ease-in-out;z-index:3} @media (min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:35px;padding-top:calc(var(--plyr-control-spacing, 10px) * 3.5)}} .plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)} .plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)} .plyr__control--overlaid{background:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:15px;padding:calc(var(--plyr-control-spacing, 10px) * 1.5);position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.3s;transition:.3s;z-index:2} .plyr__control--overlaid svg{left:2px;position:relative} .plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1} .plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden} .plyr--full-ui.plyr--video .plyr__control--overlaid{display:block} .plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))} .plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))} .plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))} .plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{-webkit-box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);-webkit-box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5));box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))} .plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))} .plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))} .plyr--video .plyr__progress__buffer{color:rgba(255,255,255,.25);color:var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25))} .plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%} .plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%} .plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%} .plyr:-webkit-full-screen video{height:100%} .plyr:-ms-fullscreen video{height:100%} .plyr:fullscreen video{height:100%} .plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static} .plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static} .plyr:fullscreen .plyr__video-wrapper{height:100%;position:static} .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative} .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative} .plyr:fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative} .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block} .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block} .plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block} .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none} .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none} .plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none} .plyr:-webkit-full-screen.plyr--hide-controls{cursor:none} .plyr:-ms-fullscreen.plyr--hide-controls{cursor:none} .plyr:fullscreen.plyr--hide-controls{cursor:none} @media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}.plyr:-ms-fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}} .plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%} .plyr:-webkit-full-screen video{height:100%} .plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static} .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative} .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block} .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none} .plyr:-webkit-full-screen.plyr--hide-controls{cursor:none} @media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}} .plyr:-moz-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%} .plyr:-moz-full-screen video{height:100%} .plyr:-moz-full-screen .plyr__video-wrapper{height:100%;position:static} .plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative} .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen{display:block} .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none} .plyr:-moz-full-screen.plyr--hide-controls{cursor:none} @media (min-width:1024px){.plyr:-moz-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}} .plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%} .plyr:-ms-fullscreen video{height:100%} .plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static} .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative} .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block} .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none} .plyr:-ms-fullscreen.plyr--hide-controls{cursor:none} @media (min-width:1024px){.plyr:-ms-fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}} .plyr--fullscreen-fallback{background:#000;border-radius:0!important;height:100%;margin:0;width:100%;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:10000000} .plyr--fullscreen-fallback video{height:100%} .plyr--fullscreen-fallback .plyr__video-wrapper{height:100%;position:static} .plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper{height:0;position:relative} .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block} .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none} .plyr--fullscreen-fallback.plyr--hide-controls{cursor:none} @media (min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}} .plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1} .plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%} .plyr__ads::after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3} .plyr__ads::after:empty{display:none} .plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin:-var(--plyr-range-track-height,5px)/2 0 0;opacity:.8;position:absolute;top:50%;width:3px;z-index:3} .plyr__preview-thumb{background-color:rgba(255,255,255,.9);background-color:var(--plyr-tooltip-background,rgba(255,255,255,.9));border-radius:3px;bottom:100%;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:0 1px 2px rgba(0,0,0,.15);-webkit-box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px) / 2 * 2);opacity:0;padding:3px;padding:var(--plyr-tooltip-radius,3px);pointer-events:none;position:absolute;-webkit-transform:translate(0,10px) scale(.8);-ms-transform:translate(0,10px) scale(.8);transform:translate(0,10px) scale(.8);-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition:opacity .2s .1s ease,-webkit-transform .2s .1s ease;transition:opacity .2s .1s ease,-webkit-transform .2s .1s ease;transition:transform .2s .1s ease,opacity .2s .1s ease;transition:transform .2s .1s ease,opacity .2s .1s ease,-webkit-transform .2s .1s ease;z-index:2} .plyr__preview-thumb--is-shown{opacity:1;-webkit-transform:translate(0,0) scale(1);-ms-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1)} .plyr__preview-thumb::before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid rgba(255,255,255,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,rgba(255,255,255,.9));bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size, 4px) * -1);content:'';height:0;left:50%;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0;z-index:2} .plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:2px;border-radius:calc(var(--plyr-tooltip-radius, 3px) - 1px);overflow:hidden;position:relative;z-index:0} .plyr__preview-thumb__image-container img{height:100%;left:0;max-height:none;max-width:none;position:absolute;top:0;width:100%} .plyr__preview-thumb__time-container{bottom:6px;left:0;position:absolute;right:0;white-space:nowrap;z-index:3} .plyr__preview-thumb__time-container span{background-color:rgba(0,0,0,.55);border-radius:2px;border-radius:calc(var(--plyr-tooltip-radius, 3px) - 1px);color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));padding:3px 6px} .plyr__preview-scrubbing{bottom:0;-webkit-filter:blur(1px);filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;width:100%;z-index:1} .plyr__preview-scrubbing--is-shown{opacity:1} .plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;-o-object-fit:contain;object-fit:contain;position:absolute;top:0;width:100%} .plyr--no-transition{-webkit-transition:none!important;transition:none!important} .plyr__sr-only{clip:rect(1px,1px,1px,1px);overflow:hidden;border:0!important;height:1px!important;padding:0!important;position:absolute!important;width:1px!important} .plyr [hidden]{display:none!important} /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; -ms-touch-action: manipulation; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ""; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ""; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; -ms-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /* ------------------------------------------------------------ *\ Settings \* ------------------------------------------------------------ */ /*colors*/ /*fonts*/ /* transition timing*/ /*shell*/ /*responsive*/ .cols:after { content: ''; line-height: 0; display: table; clear: both; } /* ------------------------------------------------------------ *\ Sprite \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Generic \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Base \* ------------------------------------------------------------ */ body { min-width: 320px; background: #fff; font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: 400; font-size: 17px; line-height: 1.6; color: #191E2A; } a { color: inherit; text-decoration: underline; } a:hover { text-decoration: none; } a[href^="tel"] { text-decoration: none; } h1, h2, h3, h4, h5, h6 { font-family: "Open Space Sans", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; font-weight: 700 !important; letter-spacing: 0 !important; line-height: 1.1 !important; margin-bottom: 0.8em; } h1 { font-size: 60px; } h2 { font-size: 43px; color: #1D1F22; } h3 { font-family: "Barnum", "Georgia", "Times", "Times New Roman", serif !important; font-weight: 400 !important; line-height: 1.15 !important; } h4 { font-family: "Barnum", "Georgia", "Times", "Times New Roman", serif !important; font-weight: 400 !important; line-height: 1.15 !important; } h5 { font-family: "Barnum", "Georgia", "Times", "Times New Roman", serif !important; font-weight: 400 !important; line-height: 1.15 !important; } h6 { font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; } p, ul, ol, dl, hr, table, blockquote { margin-bottom: 1.6em; } h1[class], h2[class], h3[class], h4[class], h5[class], h6[class], h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child, ul:last-child, ol:last-child, dl:last-child, table:last-child, blockquote:last-child { margin-bottom: 0; } /* Small Desktop */ @media (max-width: 1240px) { h1 { font-size: 54px; } } /* Tablet Portrait */ @media (max-width: 1023px) { h2 { font-size: 40px; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { body { font-size: 12px; } h1 { font-size: 32px; color: #fff; } h2 { font-size: 26px; color: #1D1F22; } } @media(max-width: 600px){ #wpadminbar { position: fixed; } } ::-moz-selection { color: #fff; background: #0039FF; } ::selection { color: #fff; background: #0039FF; } .text-blue { color: #0039FF; } /* ------------------------------------------------------------ *\ Gutenberg Blocks \* ------------------------------------------------------------ */ /* Latest posts, categories, archives */ .wp-block-archives, .wp-block-categories, .wp-block-latest-posts { padding: 0; list-style: none; } .wp-block-archives li, .wp-block-categories li, .wp-block-latest-posts li { color: #666; font-family: "Open Space Sans", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 14px; font-weight: bold; line-height: 16px; padding-bottom: 12px; } .wp-block-archives li.menu-item-has-children, .wp-block-archives li:last-child, .wp-block-categories li.menu-item-has-children, .wp-block-categories li:last-child, .wp-block-latest-posts li.menu-item-has-children, .wp-block-latest-posts li:last-child { padding-bottom: 0; } .wp-block-archives li a, .wp-block-categories li a, .wp-block-latest-posts li a { text-decoration: none; } .wp-block-archives.aligncenter, .wp-block-categories.aligncenter { text-align: center; } /* Latest categories */ .wp-block-categories ul { padding-top: 12px; } .wp-block-categories li ul { list-style: none; padding-left: 0; } /* Latest posts grid view */ .wp-block-latest-posts.is-grid li { border-top: 2px solid #333; padding-top: 16px; margin-bottom: 32px; } .wp-block-latest-posts.is-grid li a:after { content: ""; } .wp-block-latest-posts.is-grid li:last-child { margin-bottom: auto; } .wp-block-latest-posts.is-grid li:last-child a:after { content: ""; } /* Paragraphs */ .has-drop-cap:not(:focus):first-letter { font-family: "Open Space Sans", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 40px; line-height: 1; font-weight: bold; margin: 0 0.25em 0 0; } /* Font Sizes */ .has-small-font-size { font-size: 10px; } .has-normal-font-size { font-size: 14px; } .has-large-font-size { font-size: 18px; } .has-huge-font-size { font-size: 22px; } /* Custom background colors */ .has-primary-background-color, .has-secondary-background-color, .has-dark-gray-background-color, .has-light-gray-background-color { color: #fafafa; } .has-primary-background-color p, .has-primary-background-color h1, .has-primary-background-color h2, .has-primary-background-color h3, .has-primary-background-color h4, .has-primary-background-color h5, .has-primary-background-color h6, .has-primary-background-color a, .has-secondary-background-color p, .has-secondary-background-color h1, .has-secondary-background-color h2, .has-secondary-background-color h3, .has-secondary-background-color h4, .has-secondary-background-color h5, .has-secondary-background-color h6, .has-secondary-background-color a, .has-dark-gray-background-color p, .has-dark-gray-background-color h1, .has-dark-gray-background-color h2, .has-dark-gray-background-color h3, .has-dark-gray-background-color h4, .has-dark-gray-background-color h5, .has-dark-gray-background-color h6, .has-dark-gray-background-color a, .has-light-gray-background-color p, .has-light-gray-background-color h1, .has-light-gray-background-color h2, .has-light-gray-background-color h3, .has-light-gray-background-color h4, .has-light-gray-background-color h5, .has-light-gray-background-color h6, .has-light-gray-background-color a { color: #fff; } .has-white-background-color { color: #000; } .has-white-background-color p, .has-white-background-color h1, .has-white-background-color h2, .has-white-background-color h3, .has-white-background-color h4, .has-white-background-color h5, .has-white-background-color h6, .has-white-background-color a { color: #000; } .has-primary-background-color, .wp-block-pullquote.is-style-solid-color.has-primary-background-color { background-color: #363636; } .has-secondary-background-color, .wp-block-pullquote.is-style-solid-color.has-secondary-background-color { background-color: #666; } .has-dark-gray-background-color, .wp-block-pullquote.is-style-solid-color.has-dark-gray-background-color { background-color: #000; } .has-light-gray-background-color, .wp-block-pullquote.is-style-solid-color.has-light-gray-background-color { background-color: #666; } .has-white-background-color, .wp-block-pullquote.is-style-solid-color.has-white-background-color { background-color: #FFF; } /* Custom foreground colors */ .has-primary-color, .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color, .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color p { color: #363636; } .has-secondary-color, .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color, .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color p { color: #666; } .has-dark-gray-color, .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color, .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color p { color: #000; } .has-light-gray-color, .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color, .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color p { color: #666; } .has-white-color, .wp-block-pullquote.is-style-solid-color blockquote.has-white-color { color: #FFF; } /* ------------------------------------------------------------ *\ # Helpers \* ------------------------------------------------------------ */ /* Clear */ .clear:after { content: ""; line-height: 0; display: table; clear: both; } /* sr-only */ .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } /* Notext */ .notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; } .notext-old { font-size: 0; line-height: 0; text-indent: -4000px; } /* Hidden */ [hidden], .hidden { display: none; } /* Alignleft */ .alignleft { float: left; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .alignleft { float: none; } } /* Alignright */ .alignright { float: right; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .alignright { float: none; } } /* Text align center */ .text-center { text-align: center; } /* Disabled */ [disabled], .disabled { cursor: default; } /* Grid */ .cols { margin: 0 -15px; } .col { float: left; width: 100%; padding: 0 15px; } .col--1of2 { width: 50%; } /* Responsive Helpers */ .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .hidden-xs { display: none !important; } .visible-xs-block { display: block !important; } .visible-xs-inline { display: inline !important; } .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 1023px) { .hidden-sm { display: none !important; } .visible-sm-block { display: block !important; } .visible-sm-inline { display: inline !important; } .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 1024px) and (max-width: 1240px) { .hidden-md { display: none !important; } .visible-md-block { display: block !important; } .visible-md-inline { display: inline !important; } .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1241px) { .hidden-lg { display: none !important; } .visible-lg-block { display: block !important; } .visible-lg-inline { display: inline !important; } .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 1023px) { .hidden-tablet { display: none !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive:before { display: block; content: ""; } .embed-responsive-16by9:before { padding-top: 56.25%; } .embed-responsive iframe { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .hide-scroll { overflow: hidden !important; } .text-white { color: white !important; } .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6 { color: white !important; } /* ------------------------------------------------------------ *\ Reset \* ------------------------------------------------------------ */ * { padding: 0; margin: 0; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { display: block; } template { display: none; } html { -webkit-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0); } body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; } img, iframe, video, audio, object { max-width: 100%; } img, iframe { border: 0 none; } img { height: auto; display: inline-block; vertical-align: middle; } b, strong { font-weight: bold; } address { font-style: normal; } svg:not(:root) { overflow: hidden; } a, button, input[type="submit"], input[type="button"], input[type="reset"], input[type="file"], input[type="image"], label[for] { cursor: pointer; } a[href^="tel"], button[disabled], input[disabled], textarea[disabled], select[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea, a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; } textarea { overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } button, input, optgroup, select, textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } button, select { text-transform: none; } table { width: 100%; border-collapse: collapse; border-spacing: 0; } nav ul, nav ol { list-style: none outside none; } /* ------------------------------------------------------------ *\ Base WordPress CSS \* ------------------------------------------------------------ */ .alignnone, .alignleft, .alignright, .aligncenter { margin: 5px 15px 1.6em; } .alignleft { margin-left: 0; } .alignright { margin-right: 0; } .alignnone { margin-left: 0; margin-right: 0; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { position: relative; } .wp-caption img { width: 100%; } .wp-caption-text { padding: 8px; font-size: .8em; color: inherit; background: transparent; text-align: center; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape){ .alignnone, .alignleft, .alignright, .aligncenter { margin: 5px 0 10px; } } /* ------------------------------------------------------------ *\ Gallery \* ------------------------------------------------------------ */ .gallery { position: relative; overflow: hidden; padding-bottom: 20px; } .gallery .wp-caption-text { right: 10px; bottom: 10px; left: 10px; text-align: left; } .gallery-item { float: left; position: relative; padding: 10px; } .gallery-item img { width: 100%; } .gallery-columns-1 .gallery-item { width: 100%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-3 .gallery-item { width: 33.33%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery-columns-5 .gallery-item { width: 20%; } .gallery-columns-6 .gallery-item { width: 16.67%; } .gallery-columns-7 .gallery-item { width: 14.29%; } .gallery-columns-8 .gallery-item { width: 12.5%; } .gallery-columns-9 .gallery-item { width: 11.11%; } .gallery-columns-7 .wp-caption, .gallery-columns-8 .wp-caption, .gallery-columns-9 .wp-caption { display: none; } /* ------------------------------------------------------------ *\ Pagination \* ------------------------------------------------------------ */ .paging ul, .paging { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .paging { width: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 20px 0; } .paging ul { -ms-flex-wrap: wrap; flex-wrap: wrap; } .paging ul { list-style: none; margin: 0 auto; padding: 0 20px; } .paging a { text-decoration: none; } .paging ul li { margin: 0 5px; } .paging ul li.paging__spacer, .paging ul a { background-color: #fff; font-size: 14px; color: #191E2A; width: 35px; height: 35px; display: block; text-align: center; line-height: 35px; -webkit-transition: all .4s; transition: all .4s; } .paging ul a:hover, .paging ul li.current a { color: #fff; background-color: #0039FF; } .paging > a, .paging .paging__next, .paging .paging__prev { font-size: 16px; color: #191E2A; -webkit-transition: all .4s; transition: all .4s; } .paging > a:hover, .paging .paging__next:hover, .paging .paging__prev:hover { color: #0039FF; } .paging > a, .paging .paging__label, .paging .paging__first, .paging .paging__last, .paging .paging__prev, .paging .paging__next { margin: 9px; } .paging .paging__next:only-child { margin-left: auto; margin-right: 0; } .paging .paging__prev:only-child { margin-right: auto; margin-left: 0; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape){ .paging { -ms-flex-wrap: wrap; flex-wrap: wrap; } .paging ul { width: 100%; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; padding: 0; margin-bottom: 20px; } .paging ul li:first-child { margin-left: 0; } .paging ul li:last-child { margin-right: 0; } } /* ------------------------------------------------------------ *\ Comments \* ------------------------------------------------------------ */ .section-comments { padding-top: 15px; } .section-comments a { text-decoration: none; } .section-comments p { padding-bottom: 18.2px; } .section-comments ol, .section-comments ul { padding: 0; margin: 0; list-style: none outside none; } .section-comments h3 { position: relative; padding: 0 0 10px; } .section-comments h3 small { position: absolute; top: 0; right: 0; } .comments, .comments .children { position: relative; } .comments .children:before, .comments .children:after { content: ''; position: absolute; display: block; } .comments .children:before { top: 33px; left: 23px; width: 32px; height: 27px; border-left: 8px solid #c3c3c3; border-bottom: 8px solid #c3c3c3; border-radius: 0 0 0 8px; } .comments .children:after { top: -5px; left: 8px; border: 20px solid transparent; border-width: 20px 19px; border-bottom-color: #c3c3c3; } .comments .comment { position: relative; border-top: 1px dashed #363636; } .comments .children { padding-left: 70px; } .comments .avatar { position: absolute; top: 28px; left: 0; width: 48px; height: 48px; border-radius: 50%; border: 1px solid #ccc; } .comments .says { padding-left: 5px; } .comments .moderation-notice { display: inline-block; margin: 3px 0 8px; color: #999; } .comments .comment__entry { position: relative; padding: 30px 0 30px 65px; } .comments .comment__text p:last-child { padding-bottom: 0; margin-bottom: 0; } .comments .comment__meta { padding-bottom: 12px; } .comments .comment__meta a { color: #363636; } .comments .comment__reply { padding-top: 10px; text-align: right; } .comments .comment__reply a { display: inline-block; padding: 5px 10px; background: #363636; color: #fff; border-radius: 6px; } .comments .comment__reply a:hover { text-decoration: none; opacity: .8; } .comment-respond { width: 100%; padding-top: 30px; border-top: 1px solid #363636; } .comment-respond h3 { position: relative; } .comment-respond small { position: absolute; top: 0; right: 0; } .comment-respond label { display: block; padding-bottom: 4px; } .comment-respond input[type="text"], .comment-respond textarea { display: block; width: 100%; padding: 10px; border: 1px solid #ccc; background: #f7f7f7; } .comment-respond textarea { height: 100px; } .comment-respond input[type="text"]:focus { background-color: #fff; } .comment-respond input[type="text"]::-webkit-input-placeholder { color: #777; } .comment-respond input[type="text"]::-moz-placeholder { color: #777; } .comment-respond input[type="text"]:-ms-input-placeholder { color: #777; } .comment-respond input[type="text"]::-ms-input-placeholder { color: #777; } .comment-respond input[type="text"]::placeholder { color: #777; } .comment-respond .required { color: #e40000; } .comment-respond .comment-notes { padding-top: 15px; } .comment-respond .form-submit input { display: block; width: 160px; height: 40px; border: 0; font-size: 14px; font-weight: bold; color: #fff; background: #363636; cursor: pointer; border-radius: 4px; } .nocomments { padding-top: 12px; font-weight: bold; font-size: 18px; } /* ------------------------------------------------------------ *\ Search Form \* ------------------------------------------------------------ */ .search-form { position: relative; overflow: hidden; } .search-form .search__field { display: block; width: 100%; padding: 10px; border: 1px solid #ccc; background: #f7f7f7; } .search-form .search__field:focus { background-color: #fff; } .search-form .search__field::-webkit-input-placeholder { color: #777; } .search-form .search__field::-moz-placeholder { color: #777; } .search-form .search__field:-ms-input-placeholder { color: #777; } .search-form .search__field::-ms-input-placeholder { color: #777; } .search-form .search__field::placeholder { color: #777; } .search-form .screen-reader-text { position: absolute; top: 0; left: 0; width: 0; height: 0; opacity: 0.5; visibility: hidden; } /* ------------------------------------------------------------ *\ Core Blocks \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Gutenber Block - Audio \* ------------------------------------------------------------ */ .wp-block-audio { width: 100%; } .wp-block-audio audio { width: 100%; } .wp-block-audio.alignleft audio, .wp-block-audio.alignright audio { max-width: 200px; } @media (max-width: 1023px) { .wp-block-audio.alignleft audio, .wp-block-audio.alignright audio { max-width: 350px; } } @media (max-width: 1240px) { .wp-block-audio.alignleft audio, .wp-block-audio.alignright audio { max-width: 480px; } } /* ------------------------------------------------------------ *\ Gutenberg Block - Button \* ------------------------------------------------------------ */ .wp-block-button .wp-block-button__link { border: none; font-size: 16px; font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 18px; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: bold; text-decoration: none; padding: 15px 12px; outline: none; outline: none; } .wp-block-button .wp-block-button__link:not(.has-background) { background-color: #666; } .wp-block-button .wp-block-button__link:not(.has-text-color) { color: white; } .wp-block-button .wp-block-button__link:hover { color: white; background: #333; cursor: pointer; } .wp-block-button .wp-block-button__link:focus { color: white; background: #333; outline: thin dotted; outline-offset: -4px; } .wp-block-button:not(.is-style-squared) .wp-block-button__link { border-radius: 5px; } .wp-block-button.is-style-outline .wp-block-button__link, .wp-block-button.is-style-outline .wp-block-button__link:focus, .wp-block-button.is-style-outline .wp-block-button__link:active { border-width: 2px; border-style: solid; } .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background) { background: transparent; } .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color) { color: #666; border-color: currentColor; } .wp-block-button.is-style-outline .wp-block-button__link:hover { color: white; border-color: #333; } /* ------------------------------------------------------------ *\ Gutenberg Block - Caption \* ------------------------------------------------------------ */ .wp-block-audio figcaption, .wp-block-video figcaption, .wp-block-image figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { font-size: 16px; font-family: "Open Space Sans", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 18px; margin: 0; padding: 8px; text-align: center; } .case-image { width: 75%; height: auto; margin-bottom: 3rem; } /* ------------------------------------------------------------ *\ Gutenberg Block - Code \* ------------------------------------------------------------ */ .wp-block-code { border-radius: 0; } .wp-block-code code { font-size: 16px; white-space: pre-wrap; word-break: break-word; } /* ------------------------------------------------------------ *\ Gutenber Block - Columns \* ------------------------------------------------------------ */ .wp-block-columns.wp-block-columns.alignfull { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); } .wp-block-columns.wp-block-columns { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -20px -20px 30px; } .wp-block-columns.wp-block-columns:last-child { margin-bottom: 0; } .wp-block-columns.wp-block-columns .wp-block-column { padding: 20px; margin: 0; -ms-flex-preferred-size: auto; flex-basis: auto; } .wp-block-columns.wp-block-columns.has-2-columns .wp-block-column { width: 50%; } .wp-block-columns.wp-block-columns.has-3-columns .wp-block-column { width: 33.33%; } .wp-block-columns.wp-block-columns.has-4-columns .wp-block-column { width: 25%; } .wp-block-columns.wp-block-columns.has-5-columns .wp-block-column { width: 20%; } .wp-block-columns.wp-block-columns.has-6-columns .wp-block-column { width: 16.66%; } @media (max-width: 1023px){ .wp-block-columns.wp-block-columns.has-2-columns .wp-block-column { width: 50%; } .wp-block-columns.wp-block-columns.has-3-columns .wp-block-column { width: 33.33%; } .wp-block-columns.wp-block-columns.has-4-columns .wp-block-column { width: 50%; } .wp-block-columns.wp-block-columns.has-5-columns .wp-block-column { width: 33.33%; } .wp-block-columns.wp-block-columns.has-6-columns .wp-block-column { width: 33.33%; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape){ .wp-block-columns.wp-block-columns { margin: -15px -20px 30px; } .wp-block-columns.wp-block-columns .wp-block-column { padding: 15px 20px; } .wp-block-columns.wp-block-columns.has-2-columns .wp-block-column, .wp-block-columns.wp-block-columns.has-3-columns .wp-block-column, .wp-block-columns.wp-block-columns.has-4-columns .wp-block-column, .wp-block-columns.wp-block-columns.has-5-columns .wp-block-column, .wp-block-columns.wp-block-columns.has-6-columns .wp-block-column { width: 100%; } } /* ------------------------------------------------------------ *\ Gutenberg Block - Cover Image \* ------------------------------------------------------------ */ .wp-block-cover-image, .wp-block-cover { position: relative; min-height: 430px; padding: 16px; } .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover-image .wp-block-cover-text, .wp-block-cover-image h2, .wp-block-cover .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, .wp-block-cover h2 { font-family: Times, "Times New Roman", serif; font-size: 16px; font-weight: bold; line-height: 1.25; padding: 0; color: #fff; } .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.alignleft, .wp-block-cover.alignright { width: 100%; } @media (max-width: 1023px) { .wp-block-cover-image, .wp-block-cover { padding: 16px 10px; } .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover-image .wp-block-cover-text, .wp-block-cover-image h2, .wp-block-cover .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, .wp-block-cover h2 { font-size: 18px; max-width: 100%; } .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.alignleft, .wp-block-cover.alignright { padding: 16px 32px; } .wp-block-cover-image.alignfull, .wp-block-cover.alignfull { padding-left: 90px; padding-right: 90px; } .wp-block-cover-image.alignfull .wp-block-cover-image-text, .wp-block-cover-image.alignfull .wp-block-cover-text, .wp-block-cover-image.alignfull h2, .wp-block-cover.alignfull .wp-block-cover-image-text, .wp-block-cover.alignfull .wp-block-cover-text, .wp-block-cover.alignfull h2 { padding: 0; } } /* ------------------------------------------------------------ *\ Gutenberg Block - File \* ------------------------------------------------------------ */ .wp-block-file { font-family: "Open Space Sans", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .wp-block-file__button { display: table; border: none; border-radius: 5px; background: #666; font-size: 17px; font-family: "Open Space Sans", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 18px; text-decoration: none; font-weight: bold; padding: 20px 16px; color: #fff; margin-left: 0; margin-top: 20px; } .wp-block-file__button:hover { background: #333; cursor: pointer; } .wp-block-file__button:focus { background: #333; outline: thin dotted; outline-offset: -4px; } @media (max-width: 1023px) { .wp-block-file { font-size: 14px; padding: 15px 20px; } } /* ------------------------------------------------------------ *\ Gutenberg Block - Gallery \* ------------------------------------------------------------ */ .wp-block-gallery { list-style-type: none; padding-left: 0; } .wp-block-gallery .blocks-gallery-image:last-child, .wp-block-gallery .blocks-gallery-item:last-child { margin-bottom: 16px; } .wp-block-gallery figcaption a { color: #fff; } /* ------------------------------------------------------------ *\ Gutenberg Block - Image \* ------------------------------------------------------------ */ .wp-block-image { margin-bottom: 1.6em; } .wp-block-image img { display: block; } .wp-block-image.alignleft, .wp-block-image.alignright { max-width: 100%; } .wp-block-image.alignfull img { width: 100vw; } @media (max-width: 1023px) { .wp-block-image.alignfull { margin-left: auto; margin-right: auto; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape){ .wp-block-image .alignleft, .wp-block-image .alignright{ float: none; margin-left: 0; margin-right: 0; } } /* ------------------------------------------------------------ *\ Gutenberg Block - Latest Comments \* ------------------------------------------------------------ */ .wp-block-latest-comments .wp-block-latest-comments__comment-meta { font-family: "Open Space Sans", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: bold; } .wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date { font-weight: normal; } .wp-block-latest-comments .wp-block-latest-comments__comment, .wp-block-latest-comments .wp-block-latest-comments__comment-date, .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p { font-size: inherit; } .wp-block-latest-comments.has-dates .wp-block-latest-comments__comment-date { font-size: 12px; } .section__content-inner ul, .section__content-inner ol { margin-left: 40px; text-align: left; } .section__content-inner li { line-height: 1.75; } ol.articles { margin-left: 0; } /* ------------------------------------------------------------ *\ Gutenberg Block - Preformatted Text \* ------------------------------------------------------------ */ .wp-block-preformatted { font-size: 14px; line-height: 1.8; padding: 15px; } /* ------------------------------------------------------------ *\ Gutenberg Block - Pullquote \* ------------------------------------------------------------ */ .wp-block-pullquote { border-color: transparent; border-width: 2px; padding: 14px; } .wp-block-pullquote blockquote { color: #000; border: none; margin-top: 60px; margin-bottom: 60px; margin-right: 0; padding-left: 0; } .wp-block-pullquote p { font-size: 18px; font-style: italic; line-height: 1.3; margin-bottom: 7px; margin-top: 7px; } .wp-block-pullquote p em { font-style: normal; } .wp-block-pullquote cite { display: inline-block; font-family: "Open Space Sans", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 1.6; text-transform: none; color: #666; font-size: 12px; } .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { width: 100%; padding: 0; } .wp-block-pullquote.alignleft blockquote, .wp-block-pullquote.alignright blockquote { margin: 14px 0; padding: 0; text-align: left; max-width: 100%; } .wp-block-pullquote.alignleft blockquote p:first-child, .wp-block-pullquote.alignright blockquote p:first-child { margin-top: 0; } .wp-block-pullquote.is-style-solid-color { background-color: #363636; padding-left: 0; padding-right: 0; } .wp-block-pullquote.is-style-solid-color p { font-size: 16px; line-height: 1.3; margin-bottom: 7px; margin-top: 7px; } .wp-block-pullquote.is-style-solid-color a { color: transparent; } .wp-block-pullquote.is-style-solid-color cite { color: inherit; } .wp-block-pullquote.is-style-solid-color blockquote { max-width: 100%; color: #fafafa; padding-left: 0; margin-left: 14px; margin-right: 14px; } .wp-block-pullquote.is-style-solid-color blockquote.has-text-color p, .wp-block-pullquote.is-style-solid-color blockquote.has-text-color a, .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color, .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color, .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color, .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color, .wp-block-pullquote.is-style-solid-color blockquote.has-white-color { color: inherit; } @media (max-width: 1023px) { .wp-block-pullquote p { font-size: 20px; } .wp-block-pullquote.is-style-solid-color { padding-left: 10%; padding-right: 10%; } .wp-block-pullquote.is-style-solid-color p { font-size: 18px; } .wp-block-pullquote.is-style-solid-color blockquote { margin-left: 0; margin-right: 0; } .wp-block-pullquote.is-style-solid-color.alignright, .wp-block-pullquote.is-style-solid-color.alignleft { padding: 14px 28px; } .wp-block-pullquote.is-style-solid-color.alignfull { padding-left: 80px; padding-right: 80px; } } /* ------------------------------------------------------------ *\ Gutenberg Block - Blockquote \* ------------------------------------------------------------ */ blockquote, .wp-block-quote:not(.is-large), .wp-block-quote:not(.is-style-large) { border-left: 2px solid #0039FF; margin-left: .5rem; padding: 0 0 0 1rem; } blockquote p, .wp-block-quote p { font-size: 1em; font-style: italic; line-height: 1.8; } .wp-block-quote cite { font-size: 14px; } .wp-block-quote.is-large, .wp-block-quote.is-style-large { margin: 15px 0; padding: 0; border-left: none; } .wp-block-quote.is-large p, .wp-block-quote.is-style-large p { font-size: 24px; line-height: 1.4; font-style: italic; } .wp-block-quote.is-large cite, .wp-block-quote.is-style-large cite, .wp-block-quote.is-large footer, .wp-block-quote.is-style-large footer { font-size: 14px; } .single-post blockquote { border-left: 4px solid #0039FF; margin: 2rem 0; margin-left: .25rem; padding: 0 0 0 1.5rem; } .single-post blockquote p { font-size: 1.25em; font-style: normal; line-height: 1.6; color: #0039FF; font-weight: 700; } .single-post blockquote p span.source { font-size: .70em; font-style: normal; color: rgba(0, 0, 0, 0.6); line-height: 1.2; font-weight: 500; } @media (max-width: 1023px) { .wp-block-quote.is-large, .wp-block-quote.is-style-large { margin: 15px 0; padding: 15px 0; } .wp-block-quote.is-large p, .wp-block-quote.is-style-large p { font-size: 16px } } /* ------------------------------------------------------------ *\ Gutenberg Block - Separator \* ------------------------------------------------------------ */ .wp-block-separator { background-color: #666; border: 0; height: 2px; margin-bottom: 30px; margin-top: 30px; max-width: 40px; text-align: left; display: none !important; } .wp-block-separator .is-style-wide { max-width: 100%; display: none !important; } .wp-block-separator.is-style-dots { max-width: 100%; background-color: inherit; border: inherit; height: inherit; text-align: center; display: none !important; } .wp-block-separator:before { color: #666; font-size: 16px; padding-left: 20px; display: none !important; } /* Remove duplicate rule-line when a separator * is followed by an H1, or H2 */ .wp-block-separator + h1:before, .wp-block-separator + h2:before { display: none; display: none !important; } /* ------------------------------------------------------------ *\ Gutenberg Block - Table \* ------------------------------------------------------------ */ .wp-block-table th, .wp-block-table td { border-color: #666; } /* ------------------------------------------------------------ *\ Gutenberg Block - Twitter Embed \* ------------------------------------------------------------ */ .wp-block-embed-twitter { word-break: break-word; } /* ------------------------------------------------------------ *\ Gutenberg Block - Verse \* ------------------------------------------------------------ */ .wp-block-verse { font-family: "Open Space Sans", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 17px; line-height: 1.8; } /* ------------------------------------------------------------ *\ Gutenberg Block - Video \* ------------------------------------------------------------ */ .wp-block-video video { width: 100%; } /* ------------------------------------------------------------ *\ Custom Blocks \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Regions \* ------------------------------------------------------------ */ #all-regions .section__body__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { #all-regions .section__body__head { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } #all-regions .resources { margin: 0; } #all-regions .section__body__head .filter { padding: 0 16px; margin: 0 0 20px; position: relative; width: 250px; max-width: 100%; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { #all-regions .section__body__head .filter { padding-left: 0; } } #all-regions .section__body__head .filter select { padding: 10px 20px; background-color: #fff; border-radius: 3px; font-size: 1rem; margin: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #c6c6c6; width: 100%; } #all-regions .section__body__head .filter:after, #all-regions .section__body__head .filter:before { content: ''; width: 2px; height: 9px; border-radius: 99em; background-color: #6f7071; position: absolute; top: 0.35rem; pointer-events: none; z-index: 3; margin-top: 15px; } #all-regions .section__body__head .filter:after { right: 36px; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } #all-regions .section__body__head .filter:before { right: 42px; -webkit-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); } /* ------------------------------------------------------------ *\ Modules \* ------------------------------------------------------------ */ .boxes-comparison { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .box-comparison { width: 50%; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 140px 0; } .box-comparison .box__comparison-image { max-width: 256px; height: 64px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto 40px; } .box-comparison .box__comparison-image img { width: 100%; height: auto; } .box-comparison .box__comparison-content { line-height: 1.5; max-width: 400px; margin: 0 auto; } .box-comparison:nth-child(odd) { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-right: 120px; } .box-comparison:nth-child(even) { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-left: 120px; } .box-comparison--gray { background: #F7F7F7; } /* boxes-comparison--alt */ .boxes-comparison--alt { max-width: 1280px; margin: 0 auto; } .boxes-comparison--alt .box-comparison { width: 33.33%; } .boxes-comparison--alt .box-comparison:nth-child(odd), .boxes-comparison--alt .box-comparison:nth-child(even) { padding: 140px 82px; } .boxes-comparison--alt .box-comparison .box__comparison-content { max-width: 100%; } /* Small Desktop */ @media (max-width: 1240px) { .box-comparison { padding: 77px 120px; } .boxes-comparison--alt .box-comparison:nth-child(odd), .boxes-comparison--alt .box-comparison:nth-child(even) { padding: 53px 40px; } .boxes-comparison--alt .box__comparison-image { max-width: 200px; margin: 0 auto 20px; } } @media(max-width: 920px){ .box-comparison:nth-child(odd), .box-comparison:nth-child(even) { padding: 77px 40px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .box-comparison { width: 100%; } .box-comparison:nth-child(odd), .box-comparison:nth-child(even) { padding: 58px 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .boxes-comparison--alt .box-comparison { width: 100%; } .boxes-comparison--alt .box-comparison:nth-child(odd), .boxes-comparison--alt .box-comparison:nth-child(even) { padding: 58px 20px; } .boxes-comparison--alt .box__comparison-image { max-width: 256px; margin-bottom: 40px; } } /* ------------------------------------------------------------ *\ accordion \* ------------------------------------------------------------ */ .accordion { max-width: 736px; margin: 0 auto; } .accordion .accordion__section { background: #fff; border: 1px solid #DCDCDC; border-radius: 6px; padding: 21px 30px; margin-bottom: 20px; } .accordion .accordion__section:last-child { margin-bottom: 0; } .accordion .accordion__section:first-child .accordion__body { display: block; } .accordion .accordion__head { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .accordion .accordion__head h3 { width: calc(100% - 13px); padding-right: 15px; font-weight: 400; font-size: 18px; color: #0039FF; letter-spacing: 0; line-height: 1.44; margin: 0; } .accordion .accordion__icon { width: 13px; height: 13px; position: relative; -webkit-transition: all .4s; transition: all .4s; } .accordion .accordion__icon:after { content: ''; width: 100%; height: 100%; background: url(../images/icon-plus.svg) no-repeat center; background-size: contain; position: absolute; top: 0; left: 0; -webkit-transition: all .4s; transition: all .4s; } .accordion .accordion__icon:before { content: ''; width: 100%; height: 100%; background: url(../images/icon-minus.svg) no-repeat center; background-size: contain; position: absolute; top: 0; left: 0; opacity: 0; -webkit-transition: all .4s; transition: all .4s; } .accordion .accordion__body { font-size: 16px; color: #6F7071; line-height: 1.5; display: none; padding-top: 15px; } .accordion .accordion__body p { margin-bottom: 14px; } .accordion .accordion__body p:last-child { margin-bottom: 0; } .accordion .accordion__section--current .accordion__icon:after { opacity: 0; } .accordion .accordion__section--current .accordion__icon:before { opacity: 1; } /* Tablet Portrait */ @media (max-width: 1023px) { .accordion .accordion__section { padding: 25px; margin-bottom: 10px; } .accordion .accordion__head h3 { font-size: 16px; line-height: 1.38; padding-right: 25px; } .accordion .accordion__body { font-size: 16px; line-height: 1.63; } .accordion .accordion__body p { margin-bottom: 24px; } } /* ------------------------------------------------------------ *\ accordion--fullwidth \* ------------------------------------------------------------ */ .accordion--fullwidth { max-width: 100%; padding-bottom: 80px; } .accordion--fullwidth .accordion__section { padding: 0; border: none; margin-bottom: 45px; } .accordion--fullwidth .accordion__head { border-bottom: 1px solid #DCDCDC; padding: 0 15px 40px 15px; } .accordion--fullwidth .accordion__head h3 { font-weight: 600; font-size: 18px; line-height: 1.11; color: #6F7071; width: calc(100% - 15px); } .accordion--fullwidth .accordion__section:first-child .accordion__body { display: none; } .accordion--fullwidth .accordion__icon { width: 15px; height: 15px; } /* Tablet Portrait */ @media (max-width: 1023px) { .accordion--fullwidth .accordion__head h3 { font-size: 16px; line-height: 1.25; } .accordion--fullwidth .accordion__icon { width: 13px; height: 13px; } } @-webkit-keyframes line { 0% { width: 100%; } 50% { width: 0; } 100% { width: 100%; left: 0; } } @keyframes line { 0% { width: 100%; } 50% { width: 0; } 100% { width: 100%; left: 0; } } .section--archive:first-of-type { padding: 160px 0 80px; } .page_new_header .section--archive:first-of-type { padding-top: 80px; } .archive { margin-bottom: 50px; width: 100%; } h1.archive__title { color: #1a1804; font-size: 34px; font-family: "Open Space Sans", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: 800; margin-bottom: 26px; } .article__title .article__title__author { margin-bottom: .5rem; } .article__title .article__title__author a { color: #0039FF; font-weight: 600; font-size: 14px; color: #0039FF; letter-spacing: 1.5px; text-transform: uppercase; text-decoration: none; } .archive .article__entry { font-size: 16px; color: #6f7071; letter-spacing: 0; line-height: 1.5; margin-bottom: 20px; } .archive .article__entry strong { font-weight: 600; color: #1D1F22; } .archive .article__categories { font-weight: 400; font-size: 1rem; color: rgba(0, 0, 0, 0.6); line-height: 1.5; max-width: 918px; margin: 1rem auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .archive .article__categories a:not(.btn) { color: #0039FF; margin-left: 5px; } .archive .article__categories a:not(.btn):first-child { margin-left: 0px; } /*--- Meta ---*/ .archive .article .article__meta p { font-size: 14px; letter-spacing: 1.5px; margin-top: 1rem; margin-bottom: 0.5rem; color: #191E2A; } .archive .article .article__meta a { color: #0039FF; font-weight: 600; text-decoration: none; } /*--- View More Button --*/ .section--archive .section__actions { text-align: center; } /* ------------------------------------------------------------ *\ News articles \* ------------------------------------------------------------ */ .section-articles--news .article { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .section-articles--news .article--featured .article__title { font-size: 19px; } .section-articles--news .article--featured .article__entry { font-size: 16px; } .section-articles--news .article:not(.article--featured) .article__content { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 75%; margin-left: 1.5rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .section-articles--news .article:not(.article--featured) .article__content .article__content-inner { padding-right: 1.5rem; } .section-articles--news .article:not(.article--featured) .article__image { width: 20%; margin: 0; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-bottom: 90px; } .section-articles--news .article .article__image { background-color: white; border-radius: 6px; } .learn-more { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1rem; font-size: 1.125rem; font-weight: 700; line-height: 1.556; text-decoration: none; } .learn-more:after { content: url('../../redesign/img/icons/arrow-right.svg'); margin-top: .2em; } .learn-more:hover { color: #0039FF; } /* ------------------------------------------------------------ *\ Blog articles \* ------------------------------------------------------------ */ .articles { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -16px; } .article { width: 33.33%; padding: 0 16px; margin-bottom: 50px; } .article .article__meta { text-transform: uppercase; margin-bottom: 8px; } .article .article__meta p { font-weight: 600; font-size: 14px; color: #0039FF; letter-spacing: 1.5px; } .article .article__title { color: #1D1F22; font-size: 20px; line-height: 1.35; margin-bottom: 8px; } .article .article__title a { text-decoration: none; display: block; } .article .article__title a:hover { color: #0039FF; } .article .article__entry { font-size: 16px; color: #6f7071; letter-spacing: 0; line-height: 1.5; margin-bottom: 20px; } .article .article__image { display: block; position: relative; padding-bottom: 67%; margin-bottom: 30px; background-color: white; border-radius: 6px; } .article .article__image a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; font-size: 0; line-height: 0; text-indent: -4004px; } .article .article__image img { border-radius: 6px; } .article .article__actions .link-more { color: #1D1F22; } .article--featured { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .article--featured .article__image { width: 51.4%; padding: 0; margin: 0; } .article--featured .article__image img { border-radius: 6px; } .article--featured .article__content { width: 48.6%; padding: 58px 58px 55px 64px; } .article--featured .article__content-inner { max-width: 380px; } .article--featured .article__meta { margin-bottom: 6px; } .article--featured .article__title { font-weight: 700; font-size: 26px; color: #1D1F22; line-height: 1.31; margin-bottom: 10px; } .article--featured .article__entry { font-size: 18px; color: #6f7071; letter-spacing: 0; line-height: 1.5; margin-bottom: 27px; } .article--featured .article__actions .link-more { font-size: 14px; } .articles--related-resources { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 768px) { .section-articles--news .article--featured { width: 33.33%; padding: 0 16px; margin-bottom: 90px; display: block; } .section-articles--news .article--featured .article__image { display: block; width: 100%; padding-bottom: 67.2%; margin-bottom: 30px; } .section-articles--news .article--featured .article__content { padding: 0; display: block; width: 100%; } } /* Tablet Portrait */ @media (max-width: 1023px) { .articles { margin: 0 -8px; } .article { padding: 0 8px; margin-bottom: 40px; } .article .article__title { font-size: 18px; line-height: 1.5; margin-bottom: 3px; padding-right: 15px; } .article--featured { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .article--featured .article__content { padding: 20px 40px; width: 50.71%; } .article--featured .article__image { width: 49.29%; padding-bottom: 33.2%; } .article--featured .article__title { font-size: 26px; color: #1d1f22; line-height: 1.31; margin-bottom: 10px; } .article--singleevent .article__share { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin: 0px 10px; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .article { margin-bottom: 40px; width: 100%; } .article .article__meta p { font-size: 12px; letter-spacing: 1.29px; } .article .article__image { padding-bottom: 67.2%; margin: 0; } .section-articles--news .article:not(.article--featured) .article__image { width: 100%; padding-bottom: 67.2%; } .section-articles--news .article:not(.article--featured) .article__content { margin-left: 0; gap: 1rem; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .section-articles--news .article:not(.article--featured) .article__content .article__content-inner { padding-right: 0; } .article .article__content { padding: 20px 10px 0; margin-left: 0; } .article .article__entry { font-size: 16px; line-height: 1.63; margin-bottom: 20px; } .article .article__actions .link-more { font-size: 14px; } .article--featured .article__image { width: 100%; padding-bottom: 67.2%; } .article--featured .article__content { width: 100%; padding: 20px 10px 0; } .article--featured .article__meta { margin-bottom: 10px; } .article--featured .article__title { font-size: 18px; line-height: 1.5; margin-bottom: 3px; } .article--featured .article__entry { font-size: 16px; line-height: 1.63; margin-bottom: 20px; } .article--featured .article__content-inner { max-width: 100%; } } /* ------------------------------------------------------------ *\ article single \* ------------------------------------------------------------ */ .single-post .article--single .article__image .wp-block-video video { border-radius: 1rem; -webkit-box-shadow: 0px 2px 20px 0px rgba(209, 209, 209, 0.5); box-shadow: 0px 2px 20px 0px rgba(209, 209, 209, 0.5); } .single-crb_news .article--single .article__head { text-align: left; } .single-crb_news .article__title__author { display: none; } .single-crb_news .article--single .article__image { background-color: white; background-position: center center; background-size: cover; border: solid 1px #dcdcdc; border-radius: 6px; height: 90px; margin: 40px 0 32px; text-align: left; width: 160px; } .article--single .article__head { text-align: center; max-width: 918px; margin: 0 auto 30px; } .article--single .article__meta { text-transform: uppercase; margin: 10px auto 10px; } .article--single .article__meta p { font-size: 14px; letter-spacing: 1.5px; } .article--single .article__meta a { text-decoration: none; color: #0039FF; font-weight: 600; } .article--single .article__title h1 { font-weight: 900; font-size: 34px; color: #1D1F22; line-height: 1.42; } .article--single .article__title__full { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .article--single .article__title__full { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-flow: column-reverse nowrap; flex-flow: column-reverse nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .article--single .article__title__full h1 { font-weight: 900; font-size: 34px; color: #1D1F22; line-height: 1.42; } .article--single .article__image { max-width: 928px; margin: 0 auto 50px; text-align: center; } .article--single .article__image img { border-radius: 6px; } .article--single .article__entry { font-weight: 400; font-size: 18px; color: rgba(0, 0, 0, 0.6); line-height: 1.5; max-width: 918px; margin: 0 auto 50px; } .article--single .article__entry:last-child { margin-bottom: 0; } .article--single .article__entry ul, .article--single .article__entry ol { padding-left: 1.5rem; } .article--single .article__entry ul>li:nth-child(n + 2), .article--single .article__entry ol>li:nth-child(n + 2) { margin-top: 0.5rem; } .article--single .article__entry a:not(.btn) { color: #0039FF; } .article--single .article__entry h2 { font-size: 28px; } .article--single .article__entry h5 { font-size: 18px; line-height: 1.5; margin-bottom: 8px; color: #1D1F22; } .article--single .article__entry strong { font-weight: 600; color: #1D1F22; } .article--single .article__categories { font-weight: 400; font-size: 18px; color: rgba(0, 0, 0, 0.6); line-height: 1.5; max-width: 918px; margin: 0 auto 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .article--single .article__categories a:not(.btn) { color: #0039FF; } .article--single .article__share { border-bottom: 1px solid rgba(29, 31, 34, 0.1); padding-bottom: 65px; max-width: 918px; margin: 0 auto; } .article--singleevent .article__left .article__share { display: none; } .article--single .article__title__full .article__share, .article--single .article__right .article__share { padding-top: 0px; max-width: 736px; margin: 0px 10px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .article--single .article__share ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-item-align: center; align-self: center; } .article--single .article__share ul li { padding: 0 20px 0 0; } .article--single .article__share ul a { display: block; width: 40px; height: 40px; border-radius: 50%; background-color: #0039FF; position: relative; color: #fff; font-size: 22px; } .article--single .article__share ul a svg { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 20px; } .article--single .article__share ul a:hover { background-color: #1D1F22; } .article--single .gform_wrapper.gform_wrapper { margin-top: 60px; } .article--single .wp-caption { max-width: 100%; } .article--single .article__form { background-color: #0039FF; border-radius: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 20px 18px; } .article--single .article__form:empty { display: none; } .article--single .article__form iframe { width: 100%; } .article--singleevent .article__breadcrumbs { text-align: center; margin-bottom: 98px; margin-top: 14px; } .article--singleevent .article__title { margin-bottom: 18px; } .article--singleevent .article__column { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 0 -15px; } .article--singleevent .article__left { width: 50%; padding: 0 15px; } .article--singleevent .article__full { width: 100%; padding: 0 15px; } .article--singleevent .article__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; width: 33.33%; padding: 0 15px; margin-left: 8.33%; } .article--singleevent .article__mobile__top { display: none; } .article--singleevent .article__image { width: 100%; margin-bottom: 40px; background-color: #0039FF; border-radius: 6px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; aspect-ratio: 1.9/1; } .article--singleevent .article__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .article--singleevent .article__image img.icon { max-height: 50px; width: auto; display: inline-block; vertical-align: middle; } .article--singleevent .article__form, .article--singleevent .article__form .mktoForm__container { margin-bottom: 40px; } .article--singleevent .article__right__content.article__form { padding-bottom: 0; } .article--singleevent .article__background { position: relative; } .article--singleevent .article__background img { position: absolute; -o-object-fit: contain; object-fit: contain; max-width: 90%; max-height: 90%; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .article--singleevent .article__share { padding-top: 0; border: 0; } .article--singleevent .article__left .article__share { display: none; } .article--singleevent .article__share ul { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .article--singleevent .article__share ul li { padding-left: 0; margin: 0; } .article--singleevent .article__eventsmeta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; font-size: 16px; } .article--singleevent .article__meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; font-size: 14px; font-weight: 700; line-height: 19px; color: #0039FF; margin-bottom: 40px; } .article--singleevent .article__type { margin-left: auto; font-size: 12px; line-height: 20px; font-weight: 500; color: #0039FF; border-radius: 2px; background-color: #e2f2ff; padding: 0 7px; text-transform: none; } .article--singleevent .article__content { font-size: 18px; line-height: 27px; } .article--singleevent .article__content .h4 { font-size: 18px; font-weight: 700; color: initial; margin-bottom: 16px; } .article--singleevent .article__left .btn { margin-top: 32px; } .article--singleevent .article__content ul { margin-left: 48px; } /* Small Desktop */ @media (max-width: 1240px) { .article--singleevent .article__right { width: 50%; padding-left: 22px; margin-left: 0; } } /* Tables */ @media (max-width: 1023px) { .article--singleevent .article__right { padding-left: 0; } .article--singleevent .article__mobile__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; width: 100%; margin-left: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 30px; } .article--singleevent .article__full { width: 100%; margin-left: 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .a { width: 50%; margin-left: 0; } .article--singleevent .article__breadcrumbs { margin-bottom: 30px; } .article--singleevent .article__title__full .article__share { display: none; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .article--singleevent .article__content { font-size: initial; line-height: initial; } .article--single .article__meta p { font-size: 12px; letter-spacing: 1.29; } .article--single .article__title h1 { font-weight: 700; font-size: 26px; line-height: 1.5; } .article--single .article__entry { font-size: 16px; line-height: 1.63; padding: 0; margin-bottom: 40px; } .article--single .article__entry h2 { font-size: 21px; } .article--single .article__image { margin-bottom: 30px; } .article--single .gform_wrapper.gform_wrapper { width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 40px 0 0 0; position: relative; left: -10px; } .article--single .article__share { margin: 0 10px; } .article--singleevent .article__left .article__share { display: none; } .article--singleevent .article__mobile__top .article__share { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin: 0px 10px; } .article--singleevent .article__left, .article--singleevent .article__full { width: 100%; padding: 0 15px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .article--singleevent .article__right, .article--singleevent .article__mobile__top { width: 100%; padding: 0 15px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 30px; } } @media (max-width: 600px) { .article--single .article__form { padding-top: 15px; } .article--single .article__form iframe { min-height: 420px; } } /* search page */ body.search .section-default { padding: 100px 0; } body.search .section-default .pagetitle { font-size: 45px; color: #0039FF; } body.search .article .article__image { padding-bottom: 0; } body.search-no-results ol { list-style: none; } body.search-no-results ol .article { width: 100%; } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { body.search .section-default { padding: 50px 0; } body.search .section-default .pagetitle { font-size: 23px; } } /* Resoruces */ .page-template-resources .section-intro-text, .section-resources-intro-text { padding: 140px 0 100px !important; min-height: unset !important; } .page_new_header.page-template-resources .section-intro-text, .page_new_header .section-resources-intro-text { padding-top: 100px !important; } @media (max-width: 1023px) { .page-template-resources .section-intro-text, .section-resources-intro-text { padding: 74px 0 50px !important; } .page_new_header.page-template-resources .section-intro-text, .page_new_header .section-resources-intro-text { padding-top: 50px !important; } } .single-crb_case_study header, .single-crb_video header, .single-crb_webinar header, .single-crb_podcast header, .single-crb_data_sheet header, .single-crb_infographics header { border: 0; } .section--resources { padding-top: 170px; } .page_new_header .section--resources { padding-top: 50px; } .article--resources { width: 100%; margin-bottom: 50px; } .article__breadcrumbs { margin-left: -5px; margin-bottom: 80px; font-size: 12px; line-height: 14px; color: #33373d; } .article__breadcrumbs a { margin-left: 5px; margin-right: 5px; text-decoration: none; } .article__breadcrumbs .breadcrumb_last { margin-left: 5px; } .article__breadcrumbs .article__meta { display: block; margin-bottom: 16px; } .article--resources .article__metatext { background-color: #e2f2ff; border-radius: 2px; display: inline-block; padding: 4px 8px; font-weight: 600; font-size: 12px; color: #0039FF; letter-spacing: 1.5px; color: #0039FF; } .article--resources { padding: 0; } .article--resources .article__column { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .article--resources .article__left { width: calc(100% - 544px); padding-right: 40px; } .article--resources .article__right { margin: 0 0 0 auto; width: 544px; } .article--resources .article__title h1 { font-weight: 900; font-size: 34px; color: #1D1F22; line-height: 1.42; } .article--resources .article__entry .lead, .article--resources .article__entry .h2, .article--resources .article__entry h2, .article--resources .article__entry .h3, .article--resources .article__entry h3 { font-weight: 700; font-size: 21px; color: #0039FF; line-height: 32px; } .article--resources .article__entry ul, .article--single .article__entry ol { padding-left: 0.87rem; } .article--resources .article__entry a:not(.btn) { color: #0039FF; text-decoration: none; } .article--resources .article__form { -webkit-box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.2); background-color: #0039FF; border-radius: 6px; padding: 20px 18px; } .article--resources .article__downloads { text-align: center; } .article--resources .article__right:only-child { margin: 0 auto; } .article--resources .article__image, .article--resources .article__head { text-align: left; margin-bottom: 30px; } .article--resources .article__form iframe { min-height: 670px; } .article--resources .article__webinar { position: relative; width: 100%; height: 314px; border-radius: 6px; overflow: hidden; } .article--resources .article__webinar-image { position: absolute; width: 100%; height: 100%; inset: 0; -o-object-fit: cover; object-fit: cover; } .article--resources .article__duration { position: relative; inset: 16px; background: #EDF925; display: inline-block; font-size: 10px; font-weight: 500; padding: 4px 8px; border-radius: 4px; color: #222528; } .article--resources .article__webinar_stemp { position: absolute; width: 171px; height: 46px; bottom: 0; left: 0; } .article--resources .article__play { position: absolute; left: 50%; top: 50%; width: 96px; height: 96px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .article--resources .article__video { position: relative; width: 100%; height: 314px; border-radius: 6px; overflow: hidden; } .article--resources .article__video.wide { min-height: 600px; } .article--resources .article__video-image { position: absolute; width: 100%; height: 100%; inset: 0; -o-object-fit: cover; object-fit: cover; } .article--resources .article__video_stemp { position: absolute; width: 171px; height: 46px; bottom: 0; left: 0; } .article--resources .article__play { position: absolute; left: 50%; top: 50%; width: 96px; height: 96px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .article--resources .article__form { background-color: #0039FF; border-radius: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: unset; padding: 20px 18px; } .article--resources .article__form:empty { display: none; } .article--resources .article__form iframe { width: 100%; min-height: 315px; } .article__form-success { color: #fff; } .article__form-success h2, .article__form-success .h2 { color: #fff; } .article__form-success h3, .article__form-success .h3 { color: #fff; } .article--resources .article__sidebar-content { padding-top: 40px; } .article--resources .article__sidebar-content::before { content: ''; width: 60px; height: 2px; background: #EDF925; display: block; margin-bottom: 24px; } .article--resources .article__quote { position: relative; padding-top: 40px; margin-top: 80px; clear: both; } .article--resources .article__quote-sign { font-size: 200px; font-family: Arial; line-height: 115px; position: absolute; top: 0; color: #0039FF; } .article--resources .article__quote-content { position: relative; font-size: 22px; line-height: 32px; } .article--resources .article__quote-detail { margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .article--resources .article__company { max-width: 40%; } .article--resources .article__person-detail { max-width: 50%; } .article--resources .article__person-detail p { line-height: 27px; margin-bottom: 0; } .article--resources .article__company img { width: auto; max-width: 100%; } .section--boilerplate { position: relative; margin-top: 100px; margin-bottom: 60px; } .section__boilerplate { position: relative; font-size: 16px; line-height: 22px; } .section__boilerplate:before { content: ''; width: 60px; height: 2px; background: #EDF925; display: block; margin-bottom: 24px; } @media (max-width: 1023px) { .section--resources { padding-top: 120px; } .page_new_header .section--resources { padding-top: 30px; } .article--resources .article__left { width: 45%; padding-right: 20px; } .article--resources .article__right { width: 55%; padding: 22px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section--resources .article__meta { text-align: center; } .article--resources .article__left { width: 100%; margin-bottom: 20px; padding-right: 0; } .article--resources .article__right { width: 100%; padding: 20px 5px; } .article--resources .article__image, .article--resources .article__head { text-align: center; } .article--resources .article__form iframe { min-height: 595px; } .article--resources .article__breadcrumbs { margin-bottom: 50px; text-align: center; } .section--boilerplate { margin-top: 50px; } .article--resources .article__entry, .article--resources .article__meta, .article--resources .article__image, .article--resources .article__head { text-align: center; } .article--resources .article__quote-detail { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } .article--resources .article__person-detail { max-width: 100%; margin-bottom: 10px; } } .section--speakers { background-color: #f7f7f7; padding-top: 80px; padding-bottom: 80px; } .section--speakers .section__heading { text-align: center; } .section--speakers .section__heading:before { content: url('../images/speaker-icon.svg'); position: relative; background-color: #c4d4f4; width: 75px; height: 75px; border-radius: 50%; display: inline-block; line-height: 100px; margin-bottom: 22px; } .section--speakers .section__heading .text-blue { color: #0039FF; } .section--speakers .section__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; margin-top: 80px; margin-bottom: -30px; } .section--speakers .section__row.section__row--center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .section--speakers .section__row.section__row--center .speakers__image { margin-left: auto; margin-right: auto; } .section--speakers .speakers { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; padding-left: 15px; padding-right: 15px; margin-bottom: 30px; } .section--speakers .speakers__linkedin { display: inline-block; height: 18px; width: 18px; margin-left: 0px; margin-top: 0.5rem; } .section--speakers .speakers__linkedin img { width: 18px; } .section--speakers .speakers__heading .speakers__heading__details h3 { color: #33373d; margin-bottom: 0; } .section--speakers p { color: #0039FF; font-weight: 600; margin-bottom: 0.5rem; } .section--speakers .speakers__image { width: 80px; height: 80px; border-radius: 50%; overflow: hidden; margin-bottom: 16px; } .section--speakers .speakers__image img { width: 100%; header: auto; -o-object-fit: cover; object-fit: cover; -o-object-position: top center; object-position: top center; } .section--speakers .speakers__description { line-height: 22px; } @media (max-width: 1023px) { .section--speakers .speakers { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section--speakers .speakers { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } } .article--resources-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .article--resources-item a { text-decoration: none; } .article--resources-item a .article__title { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .article--resources-item a:hover .article__title { color: #0039FF; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .article .article--resources-item .article__image:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #0039FF; opacity: 0.2; border-radius: 6px; -webkit-transition: all 0.4s; transition: all 0.4s; z-index: 1; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .article--resources-item a:hover .article__image:after { content: ''; opacity: 0.6; } .article--resources-item .article__image { margin-bottom: 20px; background-color: #ddd; border-radius: 6px; overflow: hidden; } .article--resources-item .article__thumb_image { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; width: 100%; } .article--resources-item .article__actions { margin-top: auto; margin-bottom: 0; } .article--resources-item .article__actions a { padding-bottom: 0; text-transform: capitalize; } .article--resources-item .article__posttype { background-color: #e2f2ff; border-radius: 2px; display: inline-block; padding: 4px 8px; font-weight: 600; font-size: 12px; letter-spacing: 1.5px; color: #0039FF; margin-bottom: 12px; } .article--resources-item .article__event-location { margin-bottom: 0.35rem; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .article--resources-item .article__actions { padding: 0 10px; } } .section__posts_header { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 40px; position: relative; } .section__posttypes { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; font-weight: 500; color: #000; margin-bottom: -10px; } .section__posttypes>.section__posttype { margin-right: 30px; margin-bottom: 10px; } .section__posttypes a { text-decoration: none; } .section__posttypes>div:last-child { margin-right: 0; } .section__posttypes .current { background-color: #f7f7f7; padding: 10px 17px; color: #0039FF; border-radius: 6px; } .section__posts_header .section__search a { display: inline-block; } .section__posts_header .section__search a svg { width: 20px; fill: #000; } .article--resources-item .article__duration { position: absolute; top: 16px; left: 16px; background: #EDF925; display: inline-block; font-size: 10px; font-weight: 500; padding: 4px 8px; border-radius: 4px; color: #222528; z-index: 3; } .article--resources-item .article__play { position: absolute; left: 50%; top: 50%; width: 96px; height: 96px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section__poststypes .current { padding: 5px 10px; } } .section__search-modal { display: none; background-color: white; height: 100%; left: 50%; position: absolute; top: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100vw; } .section__search-modal .shell { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; } .section__search-modal form { max-width: 570px; position: relative; width: 100%; } .section__search-modal label { display: none; } .section__search-modal input { border: none; border-bottom: 1px solid #191E2A; font-size: 20px; padding: 0.5em 50px 0.5em 0; width: 100%; } .section__search-modal button[type='submit'] { background: none; border: none; color: #1D1F22; font-size: 24px; padding: 0.25em; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .section__search-modal button[type='submit'] svg { width: 20px; fill: #1d1f22; } .section__search-modal-toggle { color: white; } .header.fixed .header__search-toggle, .header--dark .header__search-toggle { color: #1D1F22; } .section__search-modal-toggle--desktop { font-size: 18px; margin-right: 13px; } .section__search-modal-toggle--mobile { display: none; font-size: 24px; margin-left: auto; margin-right: 13px; } @media (max-width: 1023px) { .section__search-modal-toggle--desktop { display: none; } .section__search-modal-toggle--mobile { display: block; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section__search-modal input { padding-top: 0.25em; padding-bottom: 0.25em; } .section__search-modal button[type='submit'] { font-size: 20px; } .section__search-modal-toggle--mobile { font-size: 18px; } } .article--webinar { text-decoration: none; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .article--webinar .article__content { height: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; width: 100%; } .article--webinar .article__content-inner { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .article--webinar .article__bottom { margin-top: auto; margin-bottom: 0; } .article--webinar .article__excerpt { margin-bottom: 20px !important; } .page-template-media-room .section-articles.has-image-background.animated .article__title a:hover { color: white; } .single-post .article__entry iframe[src*="youtube"], .single-post .article__entry iframe[src*="vimeo"] { aspect-ratio: 16/9; width: 100%; height: 100%; } /* ------------------------------------------------------------ *\ bg \* ------------------------------------------------------------ */ body.is-ie .bg-image { display: none; } .bg-parent { position: relative; background-size: cover; background-position: center; } .bg-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .bg-image--mobile { display: none; } .bg-image--tablet { display: none; } /* Tablet Portrait */ @media (max-width: 1023px) { .bg-image--tablet { display: block; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .bg-image--tablet, .bg-image--desktop, .bg-image--dektop { display: none; } .bg-image--mobile { display: block; } } /* ------------------------------------------------------------ *\ boxes \* ------------------------------------------------------------ */ .boxes { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; } .boxes .box { width: 50%; padding: 0 15px; margin-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; visibility: hidden; opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all 0.7s; transition: all 0.7s; } .boxes .box.animated { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .boxes .box .box__image { padding-bottom: 57%; border-radius: 6px 6px 0 0; } .boxes .box .box__image img { border-radius: 6px 6px 0 0; } .boxes .box .box__content { padding: 40px 40px 60px 50px; } .boxes .box .box__inner { border: 1px solid #dcdcdc; background-color: #fff; border-radius: 6px; height: 100%; } .boxes .box .box__video { padding-bottom: 57%; border-radius: 6px 6px 0 0; position: relative; } /* Video w/ Play Button */ .boxes .box .box__video__play { padding-bottom: 6%; border-radius: 6px 6px 0 0; position: relative; } .boxes .box--full .box__video__play { padding-bottom: 6%; border-radius: 6px 0px 0 0; position: relative; width: 50%; } .boxes .box .box__video__play img { border-radius: 6px 6px 0 0; } .boxes .box .box__video-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 6px 6px 0 0; } .boxes .box--full .box__video__play, .boxes .box--full .box__video-bg, .boxes .box--full .box__video, .boxes .box--full .box__video__play img, .boxes .box--full .box__video__play img { border-radius: 6px 0 0 6px; } .boxes .box .section__video:hover:after { opacity: 0.7; background-color: #1d1f22; } .boxes .box .section__video:hover .btn-play circle { fill: #d6be42; } .boxes .box .section__video:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background-color: #000; opacity: 0.3; -webkit-transition: all 0.4s; transition: all 0.4s; border-radius: 6px; } .boxes .box .section__video:last-child { margin-bottom: 0; } .boxes .box .box__video__play { padding-bottom: 0%; border-radius: 6px 6px 0 0; position: relative; } .boxes .box .plyr { opacity: 0; z-index: 134; position: relative; } .boxes .box .plyr > button.plyr__control { width: 100%; height: 100%; z-index: 19; border-radius: 0; opacity: 0; } .boxes .box .play-now:after { opacity: 0; } .boxes .box .play-now .section__bg { opacity: 0; } .boxes .box .play-now .plyr { opacity: 1; } .boxes .box .pause-now:after { opacity: 0; } .boxes .box .pause-now .section__bg { opacity: 0; } .boxes .box .pause-now .plyr { opacity: 1; } @media (max-width: 1023px) { .boxes .box .section__video { width: 51%; padding-right: 38px; padding-top: 60px; } .boxes .box .section__video-content .btn-play { width: 63px; height: 63px; } .boxes .box .section__form iframe { height: 600px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .boxes .box .section__video { width: 100%; padding: 0 0 50px; } .boxes .box .section__video-content .btn-play { width: 40px; height: 40px; margin-bottom: 12px; } .boxes .box .section__video-content p { font-weight: 800; font-size: 12px; letter-spacing: 1.5px; text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25); } .boxes .box--full .box__video-bg, .boxes .box--full .box__video__play img { border-radius: 6px 6px 0 0; } } .boxes .box .section__video { margin-bottom: 40px; } .boxes .box .section__video-content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 11; pointer-events: none; } .boxes .box .section__video-content .btn-play { margin-bottom: 12px; } .boxes .box .section__video-content p { font-weight: 900; font-size: 12px; letter-spacing: 1.5px; text-shadow: 0 2px 6px rgba(0, 0, 0, 0.25); } .boxes .box h5 { font-weight: 600; font-size: 20px; color: #1D1F22; letter-spacing: 0; line-height: 1.5; margin-bottom: 6px; } .boxes .box h5 strong { font-weight: 900; font-size: 12px; color: #fff; letter-spacing: 1.5px; text-align: center; line-height: 20px; background: #0039FF; border-radius: 99em; text-transform: uppercase; padding: 4px 9px; margin-left: 7px; } .boxes .box p { font-size: 16px; color: #6f7071; letter-spacing: 0; line-height: 1.63; } .boxes .box strong { color: #1D1F22; font-weight: 600; } .boxes .box--full { width: 100%; } .boxes .box--full .box__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .boxes .box--full .box__image { width: 50%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-bottom: 28%; border-radius: 0 6px 6px 0; } .boxes .box--full .box__image img { border-radius: 0 6px 6px 0; } .boxes .box--full .box__content { width: 50%; -ms-flex-item-align: center; align-self: center; } .boxes .box--full .box__video { width: 50%; padding-bottom: 29%; } /* boxes--gray */ .boxes--gray .box .box__inner { background-color: #f7f7f7; } /* Tablet Portrait */ @media (max-width: 1023px) { .boxes { margin: 0 -8px; } .boxes .box { padding: 0 8px; margin-bottom: 20px; } } @media (max-width: 920px) { .boxes .box .box__content { padding: 25px 30px 35px 30px; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .boxes .box { width: 100%; } .boxes .box:last-child { margin-bottom: 0; } .boxes .box h5 { font-weight: 600; font-size: 18px; line-height: 1.5; } .boxes .box p { font-size: 14px; line-height: 1.71; } .boxes .box h5 strong { font-size: 10px; letter-spacing: 1.25px; line-height: 20px; } .boxes .box--full .box__content { width: 100%; padding: 25px 30px 35px 30px; } .boxes .box--full .box__image { width: 100%; padding-bottom: 57%; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; border-radius: 6px 6px 0 0; } .boxes .box--full .box__image img { border-radius: 6px 6px 0 0; } .boxes .box--full .box__video__play { width: 100%; } .boxes .box--full .box__video { width: 100%; padding-bottom: 57%; } } /* ------------------------------------------------------------ *\ boxes-type-2 \* ------------------------------------------------------------ */ .boxes-type-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; } .boxes-type-2 .box { width: 50%; padding: 0 15px; margin-bottom: 60px; visibility: hidden; opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all 0.7s; transition: all 0.7s; } .boxes-type-2 .box.animated { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .boxes-type-2 .box .box__video { padding-bottom: 57%; border-radius: 6px; position: relative; margin-bottom: 24px; } .boxes-type-2 .box .box__video-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 6px; } .boxes-type-2 .box .box__image { padding-bottom: 57%; margin-bottom: 24px; } .boxes-type-2 .box .box__image img { border-radius: 6px; } .boxes-type-2 .box .box__text { margin-bottom: 12px; display: none; } .boxes-type-2 .box .box__text p { font-size: 16px; line-height: 1.5; color: #000; opacity: 0.6; } .boxes-type-2 h5 { font-weight: 600; font-size: 20px; color: #1D1F22; } .boxes-type-2 .box__actions a { font-size: 18px; line-height: 1.44; display: inline-block; text-decoration: none; color: #0039FF; } .boxes-type-2 .box__actions a:after { content: '+'; display: inline-block; margin-left: 5px; } .boxes-type-2 .box__actions.active a:after { content: '-'; } .boxes-type-2 .box__actions a:hover { color: #1D1F22; } .boxes-type-2--dark h5 { color: #fff; margin-bottom: 10px; } .boxes-type-2--dark .box__actions a { color: #EDF925; } .boxes-type-2--dark .box__actions a:hover { color: #fff; } .boxes-type-2--dark .box .box__text p { opacity: 0.85; color: #fff; } /* Tablet Portrait */ @media (max-width: 1023px) { .boxes-type-2 { margin: 0 -8px; } .boxes-type-2 .box { padding: 0 8px; } .boxes-type-2 .box__actions a { font-size: 16px; } .boxes-type-2 h5 { font-size: 18px; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .boxes-type-2 { margin: 0; } .boxes-type-2 .box { width: 100%; padding: 0; margin-bottom: 40px; } .boxes-type-2 .box .box__image { padding-bottom: 67%; } .boxes-type-2 h5 { font-weight: 600; font-size: 18px; line-height: 1.5; } .boxes-type-2 a { font-size: 16px; line-height: 1.5; } .boxes-type-2 .box .box__text p { font-size: 16px; line-height: 1.63; } .boxes-type-2 .box__actions a:hover { color: #0039FF; } .boxes-type-2--dark .box__actions a:hover { color: #EDF925; } } /* ------------------------------------------------------------ *\ Buttons \* ------------------------------------------------------------ */ [class^="btn"] { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; border: 0; } /* ------------------------------------------------------------ *\ Btn \* ------------------------------------------------------------ */ .btn, .btn-outline { border-radius: 12px; font-weight: 700; line-height: 1.6; padding: 11px 16px; } .btn { background-color: transparent; border: 1px solid transparent; color: #fff; text-align: center; } .btn-outline { border: 1px solid #0039FF; color: #0039FF; } .btn-outline:hover { background-color: #0039FF; border: solid 1px #fff; color: #fff; } /* Tablet Portrait */ @media (max-width: 1023px) { .btn { border-width: 1px; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .btn { font-size: 14px; } } /*btn--block*/ .btn--block { display: block; padding-left: 0; padding-right: 0; } /*btn--yellow*/ .btn--yellow { background-color: #EDF925; border-color: #EDF925; color: #1D1F22; } .btn--yellow:hover { background-color: #d6be42; border-color: #d6be42; color: #1D1F22; } /*btn--blue*/ .btn--blue { background-color: #0039FF; border-color: #0039FF; color: #fff; } .btn--blue:hover { background-color: #EDF925; border-color: #0039FF; color: #0039FF; } /* btn--white-border */ .btn--white-border { border-color: #fff; } .btn--white-border:hover { background-color: #fff; color: #000; } /* btn--blue-border */ .btn--blue-border { border-color: #0039FF; color: #0039FF; } .btn--blue-border:hover { background: #0039FF; color: #fff; } /* btn--green-border */ .btn--green-border { border-color: #4ab543; color: #4ab543; } .btn--green-border:hover { background: #4ab543; color: #fff; } /* btn-play */ .btn-play { width: 64px; height: 64px; background-size: contain; display: block; text-decoration: none; margin: 0 auto; } .btn-play circle { -webkit-transition: all 0.4s; transition: all 0.4s; } .btn-play:hover circle { fill: #d6be42; } .btn-play svg { width: 100%; height: 100%; } /* btn-full-yellow */ .btn-full-yellow { width: 100%; display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-align: center; font-weight: 800; font-size: 14px; letter-spacing: 1.29px; text-transform: uppercase; opacity: 0.9; color: #1d1f22; background-color: #EDF925; padding: 8px; -webkit-transition: all 0.4s; transition: all 0.4s; } .btn-full-yellow span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .btn-full-yellow svg { display: block; margin-left: 16px; } .btn-full-yellow:hover { background-color: #d6be42; } /* Tablet Portrait */ @media (max-width: 1023px) { .btn-play { width: 74px; height: 74px; } .btn-full-yellow { font-weight: 800; font-size: 12px; letter-spacing: 1.29px; } .btn-full-yellow svg { margin-left: 14px; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .btn-play { width: 40px; height: 40px; } } /** btn--white **/ .btn--white { background-color: #fff; } .comparison { border-radius: 6px; width: 256px; } .comparison .comparison__list { border-radius: 0 0 6px 6px; border: 1px solid #DCDCDC; padding-top: 30px; } .comparison .comparison__list ul { list-style: none; } .comparison .comparison__list ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .comparison .comparison__logo { border-radius: 6px 6px 0 0; background-color: #F7F7F7; height: 90px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .comparison .comparison__logo img { max-width: 160px; } /* comparison--blue */ .comparison--blue .comparison__logo { background-color: #0039FF; } /* is-medium */ .comparison.is-medium { width: 186px; } .comparison.is-medium .comparison__logo img { max-width: 132px; } /* Small Desktop */ @media (max-width: 1240px) { .comparison { width: 186px; } .comparison .comparison__logo img { max-width: 132px; } } .page-template-contact .main { padding-top: 140px !important; } .page_new_header.page-template-contact .main { padding-top: 0px !important; } .page-template-contact .section__content { width: 100% !important; } .page-template-contact .section__content-inner { max-width: 100% !important; } .page-template-contact .section__content-inner h1 { text-align: center; } .page-template-contact .content_row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 50px -50px; } .page-template-contact .content_col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 50px; text-align: center; margin-bottom: 50px; } .page-template-contact .content_col h3 { color: #1d1f22; font-size: 25px; margin-bottom: 0; } .text-blue { color: #275fcc !important; } iframe { margin: 30px 0; } .page-template-contact .content_col img { margin: 0 auto; } .page-template-contact .section-contact ul { list-style: none; padding-left: 0 !important; margin-left: 0 !important; } @media (max-width: 768px) { .page-template-contact .content_row { display: block; } } /* ------------------------------------------------------------ *\ Content + Video \* ------------------------------------------------------------ */ .section-content_video { padding: 78px 0; } .content_video:not(:first-child) { margin-top: 8rem; } .content_video__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -3rem; margin-right: -1.5rem; margin-left: -1.5rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .content_video--top .content_video__inner { -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .content_video--reversed .content_video__inner { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .content_video__inner > * { max-width: 100%; padding-right: 24px; padding-left: 24px; margin-top: 48px; } .content_video__content { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66666667%; } .content_video__icon { margin-bottom: 1rem; } .content_video--top .content_video__icon { height: 68px; } .content_video__icon img { max-height: 68px; width: auto; } .content_video__content h2 { font-size: 42px; } .content_video__content .lead { font-size: 18px; line-height: 27px; } .content_video__content p:last-child { margin-bottom: 0; } .content_video__video:not(.content_video__extended) { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .content_video__extended { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333333%; } .content_video__video video { position: absolute; top: 0; bottom:0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; -webkit-box-shadow : 0px 2px 30px rgb(0 0 0 / 20%); box-shadow : 0px 2px 30px rgb(0 0 0 / 20%); border-radius: 8px; overflow: hidden } .content_video--top .embed-responsive { margin-top: 90px; } .embed-responsive::before { display: block; content: ""; padding-top: 75%; } .content_video__extended .embed-responsive::before { padding-top: 42%; } .content_video__frame { position: relative; } .content_video__frame:before { display: block; content: ""; } .content_video__tablet:before { padding-top: 67%; background-image: url(../images/tablet.svg); background-repeat: no-repeat; background-size: contain; } .content_video__tablet video { padding: 2.5%; } .content_video__desktop:before { padding-top: 74%; background-image: url(../images/desktop.svg); background-repeat: no-repeat; background-size: contain; } .content_video__desktop video { padding: 2% 2% 8.5% 2%; } .section-content_video .section__actions { text-align: center; margin-top: 5.75rem; } .section-content_video .section__actions p { font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 1.5rem; color: #222528; } .section-content_video .section__actions p:last-child { margin-bottom: 0; } @media (max-width: 1023px) { .content_video:not(:first-child) { margin-top: 3rem; } .content_video__content { width: 50%; } .content_video__video:not(.content_video__extended), .content_video__video { width: 50%; } .content_video__content h2{ font-size: 32px; } .section-content_video .section__actions { margin-top: 5rem; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-content_video { padding: 3.12500rem 0; } .content_video:not(:first-child) { margin-top: 3rem; } .content_video__content { width: 100%; } .content_video__video:not(.content_video__extended), .content_video__video { width: 100%; } .content_video__content h2{ font-size: 26px; } .section-content_video .section__actions { margin-top: 2rem; } .content_video--top .embed-responsive { margin-top: 0; } } .section-content_video + .section-tabs:not(.section-tabs--gray):before { content: ''; width: 250px; max-width: 100%; height: 2px; background-color: #EDF925; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); position: absolute; } /* ------------------------------------------------------------ *\ cookie-bar \* ------------------------------------------------------------ */ #cookie-notice { border-radius: 6px; padding: 20px 24px 24px 24px; bottom: 30px; left: 30px; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #E6E6E6; display: block; position: fixed; background: #fff; width: 330px; font-size: 14px; line-height: 1.71; color: #191E2A; z-index: 9999;} #cookie-notice a { text-decoration: none; display: inline-block; color: #0039FF; font-weight: 550; } #cookie-notice a:hover { color: #1D1F22; } #cookie-notice .agree { display: block; width: 100%; text-align: center; border: 2px solid #0039FF; border-radius: 99em; text-transform: uppercase; font-weight: 900; padding: 9px 10px 10px; margin-top: 16px; letter-spacing: 1.17px; text-decoration: none; font-size: 13px; line-height: 1; color: #0039FF; } #cookie-notice .agree:hover { background-color: #0039FF; color: #fff; } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { #cookie-notice { width: calc(100% - 46px); left: 23px; bottom: 23px; max-width: 330px; } } /* ------------------------------------------------------------ *\ copyright \* ------------------------------------------------------------ */ .copyright { opacity: 0.87; font-size: 14px; color: #222528; letter-spacing: 0; } /* Tablet Portrait */ @media (max-width: 1023px) { .copyright { opacity: 0.87; font-size: 16px; color: #222528; letter-spacing: 0; line-height: 1.36; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .copyright { opacity: 0.87; font-size: 14px; color: #222528; letter-spacing: 0; line-height: 1.36; } } /* ------------------------------------------------------------ *\ costs \* ------------------------------------------------------------ */ .costs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .costs .cost { width: 50%; padding-bottom: 60px; } .costs .cost .cost__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .costs .cost .cost__icon { width: 64px; } .costs .cost .cost__content { width: calc(100% - 130px); padding-left: 25px; } .costs .cost h5, .costs .cost .h5 { font-weight: 600; font-size: 20px; color: #1D1F22; letter-spacing: 0; margin-bottom: 10px; } .costs .cost p { font-weight: 400; font-size: 16px; color: #77797A; letter-spacing: 0; line-height: 1.5; } /* Tablet Portrait */ @media (max-width: 1023px) { .costs .cost h5, .costs .cost .h5 { font-size: 20px; line-height: 1.5; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .costs .cost { width: 100%; padding-bottom: 50px; } .costs .cost:last-child { padding-bottom: 0; } .costs .cost .cost__content { width: calc(100% - 64px); padding-left: 16px; } .costs .cost h5, .costs .cost .h5 { font-weight: 600; font-size: 18px; color: #1D1F22; line-height: 1.39; margin-bottom: 5px; } .costs .cost p { line-height: 1.63; } .costs .cost .cost__icon img { max-width: 90%; margin: 0 auto; display: block; } } /* ------------------------------------------------------------ *\ costs-small \* ------------------------------------------------------------ */ .costs-small { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -17px; } .costs-small .cost { width: 33.33%; padding: 0 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .costs-small .cost .cost__inner { background-color: #fff; border: 1px solid #DCDCDC; border-radius: 6px; padding: 30px 0; width: 100%; height: 100%; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.15); box-shadow: 0 0 15px 0 rgba(0,0,0,0.15); } .costs-small .cost .cost__icon { max-width: 90px; margin: 0 auto 15px; } .costs-small .cost .cost__entry h5 { font-weight: 600; font-size: 18px; color: #1D1F22; line-height: 1.39; } /* Tablet Portrait */ @media (max-width: 1023px) { .costs-small .cost .cost__icon { width: 80px; } .costs-small .cost .cost__inner { padding: 40px 0; } } @media(max-width: 920px){ .costs-small .cost .cost__entry { padding: 0 15px; } .costs-small .cost .cost__entry h5 br { display: none; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .costs-small .cost { width: 100%; margin-bottom: 20px; } .costs-small .cost:last-child { margin-bottom: 0; } .costs-small .cost .cost__icon { max-width: 75px; margin-bottom: 16px; } .costs-small .cost .cost__entry h5 { font-size: 16px; line-height: 1.44; max-width: 70%; margin: 0 auto; } .costs-small .cost .cost__inner { padding: 30px 0; } } .page-template-demo .header { background-color: #fff; } .section-demo.demo-hero { padding-top: 220px !important; background-color: #0039FF; } .page_new_header .section-demo.demo-hero { padding-top : 80px !important; } .section-demo.demo-hero h1, .section-demo.demo-hero p { color: #fff !important; } .section-demo:last-child { padding-top: 0; } .section-demo .section__content { width: 100% !important; } .section-demo .section__content-inner { max-width: 100% !important; } .section-demo .content_row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -50px; } .section-demo.demo-columns { padding-bottom: 30px !important; } .section-demo .content_col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 50px; text-align: center; margin-bottom: 50px; } .section-demo .content_col h3 { color: #1d1f22; font-size: 25px; margin-bottom: 0; } .section-demo .text-blue { color: #275fcc !important; } .section-demo .mid-content { min-height: 170px; } .section-demo .bottom-content p { font-style: italic; } .section-demo .bottom-content .btn { width: 100%; } iframe { margin: 30px 0; } .content_col img { margin: 0 auto; } .section-demo .section-contact ul { list-style: none; padding-left: 0 !important; margin-left: 0 !important; } @media (max-width: 768px) { .section-demo .content_row { display: block; } .section-demo .mid-content { min-height: 90px; } .section-demo.demo-hero { padding-top: 170px !important; } } .section--event-scripts { height: 1020px; } .section--event-scripts .shell { height: 100%; } .hopin-container { height: 92%; } @media (max-width: 1023px) { .section--event-scripts { height: 1310px; } .section--event-scripts .shell { height: 100%; } .hopin-container { height: 90%; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section--event-scripts { height: 1620px; } .section--event-scripts .shell { height: 100%; } .hopin-container { height: 92%; } } /* ------------------------------------------------------------ *\ events \* ------------------------------------------------------------ */ .event { margin-bottom: 30px; } .event:last-child { margin-bottom: 0; } .event .event__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .event .event__image { width: 53.242%; position: relative; padding-bottom: 35.834%; border-radius: 6px; } .event .event__image a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; font-size: 0; line-height: 0; text-indent: -4004px; } .event .event__image img { border-radius: 6px; } .event .event__content { width: 46.75%; padding: 63px; } .event .event__content:only-child { width: 100%; padding-left: 0; } .event .event__content:only-child .event__content-inner { max-width: 100%; } .event .event__content-inner { max-width: 416px; } .event .event__title { font-weight: 700; font-size: 26px; color: #1D1F22; line-height: 1.31; margin-bottom: 10px; } .event .event__title a { display: block; text-decoration: none; } .event .event__title a:hover { color: #0039FF; } .event .event__meta { margin-bottom: 30px; } .event .event__meta ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 18px; color: #1D1F22; letter-spacing: 0; line-height: 1.61; } .event .event__meta li { padding-right: 10px; } .event .event__meta strong { font-weight: 600; } .event .event__date { margin-bottom: 6px; } .event .event__date p { font-weight: 700; font-size: 14px; color: #275fcc; letter-spacing: 1.5px; text-transform: uppercase; } .event .event__entry { opacity: 0.5; font-size: 18px; color: #000; line-height: 1.5; margin-bottom: 10px; } .event .event__actions .btn { padding: 15px; min-width: 168px; } .event .event__actions .link-more { color: #1D1F22; margin-top: 10px; } .section-events .no-resources { padding-bottom: 60px; } /* Tablet Portrait */ @media (max-width: 1023px) { .event .event__content { padding: 20px 0 20px 40px; } .event .event__image { padding-bottom: 33.1%; } .event .event__title { max-width: 100%; } } @media (max-width: 920px) { .event .event__entry { font-size: 16px; color: #6f7071; line-height: 1.63; opacity: 1; margin-bottom: 7px; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .event { margin-bottom: 50px; } .event .event__image { width: 100%; padding-bottom: 67.2%; margin-bottom: 20px; } .event .event__content { width: 100%; padding: 0 10px; } .event .event__content-inner { max-width: 100%; } .event .event__title { font-size: 18px; letter-spacing: 0; line-height: 1.5; margin-bottom: 4px; } .event .event__entry { font-size: 16px; color: #6f7071; line-height: 1.63; opacity: 1; margin-bottom: 7px; } .event .event__meta { margin-bottom: 24px; } .event .event__meta ul { font-size: 16px; color: #1d1f22; } .event .event__actions .btn { min-width: 156px; padding: 13px; } .event .event__date p { font-size: 12px; letter-spacing: 1.29px; } .event .event__actions .link-more { font-size: 14px; } } .page-template-events-v2 .articles { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-bottom: 0px; } .event--card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; padding: 0 32px 0 0; } .event--card a { text-decoration: none; } .event--card a:hover .event__thumbnail img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } @media (max-width: 1023px) { .page-template-events-v2 .articles { margin-bottom: 0px; } .article--events { width: 50%; } .event--card { margin-bottom: 30px !important; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .article--events { width: 100%; } } .event--card .event__date { position: absolute; top: 16px; left: 16px; background-color: #EDF925; color: black; font-size: 14px; line-height: 19px; font-weight: 700; padding: 3px 10px; border-radius: 6px; z-index: 99; text-transform: uppercase; margin-bottom: 0; } .event--card .event__thumbnail { border-radius: 6px; overflow: hidden; height: 212px; background-color: #0039FF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } .event--card .event__thumbnail img { width: 100%; height: 100%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .event--background .event__thumbnail img { -o-object-fit: contain; object-fit: contain; max-width: 90%; max-height: 90%; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .event--background a:hover .event__thumbnail img { -webkit-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); } .event--card .event__thumbnail .attachment-logo { max-height: 50px; width: auto; } .event--card .event__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 14px; font-weight: 700; line-height: 19px; color: #0039FF; margin-bottom: 19px; } @media screen and (max-width: 319px) { .event--card .event__info { font-size: 12px; } } .event--card .event__type { margin-left: auto; font-size: 12px; line-height: 20px; font-weight: 500; color: #0039FF; border-radius: 2px; background-color: #e2f2ff; padding: 0 7px; white-space: nowrap; max-height: 1.5rem; } @media screen and (max-width: 319px) { .event--card .event__info { font-size: 12px; } } .event--card .event__content { width: 100%; padding: 24px 0 0; color: #6f7071; font-size: 16px; margin-bottom: 0; } .event--card .event__title { font-size: 19px; color: #33373d; margin-bottom: 0; } .event--card p { line-height: 22px; } /* ------------------------------------------------------------ *\ features \* ------------------------------------------------------------ */ .feature { visibility: hidden; opacity: 0; -webkit-transform: translateY(60px); -ms-transform: translateY(60px); transform: translateY(60px); -webkit-transition: all .8s; transition: all .8s; overflow: hidden; } .feature.animated { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .features { margin: 0 -40px; border-radius: 4px; } .feature { margin-bottom: 40px; border-radius: 4px; color: #fff; } .feature:last-child { margin-bottom: 0; } .feature .feature__video-holder { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 4px; overflow: hidden; } .feature .feature__video, .feature .feature__video iframe { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 115%; height: 115%; border-radius: 4px; } .feature .feature__bg { border-radius: 4px; } .feature .feature__inner { position: relative; z-index: 19; padding: 75px 0 68px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; min-height: 600px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .feature .feature__icon { max-width: 81px; margin-bottom: 20px; } .feature .feature__image { width: 52.9%; position: relative; } .feature .feature__content { width: 47.1%; padding-left: 100px; padding-top: 20px; position: relative; z-index: 19; } .feature .feature__content:only-child { padding-top: 0; } .feature .feature__content-inner { max-width: 422px; } .feature.feature--reversed .feature__content { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .feature h2 { font-weight: 700; font-size: 42px; line-height: 1.24; margin-bottom: 20px; color: #fff; } .feature p { font-weight: 400; font-size: 20px; color: #B2B3B4; line-height: 1.5; } /* video bg */ .feature__video-background { width: 100%; max-width: none; height: 100%; position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; border-radius: 6px; } /* tablet frame */ .feature--tablet .feature__image { width: 530px; margin-left: 70px; } .feature--tablet .feature__image .feature__tablet-frame { background: url(../images/tablet-frame-new.png) no-repeat 0 0; width: 100%; height: 362px; background-size: cover; background-position: center; position: relative; border-radius: 12px; } .feature--tablet .feature__image .feature__video-in { width: calc(100% - 14px); max-width: none; height: calc(100% - 24px); position: absolute; top: 12px; left: 7px; -o-object-fit: cover; object-fit: cover; border-radius: 30px; -webkit-border-radius: 12px; } .feature--tablet .feature__content { width: calc(100% - 600px); padding-left: 80px; } /* laptop frame */ .feature--laptop .feature__image { width: 543px; margin-right: 40px; } .feature--laptop .feature__content { width: calc(100% - 583px); } .feature--laptop .feature__image .feature__laptop-frame { background: url(../images/laptop-frame.png) no-repeat 0 0; height: 400px; background-size: contain; background-position: center; position: relative; } .feature--laptop .feature__image .feature__video-in { width: calc(100% - 24px); height: 344px; position: absolute; top: 14px; left: 12px; -o-object-fit: cover; object-fit: cover; background-color: #000; } /* Small Desktop */ @media (max-width: 1240px) { .features { margin: 0; } .feature h2 { font-size: 38px; line-height: 1.37; } .feature p { font-size: 18px; } .feature .feature__inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .feature .feature__content { padding-right: 30px; padding-left: 80px; } .feature.feature--reversed .feature__content { padding-left: 40px; padding-right: 20px; padding-top: 0; } .feature--tablet .feature__image { width: 420px; margin-left: 50px; } .feature--tablet .feature__image .feature__tablet-frame { height: 285px; } .feature--tablet .feature__image .feature__video-in { height: calc(100% - 20px); top: 10px; } .feature--tablet .feature__content { width: calc(100% - 470px); } .feature--laptop .feature__image { width: 430px; margin-right: 20px; } .feature--laptop .feature__image .feature__laptop-frame { height: 317px; } .feature--laptop .feature__image .feature__video-in { top: 14px; left: 12px; height: 267px; } .feature--laptop .feature__content { width: calc(100% - 450px); } } /* Tablet Portrait */ @media (max-width: 1023px) { .feature { margin-bottom: 30px; } .feature .feature__content { width: 55%; } .feature .feature__image { width: 45%; } .feature .feature__video-holder { display: none; } .feature .feature__video-holder .feature__video-bg { display: block; } .feature--tablet .feature__image { width: 320px; margin-left: 30px; } .feature--tablet .feature__content { width: calc(100% - 350px); } .feature--tablet .feature__image .feature__tablet-frame { height: 218px; } .feature--tablet .feature__image .feature__video-in { width: calc(100% - 14px); left: 7px; height: calc(100% - 16px); top: 8px; border-radius: 10px; } .feature--laptop .feature__image { width: 320px; } .feature--laptop .feature__image .feature__laptop-frame { height: 240px; } .feature--laptop .feature__content { width: calc(100% - 340px); } .feature--laptop .feature__image .feature__video-in { top: 12px; left: 12px; height: 197px; } } @media(max-width: 920px){ .feature .feature__content { padding-left: 50px; } .feature h2 { line-height: 1; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .feature .feature__inner { padding: 29px 0; min-height: 520px; } .feature .feature__content { padding: 0 16px; width: 100%; padding-bottom: 25px; } .feature.feature--reversed .feature__content { padding: 0 16px; } .feature .feature__icon { max-width: 70px; margin-bottom: 20px; } .feature h2 { font-weight: 700; font-size: 24px; line-height: 1.33; margin-bottom: 12px; } .feature p { font-size: 16px; color: #B2B3B4; letter-spacing: 0; line-height: 1.44; } .feature .feature__image { width: 100%; max-width: 88%; margin-left: auto; } .feature .feature__image img { width: 100%; } .feature.feature--reversed .feature__content { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .feature.feature--reversed .feature__image { margin-left: 0; } .feature .feature__content-inner { max-width: 100%; } .feature--tablet .feature__image { width: 300px; margin: 0 auto; } .feature--tablet .feature__image .feature__tablet-frame { height: 204px; } .feature--tablet .feature__image .feature__video-in { top: 8px; left: 5px; width: calc(100% - 10px); height: calc(100% - 16px); border-radius: 8px; } .feature--tablet.feature--reversed .feature__content { padding-bottom: 20px; } .feature.feature--reversed.feature--tablet .feature__image { margin: 0 auto; } .feature--laptop .feature__image { position: relative; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); width: 300px; min-width: 300px; margin: 0 auto; } .feature--laptop .feature__image .feature__laptop-frame { height: 225px; } .feature--laptop .feature__image .feature__video-in { top: 10px; left: 10px; height: 188px; width: calc(100% - 20px); } } @media(max-width: 374px){ .feature--tablet .feature__image .feature__tablet-frame { height: 170px; } .feature--laptop .feature__image { -webkit-transform: scale(.8); -ms-transform: scale(.8); transform: scale(.8); right: 10px; } } /* ------------------------------------------------------------ *\ # Footer \* ------------------------------------------------------------ */ .footer { width: 100%; } .footer .footer__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 35px 0px; } .footer .footer__aside { width: 190px; } .footer .footer__nav { width: calc(100% - 190px); } .footer .address { opacity: 0.85; font-weight: 600; font-size: 14px; color: #222528; letter-spacing: 0; line-height: 1.71; padding-top: 40px; } .footer .mobile-apps-icons { margin-top: 40px; margin-bottom: -10px; } .footer .mobile-apps-icons a { display: inline-block; } .footer .mobile-apps-icons img { max-width: 144px; height: auto; margin-bottom: 10px; } .footer .footer__nav > .menu { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer .footer__nav > .menu > li { width: 180px; } .footer .footer__nav > .menu > li:last-child { width: auto; } .footer .footer__nav > .menu > li > a { text-decoration: none; font-weight: 700; font-size: 12px; color: #0039FF; letter-spacing: 1.71px; text-transform: uppercase; margin-bottom: 13px; display: inline-block; pointer-events: none; } .footer .footer__nav > .menu > li .sub-menu li.menu-item-pill a { color: #4AB543; border: 2px solid #4AB543; border-radius: 99em; font-weight: 700; font-size: 12px; text-align: center; letter-spacing: 1.17px; text-align: center; text-transform: uppercase; padding: 8px 15px; display: block; } .footer .footer__nav > .menu > li .sub-menu li.menu-item-pill a:hover { background-color: #4AB543; color: #fff; } .footer .footer__nav > .menu .sub-menu li { margin-bottom: 14px; } .footer .footer__nav > .menu .sub-menu a { opacity: 0.85; font-size: 14px; color: #222528; letter-spacing: 0; display: inline-block; text-decoration: none; } .footer .footer__nav > .menu .sub-menu a:hover { color: #0039FF; } .footer .footer__bar { border-top: 1px solid #E6E6E6; padding: 20px 0 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer .footer__bar-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer .footer__bar-content ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; list-style: none; opacity: 0.87; font-size: 14px; color: #222528; letter-spacing: 0; padding-left: 17px; } .footer .footer__bar-content ul li { padding: 0 11px; } .footer .footer__bar-content ul a { text-decoration: none; } .footer .footer__bar-content ul a:hover { color: #0039FF; } .footer .footer__bar .address { display: none; } .footer .footer__bar .mobile-apps-icons { display: none; } /* Small Desktop */ @media (max-width: 1240px) { .footer .footer__nav > .menu > li { width: 160px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .footer { padding-bottom: 53px; } .footer .footer__aside { width: 100%; padding-bottom: 20px; } .footer .footer__aside .address { display: none; } .footer .footer__aside .mobile-apps-icons { display: none; } .footer .footer__bar .address { display: block; font-size: 16px; line-height: 1.3; width: 100%; padding-bottom: 25px; padding-top: 0; } .footer .footer__bar .mobile-apps-icons { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px 5px; } .footer .footer__bar .mobile-apps-icons a { -webkit-box-flex: 0; -ms-flex: 0 0 144px; flex: 0 0 144px; padding: 0 10px; } .footer .footer__bar .mobile-apps-icons img { width: 100%; height:auto; } .footer .footer__bar .mobile-apps-icons a.google-icon { width: 160px; -webkit-box-flex: 0; -ms-flex: 0 0 160px; flex: 0 0 160px; } .footer .footer__bar { padding: 0; border: none; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer .footer__inner { padding: 50px 0 15px; } .footer .footer__nav { width: 100%; } .footer .footer__nav > .menu { display: block; } .footer .footer__nav > .menu > li { width: 100%; } .footer .footer__nav > .menu > li { border-bottom: 1px solid rgba(29,31,34,.1); } .footer .footer__nav > .menu > li:last-child { border: none; } .footer .footer__nav > .menu > li > a { width: 100%; font-weight: 700; font-size: 14px; color: #0039FF; letter-spacing: 2px; color: #0039FF; letter-spacing: 1.71px; padding: 27px 0; position: relative; margin-bottom: 0; pointer-events: auto; } .footer .footer__nav > .menu > li > a:after { content: ''; background: url(../images/arrow-down-blue.svg) no-repeat 0 0; width: 12px; height: 7px; background-size: contain; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .4s; transition: all .4s; } .footer .footer__nav > .menu > li > a.active:after { -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .footer .footer__nav > .menu > li .sub-menu li.menu-item-pill a { display: inline-block; } .footer .footer__nav > .menu .sub-menu { display: none; } .footer .footer__nav > .menu .sub-menu li { margin-bottom: 27px; } .footer .footer__nav > .menu .sub-menu a { opacity: 0.85; font-size: 14px; color: #222528; letter-spacing: 0; } .footer .footer__bar-content { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; display: block; } .footer .footer__bar-content ul { padding-left: 0; opacity: 0.87; font-size: 16px; color: #222528; letter-spacing: 0; line-height: 1.36; padding-top: 10px; } .footer .footer__bar-content ul li { padding-left: 0; padding-right: 21px; } .footer .socials { padding-bottom: 25px; } .footer .footer__bar-content { width: 100%; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .footer .shell { padding: 0 30px; } .footer .footer__inner { padding: 30px 0 15px; } .footer .footer__nav > .menu > li > a { font-size: 12px; letter-spacing: 1.71px; padding: 25px 0; } .footer .socials { padding-bottom: 15px; } .footer .footer__bar .address { display: block; width: 100%; margin: 0; padding: 0; opacity: 0.85; font-weight: 600; font-size: 14px; color: #222528; line-height: 1.57; padding-bottom: 15px; } .footer .footer__bar-content ul { font-size: 14px; padding-top: 4px; } .footer .footer__bar-content ul li { padding-right: 13px; } } /* ------------------------------------------------------------ *\ # Form \* ------------------------------------------------------------ */ input::-webkit-input-placeholder { color: inherit; opacity: 1; } input::-moz-placeholder { color: inherit; opacity: 1; } input:-ms-input-placeholder { color: inherit; opacity: 1; } input::-ms-input-placeholder { color: inherit; opacity: 1; } input::placeholder { color: inherit; opacity: 1; } textarea::-webkit-input-placeholder { color: inherit; opacity: 1; } textarea::-moz-placeholder { color: inherit; opacity: 1; } textarea:-ms-input-placeholder { color: inherit; opacity: 1; } textarea::-ms-input-placeholder { color: inherit; opacity: 1; } textarea::placeholder { color: inherit; opacity: 1; } input:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0 1000px #fff inset; } input[type=text], input[type=button], input[type=tel], input[type=email], input[type=submit], input[type=date], input[type=search], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; } /*remove comment to hide arrow in IE11*/ /*select::-ms-expand { display: none; }*/ /* ------------------------------------------------------------ *\ Gravity Forms Reset \* ------------------------------------------------------------ */ /* Gform Reset*/ .gform_wrapper.gform_wrapper, .gform_wrapper.gform_wrapper .gform_heading, .gform_wrapper.gform_wrapper .gform_heading .gform_title, .gform_wrapper.gform_wrapper .gform_body, .gform_wrapper.gform_wrapper .gform_footer, .gform_wrapper.gform_wrapper .gform_footer input.button, .gform_wrapper.gform_wrapper .gform_footer input[type=submit], .gform_wrapper.gform_wrapper .gform_page_footer input.button, .gform_wrapper.gform_wrapper .gform_page_footer input[type=submit], .gform_wrapper.gform_wrapper.gf_browser_ie .gform_footer input.button, .gform_wrapper .gform_body .gform_fields .gfield, .gform_wrapper .gform_body .gform_fields .gfield .gfield_label, .gform_wrapper .gform_body .gform_fields ul.gfield_checkbox li label, .gform_wrapper .gform_body .gform_fields ul.gfield_radio li label, .gform_wrapper .gform_body .gform_fields .gfield .ginput_container, .gform_wrapper .gform_body .gform_fields .gfield .ginput_container textarea, .gform_wrapper .gform_body .gform_fields .gfield .ginput_container select, .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper .gform_body .gform_fields .gfield .gfield_description { padding: 0; margin: 0; } .gform_wrapper .gform_footer { position: relative; } .gform_wrapper .gform_footer .gform_ajax_spinner { position: absolute; top: 50%; padding: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .gform_wrapper .gform_body .gform_fields { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .gform_wrapper .gform_body .gform_fields .gfield, .gform_wrapper.gform_wrapper.gform_wrapper.gform_validation_error .gform_body .gform_fields .gfield.gfield_error { width: 100%; max-width: 100% !important; margin-bottom: 0 !important; margin-top: 0 !important; border: 0; background-color: transparent; } .gform_wrapper .gform_body .gform_fields .gfield--medium, .gform_wrapper.gform_wrapper.gform_wrapper.gform_validation_error .gform_body .gform_fields .gfield--medium.gfield_error { width: 50%; max-width: 50%; } .gform_wrapper .gform_body .gform_fields .gfield--small, .gform_wrapper.gform_wrapper.gform_wrapper.gform_validation_error .gform_body .gform_fields .gfield--small.gfield_error { width: 33.33%; max-width: 33.33%; } /* reset base fields to 100%*/ .gform_wrapper .gform_body .gform_fields .gfield--address, .gform_wrapper .gform_body .gform_fields .gfield--name, .gform_wrapper .gform_body .gform_fields .gfield--date, .gform_wrapper .gform_body .gform_fields .gfield--rangeslider, .gform_wrapper .gform_body .gform_fields .gfield--consent, .gform_wrapper .gform_body .gform_fields .gfield--section, .gform_wrapper .gform_body .gform_fields .gfield--html, .gform_wrapper .gform_body .gform_fields .gfield--checkbox, .gform_wrapper .gform_body .gform_fields .gfield--radio, .gform_wrapper .gform_body .gform_fields .gfield--large, .gform_wrapper .gform_body .gform_fields .gfield--fileupload, .gform_wrapper.gform_wrapper.gform_wrapper.gform_validation_error .gform_body .gform_fields .gfield--address.gfield_error, .gform_wrapper.gform_wrapper.gform_wrapper.gform_validation_error .gform_body .gform_fields .gfield--name.gfield_error, .gform_wrapper.gform_wrapper.gform_wrapper.gform_validation_error .gform_body .gform_fields .gfield--date.gfield_error, .gform_wrapper.gform_wrapper.gform_wrapper.gform_validation_error .gform_body .gform_fields .gfield--rangeslider.gfield_error, .gform_wrapper.gform_wrapper.gform_wrapper.gform_validation_error .gform_body .gform_fields .gfield--consent.gfield_error, .gform_wrapper.gform_wrapper.gform_wrapper.gform_validation_error .gform_body .gform_fields .gfield--section.gfield_error, .gform_wrapper.gform_wrapper.gform_wrapper.gform_validation_error .gform_body .gform_fields .gfield--html.gfield_error, .gform_wrapper.gform_wrapper.gform_wrapper.gform_validation_error .gform_body .gform_fields .gfield--checkbox.gfield_error, .gform_wrapper.gform_wrapper.gform_wrapper.gform_validation_error .gform_body .gform_fields .gfield--radio.gfield_error, .gform_wrapper.gform_wrapper.gform_wrapper.gform_validation_error .gform_body .gform_fields .gfield--fileupload.gfield_error, .gform_wrapper.gform_wrapper.gform_wrapper.gform_validation_error .gform_body .gform_fields .gfield--large.gfield_error { width: 100%; max-width: 100%; } .gform_wrapper.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label { margin-top: 0; } .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_footer input.button, .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_footer input[type=submit], .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_page_footer input.button, .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_page_footer input[type=submit] { line-height: initial; min-height: initial; width: auto; } /* ------------------------------------------------------------ *\ Gravity Forms Deafult Style \* ------------------------------------------------------------ */ /* Base */ /* Fields */ .gform_wrapper .gform_body .gform_fields { margin: 0 -15px !important; } .gform_wrapper .gform_body .gform_fields .gfield, .gform_wrapper.gform_wrapper.gform_wrapper.gform_validation_error .gform_body .gform_fields .gfield.gfield_error { padding: 0 15px; margin-bottom: 20px !important; } .gform_wrapper .gform_body .gform_fields .gfield .ginput_container textarea, .gform_wrapper .gform_body .gform_fields .gfield .ginput_container select, .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { width: 100%; height: 40px; padding: 0 15px; border: 1px solid grey; border-radius: 0; font-weight: inherit; } .gform_wrapper .gform_body .gform_fields .gfield .ginput_container textarea { height: 200px; resize: vertical; padding: 15px; } .gform_wrapper .gform_body .gform_fields .gfield .ginput_container select { padding: 0 15px; } .gform_wrapper .gform_body .gform_fields .gfield .ginput_container select[multiple="multiple"] { padding: 15px; } /* Checkbox and Radio */ .gform_wrapper .gform_body .gform_fields ul.gfield_checkbox li input[type=checkbox], .gform_wrapper .gform_body .gform_fields ul.gfield_radio li input[type=radio] { display: none; } .gform_wrapper .gform_body .gform_fields ul.gfield_checkbox li label, .gform_wrapper .gform_body .gform_fields ul.gfield_radio li label { position: relative; padding-left: 20px; } .gform_wrapper .gform_body .gform_fields ul.gfield_checkbox li label:before, .gform_wrapper .gform_body .gform_fields ul.gfield_checkbox li label:after, .gform_wrapper .gform_body .gform_fields ul.gfield_radio li label:before, .gform_wrapper .gform_body .gform_fields ul.gfield_radio li label:after { content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; } .gform_wrapper .gform_body .gform_fields ul.gfield_checkbox li label:before, .gform_wrapper .gform_body .gform_fields ul.gfield_radio li label:before { width: 14px; height: 14px; border: 1px solid grey; } .gform_wrapper .gform_body .gform_fields ul.gfield_checkbox li label:after, .gform_wrapper .gform_body .gform_fields ul.gfield_radio li label:after { display: none; } .gform_wrapper .gform_body .gform_fields ul.gfield_checkbox li input:checked + label, .gform_wrapper .gform_body .gform_fields ul.gfield_radio li input:checked + label { font-weight: 400; } .gform_wrapper .gform_body .gform_fields ul.gfield_checkbox li input:checked + label:after, .gform_wrapper .gform_body .gform_fields ul.gfield_radio li input:checked + label:after { display: block; } .gform_wrapper .gform_body .gform_fields ul.gfield_radio li label:before, .gform_wrapper .gform_body .gform_fields ul.gfield_radio li label:after { border-radius: 100%; } .gform_wrapper .gform_body .gform_fields ul.gfield_radio li label:after, .gform_wrapper .gform_body .gform_fields ul.gfield_checkbox li label:after { left: 2px; width: 10px; height: 10px; background: grey; } .gform_wrapper .gform_body .gform_fields ul.gfield_radio li label:after { border-radius: 100%; } /* Datepicker */ .ui-datepicker { display: none; } .ui-datepicker select { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0 5px; border: 0; background: transparent; } .ui-datepicker select::-ms-expand { display: none; } .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev { position: relative; background: transparent; } .ui-datepicker .ui-datepicker-next:before, .ui-datepicker .ui-datepicker-prev:before { content: ''; position: absolute; top: 50%; left: 50%; border: solid; border-width: 5px 5px 0; border-color: #fff transparent transparent; } .ui-datepicker .ui-datepicker-prev:before { -webkit-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } .ui-datepicker .ui-datepicker-next:before { -webkit-transform: translate(-50%, -50%) rotate(-90deg); -ms-transform: translate(-50%, -50%) rotate(-90deg); transform: translate(-50%, -50%) rotate(-90deg); } .ui-datepicker .ui-datepicker-header { background: blue; } .ui-datepicker .ui-datepicker-calendar thead, .ui-datepicker .ui-datepicker-calendar tbody td, .ui-datepicker .ui-datepicker-calendar .ui-state-default { background: #fff; text-shadow: none !important; -webkit-box-shadow: none; box-shadow: none; } .ui-datepicker .ui-datepicker-calendar .ui-state-default:hover { background: blue; color: #fff; } .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today .ui-state-default { background: gray !important; color: #fff !important; } .ui-datepicker .ui-datepicker-calendar .ui-state-active { border: 0; background: blue; color: #fff; margin: 0; } /* Footer */ /* Spinner */ /* Error States */ .gform_wrapper.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning, .gform_wrapper.gform_wrapper div.validation_error { border-color: red; background-color: transparent; } .gform_wrapper.gform_wrapper .gfield_error .gfield_label, .gform_wrapper.gform_wrapper .validation_message, .gform_wrapper.gform_wrapper div.validation_error, .gform_wrapper.gform_wrapper li.gfield_error div.ginput_complex.ginput_container label, .gform_wrapper.gform_wrapper li.gfield_error ul.gfield_checkbox, .gform_wrapper.gform_wrapper li.gfield_error ul.gfield_radio, .gform_wrapper.gform_wrapper .gfield_required { color: red; } .gform_wrapper.gform_wrapper div.validation_error{ display: none; } /* Confirmation */ .gform_confirmation_wrapper .gform_confirmation_message { text-align: center; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape){ .gform_wrapper .gform_body .gform_fields .gfield--medium, .gform_wrapper.gform_wrapper.gform_wrapper.gform_validation_error .gform_body .gform_fields .gfield--medium.gfield_error { width: 100%; } } /* ------------------------------------------------------------ *\ default styles \* ------------------------------------------------------------ */ .gform_wrapper.gform_wrapper { background-color: #0039FF; border-radius: 6px; padding: 30px 30px 40px 30px; } .gform_wrapper.gform_wrapper form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .gform_wrapper.gform_wrapper .gform_heading { color: #fff; text-align: center; margin-bottom: 10px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .gform_wrapper.gform_wrapper .gform_heading .gform_title { font-weight: 700; font-size: 26px; line-height: 2.04; } .gform_wrapper.gform_wrapper .gform_body { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .gform_wrapper.gform_wrapper .gform_body .gform_fields { list-style: none; } .gform_wrapper.gform_wrapper .gform_body .gform_fields .gfield .gfield_label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; } .gform_wrapper.gform_wrapper .gform_body .gform_fields .gfield .ginput_container input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) { font-weight: 500; font-size: 16px; color: rgba(29,31,34,.5); letter-spacing: 0; line-height: 31px; border: none; border-radius: 3px; height: 50px; line-height: 50px; padding: 0 20px; -webkit-transition: all .3s; transition: all .3s; } .gform_wrapper.gform_wrapper .gform_body .gform_fields .gfield .ginput_container input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):focus { color: #1D1F22; } .gform_wrapper.gform_wrapper .gform_body .gform_fields, .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_validation_error .gform_body .gform_fields { margin: 0 -5px !important; } .gform_wrapper.gform_wrapper .gform_body .gform_fields .gfield, .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_validation_error .gform_body .gform_fields .gfield.gfield_error { margin-bottom: 10px !important; padding: 0 5px !important; } .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_footer { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_footer { text-align: center; margin-top: 14px; } .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_footer input.button, .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_footer input[type="submit"] { border-radius: 99em; border: 2px solid #EDF925; font-weight: 700; font-size: 14px; color: #fff; letter-spacing: 1.17px; text-align: center; text-transform: uppercase; padding: 15px; background-color: #EDF925; color: #1D1F22; min-width: 195px; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: all .4s; transition: all .4s; } .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_footer input.button:hover, .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_footer input[type="submit"]:hover { background-color: #d6be42; border-color: #d6be42; } .gform_wrapper.gform_wrapper .gform_body .gform_fields .gfield.gfield_error .ginput_container textarea, .gform_wrapper.gform_wrapper .gform_body .gform_fields .gfield.gfield_error .ginput_container input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) { color: #E94646; } .gform_wrapper.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description.validation_message { display: none; } .gform_wrapper.gform_wrapper .gform_footer .gform_ajax_spinner { width: 35px; height: 35px; left: 50%; top: auto; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); bottom: -35px; } .gform_wrapper.gform_wrapper.gform_wrapper div.validation_error { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; display: block; padding: 0; margin: 0; border: none; color: #fff; font-size: 16px; font-weight: 500; padding: 15px 0 10px; } /* Tablet Portrait */ /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .gform_wrapper.gform_wrapper { padding: 30px 20px 40px; margin: 0; } .gform_wrapper.gform_wrapper .gform_heading { margin-bottom: 20px; } .gform_wrapper.gform_wrapper .gform_heading .gform_title { font-size: 20px; line-height: 1.2; } .gform_wrapper.gform_wrapper .gform_body .gform_fields .gfield .ginput_container textarea, .gform_wrapper.gform_wrapper .gform_body .gform_fields .gfield .ginput_container input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) { font-size: 14px; } .gform_wrapper.gform_wrapper.gform_wrapper div.validation_error { font-size: 14px; } .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_footer input.button, .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_footer input[type="submit"] { font-size: 12px; min-width: 194px; padding: 13px; } .gform_wrapper.gform_wrapper.gform_wrapper div.validation_error { padding: 5px 0 0 0; } } /* ------------------------------------------------------------ *\ founders \* ------------------------------------------------------------ */ .founders { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -16px; } .founder { width: 33.33%; padding: 0 16px; } .founder .founder__inner { background-color: #fff; height: 100%; border-radius: 6px; padding: 40px; } .founder .founder__name { margin-bottom: 14px; } .founder .founder__name h5 { font-size: 18px; color: #275FCC; line-height: 1.44; } .founder .founder__entry { margin-bottom: 25px; padding-right: 10px; } .founder .founder__entry p { font-size: 16px; color: #6F7071; letter-spacing: 0; line-height: 1.5; } .founder .founder__socials ul { list-style: none; } .founder .founder__socials ul a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; font-weight: 400; font-size: 16px; color: #275FCC; letter-spacing: 0; } .founder .founder__socials ul svg { height: 22px; margin-right: 7px; } .founder .founder__socials ul svg path { fill: #0039FF; } /* Tablet Portrait */ @media (max-width: 1023px) { .founders { margin: 0 -8px; } .founder { padding: 0 8px; } .founder .founder__inner { padding: 30px; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .founder { width: 100%; margin-bottom: 30px; } .founder:last-child { margin-bottom: 0; } .founder .founder__inner { padding: 30px; } .founder .founder__name { margin-bottom: 10px; } .founder .founder__name h5 { font-size: 16px; line-height: 1.63; margin-bottom: 0; } .founder .founder__entry { padding-right: 0; margin-bottom: 20px; } .founder .founder__entry p { font-size: 14px; line-height: 1.71; } .founder .founder__socials ul a { font-size: 14px; } .founder .founder__socials ul i { font-size: 20px; } } /* ------------------------------------------------------------ *\ # Header \* ------------------------------------------------------------ */ body.loaded .header { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .header { width: 100%; position: fixed; z-index: 900; top: 0; left: 0; -webkit-transition: all .4s; transition: all .4s; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); border-bottom: 1px solid transparent; } .header .header__banner { background-color: #33373D; text-align: center; color: #fff; padding: 10px 0 12px; } .header .header__banner a { text-decoration: none; } .header .header__banner a:hover { color: #fff !important; } .header .header__banner strong { font-weight: 600; } .header .header__banner * { line-height: 140%; } .header .header__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .header .header__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% - 130px); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header .header__aside { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header .header__bar { width: 130px; } .header .header__top { border-bottom: 1px solid rgba(255, 255, 255, .125); display: -webkit-box; display: -ms-flexbox; display: flex; height: 54px; position: relative; -webkit-transition: border-color .4s; transition: border-color .4s; z-index: 5; } .header .header__top .header__inner { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .header .header__top .nav>.menu>li.menu-item-has-children .sub-menu { left: unset; right: 0; } .header .header__bottom .header__inner { padding: 20px 0; } .header .header__sign-in { position: relative; padding: 10px 0; } .header .header__sign-in:hover .nav-utilities { opacity: 1; pointer-events: auto; } .header .btn { font-weight: 700; font-size: 12px; letter-spacing: 1px; text-align: center; min-width: 160px; padding: 13px; margin-left: 20px; } .header .nav-trigger span { -webkit-transition: all .4s; transition: all .4s; } /* fixed */ .header.fixed { background-color: #fff; border-color: #E6E6E6; } .header.fixed .logo #logo-color { fill: #0039FF; } .header.fixed .nav>.menu { color: #1D1F22; } .header .nav>.menu svg { fill: #fff; } .header.fixed .nav>.menu svg { fill: #1D1F22; } .header.fixed .nav>.menu>li.menu-item-has-children>a:before { content: ''; position: absolute; top: 14px; right: 0; background: url(../images/arrow-small-down-dark.svg) no-repeat 0 0; width: 9px; height: 6px; display: inline-block; -webkit-transition: all .4s; transition: all .4s; } .header.fixed .header__top { border-color: rgba(0, 0, 0, .125) !important; } .header.fixed .link-sign-in { color: #1D1F22; } .header.fixed .btn { background-color: #0039FF; border-color: #0039FF; } .header.fixed .btn:hover { background-color: #2859b7; color: #fff; } .header.fixed .nav-trigger span { background-color: #0039FF; } /* dark */ .header--dark { border-bottom: 1px solid #E6E6E6; } .header--dark .logo #logo-color { fill: #0039FF; } .header--dark .nav>.menu { color: #1D1F22; } .header--dark .nav>.menu svg { fill: #1D1F22; } .header--dark .nav>.menu>li.menu-item-has-children>a:before { content: ''; position: absolute; top: 14px; right: 0; background: url(../images/arrow-small-down-dark.svg) no-repeat 0 0; width: 9px; height: 6px; display: inline-block; -webkit-transition: all .4s; transition: all .4s; } .header--dark .header__top { border-color: #E6E6E6; } .header--dark .link-sign-in { color: #1D1F22; } .header--dark .btn { background-color: #0039FF; border-color: #0039FF; } .header--dark .btn:hover { background-color: #2859b7; color: #fff; } .header--dark .nav-trigger span { background-color: #0039FF; } /* active */ body.has-open-menu { overflow: hidden; } body.has-open-menu .logo #logo-color { fill: #0039FF; } body.has-open-menu .header { background-color: #fff; height: 100%; } body.has-open-menu .header .header__content { opacity: 1; pointer-events: auto; } /* Small Desktop */ @media (max-width: 1240px) { .header .btn { margin-left: 10px; } .header--dark .nav>.menu>li.menu-item-has-children>a:before { top: 12px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .header { padding: 0; } .header .header__content { position: fixed; top: 160px; left: 0; width: 100%; height: calc(100% - 160px); background-color: #fff; padding: 10px 62px 40px; display: block; border-top: 1px solid rgba(29, 31, 34, .1); -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; overflow: auto; opacity: 0; -webkit-transition: opacity .4s; transition: opacity .4s; pointer-events: none; } .header .header__bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 15px 0; width: 100%; } .header .header__bottom .header__inner { padding: 0; } .header .header__aside { width: 100%; margin: 0 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 0; padding-bottom: 30px; } .header .header__aside .btn { background-color: #0039FF; padding: 15px 40px; margin: 0 0 20px; } .header--dark .nav>.menu>li.menu-item-has-children>a::before, .header.fixed .nav>.menu>li.menu-item-has-children>a:before { top: 14px; right: 0; background: url(../images/arrow-small-down-dark.svg) no-repeat 0 0; width: 9px; height: 6px; } body.header-has-banner .header .header__content { top: 186px; height: calc(100% - 186px); } .header .header__sign-in { width: 100%; border-top: 1px solid rgba(29, 31, 34, .1); padding: 0; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .header .header__bar { padding: 10px 0; } .header .header__content { padding: 10px 30px 40px; top: 160px; height: calc(100% - 160px); } .header .header__banner { padding: 10px 15px 12px; } .header .header__banner * { font-size: 15px; } body.header-has-banner .header .header__content { top: 186px; height: calc(100% - 186px); } } @media(max-width: 374px) { .header .header__banner * { font-size: 13px; } body.header-has-banner .header .header__content { top: 170px; height: calc(100% - 170px); } } /* ------------------------------------------------------------ *\ - Admin Bar (if header is fixed) \* ------------------------------------------------------------ */ body.admin-bar .header { margin-top: 32px; } @media (max-width: 782px) { body.admin-bar .header { margin-top: 46px; } } @media(max-width: 600px) { #wpadminbar { position: fixed; } } /* ------------------------------------------------------------ *\ - Search \* ------------------------------------------------------------ */ .header .header__search { display: none; background-color: white; height: 100%; left: 50%; position: absolute; top: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100vw; z-index: 99; } .header .header__search .shell { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; } .header .header__search form { max-width: 570px; position: relative; width: 100%; } .header .header__search label[for="search-terms"] { display: none; } .header .header__search input#search-terms { border: none; border-bottom: 1px solid #191E2A; font-size: 20px; padding: .5em 50px .5em 0; width: 100%; } .header .header__search button[type="submit"] { background: none; border: none; color: #1D1F22; font-size: 24px; padding: .25em; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .header .header__search button[type="submit"] svg { width: 20px; } .header .header__search-toggle { color: white; font-size: 18px; margin-left: 17px; } .header .header__search-toggle>a { padding: 9px 0; } .header .header__search-toggle>a svg { width: 16px; fill: #fff; } .header.fixed .header__search-toggle, .header--dark .header__search-toggle { color: #1D1F22; } .header.fixed .header__search-toggle svg, .header--dark .header__search-toggle svg { fill: #1D1F22 !important; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .header .header__search input#search-terms { padding-top: .25em; padding-bottom: .25em; } } /* ------------------------------------------------------------ *\ # Icons \* ------------------------------------------------------------ */ [class^="ico-"] { font-size: 0; line-height: 0; text-indent: -4004px; display: inline-block; vertical-align: top; position: relative; } /* ------------------------------------------------------------ *\ intro \* ------------------------------------------------------------ */ .intro { color: #fff; text-align: center; padding: 200px 0 120px; position: relative; } .page_new_header .intro { padding-top: 120px; } .intro .intro__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .intro .intro__overlay:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.87; background: #0039FF; mix-blend-mode: overlay; z-index: 2; } .intro .intro__overlay:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.27; background: #000; } .intro h1 { margin-bottom: 18px; } .intro p, .intro .p { color: inherit; opacity: 0.85; font-weight: 500; font-size: 22px; line-height: 1.64; margin-bottom: 1.2em; } .intro .intro__content { max-width: 784px; margin: 0 auto; position: relative; z-index: 10; } .intro .intro__entry { padding-bottom: 28px; } .intro .intro__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .intro .intro__actions .btn { margin: 0 8px; min-width: 215px; } /* Tablet Portrait */ @media (max-width: 1023px) { .intro { padding: 185px 0 120px; } .page_new_header .intro { padding-top: 120px; } .intro h1 { font-size: 55px; line-height: 1.27; } .intro p, .intro .p { font-size: 20px; line-height: 1.8; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .intro { padding: 104px 0 60px; } .page_new_header .intro { padding-top: 60px; } .intro h1 { margin-bottom: 16px; font-weight: 900; font-size: 32px; line-height: 1.13; } .intro p, .intro .p { font-size: 16px; line-height: 1.5; } .intro .intro__entry { padding: 0 10px 20px; } .intro .intro__actions { max-width: 204px; display: block; margin: 0 auto; } .intro .intro__actions .btn { margin: 0 0 12px; padding: 13px; min-width: 100%; font-weight: 700; font-size: 12px; letter-spacing: 1.2px; } .intro .intro__actions .btn:last-child { margin: 0; } } .leaderboards { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -16px; } .leaderboard { width: 50%; padding: 0 16px; } .leader { background-color: #fff; margin-bottom: 10px; border-radius: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 12px 20px; } .leader:last-child { margin-bottom: 0; } .leader .leader__position { color: #0039FF; width: 37px; padding-right: 15px; } .leader .leader__image { width: 40px; height: 40px; border-radius: 50%; } .leader .leader__image img { border-radius: 50%; } .leader .leader__content { width: calc(100% - 77px); padding-left: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .leader .leader__name { color: #1D1F22; font-weight: 400; line-height: 1.5; font-size: 16px; min-width: 108px; margin-right: 20px; } .leader .leader__meta { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; line-height: 1.5; } .leader .leader__company { margin-right: 20px; } .leader--large, .leader--medium { padding: 20px; } /* lagre */ .leader--large .leader__position { font-weight: 600; font-size: 26px; line-height: 1.38; width: 50px; padding-right: 20px; } .leader--large .leader__image { width: 100px; height: 100px; } .leader--large .leader__content { padding-left: 20px; width: calc(100% - 150px); display: block; } .leader--large .leader__name { font-size: 26px; line-height: 1.38; margin-right: 0; } /* medium */ .leader--medium .leader__position { font-weight: 600; font-size: 20px; line-height: 1.35; padding-right: 20px; width: 47px; } .leader--medium .leader__image { width: 60px; height: 60px; } .leader--medium .leader__content { padding-left: 20px; width: calc(100% - 107px); display: block; } .leader--medium .leader__name { font-size: 20px; line-height: 1.35; margin-right: 0; } /* Small Desktop */ @media (max-width: 1240px) { .leader .leader__name { margin-right: 10px; } .leader .leader__company { margin-right: 10px; } .leader--large .leader__name, .leader--medium .leader__name { margin-right: 0; } } /* Tablet Portrait */ @media (max-width: 1023px) { .leaderboards { margin: 0 -10px; } .leaderboard { padding: 0 10px; } .leader .leader__meta { display: block; font-size: 14px; line-height: 1.43; } .leader .leader__name { margin-right: 20px; } .leader--large .leader__meta, .leader--medium .leader__meta { font-size: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; } .leader--large .leader__company, .leader--medium .leader__company { margin-right: 20px; } .leader--large .leader__name, .leader--medium .leader__name { margin-right: 0; } } @media(max-width: 900px){ .leader { padding: 12px; } .leader--large, .leader--medium { padding: 15px; } .leader--large .leader__name { font-size: 24px; } .leader--large .leader__image { width: 80px; height: 80px; } .leader--large .leader__content { width: calc(100% - 130px); } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .leaderboards { margin: 0; } .leaderboard { width: 100%; padding: 0; margin-bottom: 10px; } .leaderboard:last-child { margin: 0; } .leader { padding: 14px 20px; } .leader .leader__meta { display: -webkit-box; display: -ms-flexbox; display: flex; } .leader .leader__company { margin-right: 20px; } .leader--large .leader__position, .leader--medium .leader__position { font-weight: 400; color: #0039FF; width: 37px; padding-right: 15px; font-size: 16px; } .leader--large .leader__image, .leader--medium .leader__image { width: 40px; height: 40px; } .leader--large .leader__content, .leader--medium .leader__content { width: calc(100% - 77px); padding-left: 15px; } .leader--large .leader__meta, .leader--medium .leader__meta { font-size: 14px; } .leader--large .leader__name, .leader--medium .leader__name { font-weight: 400; line-height: 1.5; font-size: 16px; min-width: 108px; } .leader--hidden-mobile { display: none; } } /* ------------------------------------------------------------ *\ link-sign-in \* ------------------------------------------------------------ */ .link-sign-in { font-weight: 700; font-size: 12px; color: #fff; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; display: block; position: relative; padding: 9px 13px 9px 0; } .link-sign-in:after { content: ''; width: 0; height: 2px; background-color: #EDF925; position: absolute; bottom: 0; right: 0; -webkit-transition: all .4s; transition: all .4s; } .header .header__sign-in:hover .link-sign-in:after { width: 97%; left: 0; right: auto; } .link-sign-in:before { content: ''; position: absolute; top: 14px; right: 0; background: url(../images/arrow-small-down-light.svg) no-repeat 0 0; width: 9px; height: 6px; display: inline-block; -webkit-transition: all .4s; transition: all .4s; } .header .header__sign-in:hover .link-sign-in:before { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .header.fixed .link-sign-in:before { content: ''; position: absolute; top: 14px; right: 0; background: url(../images/arrow-small-down-dark.svg) no-repeat 0 0; width: 9px; height: 6px; display: inline-block; -webkit-transition: all .4s; transition: all .4s; } /* Small Desktop */ @media (max-width: 1240px) { .link-sign-in, .nav > .menu { font-size: 11px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .link-sign-in, .nav > .menu > li { font-size: 12px; } .link-sign-in { font-weight: 700; font-size: 12px; color: #1D1F22; letter-spacing: 1.29px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100%; display: block; padding: 30px 0; text-align: left; } .header.fixed .link-sign-in:before, .link-sign-in:before { top: 50%; right: 0; background: url(../images/arrow-down-dark.svg) no-repeat 0 0; width: 12px; height: 7px; background-size: contain; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .link-sign-in:after { display: none; } } /* ------------------------------------------------------------ *\ link-more \* ------------------------------------------------------------ */ .link-more { font-weight: 700; font-size: 14px; color: #fff; letter-spacing: 1.6px; line-height: 1.57; text-transform: uppercase; text-decoration: none; position: relative; padding-bottom: 7px; display: inline-block; } .link-more:after { content: ''; position: absolute; bottom: 0; right: 0; left: auto; width: 100%; height: 2px; background-color: #EDF925; background-position: 50% 0; background-size: 100%; } .link-more:hover:after { -webkit-animation: line .7s linear; animation: line .7s linear; } .link-more--dark { color: #1D1F22 } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .link-more { font-size: 14px; letter-spacing: 1.2px; } } /* ------------------------------------------------------------ *\ link-download \* ------------------------------------------------------------ */ .link-download { text-decoration: none; display: inline-block; font-size: 16px; color: #0039FF; position: relative; padding-right: 19px; } .link-download:hover { opacity: .8; } .link-download:after { content: ''; background: url(../images/icon-download.svg) no-repeat 0 0; width: 14px; height: 17px; position: absolute; top: 0; right: 0; } /* Tablet Portrait */ @media (max-width: 1023px) { .link-download { font-size: 14px; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .link-download { font-size: 16px; } } /* ------------------------------------------------------------ *\ # Lists \* ------------------------------------------------------------ */ [class^="list"] > ul { list-style: none; position: relative; padding: 0; } /* ------------------------------------------------------------ *\ # Logos \* ------------------------------------------------------------ */ [class^="logo"] { font-size: 0; line-height: 0; text-indent: -4004px; position: relative; display: inline-block; vertical-align: middle; text-decoration: none; } [class^="logo"] > img { display: block; width: 100%; } .logo { width: 130px; height: 29px; display: block; } .logo svg { width: 100%; display: block; height: 100%; } .logo #logo-color { -webkit-transition: all .4s; transition: all .4s; } .logo-footer { width: 141px; height: 31px; display: block; } .logo-footer svg { width: 100%; display: block; height: 100%; } .logo-footer #logo-color { fill: #0039FF; } .logo-footer #logo-color { -webkit-transition: all .4s; transition: all .4s; } /* Tablet Portrait */ @media (max-width: 1023px) { .logo { width: 146px; height: 32px; } .logo-footer { width: 146ox; height: 32px; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .logo { width: 108px; height: 24px; } .logo-footer { width: 114px; height: 25px; } } /* ------------------------------------------------------------ *\ Main \* ------------------------------------------------------------ */ body.header-has-banner .main { padding-top: 38px; } .main { width: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; overflow: hidden; } body.error404 .main { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } body.error404 .main > section { width: 100%; } @media(max-width: 374px){ body.header-has-banner .main { padding-top: 35px; } } /* ------------------------------------------------------------ *\ media \* ------------------------------------------------------------ */ .media { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -18px; } .media .media__item { width: 33.33%; padding: 0 18px; margin-top: 40px; } .media .media__item .media__item-image { position: relative; padding-bottom: 67.4%; border-radius: 6px; margin-bottom: 20px; } .media .media__item .media__item-image img { border-radius: 6px; } .media .media__item .media__item-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .media .media__item .media__item-title { width: 67%; padding-right: 10px; } .media .media__item .media__item-title h5 { font-weight: 400; font-size: 16px; color: #000; line-height: 1.5; } .media .media__item .media__item-actions:only-child { width: 100%; text-align: right; } /* media--logos */ .media--logos .media__item .media__item-image { border: 1px solid #DCDCDC; } .media--logos .media__item .media__item-image img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; } /* media--videos */ .media--videos .media__item .media__item-image:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #1D1F22; opacity: .3; border-radius: 6px; -webkit-transition: all .4s; transition: all .4s; } .media--videos .media__item .media__item-image:hover:after { content: ''; opacity: .7; } .media--videos .media__item .media__item-image .btn-play { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 10; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .media--videos .media__item .media__item-image .btn-play svg { width: 64px; height: 64px; } /* Tablet Portrait */ @media (max-width: 1023px) { .media { margin: 0 -8px; } .media .media__item { padding: 0 8px; } .media .media__item .media__item-title h5 { font-size: 14px; } .media .media__item .media__item-image { margin-bottom: 10px; } } @media(max-width: 920px){ .media .media__item .media__item-title { width: 100%; margin-bottom: 5px; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .media .media__item { margin-top: 30px; margin-bottom: 15px; } .media .media__item { width: 100%; } .media .media__item .media__item-image { margin-bottom: 20px; } .media .media__item .media__item-content { padding: 0 10px; display: block; } .media .media__item .media__item-title h5 { font-size: 16px; } .media--logos .media__item .media__item-image img { max-width: 175px; } .media .media__item .media__item-actions:only-child { text-align: left; } .media--videos .media__item .media__item-image .btn-play svg { height: 60px; width: 60px; } } /* ------------------------------------------------------------ *\ # Navigations \* ------------------------------------------------------------ */ [class^="nav"] ul { list-style: none; padding: 0; } .nav { padding-left: 23px; } .nav > .menu { display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 700; font-size: 12px; color: #fff; letter-spacing: 1px; text-transform: uppercase; } .nav > .menu > li { margin: 0 17px; position: relative; padding: 10px 0; } .nav > .menu > li > a { position: relative; padding: 9px 0; } .nav > .menu > li > a:after { content: ''; width: 0; height: 2px; background-color: #EDF925; position: absolute; bottom: 0; right: 0; -webkit-transition: all .4s; transition: all .4s; } .nav > .menu > li.current-menu-item > a:after, .nav > .menu > li:hover > a:after { width: 97%; left: 0; right: auto; } .nav > .menu > li.menu-item-has-children > a { position: relative; padding-right: 13px; } .nav > .menu > li.menu-item-has-children > a:before { content: ''; position: absolute; top: 14px; right: 0; background: url(../images/arrow-small-down-light.svg) no-repeat 0 0; width: 9px; height: 6px; display: inline-block; -webkit-transition: all .4s; transition: all .4s; } .nav > .menu > li > a { text-decoration: none; display: block; } .nav .sub-menu { display: block; position: absolute; top: 100%; left: 0; background: #fff; -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.25); box-shadow: 0 2px 6px 0 rgba(0,0,0,0.25); border-radius: 6px; padding: 22px 24px; min-width: 189px; opacity: 0; -webkit-transition: all .4s; transition: all .4s; pointer-events: none; } .nav .sub-menu a { opacity: 0.85; font-weight: 400; font-size: 14px; color: #222528; letter-spacing: 0; text-transform: none; text-decoration: none; white-space: nowrap; } .nav .sub-menu li.current-menu-item a, .nav .sub-menu a:hover { color: #0039FF; } .nav .sub-menu li { margin-bottom: 18px; } .nav .sub-menu li:last-child { margin-bottom: 0; } .nav > .menu > li.menu-item-has-children:hover .sub-menu { opacity: 1; pointer-events: auto; } .nav > .menu > li.menu-item-has-children:hover > a:before { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .nav > .menu > li .sub-menu li.menu-item-read-only { margin-bottom: 13px; margin-top: 18px; pointer-events: none; } .nav > .menu > li .sub-menu li.menu-item-read-only > a { color: #6F7071; opacity: 0.85; } .nav > .menu > li .sub-menu li.menu-item-read-only ~ li:not(.menu-item-read-only) { margin-bottom: 13px; } .nav > .menu > li .sub-menu li.menu-item-read-only ~ li:not(.menu-item-read-only) { padding-left: 10px; } .nav > .menu > li .sub-menu li.menu-item-read-only ~ li:not(.menu-item-read-only):last-child { margin-bottom: 0; } /* Small Desktop */ @media (max-width: 1240px) { .nav:not(.nav--full) { padding-left: 13px; } .nav:not(.nav--full) > .menu { font-size: 11px; } .nav:not(.nav--full) > .menu > li { margin: 0 8px; } .nav:not(.nav--full) > .menu > li.menu-item-has-children > a:before { top: 12px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .nav:not(.nav--full) { padding-left: 0; width: 100%; } .nav:not(.nav--full) > .menu { display: block; font-weight: 700; font-size: 12px; color: #1D1F22; letter-spacing: 1px; } .nav:not(.nav--full) > .menu > li { margin: 0; padding: 0; border-bottom: 1px solid rgba(29,31,34,.1); } .nav:not(.nav--full) > .menu > li:last-child { border: none; } .nav:not(.nav--full) > .menu > li.menu-item-has-children > a:before { top: 50%; right: 0; background: url(../images/arrow-down-dark.svg) no-repeat 0 0; width: 12px; height: 7px; background-size: contain; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .nav:not(.nav--full) > .menu > li.menu-item-has-children.js-show > a:before { top: 50%; right: 0; background: url(../images/arrow-down-dark.svg) no-repeat 0 0; width: 12px; height: 7px; background-size: contain; -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .nav:not(.nav--full) > .menu > li > a { width: 100%; display: block; padding: 30px 0; } .nav:not(.nav--full) > .menu > li > a:after { display: none; } .nav:not(.nav--full) .sub-menu { position: static; opacity: 1; -webkit-box-shadow: none; box-shadow: none; padding: 0; -webkit-transition: none; transition: none; display: none; } .nav:not(.nav--full) .sub-menu li { margin-bottom: 18px; } .nav:not(.nav--full) .sub-menu li:last-child { margin-bottom: 30px; } .nav:not(.nav--full) > .menu > li .sub-menu li.menu-item-read-only { margin-top: 30px; } .nav:not(.nav--full) > .menu > li .sub-menu li.menu-item-read-only, .nav:not(.nav--full) > .menu > li .sub-menu li.menu-item-read-only ~ li:not(.menu-item-read-only) { margin-bottom: 18px; } .nav:not(.nav--full) > .menu > li .sub-menu li.menu-item-read-only ~ li:not(.menu-item-read-only):last-child { margin-bottom: 30px; } } /* ------------------------------------------------------------ *\ nav trigger \* ------------------------------------------------------------ */ .nav-trigger { position: relative; display: none; width: 33px; height: 24px; } .nav-trigger span { position: absolute; display: block; height: 3px; width: 100%; background: #fff; -webkit-transition: top .2s .25s, left .2s .25s, opacity .2s .25s, -webkit-transform .2s 0s; transition: top .2s .25s, left .2s .25s, opacity .2s .25s, -webkit-transform .2s 0s; transition: top .2s .25s, left .2s .25s, opacity .2s .25s, transform .2s 0s; transition: top .2s .25s, left .2s .25s, opacity .2s .25s, transform .2s 0s, -webkit-transform .2s 0s; } .nav-trigger span:nth-child(1) { top: 0; } .nav-trigger span:nth-child(2) { top: 10px; } .nav-trigger span:nth-child(3) { top: 20px; } .nav-trigger.active span { -webkit-transition: background .2s, top .2s, left .2s, opacity .2s, -webkit-transform .2s .25s; transition: background .2s, top .2s, left .2s, opacity .2s, -webkit-transform .2s .25s; transition: background .2s, top .2s, left .2s, opacity .2s, transform .2s .25s; transition: background .2s, top .2s, left .2s, opacity .2s, transform .2s .25s, -webkit-transform .2s .25s; } .nav-trigger.active span:nth-child(3), .nav-trigger.active span:nth-child(1) { top: 7px; background: #6F7071; } .nav-trigger.active span:nth-child(2) { opacity: 0; } .nav-trigger.active span:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .nav-trigger.active span:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* Tablet Portrait */ @media (max-width: 1023px) { .nav-trigger { display: block; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .nav-trigger { position: relative; width: 23px; height: 16px; } .nav-trigger span { position: absolute; display: block; height: 2px; width: 100%; background: #fff; -webkit-transition: top .2s .25s, left .2s .25s, opacity .2s .25s, -webkit-transform .2s 0s; transition: top .2s .25s, left .2s .25s, opacity .2s .25s, -webkit-transform .2s 0s; transition: top .2s .25s, left .2s .25s, opacity .2s .25s, transform .2s 0s; transition: top .2s .25s, left .2s .25s, opacity .2s .25s, transform .2s 0s, -webkit-transform .2s 0s; } .nav-trigger span:nth-child(1) { top: 0; } .nav-trigger span:nth-child(2) { top: 7px; } .nav-trigger span:nth-child(3) { top: 14px; } .nav-trigger.active span { -webkit-transition: background .2s, top .2s, left .2s, opacity .2s, -webkit-transform .2s .25s; transition: background .2s, top .2s, left .2s, opacity .2s, -webkit-transform .2s .25s; transition: background .2s, top .2s, left .2s, opacity .2s, transform .2s .25s; transition: background .2s, top .2s, left .2s, opacity .2s, transform .2s .25s, -webkit-transform .2s .25s; } .nav-trigger.active span:nth-child(3), .nav-trigger.active span:nth-child(1) { top: 7px; background: #6F7071; } .nav-trigger.active span:nth-child(2) { opacity: 0; } .nav-trigger.active span:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .nav-trigger.active span:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } } /* ------------------------------------------------------------ *\ nav-utilities \* ------------------------------------------------------------ */ .nav-utilities { display: block; position: absolute; top: 100%; left: 0; background: #fff; -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.25); box-shadow: 0 2px 6px 0 rgba(0,0,0,0.25); border-radius: 6px; padding: 22px 24px; min-width: 189px; opacity: 0; -webkit-transition: all .4s; transition: all .4s; pointer-events: none; } .nav-utilities li { margin-bottom: 12px; } .nav-utilities li:last-child { margin-bottom: 0; } .nav-utilities a { opacity: 0.85; font-weight: 400; font-size: 14px; color: #222528; letter-spacing: 0; text-transform: none; text-decoration: none; white-space: nowrap; } .nav-utilities a:hover { color: #0039FF; } @media (max-width: 1023px) { .nav-utilities { position: static; opacity: 1; -webkit-box-shadow: none; box-shadow: none; padding: 0 0 20px 0; -webkit-transition: none; transition: none; display: none; text-align: left; } .nav-utilities li { margin-bottom: 20px; } .nav-utilities li:last-child { margin-bottom: 0; } } /* ------------------------------------------------------------ *\ news \* ------------------------------------------------------------ */ .news { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -16px; } .news-item { width: 50%; padding: 0 16px; color: #fff; margin-bottom: 32px; } .news-item .news__item-image { padding-bottom: 57.1%; border-radius: 6px; margin-bottom: 30px; } .news-item .news__item-image a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; font-size: 0; line-height: 0; text-indent: -4004px; } .news-item .news__item-image img { border-radius: 6px; } .news-item .news__item-content { padding-right: 15px; } .news-item .news__item-tag { position: relative; padding-left: 34px; margin-bottom: 12px; } .news-item .news__item-tag:after { content: ''; width: 22px; height: 2px; position: absolute; top: 9px; left: 0; background-color: #EDF925; } .news-item .news__item-tag h5 { font-weight: 700; font-size: 14px; letter-spacing: 1.31px; line-height: 1.43; text-transform: uppercase; } .news-item h5 a { text-decoration: none; display: block; pointer-events: none; } .news-item .news__item-entry h5 { font-weight: 600; font-size: 20px; line-height: 1.5; margin-bottom: 10px; } .news-item .news__item-entry p { opacity: 0.8; font-weight: 400; font-size: 16px; line-height: 1.5; margin-bottom: 10px; } .news-item .news__item-entry p:last-child { margin-bottom: 0; } .news-item .news__item-text { display: none; padding-bottom: 10px; } .news-item .news__item-actions a { text-decoration: none; color: #EDF925; font-weight: 400; font-size: 18px; } .news-item .news__item-actions a:hover { color: #fff; } .news-item .news__item-actions a:after { content: '+'; display: inline-block; margin-left: 5px; } .news-item .news__item-actions a.active:after { content: '-'; } /* Tablet Portrait */ @media (max-width: 1023px) { .news { margin: 0 -8px; } .news-item { padding: 0 8px; margin-bottom: 16px; } .news-item .news__item-tag { padding-left: 25px; } .news-item .news__item-tag h5 { font-size: 12px; letter-spacing: 1.12px; line-height: 1.28; } .news-item .news__item-tag:after { width: 16px; top: 6px; } .news-item .news__item-entry h5 { font-size: 18px; line-height: 1.5; } .news-item .news__item-actions a { font-size: 16px; } .news-item .news__item-actions a:hover { color: #EDF925; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .news { padding-bottom: 40px; } .news-item { width: 100%; margin-bottom: 40px; } .news-item:last-child { margin-bottom: 0; } .news-item .news__item-image { margin-bottom: 25px; } .news-item .news__item-content { padding: 0 10px; } .news-item .news__item-tag { margin-bottom: 6px; } .news-item .news__item-tag h5 { font-weight: 700; font-size: 12px; letter-spacing: 1.12px; line-height: 1.67; } .news-item .news__item-entry h5 { font-weight: 600; font-size: 18px; letter-spacing: 0; line-height: 27px; } .news-item .news__item-actions a { font-size: 16px; } } /* ------------------------------------------------------------ *\ Newsroom \* ------------------------------------------------------------ */ .section--newsroom { padding: 93px 0 100px; background: #F7F7F7; } .section--newsroom .newsroom__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -3rem; margin-right: -1.5rem; margin-left: -1.5rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .section--newsroom .newsroom__wrapper>* { max-width: 100%; padding-right: 24px; padding-left: 24px; margin-top: 48px; } .newsroom__posts { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .newsroom__item:not(:last-child) { margin-top: 1rem; margin-bottom: 1rem; border-bottom: 1px solid rgb(75 79 84 / 15%); } .newsroom__posts h2 { font-size: 18px; line-height: 24px; text-transform: uppercase; margin-bottom: 24px; position: relative; margin-left: 10px; } .newsroom__posts h2:before { content: ''; width: 22px; height: 2px; background-color: #EDF925; display: inline-block; position: relative; top: -5px; left: -10px; } .newsroom__posts .link-more { color: #1D1F22; margin-top: 20px; } .newsroom__posts .newsroom__action { margin-top: auto; } .newsroom__item a { text-decoration: none; margin-bottom: 1rem; display: block; color: #0039FF; } .newsroom__item h3 { font-size: 20px; font-weight: normal; } .newsroom__item p { color: #4B4F54; margin-bottom: 1rem; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section--newsroom { padding: 50px 0; } .newsroom__posts { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } } /* ------------------------------------------------------------ *\ packages \* ------------------------------------------------------------ */ .packages { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 -8px; } .packages .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .packages .slick-slide {height: inherit !important; } .packages .slick-slide > div { height: 100%; } .package { width: 20%; padding: 0 8px; text-align: center; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap;} .packages .slick-track:before, .packages .slick-track:after { display: none; } .package .package__inner { border: 1px solid #DCDCDC; border-radius: 6px; width: 100%; height: 100%; } .package .package__title { border-radius: 6px 6px 0 0; background-color: #0039FF; color: #fff; padding: 10px; } .package .package__title h5 { font-weight: 900; font-size: 14px; letter-spacing: 1.29px; line-height: 1.43; text-transform: uppercase; } .package .package__content { padding: 16px 0 25px; height: calc(100% - 60px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #fff; border-radius: 0 0 6px 6px; } .package .package__content p { font-size: 14px; color: #6F7071; letter-spacing: 0; text-align: center; line-height: 1.36; max-width: 170px; margin: 0 auto 20px; } .package .package__list { list-style: none; margin-top: auto; } .package .package__list img { display: block; max-width: 67px; margin: 0 auto 8px; } .package .package__list li { height: 6rem; margin-bottom: 18px; padding: 0 10px; } .package .package__list li:last-child { margin-bottom: 0; } .package .package__list h5 { font-weight: 900; font-size: 12px; color: #0039FF; letter-spacing: 1px; text-transform: uppercase; } .package.package--inactive .package__list li h5, .package .package__list li.inactive h5 { color: #ABABAB; } .package.package--inactive .package__title { background-color: #999999; } .package.style__nl .package__inner {border :0; } .package.style__nl .package__title { height: 5.5rem; border: 1px solid #DCDCDC; border-bottom: 0;} .package.style__nl .package__content { border: 1px solid #DCDCDC; border-top: 0; } .package.style__nl .package__content p:first-child { height: 4.5rem;} /* Tablet Portrait */ @media (max-width: 1023px) { .packages { margin: 0; } .packages.style__nl { height: 500px;} .packages .slick-list ul { width: 200px; margin-left: auto; margin-right: auto; } .packages .slick-list { padding-left: 62px; padding-left: 62px; } .package__title h5 { max-width: 150px; margin-left: auto; margin-right: auto; } .package { min-width: 225px; padding: 0 8px; } .package { height: 100%; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .packages .slick-list { padding: 0 20px; margin: 0 -8px; } } /* ------------------------------------------------------------ *\ Partner Directory \* ------------------------------------------------------------ */ .section-partner-directory { padding: 60px 0; } .section-partner-directory .section__head p { opacity: .6; font-size: 18px; color: #1d1f22; line-height: 1.56; margin-bottom: 30px; } .section-partner-directory>.shell { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .section-partner-directory .section__head { margin-bottom: 60px; text-align: center; } .section-partner-directory .partners__filters { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .section-partner-directory .partners__filter { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-bottom: 20px; } .section-partner-directory .partners { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .section-partner-directory .partners .partner-item { width: 25%; padding: 0 16px; } .section-partner-directory .partners .partner { position: relative; border: 1px solid #dcdcdc; border-radius: 6px; background-color: #fff; margin-bottom: 38px; } .section-partner-directory .partners .partner-item .partner:before { display: block; content: ""; width: 100%; padding-top: 100%; } .section-partner-directory .partner-item .partner__inner { position: absolute; top: 0; width: 100%; height: 100%; } .section-partner-directory .partner-item .partner__inner img { max-height: 150px; width: auto; } .section-partner-directory .partner-item .partner__inner .partner__popuplink { width: 100%; height: 100%; padding: 24px 31px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .section-partner-directory .partner-item .partner__inner .partner__popuplink:hover .partner__note { display: block; } .section-partner-directory .partner-item .partner__inner .partner__note { display: none; position: absolute; bottom: 10px; font-size: 14px; text-align: center; line-height: 12px; } .partner-popup { position: relative; background: #fff; padding: 40px; width: auto; max-width: 921px; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 30px; border-radius: 6px; } .partner-popup a { text-decoration: none; cursor: pointer; } .partner-popup a:hover { color: #0039FF; } .partner-popup .partner__logo { max-width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; } .partner-popup .partner__contact { list-style: square; margin-top: 20px; color: #EDF925; margin-left: 20px; } .partner-popup .partner__contact li { margin-bottom: 0.5em; } .partner-popup .partner__contact li * { color: #6f7071; } .partner-popup h3 { color: #275fcc; font-size: 20px; line-height: 1.35; margin-bottom: 8px; } .field-select { padding: 0 16px; margin: 0 0 20px; position: relative; width: 250px; max-width: 100%; } .field-select:before, .field-select:after { content: ''; width: 2px; height: 9px; border-radius: 99em; background-color: #6F7071; position: absolute; top: 50%; pointer-events: none; z-index: 3; margin-top: 15px; } .field-select:before { right: 42px; -webkit-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); } .field-select:after { right: 36px; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .field-select label { text-decoration: none; font-weight: 700; font-size: 12px; letter-spacing: 1.71px; text-transform: uppercase; margin-bottom: 13px; display: inline-block; pointer-events: none; } .field-select select { padding: 10px 20px; background-color: #fff; border-radius: 3px; font-size: 16px; margin: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #c6c6c6; width: 100%; } /* Mobile */ @media (max-width: 767px) { .section-partner-directory .partners .partner-item { width: 33.33%; } .partner-popup { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (max-width: 600px) { .section-partner-directory .partners .partner-item { width: 50%; } } @media (max-width: 480px) { .partner-popup .partner__logo { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .plans-type-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -15px; } .plan-type-2 { width: 33.3%; padding: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .plan-type-2 .plan__inner { border: 1px solid #DCDCDC; border-radius: 6px; padding: 48px 30px 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; width: 100%; } .plan-type-2 .plan__head { margin-bottom: 20px; width: 100%; } .plan-type-2 .plan__head h3 { font-weight: 700; font-size: 34px; line-height: 1.21; color: #222528; margin-bottom: 20px; } .plan-type-2 .plan__head h4 { font-size: 20px; line-height: 1.4; font-weight: 400; color: #222528; } .plan-type-2 .plan__entry { font-size: 16px; line-height: 1.5; color: #77797A; font-weight: 400; margin-bottom: 32px; width: 100%; } .plan-type-2 .plan__icons { max-width: 200px; margin: 0 auto; width: 100%; } .plan-type-2 .plan__icons ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: -11px; } .plan-type-2 .plan__icons li { width: 50%; text-align: center; padding: 11px; } .plan-type-2 .plan__actions { padding-top: 34px; margin-top: auto; } /* Tablet Portrait */ @media (max-width: 1023px) { .plans-type-2 { margin: -8px; } .plan-type-2 { padding: 8px; } .plan-type-2 .plan__inner { padding: 49px 27px 40px; } .plan-type-2 .plan__head h3 { font-size: 30px; line-height: 1.2; color: #222528; font-weight: 700; margin-bottom: 25px; } .plan-type-2 .plan__head h4 { font-size: 16px; line-height: 1.5; color: #222528; } .plan-type-2 .plan__entry { font-size: 16px; line-height: 1.5; color: #77797A; margin-bottom: 40px; } .plan-type-2 .plan__actions .btn { font-size: 12px; line-height: 1.17; letter-spacing: 1.2px; text-transform: uppercase; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .plans-type-2 { margin: -15px; } .plan-type-2 { width: 100%; padding: 15px; } .plan-type-2:last-child { margin-bottom: 0; } .plan-type-2 .plan__head { height: auto !important; } .plan-type-2 .plan__head h3 { margin-bottom: 20px; } .plan-type-2 .plan__inner { padding: 46px 24px 30px; } .plan-type-2 .plan__entry { font-size: 14px; line-height: 1.5; color: #77797A; max-width: 90%; } .plan-type-2 .plan__actions .btn { padding: 16px; } } /* ------------------------------------------------------------ *\ plans \* ------------------------------------------------------------ */ .plans { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -20px; } .plan { width: 33.33%; padding: 0 16px; } .plan .plan__tag { background-color: #0039FF; border-radius: 6px 6px 0 0; text-align: center; padding: 8px 0; margin: -1px; } .plan .plan__tag h5 { text-transform: uppercase; color: #fff; font-weight: 900; font-size: 14px; color: #FFFFFF; letter-spacing: 1.29px; } .plan .plan__inner { border: 1px solid #DCDCDC; border-radius: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, .25); box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, .25); } .plan .plan__head { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 30px 30px 15px 30px; } .plan .plan__head-image { width: 75px; } .plan .plan__head-image img { width: 100%; } .plan .plan__head-title { width: calc(100% - 75px); padding-left: 20px; } .plan .plan__head-title h3 { font-weight: 700; font-size: 34px; color: #222528; letter-spacing: 0; } .plan .plan__head-title h3 sup { font-weight: 900; font-size: 14px; color: #FFFFFF; letter-spacing: 1.29px; background-color: #4AB543; border-radius: 99em; text-transform: uppercase; padding: 5px 11px; position: relative; top: -6px; right: 3px; display: inline-block; } .plan .plan__entry { padding: 7px 30px 14px; } .plan .plan__entry h5 { font-weight: 400; font-size: 20px; color: #222528; line-height: 1.5; padding-bottom: 12px; min-height: 72px; } .plan .plan__entry h6 { font-weight: 700; font-size: 16px; color: #0039FF; line-height: 1.5; padding-bottom: 10px; } .plan .plan__entry ul { list-style: none; font-size: 16px; color: #77797A; line-height: 1.5; } .plan .plan__entry ul li { position: relative; padding-left: 40px; margin-bottom: 25px; } .plan .plan__entry ul li:after { content: ''; position: absolute; top: 0; left: 0; background: url(../images/ico-check.svg) no-repeat 0 0; width: 24px; height: 24px; background-size: contain; } .plan .plan__entry ul li:last-child { margin-bottom: 0; } .plan .plan__actions { padding: 0 23px 30px 23px; margin-top: auto; text-align: center; } .plan .plan__actions p { font-weight: 400; font-size: 16px; line-height: 1.69; margin-bottom: 0; color: #0039FF; } .plan .plan__actions .btn { padding: 15px; margin-bottom: 13px; } .plan .plan__label { text-align: center; padding-bottom: 15px; margin-top: -48px; } .plan .plan__label h5 { display: inline-block; font-weight: 700; font-size: 16px; color: #1D1F22; background-color: #EDF925; border-radius: 99px; padding: 7px 32px; } .plan .plan__link { text-align: center; padding-top: 24px; } .plan .btn-full-yellow { margin: 0 -23px 40px; width: calc(100% + 46px); } .plan--featured .plan__inner { -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.25); box-shadow: 0 0 15px 0 rgba(0,0,0,0.25); } body.single-crb_solution .plan:not(.plan--featured) .plan__inner { -webkit-box-shadow: none; box-shadow: none; } /* plans--alt */ .plans--alt { padding-top: 50px; } /* plans--colored */ .plans--colored .plan__tag { background-color: #2458BB; } .plans--colored .plan__inner { border: none; background-color: #fff; -webkit-box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.2); box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.2); } /* Small Desktop */ @media (max-width: 1240px) { .plan .plan__entry h5 br { display: none; } .plan .plan__tag { padding: 6px; } .plan .plan__entry ul li br { display: none; } } /* Tablet Portrait */ @media (max-width: 1023px) { .plans { margin: 0 -7px; } .plan { padding: 0 7px; } .plan .plan__head { padding: 26px 24px 10px 24px; } .plan .plan__head-image { width: 61px; } .plan .plan__head-title { padding-left: 15px; width: calc(100% - 61px); } .plan .plan__head-title h3 { font-weight: 700; font-size: 30px; color: #222528; } .plan .plan__head-title h3 sup { font-weight: 900; font-size: 12px; letter-spacing: 1.5px; padding: 4px 8px; } .plan .plan__tag { padding: 6px 0; } .plan .plan__tag h5 { font-weight: 900; font-size: 12px; letter-spacing: 1.11px; } .plan .plan__entry { padding: 0 24px 15px; } .plan .plan__entry h5 { font-size: 16px; color: #222528; line-height: 1.44; min-height: 1px; } .plan .plan__entry ul { font-size: 14px; color: #77797A; line-height: 1.5; } .plan .plan__entry ul li { padding-left: 32px; margin-bottom: 13px; } .plan .plan__entry ul li:after { width: 20px; height: 20px; top: 1px; } .plan .plan__actions { padding-bottom: 24px; } .plan .plan__actions .btn { font-size: 12px; } .plan .plan__label h5 { font-size: 14px; } .plan .plan__actions p { font-size: 14px; } .plan .plan__actions .btn { margin-bottom: 7px; } .plan .btn-full-yellow { margin: 0 -23px 30px; } } @media(max-width: 920px){ .plans { margin: 0 -20px; } .plan .plan__head-title h3 { font-size: 24px; } .plan .plan__head-image { width: 50px; } .plan .plan__head-title { padding-left: 10px; width: calc(100% - 50px); } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .plans { margin: 0; } .plans--alt { padding-top: 0; } .plan { width: 100%; padding: 0; margin-bottom: 30px; } .plan:last-child { margin-bottom: 0; } .plan .plan__head-title h3 { font-size: 30px; } .plan .plan__head { padding: 26px 24px 20px 24px; } .plan .plan__head-image { width: 65px; } .plan .plan__head-title { padding-left: 15px; width: calc(100% - 65px); } .plan .plan__label { margin-top: 0; } .plan .plan__link { padding-top: 20px; } .plan .plan__actions p { font-size: 16px; line-height: 1.69; margin-bottom: 10px; } .plan .plan__inner { height: auto !important; } .plan .plan__label h5 { font-size: 16px; } .plan .btn-full-yellow { margin-bottom: 24px; } } /* ------------------------------------------------------------ *\ PRESS RELEASES LIST PAGE \* ------------------------------------------------------------ */ .section-press-releases:first-of-type { padding: 160px 0 80px; } .page_new_header .section-press-releases:first-of-type { padding-top: 80px; } .section-articles .press-releases { margin-top: 0; margin-bottom: 20px; } .press-releases { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 4rem auto; max-width: 1200px; } h1.press-release__title { color: #1a1804; font-size: 34px; font-family: "Open Space Sans", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: 800; margin-bottom: 26px; } h2.press-release__subtitle { color: #6f7071; font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 20px; font-weight: 400; line-height: 1.2; } .press-releases .press-release { max-width: 1200px; } .press-releases .press-release .press-release__content { margin: 28px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .press-releases .press-release .press-release__content-inner { max-width: 825px; } .press-releases .press-release .press-release__content-inner .press-release__meta { padding-bottom: 16px; color: #0039FF; font-size: 14px; font-weight: 900; text-transform: uppercase; } .press-releases .press-release .press-release__content-inner .press-release__title { color: #33373d; font-size: 19px; font-weight: 900; padding-right: 20px; line-height: 1.5; text-transform: none; } .press-releases .press-release .press-release__content-inner .press-release__title { color: #33373d; font-size: 19px; font-weight: 900; padding-right: 20px; line-height: 1.5; text-transform: none; } .press-releases .press-release .press-release__content-inner .press-release__title a { text-decoration: none; } .press-releases .press-release .press-release__content-inner .press-release__title a:hover { color: #0039FF; } .press-release__center-btn { text-align: center; } @media (max-width: 1023px) { .press-releases .press-release .press-release__content { margin: 16px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .press-releases .press-release .press-release__content-inner { max-width: 100%; } .press-releases .press-release .press-release__content-inner { max-width: 100%; } .press-releases .press-release .press-release__actions a.btn-outline { margin: 16px 0; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .press-releases .press-release .press-release__content { margin: 1rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .press-releases .press-release .press-release__content-inner { max-width: 100%; } .press-releases .press-release .press-release__content-inner { max-width: 100%; } .press-releases .press-release .press-release__actions a.btn-outline { margin: 1rem 0; } } /* ------------------------------------------------------------ *\ PRESS RELEASE SINGLE \* ------------------------------------------------------------ */ .section--press-release { padding-top: 170px; } .page_new_header .section--press-release { padding-top: 50px; } .press-release__breadcrumbs { margin-left: -5px; margin-bottom: 40px; font-size: 12px; line-height: 14px; color: #33373d; } .press-release--resources { margin-bottom: 50px; width: 100%; } .press-release--resources .press-release__article { width: 100%; } .press-release--resources .press-release__article .press-release__head h1 { margin-bottom: 24px; color: #1a1804; font-size: 34px; } .press-release--resources .press-release__article .press-release__head h2.press-release__subheading { color: #0039FF; font-size: 19px; font-weight: 900; margin-bottom: 28px; text-transform: none; } .press-release--resources .press-release__article .press-release__entry { margin-bottom: 50px; line-height: 1.68; } /** Social Share **/ .press-release__article .article__share { border-top: 1px solid rgba(29, 31, 34, 0.1); padding-top: 40px; max-width: 736px; margin: 0; } .press-release__article .article__share ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-item-align: center; align-self: center; } .press-release__article .article__share ul li { padding: 0 20px 0 0; } .press-release__article .article__share ul a { display: block; width: 40px; height: 40px; border-radius: 50%; background-color: #0039FF; position: relative; color: #fff; font-size: 22px; } .press-release__article .article__share ul a svg { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 20px; } .article--single .article__share ul a:hover { background-color: #1D1F22; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .press-release--resources .press-release__article .press-release__head h1 { font-size: 26px; } } /* ------------------------------------------------------------ *\ prices \* ------------------------------------------------------------ */ .prices { padding-left: 288px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; } .price { width: 33.33%; padding: 0 15px; } .price .price__inner { border: 1px solid #DCDCDC; border-radius: 6px; text-align: center; } .price .price__title { border-radius: 6px 6px 0 0; background-color: #0039FF; margin: -1px; padding: 11px; } .price .price__title h5 { font-weight: 700; font-size: 14px; color: #fff; letter-spacing: 1.17px; text-transform: uppercase; } .price .price__items { padding-top: 40px; } .price .price__items ul { list-style: none; font-size: 14px; color: #000000; line-height: 1.57; } .price .price__items img { max-width: 60px; margin: 0 auto; width: auto; } .price .price__items li { margin-bottom: 50px; } .price .price__items li[data-title] { position: relative; } .price .price__items li[data-title]:before { content: attr(data-title); position: absolute; top: 50%; left: -288px; font-weight: 500; font-size: 16px; color: #1D1F22; line-height: 1.25; text-align: left; max-width: 255px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding-right: 15px; } .price .price__label { min-height: 32px; } .price .price__label span { width: 100%; display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-align: center; font-weight: 800; font-size: 14px; letter-spacing: 1.29px; text-transform: uppercase; opacity: 0.9; color: #1D1F22; background-color: #EDF925; padding: 8px; -webkit-transition: all .4s; transition: all .4s; } /* Tablet Portrait */ @media (max-width: 1023px) { .prices { margin: 0 -8px; padding-left: 225px; } .price { padding: 0 8px; } .price .price__items li[data-title]:before { left: -225px; max-width: 200px; font-size: 14px; line-height: 1.43; } .price .price__items li { padding: 0 10px; margin: 0 auto 60px; } .price .price__label span { font-weight: 800; font-size: 12px; line-height: 1.17; letter-spacing: 1.29px; } } @media(max-width: 920px){ .prices { margin: 0 -20px; } .price .price__items li { max-width: 160px; } } /* prices--alt */ .prices--alt .price .price__inner { border: none; } /* ------------------------------------------------------------ *\ privacy-policy \* ------------------------------------------------------------ */ body.page-template-default .section-default, body.privacy-policy .section-default { padding: 100px 0; } body.page-template-modules section.section-wysiwyg:first-child { padding-top: 100px; } body.page-template-modules section.section-wysiwyg:last-child { padding-bottom: 100px; } body.page-template-modules .article__wysiwyg h1, body.page-template-default .page__title, body.privacy-policy h1.page__title { color: #0039FF; font-weight: 700; font-size: 43px; letter-spacing: 0; line-height: 1.23; } @media (max-width: 1023px) { body.privacy-policy h1.page__title { font-size: 40px; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { body.privacy-policy h1.page__title { font-weight: 700; font-size: 26px; line-height: 1.31; } } body.page-template-modules .article__wysiwyg, body.page-template-default .page__entry, body.privacy-policy .page__entry { font-weight: 400; font-size: 18px; color: rgba(0, 0, 0, 0.6); line-height: 1.5; } body.page-template-modules .article__wysiwyg h4, body.privacy-policy .page__entry h4 { color: #0039FF; margin-bottom: 20px; font-size: 23px; } body.page-template-modules .article__wysiwyg ul, body.privacy-policy .page__entry ul { margin-left: 40px; } body.page-template-modules .article__wysiwyg ul ul, body.privacy-policy .page__entry ul ul { margin-top: 10px; } body.page-template-modules .article__wysiwyg li, body.privacy-policy .page__entry li { margin-bottom: 10px; } body.page-template-modules section:last-child .article__wysiwyg li:last-child, body.privacy-policy .page__entry li:last-child { margin-bottom: 0; } body.page-template-modules .article__wysiwyg a, body.privacy-policy .page__entry a { text-decoration: none; color: #0039FF; } body.page-template-modules .article__wysiwyg a:hover, body.privacy-policy .page__entry a:hover { color: rgba(0, 0, 0, 0.6); } body.page-template-modules .article__wysiwyg h4, body.page-template-default .page__entry h4 { color: #0039FF; margin-bottom: 20px; font-size: 23px; } body.page-template-modules .article__wysiwyg ul, body.page-template-default .page__entry ul { margin-left: 40px; } body.page-template-modules .article__wysiwyg ul ul, body.page-template-default .page__entry ul ul { margin-top: 10px; } body.page-template-modules .article__wysiwyg li, body.page-template-default .page__entry li { margin-bottom: 10px; } body.page-template-modules section:last-child .article__wysiwyg li:last-child, body.page-template-default .page__entry li:last-child { margin-bottom: 0; } body.page-template-modules .article__wysiwyg a, body.page-template-default .page__entry a { text-decoration: none; color: #0039FF; } body.page-template-modules .article__wysiwyg a:hover, body.page-template-default .page__entry a:hover { color: rgba(0, 0, 0, 0.6); } body.page-template-modules table, body.privacy-policy table { border: solid 2px #000; } body.page-template-modules table > tbody > tr > th, body.privacy-policy table > tbody > tr > th { background-color: #d9d9d9; border: solid 1px #000; padding: .5rem; vertical-align: top; } body.page-template-modules table > tbody > tr > td, body.privacy-policy table > tbody > tr > td { border: solid 1px #000; padding: .5rem; vertical-align: top; } body.page-template-modules table > tbody > tr > td > ul, body.privacy-policy table > tbody > tr > td > ul { margin-left: 2rem; } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { body.page-template-modules .section-default, body.privacy-policy .section-default { padding: 50px 0; } body.page-template-modules .page__entry h4, body.privacy-policy .page__entry h4 { font-size: 20px; margin-bottom: 10px; } body.page-template-modules .page__entry, body.privacy-policy .page__entry { font-size: 16px; line-height: 1.63; } body.page-template-modules .page__entry p, body.page-template-modules .page__entry ul, body.privacy-policy .page__entry p, body.privacy-policy .page__entry ul { margin-bottom: 10px; } body.page-template-modules .section-default, body.page-template-default .section-default { padding: 50px 0; } body.page-template-modules .article__wysiwyg h4, body.page-template-default .page__entry h4 { font-size: 20px; margin-bottom: 10px; } body.page-template-modules .article__wysiwyg, body.page-template-default .page__entry { font-size: 16px; line-height: 1.63; } body.page-template-modules .article__wysiwyg , body.page-template-default .page__entry p, body.page-template-modules .article__wysiwyg ul, body.page-template-default .page__entry ul { margin-bottom: 10px; } } .process { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-align: center; margin: 0 auto; max-width: 1050px; } .process-item { position: relative; width: 288px; } .process-item:after { content: ''; background: url(../images/arrow-process.svg) no-repeat 0 0; width: 215px; height: 19px; background-size: contain; position: absolute; top: 45px; left: 74%; } .process-item:first-child:after { left: 82.5%; } .process-item:last-child:after { display: none; } .process-item .process__item-icon { min-height: 111px; margin-bottom: 35px; } .process-item .process__item-icon img { max-width: 181px; } .process-item .process__item-tags { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .process-item .process__item-tag { font-weight: 800; font-size: 10px; line-height: 12px; text-align: center; letter-spacing: 2px; text-transform: uppercase; background: rgba(43, 103, 219, 0.5); border: 2px solid #2E6FD8; border-radius: 99px; color: #fff; padding: 4px 10px; } .process-item .process__item-tag--yellow { color: #EDF925; background: rgba(253, 225, 60, 0.15); border: 2px solid #EDF925; } .process-item .process__item-tag-separator { font-weight: 600; font-size: 18px; line-height: 1.39; color: #fff; display: block; margin: 0 8px; } .process-item .process__item-title { font-weight: 600; font-size: 18px; line-height: 1.39; color: #fff; max-width: 217px; margin: 0 auto; } @media(max-width: 1179px){ .process { max-width: 904px; } .process-item:after { width: 145px; height: 14px; } } @media(max-width: 1017px){ .process { max-width: 708px; } .process-item { width: 228px; }.process-item:after { width: 110px; height: 11px; } .process-item .process__item-icon { -webkit-transform: scale(.8); -ms-transform: scale(.8); transform: scale(.8); margin-bottom: 10px; } .process-item .process__item-title { font-size: 16px; max-width: 200px; } .process-item .process__item-tags { margin-bottom: 20px; } .process-item .process__item-tag { font-size: 8px; padding: 2px 5px; border-width: 1px; } .process-item .process__item-tag-separator { font-size: 12px; margin: 0 5px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .process { -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 310px; } .process-item { width: 80px; } .process-item:after { content: ''; background: url(../images/arrow-process-small.svg) no-repeat center; background-size: contain; width: 36px; height: 10px; top: 25px; left: 95%; } .process-item:first-child:after { left: 105.5%; } .process-item .process__item-tags, .process-item .process__item-title { display: none; } .process-item .process__item-icon { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); min-height: 1px; ; } .process-item .process__item-icon img { max-width: 100%; width: auto; max-height: 60px; } } @media(max-width: 374px){ .process { max-width: 280px; } .process-item { width: 69px; } } .propositions { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -30px -16px; } .proposition { padding: 30px 16px; width: 50%; } .proposition .proposition__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .proposition .proposition__icon { width: 60px; margin-top: 7px; } .proposition .proposition__text { width: calc(100% - 60px); padding-left: 35px; } .proposition .proposition__text h5 { font-weight: 600; font-size: 20px; line-height: 1.2; } .proposition .proposition__text p { font-size: 16px; line-height: 1.5; } /* Tablet Portrait */ @media (max-width: 1023px) { .propositions { margin: -24px -30px; } .proposition { padding: 24px 30px; } .proposition .proposition__text { padding-left: 26px; } .proposition .proposition__icon { margin-top: 4px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .proposition { width: 100%; } .proposition .proposition__icon { width: 54px; } .proposition .proposition__text { width: calc(100% - 54px); padding-left: 22px; } .proposition .proposition__text h5 { font-weight: 600; font-size: 18px; line-height: 1.39; margin-bottom: 6px; } .proposition .proposition__text p { font-size: 16px; line-height: 1.63; color: #F7F7F7; } } .quote { background: #fff; border: 1px solid #DCDCDC; border-radius: 6px; height: 100%; padding: 50px 40px 40px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .quote .quote__entry { font-size: 18px; line-height: 1.56; color: #1D1F22; padding-bottom: 25px; } .quote .quote__author { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .quote .quote__avatar { width: 60px; height: 60px; } .quote .quote__name { width: calc(100% - 60px); padding-left: 30px; max-width: 360px; } .quote .quote__name h5, .quote .quote__name h6 { font-weight: 800; font-size: 14px; line-height: 1.57; letter-spacing: 1.6px; text-transform: uppercase; color: #0039FF; margin-bottom: 0; } .quote .quote__name h6 { color: rgba(43, 103, 219, 0.5); } .quote .quote__logo { padding-top: 54px; width: 112px; } .quote .quote__logo img { width: 100%; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .quote { padding: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; } .quote .quote__logo { margin-top: auto; } .quote .quote__name { padding-left: 0; width: 100%; margin-top: 20px; max-width: 100%; } } /* ------------------------------------------------------------ *\ resources \* ------------------------------------------------------------ */ .resources { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -18px; } .resource { width: 33.333%; padding: 18px; } .resource .resource__image { margin-bottom: 24px; padding-bottom: 67.5%; border-radius: 6px; position: relative; } .resource .resource__image img { border-radius: 6px; } .resource .resource__image .btn-play { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 10; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .resource .resource__image .btn-play svg { width: 64px; height: 64px; } .resource .resource__image iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .resource .resource__link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; } .resource .resource__content h4 { font-weight: 700; font-size: 20px; color: #1D1F22; line-height: 1.35; margin-bottom: 8px; } .resource .resource__content h4 a { text-decoration: none; display: block; } .resource .resource__content h4 a:hover { color: #0039FF; } .resource .resource__content p { font-size: 16px; color: #6F7071; letter-spacing: 0; line-height: 1.5; } .resource .resource__content .link-more { opacity: 0.9; font-weight: 900; font-size: 14px; color: #1D1F22; letter-spacing: 1.17px; } .resource .resource__download { text-align: right; } /* resources--videos */ .resources--videos .resource .resource__image:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #1D1F22; opacity: .3; border-radius: 6px; -webkit-transition: all .4s; transition: all .4s; } .resources--videos .resource .resource__image:hover:after { content: ''; opacity: .7; } /* Tablet Portrait */ @media (max-width: 1023px) { .resources { margin: 0 -8px; } .resource { padding: 0 8px; } .resource .resource__content h4 { font-size: 18px; line-height: 1.5; } .resource .resource__content p { font-size: 16px; line-height: 1.63; } .resource .resource__image { margin-bottom: 20px; } .resource .resource__content { padding: 0 10px; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .resources { margin: 0; } .resource { width: 100%; padding: 0; margin-bottom: 40px; } .resource:last-child { margin-bottom: 0; } .resource .resource__image .btn-play svg { width: 60px; height: 60px; } .resource .resource__download { text-align: left; } } /* ------------------------------------------------------------ *\ Richtext Entry \* ------------------------------------------------------------ */ .richtext-entry > ul:not([class]), .richtext-entry > ol:not([class]) { padding-left: 30px; } .richtext-entry > ul:not([class]) ol, .richtext-entry > ul:not([class]) ul, .richtext-entry > ol:not([class]) ol, .richtext-entry > ol:not([class]) ul { padding-left: 30px; } .richtext-entry > blockquote { border-left: 2px solid #0039FF; margin-left: 0; padding: 0 0 0 16px; } /* * Unset nested content selector styles * - Prevents layout styles from cascading too deeply * - helps with plugin compatibility */ .richtext-entry > .richtext-entry { margin: inherit; max-width: inherit; padding: inherit; } /* Blocks */ .richtext-entry > *.alignwide { width: 100%; max-width: 100%; clear: both; } .richtext-entry > *.aligncenter { margin-left: auto; margin-right: auto; } .richtext-entry > *.alignfull { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); width: auto; } /* ------------------------------------------------------------ *\ section animations \* ------------------------------------------------------------ */ .main > section { visibility: visible; opacity: 1; // transform: translateY(50px); -webkit-transition: all 0.7s; transition: all 0.7s; } .main > section:not(:first-child) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .main > section.animated { visibility: visible; opacity: 1; // transform: translateY(0px); } /* ------------------------------------------------------------ *\ Section Default \* ------------------------------------------------------------ */ .section-default { margin: 50px 0; } .page_new_header .section-default { margin-top: 0; } .section-default .pagetitle { margin-bottom: 20px; } .section-default .pagetitle:last-child { margin-bottom: 0; } .section-default ul, .section-default ol { display: block; text-align: left; margin-left: 20px; } /*section-default--404*/ .section-default--404 { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .section-default--404 .shell { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .section-default--404 .section__content { text-align: center; } .section-default--404 .section__content .btn { margin-top: 20px; } /* ------------------------------------------------------------ *\ section-features \* ------------------------------------------------------------ */ .section-features { background-image: -webkit-gradient(linear, right top, left top, from(#33373d), to(#1d1f22)); background-image: linear-gradient(270deg, #33373d 0%, #1d1f22 100%); position: relative; padding: 40px 0 80px; overflow: hidden; } .section-features .section__ornament-top { max-width: 1105px; position: absolute; top: -260px; right: -465px; } .section-features .section__ornament-bottom { max-width: 820px; position: absolute; bottom: -175px; left: -290px; } .section-features .section__ornament-bottom--mobile { display: none; } .section-features .section__body { padding-bottom: 60px; } .section-features .section__actions { text-align: center; } .section-features .section__actions p { font-weight: 700; font-size: 16px; color: #fff; letter-spacing: 1.5px; line-height: 1.25; text-transform: uppercase; margin-bottom: 30px; } .section-features .section__actions .btn { min-width: 272px; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-features { padding: 60px 0; } .section-features .section__ornament-bottom { max-width: 770px; bottom: -195px; left: -280px; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-features { padding: 37px 0 50px; } .section-features .section__ornament-top { max-width: 585px; position: absolute; top: -12px; right: -309px; } .section-features .section__ornament-bottom { display: none; } .section-features .section__ornament-bottom--mobile { display: block; max-width: 580px; position: absolute; bottom: 15px; left: -342px; } .section-features .section__body { padding-bottom: 38px; } .section-features .section__actions p { font-size: 12px; line-height: 1.67; letter-spacing: 1.12px; margin-bottom: 20px; } .section-features .section__actions .btn { min-width: 275px; font-size: 12px; padding: 14px; } } /* ------------------------------------------------------------ *\ section-costs \* ------------------------------------------------------------ */ .section-costs { background-color: #f7f7f7; padding: 80px 0 20px; } .section-costs .section__head { text-align: center; padding-bottom: 60px; } @media (max-width: 920px) { .section-costs { padding: 50px 0; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-costs .section__head { padding-bottom: 40px; } } /* ------------------------------------------------------------ *\ section-solutions \* ------------------------------------------------------------ */ .section-solutions { padding: 80px 0; } .section-solutions .section__head { text-align: center; padding-bottom: 50px; } .section-solutions .section__head h2 { font-size: 50px; margin-bottom: 10px; } .section-solutions .section__head p { font-size: 18px; color: #77797a; line-height: 1.67; } .section-solutions .section__head-inner { max-width: 736px; margin: 0 auto; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-solutions .section__head h2 { font-size: 40px; } } @media (max-width: 920px) { .section-solutions { padding: 50px 0; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-solutions .section__head h2 { font-size: 26px; color: #1D1F22; line-height: 1.54; margin-bottom: 8px; } .section-solutions .section__head p { font-size: 16px; color: #77797a; line-height: 1.5; } } /* ------------------------------------------------------------ *\ section-testimonials \* ------------------------------------------------------------ */ .section-testimonials { position: relative; padding: 80px 0 45px; } .section-testimonials .shell { position: relative; z-index: 10; } .section-testimonials .section__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .section-testimonials .section__overlay:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.87; background: #0039FF; mix-blend-mode: overlay; z-index: 1; } .section-testimonials .section__overlay:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(29, 31, 34, 0.5)), to(rgba(0, 0, 0, 0.6)) ); background-image: linear-gradient( 180deg, rgba(29, 31, 34, 0.5) 0%, rgba(0, 0, 0, 0.6) 100% ); } .section-testimonials .section__slider { margin: 0 -14px; } .section-testimonials .section__foot { text-align: center; padding-top: 55px; position: relative; z-index: 19; } .section-testimonials .section__foot:only-child { padding-top: 0; } .section-testimonials .section__foot h5, .section-testimonials .section__foot .h5 { color: #fff; text-transform: uppercase; font-size: 14px; letter-spacing: 1.5px; } .section-testimonials .slider-logos { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 20px; } .section-testimonials .slider-logos li { width: 20%; } .section-testimonials .slider-logos li img { max-width: 179px; margin: 0 auto; } .section-testimonials .slider-logos a { pointer-events: none; } .section-testimonials .slider-logos .slick-list { width: 100%; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-testimonials .section__foot h5, .section-testimonials .section__foot .h5 { margin-bottom: 34px; } .section-testimonials .slider-logos li { margin-bottom: 35px; } .section-testimonials .slider-logos li img { max-width: 144px; } } @media (max-width: 920px) { .section-testimonials { padding: 50px 0 20px; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-testimonials .shell { padding: 0; } .section-testimonials .section__foot h5, .section-testimonials .section__foot .h5 { font-size: 12px; line-height: 1.67; letter-spacing: 1.12px; } .section-testimonials .slider-logos li { width: 50%; margin-bottom: 30px; } .section-testimonials .slider-logos li img { width: 140px; } } /* ------------------------------------------------------------ *\ section-plans \* ------------------------------------------------------------ */ .section-plans { padding: 80px 0; } .section-plans .section__head { text-align: center; padding-bottom: 30px; } .section-plans .section__head-inner { max-width: 736px; margin: 0 auto; } .section-plans .section__head h1 { font-weight: 900; font-size: 50px; color: #fff; margin-bottom: 10px; } .section-plans .section__head h2 { margin-bottom: 10px; } .section-plans .section__head p { font-size: 18px; color: #6f7071; line-height: 1.61; } .section-plans .section__actions { padding-top: 30px; text-align: center; } .section-plans .section__actions .btn { min-width: 305px; padding: 15px; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-plans .section__head h1 { margin-bottom: 15px; } .section-plans .section__head h2 { font-size: 40px; } } @media (max-width: 920px) { .section-plans { padding: 50px 0 40px; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-plans .section__head h2 { font-size: 26px; } .section-plans .section__head p { font-size: 16px; line-height: 1.63; } .section-plans .section__head-inner { padding: 0 5px; } .section-plans .section__actions .btn { min-width: 231px; } .section-plans .section__head h1 { font-weight: 900; font-size: 30px; margin-bottom: 12px; } } /* ------------------------------------------------------------ *\ section-plans--colored \* ------------------------------------------------------------ */ .section-plans--colored { background-color: #0039FF; padding: 160px 0 80px; } .section-plans--colored .section__head { padding-bottom: 40px; } .section-plans--colored .section__head-inner { max-width: 800px; margin: 0 auto; } .section-plans--colored .section__head h2 { color: #fff; } .section-plans--colored .section__head p { color: #fff; opacity: 0.85; } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-plans--colored { padding: 94px 0 40px; } .section-plans--colored .section__head { padding-bottom: 30px; } .section-plans--colored .section__head p { opacity: 0.85; font-size: 16px; line-height: 1.5; } } /* ------------------------------------------------------------ *\ section-slider-news \* ------------------------------------------------------------ */ .section-slider-news { background-color: #1D1F22; padding: 80px 0 60px; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-slider-news { padding: 80px 0; } } @media (max-width: 920px) { .section-slider-news { padding: 50px 0; } } /* ------------------------------------------------------------ *\ section-intro-video \* ------------------------------------------------------------ */ .section-intro-video { position: relative; padding: 125px 0 118px; text-align: center; color: #fff; } .page_new_header .section-intro-video { padding-top: 118px; } .section-intro-video .section__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .section-intro-video .section__overlay:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.87; background: #0039FF; mix-blend-mode: overlay; z-index: 1; } .section-intro-video .section__overlay:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(29, 31, 34, 0.5)), to(rgba(0, 0, 0, 0.6)) ); background-image: linear-gradient( 180deg, rgba(29, 31, 34, 0.5) 0%, rgba(0, 0, 0, 0.6) 100% ); } .section-intro-video .shell { position: relative; z-index: 10; } .section-intro-video .section__head { padding-bottom: 40px; } .section-intro-video .section__head h5 { color: #EDF925; font-weight: 700; font-size: 14px; letter-spacing: 1.17px; text-transform: uppercase; margin-bottom: 13px; } .section-intro-video .section__head h1 { font-weight: 900; font-size: 50px; letter-spacing: 0; text-align: center; margin-bottom: 8px; } .section-intro-video .section__head p { opacity: 0.85; font-size: 18px; line-height: 1.67; } .section-intro-video .section__video { margin-bottom: 50px; position: relative; } .section-intro-video .section__video:last-child { margin-bottom: 0; } .section-intro-video .section__video:hover:after { opacity: 0.7; background-color: #1d1f22; } .section-intro-video .section__video:hover .btn-play circle { fill: #d6be42; } .section-intro-video .section__video:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background-color: #000; opacity: 0.3; -webkit-transition: all 0.4s; transition: all 0.4s; border-radius: 6px; } .section-intro-video .section__video-content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 11; pointer-events: none; } .section-intro-video .section__video-content p { font-weight: 900; font-size: 16px; letter-spacing: 1.78px; text-align: center; text-shadow: 0 2px 6px rgba(0, 0, 0, 0.25); text-transform: uppercase; } .section-intro-video .section__video-content .btn-play { margin-bottom: 22px; } .section-intro-video .section__video .section__bg { border-radius: 6px; } .section-intro-video .plyr { opacity: 0; z-index: 134; position: relative; } .section-intro-video .plyr > button.plyr__control { width: 100%; height: 100%; z-index: 19; border-radius: 0; opacity: 0; } .section-intro-video .play-now:after { opacity: 0; } .section-intro-video .play-now .section__bg { opacity: 0; } .section-intro-video .play-now .plyr { opacity: 1; } .section-intro-video .pause-now:after { opacity: 0; } .section-intro-video .pause-now .section__bg { opacity: 0; } .section-intro-video .pause-now .plyr { opacity: 1; } .section-intro-video .section__foot { max-width: 736px; margin: 0 auto; } .section-intro-video .section__foot h5 { font-weight: 600; font-size: 24px; letter-spacing: 0; text-align: center; line-height: 1.63; margin-bottom: 10px; } .section-intro-video .section__foot h4 { font-weight: 600; font-size: 24px; line-height: 1.63; } .section-intro-video .section__foot p { opacity: 0.85; font-size: 16px; letter-spacing: 0; text-align: center; line-height: 1.63; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-intro-video { padding-bottom: 80px; } .section-intro-video .section__head h5 { margin-bottom: 20px; } .section-intro-video .section__head h1 { margin-bottom: 12px; } .section-intro-video .section__foot h5 { font-size: 22px; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-intro-video { padding: 80px 0 50px; } .page_new_header .section-intro-video { padding-top: 50px; } .section-intro-video .section__head h5 { margin-bottom: 10px; } .section-intro-video .section__head h1 { font-size: 30px; line-height: 1.43; margin-bottom: 10px; } .section-intro-video .section__head p { opacity: 0.85; font-size: 16px; line-height: 1.63; padding: 0 15px; } .section-intro-video .section__video { margin-bottom: 40px; } .section-intro-video .section__video-content { width: 100%; } .section-intro-video .section__video-content .btn-play { margin-bottom: 12px; } .section-intro-video .section__video-content p { font-weight: 900; font-size: 12px; letter-spacing: 1.5px; text-shadow: 0 2px 6px rgba(0, 0, 0, 0.25); } .section-intro-video .section__foot { padding: 0 10px; } .section-intro-video .section__foot h5 { font-weight: 600; font-size: 18px; color: #ffffff; letter-spacing: 0; text-align: center; line-height: 24px; margin-bottom: 8px; } .section-intro-video .section__foot h4 { font-size: 20px; line-height: 1.3; } .section-intro-video .section__foot p { opacity: 0.85; font-size: 14px; color: #ffffff; letter-spacing: 0; text-align: center; line-height: 22px; } } /* ------------------------------------------------------------ *\ section-boxes \* ------------------------------------------------------------ */ .section-boxes { padding: 80px 0 50px; background-color: #f7f7f7; } .section-boxes .section__head { text-align: center; text-align: center; padding-bottom: 50px; max-width: 800px; margin: 0 auto; } .section-boxes .section__head img { max-width: 75px; display: block; margin: 0 auto 10px; } .section-boxes .section__head h2 { font-size: 43px; line-height: 1.23; margin-bottom: 10px; } .section-boxes .section__head p { font-size: 18px; color: #6f7071; letter-spacing: 0; text-align: center; line-height: 1.39; } .section-boxes .section__head-actions { padding-top: 20px; } .section-boxes .section__head-actions .btn { min-width: 306px; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-boxes .section__head h2 { font-size: 38px; } .section-boxes .section__head p { font-size: 18px; line-height: 1.56; } .section-boxes .section__head-actions .btn { min-width: 239px; font-weight: 800; font-size: 12px; letter-spacing: 1.2px; } } @media (max-width: 920px) { .section-boxes { padding: 50px 0; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-boxes .section__head { padding: 0 11px 30px; } .section-boxes .section__head img { max-width: 65px; } .section-boxes .section__head h2 { font-weight: 900; font-size: 24px; line-height: 1.46; margin-bottom: 6px; } .section-boxes .section__head p { font-size: 16px; color: #6f7071; line-height: 1.63; } .section-boxes .section__head br { display: none; } .section-boxes .section__head-actions { padding-top: 0; } .section-boxes .section__head-actions .btn { min-width: 288px; padding: 16px; } } @media (max-width: 374px) { .section-boxes .section__head-actions .btn { min-width: 250px; padding: 16px; } } /* ------------------------------------------------------------ *\ section-boxes--white \* ------------------------------------------------------------ */ .section-boxes--white { background-color: #fff; } /* ------------------------------------------------------------ *\ section-heading \* ------------------------------------------------------------ */ .section-heading:first-child { padding-top: 160px; } .page_new_header .section-heading:first-child { padding-top: 70px; } .section-heading { padding: 70px 0; text-align: center; } .section-heading .section__sub-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } .section-heading .section__sub-title img { width: 75px; } .section-heading .section__sub-title h5 { padding-left: 20px; font-weight: 700; font-size: 14px; color: #1D1F22; letter-spacing: 1.17px; text-transform: uppercase; } .section-heading .section__content { max-width: 990px; margin: 0 auto; } .section-heading h1 { font-weight: 900; font-size: 50px; color: #1D1F22; letter-spacing: 0; text-align: center; line-height: 1.2; margin-bottom: 20px; } .section-heading p { font-weight: 400; font-size: 18px; color: #6f7071; letter-spacing: 0; line-height: 28px; margin-bottom: 30px; } .section-heading p:last-child { margin-bottom: 0; } .section-heading p strong { color: #1D1F22; } .section-heading .btn { min-width: 217px; } .section-heading .shell { position: relative; z-index: 45; } .section-heading .section__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .section-heading .section__overlay:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.87; background: #0039FF; mix-blend-mode: overlay; z-index: 2; } .section-heading .section__overlay:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.27; background: #000; } .section-heading--white-text:first-child { padding-top: 130px; } .page_new_header .section-heading--white-text:first-child { padding-top: 80px; } .section-heading--white-text { padding: 80px 0; } .section-heading--white-text p, .section-heading--white-text h1, .section-heading--white-text .section__sub-title h5 { color: #fff; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-heading--white-text:first-child, .section-heading:first-child { padding-top: 163px; } .page_new_header .section-heading--white-text:first-child, .page_new_header .section-heading:first-child { padding-top: 70px; } .section-heading--white-text, .section-heading { padding: 70px 0; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-heading--white-text:first-child, .section-heading:first-child { padding-top: 104px; } .page_new_header .section-heading--white-text:first-child, .page_new_header .section-heading:first-child { padding-top: 50px; } .section-heading--white-text, .section-heading { padding: 50px 0; } .section-heading .section__sub-title { display: block; text-align: center; margin-bottom: 10px; } .section-heading .section__sub-title img { max-width: 65px; margin-bottom: 16px; } .section-heading .section__sub-title h5 { padding-left: 0; font-size: 14px; letter-spacing: 1.17px; } .section-heading h1 { font-size: 30px; line-height: 1.43; margin-bottom: 10px; } .section-heading p { opacity: 0.85; font-size: 16px; color: #6f7071; line-height: 1.56; padding: 0 25px; margin-bottom: 20px; } .section-heading p br { display: none; } .section-heading .btn { padding: 15px; min-width: 197px; } } /* ------------------------------------------------------------ *\ section-image-content \* ------------------------------------------------------------ */ .section-image-content { background-color: #f7f7f7; } .section-image-content .section__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .section-image-content .section__image { width: 50%; padding-bottom: 48.3%; } .section-image-content .section__content { width: 50%; padding: 80px; } .section-image-content .section__content-inner { max-width: 480px; } .section-image-content ul, .section-image-content ol, .section-image-content p { font-size: 18px; color: #6f7071; letter-spacing: 0; line-height: 1.56; list-style-position: inside; } .section-image-content p strong { color: #1D1F22; } /* Small Desktop */ @media (max-width: 1240px) { .section-image-content .section__content { padding: 50px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-image-content { padding-bottom: 80px; } .section-image-content .section__content-inner { max-width: 592px; margin: 0 auto; } .section-image-content .section__image { width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; max-width: 592px; margin: 0 auto; padding-bottom: 55.9%; } .section-image-content .section__content { width: 100%; padding: 80px 20px 50px; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-image-content { padding-bottom: 0; } .section-image-content .section__image { width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-bottom: 100%; } .section-image-content .section__content { width: 100%; padding: 50px 30px; } .section-image-content .section__content-inner { max-width: 100%; } .section-image-content ul, .section-image-content ol, .section-image-content p { font-size: 16px; line-height: 1.63; } } /* ------------------------------------------------------------ *\ section-packages \* ------------------------------------------------------------ */ .section-packages { padding: 80px 0; } .section-packages .section__head { text-align: center; padding-bottom: 40px; } .section-packages .section__head h1 { font-size: 43px; line-height: 1.23; color: #1D1F22; margin-bottom: 10px; } .section-packages .section__head h2 { font-weight: 600; font-size: 24px; color: #1D1F22; line-height: 1.5; } .section-packages .section__head p { font-size: 16px; line-height: 1.5; padding-bottom: 20px; } .section-packages .section__foot { text-align: center; padding-top: 40px; } .section-packages .section__foot h5 { font-weight: 700; font-size: 18px; color: #000; line-height: 1.44; margin-bottom: 20px; } .section-packages .section__foot .btn { padding: 15px; min-width: 336px; } .section-packages .section__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 30px; display: none; } .section-packages .section__actions .section__dots { height: 7px; margin: 0 20px; } .section-packages .section__actions .slick-dots { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; list-style: none; font-size: 0; line-height: 0; text-indent: -4004px; margin: 0; } .section-packages .section__actions .slick-dots li { margin: 0 5px; } .section-packages .section__actions .slick-dots li button { width: 7px; height: 7px; border-radius: 50%; background-color: #0039FF; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; opacity: 0.6; -webkit-transition: all 0.4s; transition: all 0.4s; } .section-packages .section__actions .slick-dots li button:hover, .section-packages .section__actions .slick-dots li.slick-active button { opacity: 1; } .section-packages .section__actions .btn-prev { display: block; background: url(../images/arrow-left-blue.svg) no-repeat 0 0; width: 20px; height: 12px; background-size: contain; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; opacity: 0.5; } .section-packages .section__actions .btn-prev:hover { opacity: 1; } .section-packages .section__actions .btn-next { display: block; background: url(../images/arrow-right-blue.svg) no-repeat 0 0; width: 20px; height: 12px; background-size: contain; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; opacity: 0.5; } .section-packages .section__actions .btn-next:hover { opacity: 1; } .section-packages .section__actions .slick-disabled { opacity: 0.5; pointer-events: none; } .section-packages .section__button { padding-top: 16px; } .section-packages .section__button .btn-full-yellow { border-radius: 6px; } .section-packages--gray { background-color: #f7f7f7; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-packages .shell { padding: 0; } .section-packages .section__actions { display: -webkit-box; display: -ms-flexbox; display: flex; } .section-packages .section__button { padding: 16px 62px 20px 70px; } .section-packages .section__button .btn-full-yellow { font-size: 14px; letter-spacing: 1.29px; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-packages { padding: 50px 0 40px; } .section-packages .shell { padding: 0; } .section-packages .section__head { padding-bottom: 30px; } .section-packages .section__head h2 { font-size: 20px; } .section-packages .section__head h1 { font-weight: 600; font-size: 24px; line-height: 1.5; } .section-packages .section__foot { padding-top: 40px; } .section-packages .section__foot h5 { font-weight: 600; font-size: 16px; line-height: 1.44; max-width: 74%; margin: 0 auto 14px; } .section-packages .section__foot .btn { min-width: 288px; padding: 13px; } .section-packages .section__button { padding: 16px 20px 0; } .section-packages .section__button .btn-full-yellow { font-size: 12px; padding: 9px; } } /* ------------------------------------------------------------ *\ section-tabs \* ------------------------------------------------------------ */ .section-tabs { padding: 80px 0; } .section-tabs .section__head { text-align: center; padding-bottom: 60px; } .section-tabs .section__head h2 { font-weight: 700; font-size: 43px; color: #1D1F22; line-height: 1.23; margin-bottom: 10px; } .section-tabs .section__head p { font-size: 18px; color: #6f7071; letter-spacing: 0; text-align: center; line-height: 1.56; } .section-tabs--gray { background-color: #f7f7f7; margin-bottom: 80px; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-tabs .section__head h2 { font-size: 40px; } .section-tabs .section__head { padding-bottom: 50px; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-tabs { padding: 50px 0; } .section-tabs .section__head { padding: 0 10px 30px; } .section-tabs .section__head h2 { font-size: 24px; color: #1d1f22; letter-spacing: 0; text-align: center; line-height: 35px; } .section-tabs .section__head p { font-size: 16px; color: #6f7071; letter-spacing: 0; text-align: center; line-height: 26px; } .section-tabs .section__head p br { display: none; } } /* ------------------------------------------------------------ *\ section-cta-gradient \* ------------------------------------------------------------ */ .section-testimonials + .section-cta-gradient, .section-boxes-type-2 + .section-cta-gradient { margin-top: 80px; } .section-cta-gradient .section__inner { background: #275fcc; border-radius: 5px; text-align: center; padding: 75px 0; position: relative; } .section-cta-gradient .section__inner:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient( 179deg, rgba(255, 255, 255, 0.25) 0%, rgba(0, 0, 0, 0.45) 100% ); opacity: 0.5; border-radius: 6px; } .section-cta-gradient .section__inner h3 { font-weight: 600; font-size: 35px; color: #fff; line-height: 1; margin-bottom: 30px; } .section-cta-gradient .section__inner h6 { font-size: 18px; line-height: 1.56; color: #fff; font-weight: 400; margin-bottom: 30px; } .section-cta-gradient .section__inner h3 + h6 { margin-top: -22px; } .section-cta-gradient .section__inner p { opacity: 0.85; font-size: 16px; color: #fff; line-height: 1.69; margin-bottom: 20px; } .section-cta-gradient .section__inner p:last-child { margin-bottom: 0; } .section-cta-gradient .section__inner .btn { padding: 15px; min-width: 245px; } .section-cta-gradient .section__content { position: relative; z-index: 19; max-width: 736px; margin: 0 auto; } .section-cta-gradient:last-child { padding-bottom: 80px; } .section-cta-gradient--with-bg { background-color: #f7f7f7; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-cta-gradient .section__content { padding: 0 15px; } .section-cta-gradient .section__inner h3 { font-weight: 600; font-size: 35px; color: #ffffff; letter-spacing: 0; text-align: center; line-height: 35px; } } @media (max-width: 920px) { .section-boxes-type-2 + .section-cta-gradient { margin-top: 0; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-testimonials + .section-cta-gradient { margin-top: 50px; } .section-cta-gradient .section__inner { padding: 60px 30px; } .section-cta-gradient .section__inner h3 { font-weight: 600; font-size: 24px; line-height: 1.42; margin-bottom: 10px; } .section-cta-gradient .section__inner h6 { font-size: 18px; line-height: 1.56; } .section-cta-gradient .section__inner h3 + h6 { margin-top: 0; } .section-cta-gradient .section__inner p { opacity: 0.85; font-size: 14px; color: #ffffff; line-height: 1.71; } .section-cta-gradient .section__inner .btn { min-width: 245px; padding: 16px; font-size: 14px; letter-spacing: 1.4px; } .section-cta-gradient:last-child { padding-bottom: 50px; } .section-pricing + .section-cta-gradient { margin-top: 50px; } } @media (max-width: 374px) { .section-cta-gradient .section__inner .btn { min-width: 195px; } } /* ------------------------------------------------------------ *\ section-cta \* ------------------------------------------------------------ */ .section-cta { padding: 80px 0; text-align: center; } .section-cta .section__head { padding-bottom: 30px; } .section-cta .section__head h3 { font-weight: 600; font-size: 24px; color: #1D1F22; line-height: 1.5; } .section-cta .btn { padding: 15px; min-width: 330px; margin: 15px 5px; } /* Tablet Portrait */ /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-cta { padding: 40px 0 50px; } .section-cta .section__head { padding-bottom: 20px; } .section-cta .section__head h3 { font-weight: 600; font-size: 18px; line-height: 1.5; max-width: 80%; margin: 0 auto 15px; } .section-cta .section__head h3 br { display: none; } .section-cta .btn { min-width: 288px; margin: 0 auto 14px; padding: 13px; display: block; max-width: 288px; } .section-cta .btn:last-child { margin-bottom: 0; } } @media (max-width: 374px) { .section-cta .btn { min-width: 220px; } } /* ------------------------------------------------------------ *\ section-intro-half \* ------------------------------------------------------------ */ .section-intro-half:first-child { padding-top: 147px; } .page_new_header .section-intro-half:first-child { padding-top: 0; } .section-intro-half { background-color: #f7f7f7; } .section-intro-half .section__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .section-intro-half .section__content { width: 51%; -ms-flex-item-align: center; align-self: center; padding-left: calc(50vw - 560px); } .section-intro-half .section__content-inner { max-width: 507px; padding: 50px 0; } .section-intro-half .section__image { width: 49%; min-height: 624px; } .section-intro-half h1 { font-weight: 900; font-size: 50px; color: #1D1F22; line-height: 1.28; margin-bottom: 20px; } .section-intro-half p { opacity: 0.6; font-size: 18px; color: #1D1F22; line-height: 1.56; margin-bottom: 30px; } .section-intro-half p:last-child { margin-bottom: 0; } .section-intro-half .btn { min-width: 217px; } @media (max-width: 1160px) { .section-intro-half .section__content { padding-left: 20px; padding-right: 20px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-intro-half:first-child { padding-top: 150px; } .page_new_header .section-intro-half:first-child { padding-top: 80px; } .section-intro-half { padding-bottom: 80px; } .section-intro-half .section__content { width: 100%; text-align: center; padding: 0 0 50px; } .section-intro-half .section__content-inner { max-width: 100%; padding: 0; max-width: 700px; margin: 0 auto; } .section-intro-half .section__image { width: 100%; padding-bottom: 0%; min-height: 592px; max-width: 592px; margin: 0 auto; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-intro-half:first-child { padding-top: 94px; } .page_new_header .section-intro-half:first-child { padding-top: 50px; } .section-intro-half { padding-bottom: 0; background-color: #f7f7f7; } .section-intro-half .section__content { width: 100%; text-align: center; padding: 0 0 50px; } .section-intro-half .section__content-inner { padding: 0 30px; max-width: 100%; } .section-intro-half .section__image { width: 100%; } .section-intro-half h1 { font-size: 30px; line-height: 1.43; margin-bottom: 6px; } .section-intro-half p { opacity: 0.85; font-size: 16px; line-height: 1.63; margin-bottom: 24px; color: #6f7071; } .section-intro-half .section__image { min-height: auto; padding-bottom: 100%; max-width: 100%; } } /* ------------------------------------------------------------ *\ section-solution-cols \* ------------------------------------------------------------ */ .section-solution-cols { padding: 80px 0 25px; } .section-solution-cols .section__head { text-align: center; max-width: 736px; margin: 0 auto 60px; } .section-solution-cols .section__head h2 { font-weight: 700; font-size: 35px; color: #000; line-height: 1.29; margin-bottom: 10px; } .section-solution-cols .section__head p { font-weight: 400; font-size: 16px; color: #6f7071; line-height: 1.63; } .section-solution-cols .section__body ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin: 0 -26px; } .section-solution-cols .section__body ul li { width: 50%; padding: 0 16px 0 36px; position: relative; margin-bottom: 55px; } .section-solution-cols .section__body ul li:after { content: ''; width: 12px; height: 12px; position: absolute; top: 9px; left: 0; background-color: #EDF925; } .section-solution-cols .section__body ul h5 { font-weight: 600; font-size: 20px; color: #000; letter-spacing: 0; line-height: 1.5; margin-bottom: 6px; } .section-solution-cols .section__body ul p { font-size: 16px; color: #6f7071; line-height: 1.63; } .section-solution-cols .section__video { min-height: 390px; border-radius: 6px; position: relative; margin-bottom: 80px; -webkit-box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.12); } .section-solution-cols .section__video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 6px; } .section-solution-cols .section__inner { max-width: 930px; margin: 0 auto; } /* Small Desktop */ @media (max-width: 1240px) { .section-solution-cols .section__image { width: 50%; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-solution-cols .section__image { width: 100%; } .section-solution-cols .section__image img { width: 100%; } .section-solution-cols .section__content { width: 100%; } .section-solution-cols .section__content { padding-left: 0; padding-bottom: 0; } .section-solution-cols .section__cols { max-width: 592px; margin: 0 auto; } .section-solution-cols .section__col { padding-bottom: 0; } .section-solution-cols .section__col--reversed { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .section-solution-cols .section__cols { margin-bottom: 40px; } .section-solution-cols .section__body ul { margin: 0; } } @media (max-width: 920px) { .section-solution-cols { padding: 50px 0; } .section-solution-cols .section__head { margin-bottom: 40px; padding: 0 10px; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-solution-cols .section__head h2 br { display: none; } .section-solution-cols .section__head h2 { font-weight: 900; font-size: 24px; color: #1d1f22; line-height: 1.46; margin-bottom: 10px; } .section-solution-cols .section__head p { font-size: 16px; color: #6f7071; line-height: 1.63; } .section-solution-cols .section__col h5 { font-weight: 600; font-size: 18px; color: #1d1f22; } .section-solution-cols .section__col p { font-size: 16px; color: #6f7071; line-height: 1.63; } .section-solution-cols .section__col li { padding-left: 30px; } .section-solution-cols .section__col li:after { top: 9px; } .section-solution-cols .section__body ul { margin: 0; } .section-solution-cols .section__body ul li { width: 100%; margin-bottom: 30px; } .section-solution-cols .section__body ul li:last-child { margin-bottom: 0; } .section-solution-cols .section__video { margin-bottom: 40px; min-height: 200px; } .section-solution-cols .section__body ul h5 { font-size: 18px; line-height: 1.3; margin-bottom: 8px; } .section-solution-cols .section__body ul p { font-size: 16px; } .section-solution-cols .section__body ul li:after { top: 7px; } } /* ------------------------------------------------------------ *\ section-about-text \* ------------------------------------------------------------ */ .section-costs-small { background-color: #f7f7f7; text-align: center; padding: 60px 0 80px; } .section-costs-small h3 { font-weight: 700; font-size: 26px; color: #000; } .section-costs-small p { font-size: 18px; line-height: 1.22; color: #6f7071; } .section-costs-small .section__head { padding-bottom: 40px; } @media (max-width: 920px) { .section-costs-small { padding: 50px 0; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-costs-small .section__head { padding-bottom: 24px; } .section-costs-small .section__head h3 { font-weight: 900; font-size: 20px; color: #1d1f22; line-height: 1.5; max-width: 80%; margin: 0 auto 0; } .section-costs-small .section__head p { display: none; } } /* ------------------------------------------------------------ *\ section-testimonial-single \* ------------------------------------------------------------ */ .section-testimonial-single { padding: 80px 0; } .section-testimonial-single .section__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .section-testimonial-single .section__overlay:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.87; background: #0039FF; mix-blend-mode: overlay; z-index: 1; } .section-testimonial-single .section__overlay:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(29, 31, 34, 0.5)), to(rgba(0, 0, 0, 0.6)) ); background-image: linear-gradient( 180deg, rgba(29, 31, 34, 0.5) 0%, rgba(0, 0, 0, 0.6) 100% ); } .section-testimonial-single .section__inner { position: relative; z-index: 19; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-radius: 6px; -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.35); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.35); border-radius: 6px; } .section-testimonial-single .section__content { width: 52%; padding: 66px 80px 65px 70px; background-color: #fff; border-radius: 6px 0 0 6px; } .section-testimonial-single .section__image { width: 48%; position: relative; } .section-testimonial-single .section__image:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #1d1f22; opacity: 0.75; z-index: 9; border-radius: 0 5px 5px 0; } .section-testimonial-single .section__content blockquote p { font-weight: 400; font-size: 20px; color: #1d1f22; letter-spacing: 0; line-height: 31px; } .section-testimonial-single .section__content h5, .section-testimonial-single .section__content h6 { font-weight: 900; font-size: 14px; color: #0039FF; letter-spacing: 1.6px; line-height: 1.57; text-transform: uppercase; margin-bottom: 0; } .section-testimonial-single .section__content h6 { opacity: 0.5; } .section-testimonial-single .section__content .btn { min-width: 208px; padding: 15px; margin-top: 40px; } .section-testimonial-single .section__logo { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 15; } .section-testimonial-single .bg-image { border-radius: 0 6px 6px 0; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-testimonial-single .section__inner { max-width: 592px; margin: 0 auto; } .section-testimonial-single .section__content { width: 100%; border-radius: 6px 6px 0 0; } .section-testimonial-single .section__image:before { border-radius: 0 0 6px 6px; } .section-testimonial-single .section__image { width: 100%; border-radius: 0 0 6px 6px; padding-bottom: 81%; } .section-testimonial-single .section__image img { border-radius: 0 0 6px 6px; } .section-testimonial-single .section__image .section__logo { max-width: 240px; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-testimonial-single { padding: 50px 0; } .section-testimonial-single .section__content { width: 100%; padding: 40px; border-radius: 6px 6px 0 0; } .section-testimonial-single .section__content blockquote p { font-size: 16px; line-height: 1.56; } .section-testimonial-single .section__content h5, .section-testimonial-single .section__content h6 { font-size: 12px; letter-spacing: 1.37px; line-height: 1.83; } .section-testimonial-single .section__content .btn { min-width: 189px; padding: 14px; margin-top: 30px; } .section-testimonial-single .section__image { width: 100%; padding-bottom: 100%; border-radius: 0 0 6px 6px; } .section-testimonial-single .section__image img { border-radius: 0 0 6px 6px; } .section-testimonial-single .section__image .section__logo { border-radius: 0; max-width: 179px; } } /* ------------------------------------------------------------ *\ section-intro-small \* ------------------------------------------------------------ */ .section-intro-small { padding: 200px 0 150px; } .page_new_header .section-intro-small { padding-top: 150px; } .section-intro-small .section__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .section-intro-small .section__overlay:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.87; background: #0039FF; mix-blend-mode: overlay; z-index: 2; } .section-intro-small .section__overlay:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.27; background: #000; } .section-intro-small .section__inner { position: relative; z-index: 10; color: #fff; text-align: center; } .section-intro-small h1 { font-weight: 900; font-size: 50px; color: #fff; line-height: 1.2; } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-intro-small { padding: 114px 0 100px; } .page_new_header .section-intro-small { padding-top: 100px; } .section-intro-small h1 { font-size: 30px; line-height: 1.43; } } /* Events Intro */ .section-event-intro .section__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .section-event-intro .section__overlay:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #0039FF; } .section-event-intro .section__overlay:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(29, 31, 34, 0.5)), to(rgba(0, 0, 0, 0.6)) ); background-image: linear-gradient( 180deg, rgba(29, 31, 34, 0.5) 0%, rgba(0, 0, 0, 0.6) 100% ); z-index: 9; } /* ------------------------------------------------------------ *\ section-cols \* ------------------------------------------------------------ */ .section-cols { padding: 95px 0 100px; } .section-cols .section__head { text-align: center; padding-bottom: 40px; } .section-cols .section__head h2 { font-weight: 700; font-size: 35px; color: #1D1F22; letter-spacing: 0; text-align: center; line-height: 1.29; } .section-cols .section__cols { max-width: 928px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 16px; color: #6f7071; line-height: 1.5; } .section-cols .section__col { width: 50%; } .section-cols .section__col:first-child { padding-right: 16px; } .section-cols .section__col:last-child { padding-left: 16px; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-cols .section__head h2 br { display: none; } } @media (max-width: 920px) { .section-cols { padding: 50px 0; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-cols .section__head { padding: 0 20px 20px 20px; } .section-cols .section__head h2 { font-size: 24px; line-height: 1.46; } .section-cols .section__head br { display: none; } .section-cols .section__cols { padding: 0 10px; } .section-cols .section__col { width: 100%; font-size: 16px; color: #6f7071; line-height: 1.63; margin-bottom: 20px; padding: 0; } .section-cols .section__col:last-child { margin-bottom: 0; } .section-cols .section__col:first-child { padding-right: 0; } .section-cols .section__col:last-child { padding-left: 0; } } /* ------------------------------------------------------------ *\ section-boxes-type-2 \* ------------------------------------------------------------ */ .section-boxes-type-2 { padding: 80px 0 20px; } .section-boxes-type-2 .section__head { text-align: center; padding-bottom: 60px; max-width: 768px; margin: 0 auto; } .section-boxes-type-2 .section__head h2 { margin-bottom: 20px; } .section-boxes-type-2 .section__head p { font-size: 16px; line-height: 1.5; color: #000; opacity: 0.6; } .section-boxes-type-2--dark { background-image: -webkit-gradient(linear, right top, left top, from(#33373d), to(#1d1f22)); background-image: linear-gradient(270deg, #33373d 0%, #1d1f22 100%); } .section-boxes-type-2--dark .section__head h2 { color: #fff; } .section-boxes-type-2--dark .section__head p { color: #fff; opacity: 0.6; } @media (max-width: 920px) { .section-boxes-type-2 { padding: 50px 0; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-boxes-type-2 .section__head { padding: 0 10px 40px; } .section-boxes-type-2 .section__head p { font-size: 16px; line-height: 1.63; } .section-boxes-type-2--dark .section__head p { color: #fff; opacity: 0.85; } } /* ------------------------------------------------------------ *\ section-intro-about \* ------------------------------------------------------------ */ .section-intro-about { padding: 180px 0 120px; } .page_new_header .section-intro-about { padding-top: 120px; } .section-intro-about .section__inner { position: relative; z-index: 10; color: #fff; max-width: 540px; } .section-intro-about .section__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .section-intro-about .section__overlay:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.87; background: #0039FF; mix-blend-mode: overlay; z-index: 2; } .section-intro-about h1 { font-weight: 900; font-size: 50px; line-height: 1.2; margin-bottom: 20px; } .section-intro-about p { opacity: 0.85; font-size: 16px; letter-spacing: 0; line-height: 1.5; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-intro-about { padding: 160px 0 120px; } .page_new_header .section-intro-about { padding-top: 120px; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-intro-about { padding: 94px 0 50px; } .page_new_header .section-intro-about { padding-top: 50px; } .section-intro-about .section__inner { text-align: center; max-width: 100%; } .section-intro-about h1 { font-size: 30px; line-height: 1.43; margin-bottom: 12px; } .section-intro-about p { opacity: 0.85; font-size: 16px; line-height: 1.63; } } /* ------------------------------------------------------------ *\ section-costs-small--transparent \* ------------------------------------------------------------ */ .section-about-text { background-color: transparent; padding: 80px 0; } .section-about-text .section__head { max-width: 736px; margin: 0 auto; padding-bottom: 60px; text-align: center; } .section-about-text .section__head:only-child { padding-bottom: 0; } .section-about-text .section__head h3 { font-size: 35px; color: #1D1F22; letter-spacing: 0; text-align: center; line-height: 45px; margin-bottom: 30px; } .section-about-text .section__head p { font-size: 16px; color: #6f7071; line-height: 1.5; } .section-about-text .section__body ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; text-align: center; } .section-about-text .section__body ul h5 { font-weight: 600; font-size: 18px; color: #1D1F22; line-height: 1.39; } .section-about-text .section__body li { width: 33.33%; text-align: center; padding: 0 20px; } .section-about-text .section__body ul img { max-width: 248px; margin: 0 auto 35px; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-about-text .section__body ul img { max-width: 200px; } .section-about-text .section__body li br { display: none; } } @media (max-width: 920px) { .section-about-text { padding: 50px 0; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-about-text .section__head { padding: 0 10px 40px; } .section-about-text .section__head h3 { font-weight: 900; font-size: 24px; line-height: 1.46; margin-bottom: 12px; } .section-about-text .section__head p { font-size: 16px; color: #6f7071; line-height: 1.63; } .section-about-text .section__body ul { display: block; } .section-about-text .section__body li { width: 100%; margin-bottom: 40px; } .section-about-text .section__body li:last-child { margin-bottom: 0; } .section-about-text .section__body ul h5 { font-size: 16px; color: #1d1f22; line-height: 1.44; } .section-about-text .section__body ul br { display: none; } .section-about-text .section__body ul img { margin-bottom: 30px; max-width: 200px; } } /* ------------------------------------------------------------ *\ section-half \* ------------------------------------------------------------ */ .section-half { background-color: #f7f7f7; } .section-half h2 { font-weight: 700; font-size: 35px; color: #1D1F22; line-height: 1.29; max-width: 89%; } .section-half p { font-size: 16px; color: #6f7071; line-height: 1.5; } .section-half .section__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .section-half .section__image { width: 50%; padding-bottom: 46.2%; min-height: 590px; } .section-half .section__content { width: 50%; padding: 80px 30px 80px 80px; } .section-half .section__content-inner { max-width: 507px; } .section-half--reversed .section__image { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .section-half--reversed .section__content { padding-left: calc(50vw - 560px); padding-right: 80px; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-half .section__content { padding: 50px 30px 40px 30px; } } @media (max-width: 920px) { .section-half h2 { font-weight: 900; font-size: 24px; line-height: 1.46; } .section-half p { font-size: 16px; line-height: 1.63; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-half .section__image { width: 100%; min-height: 1px; padding-bottom: 100%; } .section-half .section__content { width: 100%; } .section-half .section__content-inner { max-width: 100%; } .section-half--reversed .section__image { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } } /* ------------------------------------------------------------ *\ section-founders \* ------------------------------------------------------------ */ .section-founders { background: #0039FF; position: relative; padding: 80px 0; overflow: hidden; } .section-founders .section__head { text-align: center; padding-bottom: 40px; } .section-founders .section__head h2 { font-size: 43px; line-height: 1.23; color: #fff; } .section-founders .section__ornament { max-width: 1652px; display: block; position: absolute; top: -30px; left: 50%; opacity: 0.25; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .section-founders .section__image { margin-bottom: 32px; } .section-founders .section__image img { width: 100%; border-radius: 6px; } @media (max-width: 920px) { .section-founders { padding: 50px 0; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-founders .section__head { padding-bottom: 30px; } .section-founders .section__head h2 { font-weight: 900; font-size: 26px; line-height: 1.35; } .section-founders .section__image { margin-bottom: 30px; } .section-founders .section__ornament { max-width: 936px; top: 0; } } /* ------------------------------------------------------------ *\ section-investors \* ------------------------------------------------------------ */ .section-investors { padding: 80px 0; } .section-investors .section__head { text-align: center; max-width: 736px; margin: 0 auto 50px; } .section-investors .section__head h2 { margin-bottom: 15px; } .section-investors .section__head p { font-size: 16px; color: #6f7071; letter-spacing: 0; text-align: center; line-height: 1.5; } .section-investors .section__body ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .section-investors .section__body ul li { width: 20%; text-align: center; padding-bottom: 50px; } .section-investors .section__body ul a { display: block; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-investors .section__body ul { margin: 0; } .section-investors .section__body ul li { width: 33.33%; } } @media (max-width: 920px) { .section-investors { padding: 50px 0 15px; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-investors .section__head { padding: 0 10px; margin-bottom: 37px; } .section-investors .section__head h2 { margin-bottom: 20px; } .section-investors .section__head p { font-size: 16px; line-height: 1.63; } .section-investors .section__body ul li { width: 50%; padding: 0 25px 40px 25px; } } /* ------------------------------------------------------------ *\ section-articles \* ------------------------------------------------------------ */ .section-articles { padding: 80px 0; position: relative; } .section-articles--gray { background-color: #f7f7f7; margin-bottom: -1px; } .section-articles:first-of-type { padding: 160px 0 80px; } .page_new_header .section-articles:first-of-type { padding-top: 80px; } .section-articles .section__head { padding-bottom: 40px; } .section-articles .section__head h1 { font-weight: 900; font-size: 50px; color: #1D1F22; } .section-articles .section__actions { text-align: center; } .section-articles .section__actions .btn { padding: 15px; min-width: 195px; } .section-articles.has-image-background { color: #fff; background-size: cover; } .section-articles.has-image-background header h2, .section-articles.has-image-background .article { color: #fff; } .section-articles.has-image-background .article [class^='article__'], .section-articles.has-image-background .article [class^='article__'] p { color: inherit; } .section-articles.has-image-background .article .article__actions .link-more { color: #fff; } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-articles { padding: 30px 0; } .section-articles:first-of-type { padding: 94px 0 40px; } .page_new_header .section-articles:first-of-type { padding-top: 40px; } .section-articles .section__head { padding-bottom: 30px; } .section-articles .section__head h1 { font-weight: 900; font-size: 30px; line-height: 1.43; } } /* ------------------------------------------------------------ *\ section-search \* ------------------------------------------------------------ */ .section-search { padding: 160px 0 80px; position: relative; } .section-search .section__head { padding-bottom: 40px; } .section-search .section__head h1 { font-weight: 900; font-size: 50px; color: #1D1F22; } .section-search .section__actions { text-align: center; } .section-search .section__actions .btn { padding: 15px; min-width: 195px; } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-search { padding: 94px 0 40px; } .section-search .section__head { padding-bottom: 30px; } .section-search .section__head h1 { font-weight: 900; font-size: 30px; line-height: 1.43; } } /* ------------------------------------------------------------ *\ section-article-single \* ------------------------------------------------------------ */ .section-article-single:first-child { padding-top: 160px; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .page_new_header .section-article-single:first-child { padding-top: 60px; } .section-article-single { padding: 60px 0; } .section-article-single .article--single .article__entry .article__form:empty { display: none; } .section-article-single .article--single .article__entry .article__form { -webkit-box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.2); background-color: #0039FF; border-radius: 6px; padding: 30px 20px 40px; } .section-article-single .article--single .article__entry .article__form iframe { width: 100%; height: 487px; } @media (max-width: 680px) { .section-article-single .article--single .article__entry .article__form iframe { height: 667px; } } @media (max-width: 600px) { .section-article-single .article--single .article__entry .article__form { padding: 20px 5px; } .section-article-single .article--single .article__entry .article__form iframe { height: 689px; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-article-single:first-child { padding-top: 94px; } .page_new_header .section-article-single:first-child { padding-top: 50px; } .section-article-single { padding: 50px 0; } } /* ------------------------------------------------------------ *\ section-related-articles \* ------------------------------------------------------------ */ .section-related-articles { background-color: #f7f7f7; padding: 80px 0 30px; } .section-related-articles .section__head { text-align: center; padding-bottom: 30px; } .section-related-articles .section__head h2 { font-weight: 700; font-size: 26px; color: #1D1F22; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-related-articles { padding: 50px 0; } .section-related-articles .section__head h2 { font-weight: 900; font-size: 20px; } } /* ------------------------------------------------------------ *\ section-events \* ------------------------------------------------------------ */ .section-events:first-child { padding-top: 120px; } .page_new_header .section-events:first-child { padding-top: 60px; } .section-events { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 60px 0; height: auto; } .section-events--upcoming .section__body { padding-bottom: 75px; } .section-events .section__head { padding-bottom: 35px; } .section-events .section__head h1 { font-weight: 900; font-size: 50px; color: #1D1F22; } .section-events .section__actions { padding-top: 60px; text-align: center; } .section-events .section__actions .btn { padding: 15px; min-width: 195px; } .section-events .section__inner { padding-left: 40px; } /* colored */ .section-events--colored { background-color: #f7f7f7; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-events { padding-bottom: 80px; } .section-events .section__actions { padding-top: 80px; } .section-events .section__inner { padding-left: 0; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-events:first-child { padding-top: 97px; } .page_new_header .section-events:first-child { padding-top: 30px; } .section-events { padding: 50px 0; } .section-events--upcoming .section__body { padding-bottom: 30px; } .section-events .section__head { padding-bottom: 30px; } .section-events .section__head h1 { font-size: 30px; line-height: 1.2; } .section-events .section__actions { padding-top: 50px; } } /* ------------------------------------------------------------ *\ section-intro-faq \* ------------------------------------------------------------ */ .section-intro-faq { text-align: center; padding: 160px 0 100px; background-color: #0039FF; color: #fff; } .page_new_header .section-intro-faq { padding-top: 100px; } .section-intro-faq img { margin-bottom: 20px; width: auto; max-width: 46px; } .section-intro-faq h1 { font-weight: 900; font-size: 50px; line-height: 1.1; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-intro-faq { padding: 94px 0 70px; } .page_new_header .section-intro-faq { padding-top: 70px; } .section-intro-faq img { max-width: 37px; margin-bottom: 12px; } .section-intro-faq h1 { font-weight: 900; font-size: 30px; line-height: 1.43; } } /* ------------------------------------------------------------ *\ section-acc \* ------------------------------------------------------------ */ .section-acc { padding: 80px 0; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-acc { padding: 50px 0 40px; } } /* ------------------------------------------------------------ *\ section-process \* ------------------------------------------------------------ */ .section-process { padding: 80px 0; } .section-process .section__head { text-align: center; padding-bottom: 67px; } .section-process .section__head p { font-size: 18px; line-height: 1.67; color: #77797a; max-width: 736px; margin: 0 auto; } .section-process .section__body { max-width: 955px; margin: 0 auto; } .section-process .section__body ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .section-process .section__body li { position: relative; } .section-process .section__body li:after { content: ''; position: absolute; top: 43px; left: 95%; width: 216px; height: 18px; background: url(../images/arrow-large.png) no-repeat 0 0; background-size: contain; } .section-process .section__body li:nth-child(2):after { left: 83%; } .section-process .section__body li:last-child:after { display: none; } .section-process .section__body img { margin-bottom: 29px; width: auto; max-width: 200px; } .section-process .section__body h5 { font-weight: 600; font-size: 18px; color: #1D1F22; line-height: 1.39; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-process .section__head { padding-bottom: 30px; } .section-process .section__body { width: 870px; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .section-process .section__body img { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); margin-bottom: 39px; max-width: 100%; } .section-process .section__body li:after { width: 176px; height: 16px; } } @media (max-width: 890px) { .section-process { padding: 50px 0; } .section-process .section__body { -webkit-transform: translateX(-50%) scale(0.8); -ms-transform: translateX(-50%) scale(0.8); transform: translateX(-50%) scale(0.8); } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-process { padding: 50px 0; } .section-process .section__head { padding-bottom: 40px; } .section-process .section__head h2 { font-weight: 700; font-size: 26px; color: #1D1F22; line-height: 1.31; } .section-process .section__head p { font-size: 16px; line-height: 1.5; color: #77797a; } .section-process .section__body { width: 100%; } .section-process .section__body h5 { display: none; } .section-process .section__body img { margin: 0; } .section-process .section__body ul { width: 305px; left: 50%; position: relative; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .section-process .section__body li { width: 80px; } .section-process .section__body li:after { content: ''; position: absolute; top: 28px; left: 115%; width: 18px; height: 8px; background: url(../images/arrow-large-mobile.png) no-repeat 0 0; background-size: contain; } .section-process .section__body li:nth-child(2):after { left: 102%; } } /* ------------------------------------------------------------ *\ section-contact \* ------------------------------------------------------------ */ .section-contact iframe { height: 720px; } .section-contact-thank-you .section__form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .section-contact .section__form-confirm img { max-width: 50px; margin: 0 auto 20px; } .section-contact .section__form-confirm p { font-size: 20px; line-height: 1.6; color: #fff; font-weight: 500; opacity: 1; } .section-contact:first-child { padding-top: 160px; } .page_new_header .section-contact:first-child { padding-top: 80px; } .section-contact { padding: 80px 0; } .section-contact .section__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .section-contact .section__content { width: calc(100% - 544px); padding-right: 40px; } .section-contact .section__content-inner { max-width: 490px; } .section-contact .section__form { margin: 0 0 0 auto; width: 544px; background-color: #0039FF; border-radius: 48px; padding: 30px; } .section-contact .section__form iframe { width: 100%; } .section-contact .section__testimonial { background: #fff; border: 1px solid #dcdcdc; border-radius: 6px; padding: 30px 40px 25px; margin-top: 45px; } .section-contact .section__testimonial blockquote p { font-size: 18px; color: #1D1F22; line-height: 1.56; opacity: 1; padding-bottom: 7px; } .section-contact h1 { font-weight: 900; font-size: 50px; color: #1D1F22; letter-spacing: 0; line-height: 1.3; margin-bottom: 20px; } .section-contact h5, .section-contact .h5, .section-contact h6 , .section-contact .h6 { font-weight: 900; font-size: 14px; color: #0039FF; letter-spacing: 1.6px; line-height: 1.79; text-transform: uppercase; margin: 0; } .section-contact .uppercase { text-transform: uppercase; } .section-contact .text-black { color: #000; } .section-contact h6 { opacity: 0.5; } .section-contact p { opacity: 0.6; font-size: 18px; color: #1D1F22; line-height: 1.72; } .section-contact .section__content ul { padding-left: 1.5rem; } .section-contact .section__content ul li { margin-bottom: 22px; } .section-contact .section__content ul.list li { margin-bottom: 0; } .section-contact .section__content ul h5 { font-weight: 700; font-size: 18px; color: #275fcc; letter-spacing: 0; line-height: 1.56; text-transform: none; padding-bottom: 7px; } .section-contact .section__content ul a { text-decoration: none; font-weight: 400; font-size: 18px; color: #1D1F22; display: inline-block; } .section-contact .section__content ul p { text-decoration: none; font-weight: 400; font-size: 18px; line-height: 1.5; color: #1D1F22; display: inline-block; opacity: 1; } .section-contact .gform_wrapper.gform_wrapper { margin: 0 0 0 auto; max-width: 544px; padding-bottom: 32px; -webkit-box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.2); } .section-contact .gform_wrapper.gform_wrapper .gform_body .gform_fields .gfield, .section-contact .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_validation_error .gform_body .gform_fields .gfield.gfield_error { margin-bottom: 20px !important; } .section-contact .gform_wrapper .gform_body .gform_fields .gfield .ginput_container textarea { border: none; border-radius: 6px; resize: none; height: 120px; } .section-contact .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_footer input.button, .section-contact .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_footer input[type='submit'] { padding: 19px; min-width: 300px; font-weight: 700; font-size: 15px; color: #1D1F22; letter-spacing: 1.25px; text-align: center; } .section-contact .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_footer { margin-top: 9px; } .section-contact .gform_wrapper.gform_wrapper.gform_wrapper div.validation_error { padding: 2px 0 12px; } .section-contact .gform_confirmation_wrapper { height: 100%; } .section-contact .gform_confirmation_message { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #0039FF; border-radius: 6px; -webkit-box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.2); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 544px; margin-left: auto; } .section-contact .gform_confirmation_message img { max-width: 110px; margin: 0 auto 0; } .section-contact .gform_confirmation_message p { color: #fff; font-weight: 500; font-size: 20px; color: #fff; line-height: 1.65; opacity: 1; margin-top: -10px; } /* ------------------------------------------------------------ *\ section-media-room \* ------------------------------------------------------------ */ .section-media-room__columns { padding: 80px 0; } .section-media-room__columns .column-container { margin-bottom: 40px; display: grid; grid-column-gap: 10%; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); } .section-media-room__columns .column-container:last-of-type { margin-bottom: 0; } .section-media-room__columns .column h3 { font-weight: 700; font-size: 34px; color: #1d1f22; } .section-media-room__columns .column a { text-decoration: none; color: #0039FF; font-weight: bold; } .section-media-room__columns .column ul { list-style: none; line-height: 1.5; } .section-media-room__columns .socials li:first-child { padding-left: 0; } .section-media-room__video .article--resources { margin-bottom: 0; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-media-room__columns { padding: 30px 0; } .section-media-room__columns .column-container { margin-bottom: 40px; display: grid; row-gap: 30px; grid-template-columns: 1fr; } .section-media-room__columns .column h3 { font-size: 26px; } } /* ------------------------------------------------------------ *\ section-thankyou-video \* ------------------------------------------------------------ */ .section-thank-you-video { padding-top: 160px; padding-bottom: 80px; } .page_new_header .section-thank-you-video { padding-top : 80px !important; } .section-thank-you-video .section__content { width: 100%; text-align: center; } .section-thank-you-video .section__video { max-width: 800px; margin: 0 auto; } .section-thank-you-video .section__text { text-align: center; margin-bottom: 40px; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-contact .section__testimonial { margin: 30px -10px 0; padding: 25px 20px; } .section-contact .section__testimonial blockquote { margin-bottom: 6px; } .section-contact .section__testimonial blockquote p { font-size: 16px; line-height: 1.5; } .section-contact h1 { font-weight: 900; font-size: 30px; line-height: 1.5; margin-bottom: 15px; } .section-contact h5, .section-contact h6 { font-size: 14px; letter-spacing: 1.6px; line-height: 1.79; } .section-contact p { font-weight: 400; font-size: 16px; color: #6f7071; line-height: 1.63; opacity: 1; } .section-contact .section__form { width: 55%; } .section-contact .section__content { width: 45%; } .section-contact .section__form-confirm p { font-size: 18px; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-contact:first-child { padding-top: 94px; } .page_new_header .section-contact:first-child { padding-top: 50px; } .section-contact { padding: 50px 0; } .section-contact .section__content { width: 100%; padding: 0 10px; margin-bottom: 40px; } .section-contact .section__content-inner { max-width: 100%; } .section-contact .section__form { width: 100%; } .section-contact .section__content ul li { margin-bottom: 17px; } .section-contact .section__content ul li:last-child { margin-bottom: 0; } .section-contact .section__content ul h5 { font-size: 16px; color: #275fcc; margin-bottom: 0; padding-bottom: 3px; } .section-contact .section__content ul a { font-size: 16px; line-height: 1.5; } .section-contact .section__content ul p { font-size: 16px; line-height: 1.5; } .section-contact .section__content ul p br { display: none; } .section-contact .gform_wrapper.gform_wrapper { padding: 25px 20px 30px; max-width: 100%; -webkit-box-shadow: none; box-shadow: none; } .section-contact .gform_wrapper.gform_wrapper .gform_body .gform_fields .gfield, .section-contact .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_validation_error .gform_body .gform_fields .gfield.gfield_error { margin-bottom: 10px !important; } .section-contact .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_footer { margin-top: 20px; } .section-contact .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_footer input.button, .section-contact .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_footer input[type='submit'] { min-width: 195px; font-size: 12px; font-weight: 700; color: #1d1f22; letter-spacing: 1.2px; padding: 14px; } .section-contact .gform_wrapper .gform_body .gform_fields .gfield .ginput_container textarea { height: 100px; } .section-contact .gform_wrapper.gform_wrapper.gform_wrapper div.validation_error { padding: 12px 0 0; } .section-contact .gform_confirmation_message { padding-bottom: 30px; max-width: 100%; } .section-contact .gform_confirmation_message p { font-size: 16px; } .section-contact .gform_confirmation_message img { margin-bottom: -15px; } .section-contact .section__form-confirm p { font-size: 13px; } .section-contact .section__form-confirm img { width: 35px; margin-bottom: 15px; } } /* ------------------------------------------------------------ *\ section-contact--request-demo \* ------------------------------------------------------------ */ .section-contact--request-demo.section-contact iframe { height: 578px; } @media (max-width: 399px) { .section-contact--request-demo.section-contact iframe { height: 598px; } .section-contact iframe { height: 740px; } } /* ------------------------------------------------------------ *\ section-referral \* ------------------------------------------------------------ */ .section-referral { background-color: #0039FF; height: 100%; min-height: 668px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; text-align: center; } .section-referral h1 { font-weight: 900; font-size: 50px; margin-bottom: 10px; } .section-referral p { opacity: 0.85; font-size: 18px; line-height: 1.56; padding-bottom: 20px; } .section-referral img { max-width: 110px; } .section-referral .section__inner { max-width: 734px; margin: 0 auto; } .section-referral .btn { min-width: 247px; } .section-referral .shell { margin: 0 auto; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-referral { min-height: 1px; height: auto; padding: 80px 0 50px; } .section-referral h1 { font-weight: 900; font-size: 30px; line-height: 1.43; margin-bottom: 15px; } .section-referral img { max-width: 80px; } .section-referral p { opacity: 0.85; font-weight: 400; font-size: 16px; line-height: 1.63; margin-bottom: 25px; padding-bottom: 0; } .section-referral .section__inner { padding: 0 10px; } .section-referral .btn { min-width: 275px; padding: 14px; } } /* ------------------------------------------------------------ *\ section-error \* ------------------------------------------------------------ */ .section-error { min-height: calc(100vh - 393px); padding: 120px 0 100px; } .section-error .shell { width: 100%; } .section-error img { margin-bottom: 15px; } .section-error h1 { font-weight: 900; font-size: 50px; color: #1D1F22; margin-bottom: 10px; } .section-error .section-error__h1 { font-size: 150px; color: #dcdcdc; } .section-error p { opacity: 0.85; font-weight: 400; font-size: 18px; color: #1D1F22; line-height: 1.56; } .section-error .boxes-type-2 { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 -40px; } .section-error .boxes-type-2 .box { padding: 0 40px; } .section-error .section-error__image--mobile { display: none; margin-left: auto; margin-right: auto; max-width: 300px; } .section-error .section__footer { max-width: 734px; margin: 40px auto 0; text-align: center; } .section-error form { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; } .section-error form label { margin-right: 10px; white-space: nowrap; } .section-error form #error-search-terms { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: 40px; padding: 0 35px 0 15px; border: 1px solid grey; border-radius: 0; font-weight: inherit; min-width: 0; } .section-error form button { background: none; border: none; color: #1D1F22; font-size: 18px; line-height: 0; padding: 0.25em; position: absolute; right: 5px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .section-error form button svg { width: 17px; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-error { min-height: 1px; padding: 134px 0 60px; } .section-error h1 { font-weight: 900; font-size: 30px; } .section-error p { font-size: 16px; color: #6f7071; line-height: 1.63; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-error { text-align: center; } .section-error .section__inner { max-width: 500px; margin: 0 auto; } .section-error .boxes-type-2 .box--image, .section-error .section-error__image--desktop { display: none; } .section-error .section-error__image--mobile { display: block; } } @media (max-width: 479px) { .section-error .section-error__h1 { font-size: 110px; } .section-error form { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .section-error form label { margin-bottom: 10px; } .section-error form #error-search-terms { width: 100%; } .section-error form button { bottom: 6px; top: unset; -webkit-transform: unset; -ms-transform: unset; transform: unset; } } /* ------------------------------------------------------------ *\ section-intro-text \* ------------------------------------------------------------ */ .section-intro-text { background-color: #0039FF; color: #fff; text-align: center; padding: 160px 0 100px; min-height: 416px; } .page_new_header .section-intro-text { padding-top: 100px; } .section-intro-text .section__inner { max-width: 540px; margin: 0 auto; } .section-intro-text p { opacity: 0.85; font-size: 18px; line-height: 1.56; } .section-intro-text img { margin-bottom: 20px; width: auto; max-width: 46px; } .section-intro-text h1 { font-weight: 900; font-size: 50px; margin-bottom: 10px; } .section-intro-text .btn { min-width: 247px; } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-intro-text { padding: 94px 0 50px; min-height: 259px; } .page_new_header .section-intro-text { padding-top: 50px; } .section-intro-text img { max-width: 37px; margin-bottom: 10px; } .section-intro-text h1 { font-size: 30px; line-height: 1.43; } .section-intro-text p { font-size: 16px; line-height: 1.63; } .section-intro-text p br { display: none; } .section-intro-text .section__inner { padding: 0 20px; } .section-intro-text .btn { padding: 14px; min-width: 275px; } } @media (max-width: 374px) { .section-intro-text .btn { min-width: 205px; } } /* ------------------------------------------------------------ *\ section-careers \* ------------------------------------------------------------ */ .section-careers { padding: 80px 0; } .section-careers .section__inner { max-width: 736px; margin: 0 auto; } .section-careers .section__inner iframe { width: 100%; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-careers { padding: 50px 0; } } /* ------------------------------------------------------------ *\ section-resources \* ------------------------------------------------------------ */ .section-resources { padding: 80px 0; } .section-resources .section__head { text-align: center; padding-bottom: 40px; } .section-resources .section__head h2 { font-weight: 900; font-size: 43px; color: #1D1F22; } .section-resources .section__actions { padding-top: 50px; text-align: center; } .section-resources .section__actions .btn { padding: 15px; min-width: 195px; } @media (max-width: 920px) { .section-resources { padding: 50px 0; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-resources .section__head { padding-bottom: 30px; } .section-resources .section__head h2 { font-size: 26px; line-height: 1.23; } .section-resources .section__actions { padding-top: 40px; } } /* ------------------------------------------------------------ *\ section-resources--gray \* ------------------------------------------------------------ */ .section-resources--gray { background-color: #f7f7f7; } /* ------------------------------------------------------------ *\ section-resources--no-padding \* ------------------------------------------------------------ */ .section-resources--no-padding { padding-bottom: 0; } /* ------------------------------------------------------------ *\ section-media \* ------------------------------------------------------------ */ .section-media { padding: 80px 0; } .section-media .section__head { text-align: center; } .section-media .section__head h2 { font-weight: 900; font-size: 43px; color: #1D1F22; line-height: 1.23; margin-bottom: 17px; } .section-media .section__head p { opacity: 0.6; font-size: 18px; color: #1D1F22; line-height: 1.5; max-width: 736px; margin: 0 auto; } .section-media--gray { background-color: #f7f7f7; } @media (max-width: 920px) { .section-media { padding: 50px 0; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-media .section__head { padding: 0 20px; } .section-media .section__head h2 { font-size: 26px; line-height: 1.23; } .section-media .section__head p { font-size: 16px; color: #6f7071; line-height: 1.63; opacity: 1; } .section-media .section__head br { display: none; } } /* ------------------------------------------------------------ *\ section-pricing \* ------------------------------------------------------------ */ .section-pricing { padding: 80px 0px; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-pricing { padding: 90px 0; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-pricing { display: none; } } /* ------------------------------------------------------------ *\ section-jobs-cols \* ------------------------------------------------------------ */ .section-jobs-cols { padding-bottom: 40px; } .section-jobs-cols h4 { font-weight: 700; font-size: 22px; line-height: 1.2; color: #0039FF; } .section-jobs-cols .section__head { text-align: center; padding-bottom: 50px; } .section-jobs-cols .section__cols { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -20px; } .section-jobs-cols .section__col { width: 33.33%; padding: 0 20px; margin-bottom: 40px; font-size: 16px; color: #6f7071; letter-spacing: 0; line-height: 1.5; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-jobs-cols .section__col { width: 50%; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-jobs-cols h4 { font-size: 20px; } .section-jobs-cols .section__head { padding-bottom: 30px; } .section-jobs-cols .section__col { width: 100%; margin-bottom: 25px; } } /* ------------------------------------------------------------ *\ section-form \* ------------------------------------------------------------ */ .section-form { padding: 60px 0; background-color: #f7f7f7; } .section-form .section__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 990px; margin: 0 auto; } .section-form .section__content { width: 48.28%; padding-right: 30px; } .section-form .section__content .section__content-inner { max-width: 385px; } .section-form .section__content h2 { font-weight: 700; font-size: 40px; color: #1d1f22; letter-spacing: 0; line-height: 1.25; margin-bottom: 16px; } .section-form .section__content p { font-size: 16px; line-height: 1.75; } .section-form .section__aside { width: 51.72%; background-color: #0039FF; border-radius: 6px; -webkit-box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.2); padding: 20px; } .section-form .section__aside iframe { width: 100%; height: 500px; } .section-form--alt .section__aside iframe, .section-intro-video + .section-form .section__aside iframe { height: 516px; } .section-form .uppercase { text-transform: uppercase; } .section-form .text-black { color: #000; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-form .section__content h2 { font-size: 32px; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-form { padding: 40px 0; } .section-form .section__content { width: 100%; padding-bottom: 30px; } .section-form .section__content .section__content-inner { max-width: 100%; } .section-form .section__content h2 { font-size: 24px; } .section-form .section__content p { font-size: 16px; color: #6f7071; line-height: 1.63; } .section-form .section__aside { width: 100%; padding: 20px 5px; } } /* ------------------------------------------------------------ *\ section-form-solution \* ------------------------------------------------------------ */ .section-form-solution { background-color: #f7f7f7; padding: 160px 0 80px; } .section-form-solution .section__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .section-form-solution .section__content { width: 51.42%; padding: 50px 30px 50px 0; } .section-form-solution .section__content-inner { max-width: 507px; } .section-form-solution .section__content h1 { font-weight: 900; font-size: 50px; color: #1d1f22; line-height: 1.28; margin-bottom: 15px; } .section-form-solution .section__content p { opacity: 0.6; font-size: 18px; color: #1d1f22; line-height: 1.56; margin-bottom: 30px; } .section-form-solution .section__content p:last-child { margin-bottom: 0; } .section-form-solution .section__form { width: 48.58%; background-color: #0039FF; border-radius: 48px; padding: 30px; } .section-form-solution .section__form iframe { width: 100%; height: 500px; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-form-solution { padding-top: 150px; } .section-form-solution .section__content { width: 100%; padding: 0 0 50px; } .section-form-solution .section__content-inner { max-width: 700px; margin: 0 auto; text-align: center; } .section-form-solution .section__form { max-width: 592px; margin: 0 auto; width: 100%; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-form-solution { padding: 94px 0 50px; } .section-form-solution .section__content-inner { padding: 0 30px; max-width: 100%; } .section-form-solution .section__content h1 { font-size: 30px; line-height: 1.43; margin-bottom: 6px; } .section-form-solution .section__content p { opacity: 0.85; font-size: 16px; line-height: 1.63; margin-bottom: 24px; color: #6f7071; } } /* ------------------------------------------------------------ *\ section-heading-short \* ------------------------------------------------------------ */ .section-heading-short { text-align: center; padding: 160px 0 60px; } .section-heading-short h1 { color: #000; font-weight: 800; font-size: 50px; line-height: 1.18; margin-bottom: 10px; } .section-heading-short p { font-size: 18px; line-height: 1.56; color: #6f7071; } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-heading-short { padding: 115px 0 50px; } .section-heading-short h1 { font-size: 30px; line-height: 1.43; } } /* ------------------------------------------------------------ *\ section-spread \* ------------------------------------------------------------ */ .section-spread { background-color: #f7f7f7; padding: 60px 0; } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-spread { padding: 50px 0; } } /* ------------------------------------------------------------ *\ section-intro-video-type-2 \* ------------------------------------------------------------ */ .section-intro-video-type-2 { position: relative; padding: 160px 0 80px; } .section-intro-video-type-2 .section__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.6; pointer-events: none; } .section-intro-video-type-2 .shell { position: relative; z-index: 10; } .section-intro-video-type-2 .section__head { text-align: center; color: #fff; margin-bottom: 40px; } .section-intro-video-type-2 h5 { text-transform: uppercase; color: #fff; font-weight: 800; font-size: 14px; line-height: 1.21; letter-spacing: 2px; margin-bottom: 2px; } .section-intro-video-type-2 h1 { font-weight: 800; font-size: 50px; line-height: 1.4; color: #fff; margin-bottom: 10px; } .section-intro-video-type-2 p { font-size: 18px; line-height: 1.56; color: #fff; } .section-intro-video-type-2 .section__video { margin-bottom: 50px; position: relative; -webkit-box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.25); box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.25); border-radius: 6px; max-width: 928px; margin: 0 auto 50px; } .section-intro-video-type-2 .section__video:last-child { margin-bottom: 0; } .section-intro-video-type-2 .section__video:hover:after { background: rgba(43, 103, 219, 1); } .section-intro-video-type-2 .section__video:hover .btn-play circle { fill: #d6be42; } .section-intro-video-type-2 .section__video:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; -webkit-box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.25); box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.25); background: rgba(43, 103, 219, 0.8); mix-blend-mode: multiply; -webkit-transition: all 0.4s; transition: all 0.4s; border-radius: 6px; } .section-intro-video-type-2 .section__video-content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 11; pointer-events: none; } .section-intro-video-type-2 .section__video-content p { font-weight: 900; font-size: 16px; letter-spacing: 1.78px; text-align: center; text-shadow: 0 2px 6px rgba(0, 0, 0, 0.25); text-transform: uppercase; } .section-intro-video-type-2 .section__video-content .btn-play { margin-bottom: 22px; } .section-intro-video-type-2 .section__video .section__bg { border-radius: 6px; } .section-intro-video-type-2 .plyr { opacity: 0; z-index: 134; position: relative; } .section-intro-video-type-2 .plyr > button.plyr__control { width: 100%; height: 100%; z-index: 19; border-radius: 0; opacity: 0; } .section-intro-video-type-2 .play-now:after { opacity: 0; } .section-intro-video-type-2 .play-now .section__bg { opacity: 0; } .section-intro-video-type-2 .play-now .plyr { opacity: 1; } .section-intro-video-type-2 .pause-now:after { opacity: 0; } .section-intro-video-type-2 .pause-now .section__bg { opacity: 0; } .section-intro-video-type-2 .pause-now .plyr { opacity: 1; } .section-intro-video-type-2 .section__video-entry-mobile { display: none; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-intro-video-type-2 h5 { font-size: 14px; line-height: 1.21; letter-spacing: 1.16667px; margin-bottom: 18px; } .section-intro-video-type-2 h1 { margin-bottom: 4px; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-intro-video-type-2 { padding: 115px 0 50px; } .section-intro-video-type-2 h5 { font-weight: 800; font-size: 14px; line-height: 1.21; letter-spacing: 2px; margin-bottom: 9px; } .section-intro-video-type-2 h1 { font-weight: 800; font-size: 30px; line-height: 1.5; margin-bottom: 10px; } .section-intro-video-type-2 p { font-size: 18px; line-height: 1.56; } .section-intro-video-type-2 .section__head { margin-bottom: 50px; } .section-intro-video-type-2 .section__video-entry-desktop { display: none; } .section-intro-video-type-2 .section__video-entry-mobile { display: block; } .section-intro-video-type-2 .section__video-content p { font-size: 12px; line-height: 14px; letter-spacing: 1.5px; } .section-intro-video-type-2 .section__video-content .btn-play { margin-bottom: 13px; } } /* ------------------------------------------------------------ *\ section-tracking-form \* ------------------------------------------------------------ */ .section-tracking-form { padding: 90px 0; } .section-tracking-form .section__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .section-tracking-form .section__content { width: calc(100% - 532px); padding-right: 140px; padding-top: 10px; } .section-tracking-form h2 { font-weight: 800; font-size: 50px; line-height: 1.3; color: #1d1f22; margin-bottom: 20px; } .section-tracking-form p { font-size: 16px; line-height: 1.5; color: #6f7071; margin-bottom: 8px; max-width: 93%; } .section-tracking-form p:last-child { margin-bottom: 0; } .section-tracking-form .section__form { width: 512px; background-color: #0039FF; border-radius: 48px; padding: 30px; margin-left: 10px; } .section-tracking-form .section__form iframe { width: 100%; display: block; height: 576px; } /* section-tracking-form--dark */ .section-tracking-form--dark { background-color: #1d1f22; } .section-tracking-form--dark h2, .section-tracking-form--dark p { color: #fff; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-tracking-form .section__content { width: calc(100% - 450px); padding-right: 0; } .section-tracking-form p { max-width: 86%; } .section-tracking-form .section__form { width: 440px; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-tracking-form { padding: 50px 0; } .section-tracking-form .section__content { width: 100%; padding-bottom: 50px; } .section-tracking-form h2 { font-weight: 800; font-size: 30px; line-height: 1.4; max-width: 81%; } .section-tracking-form p { font-size: 16px; line-height: 1.5; max-width: 100%; } .section-tracking-form .section__form { width: 100%; margin: 0; } } @media (max-width: 400px) { .section-tracking-form .section__form iframe { height: 596px; } } /* ------------------------------------------------------------ *\ section-process \* ------------------------------------------------------------ */ .section-process-type-2 { padding: 80px 0; } .section-process-type-2 .section__head { text-align: center; margin-bottom: 60px; } .section-process-type-2 .section__head h3 { font-weight: 700; font-size: 43px; line-height: 1.23; color: #1D1F22; margin-bottom: 12px; } .section-process-type-2 .section__head p { font-size: 18px; line-height: 1.67; max-width: 736px; margin: 0 auto; } .section-process-type-2 .section__body { max-width: 955px; margin: 0 auto; } .section-process-type-2 .section__body ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .section-process-type-2 .section__body li { position: relative; } .section-process-type-2 .section__body li:after { content: ''; position: absolute; top: 43px; left: 95%; width: 216px; height: 18px; background: url(../images/arrow-large.png) no-repeat 0 0; background-size: contain; } .section-process-type-2 .section__body li:nth-child(2):after { left: 83%; } .section-process-type-2 .section__body li:last-child:after { display: none; } .section-process-type-2 .section__body img { margin-bottom: 29px; width: auto; max-width: 200px; } .section-process-type-2 .section__body h5 { font-weight: 600; font-size: 18px; color: #1D1F22; line-height: 1.39; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-process-type-2 .section__head { padding-bottom: 30px; } .section-process-type-2 .section__body { width: 870px; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .section-process-type-2 .section__body img { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); margin-bottom: 39px; max-width: 100%; } .section-process-type-2 .section__body li:after { width: 176px; height: 16px; } } @media (max-width: 890px) { .section-process-type-2 { padding: 50px 0; } .section-process-type-2 .section__body { -webkit-transform: translateX(-50%) scale(0.8); -ms-transform: translateX(-50%) scale(0.8); transform: translateX(-50%) scale(0.8); } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-process-type-2 { padding: 50px 0; } .section-process-type-2 .section__head { margin-bottom: 50px; } .section-process-type-2 .section__head h3 { font-size: 26px; } .section-process-type-2 .section__head p { font-size: 16px; line-height: 1.5; } .section-process-type-2 .section__body { width: 100%; } .section-process-type-2 .section__body h5 { display: none; } .section-process-type-2 .section__body img { margin: 0; } .section-process-type-2 .section__body ul { width: 305px; left: 50%; position: relative; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .section-process-type-2 .section__body li { width: 80px; } .section-process-type-2 .section__body li:after { content: ''; position: absolute; top: 28px; left: 115%; width: 18px; height: 8px; background: url(../images/arrow-large-mobile.png) no-repeat 0 0; background-size: contain; } .section-process-type-2 .section__body li:nth-child(2):after { left: 102%; } } /* ------------------------------------------------------------ *\ section-proposition \* ------------------------------------------------------------ */ .section-proposition { background-color: #1d1f22; padding: 80px 0 77px; color: #fff; } .section-proposition .section__head { text-align: center; max-width: 736px; margin: 0 auto 50px; } .section-proposition .section__head h3 { font-size: 43px; line-height: 1.23; font-weight: 700; margin-bottom: 20px; } .section-proposition .section__head p { font-size: 16px; line-height: 1.5; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-proposition { padding: 50px 0; } .section-proposition .section__head { margin-bottom: 40px; } .section-proposition .section__head h3 { font-size: 26px; line-height: 1.54; margin-bottom: 10px; } } /* ------------------------------------------------------------ *\ section-slider-boxes \* ------------------------------------------------------------ */ .section-slider-boxes { background: -webkit-gradient( linear, right top, left top, from(rgba(51, 55, 61, 0.988964)), to(#1d1f22) ), rgba(51, 55, 61, 0.989); background: linear-gradient( 270deg, rgba(51, 55, 61, 0.988964) 0%, #1d1f22 100% ), rgba(51, 55, 61, 0.989); padding: 80px 0; } .section-slider-boxes .section__head { text-align: center; color: #fff; max-width: 736px; margin: 0 auto 40px; } .section-slider-boxes .section__head h2 { color: #fff; font-size: 43px; line-height: 1.23; font-weight: 700; margin-bottom: 20px; } .section-slider-boxes .section__head p { font-size: 16px; line-height: 1.5; } .section-slider-boxes .section__body { padding-bottom: 20px; } .section-slider-boxes .section__actions { text-align: center; padding-top: 20px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-slider-boxes { padding: 50px 0; } .section-slider-boxes .section__head h2 { font-size: 26px; line-height: 1.54; margin-bottom: 8px; } .section-slider-boxes .section__head { margin-bottom: 50px; } .section-slider-boxes .section__body { padding-bottom: 15px; } .section-slider-boxes .section__actions { text-align: center; padding-top: 15px; } .section-slider-boxes .section__actions .btn { font-size: 14px; line-height: 1.93; letter-spacing: 1.4px; padding: 11px 28px; } } /* ------------------------------------------------------------ *\ section-tracking \* ------------------------------------------------------------ */ .section-tracking { background: #1d1f22; padding: 72px 0 80px; position: relative; } .section-tracking .section__ornament-left { width: 65%; position: absolute; top: 0; left: -27.5%; opacity: 0.25; } .section-tracking .section__ornament-right { width: 65%; position: absolute; top: 0; right: -15%; opacity: 0.25; } .section-tracking .section__head { text-align: center; max-width: 768px; margin: 0 auto 72px; } .section-tracking .section__head img { width: 66px; margin-bottom: 18px; } .section-tracking .section__head h2 { font-weight: 800; font-size: 43px; line-height: 1.23; color: #fff; } .section-tracking .section__head p { font-size: 18px; line-height: 1.44; color: #fff; font-weight: 400; } .section-tracking .section__foot { text-align: center; padding-top: 60px; } .section-tracking .section__foot p { font-weight: 600; font-size: 20px; line-height: 1.2; color: #fff; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-tracking .section__ornament-left, .section-tracking .section__ornament-right { display: none; } .section-tracking .section__foot { padding-top: 50px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-tracking { padding: 50px 0; } .section-tracking .section__head { margin-bottom: 50px; } .section-tracking .section__head img { margin-bottom: 10px; } .section-tracking .section__head h2 { font-size: 24px; line-height: 1.46; margin-bottom: 8px; } .section-tracking .section__head p { font-size: 16px; line-height: 1.63; } .section-tracking .section__foot { padding-top: 30px; } .section-tracking .section__foot p { font-weight: 600; font-size: 18px; line-height: 1.33; } } /* ------------------------------------------------------------ *\ section-pricing-type-2 \* ------------------------------------------------------------ */ .section-pricing-type-2 { padding: 80px 0; } .section-pricing-type-2 .section__head { text-align: center; max-width: 734px; margin: 0 auto 31px; } .section-pricing-type-2 .section__head h2 { font-weight: bold; font-size: 43px; line-height: 1.19; color: #1d1f22; margin-bottom: 10px; } .section-pricing-type-2 .section__head p { font-size: 18px; line-height: 1.61; color: #6f7071; } .section-pricing-type-2 .section__actions { text-align: center; padding-top: 40px; } .section-pricing-type-2 .section__actions p { font-size: 16px; line-height: 1.5; color: #1d1f22; } .section-pricing-type-2 .section__actions .btn { margin-top: 20px; font-size: 15px; letter-spacing: 1.25px; padding: 19px 46px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-pricing-type-2 { padding: 50px 0; } .section-pricing-type-2 .section__head { margin-bottom: 30px; } .section-pricing-type-2 .section__head h2 { font-weight: 800; font-size: 26px; line-height: 1.35; } .section-pricing-type-2 .section__head p { font-size: 16px; line-height: 1.63; text-align: center; color: #6f7071; } .section-pricing-type-2 .section__actions p { font-size: 14px; line-height: 1.71; } .section-pricing-type-2 .section__actions .btn { font-size: 12px; letter-spacing: 1.28571px; padding: 16px 30px; margin-top: 15px; } } /* ------------------------------------------------------------ *\ ection-refererral-form \* ------------------------------------------------------------ */ .section-refererral-form { padding: 160px 0 90px; } .page_new_header .section-refererral-form { padding-top: 90px; } .section-refererral-form .section__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .section-refererral-form .section__acc { width: calc(100% - 544px); padding-right: 86px; } .section-refererral-form .section__head { padding-bottom: 40px; } .section-refererral-form .section__head h2 { font-weight: 800; font-size: 50px; line-height: 1.3; margin-bottom: 10px; } .section-refererral-form .section__head p { font-size: 18px; line-height: 1.56; color: #6f7071; } .section-refererral-form .section__head--mobile { display: none; } .section-refererral-form .section__form { width: 544px; background-color: #0039FF; border-radius: 48px; padding: 30px; } .section-refererral-form .section__form iframe { width: 100%; display: block; height: 957px; } .section-refererral-form ul, .section-refererral-form ol { display: block; text-align: left; margin-left: 20px; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-refererral-form .section__acc { padding-right: 60px; width: calc(100% - 419px); } .section-refererral-form .accordion .accordion__head h3 { font-size: 18px; line-height: 1.22; } .section-refererral-form .accordion .accordion__body { font-size: 16px; line-height: 1.5; color: #6f7071; } .section-refererral-form .accordion .accordion__section { margin-bottom: 20px; } .section-refererral-form .accordion .accordion__section:last-child { margin-bottom: 0; } .section-refererral-form .section__form { width: 419px; } .section-refererral-form .section__form iframe { height: 998px; } } @media (max-width: 860px) { .section-refererral-form .section__head { display: none; } .section-refererral-form .section__head--mobile { display: block; padding-bottom: 50px; } .section-refererral-form .section__head h2 { font-weight: 800; font-size: 30px; line-height: 1.5; color: #1d1f22; } .section-refererral-form .section__head p { font-size: 18px; line-height: 1.56; color: #6f7071; } .section-refererral-form .section__acc { width: 100%; padding-right: 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .section-refererral-form .accordion .accordion__body { font-size: 16px; line-height: 1.5; padding-right: 10px; } .section-refererral-form .section__form { width: 100%; margin-bottom: 50px; } .section-refererral-form .accordion { width: 100%; max-width: 100%; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-refererral-form { padding: 94px 0 50px; } .page_new_header .section-refererral-form { padding-top: 50px; } .section-refererral-form .section__form iframe { height: 1017px; } } /* ------------------------------------------------------------ *\ section-acc-pricing \* ------------------------------------------------------------ */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-acc-pricing { display: none; } } /* ------------------------------------------------------------ *\ section-download-pdf \* ------------------------------------------------------------ */ .section-download-pdf { display: none; text-align: center; padding: 50px 0 40px; } .section-download-pdf .section__inner { padding: 0 24px; } .section-download-pdf h3 { font-weight: 600; font-size: 18px; line-height: 1.5; color: #1D1F22; max-width: 80%; margin: 0 auto 20px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-download-pdf { display: block; } } /* ------------------------------------------------------------ *\ section-intro-path \* ------------------------------------------------------------ */ .section-intro-path:first-child { padding-top: 160px; } .page_new_header .section-intro-path:first-child { padding-top: 60px; } .section-intro-path { background-color: #0039FF; color: #fff; padding: 60px 0; text-align: center; } .section-intro-path .section__entry img { margin-bottom: 26px; width: 238px; } .section-intro-path .section__entry h1 { font-weight: 800; font-size: 50px; line-height: 1.18; margin-bottom: 10px; } .section-intro-path .section__entry p { font-size: 18px; line-height: 1.56; } .section-intro-path .section__actions { padding-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -8px; } .section-intro-path .section__actions .btn { font-size: 15px; font-weight: 700; letter-spacing: 1.25px; text-transform: uppercase; min-width: 215px; text-align: center; padding: 19px 30px; margin: 8px; } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-intro-path:first-child { padding-top: 114px; } .page_new_header .section-intro-path:first-child { padding-top: 50px; } .section-intro-path { padding: 50px 0; } .section-intro-path .section__entry img { width: 236px; margin-bottom: 31px; } .section-intro-path .section__entry h1 { font-weight: 800; font-size: 30px; line-height: 1.43; } .section-intro-path .section__entry p { font-size: 16px; line-height: 1.63; } } /* ------------------------------------------------------------ *\ section-path-item \* ------------------------------------------------------------ */ .section-path-item { margin: 80px 0; } .section-path-item .section__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .section-path-item .section__image { width: 47.33%; border-radius: 6px; padding-bottom: 32.2%; } .section-path-item .section__image img { border-radius: 6px; } .section-path-item .section__content { width: 52.67%; padding-left: 60px; } .section-path-item .section__content h2 { font-size: 35px; line-height: 1.29; padding-bottom: 10px; } .section-path-item .section__content h5 { font-size: 20px; line-height: 1.45; color: #0039FF; font-weight: 400; margin-bottom: 0; } .section-path-item .section__content p { line-height: 1.5; } .section-path-item--reversed .section__image { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .section-path-item--reversed .section__content { padding-left: 0; padding-right: 60px; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-path-item .section__image { padding-bottom: 40.1%; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-path-item { margin: 50px 0; } .section-path-item .section__image { width: 100%; padding-bottom: 68.1%; margin-bottom: 40px; } .section-path-item .section__content { width: 100%; padding-left: 0; } .section-path-item .section__content h2 { font-size: 24px; line-height: 1.42; padding-bottom: 18px; } .section-path-item--reversed .section__image { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .section-path-item--reversed .section__content { padding-right: 0; } } /* ------------------------------------------------------------ *\ section-pathfinder-spotlight \* ------------------------------------------------------------ */ .section-pathfinder-spotlight { background: #1D1F22; padding: 80px 0; position: relative; } .section-pathfinder-spotlight .section__ornament { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 1652px; } .section-pathfinder-spotlight .section__title { color: #fff; text-transform: uppercase; font-weight: 800; font-size: 14px; letter-spacing: 1.6px; text-align: center; margin-bottom: 83px; } .section-pathfinder-spotlight .section__head { color: #fff; text-align: center; max-width: 480px; margin: 0 auto 30px; } .section-pathfinder-spotlight .section__head h2 { font-size: 35px; line-height: 1.29; color: #fff; margin-bottom: 11px; } .section-pathfinder-spotlight .section__head p { line-height: 1.5; } .section-pathfinder-spotlight .section__box { max-width: 736px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-radius: 6px; } .section-pathfinder-spotlight .section__box-aside { width: 250px; background-color: #0039FF; color: #fff; text-align: center; border-radius: 6px 0 0 6px; padding: 30px 10px; } .section-pathfinder-spotlight .section__box-content { width: calc(100% - 250px); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: #fff; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 0 6px 6px 0; padding: 30px 40px; } .section-pathfinder-spotlight .section__box-content-inner { width: 100%; } .section-pathfinder-spotlight .section__box-content blockquote { margin-bottom: 30px; } .section-pathfinder-spotlight .section__box-content p { font-size: 18px; line-height: 1.56; color: #1D1F22; } .section-pathfinder-spotlight .section__box-image { width: 120px; height: 120px; border-radius: 50%; margin: 0 auto 20px; } .section-pathfinder-spotlight .section__box-image img { border-radius: 50%; } .section-pathfinder-spotlight .section__box-author h4 { font-size: 20px; line-height: 1.35; font-weight: 700; margin-bottom: 0; } .section-pathfinder-spotlight .section__box-author p { line-height: 1.5; } .section-pathfinder-spotlight .section__box-soc { margin-top: 20px; } .section-pathfinder-spotlight .section__box-soc ul { list-style: none; } .section-pathfinder-spotlight .section__box-soc a { text-decoration: none; font-size: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.4s; transition: all 0.4s; } .section-pathfinder-spotlight .section__box-soc svg { fill: #fff; width: 19px; margin-right: 9px; } .section-pathfinder-spotlight .section__box-soc a:hover { opacity: 0.7; } .section-pathfinder-spotlight .section__box-soc i { font-size: 22px; margin-right: 9px; } .section-pathfinder-spotlight .section__foot { text-align: center; padding-top: 30px; color: #fff; } .section-pathfinder-spotlight .section__foot p { line-height: 1.5; color: #fff; padding-bottom: 10px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-pathfinder-spotlight { padding: 50px 0; } .section-pathfinder-spotlight .section__title { margin-bottom: 53px; } .section-pathfinder-spotlight .section__head h2 { font-size: 24px; line-height: 1.42; } .section-pathfinder-spotlight .section__head p { font-size: 16px; line-height: 1.5; } .section-pathfinder-spotlight .section__box-aside { width: 100%; border-radius: 6px 6px 0 0; padding: 30px; } .section-pathfinder-spotlight .section__box-content { width: 100%; border-radius: 0 0 6px 6px; padding: 40px; } } @media (max-width: 374px) { .section-pathfinder-spotlight .section__box-content { padding: 30px; } } /* ------------------------------------------------------------ *\ section-winners \* ------------------------------------------------------------ */ .section-winners { background: -webkit-gradient( linear, right top, left top, from(rgba(51, 55, 61, 0.988964)), to(#1d1f22) ), rgba(51, 55, 61, 0.989); background: linear-gradient( 270deg, rgba(51, 55, 61, 0.988964) 0%, #1d1f22 100% ), rgba(51, 55, 61, 0.989); padding: 60px 0; } .section-winners .shell { max-width: 1280px; } .section-winners .section__head { text-align: center; max-width: 480px; margin: 0 auto 30px; color: #fff; } .section-winners .section__head h2 { font-size: 35px; line-height: 1.29; color: #fff; margin-bottom: 10px; } .section-winners .section__head p { line-height: 1.5; } .section-winners .section__foot { padding-top: 30px; text-align: center; color: #fff; } .section-winners .section__foot p { line-height: 1.5; padding-bottom: 10px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-winners { padding: 50px 0; } .section-winners .section__head h2 { font-size: 24px; line-height: 1.42; } } /* ------------------------------------------------------------ *\ section-leaderboard \* ------------------------------------------------------------ */ .section-leaderboard { background: #1D1F22; padding: 80px 0; } .section-leaderboard .section__head { text-align: center; padding-bottom: 30px; } .section-leaderboard .section__head h2 { font-size: 35px; line-height: 1.29; color: #fff; margin-bottom: 10px; } .section-leaderboard .section__foot { text-align: center; color: #fff; padding-top: 40px; } .section-leaderboard .section__foot p { padding-bottom: 10px; line-height: 1.5; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-leaderboard { padding: 50px 0; } .section-leaderboard .section__head h2 { font-size: 24px; line-height: 1.42; } .section-leaderboard .section__foot { padding-top: 30px; } } /* ------------------------------------------------------------ *\ section-heading-colored \* ------------------------------------------------------------ */ .section-heading-colored { background-color: #0039FF; margin-top: 100px; padding: 60px 0 100px; text-align: center; color: #fff; } .page_new_header .section-heading-colored { margin-top: 0; } .section-heading-colored .section__inner { max-width: 718px; margin: 0 auto; } .section-heading-colored h1 { font-weight: 800; font-size: 50px; line-height: 1.18; color: #fff; margin-bottom: 10px; } .section-heading-colored p { font-size: 18px; line-height: 1.56; max-width: 480px; margin: 0 auto; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-heading-colored { margin-top: 103px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-heading-colored { margin-top: 64px; padding: 30px 0 40px; } .section-heading-colored h1 { font-size: 30px; line-height: 1.43; margin-bottom: 13px; } .section-heading-colored p { font-size: 18px; line-height: 1.56; opacity: 0.85; max-width: 80%; margin: 0 auto; } } /* ------------------------------------------------------------ *\ section-customer \* ------------------------------------------------------------ */ .section-customer { padding: 42px 0; } .section-customer .section__head { text-align: center; padding: 38px 0 70px; } .section-customer .section__head h2 { font-weight: 800; font-size: 43px; line-height: 1.23; } .section-customer .section__entry { padding-bottom: 36px; } .section-customer .section__entry strong { font-weight: 600; color: #1D1F22; } .section-customer .section__entry p { font-size: 16px; line-height: 1.5; } .section-customer .section__body { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .section-customer .section__box { -webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.2); width: calc(50% - 17px); border-radius: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; } .section-customer .section__box .section__image { width: 100%; position: relative; background-color: #f7f7f7; padding-bottom: 57.3%; border-radius: 6px 6px 0 0; width: 100%; background-size: cover; background-position: center; } .section-customer .section__box .section__image img { mix-blend-mode: multiply; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .section-customer .section__box .section__content { border-radius: 0 0 6px 6px; padding: 40px 45px 55px 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .section-customer .section__box .section__actions { margin-top: auto; } .section-customer .section__box:only-child { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; width: 100%; } .section-customer .section__box:only-child .section__image { width: 49%; padding-bottom: 32.33%; } .section-customer .section__box:only-child .section__content { width: 51%; padding: 30px; border-radius: 0 6px 6px 0; } /* section__box--no-multiply */ .section-customer .section__box--no-multiply .section__image img { mix-blend-mode: normal; } /* colored */ .section-customer--colored { background-color: #f7f7f7; padding-bottom: 80px; } @media (max-width: 1023px) { .section-customer .section__box:only-child .section__image { width: 50%; } .section-customer .section__box:only-child .section__content { width: 50%; } .section-customer .section__box { width: calc(50% - 8px); } .section-customer .section__box .section__image img { -webkit-transform: translate(-50%, -50%) scale(0.75); -ms-transform: translate(-50%, -50%) scale(0.75); transform: translate(-50%, -50%) scale(0.75); } .section-customer .section__box:only-child .section__image img { -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-customer { padding: 30px 0; } .section-customer .section__head { padding-top: 20px; padding-bottom: 40px; } .section-customer .section__head h2 { font-size: 24px; line-height: 1.46; } .section-customer .section__box { width: 100%; margin-bottom: 30px; } .section-customer .section__box .section__content { padding: 25px 30px 40px; } .section-customer .section__box:only-child { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; margin-bottom: 0; } .section-customer .section__box:only-child .section__image { width: 100%; border-radius: 6px 6px 0 0; padding-bottom: 57.33%; } .section-customer .section__box:only-child .section__image img { -webkit-transform: translate(-50%, -50%) scale(0.75); -ms-transform: translate(-50%, -50%) scale(0.75); transform: translate(-50%, -50%) scale(0.75); } .section-customer .section__box:only-child .section__content { border-radius: 0 0 6px 6px; width: 100%; padding: 25px 30px 40px; } .section-customer .section__entry { padding-bottom: 30px; } .section-customer .section__entry p { font-size: 14px; line-height: 1.71; } .section-customer .section__box .section__actions { text-align: center; } .section-customer .section__box .section__actions .btn { font-size: 12px; letter-spacing: 1.2px; } } /* ------------------------------------------------------------ *\ section-customer-quote \* ------------------------------------------------------------ */ .section-customer-quote { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: #f7f7f7; } .section-customer-quote .section__media { width: 50%; min-height: 590px; position: relative; } .section-customer-quote .section__content { width: 50%; padding-left: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .section-customer-quote .section__quote { margin-bottom: 20px; } .section-customer-quote .section__quote blockquote p { font-size: 35px; line-height: 1.29; font-weight: 700; color: #1D1F22; } .section-customer-quote .section__content-inner { max-width: 500px; padding: 60px 0; } .section-customer-quote .section__video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .section-customer-quote .section__author h5, .section-customer-quote .section__author h6 { font-weight: 800; font-size: 14px; line-height: 22px; letter-spacing: 1.6px; text-transform: uppercase; color: #0039FF; margin-bottom: 0; } .section-customer-quote .section__author h6 { color: rgba(43, 103, 219, 0.5); } /* reversed */ .section-customer-quote--reversed .section__media { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .section-customer-quote--reversed .section__content { padding-right: 80px; padding-left: calc(50vw - 560px); } /* blue */ .section-customer-quote--blue { background-color: #0039FF; } .section-customer-quote--blue .section__author h5, .section-customer-quote--blue .section__quote blockquote p { color: #fff; } .section-customer-quote--blue .section__author h6 { color: rgba(255, 255, 255, 0.5); } @media (max-width: 1240px) { .section-customer-quote--reversed .section__content { padding-left: 60px; } } @media (max-width: 1023px) { .section-customer-quote .section__content { padding-left: 32px; padding-right: 60px; } .section-customer-quote .section__media { min-height: 468px; } .section-customer-quote--reversed .section__content { padding-left: 60px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-customer-quote .section__media { width: 100%; border-radius: 6px 6px 0 0; min-height: 1px; padding-bottom: 101%; } .section-customer-quote .section__media img, .section-customer-quote .section__media video { border-radius: 6px 6px 0 0; } .section-customer-quote .section__content { width: 100%; padding: 40px 20px; } .section-customer-quote .section__content-inner { padding: 0; } .section-customer-quote--reversed .section__media { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .section-customer-quote .section__quote blockquote p { font-size: 24px; line-height: 1.33; } } /* ------------------------------------------------------------ *\ section-customer-quote-with-bg-image \* ------------------------------------------------------------ */ .section-customer-quote-with-bg-image { position: relative; padding: 80px 0; } .section-customer-quote-with-bg-image .section__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .section-customer-quote-with-bg-image .section__overlay:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left bottom, left top, from(#0039FF), to(#0039FF)); background: linear-gradient(0deg, #0039FF, #0039FF); mix-blend-mode: overlay; opacity: 0.87; z-index: 2; } .section-customer-quote-with-bg-image .section__overlay:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient( linear, left top, left bottom, from(rgba(29, 31, 34, 0.5)), to(rgba(0, 0, 0, 0.6)) ); background: linear-gradient( 180deg, rgba(29, 31, 34, 0.5) 0%, rgba(0, 0, 0, 0.6) 100% ); z-index: 1; } .section-customer-quote-with-bg-image .section__inner { position: relative; z-index: 19; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .section-customer-quote-with-bg-image .section__content { width: 51.5%; padding-right: 35px; } .section-customer-quote-with-bg-image .section__media { width: 48.5%; padding-bottom: 39.5%; position: relative; } .section-customer-quote-with-bg-image .section__quote { margin-bottom: 20px; } .section-customer-quote-with-bg-image .section__quote blockquote p { font-size: 35px; line-height: 1.29; font-weight: 700; color: #fff; } .section-customer-quote-with-bg-image .section__author { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .section-customer-quote-with-bg-image .section__author-logo { width: 120px; } .section-customer-quote-with-bg-image .section__author-name { width: calc(100% - 120px); padding-left: 25px; } .section-customer-quote-with-bg-image .section__author h5, .section-customer-quote-with-bg-image .section__author h6 { font-weight: 800; font-size: 14px; line-height: 22px; letter-spacing: 1.6px; text-transform: uppercase; color: #fff; margin-bottom: 0; } .section-customer-quote-with-bg-image .section__author h6 { color: rgba(255, 255, 255, 0.5); } .section-customer-quote-with-bg-image .section__video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 1023px) { .section-customer-quote-with-bg-image { padding: 60px 0; } .section-customer-quote-with-bg-image .section__media img { border-radius: 6px; } .section-customer-quote-with-bg-image .section__media { padding-bottom: 47.2%; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-customer-quote-with-bg-image { padding: 50px 0; } .section-customer-quote-with-bg-image .section__content { width: 100%; padding-right: 0; padding-bottom: 30px; } .section-customer-quote-with-bg-image .section__media { width: 100%; padding-bottom: 100%; } .section-customer-quote-with-bg-image .section__quote blockquote p { font-size: 24px; line-height: 1.33; } .section-customer-quote-with-bg-image .section__author-logo { width: 123px; margin-bottom: 14px; } .section-customer-quote-with-bg-image .section__author-name { width: 100%; padding-left: 0; } } /* ------------------------------------------------------------ *\ section-your-contact \* ------------------------------------------------------------ */ .section-your-contact { margin-top: 100px; background-color: #f7f7f7; padding: 60px 0; } .page_new_header .section-your-contact { margin-top: 0; } .section-your-contact .section__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .section-your-contact .section__content { width: calc(100% - 512px); padding-left: 64px; } .section-your-contact .section__content-inner { max-width: 365px; } .section-your-contact .section__content h5 { text-align: center; font-weight: 800; font-size: 16px; line-height: 1.19; letter-spacing: 0.012em; color: #1D1F22; text-transform: uppercase; margin-bottom: 20px; } .section-your-contact .section__avatar { width: 100px; height: 100px; border-radius: 50%; margin: 0 auto; } .section-your-contact .section__avatar img { border-radius: 50%; } .section-your-contact .section__entry { margin-top: 20px; } .section-your-contact .section__entry h4 { font-weight: 600; font-size: 24px; line-height: 1.25; color: #0039FF; margin-bottom: 10px; } .section-your-contact .section__entry p { font-size: 16px; line-height: 1.5; } .section-your-contact .section__soc { padding-top: 5px; } .section-your-contact .section__soc ul { list-style: none; color: #0039FF; } .section-your-contact .section__soc a { text-decoration: none; font-size: 16px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.4s; transition: all 0.4s; } .section-your-contact .section__soc a:hover { opacity: 0.7; } .section-your-contact .section__soc svg { width: 18px; margin-right: 9px; fill: #0039FF; } .section-your-contact .section__form { margin: 0 0 0 auto; width: 512px; background-color: #0039FF; border-radius: 48px; padding: 30px; } .section-your-contact .section__form iframe { min-height: 591px; width: 100%; display: block; } /* Small Desktop */ @media (max-width: 1240px) { .section-your-contact .section__content { padding-left: 0; width: 51%; padding-right: 30px; } .section-your-contact .section__form { width: 49%; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-your-contact { margin-top: 103px; } .page_new_header .section-your-contact { margin-top: 0; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-your-contact { margin-top: 64px; padding: 40px 0; } .page_new_header .section-your-contact { margin-top: 0; } .section-your-contact .section__content { width: 100%; padding-right: 0; padding-bottom: 30px; } .section-your-contact .section__content-inner { width: 100%; } .section-your-contact .section__form { width: 100%; } .section-your-contact .section__form iframe { min-height: 614px; } } /* ------------------------------------------------------------ *\ section-why \* ------------------------------------------------------------ */ .section-why { padding: 20px 0; } .section-why .section__head { text-align: center; padding: 70px 0 30px; max-width: 736px; margin: 0 auto; } .section-why .section__head h2 { font-weight: 800; font-size: 43px; line-height: 1; margin-bottom: 43px; } .section-why .section__head p { line-height: 1.5; } .section-why .section__body { padding: 0 0 60px; } .section-why .section__body:only-child { padding: 40px 0; } .section-why .section__body ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; list-style: none; text-align: center; } .section-why .section__body ul h5 { font-weight: 600; font-size: 18px; color: #1D1F22; line-height: 1.39; } .section-why .section__body li { width: calc(33.33% - 20px); text-align: center; padding: 40px 20px 30px; border: 1px solid #dcdcdc; -webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.2); border-radius: 6px; } .section-why .section__body ul img { max-width: 248px; margin: 0 auto 35px; width: 100%; } .section-why--gray { background-color: #f7f7f7; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-why .section__body li { width: calc(33.33% - 10px); } .section-why .section__body li br { display: none; } .section-why .section__head h2 { font-size: 40px; margin-bottom: 30px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-why .section__head { padding-top: 30px; } .section-why .section__head h2 { font-size: 24px; line-height: 1.46; margin-bottom: 10px; } .section-why .section__head p { font-size: 16px; line-height: 1.63; margin-bottom: 7px; } .section-why .section__head p:last-child { margin-bottom: 0; } .section-why .section__body { padding-bottom: 30px; } .section-why .section__body li { width: 100%; margin-bottom: 20px; min-height: 300px; } .section-why .section__body li:last-child { margin-bottom: 0; } .section-why .section__body ul h5 { width: 80%; margin: 0 auto; } .section-why .section__body:only-child { padding: 30px 0; } } /* ------------------------------------------------------------ *\ section-intro-video-with-form \* ------------------------------------------------------------ */ .section-intro-video-with-form:first-child { padding-top: 160px; } .page_new_header .section-intro-video-with-form:first-child { padding-top: 60px; } .section-intro-video-with-form { position: relative; padding: 60px 0; text-align: center; color: #fff; } .section-intro-video-with-form .section__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .section-intro-video-with-form .section__overlay:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.87; background: #0039FF; mix-blend-mode: overlay; z-index: 1; } .section-intro-video-with-form .section__overlay:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(29, 31, 34, 0.5)), to(rgba(0, 0, 0, 0.6)) ); background-image: linear-gradient( 180deg, rgba(29, 31, 34, 0.5) 0%, rgba(0, 0, 0, 0.6) 100% ); } .section-intro-video-with-form .shell { position: relative; z-index: 10; } .section-intro-video-with-form .section__head { padding-bottom: 54px; } .section-intro-video-with-form .section__head h5 { color: #fff; font-weight: 700; font-size: 14px; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 13px; } .section-intro-video-with-form .section__head h1 { font-weight: 900; font-size: 50px; letter-spacing: 0; text-align: center; margin-bottom: 21px; } .section-intro-video-with-form .section__head p { opacity: 1; font-size: 18px; line-height: 1.56; } .section-intro-video-with-form .section__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .section-intro-video-with-form .section__video { position: relative; width: 53.22%; padding-right: 80px; } .section-intro-video-with-form .section__video .section__video-inner:last-child { margin-bottom: 0; position: relative; } .section-intro-video-with-form .section__video .section__video-inner:hover:after { opacity: 0.2; background-color: #1d1f22; } .section-intro-video-with-form .section__video .section__video-inner:hover .btn-play circle { fill: #d6be42; } .section-intro-video-with-form .section__video .section__video-inner:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background-color: #000; opacity: 0; -webkit-transition: all 0.4s; transition: all 0.4s; border-radius: 5px; } .section-intro-video-with-form .section__video-content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 11; pointer-events: none; } .section-intro-video-with-form .section__video-content p { font-weight: 900; font-size: 16px; letter-spacing: 1.78px; text-align: center; text-shadow: 0 2px 6px rgba(0, 0, 0, 0.25); text-transform: uppercase; } .section-intro-video-with-form .section__video-content .btn-play { margin-bottom: 22px; } .section-intro-video-with-form .section__video .section__bg { border-radius: 6px; } .section-intro-video-with-form .plyr { opacity: 0; z-index: 134; position: relative; } .section-intro-video-with-form .plyr > button.plyr__control { width: 100%; height: 100%; z-index: 19; border-radius: 0; opacity: 0; } .section-intro-video-with-form .play-now:after { opacity: 0; } .section-intro-video-with-form .play-now .section__bg { opacity: 0; } .section-intro-video-with-form .play-now .plyr { opacity: 1; } .section-intro-video-with-form .pause-now:after { opacity: 0; } .section-intro-video-with-form .pause-now .section__bg { opacity: 0; } .section-intro-video-with-form .pause-now .plyr { opacity: 1; } .section-intro-video-with-form .section__form { width: 46.78%; background-color: #0039FF; border-radius: 48px; padding: 30px; } .section-intro-video-with-form .section__form iframe { width: 100%; display: block; height: 578px; } @media (max-width: 1023px) { .section-intro-video-with-form .section__head h5 { margin-bottom: 23px; } .section-intro-video-with-form .section__head h1 { margin-bottom: 9px; } .section-intro-video-with-form .section__form { width: 49%; } .section-intro-video-with-form .section__video { width: 51%; padding-right: 38px; padding-top: 60px; } .section-intro-video-with-form .section__video-content .btn-play { width: 63px; height: 63px; } .section-intro-video-with-form .section__form iframe { height: 600px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-intro-video-with-form:first-child { padding-top: 114px; } .page_new_header .section-intro-video-with-form:first-child { padding-top: 50px; } .section-intro-video-with-form { padding: 50px 0 50px; } .section-intro-video-with-form .section__head { padding-bottom: 40px; } .section-intro-video-with-form .section__head h5 { margin-bottom: 13px; } .section-intro-video-with-form .section__head h1 { font-size: 30px; line-height: 1.5; } .section-intro-video-with-form .section__video { width: 100%; padding: 0 0 50px; } .section-intro-video-with-form .section__video-content .btn-play { width: 40px; height: 40px; margin-bottom: 12px; } .section-intro-video-with-form .section__video-content p { font-weight: 800; font-size: 12px; letter-spacing: 1.5px; text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25); } .section-intro-video-with-form .section__form { width: 100%; } } /* ------------------------------------------------------------ *\ section-quotes \* ------------------------------------------------------------ */ .section-quotes { padding: 72px 0 90px; } .section-quotes .section__head { text-align: center; position: relative; z-index: 10; max-width: 626px; margin: 0 auto 60px; color: #fff; } .section-quotes .section__head h2 { color: #fff; font-size: 35px; line-height: 1.29; margin-bottom: 10px; } .section-quotes .section__head p { font-size: 16px; line-height: 1.63; } .section-quotes .section__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .section-quotes .section__overlay:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left bottom, left top, from(#0039FF), to(#0039FF)); background: linear-gradient(0deg, #0039FF, #0039FF); mix-blend-mode: overlay; opacity: 0.87; z-index: 2; } .section-quotes .section__overlay:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient( linear, left top, left bottom, from(rgba(29, 31, 34, 0.5)), to(rgba(0, 0, 0, 0.6)) ); background: linear-gradient( 180deg, rgba(29, 31, 34, 0.5) 0%, rgba(0, 0, 0, 0.6) 100% ); z-index: 1; } .section-quotes .section__body { position: relative; z-index: 10; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-quotes { padding: 50px 0; } .section-quotes .section__head { margin-bottom: 50px; padding: 0 20px; } .section-quotes .section__head h2 { font-size: 24px; line-height: 1.5; } .section-quotes .section__head p { font-size: 16px; line-height: 1.63; } .section-quotes .shell { padding: 0; } } /* ------------------------------------------------------------ *\ section-case-study-overview \* ------------------------------------------------------------ */ .section-case-study-overview { padding: 80px 0; } .section-case-study-overview .section__head { text-align: center; padding-bottom: 60px; } .section-case-study-overview .section__head h5 { font-size: 14px; line-height: 1.21; letter-spacing: 1.16667px; color: #1D1F22; text-transform: uppercase; } .section-case-study-overview .section__head h2 { font-size: 43px; line-height: 1.23; color: #1D1F22; margin-bottom: 10px; } .section-case-study-overview .section__head p { font-size: 16px; line-height: 1.5; color: #191E2A; } .section-case-study-overview .section__media { max-width: 928px; margin: 0 auto; padding-bottom: 47.6%; } .section-case-study-overview .section__cols { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 928px; margin: 60px auto 0; } .section-case-study-overview .section__col { width: 50%; font-size: 16px; line-height: 1.5; } .section-case-study-overview .section__col:first-child { padding-right: 16px; } .section-case-study-overview .section__col:last-child { padding-left: 16px; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-case-study-overview .section__media { padding-bottom: 57.5%; } .section-case-study-overview .section__cols { margin-top: 40px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-case-study-overview { padding: 50px 0; } .section-case-study-overview .section__head { padding-bottom: 50px; } .section-case-study-overview .section__head h2 { font-weight: 600; font-size: 24px; line-height: 1.5; } .section-case-study-overview .section__cols { margin-top: 50px; } .section-case-study-overview .section__col { width: 100%; padding-bottom: 20px; } .section-case-study-overview .section__col:first-child { padding: 0 0 20px; } .section-case-study-overview .section__col:last-child { padding: 0; } } /* ------------------------------------------------------------ *\ section-comparison-slider \* ------------------------------------------------------------ */ .section-comparison-slider { padding: 80px 0; } .section-comparison-slider .shell { max-width: 1260px; } .section-comparison-slider .section__head { text-align: center; padding-bottom: 60px; } .section-comparison-slider .section__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .section-comparison-slider .section__aside { width: 288px; padding-right: 33px; padding-top: 120px; } .section-comparison-slider .section__aside ul { list-style: none; font-weight: 500; line-height: 1.38; color: #1D1F22; } .section-comparison-slider .section__aside li { padding: 25px 0; } .section-comparison-slider .section__actions { padding-top: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .section-comparison-slider .section__actions .btn-prev { display: block; background: url(../images/arrow-left-blue.svg) no-repeat 0 0; width: 20px; height: 12px; background-size: contain; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; opacity: 0.5; } .section-comparison-slider .section__actions .btn-prev:hover { opacity: 1; } .section-comparison-slider .section__actions .btn-next { display: block; background: url(../images/arrow-right-blue.svg) no-repeat 0 0; width: 20px; height: 12px; background-size: contain; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; opacity: 0.5; } .section-comparison-slider .section__actions .btn-next:hover { opacity: 1; } .section-comparison-slider .section__actions .slider__dots { height: 7px; margin: 0 20px; } .section-comparison-slider .section__actions .slick-dots { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; list-style: none; font-size: 0; line-height: 0; text-indent: -4004px; margin: 0; } .section-comparison-slider .section__actions .slick-dots li { margin: 0 5px; } .section-comparison-slider .section__actions .slick-dots li button { width: 7px; height: 7px; border-radius: 50%; background-color: #0039FF; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; opacity: 0.6; -webkit-transition: all 0.4s; transition: all 0.4s; } .section-comparison-slider .section__actions .slick-dots li button:hover, .section-comparison-slider .section__actions .slick-dots li.slick-active button { opacity: 1; } .section-comparison-slider .section__actions .slick-disabled { opacity: 0.5; pointer-events: none; } .section-comparison-slider.no-arrows .section__actions { display: none; } .section-comparison-slider .section__slider { width: calc(100% - 288px); } .section-comparison-slider.has-three-el .section__slider { width: 648px; } .section-comparison-slider.has-two-el .section__slider { width: 432px; } @media (max-width: 1260px) { .section-comparison-slider .shell { padding: 0; } .section-comparison-slider .section__aside { padding-left: 60px; } .section-comparison-slider.has-two-el .section__slider { width: 432px; } .section-comparison-slider.has-two-el .section__aside { padding-left: 0; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-comparison-slider .section__aside { width: 287px; padding-left: 60px; } .section-comparison-slider .section__slider { width: calc(100% - 287px); } .section-comparison-slider.has-three-el .section__inner { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .section-comparison-slider.has-three-el .section__aside { min-width: 287px; } } @media (max-width: 920px) { .section-comparison-slider .section__aside { padding-left: 30px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-comparison-slider { display: none; } } /* ------------------------------------------------------------ *\ section-pathfinder-form \* ------------------------------------------------------------ */ .section-pathfinder-form:first-child { padding-top: 160px; } .page_new_header .section-pathfinder-form:first-child { padding-top: 100px; } .section-pathfinder-form { padding: 100px 0; } .section-pathfinder-form .section__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .section-pathfinder-form .section__content { width: 51.43%; padding-right: 86px; } .section-pathfinder-form .section__content h1 { font-weight: 800; font-size: 50px; line-height: 1.3; color: #1D1F22; margin-bottom: 7px; } .section-pathfinder-form .section__content p { font-size: 18px; line-height: 1.56; } .section-pathfinder-form .section__form { width: 48.57%; background-color: #0039FF; border-radius: 48px; padding: 30px; } .section-pathfinder-form .section__form iframe { width: 100%; display: block; height: 787px; } @media (max-width: 1175px) { .section-pathfinder-form .section__form iframe { height: 810px; } } @media (max-width: 1035px) { .section-pathfinder-form .section__form iframe { height: 833px; } } @media (max-width: 1016px) { .section-pathfinder-form .section__form iframe { height: 740px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-pathfinder-form:first-child { padding-top: 97px; } .page_new_header .section-pathfinder-form:first-child { padding-top: 50px; } .section-pathfinder-form { padding: 33px 0 50px; } .section-pathfinder-form .section__content { width: 100%; padding-right: 0; padding-bottom: 40px; } .section-pathfinder-form .section__form { width: 100%; } .section-pathfinder-form .section__content h1 { font-size: 30px; line-height: 1.2; padding-bottom: 12px; } .section-pathfinder-form .section__content p { font-size: 16px; line-height: 1.56; max-width: 90%; } .section-pathfinder-form .section__form iframe { height: 790px; } } @media (max-width: 526px) { .section-pathfinder-form .section__form iframe { height: 820px; } } @media (max-width: 458px) { .section-pathfinder-form .section__form iframe { height: 835px; } } @media (max-width: 449px) { .section-pathfinder-form .section__form iframe { height: 710px; } } @media (max-width: 411px) { .section-pathfinder-form .section__form iframe { height: 740px; } } @media (max-width: 345px) { .section-pathfinder-form .section__form iframe { height: 755px; } } /* ------------------------------------------------------------ *\ section-form-request-demo-small \* ------------------------------------------------------------ */ .section-form-request-demo-small { padding: 80px 0; } .section-form-request-demo-small .section__form { max-width: 544px; margin: 0 auto; background-color: #0039FF; border-radius: 48px; padding: 30px; } .section-form-request-demo-small .section__form iframe { width: 100%; display: block; height: 353px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-form-request-demo-small .section__form { width: 100%; } } @media (max-width: 400px) { .section-form-request-demo-small .section__form iframe { height: 368px; } } /* ------------------------------------------------------------ *\ section-how-it-works \* ------------------------------------------------------------ */ .section-how-it-works { background: -webkit-gradient(linear, right top, left top, from(#33373d), to(#1d1f22)); background: linear-gradient(270deg, #33373d 0%, #1d1f22 100%); padding: 80px 0; } .section-how-it-works .section__head { color: #fff; max-width: 736px; margin: 0 auto; text-align: center; padding-bottom: 60px; } .section-how-it-works .section__head h2 { font-size: 43px; line-height: 1.23; color: #fff; margin-bottom: 10px; } .section-how-it-works .section__head h2:last-child { margin-bottom: 0; } .section-how-it-works .section__head p { font-size: 18px; line-height: 1.67; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-how-it-works { padding: 50px 0; } .section-how-it-works .section__head { padding-bottom: 40px; } .section-how-it-works .section__head h2 { font-size: 26px; } .section-how-it-works .section__head p { font-size: 16px; line-height: 1.5; } } /* ------------------------------------------------------------ *\ section-blog-subscription-form \* ------------------------------------------------------------ */ .section-blog-subscription-form { padding-bottom: 80px; } .section-blog-subscription-form .section__form { color: white; margin: 0 auto; background-color: #0039FF; border-radius: 48px; padding: 30px; width: 100%; max-width: 460px; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-blog-subscription-form { padding-bottom: 30px; } } /* ------------------------------------------------------------ *\ section-refer-friend-intro \* ------------------------------------------------------------ */ .section-refer-friend-intro { background-color: #0039FF; color: #fff; text-align: center; padding: 160px 0 100px; min-height: 416px; } /* .page_new_header .section-refer-friend-intro { padding-top : 100px; } */ .section-refer-friend-intro h1 { font-weight: 900; font-size: 50px; margin-bottom: 10px; } .section-refer-friend-intro p { opacity: 0.85; line-height: 1.56; } .section-refer-friend-intro p.lead { font-size: 20px; font-weight: 600; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section-refer-friend-intro { padding: 94px 0 50px; min-height: 259px; } /* .page_new_header .section-refer-friend-intro { padding-top : 50px; } */ .section-refer-friend-intro h1 { font-size: 30px; line-height: 1.43; } .section-refer-friend-intro p { font-size: 18px; line-height: 1.63; } .section-refer-friend-intro .section__inner { padding: 0 20px; } } @media (max-width: 374px) { .section-intro-text .btn { min-width: 205px; } } /* ------------------------------------------------------------ *\ section-refer-friend-content \* ------------------------------------------------------------ */ .section-refer-friend { padding: 80px 0; position: relative; text-align: center; } .section-refer-friend .h3 { font-size: 1.17em; margin-bottom: 1em; color: #0039FF; } .section-refer-friend ul, .section-refer-friend ol { display: inline-block; text-align: left; margin-left: 20px; } .section-refer-friend ul li, .section-refer-friend ol li { margin-bottom: 12px; line-height: 1.63; } .section-refer-friend .section__half { width: 50%; max-width: 507px; text-align: left; } .section-refer-friend .section__image { width: 49%; position: absolute; right: 0; left: auto; max-width: 50vw; height: 100%; top: 0; } .section-refer-friend p { line-height: 1.63; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-refer-friend { padding-bottom: 0; } .section-refer-friend .section__half { width: 100%; text-align: center; max-width: 700px; margin: 0 auto 50px; } .section-refer-friend .section__image { position: relative; width: 100%; min-height: 592px; max-width: 592px; margin: 0 auto; } } @media (max-width: 600px) { .section-refer-friend { padding: 50px 0 0; } .section-refer-friend ul, .section-refer-friend ol { display: block; text-align: left; } } /* Related Resources */ .section--related-resources .h3 { font-weight: 700; font-size: 26px; color: #1d1f22; margin-bottom: 30px; text-align: center; } .section--related-resources .article--resources-item { width: 25%; } @media (max-width: 1023px) { .section--related-resources .article--resources-item { width: 50%; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .section--related-resources .h3 { font-weight: 900; font-size: 20px; } .section--related-resources .article--resources-item { width: 100%; } } /* ------------------------------------------------------------ *\ # Shell \* ------------------------------------------------------------ */ .shell { position: relative; max-width: 1240px; padding-left: 60px; padding-right: 60px; margin: auto; width: 100%; } @media(max-width: 920px){ .shell { padding: 0 30px; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .shell { padding: 0 20px; } } /* ------------------------------------------------------------ *\ - Fluid \* ------------------------------------------------------------ */ .shell--fluid { max-width: none; } .slider-boxes .slider__slide-title { border-radius: 8px 8px 0 0; background-color: #0039FF; text-align: center; padding: 8px 0; } .slider-boxes .slider__slide-title h5 { color: #fff; font-weight: 800; font-size: 14px; letter-spacing: 1.29px; text-transform: uppercase; } .slider-boxes .slider__slide { padding: 0 8px; } .slider-boxes .slick-list { margin: 0 -8px; } .slider-boxes .slider__slide-inner { border-radius: 8px; } .slider-boxes .slider__slide-content { background-color: #fff; border-radius: 0 0 8px 8px; text-align: center; padding: 25px 15px; } .slider-boxes .slider__slide-content img { max-width: 68px; margin: 0 auto 13px; } .slider-boxes .slider__slide-content h6 { font-weight: 800; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; color: #0039FF; } .slider-boxes .slider__actions { padding-top: 50px; } .slider-boxes .slider__actions .slick-dots li button { background: rgba(43,103,219,.25); } .slider-boxes .slider__actions .slick-dots li button:hover, .slider-boxes .slider__actions .slick-dots li.slick-active button { background: rgba(43,103,219,1); } .slider-boxes .slider__actions .btn-prev { display: block; background: url(../images/arrow-left-blue.svg) no-repeat 0 0; width: 20px; height: 12px; background-size: contain; -webkit-transition: opacity .4s; transition: opacity .4s; opacity: .5; } .slider-boxes .slider__actions .btn-prev:hover { opacity: 1; } .slider-boxes .slider__actions .btn-next { display: block; background: url(../images/arrow-right-blue.svg) no-repeat 0 0; width: 20px; height: 12px; background-size: contain; -webkit-transition: opacity .4s; transition: opacity .4s; opacity: .5; } .slider-boxes .slider__actions .btn-next:hover { opacity: 1; } .slider__actions .slick-disabled { opacity: .4; pointer-events: none; } /* disable */ .slider-boxes .slide__slide--disable .slider__slide-title { background-color: #999; } .slider-boxes .slide__slide--disable .slider__slide-content h6 { color: #ABABAB; } /* no arrows */ .slider-boxes.no-arrows .slider__actions { display: none; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .slider-boxes .slick-slide { width: 227px !important; } .slider-boxes .slick-list { overflow: visible; } .slider-boxes .slider__actions { padding-top: 30px; } } .slider-comparison, .slider-comparison .slider__clip, .slider-comparison .slider__slides, .slider-comparison .slick-list { width: 100%; } .slider-comparison .slider__slide { padding: 0 15px; } .slider-comparison .slider__clip { margin: 0; } .slider-comparison .slider__slides { display: -webkit-box; display: -ms-flexbox; display: flex; white-space: nowrap; } .slider-quotes .slick-list { margin: 0 -16px; } .slider-quotes .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .slider-quotes .slick-slide { float: none; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .slider-quotes .slider__slide { padding: 0 16px; display: block !important; height: 100%; } .slider-quotes .slider__actions { padding-top: 50px; } .slider-quotes .slider__actions .slick-dots li button { background-color: rgba(43, 103, 219, .5); } .slider-quotes .slider__actions li.slick-active button { background-color: #0039FF; } /* no arrow */ .slider-quotes.no-arrows .slider__actions { display: none; } /* Tablet Portrait */ @media (max-width: 1023px) { .slider-quotes .slider__slide { padding: 0 8px } .slider-quotes .slick-list { margin: 0 -8px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .slider-quotes .slick-list { padding-right: 15px; padding-left: 12px; margin: 0; } } .slider-winners .slider__slide { display: block !important; padding: 0 16px; } .slider-winners .slick-list { margin: 0 -16px; } .slider-winners .slider__actions { padding-top: 30px; } .slider-winners.no-arrows .slider__actions { display: none; } /* ------------------------------------------------------------ *\ slider actions \* ------------------------------------------------------------ */ .slider__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .slider__actions .slider__dots { height: 7px; margin: 0 20px; } .slider__actions .slick-dots { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; list-style: none; font-size: 0; line-height: 0; text-indent: -4004px; margin: 0; } .slider__actions .slick-dots li { margin: 0 5px; } .slider__actions .slick-dots li button { width: 7px; height: 7px; border-radius: 50%; background-color: #fff; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; opacity: .6; -webkit-transition: all .4s; transition: all .4s; } .slider__actions .slick-dots li button:hover, .slider__actions .slick-dots li.slick-active button { opacity: 1; } .slider__actions .btn-prev { display: block; background: url(../images/arrow-left-white.svg) no-repeat 0 0; width: 20px; height: 12px; background-size: contain; -webkit-transition: opacity .4s; transition: opacity .4s; opacity: .5; } .slider__actions .btn-prev:hover { opacity: 1; } .slider__actions .btn-next { display: block; background: url(../images/arrow-right-white.svg) no-repeat 0 0; width: 20px; height: 12px; background-size: contain; -webkit-transition: opacity .4s; transition: opacity .4s; opacity: .5; } .slider__actions .btn-next:hover { opacity: 1; } .slider__actions .slick-disabled { opacity: .4; pointer-events: none; } /* ------------------------------------------------------------ *\ slider-testimonials \* ------------------------------------------------------------ */ .slider-testimonials .slider__slides { padding-bottom: 34px; } /* Tablet Portrait */ /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .slider-testimonials .slick-list { padding-right: 50px; padding-left: 20px; } .slider-testimonials .slider__slides { padding-bottom: 20px; } } /* ------------------------------------------------------------ *\ Socials \* ------------------------------------------------------------ */ .socials ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #0039FF; font-size: 26px; } .socials ul li { padding-left: 32px; } .socials ul li svg { height: 24px; } .socials ul li svg path{ fill: #0039FF; } .socials a:hover svg path { fill: #1D1F22; } /* Tablet Portrait */ @media (max-width: 1023px) { .socials ul li { padding-left: 0; padding-right: 23px; } } /* ------------------------------------------------------------ *\ solutions \* ------------------------------------------------------------ */ .solutions { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -16px; } .solution { width: 33.33%; padding: 0 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .solution .solution__inner { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .solution .solution__image { padding-bottom: 68%; border-radius: 6px; margin-bottom: 30px; width: 100%; } .solution .solution__image img { border-radius: 6px; } .solution .solution__image .btn-play { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 10; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: rgba(29, 31, 34, 0.3); border-radius: 6px; } .solution .solution__image:hover .btn-play { background: rgba(29, 31, 34, .7); } .solution .solution__image .btn-play svg { width: 64px; height: 64px; } .solution .solution__entry { text-align: center; padding-bottom: 40px; } .solution .solution__actions { width: 100%; margin-top: auto; } .solution .btn { padding: 15px 0; max-width: 305px; margin: 0 auto; display: block; width: 100%; } .solution h4, .solution .h4 { font-weight: 600; font-size: 24px; color: #222528; line-height: 1.25; margin-bottom: 10px; } .solution p { font-size: 16px; color: #77797A; line-height: 1.5; } /* Tablet Portrait */ @media (max-width: 1023px) { .solutions { margin: 0 -8px; } .solution { padding: 0 8px; } .solution .solution__image { margin-bottom: 25px; } .solution h4, .solution .h4 { margin-bottom: 8px; } .solution p { font-size: 16px; line-height: 1.5; } .solution .solution__entry { padding-bottom: 25px; } .solution .btn { max-width: 265px; font-size: 12px; line-height: 14px; letter-spacing: 1.2px; padding: 17px 0; } } @media(max-width: 920px){ .solution .solution__image { margin-bottom: 20px; } .solution h4, .solution .h4 { font-size: 18px; line-height: 1.67; margin-bottom: 6px; } .solution p { font-size: 14px; line-height: 1.5; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .solutions { margin: 0; } .solution { width: 100%; padding: 0; margin-bottom: 60px; } .solution:last-child { margin-bottom: 0; } .solution .solution__entry { padding: 0 10px 30px; } .solution .btn { min-width: 275px; width: 275px; margin: 0 auto; padding: 14px; } } .spread { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -20px -16px; } .spread-item { width: 50%; padding: 20px 16px; } .spread-item .spread__item-inner { background-color: #fff; border-radius: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; height: 100%; width: 100%; } .spread-item .spread__item-image { padding-bottom: 56.3%; border-radius: 6px 6px 0 0; } .spread-item .spread__item-image img { border-radius: 6px 6px 0 0; } .spread-item .spread__item-content { border: 1px solid #DCDCDC; border-top: none; border-radius: 0 0 6px 6px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; } .spread-item .spread__item-entry { padding: 40px 50px 30px; } .spread-item .spread__item-actions { margin-top: auto; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 50px 40px; } .spread-item .spread__item-actions .btn { margin-right: 16px; } .spread-item .spread__item-actions .btn:last-child { margin-right: 0; } .spread-item .spread__item-label { font-weight: 800; font-size: 14px; line-height: 20px; letter-spacing: 1.6px; text-transform: uppercase; background-color: #4AB543; border-radius: 99em; color: #fff; padding: 3px 10px; display: inline-block; margin-bottom: 20px; } .spread-item .spread__item-label--yellow { background-color: #EDF925; color: #1D1F22; } .spread-item h5 { font-weight: 800; font-size: 14px; line-height: 1.57; letter-spacing: 1.6px; text-transform: uppercase; color: #0039FF; margin-bottom: 6px; } .spread-item h3 { font-weight: 600; font-size: 24px; line-height: 1.5; color: #1D1F22; margin-bottom: 4px; } .spread-item p { font-size: 16px; line-height: 1.5; color: #6F7071; } .spread-item p a { text-decoration: none; color: #0039FF; } .spread-item p a:hover { text-decoration: underline; } .spread-item--full { width: 100%; } .spread-item--full .spread__item-inner { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .spread-item--full .spread__item-image { width: 48.6%; padding-bottom: 0; border-radius: 6px 0 0 6px; } .spread-item--full .spread__item-image img { border-radius: 6px 0 0 6px; } .spread-item--full .spread__item-content { width: 51.4%; border-radius: 0 6px 6px 0; border: 1px solid #DCDCDC; border-left: none; padding-top: 22px; padding-bottom: 22px; } /* Tablet Portrait */ @media (max-width: 1023px) { .spread-item .spread__item-image { padding-bottom: 70.7%; } .spread-item--full .spread__item-image { padding-bottom: 0; width: 39%; } .spread-item--full .spread__item-content { padding-bottom: 2px; padding-top: 2px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .spread { margin: 0; } .spread-item { width: 100%; padding: 0 0 32px; } .spread-item:last-child { padding-bottom: 0; } .spread-item .spread__item-image { padding-bottom: 68.1%; } .spread-item .spread__item-entry { padding: 30px; } .spread-item .spread__item-actions { padding: 0 30px 30px 30px; display: block; } .spread-item .spread__item-actions .btn { width: 100%; padding: 16px; font-size: 14px; letter-spacing: 1.4px; margin: 0; } .spread-item .spread__item-actions .btn ~ .btn { margin-top: 16px; } .spread-item--full .spread__item-image { width: 100%; border-radius: 6px 6px 0 0; } .spread-item--full .spread__item-image img { border-radius: 6px 6px 0 0; } .spread-item--full .spread__item-content { width: 100%; border: 1px solid #DCDCDC; border-top: none; border-radius: 0 0 6px 6px; } } /* ------------------------------------------------------------ *\ - Transitions \* ------------------------------------------------------------ */ a, button, input[type="submit"], input[type="button"] { -webkit-transition: color 0.4s, background 0.4s, opacity 0.4s, border 0.4s, -webkit-transform 0.4s; transition: color 0.4s, background 0.4s, opacity 0.4s, border 0.4s, -webkit-transform 0.4s; transition: color 0.4s, background 0.4s, opacity 0.4s, transform 0.4s, border 0.4s; transition: color 0.4s, background 0.4s, opacity 0.4s, transform 0.4s, border 0.4s, -webkit-transform 0.4s; } /* ------------------------------------------------------------ *\ tabs \* ------------------------------------------------------------ */ .tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tabs .tabs__head { width: calc(100% - 545px); padding-right: 78px; pointer-events: none; } .tabs .tabs__nav li { margin-bottom: 40px; -webkit-transition: all .4s; transition: all .4s; } .tabs .tabs__nav li.current { opacity: 1; } .tabs .tabs__nav a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-decoration: none; } .tabs .tabs__nav .tab__nav-content { width: calc(100% - 70px); padding-left: 30px; opacity: .4; -webkit-transition: all .4s; transition: all .4s; min-height: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .tabs .tabs__nav .tab__nav-content * { width: 100%; } .tabs .tabs__nav .tab__nav-content h5, .tabs .tabs__nav .tab__nav-content .h5 { font-weight: 600; font-size: 22px; color: #1D1F22; line-height: 1.36; margin-bottom: 6px; } .tabs .tabs__nav .tab__nav-content h5:only-child, .tabs .tabs__nav .tab__nav-content .h5:only-child { margin-bottom: 0; } .tabs .tabs__nav .tab__nav-content p { font-weight: 400; font-size: 16px; color: #1D1F22; line-height: 1.63; } .tabs .tabs__nav .tab__nav-icon { width: 70px; height: 70px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 700; font-size: 24px; color: #1D1F22; letter-spacing: 0; position: relative; opacity: .4; -webkit-transition: all .4s; transition: all .4s; } .tabs .tabs__nav .tab__nav-icon:before { content: ''; width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: 1px solid #0039FF; border-radius: 50%; -webkit-transition: all .4s; transition: all .4s; } .tabs .tabs__nav svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .tabs .tabs__nav li circle { stroke-dasharray: 220; stroke-dashoffset: 220; } body.loaded .tabs .tabs__nav li.current circle { -webkit-animation: dash 5s linear forwards; animation: dash 5s linear forwards; } .tabs .tabs__nav li.current .tab__nav-content { opacity: 1; } .tabs .tabs__nav li.current .tab__nav-icon { opacity: 1; } .tabs .tabs__nav li.current .tab__nav-icon:before { opacity: .4; } .tabs .tabs__nav li:hover .tab__nav-content { opacity: 1; } .tabs .tabs__nav li:hover .tab__nav-icon { opacity: 1; } .tabs .tabs__nav li:hover .tab__nav-icon:before { opacity: .4; } .tabs .tabs__body { width: 545px; } /*.tab { opacity: 0; transition: all .4s; height: 0; overflow: hidden; visibility: hidden; } .tab.current { display: block; opacity: 1; visibility: visible; overflow: visible; height: auto; }*/ .tab .tab__iframe-holder { position: relative; } .tab .tab__video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .tab .tab__video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } body.loaded .tabs .tabs__nav .slick-current circle { -webkit-animation: dash 4s linear; animation: dash 4s linear; } .tabs .tabs__nav .slick-current .tab__nav-content { opacity: 1; } .tabs .tabs__nav .slick-current .tab__nav-icon { opacity: 1; } .tabs .tabs__nav .slick-current .tab__nav-icon:before { opacity: .4; } .tab .tab__video { position: relative; width: 545px; height: 473px; display: none; } .tab .tab__video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .slick-current .tab .tab__video { display: block; } .tabs .tabs__body .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tabs .slider-tab-nav .slick-track { -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; } .tabs .slider-tab-nav .slick-slide { min-width: 100%; } .slider-tab-body .slick-slide { -webkit-transition: none !important; transition: none !important; } @-webkit-keyframes dash { to { stroke-dashoffset: 0; } } @keyframes dash { to { stroke-dashoffset: 0; } } /* Tablet Portrait */ @media (max-width: 1023px) { .tabs .tabs__head { width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-right: 0; } .tabs .tabs__body { width: 100%; margin-bottom: 30px; } .tab .tab__video { margin: 0 auto; } .tabs .tabs__nav .tab__nav-icon { width: 56px; height: 56px; font-size: 14px; } .tabs .tabs__nav .tab__nav-icon:before { width: 54px; height: 54px; } .tabs .tabs__nav .tab__nav-head { padding-right: 58px; } .tabs .tabs__nav .tab__nav-content { padding-left: 20px; width: calc(100% - 60px); min-height: 46px; } .tabs .tabs__nav .tab__nav-content h5, .tabs .tabs__nav .tab__nav-content .h5 { font-size: 20px; line-height: 1.5; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .tabs .tabs__nav li { margin-bottom: 20px; } .tabs .tabs__nav .tab__nav-content { width: calc(100% - 42px); padding-left: 18px; min-height: 42px; } .tabs .tabs__nav .tab__nav-content h5, .tabs .tabs__nav .tab__nav-content .h5 { font-size: 18px; color: #1D1F22; letter-spacing: 0; line-height: 1.5; } .tabs .tabs__nav .tab__nav-icon { width: 42px; height: 42px; font-size: 14px; } .tabs .tabs__nav .tab__nav-icon:before { width: 41px; height: 41px; } .tabs .tabs__nav .tab__nav-content h5, .tabs .tabs__nav .tab__nav-content .h5 { margin-bottom: 0; } } @media(max-width: 546px){ .tab .tab__video { width: 100%; height: 230px; } } /* ------------------------------------------------------------ *\ testimonial \* ------------------------------------------------------------ */ .testimonial { padding: 0 15px; } .testimonial .testimonial__inner { background-color: #fff; padding: 50px 40px; border-radius: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .testimonial .testimonial__entry { font-size: 18px; color: #1D1F22; line-height: 1.56; margin-bottom: 24px; } .testimonial .testimonial__author h5, .testimonial .testimonial__author h6 { font-weight: 900; font-size: 14px; color: #0039FF; letter-spacing: 1.6px; line-height: 1.57; text-transform: uppercase; margin-bottom: 0; } .testimonial .testimonial__author h6 { opacity: .5; } .testimonial .testimonial__logo { padding-top: 80px; max-width: 96px; margin-top: auto; } .testimonial .testimonial__actions { text-align: center; padding: 24px 0; } /* Tablet Portrait */ @media (max-width: 1023px) { .testimonial { padding: 0 8px; } .testimonial .testimonial__inner { padding: 30px; } .testimonial .testimonial__entry { font-size: 16px; line-height: 1.63; margin-bottom: 20px; } .testimonial .testimonial__author h5, .testimonial .testimonial__author h6 { font-size: 12px; letter-spacing: 1.37px; line-height: 1.83; } .testimonial .testimonial__logo { padding-top: 40px; } } /* Mobile */ @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .testimonial { padding: 0 10px; } .testimonial .testimonial__inner { padding: 40px 50px 40px 40px; } .testimonial .testimonial__entry { font-size: 16px; color: #1D1F22; line-height: 1.56; margin-bottom: 16px; } .testimonial .testimonial__author h5, .testimonial .testimonial__author h6 { font-size: 12px; letter-spacing: 1.37px; line-height: 1.83; } .testimonial .testimonial__logo { padding-top: 30px; } .testimonial .testimonial__actions { padding: 15px 0; } } .tracker { background: -webkit-gradient(linear, right top, left top, from(#33373D), to(#1D1F22)); background: linear-gradient(270deg, #33373D 0%, #1D1F22 100%); border-radius: 6px; padding: 33px 60px 72px; margin-bottom: 42px; } .tracker:last-child { margin-bottom: 0; } .tracker .tracker__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 18px; } .tracker .tracker__head h3 { font-weight: 800; font-size: 35px; line-height: 1.2; color: #fff; margin: 0 44px 0 0; } .tracker .tracker__heading-text { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; color: #fff; padding-bottom: 54px; } .tracker .tracker__heading-content { font-size: 18px; line-height: 1.44; width: 52.5%; } .tracker .tracker__heading-title { width: 47.5%; padding-left: 81px; padding-right: 35px; } .tracker .tracker__heading-title h4 { font-size: 24px; line-height: 1.5; opacity: 0.87; font-weight: 700; } .tracker .tracker__image { padding-bottom: 43.2%; border-right: 6px; margin-bottom: 49px; position: relative; } .tracker .tracker__image img { border-radius: 6px; } .tracker .tracker__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; color: #fff; } .tracker .tracker__blockquote { width: 55.6%;} .tracker .tracker__blockquote-entry { margin-bottom: 20px; } .tracker .tracker__blockquote-entry blockquote p { font-size: 20px; line-height: 1.55; } .tracker .tracker__aside { width: 44.4%; padding-left: 86px; } .tracker .tracker__aside p { font-size: 18px; line-height: 1.44; color: #F7F7F7; } .tracker .tracker__author { color: #fff; } .tracker .tracker__author h5, .tracker .tracker__author h6 { font-weight: 800; font-size: 14px; line-height: 22px; letter-spacing: 1.6px; text-transform: uppercase; } .tracker .tracker__author h5 { margin-bottom: 0; color: #EDF925; } .tracker .tracker__author--mobile { display: none; } .tracker .tracker__video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 6px; } .tracker .tracker__label { display: inline-block; background-color: #EDF925; color: #1D1F22; text-transform: uppercase; font-size: 18px; padding: 4px 15px; border-radius: 99em; } .tracker .tracker__label-wrap { margin-left: -25px; margin-right: 20px; margin-bottom: 3px; } /* Tablet Portrait */ @media (max-width: 1023px) { .tracker { padding: 33px 45px 72px; } .tracker .tracker__head img { max-width: 51px; } .tracker .tracker__head h3 { margin: 0 34px 0 0; } .tracker .tracker__heading-content { font-size: 16px; line-height: 1.5; width: 58.1%; } .tracker .tracker__heading-title { width: 41.9%; padding: 0 0 0 38px; } .tracker .tracker__image { padding-bottom: 43%; margin-bottom: 40px; } .tracker .tracker__blockquote { width: 54%; } .tracker .tracker__blockquote-entry blockquote p { font-size: 18px; line-height: 1.44; } .tracker .tracker__aside { width: 46%; } .tracker .tracker__aside p { font-size: 18px; line-height: 1.44; } .tracker .tracker__label { font-size: 16px;} .tracker .tracker__label-wrap { margin-bottom: 3px; margin-left: -15px; } } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) { .tracker { padding: 30px; margin-bottom: 30px; } .tracker .tracker__head { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 6px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .tracker .tracker__head h3 { font-weight: 800; font-size: 22px; line-height: 1.23; } .tracker .tracker__head h3 img { width: 54px; } .tracker .tracker__heading-content { width: 100%; margin-bottom: 20px; } .tracker .tracker__heading-title { width: 100%; padding-left: 0; } .tracker .tracker__heading-title h4 { font-size: 18px; line-height: 1.56; } .tracker .tracker__heading-text { padding-bottom: 30px; } .tracker .tracker__image { padding-bottom: 60.4%; margin-bottom: 30px; } .tracker .tracker__blockquote { width: 100%; } .tracker .tracker__aside { width: 100%; padding-left: 0; } .tracker .tracker__blockquote-entry blockquote p { font-size: 16px; line-height: 24px; } .tracker .tracker__aside p { font-size: 16px; line-height: 1.5; } .tracker .tracker__author { display: none; } .tracker .tracker__author--mobile { display: block; margin-top: 16px; } .tracker .tracker__label-wrap { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin: 0 0 5px 0; width: 100%; } } /* ------------------------------------------------------------ *\ # Widgets \* ------------------------------------------------------------ */ [class^="widgets"], [class^="widgets"] > ul { list-style: none; } .widgets { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -10px -20px; } .widgets > li { width: 50%; padding: 10px 20px; } .widget { margin-bottom: 15px; } .widget > ul { list-style: none outside none; margin: 0; } .widget > ul li { padding: 5px 0; } .widget > ul a { text-decoration: none; border-bottom: 1px solid transparent; } .widget > ul a:hover { border-bottom-color: #0039FF; color: #0039FF; } @media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape){ .widgets { margin: -10px; } .widgets > li { width: 100%; padding: 10px; } } /* ------------------------------------------------------------ *\ - Calendar \* ------------------------------------------------------------ */ .widget_calendar table { width: 100%; border-spacing: 0; border-collapse: collapse; text-align: center; } .widget_calendar td, .widget_calendar th { padding: 5px; border: 1px solid #000; } .widget_calendar caption { padding: 12px; font-weight: bold; } .widget_calendar tfoot { font-weight: bold; } /* ------------------------------------------------------------ *\ - Rss \* ------------------------------------------------------------ */ .widget_rss .rsswidget { vertical-align: middle; } .widget_rss .rsswidget img { float: left; margin: 5px 8px 0 0; } /* ------------------------------------------------------------ *\ - Categories \* ------------------------------------------------------------ */ .widget_categories .screen-reader-text { display: none; } .widget_categories .post-form { width: 100%; padding: 5px; } .winner { background-color: #fff; border-radius: 6px; padding: 40px; } .winner .winner__head { text-align: center; margin-bottom: 30px; } .winner .winner__head h5 { font-weight: 800; font-size: 14px; line-height: 1.57; letter-spacing: 1.6px; color: #0039FF; text-transform: uppercase; } .winner .winner__head p { line-height: 1.5; } .winner .winner__person { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .winner .winner__person-image { min-width: 90px; min-height: 90px; border-radius: 50%; } .winner .winner__person-image img { border-radius: 60%; } .winner .winner__person-content { padding-left: 20px; } .winner .winner__person-content h4 { font-size: 20px; line-height: 1.35; color: #1D1F22; margin-bottom: 10px; } .winner .winner__person-soc ul { list-style: none; color: #0039FF; } .winner .winner__person-soc a { text-decoration: none; font-size: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all .4s; transition: all .4s; } .winner .winner__person-soc a:hover { opacity: .7; } .winner .winner__person-soc svg { width: 20px; margin-right: 9px; fill: #0039FF; } .winner .winner__actions { padding-top: 30px; text-align: center; } @media(max-width: 374px){ .winner { padding: 30px; } .winner .winner__person-image { min-width: 70px; min-height: 70px; } .winner .winner__person-content { padding-left: 10px; } } /* ------------------------------------------------------------ *\ - Wrapper \* ------------------------------------------------------------ */ .wrapper { position: relative; display : -webkit-box; display : -ms-flexbox; display : flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap : wrap; flex-wrap : wrap; background-color: #fff; overflow: hidden; } .wrapper .wrapper__inner { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100vh;} body.admin-bar .wrapper__inner { min-height: calc(100vh - 32px); } @media (max-width: 782px) { body.admin-bar .wrapper__inner { min-height: calc(100vh - 46px); } } /* ------------------------------------------------------------ *\ Themes \* ------------------------------------------------------------ */ /*# sourceMappingURL=bundle.css.map */