/* Always import the mixins file incase you need them! */
/* Responsive Layouts */
/* Type sizes */
/* Responsive grid */
/* Percentage values */
/* Pixel values */
/* Grid based width */
/* Container values */
/* Get your SASS in now! */
/* http://meyerweb.com/eric/tools/css/reset/ v2.0-modified | 20110126 License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* make sure to set some focus styles for accessibility */
:focus { outline: 0; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { -webkit-appearance: none; -moz-appearance: none; }

input[type=search] { -webkit-appearance: none; -moz-appearance: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/** Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; max-width: 100%; }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address styling not present in IE 7/8/9, Firefox 3, and Safari 4. Known issue: no IE 6 support. */
[hidden] { display: none; }

/** 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using `em` units. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ }

/** Address `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: none; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/** 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3. 2. Improve image quality when scaled in IE 7. */
img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ }

/** Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */
figure { margin: 0; }

/** Correct margin displayed oddly in IE 6/7. */
form { margin: 0; }

/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct color not being inherited in IE 6/7/8/9. 2. Correct text not wrapping in Firefox 3. 3. Correct alignment displayed oddly in IE 6/7. */
legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ }

/** 1. Correct font size not being inherited in all browsers. 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5, and Chrome. 3. Improve appearance and consistency in all browsers. */
button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ }

/** Address Firefox 3+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input { line-height: normal; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+. Correct `select` style inheritance in Firefox 4+ and Opera. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. 4. Remove inner spacing in IE 7 without affecting normal text inputs. Known issue: inner spacing remains in IE 6. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** 1. Address box sizing set to content-box in IE 8/9. 2. Remove excess padding in IE 8/9. 3. Remove excess padding in IE 7. Known issue: excess padding remains in IE 6. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ }

/** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Remove inner padding and border in Firefox 3+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** 1. Remove default vertical scrollbar in IE 6/7/8/9. 2. Improve readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

html, button, input, select, textarea { color: #222; }

::-moz-selection { background: #b3d4fc; text-shadow: none; }

::selection { background: #b3d4fc; text-shadow: none; }

img { vertical-align: middle; }

fieldset { border: 0; margin: 0; padding: 0; }

textarea { resize: vertical; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* Responsive Layouts */
/* Type sizes */
/* Responsive grid */
/* Percentage values */
/* Pixel values */
/* Grid based width */
/* Container values */
/* Always import the mixins file incase you need them! */
/* Responsive Layouts */
/* Type sizes */
/* Responsive grid */
/* Percentage values */
/* Pixel values */
/* Grid based width */
/* Container values */
/* Get your SASS in now! */
.container { position: relative; width: 90%; width: calc(100% - 160px); padding: 0 5%; padding: 0 80px; margin: 0 auto; max-width: 1600px; min-width: 668px; justify-content: center; align-items: center; z-index: 5; margin: 0 auto; }

@media only screen and (min-width: 1600px) { .container { width: 80%; width: calc(100% - 200px); padding: 0 10%; padding: 0 100px; position: relative; margin: 0 auto; max-width: 2000px; min-width: 668px; justify-content: center; align-items: center; z-index: 5; } }

.container_nopad { position: relative; width: 100%; max-width: 1600px; min-width: 725px; margin: 0 auto; }

.row { width: 100%; margin-bottom: 20px; }

/* Base Grid */
.one_half { width: 48%; }

.one_third { width: 30.66%; }

.two_thirds { width: 65.33%; }

.one_fourth { width: 22%; }

.three_fourths { width: 74%; }

.one_fifth { width: 16.8%; }

.two_fifths { width: 37.6%; }

.three_fifths { width: 58.4%; }

.four_fifths { width: 82.67%; }

.one_sixth { width: 13.33%; }

.five_sixths { width: 82.67%; }

.one_half, .one_third, .two_thirds, .three_fourths, .one_fourth, .one_fifth, .two_fifths, .three_fifths, .four_fifths, .one_sixth, .five_sixths { position: relative; margin: 0 4% 0 0; }

.last { margin-right: 0; }

.loop .one_half:nth-child(2n+2) { margin-right: 0%; }

.loop .one_half:nth-child(2n+1) { clear: both; display: block; }

.loop .one_third:nth-child(3n+3) { margin-right: 0%; }

.loop .one_third:nth-child(3n+1) { clear: both; display: block; }

.loop .one_fourth :nth-child(4n+4) { margin-right: 0%; }

.loop .one_fourth:nth-child(4n+1) { clear: both; display: block; }

.loop .one_fifth :nth-child(5n+5) { margin-right: 0%; }

.loop .one_fifth:nth-child(5n+1) { clear: both; display: block; }

.loop .one_sixth :nth-child(6n+6) { margin-right: 0%; }

.loop .one_sixth:nth-child(6n+1) { clear: both; display: block; }

.full_width { position: relative; width: 100%; height: auto; }

.one_half_nopad { width: calc(50% - 100px); }

.one_third_nopad { width: calc(33.33% - 100px); }

.two_thirds_nopad { width: calc(66.66% - 100px); }

.one_fourth_nopad { width: calc(25% - 100px); }

.three_fourths_nopad { width: calc(75% - 100px); }

.one_fifth_nopad { width: calc(20% - 100px); }

.two_fifths_nopad { width: calc(40% - 100px); }

.three_fifths_nopad { width: calc(60% - 100px); }

.four_fifths_nopad { width: calc(80% - 100px); }

.one_sixth_nopad { width: calc(16.66% - 100px); }

.five_sixths_nopad { width: calc(83.33% - 100px); }

.one_half_nopad, .one_third_nopad, .two_thirds_nopad, .three_fourths_nopad, .one_fourth_nopad, .one_fifth_nopad, .two_fifths_nopad, .three_fifths_nopad, .four_fifths_nopad, .one_sixth_nopad, .five_sixths_nopad { position: relative; padding: 50px; }

.left { float: left; }

.right { float: right; }

.center { margin: 0 auto; }

.alignleft { float: left; padding: 10px 5% 10px 0; }

.alignright { float: right; padding: 10px 0 10px 5%; }

.aligncenter { display: block; margin: 0 auto; }

.center { margin: 0 auto; }

.text_center { text-align: center; }

.text_right { text-align: right; }

/* #Clearing
================================================== */
/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

/* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a <div class="row"> */
.clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

.row:after, .clearfix:after { clear: both; }

.row, .clearfix { zoom: 1; }

/* You can also use a <br class="clear" /> to clear columns */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

.last { margin-right: 0 !important; padding-right: 0 !important; }

img { width: 100%; height: auto; height: 100%; object-fit: contain; }

iframe { max-width: 100%; min-height: auto; }

/* Table of Contents ================================================== #Site Styles #Page Styles #Media Queries #Font-Face */
/* #Site Styles
================================================== */
/* #Media Queries
================================================== */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 850px) { .container { max-width: 1024px; min-width: 220px; padding: 0 0px; width: calc(100% - 60px); }
  .container_nopad { max-width: 1024px; min-width: 280px; margin: 0 auto; }
  .container_no_pad { max-width: 1024px; min-width: 280px; padding: 0px; width: 100%; }
  .columns, .column { margin: 0 auto; }
  .one_half, .one_third, .two_thirds, .one_fourth, .three_fourths, .one_half, .one_fifth, .two_fifths, .three_fifths, .four_fifths, .one_sixth, .two_sixths, .three_sixths, .four_sixths, .five_sixths { width: 100%; }
  #content { width: 100%; float: none; }
  #sidebar { width: 100%; float: none; }
  .left { float: none; }
  .right { float: none; }
  .one_half_nopad, .one_third_nopad, .two_thirds_nopad, .three_fourths_nopad, .one_fourth_nopad, .one_fifth_nopad, .two_fifths_nopad, .three_fifths_nopad, .four_fifths_nopad, .one_sixth_nopad, .five_sixths_nopad { width: calc(100% - 60px); padding: 30px; } }

.fade-in .container { opacity: 0; transform: translate(0, 10vh); -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; }

.fade-in.visible .container { opacity: 1; transform: translate(0, 0); -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; }

.bg-grey { background-color: #E8E8E8; color: #161616; }

.bg-grey h1, .bg-grey h2, .bg-grey h3, .bg-grey h4, .bg-grey h5, .bg-grey h6, .bg-grey p, .bg-grey li, .bg-grey a, .bg-grey ul, .bg-grey ol { color: #161616; }

.bg-black { background-color: #161616; }

.bg-black h1, .bg-black h2, .bg-black h3, .bg-black h4, .bg-black h5, .bg-black h6, .bg-black p, .bg-black li, .bg-black a, .bg-black ul, .bg-black ol { color: white; }

.bg-orange { background-color: #FF5F06; }

.bg-orange h1, .bg-orange h2, .bg-orange h3, .bg-orange h4, .bg-orange h5, .bg-orange h6, .bg-orange p, .bg-orange li, .bg-orange a, .bg-orange ul, .bg-orange ol { color: white; }

.bg-white { background-color: white; }

.bg-white h1, .bg-white h2, .bg-white h3, .bg-white h4, .bg-white h5, .bg-white h6, .bg-white p, .bg-white li, .bg-white a, .bg-white ul, .bg-white ol { color: #161616; }

@font-face { font-family: "Manrope Regular"; src: url("/wp-content/themes/designdough/assets/fonts/Manrope-Regular.woff2") format("woff2"); }

@font-face { font-family: "Manrope SemiBold"; src: url("/wp-content/themes/designdough/assets/fonts/Manrope-SemiBold.woff2") format("woff2"); }

@font-face { font-family: "Manrope Bold"; src: url("/wp-content/themes/designdough/assets/fonts/Manrope-Bold.woff2") format("woff2"); }

@font-face { font-family: "N27-Regular"; src: url("/wp-content/themes/designdough/assets/fonts/n27-regular.woff2") format("woff2"); }

body, p, li, ul { font-family: "Manrope Regular", sans-serif; font-family: "Manrope SemiBold", sans-serif; font-size: 15.2px; line-height: 22.4px; }

@media only screen and (min-width: 768px) { body, p, li, ul { font-size: 16px; line-height: 26.4px; } }

@media only screen and (min-width: 1200px) { body, p, li, ul { font-size: 16.8px; line-height: 27.2px; } }

@media only screen and (min-width: 1600px) { body, p, li, ul { font-size: 16.8px; line-height: 28px; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { body, p, li, ul { font-size: 16px; line-height: 26.4px; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { body, p, li, ul { font-size: 15.2px; line-height: 22.4px; } }

i { font-style: italic; }

strong { font-family: "Manrope Bold", sans-serif; }

em { font-family: "Manrope Bold", sans-serif; }

h1, h2, h3, h4, h5, h6 { font-family: "Manrope Regular", sans-serif; }

h1, .large-title { font-size: 84px; line-height: 90px; margin-bottom: 30px; font-weight: 500; letter-spacing: -1px; }

@media only screen and (min-width: 768px) { h1, .large-title { font-size: 75.6px; line-height: 81.6px; } }

@media only screen and (min-width: 1200px) { h1, .large-title { font-size: 84px; line-height: 90px; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { h1, .large-title { font-size: 67.2px; line-height: 73.2px; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { h1, .large-title { font-size: 33.6px; line-height: 48px; letter-spacing: -1px; } }

@media only screen and (max-width: 600px) { h1, .large-title { font-size: 37.8px; line-height: 48px; } }

h2, .medium-header { font-size: 50px; line-height: 56px; margin-bottom: 30px; }

@media only screen and (min-width: 768px) { h2, .medium-header { font-size: 45px; line-height: 51px; } }

@media only screen and (min-width: 1200px) { h2, .medium-header { font-size: 50px; line-height: 56px; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { h2, .medium-header { font-size: 40px; line-height: 46px; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { h2, .medium-header { font-size: 35px; line-height: 41px; } }

@media only screen and (max-width: 600px) { h2, .medium-header { font-size: 35px; line-height: 41px; } }

h3 { font-size: 28px; line-height: 34px; margin-bottom: 30px; }

@media only screen and (min-width: 768px) { h3 { font-size: 25.2px; line-height: 31.2px; } }

@media only screen and (min-width: 1200px) { h3 { font-size: 28px; line-height: 56px; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { h3 { font-size: 22.4px; line-height: 28.4px; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { h3 { font-size: 19.6px; line-height: 25.6px; } }

@media only screen and (max-width: 600px) { h3 { font-size: 19.6px; line-height: 25.6px; } }

h4 { font-size: 24px; line-height: 30px; }

@media only screen and (min-width: 768px) { h4 { font-size: 21.6px; line-height: 27.6px; } }

@media only screen and (min-width: 1200px) { h4 { font-size: 24px; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { h4 { font-size: 19.2px; line-height: 25.2px; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { h4 { font-size: 16.8px; line-height: 22.8px; } }

@media only screen and (max-width: 600px) { h4 { font-size: 16.8px; line-height: 22.8px; } }

h4 a { font-weight: 400; }

h5, .small-header { font-size: 21px; line-height: 35px; font-weight: bold; margin-bottom: 30px; }

@media only screen and (min-width: 768px) { h5, .small-header { font-size: 18.9px; line-height: 24.9px; } }

@media only screen and (min-width: 1200px) { h5, .small-header { font-size: 21px; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { h5, .small-header { font-size: 16.8px; line-height: 22.8px; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { h5, .small-header { font-size: 14.7px; line-height: 20.7px; } }

@media only screen and (max-width: 600px) { h5, .small-header { font-size: 14.7px; line-height: 20.7px; } }

h6 { font-family: "Manrope SemiBold", sans-serif; font-size: 18px; line-height: 22px; margin-bottom: 30px; }

@media only screen and (min-width: 768px) { h6 { font-size: 16.2px; line-height: 25px; } }

@media only screen and (min-width: 1200px) { h6 { font-size: 18px; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { h6 { font-size: 16.2px; line-height: 24px; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { h6 { font-size: 16.2px; line-height: 23px; } }

@media only screen and (max-width: 600px) { h6 { font-size: 16.2px; line-height: 23px; } }

p, .plain-text { letter-spacing: 0.5px; margin-bottom: 20px; font-size: 14px; line-height: 24px; }

@media only screen and (min-width: 768px) { p, .plain-text { font-size: 12.6px; line-height: 23px; } }

@media only screen and (min-width: 1200px) { p, .plain-text { font-size: 14px; line-height: 24px; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { p, .plain-text { font-size: 12.6px; line-height: 23px; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { p, .plain-text { font-size: 12.6px; line-height: 23px; } }

@media only screen and (max-width: 600px) { p, .plain-text { font-size: 12.6px; line-height: 23px; } }

ol, ul, li { font-size: 14px; line-height: 24px; }

@media only screen and (min-width: 768px) { ol, ul, li { font-size: 12.6px; line-height: 23px; } }

@media only screen and (min-width: 1200px) { ol, ul, li { font-size: 14px; line-height: 24px; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { ol, ul, li { font-size: 12.6px; line-height: 23px; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { ol, ul, li { font-size: 12.6px; line-height: 23px; } }

@media only screen and (max-width: 600px) { ol, ul, li { font-size: 12.6px; line-height: 23px; } }

ul li { list-style-type: disc; margin-left: 1rem; }

ol li { list-style-type: decimal; margin-left: 1rem; }

li:last-child { padding-bottom: 0.5rem; }

a { text-decoration: none; font-weight: 600; letter-spacing: 0.5px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

a:hover { text-decoration: underline; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

.bold { font-weight: 700; }

.italic, em { font-weight: 400; color: #FF5F06; }

.caps { text-transform: uppercase; }

.lower { text-transform: lowercase; }

input, textarea { font-family: "Manrope SemiBold", sans-serif; }

.underline { text-decoration: underline; }

.text-left { text-align: left; }

.text-center { text-align: center; margin: 0 auto; }

blockquote { font-family: "Manrope Regular", sans-serif; color: white; font-size: 50px; line-height: 56px; margin-bottom: 30px; }

@media only screen and (min-width: 768px) { blockquote { font-size: 45px; line-height: 51px; } }

@media only screen and (min-width: 1200px) { blockquote { font-size: 50px; line-height: 56px; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { blockquote { font-size: 40px; line-height: 46px; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { blockquote { font-size: 35px; line-height: 41px; } }

@media only screen and (max-width: 600px) { blockquote { font-size: 35px; line-height: 41px; } }

html { scroll-behavior: smooth; }

body { width: 100%; position: relative; overflow-x: hidden; scroll-behavior: smooth; }

section { padding: 6rem 0 4rem 0; }

@media only screen and (max-width: 600px) { section { padding: 3rem 0; } }

.container { padding: 0 0; }

.no-scroll { overflow: hidden; }

.inner { padding-left: 5%; padding-right: 5%; }

@media only screen and (max-width: 600px) { .inner { padding-left: 0; padding-right: 0; } }

.full-width { width: 100%; position: relative; }

.p-reset { padding: 0 !important; }

.searchandfilter ul li { padding-right: 0; margin-left: 0; }

@media only screen and (max-width: 600px) { .searchandfilter ul li { width: 100%; } }

.searchandfilter ul li input[type="text"] { background-color: white; border: none; padding: 0.5rem 1rem; margin: 0 1rem 0 1rem; width: 100%; height: 34px; font-family: "Manrope Regular", sans-serif; }

.searchandfilter ul li select { background-color: white; border: none; padding: 0.5rem 1rem; margin: 0 0 0 0; width: 100%; height: 40px; }

.searchandfilter ul li input[type=submit] { border-radius: 25px; padding: 5px 10px; margin-left: 25px; margin-bottom: 0; border: none; font-size: 16px; color: white; border: 1px solid transparent; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

.searchandfilter ul li input[type=submit]:hover { -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

.searchandfilter ul li:last-child { padding-bottom: 0rem; }

input[type=text], input[type=email], input[type=tel], input[type=password], textarea { padding: 10px 16px; background-color: white; border-radius: 10px; margin: 0.7rem 0; color: black; width: 100%; max-width: 600px; }

input[type=submit] { display: inline-block; padding: 8px 30px; position: relative; color: white; z-index: 50; font-weight: 400; border-radius: 10px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; margin-bottom: 1rem; margin-right: 1rem; width: auto; }

input[type=submit]:hover { background-color: transparent; text-decoration: none; }

.orange-dash { width: 43px; height: 1px; background-color: #FF5F06; margin: 1rem auto; }

footer { padding: 4rem 0 1rem; }

@media only screen and (max-width: 600px) { footer { padding: 2rem 0 1rem; } }

footer a { display: inline-block; }

footer .footer-main { display: flex; justify-content: space-between; }

@media only screen and (max-width: 600px) { footer .footer-main { flex-direction: column; } }

@media only screen and (min-width: 600px) { footer .footer-main { flex-direction: column; } }

@media only screen and (min-width: 768px) { footer .footer-main { flex-direction: column; } }

@media only screen and (min-width: 1200px) { footer .footer-main { flex-direction: row; } }

footer .footer-main .logo { max-width: 368px; width: 20%; }

@media only screen and (max-width: 600px) { footer .footer-main .logo { width: 100%; } }

footer .footer-main .logo svg { max-width: 368px; height: auto; width: 100%; }

footer .footer-main .col { width: 100%; display: flex; padding-top: 2rem; justify-content: flex-end; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

@media only screen and (min-width: 1200px) { footer .footer-main .col { width: 40%; padding-top: 0; } }

@media only screen and (max-width: 600px) { footer .footer-main .col { flex-direction: column; } }

footer .footer-main .col .footer-menu { display: flex; }

footer .footer-main .col .footer-menu ul { min-width: 175px; padding-right: 3rem; display: flex; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

@media only screen and (max-width: 600px) { footer .footer-main .col .footer-menu ul { flex-direction: column; } }

footer .footer-main .col .footer-menu ul li { list-style-type: none; margin-left: 0; cursor: default; pointer-events: none; text-decoration: none; }

footer .footer-main .col .footer-menu ul li a { margin-bottom: 5px; font-size: 21px; line-height: 35px; font-weight: bold; margin-bottom: 30px; margin-bottom: 10px; font-weight: normal; }

@media only screen and (min-width: 768px) { footer .footer-main .col .footer-menu ul li a { font-size: 18.9px; line-height: 24.9px; } }

@media only screen and (min-width: 1200px) { footer .footer-main .col .footer-menu ul li a { font-size: 21px; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { footer .footer-main .col .footer-menu ul li a { font-size: 16.8px; line-height: 22.8px; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { footer .footer-main .col .footer-menu ul li a { font-size: 14.7px; line-height: 20.7px; } }

@media only screen and (max-width: 600px) { footer .footer-main .col .footer-menu ul li a { font-size: 14.7px; line-height: 20.7px; } }

footer .footer-main .col .footer-menu ul li ul { display: block; margin-left: 0; }

footer .footer-main .col .footer-menu ul li ul li { margin-left: 0; cursor: pointer; pointer-events: all; text-decoration: none; font-size: 16px; }

footer .footer-main .col .footer-menu ul li ul li a { font-family: "Manrope SemiBold", sans-serif; font-size: 18px; line-height: 22px; margin-bottom: 30px; margin-bottom: 5px; }

@media only screen and (min-width: 768px) { footer .footer-main .col .footer-menu ul li ul li a { font-size: 16.2px; line-height: 25px; } }

@media only screen and (min-width: 1200px) { footer .footer-main .col .footer-menu ul li ul li a { font-size: 18px; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { footer .footer-main .col .footer-menu ul li ul li a { font-size: 16.2px; line-height: 24px; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { footer .footer-main .col .footer-menu ul li ul li a { font-size: 16.2px; line-height: 23px; } }

@media only screen and (max-width: 600px) { footer .footer-main .col .footer-menu ul li ul li a { font-size: 16.2px; line-height: 23px; } }

footer .footer-main .col .footer-menu ul li a { padding: 0; margin: 0; border: none; color: white; position: relative; overflow: hidden; padding-right: 25px; line-height: 26px; }

footer .footer-main .col .social-flex { padding-left: 0rem; }

footer .footer-main .col .social-flex .social-bar { display: flex; }

footer .footer-main .col .social-flex .social-bar a { margin-right: 15px; }

.footer-bottom { padding: 1rem 0 1rem; display: flex; justify-content: space-between; font-family: "Manrope Regular", sans-serif; flex-direction: column; }

@media only screen and (min-width: 768px) { .footer-bottom { flex-direction: row; } }

.footer-bottom a, .footer-bottom p { color: #E8E8E8; font-weight: 400; font-family: "Manrope Regular", sans-serif; margin-bottom: 0; font-size: 14px; line-height: 16px; }

@media only screen and (max-width: 600px) { .footer-bottom a, .footer-bottom p { white-space: wrap; } }

@media only screen and (min-width: 600px) { .footer-bottom a, .footer-bottom p { white-space: nowrap; } }

.footer-bottom .footer-dd { margin-right: 10px; }

@media only screen and (max-width: 600px) { .footer-bottom { flex-direction: column; } }

@media only screen and (max-width: 600px) { .footer-bottom p:last-child { padding-top: 1rem; } }

.footer-bottom .col { display: flex; flex-direction: column; padding-top: 20px; width: 100%; }

@media only screen and (min-width: 1200px) { .footer-bottom .col { flex-direction: row; width: 50%; justify-content: flex-end; }
  .footer-bottom .col:first-child { justify-content: flex-start; } }

@media only screen and (max-width: 600px) { .footer-bottom .col { padding-top: 20px; width: 100%; } }

.footer-bottom a { list-style-type: none; margin-left: 20px; }

@media only screen and (max-width: 600px) { .footer-bottom a { margin-left: 0; text-decoration: underline; font-family: "Manrope Regular", sans-serif; } }

.footer-bottom a { display: inline-block; }

.footer-bottom .col:first-child a { margin-left: 0; }

.btn_default { display: inline-block; padding: 6px 8px 6px 8px; position: relative; color: white; border: solid 1px #FF5F06; z-index: 50; background-color: #FF5F06; border-radius: 25px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; margin-bottom: 1rem; margin-right: 1rem; font-weight: 400; line-height: 16px; }

.btn_default .btn_plus { margin: 0 7px 0 3px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

.btn_default .btn_plus #Path_41, .btn_default .btn_plus #Path_79 { -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

.btn_default:hover #Path_41, .btn_default:hover #Path_79 { stroke: #000000; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

.btn_default:hover { -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background-color: transparent; text-decoration: none; }

.btn_transparent { position: relative; padding-right: 20px; overflow: hidden; margin-right: 10px; white-space: nowrap; }

.btn_transparent:hover { text-decoration: none; color: #FF5F06; }

.btn_blue { font-weight: 400; }

.btn_secondary { display: inline-block; padding: 10px 30px 12px; position: relative; z-index: 50; background-color: transparent; border-radius: 10px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; margin-bottom: 1rem; margin-right: 1rem; font-weight: 400; line-height: 16px; }

.btn_secondary:hover { -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; text-decoration: none; }

/* QuickReset */
*, *::before, *::after { margin: 0; box-sizing: border-box; }

header { background-color: transparent; position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; background-color: #161616; padding: 7px 0; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

header.desktop-nav-faded { background-color: black; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

header.desktop-nav-faded:hover { background-color: #FF5F06; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

header.desktop-nav-faded:hover ul li ul { background-color: #FF5F06; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

header .container { display: flex; justify-content: space-between; align-items: center; }

header .container .logo-wrapper { width: 50%; }

header .container .logo-wrapper svg { width: 130px; height: 64px; }

header .container .logo-wrapper svg path { fill: #FF5F06; }

header .container .header { width: 50%; position: relative; display: flex; justify-content: flex-end; }

header .container .desktop-navigation-trigger { width: 45px; height: 45px; border-radius: 50%; background-color: #FF5F06; cursor: pointer; right: 25px; opacity: 0; }

header .container .desktop-navigation { display: flex; align-items: center; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

@media only screen and (max-width: 600px) { header .container .desktop-navigation { display: none; } }

@media only screen and (min-width: 600px) { header .container .desktop-navigation { display: none; } }

@media only screen and (min-width: 1200px) { header .container .desktop-navigation { display: flex; } }

header .container .desktop-navigation .search-btn { cursor: pointer; margin-left: 15px; margin-right: 20px; }

header .container .desktop-navigation .search-btn .search { position: relative; width: 20px; height: 20px; }

header .container .desktop-navigation ul { display: flex; align-items: center; flex-wrap: nowrap; padding: 0 6px; }

header .container .desktop-navigation ul #menu-item-21058 a { pointer-events: none; }

header .container .desktop-navigation ul #menu-item-21058 .sub-menu a { pointer-events: all; }

header .container .desktop-navigation ul li { font-family: "Manrope SemiBold", sans-serif; list-style-type: none; padding: 7px 1rem 2px; position: relative; margin-left: 10px; padding-right: 10px; }

header .container .desktop-navigation ul li a { position: relative; overflow: hidden; margin-right: 25px; font-size: 21px; line-height: 35px; font-weight: bold; margin-bottom: 30px; font-weight: normal; margin-bottom: 0; }

@media only screen and (min-width: 768px) { header .container .desktop-navigation ul li a { font-size: 18.9px; line-height: 24.9px; } }

@media only screen and (min-width: 1200px) { header .container .desktop-navigation ul li a { font-size: 21px; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { header .container .desktop-navigation ul li a { font-size: 16.8px; line-height: 22.8px; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { header .container .desktop-navigation ul li a { font-size: 14.7px; line-height: 20.7px; } }

@media only screen and (max-width: 600px) { header .container .desktop-navigation ul li a { font-size: 14.7px; line-height: 20.7px; } }

header .container .desktop-navigation ul li a:after { background: none repeat scroll 0 0 transparent; bottom: 0; content: ""; display: block; height: 2px; left: 0%; position: absolute; background: #FF5F06; transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0; }

header .container .desktop-navigation ul li a:hover:after { width: 100%; left: 0; }

header .container .desktop-navigation ul li:last-child { padding: 7px 1rem 2px; }

header .container .desktop-navigation ul li:last-child a { margin-bottom: 0; }

header .container .desktop-navigation ul li ul { position: absolute; left: -10px; width: auto; display: block; top: 43px; max-height: 0; background-color: #161616; visibility: hidden; opacity: 0; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; overflow: hidden; max-height: 0px; padding: 5px 0; min-width: 140px; opacity: 0; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

header .container .desktop-navigation ul li ul li { position: relative; z-index: 200; background-color: transparent; display: block; opacity: 0; margin-left: 0; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

header .container .desktop-navigation ul li ul li a { padding: 0; margin: 0; border: none; color: white; position: relative; overflow: hidden; }

header .container .desktop-navigation ul li ul li { opacity: 0; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

header .container .desktop-navigation ul li ul.active { opacity: 1; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; visibility: visible; overflow: visible; max-height: 1000px; top: 43px; }

header .container .desktop-navigation ul li ul.active li { opacity: 1; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

header .container .desktop-navigation ul a { color: white; text-decoration: none; display: inline-block; position: relative; letter-spacing: 0px; font-weight: 500; white-space: nowrap; }

header .container .desktop-navigation .current_page_item a { color: #FF5F06; }

header .container .desktop-navigation .current-menu-ancestor a { color: #FF5F06; }

header .container .desktop-navigation .current-menu-ancestor .sub-menu li a { color: white; }

header .container .desktop-navigation .current-menu-ancestor .current_page_item a { color: white; }

header .container .desktop-navigation .search-wrapper { margin: 0 auto; }

header .container .desktop-navigation .search-bar { visibility: hidden; opacity: 0; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

header .container .desktop-navigation .search-bar-active { visibility: visible; opacity: 1; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

header .container .desktop-navigation .search-wrapper .is-form-style { position: absolute; top: 0; right: 0; width: 100%; max-width: 425px; }

header .container .desktop-navigation .search-wrapper .is-form-style input[type="search"] { border-top: none !important; border-left: none !important; border-right: none !important; }

header .container .desktop-navigation .search-wrapper .is-form-style .is-search-input { height: 43px; padding: 0 20px; font-size: 17px !important; }

header .mobile-navigation { position: relative; z-index: 1010; position: fixed; top: 30px; right: 30px; }

@media only screen and (max-width: 600px) { header .mobile-navigation { display: block; } }

@media only screen and (min-width: 600px) { header .mobile-navigation { display: block; } }

@media only screen and (min-width: 1200px) { header .mobile-navigation { display: none; } }

header .mobile-navigation .mobile-trigger { display: flex; align-items: center; cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

header .mobile-navigation .mobile-trigger .circle { width: 12px; height: 12px; border-radius: 50%; background-color: #FF5F06; margin: 10px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

header .mobile-navigation .mobile-trigger .circle-text { margin: 0 0 0 0; color: white; cursor: pointer; }

header .mobile-navigation .mobile-trigger-active { -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

header .mobile-navigation .mobile-trigger-active .circle { background-color: white; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

header .mobile-menu { position: fixed; left: 0; visibility: hidden; opacity: 0; top: 0px; width: 100%; height: 100vh; background-color: #FF5F06; z-index: 1000; transition: 0.6s ease-in-out; }

@media only screen and (max-width: 600px) { header .mobile-menu { display: block; } }

@media only screen and (min-width: 600px) { header .mobile-menu { display: block; } }

@media only screen and (min-width: 1200px) { header .mobile-menu { display: none; } }

header .mobile-menu .tiger-aspect-logo { margin-bottom: 2rem; }

@media only screen and (max-width: 600px) { header .mobile-menu .tiger-aspect-logo { width: 165px; height: 64px; } }

@media only screen and (min-width: 600px) { header .mobile-menu .tiger-aspect-logo { width: 250px; height: auto; } }

header .mobile-menu .mobile-menu-content { display: flex; flex-direction: column; position: relative; top: 20px; width: 100%; }

header .mobile-menu .mobile-menu-content form label { position: relative; }

header .mobile-menu .mobile-menu-content .is-form-style { top: 0; left: 0; width: 100%; margin-bottom: 20px; }

header .mobile-menu .mobile-menu-content .is-form-style .is-search-input { height: 43px; padding: 0 20px 0 20px; font-size: 20px !important; border-bottom: 1px white solid !important; position: relative; }

header .mobile-menu .mobile-menu-content .is-form-style .is-search-input ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: rgba(255, 255, 255, 0.56) !important; opacity: 1; /* Firefox */ }

header .mobile-menu .mobile-menu-content .is-form-style .is-search-input :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: rgba(255, 255, 255, 0.56); }

header .mobile-menu .mobile-menu-content .is-form-style .is-search-input ::-ms-input-placeholder { /* Microsoft Edge */ color: rgba(255, 255, 255, 0.56); }

header .mobile-menu .mobile-menu-content .is-ajax-search-result { width: 441px !important; border-radius: 0px !important; }

header .mobile-menu .mobile-menu-content .is-ajax-search-result a { color: #FF5F06 !important; }

header .mobile-menu .mobile-menu-content #is-ajax-search-result-467 .is-highlight, header .mobile-menu .mobile-menu-content #is-ajax-search-result-20996 .is-highlight { background-color: #FF5F06 !important; }

header .mobile-menu .mobile-menu-content ul { display: flex; flex-direction: column; flex-wrap: nowrap; }

header .mobile-menu .mobile-menu-content ul li { font-family: "Manrope SemiBold", sans-serif; list-style-type: none; padding: 7px 1rem 2px 0; position: relative; margin-left: 0px; padding-right: 10px; }

header .mobile-menu .mobile-menu-content ul li a[href$='/menu-item/'] { display: none; }

header .mobile-menu .mobile-menu-content ul li ul li { margin-left: 0; padding-left: 0; }

header .mobile-menu .mobile-menu-content ul li ul li:last-child { margin-left: 0; padding-left: 0; padding: 7px 0 2px; }

header .mobile-menu .mobile-menu-content ul li a { position: relative; overflow: hidden; padding-right: 25px; margin-bottom: 10px; }

header .mobile-menu .mobile-menu-content ul li a:hover::before { -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; transform: translate3d(130%, -130%, 0) rotate(0.0001deg); }

header .mobile-menu .mobile-menu-content ul li a:hover::after { -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; transform: translate3d(130%, -130%, 0) rotate(0.0001deg); }

header .mobile-menu .mobile-menu-content ul li:last-child { padding: 0 0rem 2px; }

header .mobile-menu .mobile-menu-content ul a { color: white; text-decoration: none; display: inline-block; position: relative; font-size: 18px; line-height: 26px; letter-spacing: 1px; font-weight: 500; white-space: nowrap; font-weight: semibold; }

header .mobile-menu-active { left: 0; transition: 0.6s ease-in-out; visibility: visible; opacity: 1; }

header .home-logo { position: absolute; top: 20px; left: 5%; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

header .home-logo svg { width: auto; height: auto; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

@media only screen and (max-width: 600px) { header .home-logo svg { width: 165px; height: 64px; } }

@media only screen and (min-width: 600px) { header .home-logo svg { width: 200px; height: auto; } }

@media only screen and (min-width: 1200px) { header .home-logo svg { width: 300px; height: auto; } }

@media only screen and (min-width: 1600px) { header .home-logo svg { width: auto; max-width: 450px; height: auto; } }

header .home-logo svg path { fill: #FF5F06; }

.header-transparent { background-color: rgba(0, 0, 0, 0); }

.page-id-20586 .header-transparent { background-color: rgba(0, 0, 0, 0); top: 0 !important; }

@media only screen and (max-width: 600px) { .is-ajax-search-result { border-radius: 0px !important; }
  .is-ajax-search-result a { color: white !important; } }

@media only screen and (min-width: 600px) { .is-ajax-search-result { border-radius: 15px !important; }
  .is-ajax-search-result a { color: white !important; } }

@media only screen and (min-width: 1200px) { .is-ajax-search-result { width: 441px !important; border-radius: 0 !important; } }

.navigation-bar-scroll.is-hidden { opacity: 0; -webkit-transform: translate(0, -60px); transition: .5s ease; }

.navigation-bar-scroll.is-visible { opacity: 1; -webkit-transform: translate(0, 0); transition: .5s ease; }

.loader-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; z-index: 1100; }

.loader-wrapper .black-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background-color: #161616; }

.loader-wrapper .orange-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #FF5F06; }

.loader-wrapper .orange-wrapper .elements { text-align: center; }

.loader-wrapper .orange-wrapper .tiger-aspect-logo-large { margin-bottom: 50px; }

@media only screen and (max-width: 600px) { .loader-wrapper .orange-wrapper .tiger-aspect-logo-large { max-width: 80%; margin: 0 auto; } }

.ball { width: 20px; height: 20px; position: fixed; top: 0; left: 0; border: 3px solid #FF5F06; background-color: #FF5F06; border-radius: 50%; pointer-events: none; z-index: 10000; }

.header-height-equalizer { height: 80px; width: 100%; background-color: #161616; }

.equalizer-cancelled { height: 0; width: 0; }

.hidden { visibility: hidden; }

a[href$='/menu-item/'] { display: none; }

header .mobile-menu .mobile-menu-content ul li a::after { display: none; }

.image_slider_wrapper { width: 100%; position: relative; display: flex; justify-content: flex-end; }

@media only screen and (max-width: 600px) { .image_slider_wrapper { display: none; } }

.image_slider_wrapper .gradient { position: absolute; right: -50px; top: 0; height: 100%; z-index: 99; }

@media only screen and (max-width: 600px) { .image_slider_wrapper .gradient { width: 50%; } }

.image_slider_wrapper .slider-prev { position: absolute; top: 45%; left: 130px; z-index: 99; cursor: pointer; }

@media only screen and (max-width: 600px) { .image_slider_wrapper .slider-prev { left: 20px; } }

.image_slider_wrapper .image_slider { width: 80%; }

@media only screen and (max-width: 600px) { .image_slider_wrapper .image_slider { width: calc(100% - 70px); } }

.image_slider_wrapper .image_slider img { height: 300px; border-radius: 10px; margin: 1rem; aspect-ratio: 1 / 1; object-fit: cover; }

.image_slider_wrapper .image_slider .slick-slide { margin-right: 1rem; }

.image_slider_wrapper .image_slider .slick-slider { width: 20%; }

.accordion { padding-top: 2rem; }

.accordion .content { margin: 0 auto; text-align: center; }

.accordion .content svg { margin-bottom: 1rem; }

.accordion .accordion_wrap { margin: 0 auto; }

.accordion .accordion_wrap .accord_butt { background-color: transparent; color: #161616; padding: 5px 10px 15px 0; margin: 15px 0 15px 0; cursor: pointer; border-bottom: 1px solid #FF5F06; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

@media only screen and (min-width: 600px) { .accordion .accordion_wrap .accord_butt { padding: 15px 0px 15px 0; } }

.accordion .accordion_wrap .accord_butt h4 { position: relative; font-size: 28px; line-height: 34px; margin-bottom: 30px; margin-bottom: 0; }

@media only screen and (min-width: 768px) { .accordion .accordion_wrap .accord_butt h4 { font-size: 25.2px; line-height: 31.2px; } }

@media only screen and (min-width: 1200px) { .accordion .accordion_wrap .accord_butt h4 { font-size: 28px; line-height: 56px; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { .accordion .accordion_wrap .accord_butt h4 { font-size: 22.4px; line-height: 28.4px; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { .accordion .accordion_wrap .accord_butt h4 { font-size: 19.6px; line-height: 25.6px; } }

@media only screen and (max-width: 600px) { .accordion .accordion_wrap .accord_butt h4 { font-size: 19.6px; line-height: 25.6px; } }
/*
.accordion .accordion_wrap .accord_butt h4:after { content: "."; color: transparent; float: right; background-image: url("/wp-content/themes/designdough/assets/images/svg/accordion-btn.svg"); background-repeat: no-repeat; padding-right: 20px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; position: relative; top: 10px; right: 10px; width: 30px; }
*/ 
@media only screen and (max-width: 600px) { .accordion .accordion_wrap .accord_butt h4:after { padding-right: 20px; } }

@media only screen and (max-width: 600px) { .accordion .accordion_wrap .accord_butt h4:after { top: 0; right: 0; } }

.accordion .accordion_wrap .text_open { height: auto; max-height: 0; overflow: hidden; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

.accordion .accordion_wrap.active .accord_butt { -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
/*
.accordion .accordion_wrap.active .accord_butt h4:after { content: "."; background-image: url("/wp-content/themes/designdough/assets/images/svg/accordion-btn-active.svg"); padding-right: 20px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
*/
@media only screen and (max-width: 600px) { .accordion .accordion_wrap.active .accord_butt h4:after { padding-right: 20px; } }

.accordion .accordion_wrap.active .text_open { height: auto; max-height: 2000px; overflow: hidden; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; transition: max-height 0.25s ease-in; }

.video_wrapper .content { margin-bottom: 2rem; }

.video_wrapper .video { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; overflow: hidden; }

.video_wrapper .video iframe { border-radius: 20px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.banner-wrapper { height: calc(100vh - 3px); width: 100%; }

.banner-wrapper .slider-next, .banner-wrapper .slider-prev { width: 40px; height: 40px; }

.banner-wrapper .slider-next { position: absolute; top: 29%; z-index: 100; cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

@media only screen and (max-width: 600px) { .banner-wrapper .slider-next { top: 24%; right: 20px; } }

@media only screen and (min-width: 600px) { .banner-wrapper .slider-next { top: 26%; right: 50px; } }

@media only screen and (min-width: 1200px) { .banner-wrapper .slider-next { top: 31%; } }

@media only screen and (min-width: 1600px) { .banner-wrapper .slider-next { top: 33%; } }

.banner-wrapper .slider-next:hover { opacity: 0.6; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

.banner-wrapper .slider-prev { position: absolute; top: 29%; z-index: 100; cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

@media only screen and (max-width: 600px) { .banner-wrapper .slider-prev { top: 24%; left: 20px; } }

@media only screen and (min-width: 600px) { .banner-wrapper .slider-prev { top: 26%; left: 50px; } }

@media only screen and (min-width: 1200px) { .banner-wrapper .slider-prev { top: 31%; } }

@media only screen and (min-width: 1600px) { .banner-wrapper .slider-prev { top: 33%; } }

.banner-wrapper .slider-prev:hover { opacity: 0.6; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

.banner-slider { height: calc(100vh - 3px); width: 100%; }

.hero_banner_wrapper { position: relative; width: 100%; height: calc(100vh - 3px); }

.hero_banner_wrapper .banner_content { background: #161616; background: linear-gradient(0deg, rgba(22, 22, 22, 0.8) 0%, rgba(0, 212, 255, 0) 100%); position: absolute; width: 100%; bottom: 0px; height: 130px; }

.hero_banner_wrapper .banner_content .show_content { padding-top: 2rem; display: flex; justify-content: space-between; align-items: flex-end; }

.hero_banner_wrapper .banner_content .show_content h3 a { text-align: left; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

.hero_banner_wrapper .banner_content .show_content h3 a .hero-arrow { position: relative; left: 25px; top: 13px; width: 40px; height: 40px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

@media only screen and (max-width: 600px) { .hero_banner_wrapper .banner_content .show_content h3 a .hero-arrow { display: none; } }

.hero_banner_wrapper .banner_content .show_content h3 a:hover { text-decoration: none; color: rgba(255, 255, 255, 0.5); }

.hero_banner_wrapper .banner_content .show_content h3 a:hover .hero-arrow { opacity: 0.5; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

.hero_banner_wrapper .top-gradient { position: absolute; top: 0; left: 0; width: 100%; height: 130px; background: #161616; background: linear-gradient(0deg, rgba(0, 212, 255, 0) 0%, rgba(22, 22, 22, 0.8) 100%); }

.hero_banner_wrapper .img-container { height: 100%; }

.hero_banner_wrapper .img-container img { object-fit: cover; object-position: top center; }

.page_header_wrapper { height: 70vh; min-height: 720px; width: 100%; position: relative; }

@media only screen and (max-width: 600px) { .page_header_wrapper { height: 70vh; min-height: 400px; max-height: 500px; } }

.page_header_wrapper .img-container { width: 100%; height: 100%; }

.page_header_wrapper .img-container img { object-fit: cover; width: 100%; height: 100%; opacity: 0.2; }

.page_header_wrapper .img-container .filter-layer { position: absolute; bottom: 0; left: 0; width: 100%; height: 200px; background: #161616; background: linear-gradient(0deg, #161616 0%, rgba(0, 212, 255, 0) 100%); }

.page_header_wrapper .svg-container { position: absolute; top: 130px; left: 0; width: 100%; height: auto; }

@media only screen and (max-width: 600px) { .page_header_wrapper .svg-container { top: 130px; } }

@media only screen and (min-width: 1600px) { .page_header_wrapper .svg-container { top: 200px; } }

.page_header_wrapper .svg-container .bigtext { cursor: default; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

@media only screen and (max-width: 600px) { .page_header_wrapper .svg-container .bigtext { width: 100%; height: 78px; position: absolute; left: -12px; }
  .page_header_wrapper .svg-container .bigtext text { stroke-width: 5; } }

@media only screen and (min-width: 600px) { .page_header_wrapper .svg-container .bigtext { width: auto; max-width: 900px; }
  .page_header_wrapper .svg-container .bigtext text { stroke-width: 3; } }

@media only screen and (min-width: 1200px) { .page_header_wrapper .svg-container .bigtext { width: auto; max-width: 1400px; }
  .page_header_wrapper .svg-container .bigtext text { stroke-width: 3; } }

@media only screen and (min-width: 1600px) { .page_header_wrapper .svg-container .bigtext { width: auto; max-width: max-content; }
  .page_header_wrapper .svg-container .bigtext text { stroke-width: 2; } }

.page_header_wrapper .svg-container .paragraph { position: absolute; }

@media only screen and (max-width: 600px) { .page_header_wrapper .svg-container .paragraph { width: 100%; left: 0px; padding-top: 2rem; top: 130px; } }

@media only screen and (min-width: 600px) { .page_header_wrapper .svg-container .paragraph { width: 80%; left: 140px; } }

@media only screen and (min-width: 1200px) { .page_header_wrapper .svg-container .paragraph { left: auto; right: 100px; width: 50%; max-width: 800px; } }

.page_header_wrapper .scroll-down { position: relative; left: 20px; margin-right: 2rem; margin-top: 1rem; width: 40px; height: 40px; cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

.page_header_wrapper .scroll-down:hover { opacity: 0.6; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

@media only screen and (max-width: 600px) { .page_header_wrapper .scroll-down { display: none; } }

.cards_wrapper .container.border { border-top: solid #FF5F06 1px; padding-top: 40px; }

.cards_wrapper .content-wrapper { max-width: 800px; margin: 0 auto; }

.cards_wrapper .content-wrapper p { font-family: "Manrope SemiBold", sans-serif; font-size: 18px; line-height: 22px; margin-bottom: 30px; }

@media only screen and (min-width: 768px) { .cards_wrapper .content-wrapper p { font-size: 16.2px; line-height: 25px; } }

@media only screen and (min-width: 1200px) { .cards_wrapper .content-wrapper p { font-size: 18px; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { .cards_wrapper .content-wrapper p { font-size: 16.2px; line-height: 24px; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { .cards_wrapper .content-wrapper p { font-size: 16.2px; line-height: 23px; } }

@media only screen and (max-width: 600px) { .cards_wrapper .content-wrapper p { font-size: 16.2px; line-height: 23px; } }

.cards_wrapper .cards { padding-top: 3rem; display: flex; flex-wrap: wrap; max-width: 1100px; margin: 0 auto; }

.cards_wrapper .cards .card-wrapper { width: 100%; max-width: 400px; margin-left: auto; margin-right: auto; background-color: white; margin-bottom: 2.5rem; }

@media only screen and (min-width: 768px) { .cards_wrapper .cards .card-wrapper { width: 49%; max-width: 550px; }
  .cards_wrapper .cards .card-wrapper:nth-child(2n+1) { margin-right: 2%; } }

.cards_wrapper .cards .card-wrapper .img-container { width: 100%; aspect-ratio: 5 / 3; }

.cards_wrapper .cards .card-wrapper .img-container img { width: 100%; height: 100%; object-fit: cover; }

.cards_wrapper .cards .card-wrapper .card-content { padding: 2rem; }

.cards_wrapper .cards .card-wrapper .card-content h2 { margin-bottom: 30px; }

.cards_wrapper .cards .card-wrapper .card-content p { margin-bottom: 10px; }

.team_wrapper { padding: 3rem 0; }

@media only screen and (max-width: 600px) { .team_wrapper { padding: 2rem 0; } }

.team_wrapper .team-members { display: flex; flex-wrap: wrap; }

@media only screen and (max-width: 600px) { .team_wrapper .accordion_wrap { width: 100%; margin-right: 0%; } }

@media only screen and (min-width: 768px) { .team_wrapper .accordion_wrap { width: 49%; margin-right: 0%; }
  .team_wrapper .accordion_wrap:nth-child(2n+1) { margin-right: 2%; } }

@media only screen and (min-width: 1200px) { .team_wrapper .accordion_wrap { width: 23.5%; }
  .team_wrapper .accordion_wrap:nth-child(2n+1) { margin-right: 0%; }
  .team_wrapper .accordion_wrap:nth-child(3n+1), .team_wrapper .accordion_wrap:nth-child(3n+2) { margin-right: 0%; }
  .team_wrapper .accordion_wrap:nth-child(4n+1), .team_wrapper .accordion_wrap:nth-child(4n+2), .team_wrapper .accordion_wrap:nth-child(4n+3) { margin-right: 2%; } }

.team_wrapper .accordion_wrap .accord_butt { background-color: transparent; color: #161616; padding: 5px 10px 15px 0; margin: 15px 0 15px 0; /*cursor: pointer;*/ border-bottom: 1px solid #FF5F06; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

@media only screen and (min-width: 600px) { .team_wrapper .accordion_wrap .accord_butt { padding: 15px 0px 15px 0; } }

.team_wrapper .accordion_wrap .accord_butt .img-container { width: 100%; aspect-ratio: 1 / 1; margin-bottom: 10px; }

.team_wrapper .accordion_wrap .accord_butt .img-container img { width: 100%; height: 100%; object-fit: cover; }

.team_wrapper .accordion_wrap .accord_butt h4 { position: relative; font-size: 28px; line-height: 34px; margin-bottom: 30px; line-height: 36px !important; margin-bottom: 0; }

@media only screen and (min-width: 768px) { .team_wrapper .accordion_wrap .accord_butt h4 { font-size: 25.2px; line-height: 31.2px; } }

@media only screen and (min-width: 1200px) { .team_wrapper .accordion_wrap .accord_butt h4 { font-size: 28px; line-height: 56px; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { .team_wrapper .accordion_wrap .accord_butt h4 { font-size: 22.4px; line-height: 28.4px; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { .team_wrapper .accordion_wrap .accord_butt h4 { font-size: 19.6px; line-height: 25.6px; } }

@media only screen and (max-width: 600px) { .team_wrapper .accordion_wrap .accord_butt h4 { font-size: 19.6px; line-height: 25.6px; } }
/*
.team_wrapper .accordion_wrap .accord_butt h4:after { content: "."; color: transparent; float: right; background-image: url("/wp-content/themes/designdough/assets/images/svg/accordion-btn.svg"); background-repeat: no-repeat; padding-right: 20px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; position: relative; top: 10px; right: 10px; width: 30px; }
*/
@media only screen and (max-width: 600px) { .team_wrapper .accordion_wrap .accord_butt h4:after { padding-right: 20px; } }

@media only screen and (max-width: 600px) { .team_wrapper .accordion_wrap .accord_butt h4 { font-size: 22px; line-height: 30px; } }

.team_wrapper .accordion_wrap .accord_butt p { font-family: "Manrope SemiBold", sans-serif; font-size: 18px; line-height: 22px; margin-bottom: 30px; margin-bottom: 5px; }

@media only screen and (min-width: 768px) { .team_wrapper .accordion_wrap .accord_butt p { font-size: 16.2px; line-height: 25px; } }

@media only screen and (min-width: 1200px) { .team_wrapper .accordion_wrap .accord_butt p { font-size: 18px; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { .team_wrapper .accordion_wrap .accord_butt p { font-size: 16.2px; line-height: 24px; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { .team_wrapper .accordion_wrap .accord_butt p { font-size: 16.2px; line-height: 23px; } }

@media only screen and (max-width: 600px) { .team_wrapper .accordion_wrap .accord_butt p { font-size: 16.2px; line-height: 23px; } }

.team_wrapper .accordion_wrap .text_open { height: auto; max-height: 0; overflow: hidden; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

.team_wrapper .accordion_wrap .text_open p { margin-bottom: 0; font-size: 14px; line-height: 20px; }

@media only screen and (max-width: 600px) { .team_wrapper .accordion_wrap .text_open p { font-size: 14px; line-height: 20px; } }

.team_wrapper .accordion_wrap.active .accord_butt { -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
/*
.team_wrapper .accordion_wrap.active .accord_butt h4:after { content: "."; background-image: url("/wp-content/themes/designdough/assets/images/svg/accordion-btn-active.svg"); padding-right: 20px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
*/
@media only screen and (max-width: 600px) { .team_wrapper .accordion_wrap.active .accord_butt h4:after { padding-right: 20px; } }

.team_wrapper .accordion_wrap.active .text_open { height: auto; max-height: 2000px; overflow: hidden; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; transition: max-height 0.25s ease-in; }

.image_text_wrapper .image_text { display: flex; flex-direction: row; }

@media only screen and (max-width: 600px) { .image_text_wrapper .image_text { flex-direction: column; } }

@media only screen and (min-width: 600px) { .image_text_wrapper .image_text { flex-direction: column; } }

@media only screen and (min-width: 1200px) { .image_text_wrapper .image_text { flex-direction: row; } }

@media only screen and (max-width: 600px) { .image_text_wrapper .image_text .img-container { width: 100%; } }

@media only screen and (min-width: 600px) { .image_text_wrapper .image_text .img-container { width: 100%; } }

@media only screen and (min-width: 1200px) { .image_text_wrapper .image_text .img-container { width: 55%; } }

.image_text_wrapper .image_text .content-container h2, .image_text_wrapper .image_text .content-container p { margin-bottom: 25px; }

@media only screen and (max-width: 600px) { .image_text_wrapper .image_text .content-container { width: 100%; }
  .image_text_wrapper .image_text .content-container .content { padding-top: 2rem; } }

@media only screen and (min-width: 600px) { .image_text_wrapper .image_text .content-container { width: 100%; }
  .image_text_wrapper .image_text .content-container .content { padding-top: 2rem; } }

@media only screen and (min-width: 1200px) { .image_text_wrapper .image_text .content-container { width: 45%; }
  .image_text_wrapper .image_text .content-container .content { padding-left: 4rem; max-width: 600px; min-width: 500px; } }

.image_text_wrapper .image_text .content-container .btn_default:hover #Path_41, .image_text_wrapper .image_text .content-container .btn_default:hover #Path_79 { stroke: #ffffff; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

.contact_us_wrapper { padding: 3rem 0; }

.contact_us_wrapper .contact_us { border-top: 1px #FF5F06 solid; border-bottom: 1px #FF5F06 solid; display: flex; flex-direction: row; padding-top: 10px; padding-bottom: 3px; }

@media only screen and (max-width: 600px) { .contact_us_wrapper .contact_us { flex-direction: column-reverse; } }

@media only screen and (min-width: 600px) { .contact_us_wrapper .contact_us { flex-direction: column-reverse; } }

@media only screen and (min-width: 1200px) { .contact_us_wrapper .contact_us { flex-direction: row; } }

@media only screen and (max-width: 600px) { .contact_us_wrapper .contact_us .content-col { width: 100%; } }

@media only screen and (min-width: 600px) { .contact_us_wrapper .contact_us .content-col { width: 100%; } }

@media only screen and (min-width: 1200px) { .contact_us_wrapper .contact_us .content-col { width: 48%; } }

.contact_us_wrapper .contact_us .content-col .content { padding-right: 2rem; }

.contact_us_wrapper .contact_us .content-col .address-container { padding-top: 1rem; padding-bottom: 1rem; }

.contact_us_wrapper .contact_us .content-col .address-container p { font-family: "Manrope SemiBold", sans-serif; font-size: 18px; line-height: 22px; margin-bottom: 30px; }

@media only screen and (min-width: 768px) { .contact_us_wrapper .contact_us .content-col .address-container p { font-size: 16.2px; line-height: 25px; } }

@media only screen and (min-width: 1200px) { .contact_us_wrapper .contact_us .content-col .address-container p { font-size: 18px; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { .contact_us_wrapper .contact_us .content-col .address-container p { font-size: 16.2px; line-height: 24px; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { .contact_us_wrapper .contact_us .content-col .address-container p { font-size: 16.2px; line-height: 23px; } }

@media only screen and (max-width: 600px) { .contact_us_wrapper .contact_us .content-col .address-container p { font-size: 16.2px; line-height: 23px; } }

.contact_us_wrapper .contact_us .content-col .address-container .btn_default svg { -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

.contact_us_wrapper .contact_us .content-col .address-container .btn_default:hover svg #Path_79, .contact_us_wrapper .contact_us .content-col .address-container .btn_default:hover svg #Path_41 { stroke: #fff; }

.contact_us_wrapper .contact_us .content-col .contact-container { padding-top: 1.5rem; padding-bottom: 1.5rem; }

.contact_us_wrapper .contact_us .content-col .contact-container p:first-child { margin-bottom: 5px; }

.contact_us_wrapper .contact_us .content-col .contact-container p { font-family: "Manrope SemiBold", sans-serif; font-size: 18px; line-height: 22px; margin-bottom: 30px; overflow: hidden; line-height: 24px; }

@media only screen and (min-width: 768px) { .contact_us_wrapper .contact_us .content-col .contact-container p { font-size: 16.2px; line-height: 25px; } }

@media only screen and (min-width: 1200px) { .contact_us_wrapper .contact_us .content-col .contact-container p { font-size: 18px; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { .contact_us_wrapper .contact_us .content-col .contact-container p { font-size: 16.2px; line-height: 24px; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { .contact_us_wrapper .contact_us .content-col .contact-container p { font-size: 16.2px; line-height: 23px; } }

@media only screen and (max-width: 600px) { .contact_us_wrapper .contact_us .content-col .contact-container p { font-size: 16.2px; line-height: 23px; } }

.contact_us_wrapper .contact_us .content-col .contact-container a { position: relative; overflow: hidden; padding-right: 25px; }

.contact_us_wrapper .contact_us .content-col .contact-container:last-child { padding: 7px 1rem 2px; }

.contact_us_wrapper .contact_us .content-col .contact-container:last-child a { margin-bottom: 0; }

.contact_us_wrapper .contact_us .content-col .social-container { display: flex; margin-top: 1rem; margin-bottom: 1rem; }

.contact_us_wrapper .contact_us .content-col .social-container a { margin-right: 2rem; width: 50px; height: 50px; }

@media only screen and (max-width: 600px) { .contact_us_wrapper .contact_us .content-col .social-container a svg { width: 40px; height: 40px; } }

.contact_us_wrapper .contact_us .content-col .disclaimer-container { padding-top: 3rem; padding-bottom: 0; }

.contact_us_wrapper .contact_us .content-col .disclaimer-container svg { margin-bottom: 20px; }

.contact_us_wrapper .contact_us .content-col .disclaimer-container a { text-decoration: underline; }

@media only screen and (max-width: 600px) { .contact_us_wrapper .contact_us .map-container { width: 100%; } }

@media only screen and (min-width: 600px) { .contact_us_wrapper .contact_us .map-container { width: 100%; } }

@media only screen and (min-width: 1200px) { .contact_us_wrapper .contact_us .map-container { width: 52%; } }

.contact_us_wrapper .contact_us .map-container img { width: 100%; height: 100%; }

.partners_wrapper { padding: 2rem 0; }

.partners_wrapper .partners { padding: 4rem 0; border-top: solid #FF5F06 1px; border-bottom: solid #FF5F06 1px; }

.partners_wrapper .partners .partners-repeater { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }

.partners_wrapper .partners .partners-repeater .img-container { width: 200px; padding: 0 2rem; }

.partners_wrapper .partners .partners-repeater .img-container img { width: 100%; height: auto; }

.archive_cta_wrapper { position: relative; overflow: hidden; }

.archive_cta_wrapper .archive_cta { display: flex; justify-content: flex-end; }

@media only screen and (max-width: 600px) { .archive_cta_wrapper .archive_cta { flex-direction: column; } }

.archive_cta_wrapper .archive_cta .col { width: 50%; border-top: 1px solid #FF5F06; padding-top: 2rem; padding-left: 2rem; }

@media only screen and (max-width: 600px) { .archive_cta_wrapper .archive_cta .col { width: 100%; padding-left: 0; } }

.archive_cta_wrapper .archive_cta .col h4 { margin: 2rem 0; font-weight: 700; }

.archive_cta_wrapper .archive_cta .col .file-icon { margin: 2rem 0; }

.archive_cta_wrapper .archive_cta .col .btn_default { color: white; }

.archive_cta_wrapper .archive_cta .col .btn_default:hover { color: #161616; }

@keyframes ticker-kf { 0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(0, -108rem, 0); } }

.archive_cta_wrapper .archive_shows_container { width: 50%; position: absolute; left: -50px; top: -20px; height: 100%; }

@media only screen and (max-width: 600px) { .archive_cta_wrapper .archive_shows_container { opacity: 0.3; } }

.archive_cta_wrapper .archive_shows_container .background { position: absolute; top: 20px; left: 0; width: 100%; height: 100%; }

@media only screen and (max-width: 600px) { .archive_cta_wrapper .archive_shows_container .background { display: none; } }

.project_banner_wrapper { height: calc(100vh - 50px); }

.project_banner_wrapper .banner_content { height: auto; padding-bottom: 1rem; }

.project_banner_wrapper .banner_content h1 { font-size: 50px; line-height: 56px; margin-bottom: 30px; letter-spacing: -1px; margin-right: 35px; margin-bottom: 0px; }

@media only screen and (min-width: 768px) { .project_banner_wrapper .banner_content h1 { font-size: 45px; line-height: 51px; } }

@media only screen and (min-width: 1200px) { .project_banner_wrapper .banner_content h1 { font-size: 50px; line-height: 56px; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { .project_banner_wrapper .banner_content h1 { font-size: 40px; line-height: 46px; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { .project_banner_wrapper .banner_content h1 { font-size: 35px; line-height: 41px; } }

@media only screen and (max-width: 600px) { .project_banner_wrapper .banner_content h1 { font-size: 35px; line-height: 41px; } }

.project_banner_wrapper .banner_content .seasons { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 10px; }

.project_banner_wrapper .banner_content .seasons a { font-family: "Manrope SemiBold", sans-serif; font-size: 18px; line-height: 22px; margin-bottom: 30px; margin-bottom: 0rem; }

@media only screen and (min-width: 768px) { .project_banner_wrapper .banner_content .seasons a { font-size: 16.2px; line-height: 25px; } }

@media only screen and (min-width: 1200px) { .project_banner_wrapper .banner_content .seasons a { font-size: 18px; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { .project_banner_wrapper .banner_content .seasons a { font-size: 16.2px; line-height: 24px; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { .project_banner_wrapper .banner_content .seasons a { font-size: 16.2px; line-height: 23px; } }

@media only screen and (max-width: 600px) { .project_banner_wrapper .banner_content .seasons a { font-size: 16.2px; line-height: 23px; } }

.project_banner_wrapper .banner_content .seasons a.active { color: #FF5F06; }

.project_banner_wrapper .banner_content .seasons .series { font-family: "Manrope SemiBold", sans-serif; font-size: 18px; line-height: 22px; margin-bottom: 30px; margin-bottom: 0rem; margin-right: 1rem; }

@media only screen and (min-width: 768px) { .project_banner_wrapper .banner_content .seasons .series { font-size: 16.2px; line-height: 25px; } }

@media only screen and (min-width: 1200px) { .project_banner_wrapper .banner_content .seasons .series { font-size: 18px; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { .project_banner_wrapper .banner_content .seasons .series { font-size: 16.2px; line-height: 24px; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { .project_banner_wrapper .banner_content .seasons .series { font-size: 16.2px; line-height: 23px; } }

@media only screen and (max-width: 600px) { .project_banner_wrapper .banner_content .seasons .series { font-size: 16.2px; line-height: 23px; } }

.project_banner_wrapper .banner_content .btn-container { display: flex; }

.project_banner_wrapper .banner_content .scroll-down { margin-right: 2rem; margin-top: 1rem; width: 40px; height: 40px; cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

.project_banner_wrapper .banner_content .scroll-down:hover { opacity: 0.6; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

.project_info_wrapper { padding-top: 5rem; }

@media only screen and (max-width: 600px) { .project_info_wrapper { padding-top: 2rem; } }

.project_info_wrapper span { opacity: 0.6; }

.project_info_wrapper .header p { margin-bottom: 20px; }

.project_info_wrapper .project-info { display: flex; flex-wrap: wrap; }

.project_info_wrapper .project-info .col-lg, .project_info_wrapper .project-info .col-sm { border-top: 1px #FF5F06 solid; padding-top: 2rem; }

.project_info_wrapper .project-info .col-lg { width: 100%; padding-bottom: 2rem; display: flex; flex-direction: column; }

@media only screen and (min-width: 1200px) { .project_info_wrapper .project-info .col-lg { width: 57%; margin-right: 3%; } }

@media only screen and (min-width: 768px) { .project_info_wrapper .project-info .col-lg { flex-direction: row; } }

.project_info_wrapper .project-info .col-lg p, .project_info_wrapper .project-info .col-lg h4 { padding-right: 25px; }

.project_info_wrapper .project-info .col-sm { width: 100%; display: flex; flex-direction: column; }

@media only screen and (min-width: 1200px) { .project_info_wrapper .project-info .col-sm { width: 40%; } }

@media only screen and (min-width: 768px) { .project_info_wrapper .project-info .col-sm { flex-direction: row; } }

.project_info_wrapper .project-info .col-sm .credit-wrapper { display: flex; width: 100%; padding-bottom: 2rem; }

@media only screen and (max-width: 600px) { .project_info_wrapper .project-info .col-sm .credit-wrapper { flex-wrap: wrap; } }

.project_info_wrapper .project-info .col-sm .credit-wrapper .col { width: 50%; }

@media only screen and (max-width: 600px) { .project_info_wrapper .project-info .col-sm .credit-wrapper .col { width: 100%; } }

.project_info_wrapper .project-info .col-sm p, .project_info_wrapper .project-info .col-sm h4 { padding-right: 25px; margin-bottom: 0; }

.project_info_wrapper .project-info .col-sm .header p { margin-bottom: 20px; }

.project_info_wrapper .project-info .col-sm .content { margin-bottom: 20px; }

.project_info_wrapper .awards-section { padding: 2rem 0; border-top: 1px solid #FF5F06; border-bottom: 1px solid #FF5F06; display: flex; flex-direction: column; }

@media only screen and (min-width: 768px) { .project_info_wrapper .awards-section { flex-direction: row; } }

.project_info_wrapper .awards-section .header { padding-right: 25px; min-width: 130px; }

.project_info_wrapper .awards-section .awards-row { width: 100%; display: flex; justify-content: center; flex-wrap: wrap; text-align: center; }

.project_info_wrapper .awards-section .awards-row .award-item { width: 23%; min-width: 250px; max-width: 250px; }

.project_info_wrapper .awards-section .awards-row .award-item .img-container img { padding: 0 1rem; }

.project_info_wrapper .awards-section .awards-row .award-content { margin-bottom: 35px; }

.project_info_wrapper .awards-section .awards-row .award-content p { margin-bottom: 5px; }

.project_info_wrapper .testimonial-section { display: flex; justify-content: flex-end; }

.project_info_wrapper .testimonial-section .testimonial-item { position: relative; width: 60%; min-width: 700px; right: 0; }

.project_info_wrapper .testimonial-section .testimonial-item blockquote { padding: 1.5rem 0; }

@media only screen and (max-width: 600px) { .project_info_wrapper .testimonial-section .testimonial-item { min-width: auto; width: 100%; padding: 2rem 0; }
  .project_info_wrapper .testimonial-section .testimonial-item svg { max-height: 50px; width: auto; } }

@media only screen and (min-width: 600px) { .project_info_wrapper .testimonial-section .testimonial-item { min-width: auto; width: 100%; padding-bottom: 0; }
  .project_info_wrapper .testimonial-section .testimonial-item svg { max-height: 80px; width: auto; } }

@media only screen and (min-width: 768px) { .project_info_wrapper .testimonial-section .testimonial-item { padding: 5rem 0; width: 60%; min-width: 700px; }
  .project_info_wrapper .testimonial-section .testimonial-item svg { display: block; max-height: 180px; width: auto; } }

.project_info_wrapper .testimonial-section .testimonial-item .testimonial-quote { margin-bottom: 1rem; }

.image-slider-section { position: relative; padding: 3rem 0; }

.image-slider-section .image-slider .img-container { height: 500px; }

@media only screen and (max-width: 600px) { .image-slider-section .image-slider .img-container { height: 300px; } }

.image-slider-section .image-slider .img-container img { width: 100%; height: 100%; object-fit: cover; }

.image-slider-section .image-slider .slick-slide { right: -200px; margin-right: 2rem; }

@media only screen and (max-width: 600px) { .image-slider-section .image-slider .slick-slide { right: 30px; } }

.image-slider-section .slider-next { position: absolute; right: 50px; top: 45%; z-index: 100; cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; opacity: 1; }

.image-slider-section .slider-next:hover { opacity: 0.6; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

.related_projects_wrapper { padding: 4rem 0; }

.related_projects_wrapper .inner-borders { border-top: 1px solid #FF5F06; padding-top: 2rem; }

.related_projects_wrapper .inner-borders .flex-row { display: flex; padding-top: 2rem; }

@media only screen and (max-width: 600px) { .related_projects_wrapper .inner-borders .flex-row { flex-direction: column; } }

.related_projects_wrapper .inner-borders .flex-row .page_wrapper .content-container { position: relative; padding-top: 10px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

.related_projects_wrapper .inner-borders .flex-row .page_wrapper .content-container .orange-line { position: absolute; bottom: -10px; right: 0; width: 100%; height: 1px; max-width: 100%; background-color: #FF5F06; transition: 0.3s ease-in-out; }

.related_projects_wrapper .inner-borders .flex-row .page_wrapper a:hover { opacity: 0.8; text-decoration: none; }

.related_projects_wrapper .inner-borders .flex-row .page_wrapper a:hover .content-container { -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

.related_projects_wrapper .inner-borders .flex-row .page_wrapper a:hover .content-container .orange-line { max-width: 0%; transition: 0.3s ease-in-out; }

.related_projects_wrapper .inner-borders .flex-row .page_wrapper:first-child { width: 50%; margin-right: 5%; }

@media only screen and (max-width: 600px) { .related_projects_wrapper .inner-borders .flex-row .page_wrapper:first-child { width: 100%; } }

.related_projects_wrapper .inner-borders .flex-row .page_wrapper:last-child { width: 45%; padding-left: 2rem; }

@media only screen and (max-width: 600px) { .related_projects_wrapper .inner-borders .flex-row .page_wrapper:last-child { width: 100%; padding-left: 0; } }

@media only screen and (max-width: 600px) { .related_projects_wrapper .inner-borders .flex-row .page_wrapper { margin-bottom: 1rem; } }

.portfolio_wrapper { padding: 3rem 0 3rem; }

@media only screen and (max-width: 600px) { .portfolio_wrapper { padding: 2rem 0 2rem; } }

.portfolio_wrapper .portfolio { display: flex; flex-wrap: wrap; }

.portfolio_wrapper .portfolio .project-item-wrapper { margin-bottom: 4rem; }

.portfolio_wrapper .portfolio .project-item-wrapper .img-container { position: relative; width: 100%; aspect-ratio: 3 / 2; overflow: hidden; }

.portfolio_wrapper .portfolio .project-item-wrapper .img-container img { width: 100%; height: 100%; object-fit: cover; }

.portfolio_wrapper .portfolio .project-item-wrapper .img-container .content-layer { background-color: rgba(22, 22, 22, 0.6); width: 100%; height: 100%; position: absolute; top: 150%; left: 0; padding: 1.5rem; display: flex; align-items: flex-end; transition: ease-in-out 0.6s; }

.portfolio_wrapper .portfolio .project-item-wrapper .img-container .content-layer .show-details { display: flex; }

.portfolio_wrapper .portfolio .project-item-wrapper .img-container .content-layer .show-details .col { min-width: 270px; }

.portfolio_wrapper .portfolio .project-item-wrapper .img-container .content-layer .show-details .col span { color: rgba(255, 255, 255, 0.6); }

.portfolio_wrapper .portfolio .project-item-wrapper .img-container .content-layer .show-details .col p { margin-bottom: 0; }

.portfolio_wrapper .portfolio .project-item-wrapper .img-container .content-layer .project-arrow { position: absolute; right: 1.5rem; bottom: 1.5rem; width: 40px; height: 40px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

.portfolio_wrapper .portfolio .project-item-wrapper .img-container .content-layer .project-arrow:hover { opacity: 0.6; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

.portfolio_wrapper .portfolio .project-item-wrapper .title-link { padding: 1.5rem 0; }

@media only screen and (max-width: 600px) { .portfolio_wrapper .portfolio .project-item-wrapper .title-link svg { width: 15px; height: 15px; } .content-layer { display: none !important } }

.portfolio_wrapper .portfolio .project-item-wrapper .title-link:hover { text-decoration: none; }

.portfolio_wrapper .portfolio .project-item-wrapper .title-link:hover h3 { -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color: rgba(255, 255, 255, 0.5); }

.portfolio_wrapper .portfolio .project-item-wrapper h3 { padding: 1.5rem 0; border-bottom: 1px solid #FF5F06; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

.portfolio_wrapper .portfolio .project-item-wrapper .project-link:hover .content-layer { top: 0; transition: ease-in-out 0.6s; }

.portfolio_wrapper .portfolio .project-item-wrapper .project-link.coming_soon .content-layer { top: 0; transition: ease-in-out 0.6s; }

.portfolio_wrapper .portfolio .project-item-wrapper:nth-child(4n+1) { width: 100%; }

@media only screen and (max-width: 600px) { .portfolio_wrapper .portfolio .project-item-wrapper:nth-child(4n+1) { width: 100%; } }

@media only screen and (min-width: 1200px) { .portfolio_wrapper .portfolio .project-item-wrapper:nth-child(4n+1) { width: 50%; margin-right: 5%; } }

.portfolio_wrapper .portfolio .project-item-wrapper:nth-child(4n+2) { width: 100%; }

@media only screen and (max-width: 600px) { .portfolio_wrapper .portfolio .project-item-wrapper:nth-child(4n+2) { width: 100%; padding-left: 0; } }

@media only screen and (min-width: 1200px) { .portfolio_wrapper .portfolio .project-item-wrapper:nth-child(4n+2) { width: 45%; padding-left: 2rem; } }

.portfolio_wrapper .portfolio .project-item-wrapper:nth-child(4n+3) { width: 100%; }

@media only screen and (max-width: 600px) { .portfolio_wrapper .portfolio .project-item-wrapper:nth-child(4n+3) { width: 100%; padding-right: 0; } }

@media only screen and (min-width: 1200px) { .portfolio_wrapper .portfolio .project-item-wrapper:nth-child(4n+3) { width: 45%; padding-right: 2rem; } }

.portfolio_wrapper .portfolio .project-item-wrapper:nth-child(4n+4) { width: 100%; }

@media only screen and (max-width: 600px) { .portfolio_wrapper .portfolio .project-item-wrapper:nth-child(4n+4) { width: 100%; } }

@media only screen and (min-width: 1200px) { .portfolio_wrapper .portfolio .project-item-wrapper:nth-child(4n+4) { width: 50%; margin-left: 5%; margin-bottom: 3rem; } }

@media only screen and (max-width: 600px) { .portfolio_wrapper .portfolio .project-item-wrapper { margin-bottom: 1rem; } }

.archive_wrapper { position: relative; }

.archive_wrapper .archive { padding: 2rem 0; }

.archive_wrapper .archive .archive_feed .accordion_wrap { margin: 0 auto; border-bottom: 1px solid #FF5F06; }

.archive_wrapper .archive .archive_feed .accordion_wrap .accord_butt { background-color: transparent; color: #161616; padding: 15px 10px 15px 0; margin: 0 0 0 0; cursor: pointer; display: flex; align-items: center; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

@media only screen and (min-width: 600px) { .archive_wrapper .archive .archive_feed .accordion_wrap .accord_butt { padding: 15px 0px 15px 0; } }

@media only screen and (max-width: 600px) { .archive_wrapper .archive .archive_feed .accordion_wrap .accord_butt { flex-direction: column; } }

.archive_wrapper .archive .archive_feed .accordion_wrap .accord_butt:after { content: "."; color: transparent; float: right; background-image: url("/wp-content/themes/designdough/assets/images/svg/accordion-btn-black.svg"); background-repeat: no-repeat; padding-right: 20px; position: relative; top: 10px; right: 10px; width: 30px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

@media only screen and (max-width: 600px) { .archive_wrapper .archive .archive_feed .accordion_wrap .accord_butt:after { padding-right: 20px; position: absolute; top: 0; right: 0; } }

.archive_wrapper .archive .archive_feed .accordion_wrap .accord_butt .title { position: relative; margin-bottom: 0; font-size: 30px; line-height: 40px; }

@media only screen and (max-width: 600px) { .archive_wrapper .archive .archive_feed .accordion_wrap .accord_butt .title { font-size: 22px; line-height: 30px; width: 100%; } }

@media only screen and (min-width: 600px) { .archive_wrapper .archive .archive_feed .accordion_wrap .accord_butt .title { width: 70%; padding-right: 1rem; } }

@media only screen and (min-width: 1200px) { .archive_wrapper .archive .archive_feed .accordion_wrap .accord_butt .title { width: 55%; } }

.archive_wrapper .archive .archive_feed .accordion_wrap .accord_butt .button-details { width: 100%; display: flex; }

@media only screen and (max-width: 600px) { .archive_wrapper .archive .archive_feed .accordion_wrap .accord_butt .button-details { flex-direction: row-reverse; justify-content: flex-end; } }

@media only screen and (min-width: 600px) { .archive_wrapper .archive .archive_feed .accordion_wrap .accord_butt .button-details { width: 30%; align-items: center; } }

@media only screen and (min-width: 1200px) { .archive_wrapper .archive .archive_feed .accordion_wrap .accord_butt .button-details { width: 45%; } }

.archive_wrapper .archive .archive_feed .accordion_wrap .accord_butt .genre, .archive_wrapper .archive .archive_feed .accordion_wrap .accord_butt .year { margin-bottom: 0; display: inline-block; }

@media only screen and (min-width: 600px) { .archive_wrapper .archive .archive_feed .accordion_wrap .accord_butt .genre, .archive_wrapper .archive .archive_feed .accordion_wrap .accord_butt .year { width: 25%; min-width: 70px; } }

@media only screen and (max-width: 600px) { .archive_wrapper .archive .archive_feed .accordion_wrap .accord_butt .year { width: 50px; } }

@media only screen and (min-width: 600px) { .archive_wrapper .archive .archive_feed .accordion_wrap .accord_butt .genre { min-width: 90px; } }

.archive_wrapper .archive .archive_feed .accordion_wrap .text_open { height: auto; max-height: 0; margin: 0rem 0; overflow: hidden; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; display: flex; width: calc(100% - 30px); }

@media only screen and (max-width: 600px) { .archive_wrapper .archive .archive_feed .accordion_wrap .text_open { flex-direction: column; } }

.archive_wrapper .archive .archive_feed .accordion_wrap .text_open .image { margin-bottom: 1rem; }

@media only screen and (max-width: 600px) { .archive_wrapper .archive .archive_feed .accordion_wrap .text_open .image { width: 100%; }
  .archive_wrapper .archive .archive_feed .accordion_wrap .text_open .image img { width: 100%; } }

@media only screen and (min-width: 600px) { .archive_wrapper .archive .archive_feed .accordion_wrap .text_open .image { width: 55%; }
  .archive_wrapper .archive .archive_feed .accordion_wrap .text_open .image img { width: 80%; max-width: 500px; display: none; } }

.archive_wrapper .archive .archive_feed .accordion_wrap .text_open .content { width: 45%; }

@media only screen and (max-width: 600px) { .archive_wrapper .archive .archive_feed .accordion_wrap .text_open .content { width: 100%; } }

.archive_wrapper .archive .archive_feed .accordion_wrap .text_open .content .btn_default { color: white; }

.archive_wrapper .archive .archive_feed .accordion_wrap .text_open .content .btn_default:hover { color: #161616; }

.archive_wrapper .archive .archive_feed .accordion_wrap .text_open .content .btn_default:hover #Path_41, .archive_wrapper .archive .archive_feed .accordion_wrap .text_open .content .btn_default:hover #Path_79 { stroke: #161616; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

.archive_wrapper .archive .archive_feed .accordion_wrap.active .accord_butt { -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

.archive_wrapper .archive .archive_feed .accordion_wrap.active .accord_butt h4:after { content: "."; background-image: url("/wp-content/themes/designdough/assets/images/svg/accordion-btn-black-active.svg"); padding-right: 20px; color: transparent; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

@media only screen and (max-width: 600px) { .archive_wrapper .archive .archive_feed .accordion_wrap.active .accord_butt h4:after { padding-right: 20px; } }

.archive_wrapper .archive .archive_feed .accordion_wrap.active .text_open { height: auto; max-height: 2000px; overflow: hidden; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; transition: max-height 0.25s ease-in; }

.archive_wrapper .archive .archive_feed .accordion_wrap.active .text_open .image img { display: block; }