/* Start:/local/templates/pasta/vendor/normalize/normalize.min.css?17333424131854*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ 
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
/* End */


/* Start:/local/templates/pasta/vendor/fontawesome/css/fontawesome-all.min.css?173334241359344*/
/*!
 * Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-airbnb:before{content:"\f834"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-artstation:before{content:"\f77a"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atlassian:before{content:"\f77b"}.fa-atom:before{content:"\f5d2"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-baby:before{content:"\f77c"}.fa-baby-carriage:before{content:"\f77d"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-bacon:before{content:"\f7e5"}.fa-bacteria:before{content:"\e059"}.fa-bacterium:before{content:"\e05a"}.fa-bahai:before{content:"\f666"}.fa-balance-scale:before{content:"\f24e"}.fa-balance-scale-left:before{content:"\f515"}.fa-balance-scale-right:before{content:"\f516"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-battle-net:before{content:"\f835"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-biking:before{content:"\f84a"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-biohazard:before{content:"\f780"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blog:before{content:"\f781"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-dead:before{content:"\f6b7"}.fa-book-medical:before{content:"\f7e6"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-bookmark:before{content:"\f02e"}.fa-bootstrap:before{content:"\f836"}.fa-border-all:before{content:"\f84c"}.fa-border-none:before{content:"\f850"}.fa-border-style:before{content:"\f853"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-box-open:before{content:"\f49e"}.fa-box-tissue:before{content:"\e05b"}.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-bread-slice:before{content:"\f7ec"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-buffer:before{content:"\f837"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-business-time:before{content:"\f64a"}.fa-buy-n-large:before{content:"\f8a6"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-day:before{content:"\f783"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-calendar-week:before{content:"\f784"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-campground:before{content:"\f6bb"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-candy-cane:before{content:"\f786"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-crash:before{content:"\f5e1"}.fa-car-side:before{content:"\f5e4"}.fa-caravan:before{content:"\f8ff"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-carrot:before{content:"\f787"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cash-register:before{content:"\f788"}.fa-cat:before{content:"\f6be"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-centos:before{content:"\f789"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-cheese:before{content:"\f7ef"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-chromecast:before{content:"\f838"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clinic-medical:before{content:"\f7f2"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudflare:before{content:"\e07d"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-medical:before{content:"\f7f5"}.fa-comment-slash:before{content:"\f4b3"}.fa-comments:before{content:"\f086"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-compress-alt:before{content:"\f422"}.fa-compress-arrows-alt:before{content:"\f78c"}.fa-concierge-bell:before{content:"\f562"}.fa-confluence:before{content:"\f78d"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-cotton-bureau:before{content:"\f89e"}.fa-couch:before{content:"\f4b8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-critical-role:before{content:"\f6c9"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-crutch:before{content:"\f7f7"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dailymotion:before{content:"\e052"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-deezer:before{content:"\e077"}.fa-delicious:before{content:"\f1a5"}.fa-democrat:before{content:"\f747"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dharmachakra:before{content:"\f655"}.fa-dhl:before{content:"\f790"}.fa-diagnoses:before{content:"\f470"}.fa-diaspora:before{content:"\f791"}.fa-dice:before{content:"\f522"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-disease:before{content:"\f7fa"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-flatbed:before{content:"\f474"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-polygon:before{content:"\f5ee"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-dumbbell:before{content:"\f44b"}.fa-dumpster:before{content:"\f793"}.fa-dumpster-fire:before{content:"\f794"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edge-legacy:before{content:"\e078"}.fa-edit:before{content:"\f044"}.fa-egg:before{content:"\f7fb"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-ethernet:before{content:"\f796"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-evernote:before{content:"\f839"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-alt:before{content:"\f424"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fan:before{content:"\f863"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-faucet:before{content:"\e005"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-fedex:before{content:"\f797"}.fa-fedora:before{content:"\f798"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-figma:before{content:"\f799"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-excel:before{content:"\f1c3"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-upload:before{content:"\f574"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-alt:before{content:"\f7e4"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-firefox-browser:before{content:"\e007"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frog:before{content:"\f52e"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-gifts:before{content:"\f79c"}.fa-git:before{content:"\f1d3"}.fa-git-alt:before{content:"\f841"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-cheers:before{content:"\f79f"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glass-whiskey:before{content:"\f7a0"}.fa-glasses:before{content:"\f530"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-globe-europe:before{content:"\f7a2"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-pay:before{content:"\e079"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-lines:before{content:"\f7a4"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-guilded:before{content:"\e07e"}.fa-guitar:before{content:"\f7a6"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hamburger:before{content:"\f805"}.fa-hammer:before{content:"\f6e3"}.fa-hamsa:before{content:"\f665"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-medical:before{content:"\e05c"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-holding-water:before{content:"\f4c1"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-middle-finger:before{content:"\f806"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-sparkles:before{content:"\e05d"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-hands-wash:before{content:"\e05e"}.fa-handshake:before{content:"\f2b5"}.fa-handshake-alt-slash:before{content:"\e05f"}.fa-handshake-slash:before{content:"\e060"}.fa-hanukiah:before{content:"\f6e6"}.fa-hard-hat:before{content:"\f807"}.fa-hashtag:before{content:"\f292"}.fa-hat-cowboy:before{content:"\f8c0"}.fa-hat-cowboy-side:before{content:"\f8c1"}.fa-hat-wizard:before{content:"\f6e8"}.fa-hdd:before{content:"\f0a0"}.fa-head-side-cough:before{content:"\e061"}.fa-head-side-cough-slash:before{content:"\e062"}.fa-head-side-mask:before{content:"\e063"}.fa-head-side-virus:before{content:"\e064"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-broken:before{content:"\f7a9"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hive:before{content:"\e07f"}.fa-hockey-puck:before{content:"\f453"}.fa-holly-berry:before{content:"\f7aa"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-horse-head:before{content:"\f7ab"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hospital-user:before{content:"\f80d"}.fa-hot-tub:before{content:"\f593"}.fa-hotdog:before{content:"\f80f"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house-damage:before{content:"\f6f1"}.fa-house-user:before{content:"\e065"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-ice-cream:before{content:"\f810"}.fa-icicles:before{content:"\f7ad"}.fa-icons:before{content:"\f86d"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-ideal:before{content:"\e013"}.fa-igloo:before{content:"\f7ae"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-innosoft:before{content:"\e080"}.fa-instagram:before{content:"\f16d"}.fa-instagram-square:before{content:"\e055"}.fa-instalod:before{content:"\e081"}.fa-intercom:before{content:"\f7af"}.fa-internet-explorer:before{content:"\f26b"}.fa-invision:before{content:"\f7b0"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itch-io:before{content:"\f83a"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-jira:before{content:"\f7b1"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kiwi-bird:before{content:"\f535"}.fa-korvue:before{content:"\f42f"}.fa-landmark:before{content:"\f66f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laptop-house:before{content:"\e066"}.fa-laptop-medical:before{content:"\f812"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-luggage-cart:before{content:"\f59d"}.fa-lungs:before{content:"\f604"}.fa-lungs-virus:before{content:"\e067"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-mdb:before{content:"\f8ca"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-mendeley:before{content:"\f7b3"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microblog:before{content:"\e01a"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mitten:before{content:"\f7b5"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mixer:before{content:"\e056"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mouse:before{content:"\f8cc"}.fa-mouse-pointer:before{content:"\f245"}.fa-mug-hot:before{content:"\f7b6"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-octopus-deploy:before{content:"\e082"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-orcid:before{content:"\f8d2"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-pager:before{content:"\f815"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-penny-arcade:before{content:"\f704"}.fa-people-arrows:before{content:"\e068"}.fa-people-carry:before{content:"\f4ce"}.fa-pepper-hot:before{content:"\f816"}.fa-perbyte:before{content:"\e083"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-booth:before{content:"\f756"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-alt:before{content:"\f879"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-square-alt:before{content:"\f87b"}.fa-phone-volume:before{content:"\f2a0"}.fa-photo-video:before{content:"\f87c"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-square:before{content:"\e01e"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-pizza-slice:before{content:"\f818"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-plane-slash:before{content:"\e069"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poo:before{content:"\f2fe"}.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pump-medical:before{content:"\e06a"}.fa-pump-soap:before{content:"\e06b"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-radiation:before{content:"\f7b9"}.fa-radiation-alt:before{content:"\f7ba"}.fa-rainbow:before{content:"\f75b"}.fa-random:before{content:"\f074"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-record-vinyl:before{content:"\f8d9"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redhat:before{content:"\f7bc"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-remove-format:before{content:"\f87d"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-republican:before{content:"\f75e"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-restroom:before{content:"\f7bd"}.fa-retweet:before{content:"\f079"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-rust:before{content:"\e07a"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-salesforce:before{content:"\f83b"}.fa-sass:before{content:"\f41e"}.fa-satellite:before{content:"\f7bf"}.fa-satellite-dish:before{content:"\f7c0"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-sd-card:before{content:"\f7c2"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-shield-virus:before{content:"\e06c"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopify:before{content:"\e057"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shower:before{content:"\f2cc"}.fa-shuttle-van:before{content:"\f5b6"}.fa-sign:before{content:"\f4d9"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signature:before{content:"\f5b7"}.fa-sim-card:before{content:"\f7c4"}.fa-simplybuilt:before{content:"\f215"}.fa-sink:before{content:"\e06d"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skating:before{content:"\f7c5"}.fa-sketch:before{content:"\f7c6"}.fa-skiing:before{content:"\f7c9"}.fa-skiing-nordic:before{content:"\f7ca"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sleigh:before{content:"\f7cc"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-wink:before{content:"\f4da"}.fa-smog:before{content:"\f75f"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-sms:before{content:"\f7cd"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowboarding:before{content:"\f7ce"}.fa-snowflake:before{content:"\f2dc"}.fa-snowman:before{content:"\f7d0"}.fa-snowplow:before{content:"\f7d2"}.fa-soap:before{content:"\e06e"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-down-alt:before{content:"\f881"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-alpha-up-alt:before{content:"\f882"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-down-alt:before{content:"\f884"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-amount-up-alt:before{content:"\f885"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-down-alt:before{content:"\f886"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-numeric-up-alt:before{content:"\f887"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-sourcetree:before{content:"\f7d3"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-speaker-deck:before{content:"\f83c"}.fa-spell-check:before{content:"\f891"}.fa-spider:before{content:"\f717"}.fa-spinner:before{content:"\f110"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stackpath:before{content:"\f842"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-stopwatch-20:before{content:"\e06f"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-store-alt-slash:before{content:"\e070"}.fa-store-slash:before{content:"\e071"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-suse:before{content:"\f7d6"}.fa-swatchbook:before{content:"\f5c3"}.fa-swift:before{content:"\f8e1"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-symfony:before{content:"\f83d"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-low:before{content:"\f76b"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-tenge:before{content:"\f7d7"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-tiktok:before{content:"\e07b"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet:before{content:"\f7d8"}.fa-toilet-paper:before{content:"\f71e"}.fa-toilet-paper-slash:before{content:"\e072"}.fa-toolbox:before{content:"\f552"}.fa-tools:before{content:"\f7d9"}.fa-tooth:before{content:"\f5c9"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-light:before{content:"\f637"}.fa-trailer:before{content:"\e041"}.fa-train:before{content:"\f238"}.fa-tram:before{content:"\f7da"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-trash-restore:before{content:"\f829"}.fa-trash-restore-alt:before{content:"\f82a"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-ubuntu:before{content:"\f7df"}.fa-uikit:before{content:"\f403"}.fa-umbraco:before{content:"\f8e8"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-uncharted:before{content:"\e084"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-unity:before{content:"\e049"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-unsplash:before{content:"\e07c"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-ups:before{content:"\f7e0"}.fa-usb:before{content:"\f287"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-nurse:before{content:"\f82f"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-cog:before{content:"\f509"}.fa-users-slash:before{content:"\e073"}.fa-usps:before{content:"\f7e1"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-vaadin:before{content:"\f408"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-vest:before{content:"\e085"}.fa-vest-patches:before{content:"\e086"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-virus:before{content:"\e074"}.fa-virus-slash:before{content:"\e075"}.fa-viruses:before{content:"\e076"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-voicemail:before{content:"\f897"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vote-yea:before{content:"\f772"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-warehouse:before{content:"\f494"}.fa-watchman-monitoring:before{content:"\e087"}.fa-water:before{content:"\f773"}.fa-wave-square:before{content:"\f83e"}.fa-waze:before{content:"\f83f"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wodu:before{content:"\e088"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yammer:before{content:"\f840"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yarn:before{content:"\f7e3"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(/local/templates/pasta/vendor/fontawesome/css/../webfonts/fa-brands-400.eot);src:url(/local/templates/pasta/vendor/fontawesome/css/../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(/local/templates/pasta/vendor/fontawesome/css/../webfonts/fa-brands-400.woff2) format("woff2"),url(/local/templates/pasta/vendor/fontawesome/css/../webfonts/fa-brands-400.woff) format("woff"),url(/local/templates/pasta/vendor/fontawesome/css/../webfonts/fa-brands-400.ttf) format("truetype"),url(/local/templates/pasta/vendor/fontawesome/css/../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url(/local/templates/pasta/vendor/fontawesome/css/../webfonts/fa-regular-400.eot);src:url(/local/templates/pasta/vendor/fontawesome/css/../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(/local/templates/pasta/vendor/fontawesome/css/../webfonts/fa-regular-400.woff2) format("woff2"),url(/local/templates/pasta/vendor/fontawesome/css/../webfonts/fa-regular-400.woff) format("woff"),url(/local/templates/pasta/vendor/fontawesome/css/../webfonts/fa-regular-400.ttf) format("truetype"),url(/local/templates/pasta/vendor/fontawesome/css/../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.fab,.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(/local/templates/pasta/vendor/fontawesome/css/../webfonts/fa-solid-900.eot);src:url(/local/templates/pasta/vendor/fontawesome/css/../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(/local/templates/pasta/vendor/fontawesome/css/../webfonts/fa-solid-900.woff2) format("woff2"),url(/local/templates/pasta/vendor/fontawesome/css/../webfonts/fa-solid-900.woff) format("woff"),url(/local/templates/pasta/vendor/fontawesome/css/../webfonts/fa-solid-900.ttf) format("truetype"),url(/local/templates/pasta/vendor/fontawesome/css/../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900}
/* End */


/* Start:/local/templates/pasta/vendor/swiper/css/swiper-bundle.min.css?173334241316466*/
/**
 * Swiper 8.3.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 26, 2022
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* End */


/* Start:/local/templates/pasta/vendor/lightgallery/css/lightgallery.min.css?173334241321027*/
@font-face{font-family:lg;src:url(/local/templates/pasta/vendor/lightgallery/css/../fonts/lg.ttf?22t19m) format("truetype"),url(/local/templates/pasta/vendor/lightgallery/css/../fonts/lg.woff?22t19m) format("woff"),url(/local/templates/pasta/vendor/lightgallery/css/../fonts/lg.svg?22t19m#lg) format("svg");font-weight:400;font-style:normal;font-display:block}.lg-icon{font-family:lg!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lg-actions .lg-next,.lg-actions .lg-prev{background-color:rgba(0,0,0,.45);border-radius:2px;color:#999;cursor:pointer;display:block;font-size:22px;margin-top:-10px;padding:8px 10px 9px;position:absolute;top:50%;z-index:1080;border:none;outline:0}.lg-actions .lg-next.disabled,.lg-actions .lg-prev.disabled{pointer-events:none;opacity:.5}.lg-actions .lg-next:hover,.lg-actions .lg-prev:hover{color:#FFF}.lg-actions .lg-next{right:20px}.lg-actions .lg-next:before{content:"\e095"}.lg-actions .lg-prev{left:20px}.lg-actions .lg-prev:after{content:"\e094"}@-webkit-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-moz-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-ms-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-webkit-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-moz-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-ms-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}.lg-outer.lg-right-end .lg-object{-webkit-animation:lg-right-end .3s;-o-animation:lg-right-end .3s;animation:lg-right-end .3s;position:relative}.lg-outer.lg-left-end .lg-object{-webkit-animation:lg-left-end .3s;-o-animation:lg-left-end .3s;animation:lg-left-end .3s;position:relative}.lg-toolbar{z-index:1082;left:0;position:absolute;top:0;width:100%;background-color:rgba(0,0,0,.45)}.lg-toolbar .lg-icon{color:#999;cursor:pointer;float:right;font-size:24px;height:47px;line-height:27px;padding:10px 0;text-align:center;width:50px;text-decoration:none!important;outline:0;background:0 0;border:none;box-shadow:none;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}.lg-toolbar .lg-icon:hover{color:#FFF}.lg-toolbar .lg-close:after{content:"\e070"}.lg-toolbar .lg-download:after{content:"\e0f2"}.lg-sub-html{background-color:rgba(0,0,0,.45);bottom:0;color:#EEE;font-size:16px;left:0;padding:10px 40px;position:fixed;right:0;text-align:center;z-index:1080}.lg-sub-html h4{margin:0;font-size:13px;font-weight:700}.lg-sub-html p{font-size:12px;margin:5px 0 0}#lg-counter{color:#999;display:inline-block;font-size:16px;padding-left:20px;padding-top:12px;vertical-align:middle}.lg-next,.lg-prev,.lg-toolbar{opacity:1;-webkit-transition:-webkit-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-moz-transition:-moz-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-o-transition:-o-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;transition:transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear}.lg-hide-items .lg-prev{opacity:0;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}.lg-hide-items .lg-next{opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}.lg-hide-items .lg-toolbar{opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0;-webkit-transition:-webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-moz-transition:-moz-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-o-transition:-o-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;transition:transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}.lg-outer .lg-thumb-outer{background-color:#0D0A0A;bottom:0;position:absolute;width:100%;z-index:1080;max-height:350px;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .25s cubic-bezier(0,0,.25,1) 0s;transition:transform .25s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-outer.lg-thumb-open .lg-thumb-outer{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-thumb{padding:10px 0;height:100%;margin-bottom:-5px}.lg-outer .lg-thumb-item{cursor:pointer;float:left;overflow:hidden;height:100%;border:2px solid #FFF;border-radius:4px;margin-bottom:5px}@media (min-width:1025px){.lg-outer .lg-thumb-item{-webkit-transition:border-color .25s ease;-o-transition:border-color .25s ease;transition:border-color .25s ease}}.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover{border-color:#a90707}.lg-outer .lg-thumb-item img{width:100%;height:100%;object-fit:cover}.lg-outer.lg-has-thumb .lg-item{padding-bottom:120px}.lg-outer.lg-can-toggle .lg-item{padding-bottom:0}.lg-outer.lg-pull-caption-up .lg-sub-html{-webkit-transition:bottom .25s ease;-o-transition:bottom .25s ease;transition:bottom .25s ease}.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html{bottom:100px}.lg-outer .lg-toogle-thumb{background-color:#0D0A0A;border-radius:2px 2px 0 0;color:#999;cursor:pointer;font-size:24px;height:39px;line-height:27px;padding:5px 0;position:absolute;right:20px;text-align:center;top:-39px;width:50px;outline:0;border:none}.lg-outer .lg-toogle-thumb:after{content:"\e1ff"}.lg-outer .lg-toogle-thumb:hover{color:#FFF}.lg-outer .lg-video-cont{display:inline-block;vertical-align:middle;max-width:1140px;max-height:100%;width:100%;padding:0 5px}.lg-outer .lg-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}.lg-outer .lg-video .lg-object{display:inline-block;position:absolute;top:0;left:0;width:100%!important;height:100%!important}.lg-outer .lg-video .lg-video-play{width:84px;height:59px;position:absolute;left:50%;top:50%;margin-left:-42px;margin-top:-30px;z-index:1080;cursor:pointer}.lg-outer .lg-has-iframe .lg-video{-webkit-overflow-scrolling:touch;overflow:auto}.lg-outer .lg-has-vimeo .lg-video-play{background:url(/local/templates/pasta/vendor/lightgallery/css/../img/vimeo-play.png) no-repeat}.lg-outer .lg-has-vimeo:hover .lg-video-play{background:url(/local/templates/pasta/vendor/lightgallery/css/../img/vimeo-play.png) 0 -58px no-repeat}.lg-outer .lg-has-html5 .lg-video-play{background:url(/local/templates/pasta/vendor/lightgallery/css/../img/video-play.png) no-repeat;height:64px;margin-left:-32px;margin-top:-32px;width:64px;opacity:.8}.lg-outer .lg-has-html5:hover .lg-video-play{opacity:1}.lg-outer .lg-has-youtube .lg-video-play{background:url(/local/templates/pasta/vendor/lightgallery/css/../img/youtube-play.png) no-repeat}.lg-outer .lg-has-youtube:hover .lg-video-play{background:url(/local/templates/pasta/vendor/lightgallery/css/../img/youtube-play.png) 0 -60px no-repeat}.lg-outer .lg-video-object{width:100%!important;height:100%!important;position:absolute;top:0;left:0}.lg-outer .lg-has-video .lg-video-object{visibility:hidden}.lg-outer .lg-has-video.lg-video-playing .lg-object,.lg-outer .lg-has-video.lg-video-playing .lg-video-play{display:none}.lg-outer .lg-has-video.lg-video-playing .lg-video-object{visibility:visible}.lg-progress-bar{background-color:#333;height:5px;left:0;position:absolute;top:0;width:100%;z-index:1083;opacity:0;-webkit-transition:opacity 80ms ease 0s;-moz-transition:opacity 80ms ease 0s;-o-transition:opacity 80ms ease 0s;transition:opacity 80ms ease 0s}.lg-progress-bar .lg-progress{background-color:#a90707;height:5px;width:0}.lg-progress-bar.lg-start .lg-progress{width:100%}.lg-show-autoplay .lg-progress-bar{opacity:1}.lg-autoplay-button:after{content:"\e01d"}.lg-show-autoplay .lg-autoplay-button:after{content:"\e01a"}.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition-duration:0s;transition-duration:0s}.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s;transition:transform .3s cubic-bezier(0,0,.25,1) 0s}.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-moz-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;transition:transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}#lg-zoom-in:after{content:"\e311"}#lg-actual-size{font-size:20px}#lg-actual-size:after{content:"\e033"}#lg-zoom-out{opacity:.5;pointer-events:none}#lg-zoom-out:after{content:"\e312"}.lg-zoomed #lg-zoom-out{opacity:1;pointer-events:auto}.lg-outer .lg-pager-outer{bottom:60px;left:0;position:absolute;right:0;text-align:center;z-index:1080;height:10px}.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont{overflow:visible}.lg-outer .lg-pager-cont{cursor:pointer;display:inline-block;overflow:hidden;position:relative;vertical-align:top;margin:0 5px}.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-pager-cont.lg-pager-active .lg-pager{box-shadow:0 0 0 2px #fff inset}.lg-outer .lg-pager-thumb-cont{background-color:#fff;color:#FFF;bottom:100%;height:83px;left:0;margin-bottom:20px;margin-left:-60px;opacity:0;padding:5px;position:absolute;width:120px;border-radius:3px;-webkit-transition:opacity .15s ease 0s,-webkit-transform .15s ease 0s;-moz-transition:opacity .15s ease 0s,-moz-transform .15s ease 0s;-o-transition:opacity .15s ease 0s,-o-transform .15s ease 0s;transition:opacity .15s ease 0s,transform .15s ease 0s;-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}.lg-outer .lg-pager-thumb-cont img{width:100%;height:100%}.lg-outer .lg-pager{background-color:rgba(255,255,255,.5);border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,.7) inset;display:block;height:12px;-webkit-transition:box-shadow .3s ease 0s;-o-transition:box-shadow .3s ease 0s;transition:box-shadow .3s ease 0s;width:12px}.lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover{box-shadow:0 0 0 8px #fff inset}.lg-outer .lg-caret{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px dashed;bottom:-10px;display:inline-block;height:0;left:50%;margin-left:-5px;position:absolute;vertical-align:middle;width:0}.lg-fullscreen:after{content:"\e20c"}.lg-fullscreen-on .lg-fullscreen:after{content:"\e20d"}.lg-outer #lg-dropdown-overlay{background-color:rgba(0,0,0,.25);bottom:0;cursor:default;left:0;position:fixed;right:0;top:0;z-index:1081;opacity:0;visibility:hidden;-webkit-transition:visibility 0s linear .18s,opacity .18s linear 0s;-o-transition:visibility 0s linear .18s,opacity .18s linear 0s;transition:visibility 0s linear .18s,opacity .18s linear 0s}.lg-outer.lg-dropdown-active #lg-dropdown-overlay,.lg-outer.lg-dropdown-active .lg-dropdown{-webkit-transition-delay:0s;transition-delay:0s;-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;visibility:visible}.lg-outer.lg-dropdown-active #lg-share{color:#FFF}.lg-outer .lg-dropdown{background-color:#fff;border-radius:2px;font-size:14px;list-style-type:none;margin:0;padding:10px 0;position:absolute;right:0;text-align:left;top:50px;opacity:0;visibility:hidden;-moz-transform:translate3d(0,5px,0);-o-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);-webkit-transition:-webkit-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-moz-transition:-moz-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-o-transition:-o-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;transition:transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s}.lg-outer .lg-dropdown:after{content:"";display:block;height:0;width:0;position:absolute;border:8px solid transparent;border-bottom-color:#FFF;right:16px;top:-16px}.lg-outer .lg-dropdown>li:last-child{margin-bottom:0}.lg-outer .lg-dropdown>li:hover .lg-icon,.lg-outer .lg-dropdown>li:hover a{color:#333}.lg-outer .lg-dropdown a{color:#333;display:block;white-space:pre;padding:4px 12px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px}.lg-outer .lg-dropdown a:hover{background-color:rgba(0,0,0,.07)}.lg-outer .lg-dropdown .lg-dropdown-text{display:inline-block;line-height:1;margin-top:-3px;vertical-align:middle}.lg-outer .lg-dropdown .lg-icon{color:#333;display:inline-block;float:none;font-size:20px;height:auto;line-height:1;margin-right:8px;padding:0;vertical-align:middle;width:auto}.lg-outer,.lg-outer .lg,.lg-outer .lg-inner{height:100%;width:100%}.lg-outer #lg-share{position:relative}.lg-outer #lg-share:after{content:"\e80d"}.lg-outer #lg-share-facebook .lg-icon{color:#3b5998}.lg-outer #lg-share-facebook .lg-icon:after{content:"\e904"}.lg-outer #lg-share-twitter .lg-icon{color:#00aced}.lg-outer #lg-share-twitter .lg-icon:after{content:"\e907"}.lg-outer #lg-share-googleplus .lg-icon{color:#dd4b39}.lg-outer #lg-share-googleplus .lg-icon:after{content:"\e905"}.lg-outer #lg-share-pinterest .lg-icon{color:#cb2027}.lg-outer #lg-share-pinterest .lg-icon:after{content:"\e906"}.lg-outer .lg-img-rotate{position:absolute;padding:0 5px;left:0;right:0;top:0;bottom:0;-webkit-transition:-webkit-transform .3s cubic-bezier(.32,0,.67,0) 0s;-moz-transition:-moz-transform .3s cubic-bezier(.32,0,.67,0) 0s;-o-transition:-o-transform .3s cubic-bezier(.32,0,.67,0) 0s;transition:transform .3s cubic-bezier(.32,0,.67,0) 0s}.lg-rotate-left:after{content:"\e900"}.lg-rotate-right:after{content:"\e901"}.lg-icon.lg-flip-hor,.lg-icon.lg-flip-ver{font-size:26px}.lg-flip-ver:after{content:"\e903"}.lg-flip-hor:after{content:"\e902"}.lg-group:after{content:"";display:table;clear:both}.lg-outer{position:fixed;top:0;left:0;z-index:1050;text-align:left;opacity:0;outline:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lg-outer.lg-visible{opacity:1}.lg-outer.lg-css3 .lg-item.lg-current,.lg-outer.lg-css3 .lg-item.lg-next-slide,.lg-outer.lg-css3 .lg-item.lg-prev-slide{-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide{-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1}.lg-outer.lg-grab img.lg-object{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer.lg-grabbing img.lg-object{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg{position:relative;overflow:hidden;margin-left:auto;margin-right:auto;max-width:100%;max-height:100%}.lg-outer .lg-inner{position:absolute;left:0;top:0;white-space:nowrap}.lg-outer .lg-item{background:url(/local/templates/pasta/vendor/lightgallery/css/../img/loading.gif) center center no-repeat;display:none!important}.lg-outer.lg-css .lg-current,.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide{display:inline-block!important}.lg-outer .lg-img-wrap,.lg-outer .lg-item{display:inline-block;text-align:center;position:absolute;width:100%;height:100%}.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}.lg-outer .lg-img-wrap{position:absolute;padding:0 5px;left:0;right:0;top:0;bottom:0}.lg-outer .lg-item.lg-complete{background-image:none}.lg-outer .lg-item.lg-current{z-index:1060}.lg-outer .lg-image{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;width:auto!important;height:auto!important}.lg-outer.lg-show-after-load .lg-item .lg-object,.lg-outer.lg-show-after-load .lg-item .lg-video-play{opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play{opacity:1}.lg-outer .lg-empty-html,.lg-outer.lg-hide-download #lg-download{display:none}.lg-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1040;background-color:#000;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-backdrop.in{opacity:1}.lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide{-webkit-transition:none 0s ease 0s!important;-moz-transition:none 0s ease 0s!important;-o-transition:none 0s ease 0s!important;transition:none 0s ease 0s!important}.lg-css3.lg-use-css3 .lg-item,.lg-css3.lg-use-left .lg-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-css3.lg-fade .lg-item{opacity:0}.lg-css3.lg-fade .lg-item.lg-current{opacity:1}.lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide{-webkit-transition:opacity .1s ease 0s;-moz-transition:opacity .1s ease 0s;-o-transition:opacity .1s ease 0s;transition:opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-css3 .lg-item{opacity:0}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-left .lg-item{opacity:0;position:absolute;left:0}.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{left:-100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide{left:100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current{left:0;opacity:1}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{-webkit-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}
/* End */


/* Start:/local/templates/pasta/css/helper.css?1733342413302747*/
/* ---------------------------------------------------------------------------------------
* Template Helper CSS
* 
* Template:		Nui - Creative Portfolio Showcase HTML Website Template
* Author:		Themetorium
* URL:			https://themetorium.net/
*
* Secondary Font: 'Syne', sans-serif;
* Main color:  #b12c0d;
*
* You are free to use these extra prepared helper classes to customize your web site.
--------------------------------------------------------------------------------------- */


/* Table of Content
====================
* Global variables
* Various classes
* Hiding classes
* Background image classes
* Font/text classes
* Hover classes
* Width classes
* Height classes
* Center align classes
* Text color classes
* Link style classes
* Link color classes
* Background color classes
* Rounded classes
* Borders classes
* Paddings classes
* Margin classes
* Grid system (similar logic to the Bootstrap framework).
*/


/* ------------------------------------------------------------- *
 * Global variables
/* ------------------------------------------------------------- */

:root {
    --tt-main-color: #b12c0d;
    /* Change the template main color here. */
}


/* ------------------------------------------------------------- *
 * Various classes
/* ------------------------------------------------------------- */


/* clear */

.clear {
    clear: both !important;
    display: block !important;
}

.clear::after {
    content: "";
    display: table;
    clear: both;
}


/* display */

.display-none {
    display: none !important;
}

.block,
.display-block {
    display: block !important;
}

.inline-block,
.display-inline-block {
    display: inline-block !important;
}

.display-flex {
    display: flex !important;
    display: -ms-flexbox !important;
}


/* position */

.position-unset {
    position: unset !important;
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.position-static {
    position: static !important;
}


/* overflow */

.overflow-visible {
    overflow: visible !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.overflow-y-hidden {
    overflow-y: hidden !important;
}

.overflow-x-hidden {
    overflow-x: hidden !important;
}

.overflow-auto {
    overflow: auto !important;
}

.overflow-y-auto {
    overflow-y: auto !important;
}

.overflow-x-auto {
    overflow-x: auto !important;
}

.overflow-scroll {
    overflow: scroll !important;
}

.overflow-y-scroll {
    overflow-y: scroll !important;
}

.overflow-x-scroll {
    overflow-x: scroll !important;
}


/* list styled */

ul.list-styled,
ul.styled-list,
ul.tt-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.tt-list>li {
    margin-bottom: 5px;
}


/* z-index */

.z-index-1 {
    z-index: 1 !important;
}

.z-index-2 {
    z-index: 2 !important;
}

.z-index-3 {
    z-index: 3 !important;
}

.z-index-4 {
    z-index: 4 !important;
}

.z-index-5 {
    z-index: 5 !important;
}

.z-index-6 {
    z-index: 6 !important;
}

.z-index-7 {
    z-index: 7 !important;
}

.z-index-8 {
    z-index: 8 !important;
}

.z-index-9 {
    z-index: 9 !important;
}

.z-index-full {
    z-index: 99999 !important;
}


/* ----------------------------------------------------------------------------------- *
 * Cover classes (used as image overlay)
 * Note: parent element must contain "position: relative;" or "position: absolute;"
/* ----------------------------------------------------------------------------------- */


/* Cover 
========= */

.tt-cover:before {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
}


/* Cover opasity
================= */

[class*="cover-opacity-"]::before {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #0f0210bf;
    z-index: 1;
    opacity: 0;
}

.cover-opacity-0::before {
    opacity: 0;
}

.cover-opacity-0-5::before {
    opacity: .05;
}

.cover-opacity-1::before {
    opacity: .1;
}

.cover-opacity-1-5::before {
    opacity: .15;
}

.cover-opacity-2::before {
    opacity: .5;
}

.cover-opacity-2-5::before {
    opacity: .25;
}

.cover-opacity-3::before {
    opacity: .3;
}

.cover-opacity-3-5::before {
    opacity: .35;
}

.cover-opacity-4::before {
    opacity: 0.7;
}

.cover-opacity-4-5::before {
    opacity: .45;
}

.cover-opacity-5::before {
    opacity: .5;
}

.cover-opacity-5-5::before {
    opacity: .55;
}

.cover-opacity-6::before {
    opacity: .6;
}

.cover-opacity-6-5::before {
    opacity: .65;
}

.cover-opacity-7::before {
    opacity: .7;
}

.cover-opacity-7-5::before {
    opacity: .75;
}

.cover-opacity-8::before {
    opacity: .8;
}

.cover-opacity-8-5::before {
    opacity: .85;
}

.cover-opacity-9::before {
    opacity: .9;
}

.cover-opacity-9-5::before {
    opacity: .95;
}


/* ------------------------------------------------------------- *
 * Hiding classes
/* ------------------------------------------------------------- */

.hide {
    display: none !important;
}


/* Hiding via media query breakpoints */

@media (max-width: 1024px) {
    .hide-from-lg {
        display: none !important;
    }
}

@media (max-width: 991px) {
    .hide-from-md {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .hide-from-sm {
        display: none !important;
    }
}

@media (max-width: 479px) {
    .hide-from-xs {
        display: none !important;
    }
}

@media (min-width: 1025px) {
    .hide-to-lg {
        display: none !important;
    }
}

@media (min-width: 992px) {
    .hide-to-md {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .hide-to-sm {
        display: none !important;
    }
}

@media (min-width: 480px) {
    .hide-to-xs {
        display: none !important;
    }
}


/* Hiding from mobile device */

body.is-mobile .hide-from-mobile {
    display: none !important;
}


/* Hiding if not mobile device */

body:not(.is-mobile) .hide-to-mobile {
    display: none !important;
}


/* ------------------------------------------------------------- *
 * Background image classes
/* ------------------------------------------------------------- */

.no-bg-image {
    background: none !important;
}

.bg-image {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    background-size: cover;
}

.bg-image-fixed {
    background-attachment: fixed;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    background-size: cover;
    transform: none !important;
    /* transform not work well with background-attachment: fixed; */
}

.bg-image-pattern {
    background-repeat: repeat !important;
    -webkit-background-size: inherit !important;
    background-size: inherit !important;
}


/* ------------------------------------------------------------- *
 * Font/text classes
/* ------------------------------------------------------------- */


/* font alter */

.font-alter {
    font-family: 'Syne', sans-serif !important;
}


/* font styles */

.font-italic,
.italic {
    font-style: italic !important;
}


/* font weight */

.font-normal {
    font-weight: normal !important;
    font-style: normal !important;
}

.font-bold,
.font-strong,
.bold {
    font-weight: bold !important;
}

.font-100 {
    font-weight: 100 !important;
}

.font-200 {
    font-weight: 200 !important;
}

.font-300 {
    font-weight: 300 !important;
}

.font-400 {
    font-weight: 400 !important;
}

.font-500 {
    font-weight: 500 !important;
}

.font-600 {
    font-weight: 600 !important;
}

.font-700 {
    font-weight: 700 !important;
}

.font-800 {
    font-weight: 800 !important;
}

.font-900 {
    font-weight: 900 !important;
}


/* text sizes */

.text-lg {
    font-size: calc(100% + 0.2vw) !important;
}

.text-lg p,
p.text-lg {
    margin-bottom: 30px !important;
}

.text-xlg {
    font-size: calc(100% + 0.4vw) !important;
}

.text-xlg p,
p.text-xlg {
    margin-bottom: 3.5% !important;
}

.text-xxlg {
    font-size: calc(100% + 0.7vw) !important;
}

.text-xxlg p,
p.text-xxlg {
    margin-bottom: 3.5% !important;
}

.text-xxxlg {
    font-size: calc(100% + 1vw) !important;
}

.text-xxxlg p,
p.text-xxxlg {
    margin-bottom: 4.5% !important;
}


/* letter spacing */

.letter-spacing-0 {
    letter-spacing: 0 !important;
}

.letter-spacing-1 {
    letter-spacing: 1px !important;
}

.letter-spacing-2 {
    letter-spacing: 2px !important;
}

.letter-spacing-3 {
    letter-spacing: 3px !important;
}

.letter-spacing-4 {
    letter-spacing: 4px !important;
}

.letter-spacing-5 {
    letter-spacing: 5px !important;
}

.letter-spacing-6 {
    letter-spacing: 6px !important;
}

.letter-spacing-7 {
    letter-spacing: 7px !important;
}

.letter-spacing-8 {
    letter-spacing: 8px !important;
}

.letter-spacing-9 {
    letter-spacing: 9px !important;
}

.letter-spacing-10 {
    letter-spacing: 10px !important;
}

.letter-spacing-11 {
    letter-spacing: 11px !important;
}

.letter-spacing-12 {
    letter-spacing: 12px !important;
}

.letter-spacing-13 {
    letter-spacing: 13px !important;
}

.letter-spacing-14 {
    letter-spacing: 14px !important;
}

.letter-spacing-15 {
    letter-spacing: 15px !important;
}


/* text normal */

.text-normal {
    text-transform: none !important;
    letter-spacing: 0 !important;
}


/* text aligns */

.text-align-unset {
    text-align: unset !important;
}

.text-center {
    text-align: center !important;
}

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

.text-right {
    text-align: right !important;
}


/* text aligns via breakpoints */

@media (max-width: 1024px) {
    .text-center-from-xlg {
        text-align: center !important;
    }
    .text-left-from-xlg {
        text-align: left !important;
    }
    .text-right-from-xlg {
        text-align: right !important;
    }
}

@media (max-width: 991px) {
    .text-center-from-lg {
        text-align: center !important;
    }
    .text-left-from-lg {
        text-align: left !important;
    }
    .text-right-from-lg {
        text-align: right !important;
    }
}

@media (max-width: 767px) {
    .text-center-from-md {
        text-align: center !important;
    }
    .text-left-from-md {
        text-align: left !important;
    }
    .text-right-from-md {
        text-align: right !important;
    }
}

@media (max-width: 479px) {
    .text-center-from-sm {
        text-align: center !important;
    }
    .text-left-from-sm {
        text-align: left !important;
    }
    .text-right-from-sm {
        text-align: right !important;
    }
}

@media (min-width: 1025px) {
    .text-center-to-xlg {
        text-align: center !important;
    }
    .text-left-to-xlg {
        text-align: left !important;
    }
    .text-right-to-xlg {
        text-align: right !important;
    }
}

@media (min-width: 992px) {
    .text-center-to-lg {
        text-align: center !important;
    }
    .text-left-to-lg {
        text-align: left !important;
    }
    .text-right-to-lg {
        text-align: right !important;
    }
}

@media (min-width: 768px) {
    .text-center-to-md {
        text-align: center !important;
    }
    .text-left-to-md {
        text-align: left !important;
    }
    .text-right-to-md {
        text-align: right !important;
    }
}

@media (min-width: 480px) {
    .text-center-to-sm {
        text-align: center !important;
    }
    .text-left-to-sm {
        text-align: left !important;
    }
    .text-right-to-sm {
        text-align: right !important;
    }
}


/* text transform */

.text-uppercase {
    text-transform: uppercase !important;
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.text-no-transform {
    text-transform: none !important;
}


/* text stroke */

.text-stroke-dark {
    font-weight: bold;
    font-weight: 700;
    color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #111;
    -webkit-text-fill-color: transparent;
}

.text-stroke-light {
    font-weight: bold;
    font-weight: 700;
    color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #FFF;
    -webkit-text-fill-color: transparent;
}


/* ------------------------------------------------------------- *
 * Hover classes
/* ------------------------------------------------------------- */


/* hover opacity */

.hover-opacity {
    transition: all .2s ease-in-out !important;
}

.hover-opacity:hover {
    opacity: 0.8 !important;
}


/* hover zoom */

.hover-zoom {
    transition: all .3s ease-in-out !important;
}

.hover-zoom:hover {
    transform: scale(1.05);
}


/* hover hop */

.hover-hop {
    transition: all .3s ease-in-out !important;
}

.hover-hop:hover {
    transform: translateY(-10px) !important;
}


/* hover shadow */

.hover-shadow {
    transition: all .3s ease-in-out !important;
}

.hover-shadow:hover {
    box-shadow: 0 24px 20px -20px rgba(0, 0, 0, 0.6);
}


/* ------------------------------------------------------------- *
 * Width classes
/* ------------------------------------------------------------- */


/* Width auto */

.width-auto {
    width: auto !important;
}


/* Full width */

.full-width {
    width: 100% !important;
}


/* Minimum width classes */

.min-width {
    min-width: 100% !important;
}

.min-width-100 {
    min-width: 100px !important;
}

.min-width-150 {
    min-width: 150px !important;
}

.min-width-200 {
    min-width: 200px !important;
}

.min-width-250 {
    min-width: 250px !important;
}

.min-width-300 {
    min-width: 300px !important;
}

.min-width-350 {
    min-width: 350px !important;
}

.min-width-400 {
    min-width: 400px !important;
}

.min-width-450 {
    min-width: 450px !important;
}

.min-width-500 {
    min-width: 500px !important;
}

.min-width-550 {
    min-width: 550px !important;
}

.min-width-600 {
    min-width: 600px !important;
}

.min-width-650 {
    min-width: 650px !important;
}

.min-width-700 {
    min-width: 700px !important;
}

.min-width-750 {
    min-width: 750px !important;
}

.min-width-800 {
    min-width: 800px !important;
}

.min-width-850 {
    min-width: 850px !important;
}

.min-width-900 {
    min-width: 900px !important;
}

.min-width-950 {
    min-width: 950px !important;
}

.min-width-1000 {
    min-width: 1000px !important;
}

.min-width-1050 {
    min-width: 1050px !important;
}

.min-width-1150 {
    min-width: 1150px !important;
}

.min-width-1100 {
    min-width: 1100px !important;
}

.min-width-1150 {
    min-width: 1150px !important;
}

.min-width-1170 {
    min-width: 1170px !important;
}

.min-width-1200 {
    min-width: 1200px !important;
}

.min-width-1250 {
    min-width: 1250px !important;
}

.min-width-1300 {
    min-width: 1300px !important;
}

.min-width-1350 {
    min-width: 1350px !important;
}

.min-width-1400 {
    min-width: 1400px !important;
}

.min-width-1450 {
    min-width: 1450px !important;
}

.min-width-1500 {
    min-width: 1500px !important;
}

.min-width-1550 {
    min-width: 1550px !important;
}

.min-width-1600 {
    min-width: 1600px !important;
}


/* Maximum width classes */

.max-width {
    max-width: 100% !important;
}

.max-width-100 {
    max-width: 100px !important;
}

.max-width-150 {
    max-width: 150px !important;
}

.max-width-200 {
    max-width: 200px !important;
}

.max-width-250 {
    max-width: 250px !important;
}

.max-width-300 {
    max-width: 300px !important;
}

.max-width-350 {
    max-width: 350px !important;
}

.max-width-400 {
    max-width: 400px !important;
}

.max-width-450 {
    max-width: 450px !important;
}

.max-width-500 {
    max-width: 500px !important;
}

.max-width-550 {
    max-width: 550px !important;
}

.max-width-600 {
    max-width: 600px !important;
}

.max-width-650 {
    max-width: 650px !important;
}

.max-width-700 {
    max-width: 700px !important;
}

.max-width-750 {
    max-width: 750px !important;
}

.max-width-800 {
    max-width: 800px !important;
}

.max-width-850 {
    max-width: 850px !important;
}

.max-width-900 {
    max-width: 900px !important;
}

.max-width-950 {
    max-width: 950px !important;
}

.max-width-1000 {
    max-width: 1000px !important;
}

.max-width-1050 {
    max-width: 1050px !important;
}

.max-width-1150 {
    max-width: 1150px !important;
}

.max-width-1100 {
    max-width: 1100px !important;
}

.max-width-1150 {
    max-width: 1150px !important;
}

.max-width-1170 {
    max-width: 1170px !important;
}

.max-width-1200 {
    max-width: 1200px !important;
}

.max-width-1250 {
    max-width: 1250px !important;
}

.max-width-1300 {
    max-width: 1300px !important;
}

.max-width-1350 {
    max-width: 1350px !important;
}

.max-width-1400 {
    max-width: 1400px !important;
}

.max-width-1450 {
    max-width: 1450px !important;
}

.max-width-1500 {
    max-width: 1500px !important;
}

.max-width-1550 {
    max-width: 1550px !important;
}

.max-width-1600 {
    max-width: 1600px !important;
}

.max-width-1650 {
    max-width: 1650px !important;
}

.max-width-1700 {
    max-width: 1700px !important;
}

.max-width-1750 {
    max-width: 1750px !important;
}

.max-width-1800 {
    max-width: 1800px !important;
}

.max-width-1850 {
    max-width: 1850px !important;
}

.max-width-1900 {
    max-width: 1900px !important;
}

.max-width-1950 {
    max-width: 1950px !important;
}

.max-width-2000 {
    max-width: 2000px !important;
}

.max-width-2050 {
    max-width: 2050px !important;
}

.max-width-2100 {
    max-width: 2100px !important;
}

.max-width-2150 {
    max-width: 2150px !important;
}

.max-width-2200 {
    max-width: 2200px !important;
}

.max-width-2250 {
    max-width: 2250px !important;
}

.max-width-2300 {
    max-width: 2300px !important;
}

.max-width-2350 {
    max-width: 2350px !important;
}

.max-width-2400 {
    max-width: 2400px !important;
}

.max-width-2450 {
    max-width: 2450px !important;
}

.max-width-2500 {
    max-width: 2500px !important;
}

.max-width-2550 {
    max-width: 2550px !important;
}

.max-width-2600 {
    max-width: 2600px !important;
}

.max-width-2650 {
    max-width: 2650px !important;
}

.max-width-2700 {
    max-width: 2700px !important;
}

.max-width-2750 {
    max-width: 2750px !important;
}

.max-width-2800 {
    max-width: 2800px !important;
}

.max-width-2850 {
    max-width: 2850px !important;
}

.max-width-2900 {
    max-width: 2900px !important;
}

.max-width-2950 {
    max-width: 2950px !important;
}

.max-width-3000 {
    max-width: 3000px !important;
}


/* ------------------------------------------------------------- *
 * Height classes
/* ------------------------------------------------------------- */

.full-height {
    height: 100% !important;
}


/* full height (vh) on desktop only */

@media (min-width: 1025px) {
    .full-height-vh {
        height: 100vh;
        min-height: 100vh;
    }
    body.header-fixed-top-on .full-height-vh {
        height: calc(100vh - 80px);
        /* minus same as header height */
        min-height: calc(100vh - 80px);
        /* minus same as header height */
    }
}


/* full height (vh) on small screens only */

@media (max-width: 1024px) {
    .full-height-vh-m {
        height: calc(100vh - 64px);
        /* minus same as mobile header height */
        min-height: calc(100vh - 64px);
        /* minus same as mobile header height */
    }
    body.header-show-hide-on-scroll-on.page-header-on .full-height-vh-m {
        height: 100vh;
        min-height: 100vh;
    }
}


/* height classes (vh) */

.height-vh-5 {
    height: 5vh !important;
    min-height: 5vh !important;
}

.height-vh-10 {
    height: 10vh !important;
    min-height: 10vh !important;
}

.height-vh-15 {
    height: 15vh !important;
    min-height: 15vh !important;
}

.height-vh-20 {
    height: 20vh !important;
    min-height: 20vh !important;
}

.height-vh-25 {
    height: 25vh !important;
    min-height: 25vh !important;
}

.height-vh-30 {
    height: 30vh !important;
    min-height: 30vh !important;
}

.height-vh-35 {
    height: 35vh !important;
    min-height: 35vh !important;
}

.height-vh-40 {
    height: 40vh !important;
    min-height: 40vh !important;
}

.height-vh-45 {
    height: 45vh !important;
    min-height: 45vh !important;
}

.height-vh-50 {
    height: 50vh !important;
    min-height: 50vh !important;
}

.height-vh-55 {
    height: 55vh !important;
    min-height: 55vh !important;
}

.height-vh-60 {
    height: 60vh !important;
    min-height: 60vh !important;
}

.height-vh-65 {
    height: 65vh !important;
    min-height: 65vh !important;
}

.height-vh-70 {
    height: 70vh !important;
    min-height: 70vh !important;
}

.height-vh-75 {
    height: 75vh !important;
    min-height: 75vh !important;
}

.height-vh-80 {
    height: 80vh !important;
    min-height: 80vh !important;
}

.height-vh-85 {
    height: 85vh !important;
    min-height: 85vh !important;
}

.height-vh-90 {
    height: 90vh !important;
    min-height: 90vh !important;
}

.height-vh-95 {
    height: 95vh !important;
    min-height: 95vh !important;
}


/* height classes */

.height-10 {
    height: 20px;
}

.height-20 {
    height: 20px;
}

.height-30 {
    height: 30px;
}

.height-40 {
    height: 40px;
}

.height-50 {
    height: 50px;
}

.height-60 {
    height: 60px;
}

.height-70 {
    height: 70px;
}

.height-80 {
    height: 80px;
}

.height-90 {
    height: 90px;
}

.height-100 {
    height: 100px;
}

.height-110 {
    height: 110px;
}

.height-120 {
    height: 120px;
}

.height-130 {
    height: 130px;
}

.height-140 {
    height: 140px;
}

.height-150 {
    height: 150px;
}

.height-160 {
    height: 160px;
}

.height-170 {
    height: 170px;
}

.height-180 {
    height: 180px;
}

.height-190 {
    height: 190px;
}

.height-200 {
    height: 200px;
}


/* minimum height classes */

.min-height-50 {
    min-height: 50px !important;
}

.min-height-100 {
    min-height: 100px !important;
}

.min-height-150 {
    min-height: 150px !important;
}

.min-height-200 {
    min-height: 200px !important;
}

.min-height-250 {
    min-height: 250px !important;
}

.min-height-300 {
    min-height: 300px !important;
}

.min-height-350 {
    min-height: 350px !important;
}

.min-height-400 {
    min-height: 400px !important;
}

.min-height-450 {
    min-height: 450px !important;
}

.min-height-500 {
    min-height: 500px !important;
}

.min-height-550 {
    min-height: 550px !important;
}

.min-height-600 {
    min-height: 600px !important;
}

.min-height-650 {
    min-height: 650px !important;
}

.min-height-700 {
    min-height: 700px !important;
}

.min-height-750 {
    min-height: 750px !important;
}

.min-height-800 {
    min-height: 800px !important;
}

.min-height-850 {
    min-height: 850px !important;
}

.min-height-900 {
    min-height: 900px !important;
}

.min-height-1000 {
    min-height: 1000px !important;
}


/* maximum height classes */

.max-height-50 {
    max-height: 50px !important;
}

.max-height-100 {
    max-height: 100px !important;
}

.max-height-150 {
    max-height: 150px !important;
}

.max-height-200 {
    max-height: 200px !important;
}

.max-height-250 {
    max-height: 250px !important;
}

.max-height-300 {
    max-height: 300px !important;
}

.max-height-350 {
    max-height: 350px !important;
}

.max-height-400 {
    max-height: 400px !important;
}

.max-height-450 {
    max-height: 450px !important;
}

.max-height-500 {
    max-height: 500px !important;
}

.max-height-550 {
    max-height: 550px !important;
}

.max-height-600 {
    max-height: 600px !important;
}

.max-height-650 {
    max-height: 650px !important;
}

.max-height-700 {
    max-height: 700px !important;
}

.max-height-750 {
    max-height: 750px !important;
}

.max-height-800 {
    max-height: 800px !important;
}

.max-height-850 {
    max-height: 850px !important;
}

.max-height-900 {
    max-height: 900px !important;
}

.max-height-1000 {
    max-height: 1000px !important;
}


/* padding height classes */

.padding-height-5 {
    padding-bottom: 5% !important;
}

.padding-height-10 {
    padding-bottom: 10% !important;
}

.padding-height-15 {
    padding-bottom: 15% !important;
}

.padding-height-20 {
    padding-bottom: 20% !important;
}

.padding-height-25 {
    padding-bottom: 25% !important;
}

.padding-height-30 {
    padding-bottom: 30% !important;
}

.padding-height-35 {
    padding-bottom: 35% !important;
}

.padding-height-40 {
    padding-bottom: 40% !important;
}

.padding-height-45 {
    padding-bottom: 45% !important;
}

.padding-height-50 {
    padding-bottom: 50% !important;
}

.padding-height-55 {
    padding-bottom: 55% !important;
}

.padding-height-60 {
    padding-bottom: 60% !important;
}

.padding-height-65 {
    padding-bottom: 65% !important;
}

.padding-height-70 {
    padding-bottom: 70% !important;
}

.padding-height-75 {
    padding-bottom: 75% !important;
}

.padding-height-80 {
    padding-bottom: 80% !important;
}

.padding-height-85 {
    padding-bottom: 85% !important;
}

.padding-height-90 {
    padding-bottom: 90% !important;
}

.padding-height-95 {
    padding-bottom: 95% !important;
}

.padding-height-100 {
    padding-bottom: 100% !important;
}

.padding-height-105 {
    padding-bottom: 105% !important;
}

.padding-height-110 {
    padding-bottom: 110% !important;
}

.padding-height-115 {
    padding-bottom: 115% !important;
}

.padding-height-120 {
    padding-bottom: 120% !important;
}

.padding-height-125 {
    padding-bottom: 125% !important;
}

.padding-height-130 {
    padding-bottom: 130% !important;
}

.padding-height-135 {
    padding-bottom: 135% !important;
}

.padding-height-140 {
    padding-bottom: 140% !important;
}

.padding-height-145 {
    padding-bottom: 145% !important;
}

.padding-height-150 {
    padding-bottom: 150% !important;
}


/* -------------------------------------------------------------------------- *
 * Center align classes (parent element must contain "position: relative;")
/* -------------------------------------------------------------------------- */

.align-center {
    position: absolute !important;
    top: 50% !important;
    bottom: auto !important;
    left: 50% !important;
    right: auto !important;
    transform: translate(-50%, -50%) !important;
}

.vertical-align-center {
    position: absolute !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
}

.horisontal-align-center {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
}


/* ------------------------------------------------------------- *
 * Text color classes
/* ------------------------------------------------------------- */

.text-main,
.text-primary {
    color: var(--tt-main-color) !important;
    /* Template main color */
}

a.text-primary:focus,
a.text-primary:hover {
    color: var(--tt-main-color)!important;
    opacity: .8 !important;
}

.text-secondary {
    color: #6c757d !important;
}

.text-white {
    color: #FFF !important;
}

.text-gray {
    color: #b9b9b9 !important;
}

.text-gray-2 {
    color: #CCC !important;
}

.text-gray-3 {
    color: #DDD !important;
}

.text-dark {
    color: #272727 !important;
}

.text-dark-2 {
    color: #444 !important;
}

.text-dark-3 {
    color: #666 !important;
}

.text-green {
    color: #0BC35B !important;
}

.text-blue {
    color: #3042B3 !important;
}

.text-yellow {
    color: #FFE800 !important;
}

.text-red {
    color: #FD2B2B !important;
}

.text-brown {
    color: #a56e00 !important;
}

.text-purple {
    color: #ac0af3 !important;
}

.text-pink {
    color: #F12765 !important;
}

.text-muted {
    color: #888 !important;
}


/* ------------------------------------------------------------- *
 * Link style classes
/* ------------------------------------------------------------- */


/* Link style 1 */

a.tt-link {
    background-repeat: no-repeat;
    background-image: -o-linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    background-image: -ms-linear-gradient(transparent 100%, currentColor 1px);
    transition: 0.6s cubic-bezier(.215, .61, .355, 1) !important;
    background-size: 0 100%;
    border: none;
    opacity: 1;
}

a.tt-link:hover,
a.tt-link:focus {
    background-size: 100% 100%;
    opacity: 1;
}


/* Link style 2 */

a.tt-link-2 {
    color: currentColor;
    opacity: 1;
    border-bottom: 1px solid;
}

a.tt-link-2:hover,
a.tt-link-2:focus {
    color: currentColor;
    opacity: .6;
}


/* ------------------------------------------------------------- *
 * Link color classes
/* ------------------------------------------------------------- */

a.link-main {
    color: var(--tt-main-color) !important;
}


/* Template main color */

a.link-white {
    color: #FFF !important;
}

a.link-gray {
    color: #888 !important;
}

a.link-gray-2 {
    color: #CCC !important;
}

a.link-gray-3 {
    color: #DDD !important;
}

a.link-dark {
    color: #272727 !important;
}

a.link-dark-2 {
    color: #444 !important;
}

a.link-dark-3 {
    color: #666 !important;
}

a.link-green {
    color: #0BC35B !important;
}

a.link-blue {
    color: #3042B3 !important;
}

a.link-yellow {
    color: #FFE800 !important;
}

a.link-red {
    color: #FD2B2B !important;
}

a.link-brown {
    color: #a56e00 !important;
}

a.link-purple {
    color: #ac0af3 !important;
}

a.link-pink {
    color: #F12765 !important;
}

a.link-main:hover,
a.link-white:hover,
a.link-gray:hover,
a.link-gray-2:hover,
a.link-gray-3:hover,
a.link-dark:hover,
a.link-dark-2:hover,
a.link-dark-3:hover,
a.link-green:hover,
a.link-blue:hover,
a.link-yellow:hover,
a.link-red:hover,
a.link-brown:hover,
a.link-purple:hover,
a.link-pink:hover {
    opacity: .8 !important;
}


/* ------------------------------------------------------------- *
 * Background color classes
/* ------------------------------------------------------------- */

.bg-main,
.bg-primary {
    background-color: var(--tt-main-color) !important;
}


/* Template main color */

.bg-secondary {
    background-color: #6c757d !important;
}


/* bg white */

.bg-white {
    background-color: #FFF !important;
}

.bg-white-accent-1 {
    background-color: rgb(255 255 255 / 1%) !important;
}

.bg-white-accent-2 {
    background-color: rgb(255 255 255 / 2%) !important;
}

.bg-white-accent-3 {
    background-color: rgb(255 255 255 / 3%) !important;
}

.bg-white-accent-4 {
    background-color: rgb(255 255 255 / 4%) !important;
}

.bg-white-accent-5 {
    background-color: rgb(255 255 255 / 5%) !important;
}

.bg-white-accent-6 {
    background-color: rgb(255 255 255 / 6%) !important;
}

.bg-white-accent-7 {
    background-color: rgb(255 255 255 / 7%) !important;
}

.bg-white-accent-8 {
    background-color: rgb(255 255 255 / 8%) !important;
}

.bg-white-accent-9 {
    background-color: rgb(255 255 255 / 9%) !important;
}

.bg-white-accent-10 {
    background-color: rgb(255 255 255 / 10%) !important;
}


/* bg dark */

.bg-black {
    background-color: #000 !important;
}

.bg-dark {
    background-color: #111 !important;
}

.bg-dark-2 {
    background-color: #181818 !important;
}

.bg-dark-3 {
    background-color: #282828 !important;
}

.bg-dark-4 {
    background-color: #383838 !important;
}

.bg-dark-accent-1 {
    background-color: rgb(0 0 0 / 1%) !important;
}

.bg-dark-accent-2 {
    background-color: rgb(0 0 0 / 2%) !important;
}

.bg-dark-accent-3 {
    background-color: rgb(0 0 0 / 3%) !important;
}

.bg-dark-accent-4 {
    background-color: rgb(0 0 0 / 4%) !important;
}

.bg-dark-accent-5 {
    background-color: rgb(0 0 0 / 5%) !important;
}

.bg-dark-accent-6 {
    background-color: rgb(0 0 0 / 6%) !important;
}

.bg-dark-accent-7 {
    background-color: rgb(0 0 0 / 7%) !important;
}

.bg-dark-accent-8 {
    background-color: rgb(0 0 0 / 8%) !important;
}

.bg-dark-accent-9 {
    background-color: rgb(0 0 0 / 9%) !important;
}

.bg-dark-accent-10 {
    background-color: rgb(0 0 0 / 10%) !important;
}


/* bg gray */

.bg-gray {
    background-color: #dadbdc !important;
}

.bg-gray-2 {
    background-color: #eaeaea !important;
}

.bg-gray-3 {
    background-color: #f3f3f3 !important;
}


/* bg green */

.bg-green {
    background-color: #00ef68 !important;
}

.bg-green-2 {
    background-color: #91f8be !important;
}

.bg-green-3 {
    background-color: #e3f5eb !important;
}


/* bg blue */

.bg-blue {
    background-color: #3042B3 !important;
}

.bg-blue-2 {
    background-color: #becfe7 !important;
}

.bg-blue-3 {
    background-color: #e4e6f5 !important;
}


/* bg yellow */

.bg-yellow {
    background-color: #FFE800 !important;
}

.bg-yellow-2 {
    background-color: #fff69e !important;
}

.bg-yellow-3 {
    background-color: #f9f8e5 !important;
}


/* bg red */

.bg-red {
    background-color: #FD2B2B !important;
}

.bg-red-2 {
    background-color: #fd6666 !important;
}

.bg-red-3 {
    background-color: #ffe0e0 !important;
}


/* bg brown */

.bg-brown {
    background-color: #291d02 !important;
}

.bg-brown-2 {
    background-color: #5d481a !important;
}

.bg-brown-3 {
    background-color: #e4ba5c !important;
}


/* bg purple */

.bg-purple {
    background-color: #a900f3 !important;
}

.bg-purple-2 {
    background-color: #c359f2 !important;
}

.bg-purple-3 {
    background-color: #f0d1fe !important;
}


/* bg pink */

.bg-pink {
    background-color: #F12765 !important;
}

.bg-pink-2 {
    background-color: #f6749c !important;
}

.bg-pink-3 {
    background-color: #feebf1 !important;
}


/* ------------------------------------------------------------- *
 * Rounded classes
/* ------------------------------------------------------------- */

.no-rounded,
.no-radius {
    border-radius: 0 !important;
}

.rounded {
    border-radius: 3px !important;
}

.rounded-2x {
    border-radius: 6px !important;
}

.rounded-3x {
    border-radius: 12px !important;
}

.rounded-4x {
    border-radius: 20px !important;
}

.rounded-5x {
    border-radius: 40px !important;
}

.rounded-full {
    border-radius: 50% !important;
}


/* ------------------------------------------------------------- *
 * Borders classes
/* ------------------------------------------------------------- */

.border {
    border: 1px solid rgb(132 132 132 / 33%) !important;
}

.border-top {
    border-top: 1px solid rgb(132 132 132 / 33%) !important;
}

.border-bottom {
    border-bottom: 1px solid rgb(132 132 132 / 33%) !important;
}

.border-left {
    border-left: 1px solid rgb(132 132 132 / 33%) !important;
}

.border-right {
    border-right: 1px solid rgb(132 132 132 / 33%) !important;
}


/* no border classes */

.no-border {
    border: none !important;
}

.no-border-top {
    border-top: none !important;
}

.no-border-bottom {
    border-bottom: none !important;
}

.no-border-left {
    border-left: none !important;
}

.no-border-right {
    border-right: none !important;
}


/* border width classes */

.border-width-1 {
    border-width: 1px !important;
}

.border-width-2 {
    border-width: 2px !important;
}

.border-width-3 {
    border-width: 3px !important;
}

.border-width-4 {
    border-width: 4px !important;
}

.border-width-5 {
    border-width: 5px !important;
}

.border-width-6 {
    border-width: 6px !important;
}

.border-width-7 {
    border-width: 7px !important;
}

.border-width-8 {
    border-width: 8px !important;
}

.border-width-9 {
    border-width: 9px !important;
}

.border-width-10 {
    border-width: 10px !important;
}

.border-top-width-1 {
    border-top-width: 1px !important;
}

.border-top-width-2 {
    border-top-width: 2px !important;
}

.border-top-width-3 {
    border-top-width: 3px !important;
}

.border-top-width-4 {
    border-top-width: 4px !important;
}

.border-top-width-5 {
    border-top-width: 5px !important;
}

.border-top-width-6 {
    border-top-width: 6px !important;
}

.border-top-width-7 {
    border-top-width: 7px !important;
}

.border-top-width-8 {
    border-top-width: 8px !important;
}

.border-top-width-9 {
    border-top-width: 9px !important;
}

.border-top-width-10 {
    border-top-width: 10px !important;
}

.border-bottom-width-1 {
    border-bottom-width: 1px !important;
}

.border-bottom-width-2 {
    border-bottom-width: 2px !important;
}

.border-bottom-width-3 {
    border-bottom-width: 3px !important;
}

.border-bottom-width-4 {
    border-bottom-width: 4px !important;
}

.border-bottom-width-5 {
    border-bottom-width: 5px !important;
}

.border-bottom-width-6 {
    border-bottom-width: 6px !important;
}

.border-bottom-width-7 {
    border-bottom-width: 7px !important;
}

.border-bottom-width-8 {
    border-bottom-width: 8px !important;
}

.border-bottom-width-9 {
    border-bottom-width: 9px !important;
}

.border-bottom-width-10 {
    border-bottom-width: 10px !important;
}

.border-left-width-1 {
    border-left-width: 1px !important;
}

.border-left-width-2 {
    border-left-width: 2px !important;
}

.border-left-width-3 {
    border-left-width: 3px !important;
}

.border-left-width-4 {
    border-left-width: 4px !important;
}

.border-left-width-5 {
    border-left-width: 5px !important;
}

.border-left-width-6 {
    border-left-width: 6px !important;
}

.border-left-width-7 {
    border-left-width: 7px !important;
}

.border-left-width-8 {
    border-left-width: 8px !important;
}

.border-left-width-9 {
    border-left-width: 9px !important;
}

.border-left-width-10 {
    border-left-width: 10px !important;
}

.border-right-width-1 {
    border-right-width: 1px !important;
}

.border-right-width-2 {
    border-right-width: 2px !important;
}

.border-right-width-3 {
    border-right-width: 3px !important;
}

.border-right-width-4 {
    border-right-width: 4px !important;
}

.border-right-width-5 {
    border-right-width: 5px !important;
}

.border-right-width-6 {
    border-right-width: 6px !important;
}

.border-right-width-7 {
    border-right-width: 7px !important;
}

.border-right-width-8 {
    border-right-width: 8px !important;
}

.border-right-width-9 {
    border-right-width: 9px !important;
}

.border-right-width-10 {
    border-right-width: 10px !important;
}


/* border style classes */

.border-solid {
    border-style: solid !important;
}

.border-top-solid {
    border-top-style: solid !important;
}

.border-bottom-solid {
    border-bottom-style: solid !important;
}

.border-left-solid {
    border-left-style: solid !important;
}

.border-right-solid {
    border-right-style: solid !important;
}

.border-dashed {
    border-style: dashed !important;
}

.border-top-dashed {
    border-top-style: dashed !important;
}

.border-bottom-dashed {
    border-bottom-style: dashed !important;
}

.border-left-dashed {
    border-left-style: dashed !important;
}

.border-right-dashed {
    border-right-style: dashed !important;
}

.border-dotted {
    border-style: dotted !important;
}

.border-top-dotted {
    border-top-style: dotted !important;
}

.border-bottom-dotted {
    border-bottom-style: dotted !important;
}

.border-left-dotted {
    border-left-style: dotted !important;
}

.border-right-dotted {
    border-right-style: dotted !important;
}

.border-double {
    border-style: double !important;
}

.border-top-double {
    border-top-style: double !important;
}

.border-bottom-double {
    border-bottom-style: double !important;
}

.border-left-double {
    border-left-style: double !important;
}

.border-right-double {
    border-right-style: double !important;
}

.border-groove {
    border-style: groove !important;
}

.border-top-groove {
    border-top-style: groove !important;
}

.border-bottom-groove {
    border-bottom-style: groove !important;
}

.border-left-groove {
    border-left-style: groove !important;
}

.border-right-groove {
    border-right-style: groove !important;
}

.border-inset {
    border-style: inset !important;
}

.border-top-inset {
    border-top-style: inset !important;
}

.border-bottom-inset {
    border-bottom-style: inset !important;
}

.border-left-inset {
    border-left-style: inset !important;
}

.border-right-inset {
    border-right-style: inset !important;
}

.border-outset {
    border-style: outset !important;
}

.border-top-outset {
    border-top-style: outset !important;
}

.border-bottom-outset {
    border-bottom-style: outset !important;
}

.border-left-outset {
    border-left-style: outset !important;
}

.border-right-outset {
    border-right-style: outset !important;
}


/* border color classes */

.border-main {
    border-color: var(--tt-main-color) !important;
}


/* template main color */

.border-top-main {
    border-top-color: var(--tt-main-color) !important;
}


/* template main color */

.border-bottom-main {
    border-bottom-color: var(--tt-main-color) !important;
}


/* template main color */

.border-left-main {
    border-left-color: var(--tt-main-color) !important;
}


/* template main color */

.border-right-main {
    border-right-color: var(--tt-main-color) !important;
}


/* template main color */

.border-white {
    border-color: #FFF !important;
}

.border-top-white {
    border-top-color: #FFF !important;
}

.border-bottom-white {
    border-bottom-color: #FFF !important;
}

.border-left-white {
    border-left-color: #FFF !important;
}

.border-right-white {
    border-right-color: #FFF !important;
}

.border-gray {
    border-color: #A4AAAD !important;
}

.border-gray-2 {
    border-color: #D1D5D6 !important;
}

.border-gray-3 {
    border-color: #EEE !important;
}

.border-top-gray {
    border-top-color: #999 !important;
}

.border-bottom-gray {
    border-bottom-color: #999 !important;
}

.border-left-gray {
    border-left-color: #999 !important;
}

.border-right-gray {
    border-right-color: #999 !important;
}

.border-dark {
    border-color: #141414 !important;
}

.border-dark-2 {
    border-color: #44484C !important;
}

.border-dark-3 {
    border-color: #333 !important;
}

.border-top-dark {
    border-top-color: #141414 !important;
}

.border-top-dark-2 {
    border-top-color: #44484C !important;
}

.border-top-dark-3 {
    border-top-color: #333 !important;
}

.border-bottom-dark {
    border-bottom-color: #141414 !important;
}

.border-bottom-dark-2 {
    border-bottom-color: #44484C !important;
}

.border-bottom-dark-3 {
    border-bottom-color: #333 !important;
}

.border-left-dark {
    border-left-color: #141414 !important;
}

.border-left-dark-2 {
    border-left-color: #44484C !important;
}

.border-left-dark-3 {
    border-left-color: #333 !important;
}

.border-right-dark {
    border-right-color: #141414 !important;
}

.border-right-dark-2 {
    border-right-color: #44484C !important;
}

.border-right-dark-3 {
    border-right-color: #333 !important;
}

.border-green {
    border-color: #5FC11B !important;
}

.border-top-green {
    border-top-color: #5FC11B !important;
}

.border-bottom-green {
    border-bottom-color: #5FC11B !important;
}

.border-left-green {
    border-left-color: #5FC11B !important;
}

.border-right-green {
    border-right-color: #5FC11B !important;
}

.border-blue {
    border-color: #3067B3 !important;
}

.border-top-blue {
    border-top-color: #3067B3 !important;
}

.border-bottom-blue {
    border-bottom-color: #3067B3 !important;
}

.border-left-blue {
    border-left-color: #3067B3 !important;
}

.border-right-blue {
    border-right-color: #3067B3 !important;
}

.border-yellow {
    border-color: #FFCD00 !important;
}

.border-top-yellow {
    border-top-color: #FFCD00 !important;
}

.border-bottom-yellow {
    border-bottom-color: #FFCD00 !important;
}

.border-left-yellow {
    border-left-color: #FFCD00 !important;
}

.border-right-yellow {
    border-right-color: #FFCD00 !important;
}

.border-red {
    border-color: #FD2B2B !important;
}

.border-top-red {
    border-top-color: #FD2B2B !important;
}

.border-bottom-red {
    border-bottom-color: #FD2B2B !important;
}

.border-left-red {
    border-left-color: #FD2B2B !important;
}

.border-right-red {
    border-right-color: #FD2B2B !important;
}

.border-brown {
    border-color: #A08650 !important;
}

.border-top-brown {
    border-top-color: #A08650 !important;
}

.border-bottom-brown {
    border-bottom-color: #A08650 !important;
}

.border-left-brown {
    border-left-color: #A08650 !important;
}

.border-right-brown {
    border-right-color: #A08650 !important;
}

.border-purple {
    border-color: #ac0af3 !important;
}

.border-top-purple {
    border-top-color: #ac0af3 !important;
}

.border-bottom-purple {
    border-bottom-color: #ac0af3 !important;
}

.border-left-purple {
    border-left-color: #ac0af3 !important;
}

.border-right-purple {
    border-right-color: #ac0af3 !important;
}

.border-pink {
    border-color: #E82D66 !important;
}

.border-top-pink {
    border-top-color: #E82D66 !important;
}

.border-bottom-pink {
    border-bottom-color: #E82D66 !important;
}

.border-left-pink {
    border-left-color: #E82D66 !important;
}

.border-right-pink {
    border-right-color: #E82D66 !important;
}


/* border transparent classes */

.border-transparent {
    border-color: transparent !important;
}

.border-top-transparent {
    border-top-color: transparent !important;
}

.border-bottom-transparent {
    border-bottom-color: transparent !important;
}

.border-left-transparent {
    border-left-color: transparent !important;
}

.border-right-transparent {
    border-right-color: transparent !important;
}


/* ------------------------------------------------------------- *
 * Paddings classes
/* ------------------------------------------------------------- */

.padding-5 {
    padding: 5px !important;
}

.padding-10 {
    padding: 10px !important;
}

.padding-15 {
    padding: 15px !important;
}

.padding-20 {
    padding: 20px !important;
}

.padding-25 {
    padding: 25px !important;
}

.padding-30 {
    padding: 30px !important;
}

.padding-35 {
    padding: 35px !important;
}

.padding-40 {
    padding: 40px !important;
}

.padding-45 {
    padding: 45px !important;
}

.padding-50 {
    padding: 50px !important;
}

.padding-55 {
    padding: 55px !important;
}

.padding-60 {
    padding: 60px !important;
}

.padding-65 {
    padding: 65px !important;
}

.padding-70 {
    padding: 70px !important;
}

.padding-75 {
    padding: 75px !important;
}

.padding-80 {
    padding: 80px !important;
}

.padding-85 {
    padding: 85px !important;
}

.padding-100 {
    padding: 80px !important;
}

.padding-105 {
    padding: 105px !important;
}

.padding-110 {
    padding: 110px !important;
}

.padding-115 {
    padding: 115px !important;
}

.padding-120 {
    padding: 120px !important;
}

.padding-125 {
    padding: 125px !important;
}

.padding-130 {
    padding: 130px !important;
}

.padding-135 {
    padding: 135px !important;
}

.padding-140 {
    padding: 140px !important;
}

.padding-145 {
    padding: 145px !important;
}

.padding-150 {
    padding: 150px !important;
}

.padding-155 {
    padding: 155px !important;
}

.padding-160 {
    padding: 160px !important;
}

.padding-165 {
    padding: 165px !important;
}

.padding-170 {
    padding: 170px !important;
}

.padding-175 {
    padding: 175px !important;
}

.padding-180 {
    padding: 180px !important;
}

.padding-185 {
    padding: 185px !important;
}

.padding-190 {
    padding: 190px !important;
}

.padding-195 {
    padding: 195px !important;
}

.padding-200 {
    padding: 200px !important;
}


/* padding top */

.padding-top-5 {
    padding-top: 5px !important;
}

.padding-top-10 {
    padding-top: 10px !important;
}

.padding-top-15 {
    padding-top: 15px !important;
}

.padding-top-20 {
    padding-top: 20px !important;
}

.padding-top-25 {
    padding-top: 25px !important;
}

.padding-top-30 {
    padding-top: 30px !important;
}

.padding-top-35 {
    padding-top: 35px !important;
}

.padding-top-40 {
    padding-top: 40px !important;
}

.padding-top-45 {
    padding-top: 45px !important;
}

.padding-top-50 {
    padding-top: 50px !important;
}

.padding-top-55 {
    padding-top: 55px !important;
}

.padding-top-60 {
    padding-top: 60px !important;
}

.padding-top-65 {
    padding-top: 65px !important;
}

.padding-top-70 {
    padding-top: 70px !important;
}

.padding-top-75 {
    padding-top: 75px !important;
}

.padding-top-80 {
    padding-top: 80px !important;
}

.padding-top-85 {
    padding-top: 85px !important;
}

.padding-top-100 {
    padding-top: 100px !important;
}

.padding-top-105 {
    padding-top: 105px !important;
}

.padding-top-110 {
    padding-top: 110px !important;
}

.padding-top-115 {
    padding-top: 115px !important;
}

.padding-top-120 {
    padding-top: 120px !important;
}

.padding-top-125 {
    padding-top: 125px !important;
}

.padding-top-130 {
    padding-top: 130px !important;
}

.padding-top-135 {
    padding-top: 135px !important;
}

.padding-top-140 {
    padding-top: 140px !important;
}

.padding-top-145 {
    padding-top: 145px !important;
}

.padding-top-150 {
    padding-top: 150px !important;
}

.padding-top-155 {
    padding-top: 155px !important;
}

.padding-top-160 {
    padding-top: 160px !important;
}

.padding-top-165 {
    padding-top: 165px !important;
}

.padding-top-170 {
    padding-top: 170px !important;
}

.padding-top-175 {
    padding-top: 175px !important;
}

.padding-top-180 {
    padding-top: 180px !important;
}

.padding-top-185 {
    padding-top: 185px !important;
}

.padding-top-190 {
    padding-top: 190px !important;
}

.padding-top-195 {
    padding-top: 195px !important;
}

.padding-top-200 {
    padding-top: 200px !important;
}


/* padding bottom */

.padding-bottom-5 {
    padding-bottom: 5px !important;
}

.padding-bottom-10 {
    padding-bottom: 10px !important;
}

.padding-bottom-15 {
    padding-bottom: 15px !important;
}

.padding-bottom-20 {
    padding-bottom: 20px !important;
}

.padding-bottom-25 {
    padding-bottom: 25px !important;
}

.padding-bottom-30 {
    padding-bottom: 30px !important;
}

.padding-bottom-35 {
    padding-bottom: 35px !important;
}

.padding-bottom-40 {
    padding-bottom: 40px !important;
}

.padding-bottom-45 {
    padding-bottom: 45px !important;
}

.padding-bottom-50 {
    padding-bottom: 50px !important;
}

.padding-bottom-55 {
    padding-bottom: 55px !important;
}

.padding-bottom-60 {
    padding-bottom: 60px !important;
}

.padding-bottom-65 {
    padding-bottom: 65px !important;
}

.padding-bottom-70 {
    padding-bottom: 70px !important;
}

.padding-bottom-75 {
    padding-bottom: 75px !important;
}

.padding-bottom-80 {
    padding-bottom: 80px !important;
}

.padding-bottom-85 {
    padding-bottom: 85px !important;
}

.padding-bottom-100 {
    padding-bottom: 100px !important;
}

.padding-bottom-105 {
    padding-bottom: 105px !important;
}

.padding-bottom-110 {
    padding-bottom: 110px !important;
}

.padding-bottom-115 {
    padding-bottom: 115px !important;
}

.padding-bottom-120 {
    padding-bottom: 120px !important;
}

.padding-bottom-125 {
    padding-bottom: 125px !important;
}

.padding-bottom-130 {
    padding-bottom: 130px !important;
}

.padding-bottom-135 {
    padding-bottom: 135px !important;
}

.padding-bottom-140 {
    padding-bottom: 140px !important;
}

.padding-bottom-145 {
    padding-bottom: 145px !important;
}

.padding-bottom-150 {
    padding-bottom: 150px !important;
}

.padding-bottom-155 {
    padding-bottom: 155px !important;
}

.padding-bottom-160 {
    padding-bottom: 160px !important;
}

.padding-bottom-165 {
    padding-bottom: 165px !important;
}

.padding-bottom-170 {
    padding-bottom: 170px !important;
}

.padding-bottom-175 {
    padding-bottom: 175px !important;
}

.padding-bottom-180 {
    padding-bottom: 180px !important;
}

.padding-bottom-185 {
    padding-bottom: 185px !important;
}

.padding-bottom-190 {
    padding-bottom: 190px !important;
}

.padding-bottom-195 {
    padding-bottom: 195px !important;
}

.padding-bottom-200 {
    padding-bottom: 200px !important;
}


/* padding left */

.padding-left-5 {
    padding-left: 5px !important;
}

.padding-left-10 {
    padding-left: 10px !important;
}

.padding-left-15 {
    padding-left: 15px !important;
}

.padding-left-20 {
    padding-left: 20px !important;
}

.padding-left-25 {
    padding-left: 25px !important;
}

.padding-left-30 {
    padding-left: 30px !important;
}

.padding-left-35 {
    padding-left: 35px !important;
}

.padding-left-40 {
    padding-left: 40px !important;
}

.padding-left-45 {
    padding-left: 45px !important;
}

.padding-left-50 {
    padding-left: 50px !important;
}

.padding-left-55 {
    padding-left: 55px !important;
}

.padding-left-60 {
    padding-left: 60px !important;
}

.padding-left-65 {
    padding-left: 65px !important;
}

.padding-left-70 {
    padding-left: 70px !important;
}

.padding-left-75 {
    padding-left: 75px !important;
}

.padding-left-80 {
    padding-left: 80px !important;
}

.padding-left-85 {
    padding-left: 85px !important;
}

.padding-left-100 {
    padding-left: 100px !important;
}

.padding-left-105 {
    padding-left: 105px !important;
}

.padding-left-110 {
    padding-left: 110px !important;
}

.padding-left-115 {
    padding-left: 115px !important;
}

.padding-left-120 {
    padding-left: 120px !important;
}

.padding-left-125 {
    padding-left: 125px !important;
}

.padding-left-130 {
    padding-left: 130px !important;
}

.padding-left-135 {
    padding-left: 135px !important;
}

.padding-left-140 {
    padding-left: 140px !important;
}

.padding-left-145 {
    padding-left: 145px !important;
}

.padding-left-150 {
    padding-left: 150px !important;
}

.padding-left-155 {
    padding-left: 155px !important;
}

.padding-left-160 {
    padding-left: 160px !important;
}

.padding-left-165 {
    padding-left: 165px !important;
}

.padding-left-170 {
    padding-left: 170px !important;
}

.padding-left-175 {
    padding-left: 175px !important;
}

.padding-left-180 {
    padding-left: 180px !important;
}

.padding-left-185 {
    padding-left: 185px !important;
}

.padding-left-190 {
    padding-left: 190px !important;
}

.padding-left-195 {
    padding-left: 195px !important;
}

.padding-left-200 {
    padding-left: 200px !important;
}


/* padding right */

.padding-right-5 {
    padding-right: 5px !important;
}

.padding-right-10 {
    padding-right: 10px !important;
}

.padding-right-15 {
    padding-right: 15px !important;
}

.padding-right-20 {
    padding-right: 20px !important;
}

.padding-right-25 {
    padding-right: 25px !important;
}

.padding-right-30 {
    padding-right: 30px !important;
}

.padding-right-35 {
    padding-right: 35px !important;
}

.padding-right-40 {
    padding-right: 40px !important;
}

.padding-right-45 {
    padding-right: 45px !important;
}

.padding-right-50 {
    padding-right: 50px !important;
}

.padding-right-55 {
    padding-right: 55px !important;
}

.padding-right-60 {
    padding-right: 60px !important;
}

.padding-right-65 {
    padding-right: 65px !important;
}

.padding-right-70 {
    padding-right: 70px !important;
}

.padding-right-75 {
    padding-right: 75px !important;
}

.padding-right-80 {
    padding-right: 80px !important;
}

.padding-right-85 {
    padding-right: 85px !important;
}

.padding-right-100 {
    padding-right: 100px !important;
}

.padding-right-105 {
    padding-right: 105px !important;
}

.padding-right-110 {
    padding-right: 110px !important;
}

.padding-right-115 {
    padding-right: 115px !important;
}

.padding-right-120 {
    padding-right: 120px !important;
}

.padding-right-125 {
    padding-right: 125px !important;
}

.padding-right-130 {
    padding-right: 130px !important;
}

.padding-right-135 {
    padding-right: 135px !important;
}

.padding-right-140 {
    padding-right: 140px !important;
}

.padding-right-145 {
    padding-right: 145px !important;
}

.padding-right-150 {
    padding-right: 150px !important;
}

.padding-right-155 {
    padding-right: 155px !important;
}

.padding-right-160 {
    padding-right: 160px !important;
}

.padding-right-165 {
    padding-right: 165px !important;
}

.padding-right-170 {
    padding-right: 170px !important;
}

.padding-right-175 {
    padding-right: 175px !important;
}

.padding-right-180 {
    padding-right: 180px !important;
}

.padding-right-185 {
    padding-right: 185px !important;
}

.padding-right-190 {
    padding-right: 190px !important;
}

.padding-right-195 {
    padding-right: 195px !important;
}

.padding-right-200 {
    padding-right: 200px !important;
}


/* Padding (percent) 
===================== */

.padding-1-p {
    padding: 1% !important;
}

.padding-2-p {
    padding: 2% !important;
}

.padding-3-p {
    padding: 3% !important;
}

.padding-4-p {
    padding: 4% !important;
}

.padding-5-p {
    padding: 5% !important;
}

.padding-6-p {
    padding: 6% !important;
}

.padding-7-p {
    padding: 7% !important;
}

.padding-8-p {
    padding: 8% !important;
}

.padding-9-p {
    padding: 9% !important;
}

.padding-10-p {
    padding: 10% !important;
}

.padding-11-p {
    padding: 11% !important;
}

.padding-12-p {
    padding: 12% !important;
}

.padding-13-p {
    padding: 13% !important;
}

.padding-14-p {
    padding: 14% !important;
}

.padding-15-p {
    padding: 15% !important;
}

.padding-16-p {
    padding: 16% !important;
}

.padding-17-p {
    padding: 17% !important;
}

.padding-18-p {
    padding: 18% !important;
}

.padding-19-p {
    padding: 19% !important;
}

.padding-20-p {
    padding: 20% !important;
}


/* padding top (percent) */

.padding-top-1-p {
    padding-top: 1% !important;
}

.padding-top-2-p {
    padding-top: 2% !important;
}

.padding-top-3-p {
    padding-top: 3% !important;
}

.padding-top-4-p {
    padding-top: 4% !important;
}

.padding-top-5-p {
    padding-top: 5% !important;
}

.padding-top-6-p {
    padding-top: 6% !important;
}

.padding-top-7-p {
    padding-top: 7% !important;
}

.padding-top-8-p {
    padding-top: 8% !important;
}

.padding-top-9-p {
    padding-top: 9% !important;
}

.padding-top-10-p {
    padding-top: 10% !important;
}

.padding-top-11-p {
    padding-top: 11% !important;
}

.padding-top-12-p {
    padding-top: 12% !important;
}

.padding-top-13-p {
    padding-top: 13% !important;
}

.padding-top-14-p {
    padding-top: 14% !important;
}

.padding-top-15-p {
    padding-top: 15% !important;
}

.padding-top-16-p {
    padding-top: 16% !important;
}

.padding-top-17-p {
    padding-top: 17% !important;
}

.padding-top-18-p {
    padding-top: 18% !important;
}

.padding-top-19-p {
    padding-top: 19% !important;
}

.padding-top-20-p {
    padding-top: 20% !important;
}


/* padding bottom (percent) */

.padding-bottom-1-p {
    padding-bottom: 1% !important;
}

.padding-bottom-2-p {
    padding-bottom: 2% !important;
}

.padding-bottom-3-p {
    padding-bottom: 3% !important;
}

.padding-bottom-4-p {
    padding-bottom: 4% !important;
}

.padding-bottom-5-p {
    padding-bottom: 5% !important;
}

.padding-bottom-6-p {
    padding-bottom: 6% !important;
}

.padding-bottom-7-p {
    padding-bottom: 7% !important;
}

.padding-bottom-8-p {
    padding-bottom: 8% !important;
}

.padding-bottom-9-p {
    padding-bottom: 9% !important;
}

.padding-bottom-10-p {
    padding-bottom: 10% !important;
}

.padding-bottom-11-p {
    padding-bottom: 11% !important;
}

.padding-bottom-12-p {
    padding-bottom: 12% !important;
}

.padding-bottom-13-p {
    padding-bottom: 13% !important;
}

.padding-bottom-14-p {
    padding-bottom: 14% !important;
}

.padding-bottom-15-p {
    padding-bottom: 15% !important;
}

.padding-bottom-16-p {
    padding-bottom: 16% !important;
}

.padding-bottom-17-p {
    padding-bottom: 17% !important;
}

.padding-bottom-18-p {
    padding-bottom: 18% !important;
}

.padding-bottom-19-p {
    padding-bottom: 19% !important;
}

.padding-bottom-20-p {
    padding-bottom: 20% !important;
}


/* padding left (percent) */

.padding-left-1-p {
    padding-left: 1% !important;
}

.padding-left-2-p {
    padding-left: 2% !important;
}

.padding-left-3-p {
    padding-left: 3% !important;
}

.padding-left-4-p {
    padding-left: 4% !important;
}

.padding-left-5-p {
    padding-left: 5% !important;
}

.padding-left-6-p {
    padding-left: 6% !important;
}

.padding-left-7-p {
    padding-left: 7% !important;
}

.padding-left-8-p {
    padding-left: 8% !important;
}

.padding-left-9-p {
    padding-left: 9% !important;
}

.padding-left-10-p {
    padding-left: 10% !important;
}

.padding-left-11-p {
    padding-left: 11% !important;
}

.padding-left-12-p {
    padding-left: 12% !important;
}

.padding-left-13-p {
    padding-left: 13% !important;
}

.padding-left-14-p {
    padding-left: 14% !important;
}

.padding-left-15-p {
    padding-left: 15% !important;
}

.padding-left-16-p {
    padding-left: 16% !important;
}

.padding-left-17-p {
    padding-left: 17% !important;
}

.padding-left-18-p {
    padding-left: 18% !important;
}

.padding-left-19-p {
    padding-left: 19% !important;
}

.padding-left-20-p {
    padding-left: 20% !important;
}


/* padding right (percent) */

.padding-right-1-p {
    padding-right: 1% !important;
}

.padding-right-2-p {
    padding-right: 2% !important;
}

.padding-right-3-p {
    padding-right: 3% !important;
}

.padding-right-4-p {
    padding-right: 4% !important;
}

.padding-right-5-p {
    padding-right: 5% !important;
}

.padding-right-6-p {
    padding-right: 6% !important;
}

.padding-right-7-p {
    padding-right: 7% !important;
}

.padding-right-8-p {
    padding-right: 8% !important;
}

.padding-right-9-p {
    padding-right: 9% !important;
}

.padding-right-10-p {
    padding-right: 10% !important;
}

.padding-right-11-p {
    padding-right: 11% !important;
}

.padding-right-12-p {
    padding-right: 12% !important;
}

.padding-right-13-p {
    padding-right: 13% !important;
}

.padding-right-14-p {
    padding-right: 14% !important;
}

.padding-right-15-p {
    padding-right: 15% !important;
}

.padding-right-16-p {
    padding-right: 16% !important;
}

.padding-right-17-p {
    padding-right: 17% !important;
}

.padding-right-18-p {
    padding-right: 18% !important;
}

.padding-right-19-p {
    padding-right: 19% !important;
}

.padding-right-20-p {
    padding-right: 20% !important;
}


/* no paddings classes */

.no-padding {
    padding: 0 !important;
}

.no-padding-top {
    padding-top: 0 !important;
}

.no-padding-bottom {
    padding-bottom: 0 !important;
}

.no-padding-left {
    padding-left: 0 !important;
}

.no-padding-right {
    padding-right: 0 !important;
}


/* Breakpoints 
=============== */

@media (min-width: 576px) {
    .padding-sm-5 {
        padding: 5px !important;
    }
    .padding-sm-10 {
        padding: 10px !important;
    }
    .padding-sm-15 {
        padding: 15px !important;
    }
    .padding-sm-20 {
        padding: 20px !important;
    }
    .padding-sm-25 {
        padding: 25px !important;
    }
    .padding-sm-30 {
        padding: 30px !important;
    }
    .padding-sm-35 {
        padding: 35px !important;
    }
    .padding-sm-40 {
        padding: 40px !important;
    }
    .padding-sm-45 {
        padding: 45px !important;
    }
    .padding-sm-50 {
        padding: 50px !important;
    }
    .padding-sm-55 {
        padding: 55px !important;
    }
    .padding-sm-60 {
        padding: 60px !important;
    }
    .padding-sm-65 {
        padding: 65px !important;
    }
    .padding-sm-70 {
        padding: 70px !important;
    }
    .padding-sm-75 {
        padding: 75px !important;
    }
    .padding-sm-80 {
        padding: 80px !important;
    }
    .padding-sm-85 {
        padding: 85px !important;
    }
    .padding-sm-100 {
        padding: 80px !important;
    }
    .padding-sm-105 {
        padding: 105px !important;
    }
    .padding-sm-110 {
        padding: 110px !important;
    }
    .padding-sm-115 {
        padding: 115px !important;
    }
    .padding-sm-120 {
        padding: 120px !important;
    }
    .padding-sm-125 {
        padding: 125px !important;
    }
    .padding-sm-130 {
        padding: 130px !important;
    }
    .padding-sm-135 {
        padding: 135px !important;
    }
    .padding-sm-140 {
        padding: 140px !important;
    }
    .padding-sm-145 {
        padding: 145px !important;
    }
    .padding-sm-150 {
        padding: 150px !important;
    }
    .padding-sm-155 {
        padding: 155px !important;
    }
    .padding-sm-160 {
        padding: 160px !important;
    }
    .padding-sm-165 {
        padding: 165px !important;
    }
    .padding-sm-170 {
        padding: 170px !important;
    }
    .padding-sm-175 {
        padding: 175px !important;
    }
    .padding-sm-180 {
        padding: 180px !important;
    }
    .padding-sm-185 {
        padding: 185px !important;
    }
    .padding-sm-190 {
        padding: 190px !important;
    }
    .padding-sm-195 {
        padding: 195px !important;
    }
    .padding-sm-200 {
        padding: 200px !important;
    }
    /* padding top */
    .padding-top-sm-5 {
        padding-top: 5px !important;
    }
    .padding-top-sm-10 {
        padding-top: 10px !important;
    }
    .padding-top-sm-15 {
        padding-top: 15px !important;
    }
    .padding-top-sm-20 {
        padding-top: 20px !important;
    }
    .padding-top-sm-25 {
        padding-top: 25px !important;
    }
    .padding-top-sm-30 {
        padding-top: 30px !important;
    }
    .padding-top-sm-35 {
        padding-top: 35px !important;
    }
    .padding-top-sm-40 {
        padding-top: 40px !important;
    }
    .padding-top-sm-45 {
        padding-top: 45px !important;
    }
    .padding-top-sm-50 {
        padding-top: 50px !important;
    }
    .padding-top-sm-55 {
        padding-top: 55px !important;
    }
    .padding-top-sm-60 {
        padding-top: 60px !important;
    }
    .padding-top-sm-65 {
        padding-top: 65px !important;
    }
    .padding-top-sm-70 {
        padding-top: 70px !important;
    }
    .padding-top-sm-75 {
        padding-top: 75px !important;
    }
    .padding-top-sm-80 {
        padding-top: 80px !important;
    }
    .padding-top-sm-85 {
        padding-top: 85px !important;
    }
    .padding-top-sm-100 {
        padding-top: 100px !important;
    }
    .padding-top-sm-105 {
        padding-top: 105px !important;
    }
    .padding-top-sm-110 {
        padding-top: 110px !important;
    }
    .padding-top-sm-115 {
        padding-top: 115px !important;
    }
    .padding-top-sm-120 {
        padding-top: 120px !important;
    }
    .padding-top-sm-125 {
        padding-top: 125px !important;
    }
    .padding-top-sm-130 {
        padding-top: 130px !important;
    }
    .padding-top-sm-135 {
        padding-top: 135px !important;
    }
    .padding-top-sm-140 {
        padding-top: 140px !important;
    }
    .padding-top-sm-145 {
        padding-top: 145px !important;
    }
    .padding-top-sm-150 {
        padding-top: 150px !important;
    }
    .padding-top-sm-155 {
        padding-top: 155px !important;
    }
    .padding-top-sm-160 {
        padding-top: 160px !important;
    }
    .padding-top-sm-165 {
        padding-top: 165px !important;
    }
    .padding-top-sm-170 {
        padding-top: 170px !important;
    }
    .padding-top-sm-175 {
        padding-top: 175px !important;
    }
    .padding-top-sm-180 {
        padding-top: 180px !important;
    }
    .padding-top-sm-185 {
        padding-top: 185px !important;
    }
    .padding-top-sm-190 {
        padding-top: 190px !important;
    }
    .padding-top-sm-195 {
        padding-top: 195px !important;
    }
    .padding-top-sm-200 {
        padding-top: 200px !important;
    }
    /* padding bottom */
    .padding-bottom-sm-5 {
        padding-bottom: 5px !important;
    }
    .padding-bottom-sm-10 {
        padding-bottom: 10px !important;
    }
    .padding-bottom-sm-15 {
        padding-bottom: 15px !important;
    }
    .padding-bottom-sm-20 {
        padding-bottom: 20px !important;
    }
    .padding-bottom-sm-25 {
        padding-bottom: 25px !important;
    }
    .padding-bottom-sm-30 {
        padding-bottom: 30px !important;
    }
    .padding-bottom-sm-35 {
        padding-bottom: 35px !important;
    }
    .padding-bottom-sm-40 {
        padding-bottom: 40px !important;
    }
    .padding-bottom-sm-45 {
        padding-bottom: 45px !important;
    }
    .padding-bottom-sm-50 {
        padding-bottom: 50px !important;
    }
    .padding-bottom-sm-55 {
        padding-bottom: 55px !important;
    }
    .padding-bottom-sm-60 {
        padding-bottom: 60px !important;
    }
    .padding-bottom-sm-65 {
        padding-bottom: 65px !important;
    }
    .padding-bottom-sm-70 {
        padding-bottom: 70px !important;
    }
    .padding-bottom-sm-75 {
        padding-bottom: 75px !important;
    }
    .padding-bottom-sm-80 {
        padding-bottom: 80px !important;
    }
    .padding-bottom-sm-85 {
        padding-bottom: 85px !important;
    }
    .padding-bottom-sm-100 {
        padding-bottom: 100px !important;
    }
    .padding-bottom-sm-105 {
        padding-bottom: 105px !important;
    }
    .padding-bottom-sm-110 {
        padding-bottom: 110px !important;
    }
    .padding-bottom-sm-115 {
        padding-bottom: 115px !important;
    }
    .padding-bottom-sm-120 {
        padding-bottom: 120px !important;
    }
    .padding-bottom-sm-125 {
        padding-bottom: 125px !important;
    }
    .padding-bottom-sm-130 {
        padding-bottom: 130px !important;
    }
    .padding-bottom-sm-135 {
        padding-bottom: 135px !important;
    }
    .padding-bottom-sm-140 {
        padding-bottom: 140px !important;
    }
    .padding-bottom-sm-145 {
        padding-bottom: 145px !important;
    }
    .padding-bottom-sm-150 {
        padding-bottom: 150px !important;
    }
    .padding-bottom-sm-155 {
        padding-bottom: 155px !important;
    }
    .padding-bottom-sm-160 {
        padding-bottom: 160px !important;
    }
    .padding-bottom-sm-165 {
        padding-bottom: 165px !important;
    }
    .padding-bottom-sm-170 {
        padding-bottom: 170px !important;
    }
    .padding-bottom-sm-175 {
        padding-bottom: 175px !important;
    }
    .padding-bottom-sm-180 {
        padding-bottom: 180px !important;
    }
    .padding-bottom-sm-185 {
        padding-bottom: 185px !important;
    }
    .padding-bottom-sm-190 {
        padding-bottom: 190px !important;
    }
    .padding-bottom-sm-195 {
        padding-bottom: 195px !important;
    }
    .padding-bottom-sm-200 {
        padding-bottom: 200px !important;
    }
    /* padding left */
    .padding-left-sm-5 {
        padding-left: 5px !important;
    }
    .padding-left-sm-10 {
        padding-left: 10px !important;
    }
    .padding-left-sm-15 {
        padding-left: 15px !important;
    }
    .padding-left-sm-20 {
        padding-left: 20px !important;
    }
    .padding-left-sm-25 {
        padding-left: 25px !important;
    }
    .padding-left-sm-30 {
        padding-left: 30px !important;
    }
    .padding-left-sm-35 {
        padding-left: 35px !important;
    }
    .padding-left-sm-40 {
        padding-left: 40px !important;
    }
    .padding-left-sm-45 {
        padding-left: 45px !important;
    }
    .padding-left-sm-50 {
        padding-left: 50px !important;
    }
    .padding-left-sm-55 {
        padding-left: 55px !important;
    }
    .padding-left-sm-60 {
        padding-left: 60px !important;
    }
    .padding-left-sm-65 {
        padding-left: 65px !important;
    }
    .padding-left-sm-70 {
        padding-left: 70px !important;
    }
    .padding-left-sm-75 {
        padding-left: 75px !important;
    }
    .padding-left-sm-80 {
        padding-left: 80px !important;
    }
    .padding-left-sm-85 {
        padding-left: 85px !important;
    }
    .padding-left-sm-100 {
        padding-left: 100px !important;
    }
    .padding-left-sm-105 {
        padding-left: 105px !important;
    }
    .padding-left-sm-110 {
        padding-left: 110px !important;
    }
    .padding-left-sm-115 {
        padding-left: 115px !important;
    }
    .padding-left-sm-120 {
        padding-left: 120px !important;
    }
    .padding-left-sm-125 {
        padding-left: 125px !important;
    }
    .padding-left-sm-130 {
        padding-left: 130px !important;
    }
    .padding-left-sm-135 {
        padding-left: 135px !important;
    }
    .padding-left-sm-140 {
        padding-left: 140px !important;
    }
    .padding-left-sm-145 {
        padding-left: 145px !important;
    }
    .padding-left-sm-150 {
        padding-left: 150px !important;
    }
    .padding-left-sm-155 {
        padding-left: 155px !important;
    }
    .padding-left-sm-160 {
        padding-left: 160px !important;
    }
    .padding-left-sm-165 {
        padding-left: 165px !important;
    }
    .padding-left-sm-170 {
        padding-left: 170px !important;
    }
    .padding-left-sm-175 {
        padding-left: 175px !important;
    }
    .padding-left-sm-180 {
        padding-left: 180px !important;
    }
    .padding-left-sm-185 {
        padding-left: 185px !important;
    }
    .padding-left-sm-190 {
        padding-left: 190px !important;
    }
    .padding-left-sm-195 {
        padding-left: 195px !important;
    }
    .padding-left-sm-200 {
        padding-left: 200px !important;
    }
    /* padding right */
    .padding-right-sm-5 {
        padding-right: 5px !important;
    }
    .padding-right-sm-10 {
        padding-right: 10px !important;
    }
    .padding-right-sm-15 {
        padding-right: 15px !important;
    }
    .padding-right-sm-20 {
        padding-right: 20px !important;
    }
    .padding-right-sm-25 {
        padding-right: 25px !important;
    }
    .padding-right-sm-30 {
        padding-right: 30px !important;
    }
    .padding-right-sm-35 {
        padding-right: 35px !important;
    }
    .padding-right-sm-40 {
        padding-right: 40px !important;
    }
    .padding-right-sm-45 {
        padding-right: 45px !important;
    }
    .padding-right-sm-50 {
        padding-right: 50px !important;
    }
    .padding-right-sm-55 {
        padding-right: 55px !important;
    }
    .padding-right-sm-60 {
        padding-right: 60px !important;
    }
    .padding-right-sm-65 {
        padding-right: 65px !important;
    }
    .padding-right-sm-70 {
        padding-right: 70px !important;
    }
    .padding-right-sm-75 {
        padding-right: 75px !important;
    }
    .padding-right-sm-80 {
        padding-right: 80px !important;
    }
    .padding-right-sm-85 {
        padding-right: 85px !important;
    }
    .padding-right-sm-100 {
        padding-right: 100px !important;
    }
    .padding-right-sm-105 {
        padding-right: 105px !important;
    }
    .padding-right-sm-110 {
        padding-right: 110px !important;
    }
    .padding-right-sm-115 {
        padding-right: 115px !important;
    }
    .padding-right-sm-120 {
        padding-right: 120px !important;
    }
    .padding-right-sm-125 {
        padding-right: 125px !important;
    }
    .padding-right-sm-130 {
        padding-right: 130px !important;
    }
    .padding-right-sm-135 {
        padding-right: 135px !important;
    }
    .padding-right-sm-140 {
        padding-right: 140px !important;
    }
    .padding-right-sm-145 {
        padding-right: 145px !important;
    }
    .padding-right-sm-150 {
        padding-right: 150px !important;
    }
    .padding-right-sm-155 {
        padding-right: 155px !important;
    }
    .padding-right-sm-160 {
        padding-right: 160px !important;
    }
    .padding-right-sm-165 {
        padding-right: 165px !important;
    }
    .padding-right-sm-170 {
        padding-right: 170px !important;
    }
    .padding-right-sm-175 {
        padding-right: 175px !important;
    }
    .padding-right-sm-180 {
        padding-right: 180px !important;
    }
    .padding-right-sm-185 {
        padding-right: 185px !important;
    }
    .padding-right-sm-190 {
        padding-right: 190px !important;
    }
    .padding-right-sm-195 {
        padding-right: 195px !important;
    }
    .padding-right-sm-200 {
        padding-right: 200px !important;
    }
    /* Padding (percent) 
	===================== */
    .padding-sm-1-p {
        padding: 1% !important;
    }
    .padding-sm-2-p {
        padding: 2% !important;
    }
    .padding-sm-3-p {
        padding: 3% !important;
    }
    .padding-sm-4-p {
        padding: 4% !important;
    }
    .padding-sm-5-p {
        padding: 5% !important;
    }
    .padding-sm-6-p {
        padding: 6% !important;
    }
    .padding-sm-7-p {
        padding: 7% !important;
    }
    .padding-sm-8-p {
        padding: 8% !important;
    }
    .padding-sm-9-p {
        padding: 9% !important;
    }
    .padding-sm-10-p {
        padding: 10% !important;
    }
    .padding-sm-11-p {
        padding: 11% !important;
    }
    .padding-sm-12-p {
        padding: 12% !important;
    }
    .padding-sm-13-p {
        padding: 13% !important;
    }
    .padding-sm-14-p {
        padding: 14% !important;
    }
    .padding-sm-15-p {
        padding: 15% !important;
    }
    .padding-sm-16-p {
        padding: 16% !important;
    }
    .padding-sm-17-p {
        padding: 17% !important;
    }
    .padding-sm-18-p {
        padding: 18% !important;
    }
    .padding-sm-19-p {
        padding: 19% !important;
    }
    .padding-sm-20-p {
        padding: 20% !important;
    }
    /* padding top (percent) */
    .padding-top-sm-1-p {
        padding-top: 1% !important;
    }
    .padding-top-sm-2-p {
        padding-top: 2% !important;
    }
    .padding-top-sm-3-p {
        padding-top: 3% !important;
    }
    .padding-top-sm-4-p {
        padding-top: 4% !important;
    }
    .padding-top-sm-5-p {
        padding-top: 5% !important;
    }
    .padding-top-sm-6-p {
        padding-top: 6% !important;
    }
    .padding-top-sm-7-p {
        padding-top: 7% !important;
    }
    .padding-top-sm-8-p {
        padding-top: 8% !important;
    }
    .padding-top-sm-9-p {
        padding-top: 9% !important;
    }
    .padding-top-sm-10-p {
        padding-top: 10% !important;
    }
    .padding-top-sm-11-p {
        padding-top: 11% !important;
    }
    .padding-top-sm-12-p {
        padding-top: 12% !important;
    }
    .padding-top-sm-13-p {
        padding-top: 13% !important;
    }
    .padding-top-sm-14-p {
        padding-top: 14% !important;
    }
    .padding-top-sm-15-p {
        padding-top: 15% !important;
    }
    .padding-top-sm-16-p {
        padding-top: 16% !important;
    }
    .padding-top-sm-17-p {
        padding-top: 17% !important;
    }
    .padding-top-sm-18-p {
        padding-top: 18% !important;
    }
    .padding-top-sm-19-p {
        padding-top: 19% !important;
    }
    .padding-top-sm-20-p {
        padding-top: 20% !important;
    }
    /* padding bottom (percent) */
    .padding-bottom-sm-1-p {
        padding-bottom: 1% !important;
    }
    .padding-bottom-sm-2-p {
        padding-bottom: 2% !important;
    }
    .padding-bottom-sm-3-p {
        padding-bottom: 3% !important;
    }
    .padding-bottom-sm-4-p {
        padding-bottom: 4% !important;
    }
    .padding-bottom-sm-5-p {
        padding-bottom: 5% !important;
    }
    .padding-bottom-sm-6-p {
        padding-bottom: 6% !important;
    }
    .padding-bottom-sm-7-p {
        padding-bottom: 7% !important;
    }
    .padding-bottom-sm-8-p {
        padding-bottom: 8% !important;
    }
    .padding-bottom-sm-9-p {
        padding-bottom: 9% !important;
    }
    .padding-bottom-sm-10-p {
        padding-bottom: 10% !important;
    }
    .padding-bottom-sm-11-p {
        padding-bottom: 11% !important;
    }
    .padding-bottom-sm-12-p {
        padding-bottom: 12% !important;
    }
    .padding-bottom-sm-13-p {
        padding-bottom: 13% !important;
    }
    .padding-bottom-sm-14-p {
        padding-bottom: 14% !important;
    }
    .padding-bottom-sm-15-p {
        padding-bottom: 15% !important;
    }
    .padding-bottom-sm-16-p {
        padding-bottom: 16% !important;
    }
    .padding-bottom-sm-17-p {
        padding-bottom: 17% !important;
    }
    .padding-bottom-sm-18-p {
        padding-bottom: 18% !important;
    }
    .padding-bottom-sm-19-p {
        padding-bottom: 19% !important;
    }
    .padding-bottom-sm-20-p {
        padding-bottom: 20% !important;
    }
    /* padding left (percent) */
    .padding-left-sm-1-p {
        padding-left: 1% !important;
    }
    .padding-left-sm-2-p {
        padding-left: 2% !important;
    }
    .padding-left-sm-3-p {
        padding-left: 3% !important;
    }
    .padding-left-sm-4-p {
        padding-left: 4% !important;
    }
    .padding-left-sm-5-p {
        padding-left: 5% !important;
    }
    .padding-left-sm-6-p {
        padding-left: 6% !important;
    }
    .padding-left-sm-7-p {
        padding-left: 7% !important;
    }
    .padding-left-sm-8-p {
        padding-left: 8% !important;
    }
    .padding-left-sm-9-p {
        padding-left: 9% !important;
    }
    .padding-left-sm-10-p {
        padding-left: 10% !important;
    }
    .padding-left-sm-11-p {
        padding-left: 11% !important;
    }
    .padding-left-sm-12-p {
        padding-left: 12% !important;
    }
    .padding-left-sm-13-p {
        padding-left: 13% !important;
    }
    .padding-left-sm-14-p {
        padding-left: 14% !important;
    }
    .padding-left-sm-15-p {
        padding-left: 15% !important;
    }
    .padding-left-sm-16-p {
        padding-left: 16% !important;
    }
    .padding-left-sm-17-p {
        padding-left: 17% !important;
    }
    .padding-left-sm-18-p {
        padding-left: 18% !important;
    }
    .padding-left-sm-19-p {
        padding-left: 19% !important;
    }
    .padding-left-sm-20-p {
        padding-left: 20% !important;
    }
    /* padding right (percent) */
    .padding-right-sm-1-p {
        padding-right: 1% !important;
    }
    .padding-right-sm-2-p {
        padding-right: 2% !important;
    }
    .padding-right-sm-3-p {
        padding-right: 3% !important;
    }
    .padding-right-sm-4-p {
        padding-right: 4% !important;
    }
    .padding-right-sm-5-p {
        padding-right: 5% !important;
    }
    .padding-right-sm-6-p {
        padding-right: 6% !important;
    }
    .padding-right-sm-7-p {
        padding-right: 7% !important;
    }
    .padding-right-sm-8-p {
        padding-right: 8% !important;
    }
    .padding-right-sm-9-p {
        padding-right: 9% !important;
    }
    .padding-right-sm-10-p {
        padding-right: 10% !important;
    }
    .padding-right-sm-11-p {
        padding-right: 11% !important;
    }
    .padding-right-sm-12-p {
        padding-right: 12% !important;
    }
    .padding-right-sm-13-p {
        padding-right: 13% !important;
    }
    .padding-right-sm-14-p {
        padding-right: 14% !important;
    }
    .padding-right-sm-15-p {
        padding-right: 15% !important;
    }
    .padding-right-sm-16-p {
        padding-right: 16% !important;
    }
    .padding-right-sm-17-p {
        padding-right: 17% !important;
    }
    .padding-right-sm-18-p {
        padding-right: 18% !important;
    }
    .padding-right-sm-19-p {
        padding-right: 19% !important;
    }
    .padding-right-sm-20-p {
        padding-right: 20% !important;
    }
    /* no paddings classes */
    .no-padding-sm {
        padding: 0 !important;
    }
    .no-padding-sm-top {
        padding-top: 0 !important;
    }
    .no-padding-sm-bottom {
        padding-bottom: 0 !important;
    }
    .no-padding-sm-left {
        padding-left: 0 !important;
    }
    .no-padding-sm-right {
        padding-right: 0 !important;
    }
}

@media (min-width: 768px) {
    .padding-md-5 {
        padding: 5px !important;
    }
    .padding-md-10 {
        padding: 10px !important;
    }
    .padding-md-15 {
        padding: 15px !important;
    }
    .padding-md-20 {
        padding: 20px !important;
    }
    .padding-md-25 {
        padding: 25px !important;
    }
    .padding-md-30 {
        padding: 30px !important;
    }
    .padding-md-35 {
        padding: 35px !important;
    }
    .padding-md-40 {
        padding: 40px !important;
    }
    .padding-md-45 {
        padding: 45px !important;
    }
    .padding-md-50 {
        padding: 50px !important;
    }
    .padding-md-55 {
        padding: 55px !important;
    }
    .padding-md-60 {
        padding: 60px !important;
    }
    .padding-md-65 {
        padding: 65px !important;
    }
    .padding-md-70 {
        padding: 70px !important;
    }
    .padding-md-75 {
        padding: 75px !important;
    }
    .padding-md-80 {
        padding: 80px !important;
    }
    .padding-md-85 {
        padding: 85px !important;
    }
    .padding-md-100 {
        padding: 80px !important;
    }
    .padding-md-105 {
        padding: 105px !important;
    }
    .padding-md-110 {
        padding: 110px !important;
    }
    .padding-md-115 {
        padding: 115px !important;
    }
    .padding-md-120 {
        padding: 120px !important;
    }
    .padding-md-125 {
        padding: 125px !important;
    }
    .padding-md-130 {
        padding: 130px !important;
    }
    .padding-md-135 {
        padding: 135px !important;
    }
    .padding-md-140 {
        padding: 140px !important;
    }
    .padding-md-145 {
        padding: 145px !important;
    }
    .padding-md-150 {
        padding: 150px !important;
    }
    .padding-md-155 {
        padding: 155px !important;
    }
    .padding-md-160 {
        padding: 160px !important;
    }
    .padding-md-165 {
        padding: 165px !important;
    }
    .padding-md-170 {
        padding: 170px !important;
    }
    .padding-md-175 {
        padding: 175px !important;
    }
    .padding-md-180 {
        padding: 180px !important;
    }
    .padding-md-185 {
        padding: 185px !important;
    }
    .padding-md-190 {
        padding: 190px !important;
    }
    .padding-md-195 {
        padding: 195px !important;
    }
    .padding-md-200 {
        padding: 200px !important;
    }
    /* padding top */
    .padding-top-md-5 {
        padding-top: 5px !important;
    }
    .padding-top-md-10 {
        padding-top: 10px !important;
    }
    .padding-top-md-15 {
        padding-top: 15px !important;
    }
    .padding-top-md-20 {
        padding-top: 20px !important;
    }
    .padding-top-md-25 {
        padding-top: 25px !important;
    }
    .padding-top-md-30 {
        padding-top: 30px !important;
    }
    .padding-top-md-35 {
        padding-top: 35px !important;
    }
    .padding-top-md-40 {
        padding-top: 40px !important;
    }
    .padding-top-md-45 {
        padding-top: 45px !important;
    }
    .padding-top-md-50 {
        padding-top: 50px !important;
    }
    .padding-top-md-55 {
        padding-top: 55px !important;
    }
    .padding-top-md-60 {
        padding-top: 60px !important;
    }
    .padding-top-md-65 {
        padding-top: 65px !important;
    }
    .padding-top-md-70 {
        padding-top: 70px !important;
    }
    .padding-top-md-75 {
        padding-top: 75px !important;
    }
    .padding-top-md-80 {
        padding-top: 80px !important;
    }
    .padding-top-md-85 {
        padding-top: 85px !important;
    }
    .padding-top-md-100 {
        padding-top: 100px !important;
    }
    .padding-top-md-105 {
        padding-top: 105px !important;
    }
    .padding-top-md-110 {
        padding-top: 110px !important;
    }
    .padding-top-md-115 {
        padding-top: 115px !important;
    }
    .padding-top-md-120 {
        padding-top: 120px !important;
    }
    .padding-top-md-125 {
        padding-top: 125px !important;
    }
    .padding-top-md-130 {
        padding-top: 130px !important;
    }
    .padding-top-md-135 {
        padding-top: 135px !important;
    }
    .padding-top-md-140 {
        padding-top: 140px !important;
    }
    .padding-top-md-145 {
        padding-top: 145px !important;
    }
    .padding-top-md-150 {
        padding-top: 150px !important;
    }
    .padding-top-md-155 {
        padding-top: 155px !important;
    }
    .padding-top-md-160 {
        padding-top: 160px !important;
    }
    .padding-top-md-165 {
        padding-top: 165px !important;
    }
    .padding-top-md-170 {
        padding-top: 170px !important;
    }
    .padding-top-md-175 {
        padding-top: 175px !important;
    }
    .padding-top-md-180 {
        padding-top: 180px !important;
    }
    .padding-top-md-185 {
        padding-top: 185px !important;
    }
    .padding-top-md-190 {
        padding-top: 190px !important;
    }
    .padding-top-md-195 {
        padding-top: 195px !important;
    }
    .padding-top-md-200 {
        padding-top: 200px !important;
    }
    /* padding bottom */
    .padding-bottom-md-5 {
        padding-bottom: 5px !important;
    }
    .padding-bottom-md-10 {
        padding-bottom: 10px !important;
    }
    .padding-bottom-md-15 {
        padding-bottom: 15px !important;
    }
    .padding-bottom-md-20 {
        padding-bottom: 20px !important;
    }
    .padding-bottom-md-25 {
        padding-bottom: 25px !important;
    }
    .padding-bottom-md-30 {
        padding-bottom: 30px !important;
    }
    .padding-bottom-md-35 {
        padding-bottom: 35px !important;
    }
    .padding-bottom-md-40 {
        padding-bottom: 40px !important;
    }
    .padding-bottom-md-45 {
        padding-bottom: 45px !important;
    }
    .padding-bottom-md-50 {
        padding-bottom: 50px !important;
    }
    .padding-bottom-md-55 {
        padding-bottom: 55px !important;
    }
    .padding-bottom-md-60 {
        padding-bottom: 60px !important;
    }
    .padding-bottom-md-65 {
        padding-bottom: 65px !important;
    }
    .padding-bottom-md-70 {
        padding-bottom: 70px !important;
    }
    .padding-bottom-md-75 {
        padding-bottom: 75px !important;
    }
    .padding-bottom-md-80 {
        padding-bottom: 80px !important;
    }
    .padding-bottom-md-85 {
        padding-bottom: 85px !important;
    }
    .padding-bottom-md-100 {
        padding-bottom: 100px !important;
    }
    .padding-bottom-md-105 {
        padding-bottom: 105px !important;
    }
    .padding-bottom-md-110 {
        padding-bottom: 110px !important;
    }
    .padding-bottom-md-115 {
        padding-bottom: 115px !important;
    }
    .padding-bottom-md-120 {
        padding-bottom: 120px !important;
    }
    .padding-bottom-md-125 {
        padding-bottom: 125px !important;
    }
    .padding-bottom-md-130 {
        padding-bottom: 130px !important;
    }
    .padding-bottom-md-135 {
        padding-bottom: 135px !important;
    }
    .padding-bottom-md-140 {
        padding-bottom: 140px !important;
    }
    .padding-bottom-md-145 {
        padding-bottom: 145px !important;
    }
    .padding-bottom-md-150 {
        padding-bottom: 150px !important;
    }
    .padding-bottom-md-155 {
        padding-bottom: 155px !important;
    }
    .padding-bottom-md-160 {
        padding-bottom: 160px !important;
    }
    .padding-bottom-md-165 {
        padding-bottom: 165px !important;
    }
    .padding-bottom-md-170 {
        padding-bottom: 170px !important;
    }
    .padding-bottom-md-175 {
        padding-bottom: 175px !important;
    }
    .padding-bottom-md-180 {
        padding-bottom: 180px !important;
    }
    .padding-bottom-md-185 {
        padding-bottom: 185px !important;
    }
    .padding-bottom-md-190 {
        padding-bottom: 190px !important;
    }
    .padding-bottom-md-195 {
        padding-bottom: 195px !important;
    }
    .padding-bottom-md-200 {
        padding-bottom: 200px !important;
    }
    /* padding left */
    .padding-left-md-5 {
        padding-left: 5px !important;
    }
    .padding-left-md-10 {
        padding-left: 10px !important;
    }
    .padding-left-md-15 {
        padding-left: 15px !important;
    }
    .padding-left-md-20 {
        padding-left: 20px !important;
    }
    .padding-left-md-25 {
        padding-left: 25px !important;
    }
    .padding-left-md-30 {
        padding-left: 30px !important;
    }
    .padding-left-md-35 {
        padding-left: 35px !important;
    }
    .padding-left-md-40 {
        padding-left: 40px !important;
    }
    .padding-left-md-45 {
        padding-left: 45px !important;
    }
    .padding-left-md-50 {
        padding-left: 50px !important;
    }
    .padding-left-md-55 {
        padding-left: 55px !important;
    }
    .padding-left-md-60 {
        padding-left: 60px !important;
    }
    .padding-left-md-65 {
        padding-left: 65px !important;
    }
    .padding-left-md-70 {
        padding-left: 70px !important;
    }
    .padding-left-md-75 {
        padding-left: 75px !important;
    }
    .padding-left-md-80 {
        padding-left: 80px !important;
    }
    .padding-left-md-85 {
        padding-left: 85px !important;
    }
    .padding-left-md-100 {
        padding-left: 100px !important;
    }
    .padding-left-md-105 {
        padding-left: 105px !important;
    }
    .padding-left-md-110 {
        padding-left: 110px !important;
    }
    .padding-left-md-115 {
        padding-left: 115px !important;
    }
    .padding-left-md-120 {
        padding-left: 120px !important;
    }
    .padding-left-md-125 {
        padding-left: 125px !important;
    }
    .padding-left-md-130 {
        padding-left: 130px !important;
    }
    .padding-left-md-135 {
        padding-left: 135px !important;
    }
    .padding-left-md-140 {
        padding-left: 140px !important;
    }
    .padding-left-md-145 {
        padding-left: 145px !important;
    }
    .padding-left-md-150 {
        padding-left: 150px !important;
    }
    .padding-left-md-155 {
        padding-left: 155px !important;
    }
    .padding-left-md-160 {
        padding-left: 160px !important;
    }
    .padding-left-md-165 {
        padding-left: 165px !important;
    }
    .padding-left-md-170 {
        padding-left: 170px !important;
    }
    .padding-left-md-175 {
        padding-left: 175px !important;
    }
    .padding-left-md-180 {
        padding-left: 180px !important;
    }
    .padding-left-md-185 {
        padding-left: 185px !important;
    }
    .padding-left-md-190 {
        padding-left: 190px !important;
    }
    .padding-left-md-195 {
        padding-left: 195px !important;
    }
    .padding-left-md-200 {
        padding-left: 200px !important;
    }
    /* padding right */
    .padding-right-md-5 {
        padding-right: 5px !important;
    }
    .padding-right-md-10 {
        padding-right: 10px !important;
    }
    .padding-right-md-15 {
        padding-right: 15px !important;
    }
    .padding-right-md-20 {
        padding-right: 20px !important;
    }
    .padding-right-md-25 {
        padding-right: 25px !important;
    }
    .padding-right-md-30 {
        padding-right: 30px !important;
    }
    .padding-right-md-35 {
        padding-right: 35px !important;
    }
    .padding-right-md-40 {
        padding-right: 40px !important;
    }
    .padding-right-md-45 {
        padding-right: 45px !important;
    }
    .padding-right-md-50 {
        padding-right: 50px !important;
    }
    .padding-right-md-55 {
        padding-right: 55px !important;
    }
    .padding-right-md-60 {
        padding-right: 60px !important;
    }
    .padding-right-md-65 {
        padding-right: 65px !important;
    }
    .padding-right-md-70 {
        padding-right: 70px !important;
    }
    .padding-right-md-75 {
        padding-right: 75px !important;
    }
    .padding-right-md-80 {
        padding-right: 80px !important;
    }
    .padding-right-md-85 {
        padding-right: 85px !important;
    }
    .padding-right-md-100 {
        padding-right: 100px !important;
    }
    .padding-right-md-105 {
        padding-right: 105px !important;
    }
    .padding-right-md-110 {
        padding-right: 110px !important;
    }
    .padding-right-md-115 {
        padding-right: 115px !important;
    }
    .padding-right-md-120 {
        padding-right: 120px !important;
    }
    .padding-right-md-125 {
        padding-right: 125px !important;
    }
    .padding-right-md-130 {
        padding-right: 130px !important;
    }
    .padding-right-md-135 {
        padding-right: 135px !important;
    }
    .padding-right-md-140 {
        padding-right: 140px !important;
    }
    .padding-right-md-145 {
        padding-right: 145px !important;
    }
    .padding-right-md-150 {
        padding-right: 150px !important;
    }
    .padding-right-md-155 {
        padding-right: 155px !important;
    }
    .padding-right-md-160 {
        padding-right: 160px !important;
    }
    .padding-right-md-165 {
        padding-right: 165px !important;
    }
    .padding-right-md-170 {
        padding-right: 170px !important;
    }
    .padding-right-md-175 {
        padding-right: 175px !important;
    }
    .padding-right-md-180 {
        padding-right: 180px !important;
    }
    .padding-right-md-185 {
        padding-right: 185px !important;
    }
    .padding-right-md-190 {
        padding-right: 190px !important;
    }
    .padding-right-md-195 {
        padding-right: 195px !important;
    }
    .padding-right-md-200 {
        padding-right: 200px !important;
    }
    /* Padding (percent) 
	===================== */
    .padding-md-1-p {
        padding: 1% !important;
    }
    .padding-md-2-p {
        padding: 2% !important;
    }
    .padding-md-3-p {
        padding: 3% !important;
    }
    .padding-md-4-p {
        padding: 4% !important;
    }
    .padding-md-5-p {
        padding: 5% !important;
    }
    .padding-md-6-p {
        padding: 6% !important;
    }
    .padding-md-7-p {
        padding: 7% !important;
    }
    .padding-md-8-p {
        padding: 8% !important;
    }
    .padding-md-9-p {
        padding: 9% !important;
    }
    .padding-md-10-p {
        padding: 10% !important;
    }
    .padding-md-11-p {
        padding: 11% !important;
    }
    .padding-md-12-p {
        padding: 12% !important;
    }
    .padding-md-13-p {
        padding: 13% !important;
    }
    .padding-md-14-p {
        padding: 14% !important;
    }
    .padding-md-15-p {
        padding: 15% !important;
    }
    .padding-md-16-p {
        padding: 16% !important;
    }
    .padding-md-17-p {
        padding: 17% !important;
    }
    .padding-md-18-p {
        padding: 18% !important;
    }
    .padding-md-19-p {
        padding: 19% !important;
    }
    .padding-md-20-p {
        padding: 20% !important;
    }
    /* padding top (percent) */
    .padding-top-md-1-p {
        padding-top: 1% !important;
    }
    .padding-top-md-2-p {
        padding-top: 2% !important;
    }
    .padding-top-md-3-p {
        padding-top: 3% !important;
    }
    .padding-top-md-4-p {
        padding-top: 4% !important;
    }
    .padding-top-md-5-p {
        padding-top: 5% !important;
    }
    .padding-top-md-6-p {
        padding-top: 6% !important;
    }
    .padding-top-md-7-p {
        padding-top: 7% !important;
    }
    .padding-top-md-8-p {
        padding-top: 8% !important;
    }
    .padding-top-md-9-p {
        padding-top: 9% !important;
    }
    .padding-top-md-10-p {
        padding-top: 10% !important;
    }
    .padding-top-md-11-p {
        padding-top: 11% !important;
    }
    .padding-top-md-12-p {
        padding-top: 12% !important;
    }
    .padding-top-md-13-p {
        padding-top: 13% !important;
    }
    .padding-top-md-14-p {
        padding-top: 14% !important;
    }
    .padding-top-md-15-p {
        padding-top: 15% !important;
    }
    .padding-top-md-16-p {
        padding-top: 16% !important;
    }
    .padding-top-md-17-p {
        padding-top: 17% !important;
    }
    .padding-top-md-18-p {
        padding-top: 18% !important;
    }
    .padding-top-md-19-p {
        padding-top: 19% !important;
    }
    .padding-top-md-20-p {
        padding-top: 20% !important;
    }
    /* padding bottom (percent) */
    .padding-bottom-md-1-p {
        padding-bottom: 1% !important;
    }
    .padding-bottom-md-2-p {
        padding-bottom: 2% !important;
    }
    .padding-bottom-md-3-p {
        padding-bottom: 3% !important;
    }
    .padding-bottom-md-4-p {
        padding-bottom: 4% !important;
    }
    .padding-bottom-md-5-p {
        padding-bottom: 5% !important;
    }
    .padding-bottom-md-6-p {
        padding-bottom: 6% !important;
    }
    .padding-bottom-md-7-p {
        padding-bottom: 7% !important;
    }
    .padding-bottom-md-8-p {
        padding-bottom: 8% !important;
    }
    .padding-bottom-md-9-p {
        padding-bottom: 9% !important;
    }
    .padding-bottom-md-10-p {
        padding-bottom: 10% !important;
    }
    .padding-bottom-md-11-p {
        padding-bottom: 11% !important;
    }
    .padding-bottom-md-12-p {
        padding-bottom: 12% !important;
    }
    .padding-bottom-md-13-p {
        padding-bottom: 13% !important;
    }
    .padding-bottom-md-14-p {
        padding-bottom: 14% !important;
    }
    .padding-bottom-md-15-p {
        padding-bottom: 15% !important;
    }
    .padding-bottom-md-16-p {
        padding-bottom: 16% !important;
    }
    .padding-bottom-md-17-p {
        padding-bottom: 17% !important;
    }
    .padding-bottom-md-18-p {
        padding-bottom: 18% !important;
    }
    .padding-bottom-md-19-p {
        padding-bottom: 19% !important;
    }
    .padding-bottom-md-20-p {
        padding-bottom: 20% !important;
    }
    /* padding left (percent) */
    .padding-left-md-1-p {
        padding-left: 1% !important;
    }
    .padding-left-md-2-p {
        padding-left: 2% !important;
    }
    .padding-left-md-3-p {
        padding-left: 3% !important;
    }
    .padding-left-md-4-p {
        padding-left: 4% !important;
    }
    .padding-left-md-5-p {
        padding-left: 5% !important;
    }
    .padding-left-md-6-p {
        padding-left: 6% !important;
    }
    .padding-left-md-7-p {
        padding-left: 7% !important;
    }
    .padding-left-md-8-p {
        padding-left: 8% !important;
    }
    .padding-left-md-9-p {
        padding-left: 9% !important;
    }
    .padding-left-md-10-p {
        padding-left: 10% !important;
    }
    .padding-left-md-11-p {
        padding-left: 11% !important;
    }
    .padding-left-md-12-p {
        padding-left: 12% !important;
    }
    .padding-left-md-13-p {
        padding-left: 13% !important;
    }
    .padding-left-md-14-p {
        padding-left: 14% !important;
    }
    .padding-left-md-15-p {
        padding-left: 15% !important;
    }
    .padding-left-md-16-p {
        padding-left: 16% !important;
    }
    .padding-left-md-17-p {
        padding-left: 17% !important;
    }
    .padding-left-md-18-p {
        padding-left: 18% !important;
    }
    .padding-left-md-19-p {
        padding-left: 19% !important;
    }
    .padding-left-md-20-p {
        padding-left: 20% !important;
    }
    /* padding right (percent) */
    .padding-right-md-1-p {
        padding-right: 1% !important;
    }
    .padding-right-md-2-p {
        padding-right: 2% !important;
    }
    .padding-right-md-3-p {
        padding-right: 3% !important;
    }
    .padding-right-md-4-p {
        padding-right: 4% !important;
    }
    .padding-right-md-5-p {
        padding-right: 5% !important;
    }
    .padding-right-md-6-p {
        padding-right: 6% !important;
    }
    .padding-right-md-7-p {
        padding-right: 7% !important;
    }
    .padding-right-md-8-p {
        padding-right: 8% !important;
    }
    .padding-right-md-9-p {
        padding-right: 9% !important;
    }
    .padding-right-md-10-p {
        padding-right: 10% !important;
    }
    .padding-right-md-11-p {
        padding-right: 11% !important;
    }
    .padding-right-md-12-p {
        padding-right: 12% !important;
    }
    .padding-right-md-13-p {
        padding-right: 13% !important;
    }
    .padding-right-md-14-p {
        padding-right: 14% !important;
    }
    .padding-right-md-15-p {
        padding-right: 15% !important;
    }
    .padding-right-md-16-p {
        padding-right: 16% !important;
    }
    .padding-right-md-17-p {
        padding-right: 17% !important;
    }
    .padding-right-md-18-p {
        padding-right: 18% !important;
    }
    .padding-right-md-19-p {
        padding-right: 19% !important;
    }
    .padding-right-md-20-p {
        padding-right: 20% !important;
    }
    /* no paddings classes */
    .no-padding-md {
        padding: 0 !important;
    }
    .no-padding-md-top {
        padding-top: 0 !important;
    }
    .no-padding-md-bottom {
        padding-bottom: 0 !important;
    }
    .no-padding-md-left {
        padding-left: 0 !important;
    }
    .no-padding-md-right {
        padding-right: 0 !important;
    }
}

@media (min-width: 992px) {
    .padding-lg-5 {
        padding: 5px !important;
    }
    .padding-lg-10 {
        padding: 10px !important;
    }
    .padding-lg-15 {
        padding: 15px !important;
    }
    .padding-lg-20 {
        padding: 20px !important;
    }
    .padding-lg-25 {
        padding: 25px !important;
    }
    .padding-lg-30 {
        padding: 30px !important;
    }
    .padding-lg-35 {
        padding: 35px !important;
    }
    .padding-lg-40 {
        padding: 40px !important;
    }
    .padding-lg-45 {
        padding: 45px !important;
    }
    .padding-lg-50 {
        padding: 50px !important;
    }
    .padding-lg-55 {
        padding: 55px !important;
    }
    .padding-lg-60 {
        padding: 60px !important;
    }
    .padding-lg-65 {
        padding: 65px !important;
    }
    .padding-lg-70 {
        padding: 70px !important;
    }
    .padding-lg-75 {
        padding: 75px !important;
    }
    .padding-lg-80 {
        padding: 80px !important;
    }
    .padding-lg-85 {
        padding: 85px !important;
    }
    .padding-lg-100 {
        padding: 80px !important;
    }
    .padding-lg-105 {
        padding: 105px !important;
    }
    .padding-lg-110 {
        padding: 110px !important;
    }
    .padding-lg-115 {
        padding: 115px !important;
    }
    .padding-lg-120 {
        padding: 120px !important;
    }
    .padding-lg-125 {
        padding: 125px !important;
    }
    .padding-lg-130 {
        padding: 130px !important;
    }
    .padding-lg-135 {
        padding: 135px !important;
    }
    .padding-lg-140 {
        padding: 140px !important;
    }
    .padding-lg-145 {
        padding: 145px !important;
    }
    .padding-lg-150 {
        padding: 150px !important;
    }
    .padding-lg-155 {
        padding: 155px !important;
    }
    .padding-lg-160 {
        padding: 160px !important;
    }
    .padding-lg-165 {
        padding: 165px !important;
    }
    .padding-lg-170 {
        padding: 170px !important;
    }
    .padding-lg-175 {
        padding: 175px !important;
    }
    .padding-lg-180 {
        padding: 180px !important;
    }
    .padding-lg-185 {
        padding: 185px !important;
    }
    .padding-lg-190 {
        padding: 190px !important;
    }
    .padding-lg-195 {
        padding: 195px !important;
    }
    .padding-lg-200 {
        padding: 200px !important;
    }
    /* padding top */
    .padding-top-lg-5 {
        padding-top: 5px !important;
    }
    .padding-top-lg-10 {
        padding-top: 10px !important;
    }
    .padding-top-lg-15 {
        padding-top: 15px !important;
    }
    .padding-top-lg-20 {
        padding-top: 20px !important;
    }
    .padding-top-lg-25 {
        padding-top: 25px !important;
    }
    .padding-top-lg-30 {
        padding-top: 30px !important;
    }
    .padding-top-lg-35 {
        padding-top: 35px !important;
    }
    .padding-top-lg-40 {
        padding-top: 40px !important;
    }
    .padding-top-lg-45 {
        padding-top: 45px !important;
    }
    .padding-top-lg-50 {
        padding-top: 50px !important;
    }
    .padding-top-lg-55 {
        padding-top: 55px !important;
    }
    .padding-top-lg-60 {
        padding-top: 60px !important;
    }
    .padding-top-lg-65 {
        padding-top: 65px !important;
    }
    .padding-top-lg-70 {
        padding-top: 70px !important;
    }
    .padding-top-lg-75 {
        padding-top: 75px !important;
    }
    .padding-top-lg-80 {
        padding-top: 80px !important;
    }
    .padding-top-lg-85 {
        padding-top: 85px !important;
    }
    .padding-top-lg-100 {
        padding-top: 100px !important;
    }
    .padding-top-lg-105 {
        padding-top: 105px !important;
    }
    .padding-top-lg-110 {
        padding-top: 110px !important;
    }
    .padding-top-lg-115 {
        padding-top: 115px !important;
    }
    .padding-top-lg-120 {
        padding-top: 120px !important;
    }
    .padding-top-lg-125 {
        padding-top: 125px !important;
    }
    .padding-top-lg-130 {
        padding-top: 130px !important;
    }
    .padding-top-lg-135 {
        padding-top: 135px !important;
    }
    .padding-top-lg-140 {
        padding-top: 140px !important;
    }
    .padding-top-lg-145 {
        padding-top: 145px !important;
    }
    .padding-top-lg-150 {
        padding-top: 150px !important;
    }
    .padding-top-lg-155 {
        padding-top: 155px !important;
    }
    .padding-top-lg-160 {
        padding-top: 160px !important;
    }
    .padding-top-lg-165 {
        padding-top: 165px !important;
    }
    .padding-top-lg-170 {
        padding-top: 170px !important;
    }
    .padding-top-lg-175 {
        padding-top: 175px !important;
    }
    .padding-top-lg-180 {
        padding-top: 180px !important;
    }
    .padding-top-lg-185 {
        padding-top: 185px !important;
    }
    .padding-top-lg-190 {
        padding-top: 190px !important;
    }
    .padding-top-lg-195 {
        padding-top: 195px !important;
    }
    .padding-top-lg-200 {
        padding-top: 200px !important;
    }
    /* padding bottom */
    .padding-bottom-lg-5 {
        padding-bottom: 5px !important;
    }
    .padding-bottom-lg-10 {
        padding-bottom: 10px !important;
    }
    .padding-bottom-lg-15 {
        padding-bottom: 15px !important;
    }
    .padding-bottom-lg-20 {
        padding-bottom: 20px !important;
    }
    .padding-bottom-lg-25 {
        padding-bottom: 25px !important;
    }
    .padding-bottom-lg-30 {
        padding-bottom: 30px !important;
    }
    .padding-bottom-lg-35 {
        padding-bottom: 35px !important;
    }
    .padding-bottom-lg-40 {
        padding-bottom: 40px !important;
    }
    .padding-bottom-lg-45 {
        padding-bottom: 45px !important;
    }
    .padding-bottom-lg-50 {
        padding-bottom: 50px !important;
    }
    .padding-bottom-lg-55 {
        padding-bottom: 55px !important;
    }
    .padding-bottom-lg-60 {
        padding-bottom: 60px !important;
    }
    .padding-bottom-lg-65 {
        padding-bottom: 65px !important;
    }
    .padding-bottom-lg-70 {
        padding-bottom: 70px !important;
    }
    .padding-bottom-lg-75 {
        padding-bottom: 75px !important;
    }
    .padding-bottom-lg-80 {
        padding-bottom: 80px !important;
    }
    .padding-bottom-lg-85 {
        padding-bottom: 85px !important;
    }
    .padding-bottom-lg-100 {
        padding-bottom: 100px !important;
    }
    .padding-bottom-lg-105 {
        padding-bottom: 105px !important;
    }
    .padding-bottom-lg-110 {
        padding-bottom: 110px !important;
    }
    .padding-bottom-lg-115 {
        padding-bottom: 115px !important;
    }
    .padding-bottom-lg-120 {
        padding-bottom: 120px !important;
    }
    .padding-bottom-lg-125 {
        padding-bottom: 125px !important;
    }
    .padding-bottom-lg-130 {
        padding-bottom: 130px !important;
    }
    .padding-bottom-lg-135 {
        padding-bottom: 135px !important;
    }
    .padding-bottom-lg-140 {
        padding-bottom: 140px !important;
    }
    .padding-bottom-lg-145 {
        padding-bottom: 145px !important;
    }
    .padding-bottom-lg-150 {
        padding-bottom: 150px !important;
    }
    .padding-bottom-lg-155 {
        padding-bottom: 155px !important;
    }
    .padding-bottom-lg-160 {
        padding-bottom: 160px !important;
    }
    .padding-bottom-lg-165 {
        padding-bottom: 165px !important;
    }
    .padding-bottom-lg-170 {
        padding-bottom: 170px !important;
    }
    .padding-bottom-lg-175 {
        padding-bottom: 175px !important;
    }
    .padding-bottom-lg-180 {
        padding-bottom: 180px !important;
    }
    .padding-bottom-lg-185 {
        padding-bottom: 185px !important;
    }
    .padding-bottom-lg-190 {
        padding-bottom: 190px !important;
    }
    .padding-bottom-lg-195 {
        padding-bottom: 195px !important;
    }
    .padding-bottom-lg-200 {
        padding-bottom: 200px !important;
    }
    /* padding left */
    .padding-left-lg-5 {
        padding-left: 5px !important;
    }
    .padding-left-lg-10 {
        padding-left: 10px !important;
    }
    .padding-left-lg-15 {
        padding-left: 15px !important;
    }
    .padding-left-lg-20 {
        padding-left: 20px !important;
    }
    .padding-left-lg-25 {
        padding-left: 25px !important;
    }
    .padding-left-lg-30 {
        padding-left: 30px !important;
    }
    .padding-left-lg-35 {
        padding-left: 35px !important;
    }
    .padding-left-lg-40 {
        padding-left: 40px !important;
    }
    .padding-left-lg-45 {
        padding-left: 45px !important;
    }
    .padding-left-lg-50 {
        padding-left: 50px !important;
    }
    .padding-left-lg-55 {
        padding-left: 55px !important;
    }
    .padding-left-lg-60 {
        padding-left: 60px !important;
    }
    .padding-left-lg-65 {
        padding-left: 65px !important;
    }
    .padding-left-lg-70 {
        padding-left: 70px !important;
    }
    .padding-left-lg-75 {
        padding-left: 75px !important;
    }
    .padding-left-lg-80 {
        padding-left: 80px !important;
    }
    .padding-left-lg-85 {
        padding-left: 85px !important;
    }
    .padding-left-lg-100 {
        padding-left: 100px !important;
    }
    .padding-left-lg-105 {
        padding-left: 105px !important;
    }
    .padding-left-lg-110 {
        padding-left: 110px !important;
    }
    .padding-left-lg-115 {
        padding-left: 115px !important;
    }
    .padding-left-lg-120 {
        padding-left: 120px !important;
    }
    .padding-left-lg-125 {
        padding-left: 125px !important;
    }
    .padding-left-lg-130 {
        padding-left: 130px !important;
    }
    .padding-left-lg-135 {
        padding-left: 135px !important;
    }
    .padding-left-lg-140 {
        padding-left: 140px !important;
    }
    .padding-left-lg-145 {
        padding-left: 145px !important;
    }
    .padding-left-lg-150 {
        padding-left: 150px !important;
    }
    .padding-left-lg-155 {
        padding-left: 155px !important;
    }
    .padding-left-lg-160 {
        padding-left: 160px !important;
    }
    .padding-left-lg-165 {
        padding-left: 165px !important;
    }
    .padding-left-lg-170 {
        padding-left: 170px !important;
    }
    .padding-left-lg-175 {
        padding-left: 175px !important;
    }
    .padding-left-lg-180 {
        padding-left: 180px !important;
    }
    .padding-left-lg-185 {
        padding-left: 185px !important;
    }
    .padding-left-lg-190 {
        padding-left: 190px !important;
    }
    .padding-left-lg-195 {
        padding-left: 195px !important;
    }
    .padding-left-lg-200 {
        padding-left: 200px !important;
    }
    /* padding right */
    .padding-right-lg-5 {
        padding-right: 5px !important;
    }
    .padding-right-lg-10 {
        padding-right: 10px !important;
    }
    .padding-right-lg-15 {
        padding-right: 15px !important;
    }
    .padding-right-lg-20 {
        padding-right: 20px !important;
    }
    .padding-right-lg-25 {
        padding-right: 25px !important;
    }
    .padding-right-lg-30 {
        padding-right: 30px !important;
    }
    .padding-right-lg-35 {
        padding-right: 35px !important;
    }
    .padding-right-lg-40 {
        padding-right: 40px !important;
    }
    .padding-right-lg-45 {
        padding-right: 45px !important;
    }
    .padding-right-lg-50 {
        padding-right: 50px !important;
    }
    .padding-right-lg-55 {
        padding-right: 55px !important;
    }
    .padding-right-lg-60 {
        padding-right: 60px !important;
    }
    .padding-right-lg-65 {
        padding-right: 65px !important;
    }
    .padding-right-lg-70 {
        padding-right: 70px !important;
    }
    .padding-right-lg-75 {
        padding-right: 75px !important;
    }
    .padding-right-lg-80 {
        padding-right: 80px !important;
    }
    .padding-right-lg-85 {
        padding-right: 85px !important;
    }
    .padding-right-lg-100 {
        padding-right: 100px !important;
    }
    .padding-right-lg-105 {
        padding-right: 105px !important;
    }
    .padding-right-lg-110 {
        padding-right: 110px !important;
    }
    .padding-right-lg-115 {
        padding-right: 115px !important;
    }
    .padding-right-lg-120 {
        padding-right: 120px !important;
    }
    .padding-right-lg-125 {
        padding-right: 125px !important;
    }
    .padding-right-lg-130 {
        padding-right: 130px !important;
    }
    .padding-right-lg-135 {
        padding-right: 135px !important;
    }
    .padding-right-lg-140 {
        padding-right: 140px !important;
    }
    .padding-right-lg-145 {
        padding-right: 145px !important;
    }
    .padding-right-lg-150 {
        padding-right: 150px !important;
    }
    .padding-right-lg-155 {
        padding-right: 155px !important;
    }
    .padding-right-lg-160 {
        padding-right: 160px !important;
    }
    .padding-right-lg-165 {
        padding-right: 165px !important;
    }
    .padding-right-lg-170 {
        padding-right: 170px !important;
    }
    .padding-right-lg-175 {
        padding-right: 175px !important;
    }
    .padding-right-lg-180 {
        padding-right: 180px !important;
    }
    .padding-right-lg-185 {
        padding-right: 185px !important;
    }
    .padding-right-lg-190 {
        padding-right: 190px !important;
    }
    .padding-right-lg-195 {
        padding-right: 195px !important;
    }
    .padding-right-lg-200 {
        padding-right: 200px !important;
    }
    /* Padding (percent) 
	===================== */
    .padding-lg-1-p {
        padding: 1% !important;
    }
    .padding-lg-2-p {
        padding: 2% !important;
    }
    .padding-lg-3-p {
        padding: 3% !important;
    }
    .padding-lg-4-p {
        padding: 4% !important;
    }
    .padding-lg-5-p {
        padding: 5% !important;
    }
    .padding-lg-6-p {
        padding: 6% !important;
    }
    .padding-lg-7-p {
        padding: 7% !important;
    }
    .padding-lg-8-p {
        padding: 8% !important;
    }
    .padding-lg-9-p {
        padding: 9% !important;
    }
    .padding-lg-10-p {
        padding: 10% !important;
    }
    .padding-lg-11-p {
        padding: 11% !important;
    }
    .padding-lg-12-p {
        padding: 12% !important;
    }
    .padding-lg-13-p {
        padding: 13% !important;
    }
    .padding-lg-14-p {
        padding: 14% !important;
    }
    .padding-lg-15-p {
        padding: 15% !important;
    }
    .padding-lg-16-p {
        padding: 16% !important;
    }
    .padding-lg-17-p {
        padding: 17% !important;
    }
    .padding-lg-18-p {
        padding: 18% !important;
    }
    .padding-lg-19-p {
        padding: 19% !important;
    }
    .padding-lg-20-p {
        padding: 20% !important;
    }
    /* padding top (percent) */
    .padding-top-lg-1-p {
        padding-top: 1% !important;
    }
    .padding-top-lg-2-p {
        padding-top: 2% !important;
    }
    .padding-top-lg-3-p {
        padding-top: 3% !important;
    }
    .padding-top-lg-4-p {
        padding-top: 4% !important;
    }
    .padding-top-lg-5-p {
        padding-top: 5% !important;
    }
    .padding-top-lg-6-p {
        padding-top: 6% !important;
    }
    .padding-top-lg-7-p {
        padding-top: 7% !important;
    }
    .padding-top-lg-8-p {
        padding-top: 8% !important;
    }
    .padding-top-lg-9-p {
        padding-top: 9% !important;
    }
    .padding-top-lg-10-p {
        padding-top: 10% !important;
    }
    .padding-top-lg-11-p {
        padding-top: 11% !important;
    }
    .padding-top-lg-12-p {
        padding-top: 12% !important;
    }
    .padding-top-lg-13-p {
        padding-top: 13% !important;
    }
    .padding-top-lg-14-p {
        padding-top: 14% !important;
    }
    .padding-top-lg-15-p {
        padding-top: 15% !important;
    }
    .padding-top-lg-16-p {
        padding-top: 16% !important;
    }
    .padding-top-lg-17-p {
        padding-top: 17% !important;
    }
    .padding-top-lg-18-p {
        padding-top: 18% !important;
    }
    .padding-top-lg-19-p {
        padding-top: 19% !important;
    }
    .padding-top-lg-20-p {
        padding-top: 20% !important;
    }
    /* padding bottom (percent) */
    .padding-bottom-lg-1-p {
        padding-bottom: 1% !important;
    }
    .padding-bottom-lg-2-p {
        padding-bottom: 2% !important;
    }
    .padding-bottom-lg-3-p {
        padding-bottom: 3% !important;
    }
    .padding-bottom-lg-4-p {
        padding-bottom: 4% !important;
    }
    .padding-bottom-lg-5-p {
        padding-bottom: 5% !important;
    }
    .padding-bottom-lg-6-p {
        padding-bottom: 6% !important;
    }
    .padding-bottom-lg-7-p {
        padding-bottom: 7% !important;
    }
    .padding-bottom-lg-8-p {
        padding-bottom: 8% !important;
    }
    .padding-bottom-lg-9-p {
        padding-bottom: 9% !important;
    }
    .padding-bottom-lg-10-p {
        padding-bottom: 10% !important;
    }
    .padding-bottom-lg-11-p {
        padding-bottom: 11% !important;
    }
    .padding-bottom-lg-12-p {
        padding-bottom: 12% !important;
    }
    .padding-bottom-lg-13-p {
        padding-bottom: 13% !important;
    }
    .padding-bottom-lg-14-p {
        padding-bottom: 14% !important;
    }
    .padding-bottom-lg-15-p {
        padding-bottom: 15% !important;
    }
    .padding-bottom-lg-16-p {
        padding-bottom: 16% !important;
    }
    .padding-bottom-lg-17-p {
        padding-bottom: 17% !important;
    }
    .padding-bottom-lg-18-p {
        padding-bottom: 18% !important;
    }
    .padding-bottom-lg-19-p {
        padding-bottom: 19% !important;
    }
    .padding-bottom-lg-20-p {
        padding-bottom: 20% !important;
    }
    /* padding left (percent) */
    .padding-left-lg-1-p {
        padding-left: 1% !important;
    }
    .padding-left-lg-2-p {
        padding-left: 2% !important;
    }
    .padding-left-lg-3-p {
        padding-left: 3% !important;
    }
    .padding-left-lg-4-p {
        padding-left: 4% !important;
    }
    .padding-left-lg-5-p {
        padding-left: 5% !important;
    }
    .padding-left-lg-6-p {
        padding-left: 6% !important;
    }
    .padding-left-lg-7-p {
        padding-left: 7% !important;
    }
    .padding-left-lg-8-p {
        padding-left: 8% !important;
    }
    .padding-left-lg-9-p {
        padding-left: 9% !important;
    }
    .padding-left-lg-10-p {
        padding-left: 10% !important;
    }
    .padding-left-lg-11-p {
        padding-left: 11% !important;
    }
    .padding-left-lg-12-p {
        padding-left: 12% !important;
    }
    .padding-left-lg-13-p {
        padding-left: 13% !important;
    }
    .padding-left-lg-14-p {
        padding-left: 14% !important;
    }
    .padding-left-lg-15-p {
        padding-left: 15% !important;
    }
    .padding-left-lg-16-p {
        padding-left: 16% !important;
    }
    .padding-left-lg-17-p {
        padding-left: 17% !important;
    }
    .padding-left-lg-18-p {
        padding-left: 18% !important;
    }
    .padding-left-lg-19-p {
        padding-left: 19% !important;
    }
    .padding-left-lg-20-p {
        padding-left: 20% !important;
    }
    /* padding right (percent) */
    .padding-right-lg-1-p {
        padding-right: 1% !important;
    }
    .padding-right-lg-2-p {
        padding-right: 2% !important;
    }
    .padding-right-lg-3-p {
        padding-right: 3% !important;
    }
    .padding-right-lg-4-p {
        padding-right: 4% !important;
    }
    .padding-right-lg-5-p {
        padding-right: 5% !important;
    }
    .padding-right-lg-6-p {
        padding-right: 6% !important;
    }
    .padding-right-lg-7-p {
        padding-right: 7% !important;
    }
    .padding-right-lg-8-p {
        padding-right: 8% !important;
    }
    .padding-right-lg-9-p {
        padding-right: 9% !important;
    }
    .padding-right-lg-10-p {
        padding-right: 10% !important;
    }
    .padding-right-lg-11-p {
        padding-right: 11% !important;
    }
    .padding-right-lg-12-p {
        padding-right: 12% !important;
    }
    .padding-right-lg-13-p {
        padding-right: 13% !important;
    }
    .padding-right-lg-14-p {
        padding-right: 14% !important;
    }
    .padding-right-lg-15-p {
        padding-right: 15% !important;
    }
    .padding-right-lg-16-p {
        padding-right: 16% !important;
    }
    .padding-right-lg-17-p {
        padding-right: 17% !important;
    }
    .padding-right-lg-18-p {
        padding-right: 18% !important;
    }
    .padding-right-lg-19-p {
        padding-right: 19% !important;
    }
    .padding-right-lg-20-p {
        padding-right: 20% !important;
    }
    /* no paddings classes */
    .no-padding-lg {
        padding: 0 !important;
    }
    .no-padding-lg-top {
        padding-top: 0 !important;
    }
    .no-padding-lg-bottom {
        padding-bottom: 0 !important;
    }
    .no-padding-lg-left {
        padding-left: 0 !important;
    }
    .no-padding-lg-right {
        padding-right: 0 !important;
    }
}

@media (min-width: 1025px) {
    .padding-xlg-5 {
        padding: 5px !important;
    }
    .padding-xlg-10 {
        padding: 10px !important;
    }
    .padding-xlg-15 {
        padding: 15px !important;
    }
    .padding-xlg-20 {
        padding: 20px !important;
    }
    .padding-xlg-25 {
        padding: 25px !important;
    }
    .padding-xlg-30 {
        padding: 30px !important;
    }
    .padding-xlg-35 {
        padding: 35px !important;
    }
    .padding-xlg-40 {
        padding: 40px !important;
    }
    .padding-xlg-45 {
        padding: 45px !important;
    }
    .padding-xlg-50 {
        padding: 50px !important;
    }
    .padding-xlg-55 {
        padding: 55px !important;
    }
    .padding-xlg-60 {
        padding: 60px !important;
    }
    .padding-xlg-65 {
        padding: 65px !important;
    }
    .padding-xlg-70 {
        padding: 70px !important;
    }
    .padding-xlg-75 {
        padding: 75px !important;
    }
    .padding-xlg-80 {
        padding: 80px !important;
    }
    .padding-xlg-85 {
        padding: 85px !important;
    }
    .padding-xlg-100 {
        padding: 80px !important;
    }
    .padding-xlg-105 {
        padding: 105px !important;
    }
    .padding-xlg-110 {
        padding: 110px !important;
    }
    .padding-xlg-115 {
        padding: 115px !important;
    }
    .padding-xlg-120 {
        padding: 120px !important;
    }
    .padding-xlg-125 {
        padding: 125px !important;
    }
    .padding-xlg-130 {
        padding: 130px !important;
    }
    .padding-xlg-135 {
        padding: 135px !important;
    }
    .padding-xlg-140 {
        padding: 140px !important;
    }
    .padding-xlg-145 {
        padding: 145px !important;
    }
    .padding-xlg-150 {
        padding: 150px !important;
    }
    .padding-xlg-155 {
        padding: 155px !important;
    }
    .padding-xlg-160 {
        padding: 160px !important;
    }
    .padding-xlg-165 {
        padding: 165px !important;
    }
    .padding-xlg-170 {
        padding: 170px !important;
    }
    .padding-xlg-175 {
        padding: 175px !important;
    }
    .padding-xlg-180 {
        padding: 180px !important;
    }
    .padding-xlg-185 {
        padding: 185px !important;
    }
    .padding-xlg-190 {
        padding: 190px !important;
    }
    .padding-xlg-195 {
        padding: 195px !important;
    }
    .padding-xlg-200 {
        padding: 200px !important;
    }
    /* padding top */
    .padding-top-xlg-5 {
        padding-top: 5px !important;
    }
    .padding-top-xlg-10 {
        padding-top: 10px !important;
    }
    .padding-top-xlg-15 {
        padding-top: 15px !important;
    }
    .padding-top-xlg-20 {
        padding-top: 20px !important;
    }
    .padding-top-xlg-25 {
        padding-top: 25px !important;
    }
    .padding-top-xlg-30 {
        padding-top: 30px !important;
    }
    .padding-top-xlg-35 {
        padding-top: 35px !important;
    }
    .padding-top-xlg-40 {
        padding-top: 40px !important;
    }
    .padding-top-xlg-45 {
        padding-top: 45px !important;
    }
    .padding-top-xlg-50 {
        padding-top: 50px !important;
    }
    .padding-top-xlg-55 {
        padding-top: 55px !important;
    }
    .padding-top-xlg-60 {
        padding-top: 60px !important;
    }
    .padding-top-xlg-65 {
        padding-top: 65px !important;
    }
    .padding-top-xlg-70 {
        padding-top: 70px !important;
    }
    .padding-top-xlg-75 {
        padding-top: 75px !important;
    }
    .padding-top-xlg-80 {
        padding-top: 80px !important;
    }
    .padding-top-xlg-85 {
        padding-top: 85px !important;
    }
    .padding-top-xlg-100 {
        padding-top: 100px !important;
    }
    .padding-top-xlg-105 {
        padding-top: 105px !important;
    }
    .padding-top-xlg-110 {
        padding-top: 110px !important;
    }
    .padding-top-xlg-115 {
        padding-top: 115px !important;
    }
    .padding-top-xlg-120 {
        padding-top: 120px !important;
    }
    .padding-top-xlg-125 {
        padding-top: 125px !important;
    }
    .padding-top-xlg-130 {
        padding-top: 130px !important;
    }
    .padding-top-xlg-135 {
        padding-top: 135px !important;
    }
    .padding-top-xlg-140 {
        padding-top: 140px !important;
    }
    .padding-top-xlg-145 {
        padding-top: 145px !important;
    }
    .padding-top-xlg-150 {
        padding-top: 150px !important;
    }
    .padding-top-xlg-155 {
        padding-top: 155px !important;
    }
    .padding-top-xlg-160 {
        padding-top: 160px !important;
    }
    .padding-top-xlg-165 {
        padding-top: 165px !important;
    }
    .padding-top-xlg-170 {
        padding-top: 170px !important;
    }
    .padding-top-xlg-175 {
        padding-top: 175px !important;
    }
    .padding-top-xlg-180 {
        padding-top: 180px !important;
    }
    .padding-top-xlg-185 {
        padding-top: 185px !important;
    }
    .padding-top-xlg-190 {
        padding-top: 190px !important;
    }
    .padding-top-xlg-195 {
        padding-top: 195px !important;
    }
    .padding-top-xlg-200 {
        padding-top: 200px !important;
    }
    /* padding bottom */
    .padding-bottom-xlg-5 {
        padding-bottom: 5px !important;
    }
    .padding-bottom-xlg-10 {
        padding-bottom: 10px !important;
    }
    .padding-bottom-xlg-15 {
        padding-bottom: 15px !important;
    }
    .padding-bottom-xlg-20 {
        padding-bottom: 20px !important;
    }
    .padding-bottom-xlg-25 {
        padding-bottom: 25px !important;
    }
    .padding-bottom-xlg-30 {
        padding-bottom: 30px !important;
    }
    .padding-bottom-xlg-35 {
        padding-bottom: 35px !important;
    }
    .padding-bottom-xlg-40 {
        padding-bottom: 40px !important;
    }
    .padding-bottom-xlg-45 {
        padding-bottom: 45px !important;
    }
    .padding-bottom-xlg-50 {
        padding-bottom: 50px !important;
    }
    .padding-bottom-xlg-55 {
        padding-bottom: 55px !important;
    }
    .padding-bottom-xlg-60 {
        padding-bottom: 60px !important;
    }
    .padding-bottom-xlg-65 {
        padding-bottom: 65px !important;
    }
    .padding-bottom-xlg-70 {
        padding-bottom: 70px !important;
    }
    .padding-bottom-xlg-75 {
        padding-bottom: 75px !important;
    }
    .padding-bottom-xlg-80 {
        padding-bottom: 80px !important;
    }
    .padding-bottom-xlg-85 {
        padding-bottom: 85px !important;
    }
    .padding-bottom-xlg-100 {
        padding-bottom: 100px !important;
    }
    .padding-bottom-xlg-105 {
        padding-bottom: 105px !important;
    }
    .padding-bottom-xlg-110 {
        padding-bottom: 110px !important;
    }
    .padding-bottom-xlg-115 {
        padding-bottom: 115px !important;
    }
    .padding-bottom-xlg-120 {
        padding-bottom: 120px !important;
    }
    .padding-bottom-xlg-125 {
        padding-bottom: 125px !important;
    }
    .padding-bottom-xlg-130 {
        padding-bottom: 130px !important;
    }
    .padding-bottom-xlg-135 {
        padding-bottom: 135px !important;
    }
    .padding-bottom-xlg-140 {
        padding-bottom: 140px !important;
    }
    .padding-bottom-xlg-145 {
        padding-bottom: 145px !important;
    }
    .padding-bottom-xlg-150 {
        padding-bottom: 150px !important;
    }
    .padding-bottom-xlg-155 {
        padding-bottom: 155px !important;
    }
    .padding-bottom-xlg-160 {
        padding-bottom: 160px !important;
    }
    .padding-bottom-xlg-165 {
        padding-bottom: 165px !important;
    }
    .padding-bottom-xlg-170 {
        padding-bottom: 170px !important;
    }
    .padding-bottom-xlg-175 {
        padding-bottom: 175px !important;
    }
    .padding-bottom-xlg-180 {
        padding-bottom: 180px !important;
    }
    .padding-bottom-xlg-185 {
        padding-bottom: 185px !important;
    }
    .padding-bottom-xlg-190 {
        padding-bottom: 190px !important;
    }
    .padding-bottom-xlg-195 {
        padding-bottom: 195px !important;
    }
    .padding-bottom-xlg-200 {
        padding-bottom: 200px !important;
    }
    /* padding left */
    .padding-left-xlg-5 {
        padding-left: 5px !important;
    }
    .padding-left-xlg-10 {
        padding-left: 10px !important;
    }
    .padding-left-xlg-15 {
        padding-left: 15px !important;
    }
    .padding-left-xlg-20 {
        padding-left: 20px !important;
    }
    .padding-left-xlg-25 {
        padding-left: 25px !important;
    }
    .padding-left-xlg-30 {
        padding-left: 30px !important;
    }
    .padding-left-xlg-35 {
        padding-left: 35px !important;
    }
    .padding-left-xlg-40 {
        padding-left: 40px !important;
    }
    .padding-left-xlg-45 {
        padding-left: 45px !important;
    }
    .padding-left-xlg-50 {
        padding-left: 50px !important;
    }
    .padding-left-xlg-55 {
        padding-left: 55px !important;
    }
    .padding-left-xlg-60 {
        padding-left: 60px !important;
    }
    .padding-left-xlg-65 {
        padding-left: 65px !important;
    }
    .padding-left-xlg-70 {
        padding-left: 70px !important;
    }
    .padding-left-xlg-75 {
        padding-left: 75px !important;
    }
    .padding-left-xlg-80 {
        padding-left: 80px !important;
    }
    .padding-left-xlg-85 {
        padding-left: 85px !important;
    }
    .padding-left-xlg-100 {
        padding-left: 100px !important;
    }
    .padding-left-xlg-105 {
        padding-left: 105px !important;
    }
    .padding-left-xlg-110 {
        padding-left: 110px !important;
    }
    .padding-left-xlg-115 {
        padding-left: 115px !important;
    }
    .padding-left-xlg-120 {
        padding-left: 120px !important;
    }
    .padding-left-xlg-125 {
        padding-left: 125px !important;
    }
    .padding-left-xlg-130 {
        padding-left: 130px !important;
    }
    .padding-left-xlg-135 {
        padding-left: 135px !important;
    }
    .padding-left-xlg-140 {
        padding-left: 140px !important;
    }
    .padding-left-xlg-145 {
        padding-left: 145px !important;
    }
    .padding-left-xlg-150 {
        padding-left: 150px !important;
    }
    .padding-left-xlg-155 {
        padding-left: 155px !important;
    }
    .padding-left-xlg-160 {
        padding-left: 160px !important;
    }
    .padding-left-xlg-165 {
        padding-left: 165px !important;
    }
    .padding-left-xlg-170 {
        padding-left: 170px !important;
    }
    .padding-left-xlg-175 {
        padding-left: 175px !important;
    }
    .padding-left-xlg-180 {
        padding-left: 180px !important;
    }
    .padding-left-xlg-185 {
        padding-left: 185px !important;
    }
    .padding-left-xlg-190 {
        padding-left: 190px !important;
    }
    .padding-left-xlg-195 {
        padding-left: 195px !important;
    }
    .padding-left-xlg-200 {
        padding-left: 200px !important;
    }
    /* padding right */
    .padding-right-xlg-5 {
        padding-right: 5px !important;
    }
    .padding-right-xlg-10 {
        padding-right: 10px !important;
    }
    .padding-right-xlg-15 {
        padding-right: 15px !important;
    }
    .padding-right-xlg-20 {
        padding-right: 20px !important;
    }
    .padding-right-xlg-25 {
        padding-right: 25px !important;
    }
    .padding-right-xlg-30 {
        padding-right: 30px !important;
    }
    .padding-right-xlg-35 {
        padding-right: 35px !important;
    }
    .padding-right-xlg-40 {
        padding-right: 40px !important;
    }
    .padding-right-xlg-45 {
        padding-right: 45px !important;
    }
    .padding-right-xlg-50 {
        padding-right: 50px !important;
    }
    .padding-right-xlg-55 {
        padding-right: 55px !important;
    }
    .padding-right-xlg-60 {
        padding-right: 60px !important;
    }
    .padding-right-xlg-65 {
        padding-right: 65px !important;
    }
    .padding-right-xlg-70 {
        padding-right: 70px !important;
    }
    .padding-right-xlg-75 {
        padding-right: 75px !important;
    }
    .padding-right-xlg-80 {
        padding-right: 80px !important;
    }
    .padding-right-xlg-85 {
        padding-right: 85px !important;
    }
    .padding-right-xlg-100 {
        padding-right: 100px !important;
    }
    .padding-right-xlg-105 {
        padding-right: 105px !important;
    }
    .padding-right-xlg-110 {
        padding-right: 110px !important;
    }
    .padding-right-xlg-115 {
        padding-right: 115px !important;
    }
    .padding-right-xlg-120 {
        padding-right: 120px !important;
    }
    .padding-right-xlg-125 {
        padding-right: 125px !important;
    }
    .padding-right-xlg-130 {
        padding-right: 130px !important;
    }
    .padding-right-xlg-135 {
        padding-right: 135px !important;
    }
    .padding-right-xlg-140 {
        padding-right: 140px !important;
    }
    .padding-right-xlg-145 {
        padding-right: 145px !important;
    }
    .padding-right-xlg-150 {
        padding-right: 150px !important;
    }
    .padding-right-xlg-155 {
        padding-right: 155px !important;
    }
    .padding-right-xlg-160 {
        padding-right: 160px !important;
    }
    .padding-right-xlg-165 {
        padding-right: 165px !important;
    }
    .padding-right-xlg-170 {
        padding-right: 170px !important;
    }
    .padding-right-xlg-175 {
        padding-right: 175px !important;
    }
    .padding-right-xlg-180 {
        padding-right: 180px !important;
    }
    .padding-right-xlg-185 {
        padding-right: 185px !important;
    }
    .padding-right-xlg-190 {
        padding-right: 190px !important;
    }
    .padding-right-xlg-195 {
        padding-right: 195px !important;
    }
    .padding-right-xlg-200 {
        padding-right: 200px !important;
    }
    /* Padding (percent) 
	===================== */
    .padding-xlg-1-p {
        padding: 1% !important;
    }
    .padding-xlg-2-p {
        padding: 2% !important;
    }
    .padding-xlg-3-p {
        padding: 3% !important;
    }
    .padding-xlg-4-p {
        padding: 4% !important;
    }
    .padding-xlg-5-p {
        padding: 5% !important;
    }
    .padding-xlg-6-p {
        padding: 6% !important;
    }
    .padding-xlg-7-p {
        padding: 7% !important;
    }
    .padding-xlg-8-p {
        padding: 8% !important;
    }
    .padding-xlg-9-p {
        padding: 9% !important;
    }
    .padding-xlg-10-p {
        padding: 10% !important;
    }
    .padding-xlg-11-p {
        padding: 11% !important;
    }
    .padding-xlg-12-p {
        padding: 12% !important;
    }
    .padding-xlg-13-p {
        padding: 13% !important;
    }
    .padding-xlg-14-p {
        padding: 14% !important;
    }
    .padding-xlg-15-p {
        padding: 15% !important;
    }
    .padding-xlg-16-p {
        padding: 16% !important;
    }
    .padding-xlg-17-p {
        padding: 17% !important;
    }
    .padding-xlg-18-p {
        padding: 18% !important;
    }
    .padding-xlg-19-p {
        padding: 19% !important;
    }
    .padding-xlg-20-p {
        padding: 20% !important;
    }
    /* padding top (percent) */
    .padding-top-xlg-1-p {
        padding-top: 1% !important;
    }
    .padding-top-xlg-2-p {
        padding-top: 2% !important;
    }
    .padding-top-xlg-3-p {
        padding-top: 3% !important;
    }
    .padding-top-xlg-4-p {
        padding-top: 4% !important;
    }
    .padding-top-xlg-5-p {
        padding-top: 5% !important;
    }
    .padding-top-xlg-6-p {
        padding-top: 6% !important;
    }
    .padding-top-xlg-7-p {
        padding-top: 7% !important;
    }
    .padding-top-xlg-8-p {
        padding-top: 8% !important;
    }
    .padding-top-xlg-9-p {
        padding-top: 9% !important;
    }
    .padding-top-xlg-10-p {
        padding-top: 10% !important;
    }
    .padding-top-xlg-11-p {
        padding-top: 11% !important;
    }
    .padding-top-xlg-12-p {
        padding-top: 12% !important;
    }
    .padding-top-xlg-13-p {
        padding-top: 13% !important;
    }
    .padding-top-xlg-14-p {
        padding-top: 14% !important;
    }
    .padding-top-xlg-15-p {
        padding-top: 15% !important;
    }
    .padding-top-xlg-16-p {
        padding-top: 16% !important;
    }
    .padding-top-xlg-17-p {
        padding-top: 17% !important;
    }
    .padding-top-xlg-18-p {
        padding-top: 18% !important;
    }
    .padding-top-xlg-19-p {
        padding-top: 19% !important;
    }
    .padding-top-xlg-20-p {
        padding-top: 20% !important;
    }
    /* padding bottom (percent) */
    .padding-bottom-xlg-1-p {
        padding-bottom: 1% !important;
    }
    .padding-bottom-xlg-2-p {
        padding-bottom: 2% !important;
    }
    .padding-bottom-xlg-3-p {
        padding-bottom: 3% !important;
    }
    .padding-bottom-xlg-4-p {
        padding-bottom: 4% !important;
    }
    .padding-bottom-xlg-5-p {
        padding-bottom: 5% !important;
    }
    .padding-bottom-xlg-6-p {
        padding-bottom: 6% !important;
    }
    .padding-bottom-xlg-7-p {
        padding-bottom: 7% !important;
    }
    .padding-bottom-xlg-8-p {
        padding-bottom: 8% !important;
    }
    .padding-bottom-xlg-9-p {
        padding-bottom: 9% !important;
    }
    .padding-bottom-xlg-10-p {
        padding-bottom: 10% !important;
    }
    .padding-bottom-xlg-11-p {
        padding-bottom: 11% !important;
    }
    .padding-bottom-xlg-12-p {
        padding-bottom: 12% !important;
    }
    .padding-bottom-xlg-13-p {
        padding-bottom: 13% !important;
    }
    .padding-bottom-xlg-14-p {
        padding-bottom: 14% !important;
    }
    .padding-bottom-xlg-15-p {
        padding-bottom: 15% !important;
    }
    .padding-bottom-xlg-16-p {
        padding-bottom: 16% !important;
    }
    .padding-bottom-xlg-17-p {
        padding-bottom: 17% !important;
    }
    .padding-bottom-xlg-18-p {
        padding-bottom: 18% !important;
    }
    .padding-bottom-xlg-19-p {
        padding-bottom: 19% !important;
    }
    .padding-bottom-xlg-20-p {
        padding-bottom: 20% !important;
    }
    /* padding left (percent) */
    .padding-left-xlg-1-p {
        padding-left: 1% !important;
    }
    .padding-left-xlg-2-p {
        padding-left: 2% !important;
    }
    .padding-left-xlg-3-p {
        padding-left: 3% !important;
    }
    .padding-left-xlg-4-p {
        padding-left: 4% !important;
    }
    .padding-left-xlg-5-p {
        padding-left: 5% !important;
    }
    .padding-left-xlg-6-p {
        padding-left: 6% !important;
    }
    .padding-left-xlg-7-p {
        padding-left: 7% !important;
    }
    .padding-left-xlg-8-p {
        padding-left: 8% !important;
    }
    .padding-left-xlg-9-p {
        padding-left: 9% !important;
    }
    .padding-left-xlg-10-p {
        padding-left: 10% !important;
    }
    .padding-left-xlg-11-p {
        padding-left: 11% !important;
    }
    .padding-left-xlg-12-p {
        padding-left: 12% !important;
    }
    .padding-left-xlg-13-p {
        padding-left: 13% !important;
    }
    .padding-left-xlg-14-p {
        padding-left: 14% !important;
    }
    .padding-left-xlg-15-p {
        padding-left: 15% !important;
    }
    .padding-left-xlg-16-p {
        padding-left: 16% !important;
    }
    .padding-left-xlg-17-p {
        padding-left: 17% !important;
    }
    .padding-left-xlg-18-p {
        padding-left: 18% !important;
    }
    .padding-left-xlg-19-p {
        padding-left: 19% !important;
    }
    .padding-left-xlg-20-p {
        padding-left: 20% !important;
    }
    /* padding right (percent) */
    .padding-right-xlg-1-p {
        padding-right: 1% !important;
    }
    .padding-right-xlg-2-p {
        padding-right: 2% !important;
    }
    .padding-right-xlg-3-p {
        padding-right: 3% !important;
    }
    .padding-right-xlg-4-p {
        padding-right: 4% !important;
    }
    .padding-right-xlg-5-p {
        padding-right: 5% !important;
    }
    .padding-right-xlg-6-p {
        padding-right: 6% !important;
    }
    .padding-right-xlg-7-p {
        padding-right: 7% !important;
    }
    .padding-right-xlg-8-p {
        padding-right: 8% !important;
    }
    .padding-right-xlg-9-p {
        padding-right: 9% !important;
    }
    .padding-right-xlg-10-p {
        padding-right: 10% !important;
    }
    .padding-right-xlg-11-p {
        padding-right: 11% !important;
    }
    .padding-right-xlg-12-p {
        padding-right: 12% !important;
    }
    .padding-right-xlg-13-p {
        padding-right: 13% !important;
    }
    .padding-right-xlg-14-p {
        padding-right: 14% !important;
    }
    .padding-right-xlg-15-p {
        padding-right: 15% !important;
    }
    .padding-right-xlg-16-p {
        padding-right: 16% !important;
    }
    .padding-right-xlg-17-p {
        padding-right: 17% !important;
    }
    .padding-right-xlg-18-p {
        padding-right: 18% !important;
    }
    .padding-right-xlg-19-p {
        padding-right: 19% !important;
    }
    .padding-right-xlg-20-p {
        padding-right: 20% !important;
    }
    /* no paddings classes */
    .no-padding-xlg {
        padding: 0 !important;
    }
    .no-padding-xlg-top {
        padding-top: 0 !important;
    }
    .no-padding-xlg-bottom {
        padding-bottom: 0 !important;
    }
    .no-padding-xlg-left {
        padding-left: 0 !important;
    }
    .no-padding-xlg-right {
        padding-right: 0 !important;
    }
}


/* ------------------------------------------------------------- *
 * Margin classes
/* ------------------------------------------------------------- */

.margin-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}

.margin-5 {
    margin: 5px !important;
}

.margin-10 {
    margin: 10px !important;
}

.margin-15 {
    margin: 15px !important;
}

.margin-20 {
    margin: 20px !important;
}

.margin-25 {
    margin: 25px !important;
}

.margin-30 {
    margin: 30px !important;
}

.margin-35 {
    margin: 35px !important;
}

.margin-40 {
    margin: 40px !important;
}

.margin-45 {
    margin: 45px !important;
}

.margin-50 {
    margin: 50px !important;
}

.margin-55 {
    margin: 55px !important;
}

.margin-60 {
    margin: 60px !important;
}

.margin-65 {
    margin: 65px !important;
}

.margin-70 {
    margin: 70px !important;
}

.margin-75 {
    margin: 75px !important;
}

.margin-80 {
    margin: 80px !important;
}

.margin-85 {
    margin: 85px !important;
}

.margin-100 {
    margin: 80px !important;
}

.margin-105 {
    margin: 105px !important;
}

.margin-110 {
    margin: 110px !important;
}

.margin-115 {
    margin: 115px !important;
}

.margin-120 {
    margin: 120px !important;
}

.margin-125 {
    margin: 125px !important;
}

.margin-130 {
    margin: 130px !important;
}

.margin-135 {
    margin: 135px !important;
}

.margin-140 {
    margin: 140px !important;
}

.margin-145 {
    margin: 145px !important;
}

.margin-150 {
    margin: 150px !important;
}

.margin-155 {
    margin: 155px !important;
}

.margin-160 {
    margin: 160px !important;
}

.margin-165 {
    margin: 165px !important;
}

.margin-170 {
    margin: 170px !important;
}

.margin-175 {
    margin: 175px !important;
}

.margin-180 {
    margin: 180px !important;
}

.margin-185 {
    margin: 185px !important;
}

.margin-190 {
    margin: 190px !important;
}

.margin-195 {
    margin: 195px !important;
}

.margin-200 {
    margin: 200px !important;
}


/* margin top */

.margin-top-5 {
    margin-top: 5px !important;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.margin-top-15 {
    margin-top: 15px !important;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.margin-top-25 {
    margin-top: 25px !important;
}

.margin-top-30 {
    margin-top: 30px !important;
}

.margin-top-35 {
    margin-top: 35px !important;
}

.margin-top-40 {
    margin-top: 40px !important;
}

.margin-top-45 {
    margin-top: 45px !important;
}

.margin-top-50 {
    margin-top: 50px !important;
}

.margin-top-55 {
    margin-top: 55px !important;
}

.margin-top-60 {
    margin-top: 60px !important;
}

.margin-top-65 {
    margin-top: 65px !important;
}

.margin-top-70 {
    margin-top: 70px !important;
}

.margin-top-75 {
    margin-top: 75px !important;
}

.margin-top-80 {
    margin-top: 80px !important;
}

.margin-top-85 {
    margin-top: 85px !important;
}

.margin-top-100 {
    margin-top: 100px !important;
}

.margin-top-105 {
    margin-top: 105px !important;
}

.margin-top-110 {
    margin-top: 110px !important;
}

.margin-top-115 {
    margin-top: 115px !important;
}

.margin-top-120 {
    margin-top: 120px !important;
}

.margin-top-125 {
    margin-top: 125px !important;
}

.margin-top-130 {
    margin-top: 130px !important;
}

.margin-top-135 {
    margin-top: 135px !important;
}

.margin-top-140 {
    margin-top: 140px !important;
}

.margin-top-145 {
    margin-top: 145px !important;
}

.margin-top-150 {
    margin-top: 150px !important;
}

.margin-top-155 {
    margin-top: 155px !important;
}

.margin-top-160 {
    margin-top: 160px !important;
}

.margin-top-165 {
    margin-top: 165px !important;
}

.margin-top-170 {
    margin-top: 170px !important;
}

.margin-top-175 {
    margin-top: 175px !important;
}

.margin-top-180 {
    margin-top: 180px !important;
}

.margin-top-185 {
    margin-top: 185px !important;
}

.margin-top-190 {
    margin-top: 190px !important;
}

.margin-top-195 {
    margin-top: 195px !important;
}

.margin-top-200 {
    margin-top: 200px !important;
}


/* margin bottom */

.margin-bottom-5 {
    margin-bottom: 5px !important;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.margin-bottom-15 {
    margin-bottom: 15px !important;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-bottom-25 {
    margin-bottom: 25px !important;
}

.margin-bottom-30 {
    margin-bottom: 30px !important;
}

.margin-bottom-35 {
    margin-bottom: 35px !important;
}

.margin-bottom-40 {
    margin-bottom: 40px !important;
}

.margin-bottom-45 {
    margin-bottom: 45px !important;
}

.margin-bottom-50 {
    margin-bottom: 50px !important;
}

.margin-bottom-55 {
    margin-bottom: 55px !important;
}

.margin-bottom-60 {
    margin-bottom: 60px !important;
}

.margin-bottom-65 {
    margin-bottom: 65px !important;
}

.margin-bottom-70 {
    margin-bottom: 70px !important;
}

.margin-bottom-75 {
    margin-bottom: 75px !important;
}

.margin-bottom-80 {
    margin-bottom: 80px !important;
}

.margin-bottom-85 {
    margin-bottom: 85px !important;
}

.margin-bottom-100 {
    margin-bottom: 100px !important;
}

.margin-bottom-105 {
    margin-bottom: 105px !important;
}

.margin-bottom-110 {
    margin-bottom: 110px !important;
}

.margin-bottom-115 {
    margin-bottom: 115px !important;
}

.margin-bottom-120 {
    margin-bottom: 120px !important;
}

.margin-bottom-125 {
    margin-bottom: 125px !important;
}

.margin-bottom-130 {
    margin-bottom: 130px !important;
}

.margin-bottom-135 {
    margin-bottom: 135px !important;
}

.margin-bottom-140 {
    margin-bottom: 140px !important;
}

.margin-bottom-145 {
    margin-bottom: 145px !important;
}

.margin-bottom-150 {
    margin-bottom: 150px !important;
}

.margin-bottom-155 {
    margin-bottom: 155px !important;
}

.margin-bottom-160 {
    margin-bottom: 160px !important;
}

.margin-bottom-165 {
    margin-bottom: 165px !important;
}

.margin-bottom-170 {
    margin-bottom: 170px !important;
}

.margin-bottom-175 {
    margin-bottom: 175px !important;
}

.margin-bottom-180 {
    margin-bottom: 180px !important;
}

.margin-bottom-185 {
    margin-bottom: 185px !important;
}

.margin-bottom-190 {
    margin-bottom: 190px !important;
}

.margin-bottom-195 {
    margin-bottom: 195px !important;
}

.margin-bottom-200 {
    margin-bottom: 200px !important;
}


/* margin left */

.margin-left-5 {
    margin-left: 5px !important;
}

.margin-left-10 {
    margin-left: 10px !important;
}

.margin-left-15 {
    margin-left: 15px !important;
}

.margin-left-20 {
    margin-left: 20px !important;
}

.margin-left-25 {
    margin-left: 25px !important;
}

.margin-left-30 {
    margin-left: 30px !important;
}

.margin-left-35 {
    margin-left: 35px !important;
}

.margin-left-40 {
    margin-left: 40px !important;
}

.margin-left-45 {
    margin-left: 45px !important;
}

.margin-left-50 {
    margin-left: 50px !important;
}

.margin-left-55 {
    margin-left: 55px !important;
}

.margin-left-60 {
    margin-left: 60px !important;
}

.margin-left-65 {
    margin-left: 65px !important;
}

.margin-left-70 {
    margin-left: 70px !important;
}

.margin-left-75 {
    margin-left: 75px !important;
}

.margin-left-80 {
    margin-left: 80px !important;
}

.margin-left-85 {
    margin-left: 85px !important;
}

.margin-left-100 {
    margin-left: 100px !important;
}

.margin-left-105 {
    margin-left: 105px !important;
}

.margin-left-110 {
    margin-left: 110px !important;
}

.margin-left-115 {
    margin-left: 115px !important;
}

.margin-left-120 {
    margin-left: 120px !important;
}

.margin-left-125 {
    margin-left: 125px !important;
}

.margin-left-130 {
    margin-left: 130px !important;
}

.margin-left-135 {
    margin-left: 135px !important;
}

.margin-left-140 {
    margin-left: 140px !important;
}

.margin-left-145 {
    margin-left: 145px !important;
}

.margin-left-150 {
    margin-left: 150px !important;
}

.margin-left-155 {
    margin-left: 155px !important;
}

.margin-left-160 {
    margin-left: 160px !important;
}

.margin-left-165 {
    margin-left: 165px !important;
}

.margin-left-170 {
    margin-left: 170px !important;
}

.margin-left-175 {
    margin-left: 175px !important;
}

.margin-left-180 {
    margin-left: 180px !important;
}

.margin-left-185 {
    margin-left: 185px !important;
}

.margin-left-190 {
    margin-left: 190px !important;
}

.margin-left-195 {
    margin-left: 195px !important;
}

.margin-left-200 {
    margin-left: 200px !important;
}


/* margin right */

.margin-right-5 {
    margin-right: 5px !important;
}

.margin-right-10 {
    margin-right: 10px !important;
}

.margin-right-15 {
    margin-right: 15px !important;
}

.margin-right-20 {
    margin-right: 20px !important;
}

.margin-right-25 {
    margin-right: 25px !important;
}

.margin-right-30 {
    margin-right: 30px !important;
}

.margin-right-35 {
    margin-right: 35px !important;
}

.margin-right-40 {
    margin-right: 40px !important;
}

.margin-right-45 {
    margin-right: 45px !important;
}

.margin-right-50 {
    margin-right: 50px !important;
}

.margin-right-55 {
    margin-right: 55px !important;
}

.margin-right-60 {
    margin-right: 60px !important;
}

.margin-right-65 {
    margin-right: 65px !important;
}

.margin-right-70 {
    margin-right: 70px !important;
}

.margin-right-75 {
    margin-right: 75px !important;
}

.margin-right-80 {
    margin-right: 80px !important;
}

.margin-right-85 {
    margin-right: 85px !important;
}

.margin-right-100 {
    margin-right: 100px !important;
}

.margin-right-105 {
    margin-right: 105px !important;
}

.margin-right-110 {
    margin-right: 110px !important;
}

.margin-right-115 {
    margin-right: 115px !important;
}

.margin-right-120 {
    margin-right: 120px !important;
}

.margin-right-125 {
    margin-right: 125px !important;
}

.margin-right-130 {
    margin-right: 130px !important;
}

.margin-right-135 {
    margin-right: 135px !important;
}

.margin-right-140 {
    margin-right: 140px !important;
}

.margin-right-145 {
    margin-right: 145px !important;
}

.margin-right-150 {
    margin-right: 150px !important;
}

.margin-right-155 {
    margin-right: 155px !important;
}

.margin-right-160 {
    margin-right: 160px !important;
}

.margin-right-165 {
    margin-right: 165px !important;
}

.margin-right-170 {
    margin-right: 170px !important;
}

.margin-right-175 {
    margin-right: 175px !important;
}

.margin-right-180 {
    margin-right: 180px !important;
}

.margin-right-185 {
    margin-right: 185px !important;
}

.margin-right-190 {
    margin-right: 190px !important;
}

.margin-right-195 {
    margin-right: 195px !important;
}

.margin-right-200 {
    margin-right: 200px !important;
}


/* Margin (percent) 
===================== */

.margin-1-p {
    margin: 1% !important;
}

.margin-2-p {
    margin: 2% !important;
}

.margin-3-p {
    margin: 3% !important;
}

.margin-4-p {
    margin: 4% !important;
}

.margin-5-p {
    margin: 5% !important;
}

.margin-6-p {
    margin: 6% !important;
}

.margin-7-p {
    margin: 7% !important;
}

.margin-8-p {
    margin: 8% !important;
}

.margin-9-p {
    margin: 9% !important;
}

.margin-10-p {
    margin: 10% !important;
}

.margin-11-p {
    margin: 11% !important;
}

.margin-12-p {
    margin: 12% !important;
}

.margin-13-p {
    margin: 13% !important;
}

.margin-14-p {
    margin: 14% !important;
}

.margin-15-p {
    margin: 15% !important;
}

.margin-16-p {
    margin: 16% !important;
}

.margin-17-p {
    margin: 17% !important;
}

.margin-18-p {
    margin: 18% !important;
}

.margin-19-p {
    margin: 19% !important;
}

.margin-20-p {
    margin: 20% !important;
}


/* margin top (percent) */

.margin-top-1-p {
    margin-top: 1% !important;
}

.margin-top-2-p {
    margin-top: 2% !important;
}

.margin-top-3-p {
    margin-top: 3% !important;
}

.margin-top-4-p {
    margin-top: 4% !important;
}

.margin-top-5-p {
    margin-top: 5% !important;
}

.margin-top-6-p {
    margin-top: 6% !important;
}

.margin-top-7-p {
    margin-top: 7% !important;
}

.margin-top-8-p {
    margin-top: 8% !important;
}

.margin-top-9-p {
    margin-top: 9% !important;
}

.margin-top-10-p {
    margin-top: 10% !important;
}

.margin-top-11-p {
    margin-top: 11% !important;
}

.margin-top-12-p {
    margin-top: 12% !important;
}

.margin-top-13-p {
    margin-top: 13% !important;
}

.margin-top-14-p {
    margin-top: 14% !important;
}

.margin-top-15-p {
    margin-top: 15% !important;
}

.margin-top-16-p {
    margin-top: 16% !important;
}

.margin-top-17-p {
    margin-top: 17% !important;
}

.margin-top-18-p {
    margin-top: 18% !important;
}

.margin-top-19-p {
    margin-top: 19% !important;
}

.margin-top-20-p {
    margin-top: 20% !important;
}


/* margin bottom (percent) */

.margin-bottom-1-p {
    margin-bottom: 1% !important;
}

.margin-bottom-2-p {
    margin-bottom: 2% !important;
}

.margin-bottom-3-p {
    margin-bottom: 3% !important;
}

.margin-bottom-4-p {
    margin-bottom: 4% !important;
}

.margin-bottom-5-p {
    margin-bottom: 5% !important;
}

.margin-bottom-6-p {
    margin-bottom: 6% !important;
}

.margin-bottom-7-p {
    margin-bottom: 7% !important;
}

.margin-bottom-8-p {
    margin-bottom: 8% !important;
}

.margin-bottom-9-p {
    margin-bottom: 9% !important;
}

.margin-bottom-10-p {
    margin-bottom: 10% !important;
}

.margin-bottom-11-p {
    margin-bottom: 11% !important;
}

.margin-bottom-12-p {
    margin-bottom: 12% !important;
}

.margin-bottom-13-p {
    margin-bottom: 13% !important;
}

.margin-bottom-14-p {
    margin-bottom: 14% !important;
}

.margin-bottom-15-p {
    margin-bottom: 15% !important;
}

.margin-bottom-16-p {
    margin-bottom: 16% !important;
}

.margin-bottom-17-p {
    margin-bottom: 17% !important;
}

.margin-bottom-18-p {
    margin-bottom: 18% !important;
}

.margin-bottom-19-p {
    margin-bottom: 19% !important;
}

.margin-bottom-20-p {
    margin-bottom: 20% !important;
}


/* margin left (percent) */

.margin-left-1-p {
    margin-left: 1% !important;
}

.margin-left-2-p {
    margin-left: 2% !important;
}

.margin-left-3-p {
    margin-left: 3% !important;
}

.margin-left-4-p {
    margin-left: 4% !important;
}

.margin-left-5-p {
    margin-left: 5% !important;
}

.margin-left-6-p {
    margin-left: 6% !important;
}

.margin-left-7-p {
    margin-left: 7% !important;
}

.margin-left-8-p {
    margin-left: 8% !important;
}

.margin-left-9-p {
    margin-left: 9% !important;
}

.margin-left-10-p {
    margin-left: 10% !important;
}

.margin-left-11-p {
    margin-left: 11% !important;
}

.margin-left-12-p {
    margin-left: 12% !important;
}

.margin-left-13-p {
    margin-left: 13% !important;
}

.margin-left-14-p {
    margin-left: 14% !important;
}

.margin-left-15-p {
    margin-left: 15% !important;
}

.margin-left-16-p {
    margin-left: 16% !important;
}

.margin-left-17-p {
    margin-left: 17% !important;
}

.margin-left-18-p {
    margin-left: 18% !important;
}

.margin-left-19-p {
    margin-left: 19% !important;
}

.margin-left-20-p {
    margin-left: 20% !important;
}


/* margin right (percent) */

.margin-right-1-p {
    margin-right: 1% !important;
}

.margin-right-2-p {
    margin-right: 2% !important;
}

.margin-right-3-p {
    margin-right: 3% !important;
}

.margin-right-4-p {
    margin-right: 4% !important;
}

.margin-right-5-p {
    margin-right: 5% !important;
}

.margin-right-6-p {
    margin-right: 6% !important;
}

.margin-right-7-p {
    margin-right: 7% !important;
}

.margin-right-8-p {
    margin-right: 8% !important;
}

.margin-right-9-p {
    margin-right: 9% !important;
}

.margin-right-10-p {
    margin-right: 10% !important;
}

.margin-right-11-p {
    margin-right: 11% !important;
}

.margin-right-12-p {
    margin-right: 12% !important;
}

.margin-right-13-p {
    margin-right: 13% !important;
}

.margin-right-14-p {
    margin-right: 14% !important;
}

.margin-right-15-p {
    margin-right: 15% !important;
}

.margin-right-16-p {
    margin-right: 16% !important;
}

.margin-right-17-p {
    margin-right: 17% !important;
}

.margin-right-18-p {
    margin-right: 18% !important;
}

.margin-right-19-p {
    margin-right: 19% !important;
}

.margin-right-20-p {
    margin-right: 20% !important;
}


/* no margins classes */

.no-margin {
    margin: 0 !important;
}

.no-margin-top {
    margin-top: 0 !important;
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

.no-margin-left {
    margin-left: 0 !important;
}

.no-margin-right {
    margin-right: 0 !important;
}


/* Breakpoints 
=============== */

@media (min-width: 576px) {
    .margin-sm-5 {
        margin: 5px !important;
    }
    .margin-sm-10 {
        margin: 10px !important;
    }
    .margin-sm-15 {
        margin: 15px !important;
    }
    .margin-sm-20 {
        margin: 20px !important;
    }
    .margin-sm-25 {
        margin: 25px !important;
    }
    .margin-sm-30 {
        margin: 30px !important;
    }
    .margin-sm-35 {
        margin: 35px !important;
    }
    .margin-sm-40 {
        margin: 40px !important;
    }
    .margin-sm-45 {
        margin: 45px !important;
    }
    .margin-sm-50 {
        margin: 50px !important;
    }
    .margin-sm-55 {
        margin: 55px !important;
    }
    .margin-sm-60 {
        margin: 60px !important;
    }
    .margin-sm-65 {
        margin: 65px !important;
    }
    .margin-sm-70 {
        margin: 70px !important;
    }
    .margin-sm-75 {
        margin: 75px !important;
    }
    .margin-sm-80 {
        margin: 80px !important;
    }
    .margin-sm-85 {
        margin: 85px !important;
    }
    .margin-sm-100 {
        margin: 80px !important;
    }
    .margin-sm-105 {
        margin: 105px !important;
    }
    .margin-sm-110 {
        margin: 110px !important;
    }
    .margin-sm-115 {
        margin: 115px !important;
    }
    .margin-sm-120 {
        margin: 120px !important;
    }
    .margin-sm-125 {
        margin: 125px !important;
    }
    .margin-sm-130 {
        margin: 130px !important;
    }
    .margin-sm-135 {
        margin: 135px !important;
    }
    .margin-sm-140 {
        margin: 140px !important;
    }
    .margin-sm-145 {
        margin: 145px !important;
    }
    .margin-sm-150 {
        margin: 150px !important;
    }
    .margin-sm-155 {
        margin: 155px !important;
    }
    .margin-sm-160 {
        margin: 160px !important;
    }
    .margin-sm-165 {
        margin: 165px !important;
    }
    .margin-sm-170 {
        margin: 170px !important;
    }
    .margin-sm-175 {
        margin: 175px !important;
    }
    .margin-sm-180 {
        margin: 180px !important;
    }
    .margin-sm-185 {
        margin: 185px !important;
    }
    .margin-sm-190 {
        margin: 190px !important;
    }
    .margin-sm-195 {
        margin: 195px !important;
    }
    .margin-sm-200 {
        margin: 200px !important;
    }
    /* margin top */
    .margin-top-sm-5 {
        margin-top: 5px !important;
    }
    .margin-top-sm-10 {
        margin-top: 10px !important;
    }
    .margin-top-sm-15 {
        margin-top: 15px !important;
    }
    .margin-top-sm-20 {
        margin-top: 20px !important;
    }
    .margin-top-sm-25 {
        margin-top: 25px !important;
    }
    .margin-top-sm-30 {
        margin-top: 30px !important;
    }
    .margin-top-sm-35 {
        margin-top: 35px !important;
    }
    .margin-top-sm-40 {
        margin-top: 40px !important;
    }
    .margin-top-sm-45 {
        margin-top: 45px !important;
    }
    .margin-top-sm-50 {
        margin-top: 50px !important;
    }
    .margin-top-sm-55 {
        margin-top: 55px !important;
    }
    .margin-top-sm-60 {
        margin-top: 60px !important;
    }
    .margin-top-sm-65 {
        margin-top: 65px !important;
    }
    .margin-top-sm-70 {
        margin-top: 70px !important;
    }
    .margin-top-sm-75 {
        margin-top: 75px !important;
    }
    .margin-top-sm-80 {
        margin-top: 80px !important;
    }
    .margin-top-sm-85 {
        margin-top: 85px !important;
    }
    .margin-top-sm-100 {
        margin-top: 100px !important;
    }
    .margin-top-sm-105 {
        margin-top: 105px !important;
    }
    .margin-top-sm-110 {
        margin-top: 110px !important;
    }
    .margin-top-sm-115 {
        margin-top: 115px !important;
    }
    .margin-top-sm-120 {
        margin-top: 120px !important;
    }
    .margin-top-sm-125 {
        margin-top: 125px !important;
    }
    .margin-top-sm-130 {
        margin-top: 130px !important;
    }
    .margin-top-sm-135 {
        margin-top: 135px !important;
    }
    .margin-top-sm-140 {
        margin-top: 140px !important;
    }
    .margin-top-sm-145 {
        margin-top: 145px !important;
    }
    .margin-top-sm-150 {
        margin-top: 150px !important;
    }
    .margin-top-sm-155 {
        margin-top: 155px !important;
    }
    .margin-top-sm-160 {
        margin-top: 160px !important;
    }
    .margin-top-sm-165 {
        margin-top: 165px !important;
    }
    .margin-top-sm-170 {
        margin-top: 170px !important;
    }
    .margin-top-sm-175 {
        margin-top: 175px !important;
    }
    .margin-top-sm-180 {
        margin-top: 180px !important;
    }
    .margin-top-sm-185 {
        margin-top: 185px !important;
    }
    .margin-top-sm-190 {
        margin-top: 190px !important;
    }
    .margin-top-sm-195 {
        margin-top: 195px !important;
    }
    .margin-top-sm-200 {
        margin-top: 200px !important;
    }
    /* margin bottom */
    .margin-bottom-sm-5 {
        margin-bottom: 5px !important;
    }
    .margin-bottom-sm-10 {
        margin-bottom: 10px !important;
    }
    .margin-bottom-sm-15 {
        margin-bottom: 15px !important;
    }
    .margin-bottom-sm-20 {
        margin-bottom: 20px !important;
    }
    .margin-bottom-sm-25 {
        margin-bottom: 25px !important;
    }
    .margin-bottom-sm-30 {
        margin-bottom: 30px !important;
    }
    .margin-bottom-sm-35 {
        margin-bottom: 35px !important;
    }
    .margin-bottom-sm-40 {
        margin-bottom: 40px !important;
    }
    .margin-bottom-sm-45 {
        margin-bottom: 45px !important;
    }
    .margin-bottom-sm-50 {
        margin-bottom: 50px !important;
    }
    .margin-bottom-sm-55 {
        margin-bottom: 55px !important;
    }
    .margin-bottom-sm-60 {
        margin-bottom: 60px !important;
    }
    .margin-bottom-sm-65 {
        margin-bottom: 65px !important;
    }
    .margin-bottom-sm-70 {
        margin-bottom: 70px !important;
    }
    .margin-bottom-sm-75 {
        margin-bottom: 75px !important;
    }
    .margin-bottom-sm-80 {
        margin-bottom: 80px !important;
    }
    .margin-bottom-sm-85 {
        margin-bottom: 85px !important;
    }
    .margin-bottom-sm-100 {
        margin-bottom: 100px !important;
    }
    .margin-bottom-sm-105 {
        margin-bottom: 105px !important;
    }
    .margin-bottom-sm-110 {
        margin-bottom: 110px !important;
    }
    .margin-bottom-sm-115 {
        margin-bottom: 115px !important;
    }
    .margin-bottom-sm-120 {
        margin-bottom: 120px !important;
    }
    .margin-bottom-sm-125 {
        margin-bottom: 125px !important;
    }
    .margin-bottom-sm-130 {
        margin-bottom: 130px !important;
    }
    .margin-bottom-sm-135 {
        margin-bottom: 135px !important;
    }
    .margin-bottom-sm-140 {
        margin-bottom: 140px !important;
    }
    .margin-bottom-sm-145 {
        margin-bottom: 145px !important;
    }
    .margin-bottom-sm-150 {
        margin-bottom: 150px !important;
    }
    .margin-bottom-sm-155 {
        margin-bottom: 155px !important;
    }
    .margin-bottom-sm-160 {
        margin-bottom: 160px !important;
    }
    .margin-bottom-sm-165 {
        margin-bottom: 165px !important;
    }
    .margin-bottom-sm-170 {
        margin-bottom: 170px !important;
    }
    .margin-bottom-sm-175 {
        margin-bottom: 175px !important;
    }
    .margin-bottom-sm-180 {
        margin-bottom: 180px !important;
    }
    .margin-bottom-sm-185 {
        margin-bottom: 185px !important;
    }
    .margin-bottom-sm-190 {
        margin-bottom: 190px !important;
    }
    .margin-bottom-sm-195 {
        margin-bottom: 195px !important;
    }
    .margin-bottom-sm-200 {
        margin-bottom: 200px !important;
    }
    /* margin left */
    .margin-left-sm-5 {
        margin-left: 5px !important;
    }
    .margin-left-sm-10 {
        margin-left: 10px !important;
    }
    .margin-left-sm-15 {
        margin-left: 15px !important;
    }
    .margin-left-sm-20 {
        margin-left: 20px !important;
    }
    .margin-left-sm-25 {
        margin-left: 25px !important;
    }
    .margin-left-sm-30 {
        margin-left: 30px !important;
    }
    .margin-left-sm-35 {
        margin-left: 35px !important;
    }
    .margin-left-sm-40 {
        margin-left: 40px !important;
    }
    .margin-left-sm-45 {
        margin-left: 45px !important;
    }
    .margin-left-sm-50 {
        margin-left: 50px !important;
    }
    .margin-left-sm-55 {
        margin-left: 55px !important;
    }
    .margin-left-sm-60 {
        margin-left: 60px !important;
    }
    .margin-left-sm-65 {
        margin-left: 65px !important;
    }
    .margin-left-sm-70 {
        margin-left: 70px !important;
    }
    .margin-left-sm-75 {
        margin-left: 75px !important;
    }
    .margin-left-sm-80 {
        margin-left: 80px !important;
    }
    .margin-left-sm-85 {
        margin-left: 85px !important;
    }
    .margin-left-sm-100 {
        margin-left: 100px !important;
    }
    .margin-left-sm-105 {
        margin-left: 105px !important;
    }
    .margin-left-sm-110 {
        margin-left: 110px !important;
    }
    .margin-left-sm-115 {
        margin-left: 115px !important;
    }
    .margin-left-sm-120 {
        margin-left: 120px !important;
    }
    .margin-left-sm-125 {
        margin-left: 125px !important;
    }
    .margin-left-sm-130 {
        margin-left: 130px !important;
    }
    .margin-left-sm-135 {
        margin-left: 135px !important;
    }
    .margin-left-sm-140 {
        margin-left: 140px !important;
    }
    .margin-left-sm-145 {
        margin-left: 145px !important;
    }
    .margin-left-sm-150 {
        margin-left: 150px !important;
    }
    .margin-left-sm-155 {
        margin-left: 155px !important;
    }
    .margin-left-sm-160 {
        margin-left: 160px !important;
    }
    .margin-left-sm-165 {
        margin-left: 165px !important;
    }
    .margin-left-sm-170 {
        margin-left: 170px !important;
    }
    .margin-left-sm-175 {
        margin-left: 175px !important;
    }
    .margin-left-sm-180 {
        margin-left: 180px !important;
    }
    .margin-left-sm-185 {
        margin-left: 185px !important;
    }
    .margin-left-sm-190 {
        margin-left: 190px !important;
    }
    .margin-left-sm-195 {
        margin-left: 195px !important;
    }
    .margin-left-sm-200 {
        margin-left: 200px !important;
    }
    /* margin right */
    .margin-right-sm-5 {
        margin-right: 5px !important;
    }
    .margin-right-sm-10 {
        margin-right: 10px !important;
    }
    .margin-right-sm-15 {
        margin-right: 15px !important;
    }
    .margin-right-sm-20 {
        margin-right: 20px !important;
    }
    .margin-right-sm-25 {
        margin-right: 25px !important;
    }
    .margin-right-sm-30 {
        margin-right: 30px !important;
    }
    .margin-right-sm-35 {
        margin-right: 35px !important;
    }
    .margin-right-sm-40 {
        margin-right: 40px !important;
    }
    .margin-right-sm-45 {
        margin-right: 45px !important;
    }
    .margin-right-sm-50 {
        margin-right: 50px !important;
    }
    .margin-right-sm-55 {
        margin-right: 55px !important;
    }
    .margin-right-sm-60 {
        margin-right: 60px !important;
    }
    .margin-right-sm-65 {
        margin-right: 65px !important;
    }
    .margin-right-sm-70 {
        margin-right: 70px !important;
    }
    .margin-right-sm-75 {
        margin-right: 75px !important;
    }
    .margin-right-sm-80 {
        margin-right: 80px !important;
    }
    .margin-right-sm-85 {
        margin-right: 85px !important;
    }
    .margin-right-sm-100 {
        margin-right: 100px !important;
    }
    .margin-right-sm-105 {
        margin-right: 105px !important;
    }
    .margin-right-sm-110 {
        margin-right: 110px !important;
    }
    .margin-right-sm-115 {
        margin-right: 115px !important;
    }
    .margin-right-sm-120 {
        margin-right: 120px !important;
    }
    .margin-right-sm-125 {
        margin-right: 125px !important;
    }
    .margin-right-sm-130 {
        margin-right: 130px !important;
    }
    .margin-right-sm-135 {
        margin-right: 135px !important;
    }
    .margin-right-sm-140 {
        margin-right: 140px !important;
    }
    .margin-right-sm-145 {
        margin-right: 145px !important;
    }
    .margin-right-sm-150 {
        margin-right: 150px !important;
    }
    .margin-right-sm-155 {
        margin-right: 155px !important;
    }
    .margin-right-sm-160 {
        margin-right: 160px !important;
    }
    .margin-right-sm-165 {
        margin-right: 165px !important;
    }
    .margin-right-sm-170 {
        margin-right: 170px !important;
    }
    .margin-right-sm-175 {
        margin-right: 175px !important;
    }
    .margin-right-sm-180 {
        margin-right: 180px !important;
    }
    .margin-right-sm-185 {
        margin-right: 185px !important;
    }
    .margin-right-sm-190 {
        margin-right: 190px !important;
    }
    .margin-right-sm-195 {
        margin-right: 195px !important;
    }
    .margin-right-sm-200 {
        margin-right: 200px !important;
    }
    /* Margin (percent) 
	===================== */
    .margin-sm-1-p {
        margin: 1% !important;
    }
    .margin-sm-2-p {
        margin: 2% !important;
    }
    .margin-sm-3-p {
        margin: 3% !important;
    }
    .margin-sm-4-p {
        margin: 4% !important;
    }
    .margin-sm-5-p {
        margin: 5% !important;
    }
    .margin-sm-6-p {
        margin: 6% !important;
    }
    .margin-sm-7-p {
        margin: 7% !important;
    }
    .margin-sm-8-p {
        margin: 8% !important;
    }
    .margin-sm-9-p {
        margin: 9% !important;
    }
    .margin-sm-10-p {
        margin: 10% !important;
    }
    .margin-sm-11-p {
        margin: 11% !important;
    }
    .margin-sm-12-p {
        margin: 12% !important;
    }
    .margin-sm-13-p {
        margin: 13% !important;
    }
    .margin-sm-14-p {
        margin: 14% !important;
    }
    .margin-sm-15-p {
        margin: 15% !important;
    }
    .margin-sm-16-p {
        margin: 16% !important;
    }
    .margin-sm-17-p {
        margin: 17% !important;
    }
    .margin-sm-18-p {
        margin: 18% !important;
    }
    .margin-sm-19-p {
        margin: 19% !important;
    }
    .margin-sm-20-p {
        margin: 20% !important;
    }
    /* margin top (percent) */
    .margin-top-sm-1-p {
        margin-top: 1% !important;
    }
    .margin-top-sm-2-p {
        margin-top: 2% !important;
    }
    .margin-top-sm-3-p {
        margin-top: 3% !important;
    }
    .margin-top-sm-4-p {
        margin-top: 4% !important;
    }
    .margin-top-sm-5-p {
        margin-top: 5% !important;
    }
    .margin-top-sm-6-p {
        margin-top: 6% !important;
    }
    .margin-top-sm-7-p {
        margin-top: 7% !important;
    }
    .margin-top-sm-8-p {
        margin-top: 8% !important;
    }
    .margin-top-sm-9-p {
        margin-top: 9% !important;
    }
    .margin-top-sm-10-p {
        margin-top: 10% !important;
    }
    .margin-top-sm-11-p {
        margin-top: 11% !important;
    }
    .margin-top-sm-12-p {
        margin-top: 12% !important;
    }
    .margin-top-sm-13-p {
        margin-top: 13% !important;
    }
    .margin-top-sm-14-p {
        margin-top: 14% !important;
    }
    .margin-top-sm-15-p {
        margin-top: 15% !important;
    }
    .margin-top-sm-16-p {
        margin-top: 16% !important;
    }
    .margin-top-sm-17-p {
        margin-top: 17% !important;
    }
    .margin-top-sm-18-p {
        margin-top: 18% !important;
    }
    .margin-top-sm-19-p {
        margin-top: 19% !important;
    }
    .margin-top-sm-20-p {
        margin-top: 20% !important;
    }
    /* margin bottom (percent) */
    .margin-bottom-sm-1-p {
        margin-bottom: 1% !important;
    }
    .margin-bottom-sm-2-p {
        margin-bottom: 2% !important;
    }
    .margin-bottom-sm-3-p {
        margin-bottom: 3% !important;
    }
    .margin-bottom-sm-4-p {
        margin-bottom: 4% !important;
    }
    .margin-bottom-sm-5-p {
        margin-bottom: 5% !important;
    }
    .margin-bottom-sm-6-p {
        margin-bottom: 6% !important;
    }
    .margin-bottom-sm-7-p {
        margin-bottom: 7% !important;
    }
    .margin-bottom-sm-8-p {
        margin-bottom: 8% !important;
    }
    .margin-bottom-sm-9-p {
        margin-bottom: 9% !important;
    }
    .margin-bottom-sm-10-p {
        margin-bottom: 10% !important;
    }
    .margin-bottom-sm-11-p {
        margin-bottom: 11% !important;
    }
    .margin-bottom-sm-12-p {
        margin-bottom: 12% !important;
    }
    .margin-bottom-sm-13-p {
        margin-bottom: 13% !important;
    }
    .margin-bottom-sm-14-p {
        margin-bottom: 14% !important;
    }
    .margin-bottom-sm-15-p {
        margin-bottom: 15% !important;
    }
    .margin-bottom-sm-16-p {
        margin-bottom: 16% !important;
    }
    .margin-bottom-sm-17-p {
        margin-bottom: 17% !important;
    }
    .margin-bottom-sm-18-p {
        margin-bottom: 18% !important;
    }
    .margin-bottom-sm-19-p {
        margin-bottom: 19% !important;
    }
    .margin-bottom-sm-20-p {
        margin-bottom: 20% !important;
    }
    /* margin left (percent) */
    .margin-left-sm-1-p {
        margin-left: 1% !important;
    }
    .margin-left-sm-2-p {
        margin-left: 2% !important;
    }
    .margin-left-sm-3-p {
        margin-left: 3% !important;
    }
    .margin-left-sm-4-p {
        margin-left: 4% !important;
    }
    .margin-left-sm-5-p {
        margin-left: 5% !important;
    }
    .margin-left-sm-6-p {
        margin-left: 6% !important;
    }
    .margin-left-sm-7-p {
        margin-left: 7% !important;
    }
    .margin-left-sm-8-p {
        margin-left: 8% !important;
    }
    .margin-left-sm-9-p {
        margin-left: 9% !important;
    }
    .margin-left-sm-10-p {
        margin-left: 10% !important;
    }
    .margin-left-sm-11-p {
        margin-left: 11% !important;
    }
    .margin-left-sm-12-p {
        margin-left: 12% !important;
    }
    .margin-left-sm-13-p {
        margin-left: 13% !important;
    }
    .margin-left-sm-14-p {
        margin-left: 14% !important;
    }
    .margin-left-sm-15-p {
        margin-left: 15% !important;
    }
    .margin-left-sm-16-p {
        margin-left: 16% !important;
    }
    .margin-left-sm-17-p {
        margin-left: 17% !important;
    }
    .margin-left-sm-18-p {
        margin-left: 18% !important;
    }
    .margin-left-sm-19-p {
        margin-left: 19% !important;
    }
    .margin-left-sm-20-p {
        margin-left: 20% !important;
    }
    /* margin right (percent) */
    .margin-right-sm-1-p {
        margin-right: 1% !important;
    }
    .margin-right-sm-2-p {
        margin-right: 2% !important;
    }
    .margin-right-sm-3-p {
        margin-right: 3% !important;
    }
    .margin-right-sm-4-p {
        margin-right: 4% !important;
    }
    .margin-right-sm-5-p {
        margin-right: 5% !important;
    }
    .margin-right-sm-6-p {
        margin-right: 6% !important;
    }
    .margin-right-sm-7-p {
        margin-right: 7% !important;
    }
    .margin-right-sm-8-p {
        margin-right: 8% !important;
    }
    .margin-right-sm-9-p {
        margin-right: 9% !important;
    }
    .margin-right-sm-10-p {
        margin-right: 10% !important;
    }
    .margin-right-sm-11-p {
        margin-right: 11% !important;
    }
    .margin-right-sm-12-p {
        margin-right: 12% !important;
    }
    .margin-right-sm-13-p {
        margin-right: 13% !important;
    }
    .margin-right-sm-14-p {
        margin-right: 14% !important;
    }
    .margin-right-sm-15-p {
        margin-right: 15% !important;
    }
    .margin-right-sm-16-p {
        margin-right: 16% !important;
    }
    .margin-right-sm-17-p {
        margin-right: 17% !important;
    }
    .margin-right-sm-18-p {
        margin-right: 18% !important;
    }
    .margin-right-sm-19-p {
        margin-right: 19% !important;
    }
    .margin-right-sm-20-p {
        margin-right: 20% !important;
    }
    /* no margins classes */
    .no-margin-sm {
        margin: 0 !important;
    }
    .no-margin-sm-top {
        margin-top: 0 !important;
    }
    .no-margin-sm-bottom {
        margin-bottom: 0 !important;
    }
    .no-margin-sm-left {
        margin-left: 0 !important;
    }
    .no-margin-sm-right {
        margin-right: 0 !important;
    }
}

@media (min-width: 768px) {
    .margin-md-5 {
        margin: 5px !important;
    }
    .margin-md-10 {
        margin: 10px !important;
    }
    .margin-md-15 {
        margin: 15px !important;
    }
    .margin-md-20 {
        margin: 20px !important;
    }
    .margin-md-25 {
        margin: 25px !important;
    }
    .margin-md-30 {
        margin: 30px !important;
    }
    .margin-md-35 {
        margin: 35px !important;
    }
    .margin-md-40 {
        margin: 40px !important;
    }
    .margin-md-45 {
        margin: 45px !important;
    }
    .margin-md-50 {
        margin: 50px !important;
    }
    .margin-md-55 {
        margin: 55px !important;
    }
    .margin-md-60 {
        margin: 60px !important;
    }
    .margin-md-65 {
        margin: 65px !important;
    }
    .margin-md-70 {
        margin: 70px !important;
    }
    .margin-md-75 {
        margin: 75px !important;
    }
    .margin-md-80 {
        margin: 80px !important;
    }
    .margin-md-85 {
        margin: 85px !important;
    }
    .margin-md-100 {
        margin: 80px !important;
    }
    .margin-md-105 {
        margin: 105px !important;
    }
    .margin-md-110 {
        margin: 110px !important;
    }
    .margin-md-115 {
        margin: 115px !important;
    }
    .margin-md-120 {
        margin: 120px !important;
    }
    .margin-md-125 {
        margin: 125px !important;
    }
    .margin-md-130 {
        margin: 130px !important;
    }
    .margin-md-135 {
        margin: 135px !important;
    }
    .margin-md-140 {
        margin: 140px !important;
    }
    .margin-md-145 {
        margin: 145px !important;
    }
    .margin-md-150 {
        margin: 150px !important;
    }
    .margin-md-155 {
        margin: 155px !important;
    }
    .margin-md-160 {
        margin: 160px !important;
    }
    .margin-md-165 {
        margin: 165px !important;
    }
    .margin-md-170 {
        margin: 170px !important;
    }
    .margin-md-175 {
        margin: 175px !important;
    }
    .margin-md-180 {
        margin: 180px !important;
    }
    .margin-md-185 {
        margin: 185px !important;
    }
    .margin-md-190 {
        margin: 190px !important;
    }
    .margin-md-195 {
        margin: 195px !important;
    }
    .margin-md-200 {
        margin: 200px !important;
    }
    /* margin top */
    .margin-top-md-5 {
        margin-top: 5px !important;
    }
    .margin-top-md-10 {
        margin-top: 10px !important;
    }
    .margin-top-md-15 {
        margin-top: 15px !important;
    }
    .margin-top-md-20 {
        margin-top: 20px !important;
    }
    .margin-top-md-25 {
        margin-top: 25px !important;
    }
    .margin-top-md-30 {
        margin-top: 30px !important;
    }
    .margin-top-md-35 {
        margin-top: 35px !important;
    }
    .margin-top-md-40 {
        margin-top: 40px !important;
    }
    .margin-top-md-45 {
        margin-top: 45px !important;
    }
    .margin-top-md-50 {
        margin-top: 50px !important;
    }
    .margin-top-md-55 {
        margin-top: 55px !important;
    }
    .margin-top-md-60 {
        margin-top: 60px !important;
    }
    .margin-top-md-65 {
        margin-top: 65px !important;
    }
    .margin-top-md-70 {
        margin-top: 70px !important;
    }
    .margin-top-md-75 {
        margin-top: 75px !important;
    }
    .margin-top-md-80 {
        margin-top: 80px !important;
    }
    .margin-top-md-85 {
        margin-top: 85px !important;
    }
    .margin-top-md-100 {
        margin-top: 100px !important;
    }
    .margin-top-md-105 {
        margin-top: 105px !important;
    }
    .margin-top-md-110 {
        margin-top: 110px !important;
    }
    .margin-top-md-115 {
        margin-top: 115px !important;
    }
    .margin-top-md-120 {
        margin-top: 120px !important;
    }
    .margin-top-md-125 {
        margin-top: 125px !important;
    }
    .margin-top-md-130 {
        margin-top: 130px !important;
    }
    .margin-top-md-135 {
        margin-top: 135px !important;
    }
    .margin-top-md-140 {
        margin-top: 140px !important;
    }
    .margin-top-md-145 {
        margin-top: 145px !important;
    }
    .margin-top-md-150 {
        margin-top: 150px !important;
    }
    .margin-top-md-155 {
        margin-top: 155px !important;
    }
    .margin-top-md-160 {
        margin-top: 160px !important;
    }
    .margin-top-md-165 {
        margin-top: 165px !important;
    }
    .margin-top-md-170 {
        margin-top: 170px !important;
    }
    .margin-top-md-175 {
        margin-top: 175px !important;
    }
    .margin-top-md-180 {
        margin-top: 180px !important;
    }
    .margin-top-md-185 {
        margin-top: 185px !important;
    }
    .margin-top-md-190 {
        margin-top: 190px !important;
    }
    .margin-top-md-195 {
        margin-top: 195px !important;
    }
    .margin-top-md-200 {
        margin-top: 200px !important;
    }
    /* margin bottom */
    .margin-bottom-md-5 {
        margin-bottom: 5px !important;
    }
    .margin-bottom-md-10 {
        margin-bottom: 10px !important;
    }
    .margin-bottom-md-15 {
        margin-bottom: 15px !important;
    }
    .margin-bottom-md-20 {
        margin-bottom: 20px !important;
    }
    .margin-bottom-md-25 {
        margin-bottom: 25px !important;
    }
    .margin-bottom-md-30 {
        margin-bottom: 30px !important;
    }
    .margin-bottom-md-35 {
        margin-bottom: 35px !important;
    }
    .margin-bottom-md-40 {
        margin-bottom: 40px !important;
    }
    .margin-bottom-md-45 {
        margin-bottom: 45px !important;
    }
    .margin-bottom-md-50 {
        margin-bottom: 50px !important;
    }
    .margin-bottom-md-55 {
        margin-bottom: 55px !important;
    }
    .margin-bottom-md-60 {
        margin-bottom: 60px !important;
    }
    .margin-bottom-md-65 {
        margin-bottom: 65px !important;
    }
    .margin-bottom-md-70 {
        margin-bottom: 70px !important;
    }
    .margin-bottom-md-75 {
        margin-bottom: 75px !important;
    }
    .margin-bottom-md-80 {
        margin-bottom: 80px !important;
    }
    .margin-bottom-md-85 {
        margin-bottom: 85px !important;
    }
    .margin-bottom-md-100 {
        margin-bottom: 100px !important;
    }
    .margin-bottom-md-105 {
        margin-bottom: 105px !important;
    }
    .margin-bottom-md-110 {
        margin-bottom: 110px !important;
    }
    .margin-bottom-md-115 {
        margin-bottom: 115px !important;
    }
    .margin-bottom-md-120 {
        margin-bottom: 120px !important;
    }
    .margin-bottom-md-125 {
        margin-bottom: 125px !important;
    }
    .margin-bottom-md-130 {
        margin-bottom: 130px !important;
    }
    .margin-bottom-md-135 {
        margin-bottom: 135px !important;
    }
    .margin-bottom-md-140 {
        margin-bottom: 140px !important;
    }
    .margin-bottom-md-145 {
        margin-bottom: 145px !important;
    }
    .margin-bottom-md-150 {
        margin-bottom: 150px !important;
    }
    .margin-bottom-md-155 {
        margin-bottom: 155px !important;
    }
    .margin-bottom-md-160 {
        margin-bottom: 160px !important;
    }
    .margin-bottom-md-165 {
        margin-bottom: 165px !important;
    }
    .margin-bottom-md-170 {
        margin-bottom: 170px !important;
    }
    .margin-bottom-md-175 {
        margin-bottom: 175px !important;
    }
    .margin-bottom-md-180 {
        margin-bottom: 180px !important;
    }
    .margin-bottom-md-185 {
        margin-bottom: 185px !important;
    }
    .margin-bottom-md-190 {
        margin-bottom: 190px !important;
    }
    .margin-bottom-md-195 {
        margin-bottom: 195px !important;
    }
    .margin-bottom-md-200 {
        margin-bottom: 200px !important;
    }
    /* margin left */
    .margin-left-md-5 {
        margin-left: 5px !important;
    }
    .margin-left-md-10 {
        margin-left: 10px !important;
    }
    .margin-left-md-15 {
        margin-left: 15px !important;
    }
    .margin-left-md-20 {
        margin-left: 20px !important;
    }
    .margin-left-md-25 {
        margin-left: 25px !important;
    }
    .margin-left-md-30 {
        margin-left: 30px !important;
    }
    .margin-left-md-35 {
        margin-left: 35px !important;
    }
    .margin-left-md-40 {
        margin-left: 40px !important;
    }
    .margin-left-md-45 {
        margin-left: 45px !important;
    }
    .margin-left-md-50 {
        margin-left: 50px !important;
    }
    .margin-left-md-55 {
        margin-left: 55px !important;
    }
    .margin-left-md-60 {
        margin-left: 60px !important;
    }
    .margin-left-md-65 {
        margin-left: 65px !important;
    }
    .margin-left-md-70 {
        margin-left: 70px !important;
    }
    .margin-left-md-75 {
        margin-left: 75px !important;
    }
    .margin-left-md-80 {
        margin-left: 80px !important;
    }
    .margin-left-md-85 {
        margin-left: 85px !important;
    }
    .margin-left-md-100 {
        margin-left: 100px !important;
    }
    .margin-left-md-105 {
        margin-left: 105px !important;
    }
    .margin-left-md-110 {
        margin-left: 110px !important;
    }
    .margin-left-md-115 {
        margin-left: 115px !important;
    }
    .margin-left-md-120 {
        margin-left: 120px !important;
    }
    .margin-left-md-125 {
        margin-left: 125px !important;
    }
    .margin-left-md-130 {
        margin-left: 130px !important;
    }
    .margin-left-md-135 {
        margin-left: 135px !important;
    }
    .margin-left-md-140 {
        margin-left: 140px !important;
    }
    .margin-left-md-145 {
        margin-left: 145px !important;
    }
    .margin-left-md-150 {
        margin-left: 150px !important;
    }
    .margin-left-md-155 {
        margin-left: 155px !important;
    }
    .margin-left-md-160 {
        margin-left: 160px !important;
    }
    .margin-left-md-165 {
        margin-left: 165px !important;
    }
    .margin-left-md-170 {
        margin-left: 170px !important;
    }
    .margin-left-md-175 {
        margin-left: 175px !important;
    }
    .margin-left-md-180 {
        margin-left: 180px !important;
    }
    .margin-left-md-185 {
        margin-left: 185px !important;
    }
    .margin-left-md-190 {
        margin-left: 190px !important;
    }
    .margin-left-md-195 {
        margin-left: 195px !important;
    }
    .margin-left-md-200 {
        margin-left: 200px !important;
    }
    /* margin right */
    .margin-right-md-5 {
        margin-right: 5px !important;
    }
    .margin-right-md-10 {
        margin-right: 10px !important;
    }
    .margin-right-md-15 {
        margin-right: 15px !important;
    }
    .margin-right-md-20 {
        margin-right: 20px !important;
    }
    .margin-right-md-25 {
        margin-right: 25px !important;
    }
    .margin-right-md-30 {
        margin-right: 30px !important;
    }
    .margin-right-md-35 {
        margin-right: 35px !important;
    }
    .margin-right-md-40 {
        margin-right: 40px !important;
    }
    .margin-right-md-45 {
        margin-right: 45px !important;
    }
    .margin-right-md-50 {
        margin-right: 50px !important;
    }
    .margin-right-md-55 {
        margin-right: 55px !important;
    }
    .margin-right-md-60 {
        margin-right: 60px !important;
    }
    .margin-right-md-65 {
        margin-right: 65px !important;
    }
    .margin-right-md-70 {
        margin-right: 70px !important;
    }
    .margin-right-md-75 {
        margin-right: 75px !important;
    }
    .margin-right-md-80 {
        margin-right: 80px !important;
    }
    .margin-right-md-85 {
        margin-right: 85px !important;
    }
    .margin-right-md-100 {
        margin-right: 100px !important;
    }
    .margin-right-md-105 {
        margin-right: 105px !important;
    }
    .margin-right-md-110 {
        margin-right: 110px !important;
    }
    .margin-right-md-115 {
        margin-right: 115px !important;
    }
    .margin-right-md-120 {
        margin-right: 120px !important;
    }
    .margin-right-md-125 {
        margin-right: 125px !important;
    }
    .margin-right-md-130 {
        margin-right: 130px !important;
    }
    .margin-right-md-135 {
        margin-right: 135px !important;
    }
    .margin-right-md-140 {
        margin-right: 140px !important;
    }
    .margin-right-md-145 {
        margin-right: 145px !important;
    }
    .margin-right-md-150 {
        margin-right: 150px !important;
    }
    .margin-right-md-155 {
        margin-right: 155px !important;
    }
    .margin-right-md-160 {
        margin-right: 160px !important;
    }
    .margin-right-md-165 {
        margin-right: 165px !important;
    }
    .margin-right-md-170 {
        margin-right: 170px !important;
    }
    .margin-right-md-175 {
        margin-right: 175px !important;
    }
    .margin-right-md-180 {
        margin-right: 180px !important;
    }
    .margin-right-md-185 {
        margin-right: 185px !important;
    }
    .margin-right-md-190 {
        margin-right: 190px !important;
    }
    .margin-right-md-195 {
        margin-right: 195px !important;
    }
    .margin-right-md-200 {
        margin-right: 200px !important;
    }
    /* Margin (percent) 
	===================== */
    .margin-md-1-p {
        margin: 1% !important;
    }
    .margin-md-2-p {
        margin: 2% !important;
    }
    .margin-md-3-p {
        margin: 3% !important;
    }
    .margin-md-4-p {
        margin: 4% !important;
    }
    .margin-md-5-p {
        margin: 5% !important;
    }
    .margin-md-6-p {
        margin: 6% !important;
    }
    .margin-md-7-p {
        margin: 7% !important;
    }
    .margin-md-8-p {
        margin: 8% !important;
    }
    .margin-md-9-p {
        margin: 9% !important;
    }
    .margin-md-10-p {
        margin: 10% !important;
    }
    .margin-md-11-p {
        margin: 11% !important;
    }
    .margin-md-12-p {
        margin: 12% !important;
    }
    .margin-md-13-p {
        margin: 13% !important;
    }
    .margin-md-14-p {
        margin: 14% !important;
    }
    .margin-md-15-p {
        margin: 15% !important;
    }
    .margin-md-16-p {
        margin: 16% !important;
    }
    .margin-md-17-p {
        margin: 17% !important;
    }
    .margin-md-18-p {
        margin: 18% !important;
    }
    .margin-md-19-p {
        margin: 19% !important;
    }
    .margin-md-20-p {
        margin: 20% !important;
    }
    /* margin top (percent) */
    .margin-top-md-1-p {
        margin-top: 1% !important;
    }
    .margin-top-md-2-p {
        margin-top: 2% !important;
    }
    .margin-top-md-3-p {
        margin-top: 3% !important;
    }
    .margin-top-md-4-p {
        margin-top: 4% !important;
    }
    .margin-top-md-5-p {
        margin-top: 5% !important;
    }
    .margin-top-md-6-p {
        margin-top: 6% !important;
    }
    .margin-top-md-7-p {
        margin-top: 7% !important;
    }
    .margin-top-md-8-p {
        margin-top: 8% !important;
    }
    .margin-top-md-9-p {
        margin-top: 9% !important;
    }
    .margin-top-md-10-p {
        margin-top: 10% !important;
    }
    .margin-top-md-11-p {
        margin-top: 11% !important;
    }
    .margin-top-md-12-p {
        margin-top: 12% !important;
    }
    .margin-top-md-13-p {
        margin-top: 13% !important;
    }
    .margin-top-md-14-p {
        margin-top: 14% !important;
    }
    .margin-top-md-15-p {
        margin-top: 15% !important;
    }
    .margin-top-md-16-p {
        margin-top: 16% !important;
    }
    .margin-top-md-17-p {
        margin-top: 17% !important;
    }
    .margin-top-md-18-p {
        margin-top: 18% !important;
    }
    .margin-top-md-19-p {
        margin-top: 19% !important;
    }
    .margin-top-md-20-p {
        margin-top: 20% !important;
    }
    /* margin bottom (percent) */
    .margin-bottom-md-1-p {
        margin-bottom: 1% !important;
    }
    .margin-bottom-md-2-p {
        margin-bottom: 2% !important;
    }
    .margin-bottom-md-3-p {
        margin-bottom: 3% !important;
    }
    .margin-bottom-md-4-p {
        margin-bottom: 4% !important;
    }
    .margin-bottom-md-5-p {
        margin-bottom: 5% !important;
    }
    .margin-bottom-md-6-p {
        margin-bottom: 6% !important;
    }
    .margin-bottom-md-7-p {
        margin-bottom: 7% !important;
    }
    .margin-bottom-md-8-p {
        margin-bottom: 8% !important;
    }
    .margin-bottom-md-9-p {
        margin-bottom: 9% !important;
    }
    .margin-bottom-md-10-p {
        margin-bottom: 10% !important;
    }
    .margin-bottom-md-11-p {
        margin-bottom: 11% !important;
    }
    .margin-bottom-md-12-p {
        margin-bottom: 12% !important;
    }
    .margin-bottom-md-13-p {
        margin-bottom: 13% !important;
    }
    .margin-bottom-md-14-p {
        margin-bottom: 14% !important;
    }
    .margin-bottom-md-15-p {
        margin-bottom: 15% !important;
    }
    .margin-bottom-md-16-p {
        margin-bottom: 16% !important;
    }
    .margin-bottom-md-17-p {
        margin-bottom: 17% !important;
    }
    .margin-bottom-md-18-p {
        margin-bottom: 18% !important;
    }
    .margin-bottom-md-19-p {
        margin-bottom: 19% !important;
    }
    .margin-bottom-md-20-p {
        margin-bottom: 20% !important;
    }
    /* margin left (percent) */
    .margin-left-md-1-p {
        margin-left: 1% !important;
    }
    .margin-left-md-2-p {
        margin-left: 2% !important;
    }
    .margin-left-md-3-p {
        margin-left: 3% !important;
    }
    .margin-left-md-4-p {
        margin-left: 4% !important;
    }
    .margin-left-md-5-p {
        margin-left: 5% !important;
    }
    .margin-left-md-6-p {
        margin-left: 6% !important;
    }
    .margin-left-md-7-p {
        margin-left: 7% !important;
    }
    .margin-left-md-8-p {
        margin-left: 8% !important;
    }
    .margin-left-md-9-p {
        margin-left: 9% !important;
    }
    .margin-left-md-10-p {
        margin-left: 10% !important;
    }
    .margin-left-md-11-p {
        margin-left: 11% !important;
    }
    .margin-left-md-12-p {
        margin-left: 12% !important;
    }
    .margin-left-md-13-p {
        margin-left: 13% !important;
    }
    .margin-left-md-14-p {
        margin-left: 14% !important;
    }
    .margin-left-md-15-p {
        margin-left: 15% !important;
    }
    .margin-left-md-16-p {
        margin-left: 16% !important;
    }
    .margin-left-md-17-p {
        margin-left: 17% !important;
    }
    .margin-left-md-18-p {
        margin-left: 18% !important;
    }
    .margin-left-md-19-p {
        margin-left: 19% !important;
    }
    .margin-left-md-20-p {
        margin-left: 20% !important;
    }
    /* margin right (percent) */
    .margin-right-md-1-p {
        margin-right: 1% !important;
    }
    .margin-right-md-2-p {
        margin-right: 2% !important;
    }
    .margin-right-md-3-p {
        margin-right: 3% !important;
    }
    .margin-right-md-4-p {
        margin-right: 4% !important;
    }
    .margin-right-md-5-p {
        margin-right: 5% !important;
    }
    .margin-right-md-6-p {
        margin-right: 6% !important;
    }
    .margin-right-md-7-p {
        margin-right: 7% !important;
    }
    .margin-right-md-8-p {
        margin-right: 8% !important;
    }
    .margin-right-md-9-p {
        margin-right: 9% !important;
    }
    .margin-right-md-10-p {
        margin-right: 10% !important;
    }
    .margin-right-md-11-p {
        margin-right: 11% !important;
    }
    .margin-right-md-12-p {
        margin-right: 12% !important;
    }
    .margin-right-md-13-p {
        margin-right: 13% !important;
    }
    .margin-right-md-14-p {
        margin-right: 14% !important;
    }
    .margin-right-md-15-p {
        margin-right: 15% !important;
    }
    .margin-right-md-16-p {
        margin-right: 16% !important;
    }
    .margin-right-md-17-p {
        margin-right: 17% !important;
    }
    .margin-right-md-18-p {
        margin-right: 18% !important;
    }
    .margin-right-md-19-p {
        margin-right: 19% !important;
    }
    .margin-right-md-20-p {
        margin-right: 20% !important;
    }
    /* no margins classes */
    .no-margin-md {
        margin: 0 !important;
    }
    .no-margin-md-top {
        margin-top: 0 !important;
    }
    .no-margin-md-bottom {
        margin-bottom: 0 !important;
    }
    .no-margin-md-left {
        margin-left: 0 !important;
    }
    .no-margin-md-right {
        margin-right: 0 !important;
    }
}

@media (min-width: 992px) {
    .margin-lg-5 {
        margin: 5px !important;
    }
    .margin-lg-10 {
        margin: 10px !important;
    }
    .margin-lg-15 {
        margin: 15px !important;
    }
    .margin-lg-20 {
        margin: 20px !important;
    }
    .margin-lg-25 {
        margin: 25px !important;
    }
    .margin-lg-30 {
        margin: 30px !important;
    }
    .margin-lg-35 {
        margin: 35px !important;
    }
    .margin-lg-40 {
        margin: 40px !important;
    }
    .margin-lg-45 {
        margin: 45px !important;
    }
    .margin-lg-50 {
        margin: 50px !important;
    }
    .margin-lg-55 {
        margin: 55px !important;
    }
    .margin-lg-60 {
        margin: 60px !important;
    }
    .margin-lg-65 {
        margin: 65px !important;
    }
    .margin-lg-70 {
        margin: 70px !important;
    }
    .margin-lg-75 {
        margin: 75px !important;
    }
    .margin-lg-80 {
        margin: 80px !important;
    }
    .margin-lg-85 {
        margin: 85px !important;
    }
    .margin-lg-100 {
        margin: 80px !important;
    }
    .margin-lg-105 {
        margin: 105px !important;
    }
    .margin-lg-110 {
        margin: 110px !important;
    }
    .margin-lg-115 {
        margin: 115px !important;
    }
    .margin-lg-120 {
        margin: 120px !important;
    }
    .margin-lg-125 {
        margin: 125px !important;
    }
    .margin-lg-130 {
        margin: 130px !important;
    }
    .margin-lg-135 {
        margin: 135px !important;
    }
    .margin-lg-140 {
        margin: 140px !important;
    }
    .margin-lg-145 {
        margin: 145px !important;
    }
    .margin-lg-150 {
        margin: 150px !important;
    }
    .margin-lg-155 {
        margin: 155px !important;
    }
    .margin-lg-160 {
        margin: 160px !important;
    }
    .margin-lg-165 {
        margin: 165px !important;
    }
    .margin-lg-170 {
        margin: 170px !important;
    }
    .margin-lg-175 {
        margin: 175px !important;
    }
    .margin-lg-180 {
        margin: 180px !important;
    }
    .margin-lg-185 {
        margin: 185px !important;
    }
    .margin-lg-190 {
        margin: 190px !important;
    }
    .margin-lg-195 {
        margin: 195px !important;
    }
    .margin-lg-200 {
        margin: 200px !important;
    }
    /* margin top */
    .margin-top-lg-5 {
        margin-top: 5px !important;
    }
    .margin-top-lg-10 {
        margin-top: 10px !important;
    }
    .margin-top-lg-15 {
        margin-top: 15px !important;
    }
    .margin-top-lg-20 {
        margin-top: 20px !important;
    }
    .margin-top-lg-25 {
        margin-top: 25px !important;
    }
    .margin-top-lg-30 {
        margin-top: 30px !important;
    }
    .margin-top-lg-35 {
        margin-top: 35px !important;
    }
    .margin-top-lg-40 {
        margin-top: 40px !important;
    }
    .margin-top-lg-45 {
        margin-top: 45px !important;
    }
    .margin-top-lg-50 {
        margin-top: 50px !important;
    }
    .margin-top-lg-55 {
        margin-top: 55px !important;
    }
    .margin-top-lg-60 {
        margin-top: 60px !important;
    }
    .margin-top-lg-65 {
        margin-top: 65px !important;
    }
    .margin-top-lg-70 {
        margin-top: 70px !important;
    }
    .margin-top-lg-75 {
        margin-top: 75px !important;
    }
    .margin-top-lg-80 {
        margin-top: 80px !important;
    }
    .margin-top-lg-85 {
        margin-top: 85px !important;
    }
    .margin-top-lg-100 {
        margin-top: 100px !important;
    }
    .margin-top-lg-105 {
        margin-top: 105px !important;
    }
    .margin-top-lg-110 {
        margin-top: 110px !important;
    }
    .margin-top-lg-115 {
        margin-top: 115px !important;
    }
    .margin-top-lg-120 {
        margin-top: 120px !important;
    }
    .margin-top-lg-125 {
        margin-top: 125px !important;
    }
    .margin-top-lg-130 {
        margin-top: 130px !important;
    }
    .margin-top-lg-135 {
        margin-top: 135px !important;
    }
    .margin-top-lg-140 {
        margin-top: 140px !important;
    }
    .margin-top-lg-145 {
        margin-top: 145px !important;
    }
    .margin-top-lg-150 {
        margin-top: 150px !important;
    }
    .margin-top-lg-155 {
        margin-top: 155px !important;
    }
    .margin-top-lg-160 {
        margin-top: 160px !important;
    }
    .margin-top-lg-165 {
        margin-top: 165px !important;
    }
    .margin-top-lg-170 {
        margin-top: 170px !important;
    }
    .margin-top-lg-175 {
        margin-top: 175px !important;
    }
    .margin-top-lg-180 {
        margin-top: 180px !important;
    }
    .margin-top-lg-185 {
        margin-top: 185px !important;
    }
    .margin-top-lg-190 {
        margin-top: 190px !important;
    }
    .margin-top-lg-195 {
        margin-top: 195px !important;
    }
    .margin-top-lg-200 {
        margin-top: 200px !important;
    }
    /* margin bottom */
    .margin-bottom-lg-5 {
        margin-bottom: 5px !important;
    }
    .margin-bottom-lg-10 {
        margin-bottom: 10px !important;
    }
    .margin-bottom-lg-15 {
        margin-bottom: 15px !important;
    }
    .margin-bottom-lg-20 {
        margin-bottom: 20px !important;
    }
    .margin-bottom-lg-25 {
        margin-bottom: 25px !important;
    }
    .margin-bottom-lg-30 {
        margin-bottom: 30px !important;
    }
    .margin-bottom-lg-35 {
        margin-bottom: 35px !important;
    }
    .margin-bottom-lg-40 {
        margin-bottom: 40px !important;
    }
    .margin-bottom-lg-45 {
        margin-bottom: 45px !important;
    }
    .margin-bottom-lg-50 {
        margin-bottom: 50px !important;
    }
    .margin-bottom-lg-55 {
        margin-bottom: 55px !important;
    }
    .margin-bottom-lg-60 {
        margin-bottom: 60px !important;
    }
    .margin-bottom-lg-65 {
        margin-bottom: 65px !important;
    }
    .margin-bottom-lg-70 {
        margin-bottom: 70px !important;
    }
    .margin-bottom-lg-75 {
        margin-bottom: 75px !important;
    }
    .margin-bottom-lg-80 {
        margin-bottom: 80px !important;
    }
    .margin-bottom-lg-85 {
        margin-bottom: 85px !important;
    }
    .margin-bottom-lg-100 {
        margin-bottom: 100px !important;
    }
    .margin-bottom-lg-105 {
        margin-bottom: 105px !important;
    }
    .margin-bottom-lg-110 {
        margin-bottom: 110px !important;
    }
    .margin-bottom-lg-115 {
        margin-bottom: 115px !important;
    }
    .margin-bottom-lg-120 {
        margin-bottom: 120px !important;
    }
    .margin-bottom-lg-125 {
        margin-bottom: 125px !important;
    }
    .margin-bottom-lg-130 {
        margin-bottom: 130px !important;
    }
    .margin-bottom-lg-135 {
        margin-bottom: 135px !important;
    }
    .margin-bottom-lg-140 {
        margin-bottom: 140px !important;
    }
    .margin-bottom-lg-145 {
        margin-bottom: 145px !important;
    }
    .margin-bottom-lg-150 {
        margin-bottom: 150px !important;
    }
    .margin-bottom-lg-155 {
        margin-bottom: 155px !important;
    }
    .margin-bottom-lg-160 {
        margin-bottom: 160px !important;
    }
    .margin-bottom-lg-165 {
        margin-bottom: 165px !important;
    }
    .margin-bottom-lg-170 {
        margin-bottom: 170px !important;
    }
    .margin-bottom-lg-175 {
        margin-bottom: 175px !important;
    }
    .margin-bottom-lg-180 {
        margin-bottom: 180px !important;
    }
    .margin-bottom-lg-185 {
        margin-bottom: 185px !important;
    }
    .margin-bottom-lg-190 {
        margin-bottom: 190px !important;
    }
    .margin-bottom-lg-195 {
        margin-bottom: 195px !important;
    }
    .margin-bottom-lg-200 {
        margin-bottom: 200px !important;
    }
    /* margin left */
    .margin-left-lg-5 {
        margin-left: 5px !important;
    }
    .margin-left-lg-10 {
        margin-left: 10px !important;
    }
    .margin-left-lg-15 {
        margin-left: 15px !important;
    }
    .margin-left-lg-20 {
        margin-left: 20px !important;
    }
    .margin-left-lg-25 {
        margin-left: 25px !important;
    }
    .margin-left-lg-30 {
        margin-left: 30px !important;
    }
    .margin-left-lg-35 {
        margin-left: 35px !important;
    }
    .margin-left-lg-40 {
        margin-left: 40px !important;
    }
    .margin-left-lg-45 {
        margin-left: 45px !important;
    }
    .margin-left-lg-50 {
        margin-left: 50px !important;
    }
    .margin-left-lg-55 {
        margin-left: 55px !important;
    }
    .margin-left-lg-60 {
        margin-left: 60px !important;
    }
    .margin-left-lg-65 {
        margin-left: 65px !important;
    }
    .margin-left-lg-70 {
        margin-left: 70px !important;
    }
    .margin-left-lg-75 {
        margin-left: 75px !important;
    }
    .margin-left-lg-80 {
        margin-left: 80px !important;
    }
    .margin-left-lg-85 {
        margin-left: 85px !important;
    }
    .margin-left-lg-100 {
        margin-left: 100px !important;
    }
    .margin-left-lg-105 {
        margin-left: 105px !important;
    }
    .margin-left-lg-110 {
        margin-left: 110px !important;
    }
    .margin-left-lg-115 {
        margin-left: 115px !important;
    }
    .margin-left-lg-120 {
        margin-left: 120px !important;
    }
    .margin-left-lg-125 {
        margin-left: 125px !important;
    }
    .margin-left-lg-130 {
        margin-left: 130px !important;
    }
    .margin-left-lg-135 {
        margin-left: 135px !important;
    }
    .margin-left-lg-140 {
        margin-left: 140px !important;
    }
    .margin-left-lg-145 {
        margin-left: 145px !important;
    }
    .margin-left-lg-150 {
        margin-left: 150px !important;
    }
    .margin-left-lg-155 {
        margin-left: 155px !important;
    }
    .margin-left-lg-160 {
        margin-left: 160px !important;
    }
    .margin-left-lg-165 {
        margin-left: 165px !important;
    }
    .margin-left-lg-170 {
        margin-left: 170px !important;
    }
    .margin-left-lg-175 {
        margin-left: 175px !important;
    }
    .margin-left-lg-180 {
        margin-left: 180px !important;
    }
    .margin-left-lg-185 {
        margin-left: 185px !important;
    }
    .margin-left-lg-190 {
        margin-left: 190px !important;
    }
    .margin-left-lg-195 {
        margin-left: 195px !important;
    }
    .margin-left-lg-200 {
        margin-left: 200px !important;
    }
    /* margin right */
    .margin-right-lg-5 {
        margin-right: 5px !important;
    }
    .margin-right-lg-10 {
        margin-right: 10px !important;
    }
    .margin-right-lg-15 {
        margin-right: 15px !important;
    }
    .margin-right-lg-20 {
        margin-right: 20px !important;
    }
    .margin-right-lg-25 {
        margin-right: 25px !important;
    }
    .margin-right-lg-30 {
        margin-right: 30px !important;
    }
    .margin-right-lg-35 {
        margin-right: 35px !important;
    }
    .margin-right-lg-40 {
        margin-right: 40px !important;
    }
    .margin-right-lg-45 {
        margin-right: 45px !important;
    }
    .margin-right-lg-50 {
        margin-right: 50px !important;
    }
    .margin-right-lg-55 {
        margin-right: 55px !important;
    }
    .margin-right-lg-60 {
        margin-right: 60px !important;
    }
    .margin-right-lg-65 {
        margin-right: 65px !important;
    }
    .margin-right-lg-70 {
        margin-right: 70px !important;
    }
    .margin-right-lg-75 {
        margin-right: 75px !important;
    }
    .margin-right-lg-80 {
        margin-right: 80px !important;
    }
    .margin-right-lg-85 {
        margin-right: 85px !important;
    }
    .margin-right-lg-100 {
        margin-right: 100px !important;
    }
    .margin-right-lg-105 {
        margin-right: 105px !important;
    }
    .margin-right-lg-110 {
        margin-right: 110px !important;
    }
    .margin-right-lg-115 {
        margin-right: 115px !important;
    }
    .margin-right-lg-120 {
        margin-right: 120px !important;
    }
    .margin-right-lg-125 {
        margin-right: 125px !important;
    }
    .margin-right-lg-130 {
        margin-right: 130px !important;
    }
    .margin-right-lg-135 {
        margin-right: 135px !important;
    }
    .margin-right-lg-140 {
        margin-right: 140px !important;
    }
    .margin-right-lg-145 {
        margin-right: 145px !important;
    }
    .margin-right-lg-150 {
        margin-right: 150px !important;
    }
    .margin-right-lg-155 {
        margin-right: 155px !important;
    }
    .margin-right-lg-160 {
        margin-right: 160px !important;
    }
    .margin-right-lg-165 {
        margin-right: 165px !important;
    }
    .margin-right-lg-170 {
        margin-right: 170px !important;
    }
    .margin-right-lg-175 {
        margin-right: 175px !important;
    }
    .margin-right-lg-180 {
        margin-right: 180px !important;
    }
    .margin-right-lg-185 {
        margin-right: 185px !important;
    }
    .margin-right-lg-190 {
        margin-right: 190px !important;
    }
    .margin-right-lg-195 {
        margin-right: 195px !important;
    }
    .margin-right-lg-200 {
        margin-right: 200px !important;
    }
    /* Margin (percent) 
	===================== */
    .margin-lg-1-p {
        margin: 1% !important;
    }
    .margin-lg-2-p {
        margin: 2% !important;
    }
    .margin-lg-3-p {
        margin: 3% !important;
    }
    .margin-lg-4-p {
        margin: 4% !important;
    }
    .margin-lg-5-p {
        margin: 5% !important;
    }
    .margin-lg-6-p {
        margin: 6% !important;
    }
    .margin-lg-7-p {
        margin: 7% !important;
    }
    .margin-lg-8-p {
        margin: 8% !important;
    }
    .margin-lg-9-p {
        margin: 9% !important;
    }
    .margin-lg-10-p {
        margin: 10% !important;
    }
    .margin-lg-11-p {
        margin: 11% !important;
    }
    .margin-lg-12-p {
        margin: 12% !important;
    }
    .margin-lg-13-p {
        margin: 13% !important;
    }
    .margin-lg-14-p {
        margin: 14% !important;
    }
    .margin-lg-15-p {
        margin: 15% !important;
    }
    .margin-lg-16-p {
        margin: 16% !important;
    }
    .margin-lg-17-p {
        margin: 17% !important;
    }
    .margin-lg-18-p {
        margin: 18% !important;
    }
    .margin-lg-19-p {
        margin: 19% !important;
    }
    .margin-lg-20-p {
        margin: 20% !important;
    }
    /* margin top (percent) */
    .margin-top-lg-1-p {
        margin-top: 1% !important;
    }
    .margin-top-lg-2-p {
        margin-top: 2% !important;
    }
    .margin-top-lg-3-p {
        margin-top: 3% !important;
    }
    .margin-top-lg-4-p {
        margin-top: 4% !important;
    }
    .margin-top-lg-5-p {
        margin-top: 5% !important;
    }
    .margin-top-lg-6-p {
        margin-top: 6% !important;
    }
    .margin-top-lg-7-p {
        margin-top: 7% !important;
    }
    .margin-top-lg-8-p {
        margin-top: 8% !important;
    }
    .margin-top-lg-9-p {
        margin-top: 9% !important;
    }
    .margin-top-lg-10-p {
        margin-top: 10% !important;
    }
    .margin-top-lg-11-p {
        margin-top: 11% !important;
    }
    .margin-top-lg-12-p {
        margin-top: 12% !important;
    }
    .margin-top-lg-13-p {
        margin-top: 13% !important;
    }
    .margin-top-lg-14-p {
        margin-top: 14% !important;
    }
    .margin-top-lg-15-p {
        margin-top: 15% !important;
    }
    .margin-top-lg-16-p {
        margin-top: 16% !important;
    }
    .margin-top-lg-17-p {
        margin-top: 17% !important;
    }
    .margin-top-lg-18-p {
        margin-top: 18% !important;
    }
    .margin-top-lg-19-p {
        margin-top: 19% !important;
    }
    .margin-top-lg-20-p {
        margin-top: 20% !important;
    }
    /* margin bottom (percent) */
    .margin-bottom-lg-1-p {
        margin-bottom: 1% !important;
    }
    .margin-bottom-lg-2-p {
        margin-bottom: 2% !important;
    }
    .margin-bottom-lg-3-p {
        margin-bottom: 3% !important;
    }
    .margin-bottom-lg-4-p {
        margin-bottom: 4% !important;
    }
    .margin-bottom-lg-5-p {
        margin-bottom: 5% !important;
    }
    .margin-bottom-lg-6-p {
        margin-bottom: 6% !important;
    }
    .margin-bottom-lg-7-p {
        margin-bottom: 7% !important;
    }
    .margin-bottom-lg-8-p {
        margin-bottom: 8% !important;
    }
    .margin-bottom-lg-9-p {
        margin-bottom: 9% !important;
    }
    .margin-bottom-lg-10-p {
        margin-bottom: 10% !important;
    }
    .margin-bottom-lg-11-p {
        margin-bottom: 11% !important;
    }
    .margin-bottom-lg-12-p {
        margin-bottom: 12% !important;
    }
    .margin-bottom-lg-13-p {
        margin-bottom: 13% !important;
    }
    .margin-bottom-lg-14-p {
        margin-bottom: 14% !important;
    }
    .margin-bottom-lg-15-p {
        margin-bottom: 15% !important;
    }
    .margin-bottom-lg-16-p {
        margin-bottom: 16% !important;
    }
    .margin-bottom-lg-17-p {
        margin-bottom: 17% !important;
    }
    .margin-bottom-lg-18-p {
        margin-bottom: 18% !important;
    }
    .margin-bottom-lg-19-p {
        margin-bottom: 19% !important;
    }
    .margin-bottom-lg-20-p {
        margin-bottom: 20% !important;
    }
    /* margin left (percent) */
    .margin-left-lg-1-p {
        margin-left: 1% !important;
    }
    .margin-left-lg-2-p {
        margin-left: 2% !important;
    }
    .margin-left-lg-3-p {
        margin-left: 3% !important;
    }
    .margin-left-lg-4-p {
        margin-left: 4% !important;
    }
    .margin-left-lg-5-p {
        margin-left: 5% !important;
    }
    .margin-left-lg-6-p {
        margin-left: 6% !important;
    }
    .margin-left-lg-7-p {
        margin-left: 7% !important;
    }
    .margin-left-lg-8-p {
        margin-left: 8% !important;
    }
    .margin-left-lg-9-p {
        margin-left: 9% !important;
    }
    .margin-left-lg-10-p {
        margin-left: 10% !important;
    }
    .margin-left-lg-11-p {
        margin-left: 11% !important;
    }
    .margin-left-lg-12-p {
        margin-left: 12% !important;
    }
    .margin-left-lg-13-p {
        margin-left: 13% !important;
    }
    .margin-left-lg-14-p {
        margin-left: 14% !important;
    }
    .margin-left-lg-15-p {
        margin-left: 15% !important;
    }
    .margin-left-lg-16-p {
        margin-left: 16% !important;
    }
    .margin-left-lg-17-p {
        margin-left: 17% !important;
    }
    .margin-left-lg-18-p {
        margin-left: 18% !important;
    }
    .margin-left-lg-19-p {
        margin-left: 19% !important;
    }
    .margin-left-lg-20-p {
        margin-left: 20% !important;
    }
    /* margin right (percent) */
    .margin-right-lg-1-p {
        margin-right: 1% !important;
    }
    .margin-right-lg-2-p {
        margin-right: 2% !important;
    }
    .margin-right-lg-3-p {
        margin-right: 3% !important;
    }
    .margin-right-lg-4-p {
        margin-right: 4% !important;
    }
    .margin-right-lg-5-p {
        margin-right: 5% !important;
    }
    .margin-right-lg-6-p {
        margin-right: 6% !important;
    }
    .margin-right-lg-7-p {
        margin-right: 7% !important;
    }
    .margin-right-lg-8-p {
        margin-right: 8% !important;
    }
    .margin-right-lg-9-p {
        margin-right: 9% !important;
    }
    .margin-right-lg-10-p {
        margin-right: 10% !important;
    }
    .margin-right-lg-11-p {
        margin-right: 11% !important;
    }
    .margin-right-lg-12-p {
        margin-right: 12% !important;
    }
    .margin-right-lg-13-p {
        margin-right: 13% !important;
    }
    .margin-right-lg-14-p {
        margin-right: 14% !important;
    }
    .margin-right-lg-15-p {
        margin-right: 15% !important;
    }
    .margin-right-lg-16-p {
        margin-right: 16% !important;
    }
    .margin-right-lg-17-p {
        margin-right: 17% !important;
    }
    .margin-right-lg-18-p {
        margin-right: 18% !important;
    }
    .margin-right-lg-19-p {
        margin-right: 19% !important;
    }
    .margin-right-lg-20-p {
        margin-right: 20% !important;
    }
    /* no margins classes */
    .no-margin-lg {
        margin: 0 !important;
    }
    .no-margin-lg-top {
        margin-top: 0 !important;
    }
    .no-margin-lg-bottom {
        margin-bottom: 0 !important;
    }
    .no-margin-lg-left {
        margin-left: 0 !important;
    }
    .no-margin-lg-right {
        margin-right: 0 !important;
    }
}

@media (min-width: 1025px) {
    .margin-xlg-5 {
        margin: 5px !important;
    }
    .margin-xlg-10 {
        margin: 10px !important;
    }
    .margin-xlg-15 {
        margin: 15px !important;
    }
    .margin-xlg-20 {
        margin: 20px !important;
    }
    .margin-xlg-25 {
        margin: 25px !important;
    }
    .margin-xlg-30 {
        margin: 30px !important;
    }
    .margin-xlg-35 {
        margin: 35px !important;
    }
    .margin-xlg-40 {
        margin: 40px !important;
    }
    .margin-xlg-45 {
        margin: 45px !important;
    }
    .margin-xlg-50 {
        margin: 50px !important;
    }
    .margin-xlg-55 {
        margin: 55px !important;
    }
    .margin-xlg-60 {
        margin: 60px !important;
    }
    .margin-xlg-65 {
        margin: 65px !important;
    }
    .margin-xlg-70 {
        margin: 70px !important;
    }
    .margin-xlg-75 {
        margin: 75px !important;
    }
    .margin-xlg-80 {
        margin: 80px !important;
    }
    .margin-xlg-85 {
        margin: 85px !important;
    }
    .margin-xlg-100 {
        margin: 80px !important;
    }
    .margin-xlg-105 {
        margin: 105px !important;
    }
    .margin-xlg-110 {
        margin: 110px !important;
    }
    .margin-xlg-115 {
        margin: 115px !important;
    }
    .margin-xlg-120 {
        margin: 120px !important;
    }
    .margin-xlg-125 {
        margin: 125px !important;
    }
    .margin-xlg-130 {
        margin: 130px !important;
    }
    .margin-xlg-135 {
        margin: 135px !important;
    }
    .margin-xlg-140 {
        margin: 140px !important;
    }
    .margin-xlg-145 {
        margin: 145px !important;
    }
    .margin-xlg-150 {
        margin: 150px !important;
    }
    .margin-xlg-155 {
        margin: 155px !important;
    }
    .margin-xlg-160 {
        margin: 160px !important;
    }
    .margin-xlg-165 {
        margin: 165px !important;
    }
    .margin-xlg-170 {
        margin: 170px !important;
    }
    .margin-xlg-175 {
        margin: 175px !important;
    }
    .margin-xlg-180 {
        margin: 180px !important;
    }
    .margin-xlg-185 {
        margin: 185px !important;
    }
    .margin-xlg-190 {
        margin: 190px !important;
    }
    .margin-xlg-195 {
        margin: 195px !important;
    }
    .margin-xlg-200 {
        margin: 200px !important;
    }
    /* margin top */
    .margin-top-xlg-5 {
        margin-top: 5px !important;
    }
    .margin-top-xlg-10 {
        margin-top: 10px !important;
    }
    .margin-top-xlg-15 {
        margin-top: 15px !important;
    }
    .margin-top-xlg-20 {
        margin-top: 20px !important;
    }
    .margin-top-xlg-25 {
        margin-top: 25px !important;
    }
    .margin-top-xlg-30 {
        margin-top: 30px !important;
    }
    .margin-top-xlg-35 {
        margin-top: 35px !important;
    }
    .margin-top-xlg-40 {
        margin-top: 40px !important;
    }
    .margin-top-xlg-45 {
        margin-top: 45px !important;
    }
    .margin-top-xlg-50 {
        margin-top: 50px !important;
    }
    .margin-top-xlg-55 {
        margin-top: 55px !important;
    }
    .margin-top-xlg-60 {
        margin-top: 60px !important;
    }
    .margin-top-xlg-65 {
        margin-top: 65px !important;
    }
    .margin-top-xlg-70 {
        margin-top: 70px !important;
    }
    .margin-top-xlg-75 {
        margin-top: 75px !important;
    }
    .margin-top-xlg-80 {
        margin-top: 80px !important;
    }
    .margin-top-xlg-85 {
        margin-top: 85px !important;
    }
    .margin-top-xlg-100 {
        margin-top: 100px !important;
    }
    .margin-top-xlg-105 {
        margin-top: 105px !important;
    }
    .margin-top-xlg-110 {
        margin-top: 110px !important;
    }
    .margin-top-xlg-115 {
        margin-top: 115px !important;
    }
    .margin-top-xlg-120 {
        margin-top: 120px !important;
    }
    .margin-top-xlg-125 {
        margin-top: 125px !important;
    }
    .margin-top-xlg-130 {
        margin-top: 130px !important;
    }
    .margin-top-xlg-135 {
        margin-top: 135px !important;
    }
    .margin-top-xlg-140 {
        margin-top: 140px !important;
    }
    .margin-top-xlg-145 {
        margin-top: 145px !important;
    }
    .margin-top-xlg-150 {
        margin-top: 150px !important;
    }
    .margin-top-xlg-155 {
        margin-top: 155px !important;
    }
    .margin-top-xlg-160 {
        margin-top: 160px !important;
    }
    .margin-top-xlg-165 {
        margin-top: 165px !important;
    }
    .margin-top-xlg-170 {
        margin-top: 170px !important;
    }
    .margin-top-xlg-175 {
        margin-top: 175px !important;
    }
    .margin-top-xlg-180 {
        margin-top: 180px !important;
    }
    .margin-top-xlg-185 {
        margin-top: 185px !important;
    }
    .margin-top-xlg-190 {
        margin-top: 190px !important;
    }
    .margin-top-xlg-195 {
        margin-top: 195px !important;
    }
    .margin-top-xlg-200 {
        margin-top: 200px !important;
    }
    /* margin bottom */
    .margin-bottom-xlg-5 {
        margin-bottom: 5px !important;
    }
    .margin-bottom-xlg-10 {
        margin-bottom: 10px !important;
    }
    .margin-bottom-xlg-15 {
        margin-bottom: 15px !important;
    }
    .margin-bottom-xlg-20 {
        margin-bottom: 20px !important;
    }
    .margin-bottom-xlg-25 {
        margin-bottom: 25px !important;
    }
    .margin-bottom-xlg-30 {
        margin-bottom: 30px !important;
    }
    .margin-bottom-xlg-35 {
        margin-bottom: 35px !important;
    }
    .margin-bottom-xlg-40 {
        margin-bottom: 40px !important;
    }
    .margin-bottom-xlg-45 {
        margin-bottom: 45px !important;
    }
    .margin-bottom-xlg-50 {
        margin-bottom: 50px !important;
    }
    .margin-bottom-xlg-55 {
        margin-bottom: 55px !important;
    }
    .margin-bottom-xlg-60 {
        margin-bottom: 60px !important;
    }
    .margin-bottom-xlg-65 {
        margin-bottom: 65px !important;
    }
    .margin-bottom-xlg-70 {
        margin-bottom: 70px !important;
    }
    .margin-bottom-xlg-75 {
        margin-bottom: 75px !important;
    }
    .margin-bottom-xlg-80 {
        margin-bottom: 80px !important;
    }
    .margin-bottom-xlg-85 {
        margin-bottom: 85px !important;
    }
    .margin-bottom-xlg-100 {
        margin-bottom: 100px !important;
    }
    .margin-bottom-xlg-105 {
        margin-bottom: 105px !important;
    }
    .margin-bottom-xlg-110 {
        margin-bottom: 110px !important;
    }
    .margin-bottom-xlg-115 {
        margin-bottom: 115px !important;
    }
    .margin-bottom-xlg-120 {
        margin-bottom: 120px !important;
    }
    .margin-bottom-xlg-125 {
        margin-bottom: 125px !important;
    }
    .margin-bottom-xlg-130 {
        margin-bottom: 130px !important;
    }
    .margin-bottom-xlg-135 {
        margin-bottom: 135px !important;
    }
    .margin-bottom-xlg-140 {
        margin-bottom: 140px !important;
    }
    .margin-bottom-xlg-145 {
        margin-bottom: 145px !important;
    }
    .margin-bottom-xlg-150 {
        margin-bottom: 150px !important;
    }
    .margin-bottom-xlg-155 {
        margin-bottom: 155px !important;
    }
    .margin-bottom-xlg-160 {
        margin-bottom: 160px !important;
    }
    .margin-bottom-xlg-165 {
        margin-bottom: 165px !important;
    }
    .margin-bottom-xlg-170 {
        margin-bottom: 170px !important;
    }
    .margin-bottom-xlg-175 {
        margin-bottom: 175px !important;
    }
    .margin-bottom-xlg-180 {
        margin-bottom: 180px !important;
    }
    .margin-bottom-xlg-185 {
        margin-bottom: 185px !important;
    }
    .margin-bottom-xlg-190 {
        margin-bottom: 190px !important;
    }
    .margin-bottom-xlg-195 {
        margin-bottom: 195px !important;
    }
    .margin-bottom-xlg-200 {
        margin-bottom: 200px !important;
    }
    /* margin left */
    .margin-left-xlg-5 {
        margin-left: 5px !important;
    }
    .margin-left-xlg-10 {
        margin-left: 10px !important;
    }
    .margin-left-xlg-15 {
        margin-left: 15px !important;
    }
    .margin-left-xlg-20 {
        margin-left: 20px !important;
    }
    .margin-left-xlg-25 {
        margin-left: 25px !important;
    }
    .margin-left-xlg-30 {
        margin-left: 30px !important;
    }
    .margin-left-xlg-35 {
        margin-left: 35px !important;
    }
    .margin-left-xlg-40 {
        margin-left: 40px !important;
    }
    .margin-left-xlg-45 {
        margin-left: 45px !important;
    }
    .margin-left-xlg-50 {
        margin-left: 50px !important;
    }
    .margin-left-xlg-55 {
        margin-left: 55px !important;
    }
    .margin-left-xlg-60 {
        margin-left: 60px !important;
    }
    .margin-left-xlg-65 {
        margin-left: 65px !important;
    }
    .margin-left-xlg-70 {
        margin-left: 70px !important;
    }
    .margin-left-xlg-75 {
        margin-left: 75px !important;
    }
    .margin-left-xlg-80 {
        margin-left: 80px !important;
    }
    .margin-left-xlg-85 {
        margin-left: 85px !important;
    }
    .margin-left-xlg-100 {
        margin-left: 100px !important;
    }
    .margin-left-xlg-105 {
        margin-left: 105px !important;
    }
    .margin-left-xlg-110 {
        margin-left: 110px !important;
    }
    .margin-left-xlg-115 {
        margin-left: 115px !important;
    }
    .margin-left-xlg-120 {
        margin-left: 120px !important;
    }
    .margin-left-xlg-125 {
        margin-left: 125px !important;
    }
    .margin-left-xlg-130 {
        margin-left: 130px !important;
    }
    .margin-left-xlg-135 {
        margin-left: 135px !important;
    }
    .margin-left-xlg-140 {
        margin-left: 140px !important;
    }
    .margin-left-xlg-145 {
        margin-left: 145px !important;
    }
    .margin-left-xlg-150 {
        margin-left: 150px !important;
    }
    .margin-left-xlg-155 {
        margin-left: 155px !important;
    }
    .margin-left-xlg-160 {
        margin-left: 160px !important;
    }
    .margin-left-xlg-165 {
        margin-left: 165px !important;
    }
    .margin-left-xlg-170 {
        margin-left: 170px !important;
    }
    .margin-left-xlg-175 {
        margin-left: 175px !important;
    }
    .margin-left-xlg-180 {
        margin-left: 180px !important;
    }
    .margin-left-xlg-185 {
        margin-left: 185px !important;
    }
    .margin-left-xlg-190 {
        margin-left: 190px !important;
    }
    .margin-left-xlg-195 {
        margin-left: 195px !important;
    }
    .margin-left-xlg-200 {
        margin-left: 200px !important;
    }
    /* margin right */
    .margin-right-xlg-5 {
        margin-right: 5px !important;
    }
    .margin-right-xlg-10 {
        margin-right: 10px !important;
    }
    .margin-right-xlg-15 {
        margin-right: 15px !important;
    }
    .margin-right-xlg-20 {
        margin-right: 20px !important;
    }
    .margin-right-xlg-25 {
        margin-right: 25px !important;
    }
    .margin-right-xlg-30 {
        margin-right: 30px !important;
    }
    .margin-right-xlg-35 {
        margin-right: 35px !important;
    }
    .margin-right-xlg-40 {
        margin-right: 40px !important;
    }
    .margin-right-xlg-45 {
        margin-right: 45px !important;
    }
    .margin-right-xlg-50 {
        margin-right: 50px !important;
    }
    .margin-right-xlg-55 {
        margin-right: 55px !important;
    }
    .margin-right-xlg-60 {
        margin-right: 60px !important;
    }
    .margin-right-xlg-65 {
        margin-right: 65px !important;
    }
    .margin-right-xlg-70 {
        margin-right: 70px !important;
    }
    .margin-right-xlg-75 {
        margin-right: 75px !important;
    }
    .margin-right-xlg-80 {
        margin-right: 80px !important;
    }
    .margin-right-xlg-85 {
        margin-right: 85px !important;
    }
    .margin-right-xlg-100 {
        margin-right: 100px !important;
    }
    .margin-right-xlg-105 {
        margin-right: 105px !important;
    }
    .margin-right-xlg-110 {
        margin-right: 110px !important;
    }
    .margin-right-xlg-115 {
        margin-right: 115px !important;
    }
    .margin-right-xlg-120 {
        margin-right: 120px !important;
    }
    .margin-right-xlg-125 {
        margin-right: 125px !important;
    }
    .margin-right-xlg-130 {
        margin-right: 130px !important;
    }
    .margin-right-xlg-135 {
        margin-right: 135px !important;
    }
    .margin-right-xlg-140 {
        margin-right: 140px !important;
    }
    .margin-right-xlg-145 {
        margin-right: 145px !important;
    }
    .margin-right-xlg-150 {
        margin-right: 150px !important;
    }
    .margin-right-xlg-155 {
        margin-right: 155px !important;
    }
    .margin-right-xlg-160 {
        margin-right: 160px !important;
    }
    .margin-right-xlg-165 {
        margin-right: 165px !important;
    }
    .margin-right-xlg-170 {
        margin-right: 170px !important;
    }
    .margin-right-xlg-175 {
        margin-right: 175px !important;
    }
    .margin-right-xlg-180 {
        margin-right: 180px !important;
    }
    .margin-right-xlg-185 {
        margin-right: 185px !important;
    }
    .margin-right-xlg-190 {
        margin-right: 190px !important;
    }
    .margin-right-xlg-195 {
        margin-right: 195px !important;
    }
    .margin-right-xlg-200 {
        margin-right: 200px !important;
    }
    /* Margin (percent) 
	===================== */
    .margin-xlg-1-p {
        margin: 1% !important;
    }
    .margin-xlg-2-p {
        margin: 2% !important;
    }
    .margin-xlg-3-p {
        margin: 3% !important;
    }
    .margin-xlg-4-p {
        margin: 4% !important;
    }
    .margin-xlg-5-p {
        margin: 5% !important;
    }
    .margin-xlg-6-p {
        margin: 6% !important;
    }
    .margin-xlg-7-p {
        margin: 7% !important;
    }
    .margin-xlg-8-p {
        margin: 8% !important;
    }
    .margin-xlg-9-p {
        margin: 9% !important;
    }
    .margin-xlg-10-p {
        margin: 10% !important;
    }
    .margin-xlg-11-p {
        margin: 11% !important;
    }
    .margin-xlg-12-p {
        margin: 12% !important;
    }
    .margin-xlg-13-p {
        margin: 13% !important;
    }
    .margin-xlg-14-p {
        margin: 14% !important;
    }
    .margin-xlg-15-p {
        margin: 15% !important;
    }
    .margin-xlg-16-p {
        margin: 16% !important;
    }
    .margin-xlg-17-p {
        margin: 17% !important;
    }
    .margin-xlg-18-p {
        margin: 18% !important;
    }
    .margin-xlg-19-p {
        margin: 19% !important;
    }
    .margin-xlg-20-p {
        margin: 20% !important;
    }
    /* margin top (percent) */
    .margin-top-xlg-1-p {
        margin-top: 1% !important;
    }
    .margin-top-xlg-2-p {
        margin-top: 2% !important;
    }
    .margin-top-xlg-3-p {
        margin-top: 3% !important;
    }
    .margin-top-xlg-4-p {
        margin-top: 4% !important;
    }
    .margin-top-xlg-5-p {
        margin-top: 5% !important;
    }
    .margin-top-xlg-6-p {
        margin-top: 6% !important;
    }
    .margin-top-xlg-7-p {
        margin-top: 7% !important;
    }
    .margin-top-xlg-8-p {
        margin-top: 8% !important;
    }
    .margin-top-xlg-9-p {
        margin-top: 9% !important;
    }
    .margin-top-xlg-10-p {
        margin-top: 10% !important;
    }
    .margin-top-xlg-11-p {
        margin-top: 11% !important;
    }
    .margin-top-xlg-12-p {
        margin-top: 12% !important;
    }
    .margin-top-xlg-13-p {
        margin-top: 13% !important;
    }
    .margin-top-xlg-14-p {
        margin-top: 14% !important;
    }
    .margin-top-xlg-15-p {
        margin-top: 15% !important;
    }
    .margin-top-xlg-16-p {
        margin-top: 16% !important;
    }
    .margin-top-xlg-17-p {
        margin-top: 17% !important;
    }
    .margin-top-xlg-18-p {
        margin-top: 18% !important;
    }
    .margin-top-xlg-19-p {
        margin-top: 19% !important;
    }
    .margin-top-xlg-20-p {
        margin-top: 20% !important;
    }
    /* margin bottom (percent) */
    .margin-bottom-xlg-1-p {
        margin-bottom: 1% !important;
    }
    .margin-bottom-xlg-2-p {
        margin-bottom: 2% !important;
    }
    .margin-bottom-xlg-3-p {
        margin-bottom: 3% !important;
    }
    .margin-bottom-xlg-4-p {
        margin-bottom: 4% !important;
    }
    .margin-bottom-xlg-5-p {
        margin-bottom: 5% !important;
    }
    .margin-bottom-xlg-6-p {
        margin-bottom: 6% !important;
    }
    .margin-bottom-xlg-7-p {
        margin-bottom: 7% !important;
    }
    .margin-bottom-xlg-8-p {
        margin-bottom: 8% !important;
    }
    .margin-bottom-xlg-9-p {
        margin-bottom: 9% !important;
    }
    .margin-bottom-xlg-10-p {
        margin-bottom: 10% !important;
    }
    .margin-bottom-xlg-11-p {
        margin-bottom: 11% !important;
    }
    .margin-bottom-xlg-12-p {
        margin-bottom: 12% !important;
    }
    .margin-bottom-xlg-13-p {
        margin-bottom: 13% !important;
    }
    .margin-bottom-xlg-14-p {
        margin-bottom: 14% !important;
    }
    .margin-bottom-xlg-15-p {
        margin-bottom: 15% !important;
    }
    .margin-bottom-xlg-16-p {
        margin-bottom: 16% !important;
    }
    .margin-bottom-xlg-17-p {
        margin-bottom: 17% !important;
    }
    .margin-bottom-xlg-18-p {
        margin-bottom: 18% !important;
    }
    .margin-bottom-xlg-19-p {
        margin-bottom: 19% !important;
    }
    .margin-bottom-xlg-20-p {
        margin-bottom: 20% !important;
    }
    /* margin left (percent) */
    .margin-left-xlg-1-p {
        margin-left: 1% !important;
    }
    .margin-left-xlg-2-p {
        margin-left: 2% !important;
    }
    .margin-left-xlg-3-p {
        margin-left: 3% !important;
    }
    .margin-left-xlg-4-p {
        margin-left: 4% !important;
    }
    .margin-left-xlg-5-p {
        margin-left: 5% !important;
    }
    .margin-left-xlg-6-p {
        margin-left: 6% !important;
    }
    .margin-left-xlg-7-p {
        margin-left: 7% !important;
    }
    .margin-left-xlg-8-p {
        margin-left: 8% !important;
    }
    .margin-left-xlg-9-p {
        margin-left: 9% !important;
    }
    .margin-left-xlg-10-p {
        margin-left: 10% !important;
    }
    .margin-left-xlg-11-p {
        margin-left: 11% !important;
    }
    .margin-left-xlg-12-p {
        margin-left: 12% !important;
    }
    .margin-left-xlg-13-p {
        margin-left: 13% !important;
    }
    .margin-left-xlg-14-p {
        margin-left: 14% !important;
    }
    .margin-left-xlg-15-p {
        margin-left: 15% !important;
    }
    .margin-left-xlg-16-p {
        margin-left: 16% !important;
    }
    .margin-left-xlg-17-p {
        margin-left: 17% !important;
    }
    .margin-left-xlg-18-p {
        margin-left: 18% !important;
    }
    .margin-left-xlg-19-p {
        margin-left: 19% !important;
    }
    .margin-left-xlg-20-p {
        margin-left: 20% !important;
    }
    /* margin right (percent) */
    .margin-right-xlg-1-p {
        margin-right: 1% !important;
    }
    .margin-right-xlg-2-p {
        margin-right: 2% !important;
    }
    .margin-right-xlg-3-p {
        margin-right: 3% !important;
    }
    .margin-right-xlg-4-p {
        margin-right: 4% !important;
    }
    .margin-right-xlg-5-p {
        margin-right: 5% !important;
    }
    .margin-right-xlg-6-p {
        margin-right: 6% !important;
    }
    .margin-right-xlg-7-p {
        margin-right: 7% !important;
    }
    .margin-right-xlg-8-p {
        margin-right: 8% !important;
    }
    .margin-right-xlg-9-p {
        margin-right: 9% !important;
    }
    .margin-right-xlg-10-p {
        margin-right: 10% !important;
    }
    .margin-right-xlg-11-p {
        margin-right: 11% !important;
    }
    .margin-right-xlg-12-p {
        margin-right: 12% !important;
    }
    .margin-right-xlg-13-p {
        margin-right: 13% !important;
    }
    .margin-right-xlg-14-p {
        margin-right: 14% !important;
    }
    .margin-right-xlg-15-p {
        margin-right: 15% !important;
    }
    .margin-right-xlg-16-p {
        margin-right: 16% !important;
    }
    .margin-right-xlg-17-p {
        margin-right: 17% !important;
    }
    .margin-right-xlg-18-p {
        margin-right: 18% !important;
    }
    .margin-right-xlg-19-p {
        margin-right: 19% !important;
    }
    .margin-right-xlg-20-p {
        margin-right: 20% !important;
    }
    /* no margins classes */
    .no-margin-xlg {
        margin: 0 !important;
    }
    .no-margin-xlg-top {
        margin-top: 0 !important;
    }
    .no-margin-xlg-bottom {
        margin-bottom: 0 !important;
    }
    .no-margin-xlg-left {
        margin-left: 0 !important;
    }
    .no-margin-xlg-right {
        margin-right: 0 !important;
    }
}


/* ------------------------------------------------------------- *
 * Grid system (similar logic to the Bootstrap framework).
/* ------------------------------------------------------------- */


/* Row */

.tt-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

body.tt-boxed .tt-wrap .tt-row {
    margin-right: -15px;
    margin-left: -15px;
}


/* no-gutters */

.tt-no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.tt-no-gutters>[class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}


/* Columns */

[class*="tt-col-"] {
    position: relative;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.tt-col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.tt-col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.tt-col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.tt-col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.tt-col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.tt-col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.tt-col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.tt-col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.tt-col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.tt-col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}

.tt-col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}

.tt-col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}


/* Row reverse */

.tt-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
}


/* Column reverse */

.tt-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
}


/* Justify content */

.tt-justify-content-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.tt-justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.tt-justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.tt-justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.tt-justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}


/* Align items */

.tt-align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.tt-align-items-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}

.tt-align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

.tt-align-items-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
}

.tt-align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
}


/* Align content */

.tt-align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
}

.tt-align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
}

.tt-align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
}

.tt-align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
}

.tt-align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
}

.tt-align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
}


/* Align self */

.tt-align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
}

.tt-align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
}

.tt-align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

.tt-align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
}

.tt-align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
}


/* Breakpoints 
=============== */

@media (min-width: 576px) {
    .tt-col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    /* Row columns */
    .tt-row-cols-sm-1>* {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .tt-row-cols-sm-2>* {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .tt-row-cols-sm-3>* {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .tt-row-cols-sm-4>* {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .tt-row-cols-sm-5>* {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .tt-row-cols-sm-6>* {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    /* Columns auto */
    .tt-col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    /* Columns */
    .tt-col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .tt-col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .tt-col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .tt-col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .tt-col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .tt-col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .tt-col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .tt-col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .tt-col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .tt-col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .tt-col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .tt-col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    /* Order */
    .tt-order-sm-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .tt-order-sm-last {
        -ms-flex-order: 13;
        order: 13;
    }
    .tt-order-sm-0 {
        -ms-flex-order: 0;
        order: 0;
    }
    .tt-order-sm-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .tt-order-sm-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .tt-order-sm-3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .tt-order-sm-4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .tt-order-sm-5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .tt-order-sm-6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .tt-order-sm-7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .tt-order-sm-8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .tt-order-sm-9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .tt-order-sm-10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .tt-order-sm-11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .tt-order-sm-12 {
        -ms-flex-order: 12;
        order: 12;
    }
    /* Offset */
    .tt-offset-sm-0 {
        margin-left: 0;
    }
    .tt-offset-sm-1 {
        margin-left: 8.333333%;
    }
    .tt-offset-sm-2 {
        margin-left: 16.666667%;
    }
    .tt-offset-sm-3 {
        margin-left: 25%;
    }
    .tt-offset-sm-4 {
        margin-left: 33.333333%;
    }
    .tt-offset-sm-5 {
        margin-left: 41.666667%;
    }
    .tt-offset-sm-6 {
        margin-left: 50%;
    }
    .tt-offset-sm-7 {
        margin-left: 58.333333%;
    }
    .tt-offset-sm-8 {
        margin-left: 66.666667%;
    }
    .tt-offset-sm-9 {
        margin-left: 75%;
    }
    .tt-offset-sm-10 {
        margin-left: 83.333333%;
    }
    .tt-offset-sm-11 {
        margin-left: 91.666667%;
    }
    /* Justify content */
    .tt-justify-content-sm-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }
    .tt-justify-content-sm-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }
    .tt-justify-content-sm-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
    .tt-justify-content-sm-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }
    .tt-justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }
    /* Align items */
    .tt-align-items-sm-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }
    .tt-align-items-sm-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }
    .tt-align-items-sm-center {
        -ms-flex-align: center !important;
        align-items: center !important;
    }
    .tt-align-items-sm-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }
    .tt-align-items-sm-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }
    /* Align content */
    .tt-align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }
    .tt-align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }
    .tt-align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }
    .tt-align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }
    .tt-align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }
    .tt-align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }
    /* Align self */
    .tt-align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }
    .tt-align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }
    .tt-align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }
    .tt-align-self-sm-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }
    .tt-align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }
    .tt-align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
    /* Reverce */
    .tt-sm-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }
    .tt-sm-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }
}

@media (min-width: 768px) {
    .tt-col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    /* Row columns */
    .tt-row-cols-md-1>* {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .tt-row-cols-md-2>* {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .tt-row-cols-md-3>* {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .tt-row-cols-md-4>* {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .tt-row-cols-md-5>* {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .tt-row-cols-md-6>* {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    /* Columns auto */
    .tt-col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    /* Columns */
    .tt-col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .tt-col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .tt-col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .tt-col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .tt-col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .tt-col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .tt-col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .tt-col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .tt-col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .tt-col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .tt-col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .tt-col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    /* Order */
    .tt-order-md-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .tt-order-md-last {
        -ms-flex-order: 13;
        order: 13;
    }
    .tt-order-md-0 {
        -ms-flex-order: 0;
        order: 0;
    }
    .tt-order-md-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .tt-order-md-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .tt-order-md-3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .tt-order-md-4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .tt-order-md-5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .tt-order-md-6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .tt-order-md-7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .tt-order-md-8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .tt-order-md-9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .tt-order-md-10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .tt-order-md-11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .tt-order-md-12 {
        -ms-flex-order: 12;
        order: 12;
    }
    /* Offset */
    .tt-offset-md-0 {
        margin-left: 0;
    }
    .tt-offset-md-1 {
        margin-left: 8.333333%;
    }
    .tt-offset-md-2 {
        margin-left: 16.666667%;
    }
    .tt-offset-md-3 {
        margin-left: 25%;
    }
    .tt-offset-md-4 {
        margin-left: 33.333333%;
    }
    .tt-offset-md-5 {
        margin-left: 41.666667%;
    }
    .tt-offset-md-6 {
        margin-left: 50%;
    }
    .tt-offset-md-7 {
        margin-left: 58.333333%;
    }
    .tt-offset-md-8 {
        margin-left: 66.666667%;
    }
    .tt-offset-md-9 {
        margin-left: 75%;
    }
    .tt-offset-md-10 {
        margin-left: 83.333333%;
    }
    .tt-offset-md-11 {
        margin-left: 91.666667%;
    }
    /* Justify content */
    .tt-justify-content-md-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }
    .tt-justify-content-md-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }
    .tt-justify-content-md-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
    .tt-justify-content-md-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }
    .tt-justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }
    /* Align items */
    .tt-align-items-md-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }
    .tt-align-items-md-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }
    .tt-align-items-md-center {
        -ms-flex-align: center !important;
        align-items: center !important;
    }
    .tt-align-items-md-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }
    .tt-align-items-md-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }
    /* Align content */
    .tt-align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }
    .tt-align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }
    .tt-align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }
    .tt-align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }
    .tt-align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }
    .tt-align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }
    /* Align self */
    .tt-align-self-md-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }
    .tt-align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }
    .tt-align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }
    .tt-align-self-md-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }
    .tt-align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }
    .tt-align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
    /* Reverce */
    .tt-md-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }
    .tt-md-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }
}

@media (min-width: 992px) {
    .tt-col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    /* Row columns */
    .tt-row-cols-lg-1>* {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .tt-row-cols-lg-2>* {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .tt-row-cols-lg-3>* {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .tt-row-cols-lg-4>* {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .tt-row-cols-lg-5>* {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .tt-row-cols-lg-6>* {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    /* Columns auto */
    .tt-col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    /* Columns */
    .tt-col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .tt-col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .tt-col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .tt-col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .tt-col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .tt-col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .tt-col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .tt-col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .tt-col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .tt-col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .tt-col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .tt-col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    /* Order */
    .tt-order-lg-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .tt-order-lg-last {
        -ms-flex-order: 13;
        order: 13;
    }
    .tt-order-lg-0 {
        -ms-flex-order: 0;
        order: 0;
    }
    .tt-order-lg-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .tt-order-lg-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .tt-order-lg-3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .tt-order-lg-4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .tt-order-lg-5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .tt-order-lg-6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .tt-order-lg-7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .tt-order-lg-8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .tt-order-lg-9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .tt-order-lg-10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .tt-order-lg-11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .tt-order-lg-12 {
        -ms-flex-order: 12;
        order: 12;
    }
    /* Offset */
    .tt-offset-lg-0 {
        margin-left: 0;
    }
    .tt-offset-lg-1 {
        margin-left: 8.333333%;
    }
    .tt-offset-lg-2 {
        margin-left: 16.666667%;
    }
    .tt-offset-lg-3 {
        margin-left: 25%;
    }
    .tt-offset-lg-4 {
        margin-left: 33.333333%;
    }
    .tt-offset-lg-5 {
        margin-left: 41.666667%;
    }
    .tt-offset-lg-6 {
        margin-left: 50%;
    }
    .tt-offset-lg-7 {
        margin-left: 58.333333%;
    }
    .tt-offset-lg-8 {
        margin-left: 66.666667%;
    }
    .tt-offset-lg-9 {
        margin-left: 75%;
    }
    .tt-offset-lg-10 {
        margin-left: 83.333333%;
    }
    .tt-offset-lg-11 {
        margin-left: 91.666667%;
    }
    /* Justify content */
    .tt-justify-content-lg-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }
    .tt-justify-content-lg-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }
    .tt-justify-content-lg-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
    .tt-justify-content-lg-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }
    .tt-justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }
    /* Align items */
    .tt-align-items-lg-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }
    .tt-align-items-lg-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }
    .tt-align-items-lg-center {
        -ms-flex-align: center !important;
        align-items: center !important;
    }
    .tt-align-items-lg-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }
    .tt-align-items-lg-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }
    /* Align content */
    .tt-align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }
    .tt-align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }
    .tt-align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }
    .tt-align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }
    .tt-align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }
    .tt-align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }
    /* Align self */
    .tt-align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }
    .tt-align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }
    .tt-align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }
    .tt-align-self-lg-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }
    .tt-align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }
    .tt-align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
    /* Reverce */
    .tt-lg-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }
    .tt-lg-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }
}

@media (min-width: 1025px) {
    .tt-col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    /* Row columns */
    .tt-row-cols-xl-1>* {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .tt-row-cols-xl-2>* {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .tt-row-cols-xl-3>* {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .tt-row-cols-xl-4>* {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .tt-row-cols-xl-5>* {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .tt-row-cols-xl-6>* {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    /* Columns auto */
    .tt-col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    /* Columns */
    .tt-col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .tt-col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .tt-col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .tt-col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .tt-col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .tt-col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .tt-col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .tt-col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .tt-col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .tt-col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .tt-col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .tt-col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    /* Order */
    .tt-order-xl-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .tt-order-xl-last {
        -ms-flex-order: 13;
        order: 13;
    }
    .tt-order-xl-0 {
        -ms-flex-order: 0;
        order: 0;
    }
    .tt-order-xl-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .tt-order-xl-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .tt-order-xl-3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .tt-order-xl-4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .tt-order-xl-5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .tt-order-xl-6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .tt-order-xl-7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .tt-order-xl-8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .tt-order-xl-9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .tt-order-xl-10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .tt-order-xl-11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .tt-order-xl-12 {
        -ms-flex-order: 12;
        order: 12;
    }
    /* Offset */
    .tt-offset-xl-0 {
        margin-left: 0;
    }
    .tt-offset-xl-1 {
        margin-left: 8.333333%;
    }
    .tt-offset-xl-2 {
        margin-left: 16.666667%;
    }
    .tt-offset-xl-3 {
        margin-left: 25%;
    }
    .tt-offset-xl-4 {
        margin-left: 33.333333%;
    }
    .tt-offset-xl-5 {
        margin-left: 41.666667%;
    }
    .tt-offset-xl-6 {
        margin-left: 50%;
    }
    .tt-offset-xl-7 {
        margin-left: 58.333333%;
    }
    .tt-offset-xl-8 {
        margin-left: 66.666667%;
    }
    .tt-offset-xl-9 {
        margin-left: 75%;
    }
    .tt-offset-xl-10 {
        margin-left: 83.333333%;
    }
    .tt-offset-xl-11 {
        margin-left: 91.666667%;
    }
    /* Justify content */
    .tt-justify-content-xl-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }
    .tt-justify-content-xl-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }
    .tt-justify-content-xl-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
    .tt-justify-content-xl-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }
    .tt-justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }
    /* Align items */
    .tt-align-items-xl-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }
    .tt-align-items-xl-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }
    .tt-align-items-xl-center {
        -ms-flex-align: center !important;
        align-items: center !important;
    }
    .tt-align-items-xl-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }
    .tt-align-items-xl-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }
    /* Align content */
    .tt-align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }
    .tt-align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }
    .tt-align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }
    .tt-align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }
    .tt-align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }
    .tt-align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }
    /* Align self */
    .tt-align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }
    .tt-align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }
    .tt-align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }
    .tt-align-self-xl-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }
    .tt-align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }
    .tt-align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
    /* Reverce */
    .tt-xl-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }
    .tt-xl-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }
}

@media (min-width: 1400px) {
    .tt-col-xxl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    /* Row columns */
    .tt-row-cols-xxl-1>* {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .tt-row-cols-xxl-2>* {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .tt-row-cols-xxl-3>* {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .tt-row-cols-xxl-4>* {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .tt-row-cols-xxl-5>* {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .tt-row-cols-xxl-6>* {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    /* Columns auto */
    .tt-col-xxl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    /* Columns */
    .tt-col-xxl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .tt-col-xxl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .tt-col-xxl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .tt-col-xxl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .tt-col-xxl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .tt-col-xxl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .tt-col-xxl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .tt-col-xxl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .tt-col-xxl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .tt-col-xxl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .tt-col-xxl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .tt-col-xxl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    /* Order */
    .tt-order-xxl-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .tt-order-xxl-last {
        -ms-flex-order: 13;
        order: 13;
    }
    .tt-order-xxl-0 {
        -ms-flex-order: 0;
        order: 0;
    }
    .tt-order-xxl-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .tt-order-xxl-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .tt-order-xxl-3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .tt-order-xxl-4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .tt-order-xxl-5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .tt-order-xxl-6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .tt-order-xxl-7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .tt-order-xxl-8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .tt-order-xxl-9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .tt-order-xxl-10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .tt-order-xxl-11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .tt-order-xxl-12 {
        -ms-flex-order: 12;
        order: 12;
    }
    /* Offset */
    .tt-offset-xxl-0 {
        margin-left: 0;
    }
    .tt-offset-xxl-1 {
        margin-left: 8.333333%;
    }
    .tt-offset-xxl-2 {
        margin-left: 16.666667%;
    }
    .tt-offset-xxl-3 {
        margin-left: 25%;
    }
    .tt-offset-xxl-4 {
        margin-left: 33.333333%;
    }
    .tt-offset-xxl-5 {
        margin-left: 41.666667%;
    }
    .tt-offset-xxl-6 {
        margin-left: 50%;
    }
    .tt-offset-xxl-7 {
        margin-left: 58.333333%;
    }
    .tt-offset-xxl-8 {
        margin-left: 66.666667%;
    }
    .tt-offset-xxl-9 {
        margin-left: 75%;
    }
    .tt-offset-xxl-10 {
        margin-left: 83.333333%;
    }
    .tt-offset-xxl-11 {
        margin-left: 91.666667%;
    }
    /* Justify content */
    .tt-justify-content-xxl-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }
    .tt-justify-content-xxl-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }
    .tt-justify-content-xxl-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
    .tt-justify-content-xxl-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }
    .tt-justify-content-xxl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }
    /* Align items */
    .tt-align-items-xxl-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }
    .tt-align-items-xxl-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }
    .tt-align-items-xxl-center {
        -ms-flex-align: center !important;
        align-items: center !important;
    }
    .tt-align-items-xxl-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }
    .tt-align-items-xxl-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }
    /* Align content */
    .tt-align-content-xxl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }
    .tt-align-content-xxl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }
    .tt-align-content-xxl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }
    .tt-align-content-xxl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }
    .tt-align-content-xxl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }
    .tt-align-content-xxl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }
    /* Align self */
    .tt-align-self-xxl-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }
    .tt-align-self-xxl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }
    .tt-align-self-xxl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }
    .tt-align-self-xxl-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }
    .tt-align-self-xxl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }
    .tt-align-self-xxl-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
    /* Reverce */
    .tt-xxl-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }
    .tt-xxl-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }
}
/* End */


/* Start:/local/templates/pasta/css/theme.css?1751018481239206*/
/* --------------------------------------------------------------------
* Template Master Stylesheet
* 
* Template:		Nui - Creative Portfolio Showcase HTML Website Template
* Author:		Themetorium
* URL:			https://themetorium.net/
*
* Body Font (global): 'Poppins', sans-serif;
* Secondary Font: 'Syne', sans-serif;
* Main color:  #b12c0d;
-------------------------------------------------------------------- */


/* Table of Content
====================
* Global variables
* General
* Fonts
* Page transitions
* Page boxed layout
* Body inner
* Content wrap
* Page content
* Custom scrollbar style
* Smooth Scrollbar
* Magic cursor
* tt-Section
* Headings
* tt-Headings (custom headings)
* Header
* Classic menu
* Overlay menu 
* Page header
* tt-Grid
* Portfolio grid
* Portfolio List
* Portfolio interactive
* Portfolio slider (full screen)
* Portfolio carousel
* tt-Gallery
* Lightgallery
* Project info list
* Page nav
* Next project (nav)
* Logo wall
* tt-Image
* Content carousel
* Testimonials slider
* Buttons
* Social buttons
* tt-Arrows
* Accordion
* Blockquote
* Figure
* Forms
* tt-Signature
* Contact info
* Background video
* tt-Embed
* Scrolling text
* tt-Pagination
* Sidebar (classic)
* Sliding sidebar
* Sidebar widgets
* Blog list
* Blog interactive
* Blog single post
* Blog carousel
* Footer
* If background is light
*/


/* ------------------------------------------------------------- *
 * Global variables
/* ------------------------------------------------------------- */

:root {
    --tt-main-bg-color: #0a0a0a;
    /* Change the template background color here. */
    --tt-main-color: #b12c0d;
    /* Change the template main color here. */
}


/* ------------------------------------------------------------- *
 * General
/* ------------------------------------------------------------- */

* {
    box-sizing: border-box;
}

html,
body {
    padding: 0;
    margin: 0;
}

body {
    position: relative;
    margin: 0;
    background-color: var(--tt-main-bg-color);
    line-height: 1;
    font-size: 19px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    color: #FFF !important;
    background-color: #000 !important;
    overflow-x: hidden;
}

p {
    margin: 0 0 30px;
    font-size: 1.2rem;
    margin: 0 0 30px;
    line-height: 1.6;
}

a {
    color: currentColor;
    text-decoration: none;
    outline: none
}

a:hover,
a:focus {
    color: red !Important;
}

p a {
    color: currentColor;
    opacity: .8;
    font-style: italic;
}

p a:hover,
p a:focus {
    color: currentColor;
    opacity: .6;
}

img {
    max-width: 100%;
    height: auto;
}

b,
strong {
    font-weight: bold;
    font-weight: 700;
}

section {
    position: relative;
}

button {}

button:focus {
    outline: none;
}

.small,
small {
    font-size: 80%;
}

hr {
    width: 100%;
    height: 0;
    border: none;
    border-bottom: 1px solid rgb(144 144 144 / 30%);
}

.anim-image-parallax {
    transform: scale(1.2);
    transform-origin: 50% 100%;
}


/* Selection */

::selection {
    color: #fff;
    text-shadow: none;
    background: var(--tt-main-color);
}

::-moz-selection {
    color: #fff;
    text-shadow: none;
    background: var(--tt-main-color);
    /* Firefox */
}

::-webkit-selection {
    color: #fff;
    text-shadow: none;
    background: var(--tt-main-color);
    /* Safari */
}


/* Lists */

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
}

.list-inline>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}


/* Disable scroll */

.tt-no-scroll {
    overflow-y: hidden !important;
}


/* ------------------------------------------------------------- *
 * Fonts
/* ------------------------------------------------------------- */


/* Body font
============= */

body {
    font-family: 'Poppins', sans-serif;
}


/* Secondary font
================== */

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
#ball,
.ptr-prel-content,
.ph-caption-title-ghost,
.ph-caption-subtitle,
.ph-caption-description,
.ph-categories,
.ph-share-trigger,
.tt-scroll-down,
.tt-main-menu-list,
.tt-m-menu-toggle-btn-text,
.tt-ol-menu-toggle-btn-text,
.tt-ol-menu-list,
.tt-ol-menu-ghost,
.tt-ol-menu-social,
.tt-heading,
.tt-ps-caption-category,
.tt-ps-nav-pagination,
.tt-pc-navigation,
.tt-cc-pagination,
.pli-counter,
.ttgr-cat-trigger-wrap,
.ttgr-cat-list,
.pi-item-title-link-inner,
.pi-item-title-link::before,
.portfolio-interactive-ghost,
.project-info-list,
.tt-pn-link,
.tt-pn-subtitle,
.tt-pagination,
.tt-np-ghost,
.tt-bp-nav-text,
.tt-scrolling-text,
.tt-scrolling-btn,
#blog-list.bli-compact .bli-info::before,
.footer-social-text {
    font-family: 'Montserrat', sans-serif;
}


/* ------------------------------------------------------------- *
 * Page transitions
/* ------------------------------------------------------------- */

#page-transition {
    display: none;
}

body.tt-transition #page-transition {
    position: relative;
    display: block;
    z-index: 99999;
}


/* Transition overlay */

body.tt-transition .ptr-overlay {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #111;
    z-index: 1;
}


/* Transition preloader */

body.tt-transition .ptr-preloader {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
}

body.tt-transition .ptr-prel-content {
    margin-top: 10px;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    font-weight: 600;
    color: #444;
}

.ptr-prel-image {
    max-height: 82px;
    /* You may need to change the img height to match your logo type! */
    opacity: .5;
    /* You may need to change the opacity as well! */
}


/* ----------------------------------------------------------------------------------------- *
 * Page boxed layout
 * Note: Class "boxed" in <body> tag is connected with class "tt-wrap" in several places!
/* ----------------------------------------------------------------------------------------- */

body.tt-boxed .tt-wrap {
    max-width: 1282px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

body.tt-boxed .tt-wrap .tt-wrap {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}


/* ------------------------------------------------------------- *
 * Body inner
/* ------------------------------------------------------------- */

#body-inner {
    position: relative;
    overflow: hidden;
    height: 100%;
    min-height: 100vh;
}


/* ------------------------------------------------------------- *
 * Content wrap
/* ------------------------------------------------------------- */

#content-wrap {
    position: relative;
    overflow: hidden;
}


/* ------------------------------------------------------------- *
 * Page content
/* ------------------------------------------------------------- */

#page-content {}


/* ------------------------------------------------------------- *
 * Custom scrollbar style
/* ------------------------------------------------------------- */

.tt-custom-scrollbar {
    overflow-y: auto;
}


/* Works on Firefox */

.tt-custom-scrollbar,
.tt-sliding-sidebar-inner,
.tt-sidebar {
    scrollbar-width: thin;
    scrollbar-color: #555 #2a2a2a;
}

select {
    scrollbar-width: thin;
    scrollbar-color: #666 #2a2a2a;
}


/* Works on Chrome, Edge, and Safari */

.tt-custom-scrollbar::-webkit-scrollbar,
.tt-sliding-sidebar-inner::-webkit-scrollbar,
.tt-sidebar::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

select::-webkit-scrollbar {
    width: 10px;
}

.tt-custom-scrollbar::-webkit-scrollbar-track,
.tt-sliding-sidebar-inner::-webkit-scrollbar-track,
.tt-sidebar::-webkit-scrollbar-track,
select::-webkit-scrollbar-track {
    background: #2a2a2a;
}

.tt-custom-scrollbar::-webkit-scrollbar-thumb,
.tt-sliding-sidebar-inner::-webkit-scrollbar-thumb,
.tt-sidebar::-webkit-scrollbar-thumb {
    background-color: #555;
    border-radius: 50px;
}

select::-webkit-scrollbar-thumb {
    background-color: #666;
    border-radius: 50px;
}


/* ------------------------------------------------------------- *
 * Smooth Scrollbar
 * Source: https://github.com/idiotWu/smooth-scrollbar/
/* ------------------------------------------------------------- */


/* Hide default scrollbar */

body:not(.is-mobile).tt-smooth-scroll {
    overflow: hidden !important;
}


.mobile_app{
    background: #00000091;
    position: absolute;
    right: 30px;
    width: 230px;
    bottom: 100px;
    z-index: 100000000000;
    height: 220px;
    border-radius: 17px;
    padding: 25px;
    animation: float 6s ease-in-out infinite;
}

.close_button {
    border-radius: 50%;
    background-color: red;
    position: absolute;
    right: -11px;
    padding: 16px 17px 16px 16px;
    top: -12px;
    display: flex
;
    height: 25px;
    justify-content: center;
    width: 25px;
    align-items: center;
    cursor: pointer;
}
.app_header {
    font-size: 24px;
    color: #FFF;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.app_header span {
    font-size: 30px;
    font-weight: 600;
    color: #D4003F;
    line-height: 0.7;
}
.mobile_app a:hover {
    background-color: white;
    color: #000!important;
}
@keyframes float {
    0% {
        transform: translatey(0px);
    }
    50% {
        transform: translatey(-20px);
    }
    100% {
        transform: translatey(0px);
    }
}
.mobile_app a {
    font-size: 15px;
    width: calc(100% - 50px);
    padding: 13px 20px;
    background: transparent;
    border-radius: 55px;
    border: 1px solid #FFF;
    bottom: 19px;
    position: absolute;
    text-align: center;
}

/* Scroll content (added if <body> contain class "tt-smooth-scroll". Disabled on mobile devices!) */

body:not(.is-mobile).tt-smooth-scroll #scroll-container {
    width: auto;
    height: 100vh;
    overflow: auto;
    margin: 0;
}


/* Styling scrollbar */

.scrollbar-track {
    background: transparent !important;
    z-index: 99999 !important;
    transition: background 0.2s ease-in-out;
}

.scrollbar-track:hover {
    background: rgba(222, 222, 222, 0.15) !important;
}

.scrollbar-thumb {
    background: #DDD !important;
    opacity: .25;
    transition: opacity 0.2s ease-in-out;
}

.scrollbar-track:hover .scrollbar-thumb {
    opacity: .5;
}


/* ------------------------------------------------------------- *
 * Magic cursor
/* ------------------------------------------------------------- */

#magic-cursor {
    position: absolute;
    display: none;
    width: 10px;
    height: 10px;
    pointer-events: none;
    z-index: 99999;
    opacity: 0;
}

body.tt-magic-cursor #magic-cursor {
    display: block;
}

#ball {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    pointer-events: none;
    border-style: solid;
    border-radius: 50%;
    border-color: #FFF;
    /* Note: border width handled through JS */
}


/* Ball view 
============= */

#ball.ball-view {
    background-color: var(--tt-main-color);
    font-size: 15px;
    font-weight: 500;
    color: #FFF;
    line-height: 1.2;
    text-align: center;
}

#ball .ball-view-inner {
    padding: 0 5px;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
}

#ball .ball-view-inner i {
    font-size: 19px;
}


/* Ball drag 
============= */

#ball .ball-drag {
    position: absolute;
    display: block;
    width: 100%;
    padding: 0 5px;
    font-size: 15px;
    font-weight: 600;
    color: #FFF;
    line-height: 1.2;
    text-align: center;
    transition: all 0.3s;
}

#ball .ball-drag::before,
#ball .ball-drag::after {
    position: absolute;
    top: 50%;
    margin-top: -5px;
    font-size: 16px;
    color: #FFF;
    height: 10px;
    line-height: 10px;
    /* Font Awesome */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

#ball .ball-drag::before {
    content: "\f060";
    /* Font Awesome */
    left: 0;
    transform: translate3d(-30px, 0, 0);
    transition: all 0.25s;
}

#ball .ball-drag::after {
    content: "\f061";
    /* Font Awesome */
    right: 0;
    transform: translate3d(30px, 0, 0);
    transition: all 0.25s;
}

.navbar-expand-lg .navbar-na {
    align-items: center !important;
}


/* Ball close 
============== */

#ball.ball-close-enabled {
    opacity: 1 !important;
}

#ball .ball-close {
    position: absolute;
    padding: 0 5px;
    font-size: 14px;
    font-weight: 600;
    color: #FFF;
    line-height: 1;
    text-align: center;
}


/* Magnetic cursor
=================== */

.magnetic-wrap {
    /* position: relative; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.magnetic-item-prev {
    filter: invert(1);
    width: 40%;
}

.magnetic-item-next {
    filter: invert(1);
    transform: rotate(180deg);
    width: 40%;
}

#ball.magnetic-active {
    border-color: var(--tt-main-color) !important;
}


/* ------------------------------------------------------------- *
 * tt-Section
/* ------------------------------------------------------------- */

.tt-section {
    position: relative;
    padding: 80px 0;
}

@media (max-width: 991px) {
    .tt-section {
        padding: 10% 0;
    }
}

@media (max-width: 767px) {
    .cookie-consent p {
        font-size: 12px!important;
    }
    .cookie-consent button {
        margin-left: 0px!important;
        width: 100%;
        margin-top: 10px;
    }
    .cookieConsent_inner {
        flex-direction: column;
    }
    .tel_mobile {
        display: block !important;
    }
    .project-info-list>ul>li {
        max-width: 151px !important;
    }
    .bron_stola {
        padding: 11px 24px 11px 24px !important;
    }
    .dostavka {
        padding: 11px 25px 11px 54px !important;
    }
    .bron_stola img,
    .text-menu {
        display: none!important;
    }
    .header_buttons {
        gap: 14px;
    }
    #edda {
        display: none;
    }
    .tt-section {
        padding: 10% 0;
    }
    .logos_index {
        width: 250px !important;
        right: 0 !important;
        left: 0 !important;
        margin: 0 auto !important;
        top: 33% !important;
    }
    .tt-ps-caption-title a {
        font-size: 86% !important;
    }
}

@media (max-width: 480px) {
    .tt-section {
        padding: 15% 0;
    }
    .modal-content {
        min-width: unset !important;
        position: absolute!important;
    }
    .form-group {
        flex-wrap: wrap;
    }
}


/* tt-section background image 
=============================== */

.tt-section-image {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    overflow: hidden;
}


/* tt-section inner 
==================== */

.tt-section-inner {
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    z-index: 2;
}


/* ------------------------------------------------------------- *
 * Headings
/* ------------------------------------------------------------- */

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
    font-weight: 600;
    color: inherit;
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
    line-height: 1.4;
    margin-top: 0px;
    margin-bottom: 30px;
}

.h4,
.h5,
.h6,
h4,
h5,
h6 {
    line-height: 1.4;
    margin-top: 10px;
    margin-bottom: 30px;
}

.h1,
h1 {
    font-size: 48px;
}

.h2,
h2 {
    font-size: 40px;
}

.h3,
h3 {
    font-size: 36px;
}

.h4,
h4 {
    font-size: 30px;
}

.h5,
h5 {
    font-size: 26px;
}

.h6,
h6 {
    font-size: 21px;
}


/* ------------------------------------------------------------- *
 * tt-Headings (custom headings)
/* ------------------------------------------------------------- */

.tt-heading {
    margin-bottom: 40px;
}

@media (max-width: 991px) {
    .tt-heading {
        margin-bottom: 30px;
    }
}


/* tt-Headings title */

.tt-heading-title {
    margin: 0;
    font-size: calc(24px + 1vw);
    font-weight: bold;
    font-weight: 600;
    color: #FFF;
}


/* tt-Headings subtitle */

.tt-heading-subtitle {
    margin: 0 0 15px 0;
    font-size: calc(19px + 0.1vw);
    font-weight: bold;
    font-weight: normal;
    color: #BBB;
}

.tt-heading-title+.tt-heading-subtitle {
    margin: 15px 0 0 0;
}


/* tt-Headings paragraph */

.tt-heading>p:first-child {
    margin-bottom: 0;
}

.tt-heading-title+p,
.tt-heading-subtitle+p {
    margin-top: 50px;
}

.tt-heading>p:last-child {
    margin-bottom: 0;
}


/* tt-Headings styles 
====================== */


/* style stroke */

.tt-heading.tt-heading-stroke .tt-heading-title {
    font-weight: bold;
    font-weight: 700;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #FFF;
    -webkit-text-fill-color: transparent;
}


/* If "text-gray" is used */

.tt-heading.tt-heading-stroke .tt-heading-title.text-gray {
    -webkit-text-stroke-color: #a2a2a2;
}


/* If Firefox */

body.is-firefox .tt-heading.tt-heading-stroke .tt-heading-title {
    -webkit-text-stroke-width: 2px;
}


/* tt-Headings positions 
========================= */


/* position center */

.tt-heading.tt-heading-center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}


/* tt-Headings sizes 
===================== */


/* size xsm */

.tt-heading.tt-heading-xsm .tt-heading-title {
    font-size: calc(24px + 0.1vw);
    font-weight: bold;
    font-weight: 600;
}

.tt-heading.tt-heading-xsm .tt-heading-subtitle {
    font-size: calc(13px + 0.1vw);
}


/* size sm */

.tt-heading.tt-heading-sm .tt-heading-title {
    font-size: calc(24px + 0.5vw);
    font-weight: bold;
    font-weight: 600;
}

.tt-heading.tt-heading-sm .tt-heading-subtitle {
    font-size: calc(15px + 0.1vw);
}


/* size lg */

.tt-heading.tt-heading-lg .tt-heading-title {
    font-size: calc(24px + 2vw);
    line-height: 1.3;
}

.tt-heading.tt-heading-lg .tt-heading-subtitle {
    font-size: calc(21px + 0.1vw);
    font-weight: bold;
    font-weight: 500;
}


/* size xlg */

.tt-heading.tt-heading-xlg .tt-heading-title {
    font-size: calc(24px + 3vw);
    line-height: 1.2;
}

@media (min-width: 1025px) {
    .tel_mobile {
        display: none;
    }
    .tt-heading.tt-heading-xlg.tt-heading-stroke .tt-heading-title {
        -webkit-text-stroke-width: 1px;
    }
}

.tt-heading.tt-heading-xlg .tt-heading-subtitle {
    font-size: calc(21px + 0.2vw);
    font-weight: bold;
    font-weight: 500;
}


/* size xxlg */

.tt-heading.tt-heading-xxlg .tt-heading-title {
    font-size: calc(24px + 4.5vw);
    line-height: 1.2;
}

@media (min-width: 1025px) {
    .tt-heading.tt-heading-xxlg.tt-heading-stroke .tt-heading-title {
        -webkit-text-stroke-width: 2px;
    }
}

.tt-heading.tt-heading-xxlg .tt-heading-subtitle {
    font-size: calc(21px + 0.3vw);
    font-weight: bold;
    font-weight: 500;
}


/* ------------------------------------------------------------- *
 * Header
/* ------------------------------------------------------------- */

.tel_mobile {
    font-weight: 600;
    margin-right: 68px;
    font-size: 20px;
}

.tel_mobile a {
    color: #FFF;
}

#tt-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: #fff;
    z-index: 999;
    /* padding-bottom: 30px; */
    background: linear-gradient(180deg, black, transparent);
}


/* header position fixed */

#tt-header.tt-header-fixed {
    position: fixed;
}


/* header inner */

.tt-header-inner {
    width: 100%;
    display: flex;
    padding-top: 40px;
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 1024px) {
    .tt-header-inner {
        padding-top: 20px;
    }
}

body:not(.tt-boxed) .tt-header-inner,
.tt-header-inner:not(.tt-wrap) {
    padding-left: 3.5%;
    padding-right: 3.5%;
}


/* header columns */

.tt-header-col {
    display: flex;
    align-items: center;
    z-index: 1;
}


/* .tt-header-col:first-child {
    margin-right: auto;
}
 */


/* Header logo 
=============== */

.tt-logo {
    /* position: absolute; */
    top: 40px;
    margin-right: auto;
    line-height: 1;
    pointer-events: initial;
    z-index: 9;
}

.tt-logo a {
    display: inline-block;
    font-size: 21px;
    color: #FFF;
}

.tt-logo img {
    max-height: 78px;
    /* You may need to change the img height to match your logo type! */
}

.tt-logo-dark {
    display: none;
}


/* Logo for small screens */

@media (max-width: 1024px) {
    .tt-logo {
        top: 20px;
    }
    .tt-logo img {
        max-height: 55px;
        /* You may need to change the img height to match your logo type! */
    }
}


/* ------------------------------------------------------------- *
 * Classic menu
/* ------------------------------------------------------------- */


/* Classic menu (desktop)
========================== */

@media (min-width: 1025px) {
    .tt-main-menu {
        pointer-events: initial;
    }
    .tt-main-menu-list {
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 0;
        /* inline list cap fix */
    }
    .tt-main-menu-list>li {
        display: inline-block;
        font-size: inherit;
        /* inline list cap fix */
        padding: 0 20px;
        transition: opacity 0.2s;
    }
    .tt-main-menu-list>li:first-child {
        margin-left: 0;
        padding-left: 0;
    }
    .tt-main-menu-list>li:last-child {
        margin-right: 0;
        padding-right: 0;
    }
    .tt-main-menu-list>li>a,
    .tt-main-menu-list>li>.tt-submenu-trigger>a {
        display: block;
        padding: 20px 5px;
        font-size: 15px;
        font-weight: 500;
        color: #FFF;
        transition: color 0.3s, opacity 0.3s;
    }
    /* Main menu hover */
    .tt-main-menu-list.tt-mm-hover>li>a,
    .tt-main-menu-list.tt-mm-hover>li>.tt-submenu-trigger>a {
        opacity: .6;
    }
    .tt-main-menu-list.tt-mm-hover>li>a:hover,
    .tt-main-menu-list.tt-mm-hover>li>.tt-submenu-trigger>a:hover,
    .tt-main-menu-list.tt-mm-hover>li.active>a,
    .tt-main-menu-list.tt-mm-hover>li.active>.tt-submenu-trigger>a,
    .tt-main-menu-list.tt-mm-hover>li.tt-submenu-open>.tt-submenu-trigger>a {
        opacity: 1;
        color: #FFF;
    }
    /* Submenu 
	============ */
    .tt-submenu-wrap {
        position: relative;
    }
    .tt-submenu {
        position: absolute;
        display: block !important;
        top: 100%;
        left: 0;
        width: 250px;
        background-color: #FFF;
        text-align: left;
        visibility: hidden;
        opacity: 0;
        z-index: 99999;
        border-radius: 3px;
        transform: translate3d(0, 10px, 0);
        transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, transform 0.3s ease-in-out;
    }
    /* Open submenu on hover */
    .tt-submenu-wrap.tt-submenu-open>.tt-submenu {
        visibility: visible;
        opacity: 1;
        transform: translate3d(0, 0, 0);
        transition-delay: 0.1s;
    }
    /* submenu links */
    .tt-submenu-list {
        margin: 0;
        padding: 15px 0;
        list-style: none;
    }
    .tt-submenu-list li {
        width: 100%;
    }
    .tt-submenu-list li:first-child {}
    .tt-submenu-list li:last-child {}
    .tt-submenu-list li a {
        position: relative;
        display: block;
        padding: 8px 25px 8px 20px;
        text-decoration: none;
        font-size: 15px;
        font-weight: normal;
        font-weight: 400;
        line-height: 1.4;
        color: #111;
        transition: all 0.2s ease-in-out;
    }
    .tt-submenu-list>li a:hover,
    .tt-submenu-list>li>.tt-submenu-trigger:hover a,
    .tt-submenu-list>li.active>a,
    .tt-submenu-list>li.active>.tt-submenu-trigger a {
        background-color: rgba(0, 0, 0, 0.05);
    }
    /* Set submenu position to right on last menu list element */
    .tt-main-menu-list>li:last-child>.tt-submenu {
        left: auto;
        right: 0;
    }
    /* Submenu toggle */
    .tt-m-caret {
        display: none;
    }
    /* Sub-submenu */
    .tt-submenu .tt-submenu-wrap>.tt-submenu {
        left: 100%;
        right: auto;
        margin-top: -50px;
        margin-left: 0;
    }
    /* Caret (requires FontAwesome: https://fontawesome.com/) */
    .tt-submenu-trigger>a::after {
        margin-left: 7px;
        font-size: 9px;
        line-height: 0;
        font-family: "Font Awesome 5 Free";
        content: "\f063";
        font-weight: 900;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
    }
    /* Caret in sub-submenus */
    .tt-submenu-wrap .tt-submenu-wrap .tt-submenu-trigger>a::after {
        position: absolute;
        right: 10px;
        top: 50%;
        font-size: 11px;
        transform: translate3d(0, -50%, 0) rotate(-90deg);
    }
    /* Hide ".tt-submenu-trigger-m" on desktop */
    .tt-submenu-trigger .tt-submenu-trigger-m {
        display: none;
    }
    /* Submenu styles 
	================== */
    /* Submenu dark style */
    .tt-submenu-dark .tt-submenu {
        background-color: #212121;
        color: #a9a9a9;
    }
    .tt-submenu-dark .tt-submenu .tt-submenu-list li a {
        color: #a9a9a9;
    }
    .tt-submenu-dark .tt-submenu .tt-submenu-list>li a:hover,
    .tt-submenu-dark .tt-submenu .tt-submenu-list>li>.tt-submenu-trigger:hover a,
    .tt-submenu-dark .tt-submenu .tt-submenu-list>li.active>a,
    .tt-submenu-dark .tt-submenu .tt-submenu-list>li.active>.tt-submenu-trigger a {
        color: #FFF;
        background-color: transparent;
    }
}


/* Mobile menu (for classic menu) 
================================== */

@media (min-width: 1025px) {
    #tt-m-menu-toggle-btn-wrap {
        /* Hide on desktop */
        display: none;
    }
}


/* Show mobile menu on small screens only */

@media (max-width: 1024px) {
    .tt-main-menu {
        pointer-events: initial;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background-color: var(--tt-main-bg-color);
        overflow: hidden;
        visibility: hidden;
        opacity: 0;
    }
    .tt-main-menu-holder {
        position: relative;
        height: 100%;
        width: calc(100% + 17px);
        overflow-y: scroll;
        z-index: 2;
    }
    body.is-mobile .tt-main-menu-holder {
        padding-right: 17px;
    }
    .tt-main-menu-inner {
        display: table;
        width: 100%;
        height: 100%;
        padding: 20% 7%;
    }
    .tt-main-menu-content {
        height: 100%;
        display: table-cell;
        vertical-align: middle;
    }
    /* Mobile menu list */
    .tt-main-menu-list {
        display: inline-block;
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .tt-main-menu-list>li {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .tt-main-menu-list>li:first-child {
        margin-top: 0;
    }
    .tt-main-menu-list>li:last-child {
        margin-bottom: 0;
    }
    .tt-main-menu-list>li a {
        position: relative;
        display: inline-block;
        font-size: 34px;
        font-weight: 700;
        line-height: 1.2;
        color: #818181;
    }
    @media (max-width: 767px) {
        .tt-ol-menu-content {
            vertical-align: baseline!important;
        }
        .tt-main-menu-inner {
            padding-top: 35%;
            padding-bottom: 35%;
        }
        .tt-main-menu-list>li a {
            font-size: 34px;
        }
    }
    /* Mobile menu list active (master parent) */
    .tt-main-menu-list>li.active>a,
    .tt-main-menu-list>li.active>.tt-submenu-trigger a,
    .tt-main-menu-list>li>.tt-submenu-trigger.tt-m-submenu-open a,
    .tt-main-menu-list>li.active>.tt-submenu-trigger .tt-m-caret {
        color: #FFF;
    }
    .tt-main-menu-list>li.active>a,
    .tt-main-menu-list>li.active>.tt-submenu-trigger a,
    .tt-main-menu-list>li>.tt-submenu-trigger.tt-m-submenu-open a {
        transform: skew(-15deg, 0deg);
    }
    /* Mobile submenu */
    .tt-submenu-wrap {
        position: relative;
    }
    .tt-submenu-trigger {
        position: relative;
        display: inline-block;
    }
    .tt-submenu-trigger>a {
        position: relative;
        z-index: 1;
    }
    .tt-submenu-trigger .tt-submenu-trigger-m {
        position: absolute;
        display: block;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 2;
        cursor: pointer;
    }
    .tt-submenu {
        display: none;
        position: relative;
        top: auto;
        left: 0 !important;
        min-width: 100%;
        background-color: transparent;
        margin-top: 15px;
        margin-bottom: 15px;
        color: #a9a9a9;
    }
    .tt-submenu-list {
        margin: 0 0 0 20px;
        padding: 0;
        list-style: none;
    }
    .tt-submenu-list .tt-submenu {
        margin-top: 10px;
    }
    .tt-submenu-list>li {}
    .tt-submenu-list>li a {
        display: inline-block;
        padding-top: 8px;
        padding-bottom: 8px;
        font-size: 18px;
        font-weight: 500;
        color: #AAA;
        -webkit-text-stroke: 0;
    }
    /* Mobile submenu list hover/active */
    .tt-submenu-list>li a:hover,
    .tt-submenu-list>li>.tt-submenu-trigger:hover a,
    .tt-submenu-list>li>.tt-submenu-trigger:hover .tt-m-caret,
    .tt-submenu-list>li>.tt-submenu-trigger.tt-m-submenu-open a,
    .tt-submenu-list>li>.tt-submenu-trigger.tt-m-submenu-open .tt-m-caret,
    .tt-submenu-list>li.active>a,
    .tt-submenu-list>li.active>.tt-submenu-trigger a,
    .tt-submenu-list>li.active>.tt-submenu-trigger .tt-m-caret {
        color: #FFF;
    }
    /* Mobile submenu caret (requires FontAwesome: https://fontawesome.com/) */
    .tt-m-caret {
        position: absolute;
        top: 55%;
        right: -40px;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        color: #818181;
        cursor: pointer;
        z-index: 9;
        border-radius: 100%;
        transform: translate3d(0, -50%, 0);
    }
    .tt-m-caret::after {
        font-family: "Font Awesome 5 Free";
        content: "\f063";
        font-weight: 900;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        transition: all 0.2s ease-in-out;
    }
    .tt-submenu-trigger.tt-m-submenu-open .tt-m-caret::after {
        transform: rotate(180deg);
    }
    /* Mobile sub-submenu caret */
    .tt-submenu-list>li>.tt-submenu-trigger .tt-m-caret {
        color: #8a8a8a;
    }
    /* Mobile menu toggle button */
    #tt-m-menu-toggle-btn-wrap {
        position: relative;
        display: flex;
        align-items: center;
        pointer-events: initial;
        cursor: pointer;
        z-index: 9;
    }
    .tt-m-menu-toggle-btn-holder {
        float: left;
    }
    .tt-m-menu-toggle-btn {
        position: relative;
        display: block;
        width: 50px;
        height: 50px;
    }
    .tt-m-menu-toggle-btn span {
        position: absolute;
        display: block;
        top: 52%;
        left: 50%;
        height: 2px;
        width: 24px;
        background-color: transparent;
        transform: translate(-50%, -50%);
        transition: all 0.3s ease-in-out;
    }
    .tt-m-menu-toggle-btn span::before,
    .tt-m-menu-toggle-btn span::after {
        position: absolute;
        display: block;
        content: '';
        height: 2px;
        width: 24px;
        background-color: #FFF;
        transition: all 0.3s ease-in-out;
    }
    .tt-m-menu-toggle-btn span::before {
        top: -4px;
        width: 24px;
    }
    .tt-m-menu-toggle-btn span::after {
        top: auto;
        bottom: -4px;
        width: 18px;
    }
    /* Toggle button text */
    .tt-m-menu-toggle-btn-text {
        float: left;
        padding-right: 5px;
        overflow: hidden;
        text-align: right;
        font-size: 16px;
        color: #FFF;
    }
    body.tt-m-menu-open .tt-m-menu-toggle-btn-text .tt-m-menu-text-menu {
        display: none;
    }
    /* Toggle button close */
    body.tt-m-menu-open .tt-m-menu-toggle-btn span {
        width: 20px;
        background-color: transparent;
    }
    body.tt-m-menu-open .tt-m-menu-toggle-btn span::before {
        top: 0;
        width: 20px;
        transform: rotate(45deg);
    }
    body.tt-m-menu-open .tt-m-menu-toggle-btn span::after {
        bottom: 0;
        width: 20px;
        transform: rotate(-45deg);
    }
    .tt-m-menu-toggle-btn-text .tt-m-menu-text-close {
        display: none;
    }
    body.tt-m-menu-open .tt-m-menu-toggle-btn-text .tt-m-menu-text-close {
        display: block;
    }
    /* Disable menu toggle button click until the animations last */
    body.tt-m-menu-toggle-no-click #tt-m-menu-toggle-btn-wrap {
        pointer-events: none;
    }
    /* Align mobile menu to center */
    .tt-main-menu.tt-m-menu-center .tt-main-menu-content {
        text-align: center;
    }
    .tt-main-menu.tt-m-menu-center .tt-submenu-list {
        margin: 0;
    }
}


/* ------------------------------------------------------------- *
 * Overlay menu 
/* ------------------------------------------------------------- */


/* Overlay menu 
================ */

.tt-overlay-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: var(--tt-main-bg-color);
    visibility: hidden;
    opacity: 0;
    pointer-events: initial;
}

.tt-ol-menu-ghost {
    position: absolute;
    left: 0;
    bottom: 5%;
    font-size: 20vw;
    font-weight: bold;
    font-weight: 600;
    color: #FFF;
    line-height: .7;
    opacity: .07;
    z-index: -1;
}

.tt-ol-menu-holder {
    position: relative;
    height: 100%;
    width: calc(100% + 17px);
    padding-right: 17px;
    overflow-y: scroll;
    z-index: 2;
}

.tt-ol-menu-inner {
    display: table;
    width: 100%;
    height: 100%;
    padding-left: 0;
    padding-right: 0;
}

.tt-ol-menu-content {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    padding: 120px 140px 120px 5%;
}

@media (max-width: 767px) {
    .tt-ol-menu-content {
        padding-top: 40%;
        padding-bottom: 35%;
        padding-left: 15px;
        padding-right: 15px;
    }
}


/* Disable page scroll if overlay menu is open */

body:not(.tt-smooth-scroll).tt-ol-menu-open {
    overflow-y: hidden;
}


/* Hide smooth scrollbar if overlay menu is open */

body.tt-smooth-scroll.tt-ol-menu-open .scrollbar-track {
    display: none !important;
}


/* Overlay menu list */

.tt-ol-menu-list {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
}

.tt-ol-menu-list>li {
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    .tt-ol-menu-list>li {
        margin-top: 15px;
        margin-bottom: 15px;
        margin-right: 0;
    }
}

.tt-ol-menu-list>li:first-child {
    margin-top: 0;
}

.tt-ol-menu-list>li:last-child {
    margin-bottom: 0;
}


/* Overlay menu list item counter */

@media (min-width: 992px) {
    .tt-overlay-menu.tt-ol-menu-count .tt-ol-menu-list {
        counter-reset: ol-menu-list-counter;
    }
    .tt-overlay-menu.tt-ol-menu-count .tt-ol-menu-list>li::before {
        position: absolute;
        counter-increment: ol-menu-list-counter;
        content: "" counter(ol-menu-list-counter, decimal-leading-zero);
        top: 5px;
        left: -30px;
        line-height: 1;
        font-size: 14px;
        font-weight: normal;
        color: #FFF;
        opacity: 0.4;
    }
}


/* Overlay menu list links (master parent) */

.tt-ol-menu-list>li>a,
.tt-ol-menu-list>li>.tt-ol-submenu-trigger>a {
    position: relative;
    display: inline-block;
    font-size: clamp(34px, 3vw, 58px);
    font-weight: bold;
    font-weight: 700;
    line-height: 1.2;
    color: #818181;
    transition: color 0.2s, transform 0.2s ease-in-out;
}


/* Overlay menu list hover/active (master parent). */

.tt-ol-menu-list>li.active>a,
.tt-ol-menu-list>li.active>.tt-ol-submenu-trigger>a,
.tt-ol-menu-list>li.active>.tt-ol-submenu-trigger .tt-ol-submenu-caret,
body:not(.is-mobile) .tt-ol-menu-list>li>a:hover,
body:not(.is-mobile) .tt-ol-menu-list>li>.tt-ol-submenu-trigger:hover>a,
body:not(.is-mobile) .tt-ol-menu-list>li>.tt-ol-submenu-trigger:hover .tt-ol-submenu-caret,
.tt-ol-menu-list>li>.tt-ol-submenu-trigger.tt-ol-submenu-open>a,
.tt-ol-menu-list>li>.tt-ol-submenu-trigger.tt-ol-submenu-open .tt-ol-submenu-caret {
    color: #FFF;
}

.tt-ol-menu-list>li.active>a,
.tt-ol-menu-list>li.active>.tt-ol-submenu-trigger>a,
body:not(.is-mobile) .tt-ol-menu-list>li>a:hover,
body:not(.is-mobile) .tt-ol-menu-list>li>.tt-ol-submenu-trigger:hover>a,
.tt-ol-menu-list>li>.tt-ol-submenu-trigger.tt-ol-submenu-open>a {
    transform: skew(-15deg, 0deg);
}


/* Overlay menu submenu */

.tt-ol-submenu-wrap {
    position: relative;
}

.tt-ol-submenu-trigger {
    position: relative;
    display: inline-block;
}

.tt-ol-submenu {
    display: none;
    position: relative;
    height: auto;
    margin-left: 20px;
    color: #8a8a8a;
}

.tt-ol-menu-list>li>.tt-ol-submenu {
    margin-top: 20px;
    margin-bottom: 20px;
}


/* Overlay menu submenu list */

.tt-ol-submenu-list {
    padding: 0;
    list-style: none;
}

.tt-ol-submenu-list .tt-ol-submenu {
    margin-top: 10px;
    margin-bottom: 15px;
}


/* Overlay menu submenu list links */

.tt-ol-submenu-list>li a,
.tt-ol-submenu-list>li>.tt-ol-submenu-trigger>a {
    display: inline-block;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 19px;
    font-weight: 600;
    color: #AAA;
    transition: color 0.3s ease-in-out;
}


/* Overlay menu submenu list hover/active */

.tt-ol-submenu-list>li>.tt-ol-submenu-trigger.tt-ol-submenu-open>a,
.tt-ol-submenu-list>li>.tt-ol-submenu-trigger.tt-ol-submenu-open .tt-ol-submenu-caret,
.tt-ol-submenu-list>li.active>a,
.tt-ol-submenu-list>li.active>.tt-ol-submenu-trigger>a,
.tt-ol-submenu-list>li.active>.tt-ol-submenu-trigger .tt-ol-submenu-caret,
.tt-ol-submenu-list>li a:hover,
.tt-ol-submenu-list>li>.tt-ol-submenu-trigger:hover>a,
.tt-ol-submenu-list>li>.tt-ol-submenu-trigger:hover .tt-ol-submenu-caret {
    color: #FFF;
}


/* Submenu caret (requires FontAwesome: https://fontawesome.com/) */

.tt-ol-submenu-caret-wrap {
    position: absolute;
    top: 60%;
    right: -40px;
    transform: translate3d(0, -50%, 0);
}

@media (max-width: 767px) {
    .tt-ol-submenu-caret-wrap {
        right: -40px;
    }
}

.tt-ol-submenu-caret {
    position: relative;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    color: #646464;
    cursor: pointer;
    z-index: 2;
    border-radius: 100%;
    transition: opacity 0.3s ease-in-out;
}

.tt-ol-submenu-caret::after {
    font-family: "Font Awesome 5 Free";
    content: "\f063";
    font-weight: 900;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    transition: all 0.2s ease-in-out;
}

.tt-ol-submenu-trigger.tt-ol-submenu-open .tt-ol-submenu-caret::after {
    transform: rotate(180deg);
}


/* Sub-submenu caret */

.tt-ol-menu-list>li li .tt-ol-submenu-caret-wrap {
    top: 50%;
    right: -40px;
}

.tt-ol-menu-list>li li .tt-ol-submenu-caret {
    font-size: 12px;
    color: #8a8a8a;
}


/* Overlay menu toggle button 
============================== */

#tt-ol-menu-toggle-btn-wrap {
    position: relative;
    display: flex;
    align-items: center;
    pointer-events: initial;
    cursor: pointer;
    z-index: 9;
}

.tt-ol-menu-toggle-btn-holder {
    float: left;
}


/* Toggle button */

.tt-ol-menu-toggle-btn {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
}

.tt-ol-menu-toggle-btn span {
    position: absolute;
    display: block;
    top: 54%;
    left: 50%;
    height: 2px;
    width: 20px;
    background-color: transparent;
    transform: translate(-50%, -50%);
    transition: all 0.2s ease-in-out;
}

.tt-ol-menu-toggle-btn span::before,
.tt-ol-menu-toggle-btn span::after {
    position: absolute;
    display: block;
    content: '';
    height: 2px;
    background-color: #FFF;
    transition: all 0.2s ease-in-out;
}

.tt-ol-menu-toggle-btn span::before {
    top: -4px;
    width: 20px;
}

.tt-ol-menu-toggle-btn span::after {
    top: auto;
    bottom: -4px;
    width: 14px;
}


/* Toggle button hover */

body:not(.is-mobile):not(.tt-ol-menu-open) .tt-ol-menu-toggle-btn:hover span {
    height: 6px;
    width: 6px;
    background-color: #FFF;
    border-radius: 50px;
}

body:not(.is-mobile):not(.tt-ol-menu-open) .tt-ol-menu-toggle-btn:hover span::before {
    top: 0;
    width: 0;
}

body:not(.is-mobile):not(.tt-ol-menu-open) .tt-ol-menu-toggle-btn:hover span::after {
    bottom: 0;
    width: 0;
}


/* Toggle button text */

.tt-ol-menu-toggle-btn-text-wrap {
    height: 50px;
    display: flex;
    align-items: center;
    padding-top: 2px;
    padding-right: 5px;
}

.tt-ol-menu-toggle-btn-text {
    float: left;
    overflow: hidden;
    text-align: right;
    font-size: 16px;
    color: #FFF;
}


/* Toggle button text hover */

.tt-ol-menu-toggle-btn-text .text-menu {
    position: relative;
    display: inline-block;
    text-align: right;
    transition: transform 0.3s;
}

body.tt-ol-menu-open .tt-ol-menu-toggle-btn-text .text-menu {
    display: none;
}

body:not(.is-mobile) .tt-ol-menu-toggle-btn-text .text-menu::before {
    position: absolute;
    top: 100%;
    right: 0;
    content: attr(data-hover);
}

body:not(.is-mobile) #tt-ol-menu-toggle-btn-wrap:hover .tt-ol-menu-toggle-btn-text .text-menu {
    transform: translate3d(0, -100%, 0);
}


/* Toggle button close */

body.tt-ol-menu-open .tt-ol-menu-toggle-btn span {
    width: 20px;
    background-color: transparent;
}

body.tt-ol-menu-open .tt-ol-menu-toggle-btn span::before {
    top: 0;
    width: 20px;
    transform: rotate(45deg);
}

body.tt-ol-menu-open .tt-ol-menu-toggle-btn span::after {
    bottom: 0;
    width: 20px;
    transform: rotate(-45deg);
}

.tt-ol-menu-toggle-btn-text .text-close {
    display: none;
}

body.tt-ol-menu-open .tt-ol-menu-toggle-btn-text .text-close {
    display: block;
}


/* Disable menu toggle button click until the animations last */

body.olm-toggle-no-click .tt-ol-menu-toggle-btn-text,
body.olm-toggle-no-click .tt-ol-menu-toggle-btn {
    pointer-events: none;
}


/* Overlay menu social links 
============================= */

.tt-ol-menu-social {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
    right: calc(50% - 620px);
    z-index: 9991;
    visibility: hidden;
    opacity: 0;
}

@media (max-width: 1300px) {
    .tt-ol-menu-social {
        right: 5%;
    }
}

@media (min-width: 768px) {
    .tt-ol-menu-social {
        position: fixed;
        top: 50%;
        transform: translateY(-50%);
    }
}

@media (max-width: 767px) {
    .tt-ol-menu-social {
        margin-top: 80px;
        text-align: left;
    }
}

.tt-ol-menu-social>li {
    padding: 3px 0;
}

.tt-ol-menu-social>li>a {
    font-size: 19px;
    color: #919191;
    font-weight: 600;
    background-repeat: no-repeat;
    background-image: -o-linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    background-image: -ms-linear-gradient(transparent 100%, currentColor 1px);
    transition: 0.6s cubic-bezier(.215, .61, .355, 1) !important;
    background-size: 0 100%;
}

.tt-ol-menu-social>li>a:hover,
.tt-ol-menu-social>li>a:focus {
    background-size: 100% 100%;
    color: #FFF;
}

.tt-ol-menu-social-heading {
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 600;
    color: #EEE;
}


/* ------------------------------------------------------------- *
 * Page header
/* ------------------------------------------------------------- */

#page-header {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.page-header-inner,
body.ph-image-on.ph-bg-image-on #page-header .page-header-inner {
    width: 100%;
    padding-top: 13vw;
    padding-bottom: 10vw;
    z-index: 2;
}

body.ph-image-on #page-header .page-header-inner {
    padding-top: 16vw;
    padding-bottom: 13vw;
}

body:not(.tt-boxed) .page-header-inner,
.page-header-inner:not(.tt-wrap) {
    padding-left: 13%;
    padding-right: 13%;
}

@media (max-width: 1920px) {
    .page-header-inner {
        padding-top: 250px;
        padding-bottom: 140px;
    }
    body.ph-image-on #page-header .page-header-inner {
        padding-top: 200px;
        padding-bottom: 140px;
    }
    /* If page header image does not exist or project info list exist */
    body:not(.ph-image-on) #page-header .page-header-inner,
    body.ph-image-on.ph-bg-image-on #page-header .page-header-inner {
        padding-top: 240px;
        padding-bottom: 200px;
    }
}

@media (max-width: 1400px) {
    body.tt-boxed .page-header-inner.tt-wrap {
        padding-left: 8%;
        padding-right: 5%;
    }
}

@media (max-width: 1024px) {
    #page-header .page-header-inner {
        padding-top: 250px;
        padding-bottom: 250px;
    }
    body:not(.tt-boxed) .page-header-inner,
    .page-header-inner:not(.tt-wrap) {
        padding-left: 5%;
        padding-right: 5%;
    }
}

@media (max-width: 768px) {
    .page-header-inner,
    body:not(.ph-image-on) #page-header .page-header-inner,
    body.ph-image-on.ph-bg-image-on #page-header .page-header-inner {
        padding-top: 100px;
        padding-bottom: 20px;
    }
}

@media (max-width: 540px) {
    body:not(.ph-center-on).ph-image-on #page-header .page-header-inner {
        padding-top: 240px;
        padding-bottom: 40vw;
    }
}


/* Page header image 
===================== */

.ph-image {
    position: absolute;
    top: 160px;
    right: 18vw;
    width: clamp(340px, 18vw, 800px);
    z-index: 2;
    line-height: 0;
}

@media (max-width: 1920px) {
    .ph-image {
        width: 380px;
    }
    #page-header.ph-full:not(.ph-center):not(.ph-bg-image) .ph-image {
        width: 440px;
    }
}

@media (max-width: 1600px) {
    .ph-image,
    #page-header.ph-full:not(.ph-center):not(.ph-bg-image) .ph-image {
        width: 320px;
    }
}

@media (max-width: 1024px) {
    .ph-image,
    #page-header.ph-full:not(.ph-center):not(.ph-bg-image) .ph-image {
        right: 10vw;
    }
}

@media (max-width: 540px) {
    .ph-image,
    #page-header.ph-full:not(.ph-center):not(.ph-bg-image) .ph-image {
        width: 50%;
    }
}

.ph-image-inner {
    position: relative;
    width: 100%;
}


/* Video */

#page-header:not(.ph-image-cropped) .ph-video-wrap {
    position: relative;
    padding-bottom: 140%;
}

.ph-video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

#page-header.ph-bg-image .ph-video-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}


/* Page header image cover opasity */

[class*="ph-image-cover-"] .ph-image-inner::before {
    position: absolute;
    display: block;
    content: "";
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    background-color: #040404;
    z-index: 1;
    opacity: 0;
}

.ph-image-cover-0 .ph-image-inner::before {
    opacity: 0;
}

.ph-image-cover-0-5 .ph-image-inner::before {
    opacity: .05;
}

.ph-image-cover-1 .ph-image-inner::before {
    opacity: .1;
}

.ph-image-cover-1-5 .ph-image-inner::before {
    opacity: .15;
}

.ph-image-cover-2 .ph-image-inner::before {
    opacity: .2;
}

.ph-image-cover-2-5 .ph-image-inner::before {
    opacity: .25;
}

.ph-image-cover-3 .ph-image-inner::before {
    opacity: .3;
}

.ph-image-cover-3-5 .ph-image-inner::before {
    opacity: .35;
}

.ph-image-cover-4 .ph-image-inner::before {
    opacity: .4;
}

.ph-image-cover-4-5 .ph-image-inner::before {
    opacity: .45;
}

.ph-image-cover-5 .ph-image-inner::before {
    opacity: .5;
}

.ph-image-cover-5-5 .ph-image-inner::before {
    opacity: .55;
}

.ph-image-cover-6 .ph-image-inner::before {
    opacity: .6;
}

.ph-image-cover-6-5 .ph-image-inner::before {
    opacity: .65;
}

.ph-image-cover-7 .ph-image-inner::before {
    opacity: .7;
}

.ph-image-cover-7-5 .ph-image-inner::before {
    opacity: .75;
}

.ph-image-cover-8 .ph-image-inner::before {
    opacity: .8;
}

.ph-image-cover-8-5 .ph-image-inner::before {
    opacity: .85;
}

.ph-image-cover-9 .ph-image-inner::before {
    opacity: .9;
}

.ph-image-cover-9-5 .ph-image-inner::before {
    opacity: .95;
}


/* if class "ph-image-cropped" enabled (not for background image!) */

#page-header:not(.ph-bg-image).ph-image-cropped .ph-image-inner {
    position: relative;
    padding-bottom: 130%;
}

#page-header:not(.ph-bg-image).ph-image-cropped .ph-image-inner img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}


/* Make image to background image */

#page-header.ph-bg-image .ph-image {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    margin: 0;
    z-index: -1;
    transform: none;
    overflow: hidden;
}

#page-header.ph-bg-image .ph-image-inner {
    width: 100%;
    height: 100%;
}

#page-header.ph-bg-image .ph-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

#page-header.ph-bg-image .ph-video-wrap {
    padding-bottom: 0;
}


/* Page header caption 
======================= */

.ph-caption {
    position: relative;
}


/* page header caption title */

.ph-caption-title {
    position: relative;
    margin: 0;
    font-size: clamp(38px, 5vw, 82px);
    font-weight: bold;
    font-weight: 600;
    color: #FFF;
    line-height: 1.2;
    z-index: 9;
}


/* page header caption title ghost */

.ph-caption-title-ghost {
    position: absolute;
    display: flex;
    align-items: center;
    top: 0;
    bottom: 0;
    left: 6%;
    padding-top: 5%;
    font-size: calc(16px + 19.5vw);
    font-weight: bold;
    font-weight: 600;
    color: #FFF;
    white-space: nowrap;
    line-height: 1;
    opacity: .1;
    z-index: 1;
    pointer-events: none;
}

.ph-caption-title-ghost .phgh-text {
    /* cloned text by .js */
    display: inline-block;
    margin-right: 7vw;
}

#page-header.ph-bg-image .ph-caption-title-ghost {
    /* disable title ghost if "ph-bg-image" is enabled */
    display: none;
}


/* page header caption subtitle */

.ph-caption-subtitle {
    position: relative;
    margin-bottom: 20px;
    font-size: calc(15px + 0.3vw);
    font-weight: 500;
    color: #CCC;
    z-index: 9;
}

.ph-caption-title+.ph-caption-subtitle {
    margin-top: 20px;
    margin-bottom: 0;
}


/* page header caption category */

.ph-categories {
    position: relative;
    margin-bottom: 20px;
    z-index: 9;
}

.ph-caption-title+.ph-categories {
    margin-top: 20px;
    margin-bottom: 0;
}

.ph-category {
    position: relative;
    display: inline-block;
    font-size: calc(15px + 0.1vw);
    color: #FFF;
    line-height: 1.4;
}

a.ph-category:hover {
    opacity: .8;
}

.ph-category~.ph-category:not(:empty)::before {
    content: ", ";
    margin-left: -4px;
}


/* page header caption meta */

.ph-meta {
    position: relative;
    display: inline-flex;
    margin-top: 20px;
    font-size: 16px;
    color: #DDD;
    font-weight: normal;
    z-index: 9;
}

.ph-meta-published {}

.ph-meta-posted-by {
    margin-left: 10px;
    font-weight: normal;
}

.ph-meta-posted-by a {
    position: relative;
    color: #DDD;
}

.ph-meta-posted-by a:hover {
    opacity: .8;
}


/* page header caption description */

.ph-caption-description {
    position: relative;
    max-width: 740px;
    margin-top: 30px;
    font-size: 24px;
    font-weight: 500;
    color: #FFF;
    z-index: 9;
}


/* page header caption paragraph */

.ph-caption>p {
    position: relative;
    max-width: 900px;
    z-index: 9;
}

.ph-caption .ph-caption-title+p,
.ph-caption .ph-caption-title-ghost+p,
.ph-caption .ph-caption-subtitle+p {
    margin-top: 30px;
}

.ph-caption>p:last-child {
    margin-bottom: 0;
}


/* Scroll down 
=============== */

.tt-scroll-down {
    position: absolute;
    bottom: 2%;
    left: 4%;
    z-index: 9;
}

#page-header:not(.ph-full) .tt-scroll-down {
    /* Display only on full scren page header! */
    display: none;
}

.tt-sd-inner {
    display: inline-flex;
    align-items: center;
    height: 50px;
    text-decoration: none;
    transform: rotate(-90deg);
    transform-origin: center left;
}


/* Scroll down text */

.tt-sd-text {
    margin-left: 10px;
    font-size: 15px;
    font-weight: bold;
    font-weight: 600;
    color: #EEE;
}


/* Scroll down arrow */

.tt-sd-arrow {
    position: relative;
    width: 55px;
}

.tt-sd-arrow-inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #EEE;
    animation: scroll-down-swipe-line 4s infinite;
}

@keyframes scroll-down-swipe-line {
    80% {
        transform-origin: left;
        transform: scaleX(1);
    }
    90% {
        transform-origin: left;
        transform: scaleX(0);
    }
    90.1% {
        transform-origin: right;
        transform: scaleX(0);
    }
    100% {
        transform-origin: right;
        transform: scaleX(1);
    }
}

.tt-sd-arrow::before,
.tt-sd-arrow::after {
    position: absolute;
    display: block;
    content: "";
    left: 0;
    width: 12px;
    background-color: #EEE;
    transition: width .3s;
}

.tt-sd-arrow::before {
    top: 0px;
    transform: rotate(-45deg);
    transform-origin: bottom left;
}

.tt-sd-arrow::after {
    bottom: 0px;
    transform: rotate(45deg);
    transform-origin: top left;
}

.tt-sd-arrow,
.tt-sd-arrow::before,
.tt-sd-arrow::after {
    height: 2px;
}


/* Scroll down hover */

.tt-sd-inner:hover .tt-sd-arrow::before,
.tt-sd-inner:hover .tt-sd-arrow::after {
    width: 16px;
}


/* Scroll down for small screens */

@media (max-width: 1024px) {
    .tt-scroll-down {
        bottom: 0%;
        left: 6%;
    }
    .tt-sd-text {
        display: none;
    }
    .tt-sd-arrow {
        width: 15px;
    }
    .tt-sd-arrow::before,
    .tt-sd-arrow::after {
        width: 10px;
    }
}


/* Page header share 
===================== */

.ph-share {
    position: absolute;
    display: inline-block;
    bottom: 0;
    right: 3.5%;
    height: 113px;
    z-index: 999;
    cursor: pointer;
    overflow: hidden;
}

.ph-share-inner {}

.ph-share-trigger {}

.ph-share-text {
    display: inline-block;
    font-size: 15px;
    color: #EEE;
}

.ph-share-icon {
    font-size: 15px;
    color: #EEE;
}

.ph-share .social-buttons>ul>li a {
    font-size: 25px;
}

@media (min-width: 1025px) {
    .ph-share-inner {
        text-align: right;
    }
    .ph-share-trigger {
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, 10px, 0);
        transition: all 0.3s ease;
    }
    .ph-share-text {
        letter-spacing: 1px;
        transform: rotate(-90deg);
    }
    .ph-share-icon {
        margin-top: 15px;
    }
    .ph-share:hover .ph-share-trigger {
        opacity: 0;
        visibility: hidden;
        transform: translate3d(0, -30px, 0);
    }
    .ph-share .social-buttons {
        opacity: 0;
        visibility: hidden;
        transform: translate3d(0, -10%, 0);
        transition: all 0.3s ease;
    }
    .ph-share:hover .social-buttons {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, -60%, 0);
    }
}

@media (max-width: 1024px) {
    .ph-share {
        right: 2%;
        bottom: 1%;
        height: auto;
    }
    .ph-share-inner {
        display: flex;
        align-items: center;
    }
    .ph-share-text {
        margin-right: 15px;
    }
    .ph-share-text::after {
        content: ":";
        margin-left: 1px;
    }
    .ph-share-icon {
        display: none;
    }
}


/* Page header styles 
====================== */


/* page header caption title (stroke style) */

#page-header.ph-stroke .ph-caption-title {
    font-weight: bold;
    font-weight: 700;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #FFF;
    -webkit-text-fill-color: transparent;
}

@media (max-width: 1024px) {
    #page-header.ph-stroke .ph-caption-title {
        -webkit-text-stroke-width: 1px;
    }
}


/* Page header sizes 
===================== */


/* Caption size sm */

#page-header.ph-cap-sm .ph-caption-title {
    font-size: clamp(38px, 4vw, 68px);
}


/* Caption size lg */

#page-header.ph-cap-lg .ph-caption-title {
    font-size: clamp(38px, 6vw, 112px);
}


/* Caption size xlg */

#page-header.ph-cap-xlg .ph-caption-title {
    font-size: clamp(38px, 8vw, 142px);
}


/* Caption size xxlg */

#page-header.ph-cap-xxlg .ph-caption-title {
    font-size: clamp(38px, 10vw, 180px);
    line-height: 1;
}

@media (min-width: 1025px) {
    #page-header.ph-cap-xxlg.ph-stroke .ph-caption-title {
        -webkit-text-stroke-width: 3px;
    }
}


/* Page header full screen (no effect on smaller screens!) */

@media (min-width: 1025px) {
    #page-header.ph-full {
        display: flex;
        align-items: center;
        min-height: 100vh;
    }
    #page-header.ph-full .page-header-inner {
        padding-top: 10% !important;
        padding-bottom: 5% !important;
    }
    #page-header.ph-full.ph-center .page-header-inner {
        padding-top: 5% !important;
        padding-bottom: 5% !important;
    }
    #page-header.ph-full .ph-image {
        position: absolute;
        display: flex;
        align-items: center;
        top: 0;
        bottom: 0;
        height: 100%;
    }
    #page-header.ph-full:not(.ph-bg-image).ph-image-cropped .ph-image-inner {
        padding-bottom: 140%;
    }
}


/* Page header positions 
========================= */


/* Position center */

#page-header.ph-center {
    text-align: center;
}

@media (min-width: 1025px) {
    #page-header.ph-center .page-header-inner {
        max-width: 100%;
        padding-left: 4% !important;
        padding-right: 4% !important;
    }
}

#page-header.ph-center .ph-caption {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#page-header.ph-center .ph-caption-title-ghost {
    left: 50%;
    font-size: calc(16px + 12vw);
    transform: translate3d(-50%, 0, 0);
}

#page-header.ph-center .ph-caption-description,
#page-header.ph-center .ph-caption>p {
    margin-left: auto;
    margin-right: auto;
}

#page-header.ph-center:not(.ph-bg-image) .ph-image {
    right: 50%;
    transform: translate(50%, 0);
}


/* ------------------------------------------------------------- *
 * tt-Grid
/* ------------------------------------------------------------- */

.tt-grid {
    position: relative;
}

.tt-grid::after {
    content: "";
    display: table;
    clear: both;
}


/* tt-Grid top content
======================= */

.tt-grid-top {
    position: relative;
    padding-bottom: 40px;
    text-align: right;
}

body:not(.tt-boxed) .tt-section-inner.tt-wrap .tt-grid:not([class*="ttgr-gap-"]) .tt-grid-top,
.tt-section-inner:not(.tt-wrap) .tt-grid:not([class*="ttgr-gap-"]) .tt-grid-top {
    padding-left: 3vw;
    padding-right: 3vw;
}


/* tt-Ggrid categories/filter 
============================== */

.tt-grid-categories {
    position: relative;
}


/* tt-Ggrid categories/filter trigger 
====================================== */

.ttgr-cat-trigger-wrap {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: #FFF;
    z-index: 999;
}

.ttgr-cat-trigger {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.ttgr-cat-trigger:hover {}

.ttgr-cat-text {
    float: left;
    min-width: 60px;
    text-align: right;
    overflow: hidden;
}

.ttgr-cat-text>span {
    position: relative;
    display: inline-block;
    width: 100%;
    transition: transform 0.3s;
}

body:not(.is-mobile) .ttgr-cat-trigger:hover .ttgr-cat-text>span {
    transform: translate3d(0, -100%, 0);
}

body:not(.is-mobile) .ttgr-cat-text>span::before {
    position: absolute;
    top: 100%;
    right: 0;
    content: attr(data-hover);
}

.ttgr-cat-icon {
    float: left;
}

.ttgr-cat-icon span {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    font-size: 17px;
}


/* If "ttgr-cat-nav" is open */

@media (min-width: 768px) {
    body.ttgr-cat-nav-open .ttgr-item-inner {
        transition: transform 0.6s ease-in-out;
    }
}

body.ttgr-cat-nav-open .pgi-image.anim-image-parallax,
body.ttgr-cat-nav-open .pgi-video-wrap.anim-image-parallax {
    transition: transform 0.8s ease-in-out;
}


/* tt-Ggrid categories trigger position fixed */

.ttgr-cat-trigger-wrap.ttgr-cat-fixed {
    position: fixed;
    bottom: 5%;
    right: 4%;
    padding: 10px 0 10px 10px;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
}

@media (max-width: 768px) {
    .ttgr-cat-trigger-wrap.ttgr-cat-fixed {
        bottom: 20px;
    }
}

body.ttgr-cat-fixed-on .tt-grid-top {
    padding: 0;
}

.ttgr-cat-trigger-wrap.ttgr-cat-fixed .ttgr-cat-trigger {
    background-color: rgb(10 10 10 / 50%);
    backdrop-filter: blur(10px);
    border-radius: 50px;
    padding-right: 10px;
    color: #fff;
}


/* tt-Ggrid categories/filter nav 
================================== */

.ttgr-cat-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgb(0 0 0 / 70%);
    backdrop-filter: blur(10px);
    pointer-events: initial;
    z-index: 998;
    visibility: hidden;
    opacity: 0;
}

.ttgr-cat-list-holder {
    position: relative;
    height: 100%;
    width: calc(100% + 17px);
    padding-right: 17px;
    overflow-y: scroll;
    z-index: 2;
}

.ttgr-cat-list-inner {
    display: table;
    width: 100%;
    max-width: 1282px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.ttgr-cat-list-content {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    padding: 160px 5% 120px 10%;
}


/* tt-Ggrid categories list */

.ttgr-cat-list {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ttgr-cat-list>li {
    position: relative;
}

.ttgr-cat-list>li>a {
    position: relative;
    display: inline-block;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: calc(26px + 2vw);
    font-weight: bold;
    font-weight: 600;
    line-height: 1.2;
    color: #FFF;
    opacity: .5;
    transition: color 0.3s, transform 0.3s;
}

.ttgr-cat-list>li>a:hover,
.ttgr-cat-list>li>a:focus,
.ttgr-cat-list>li>a.active {
    color: #FFF;
    opacity: 1;
    transform: skew(-15deg, 0deg);
}

.ttgr-cat-list>li:first-child>a {
    padding-top: 0;
}

.ttgr-cat-list>li:last-child>a {
    padding-bottom: 0;
}


/* tt-Ggrid categories list item counter */

@media (min-width: 992px) {
    .ttgr-cat-list {
        counter-reset: ttgr-cat-list-counter;
    }
    .ttgr-cat-list .ttgr-cat-item::before {
        position: absolute;
        counter-increment: ttgr-cat-list-counter;
        content: "" counter(ttgr-cat-list-counter, decimal-leading-zero);
        top: 5px;
        left: -40px;
        line-height: 1;
        font-size: 14px;
        font-weight: normal;
        color: #FFF;
        opacity: 0.4;
    }
}


/* tt-Ggrid categories list close (for mobile devises) */

.ttgr-cat-close {
    margin-bottom: 25px;
    font-size: calc(13px + 0.6vw);
    color: #FFF;
}

body:not(.is-mobile) .ttgr-cat-close {
    display: none;
}


/* tt-Grid items
================= */

.tt-grid-items-wrap {}


/* tt-Grid item */

.tt-grid-item {
    position: relative;
    float: left;
    width: 100%;
}

.ttgr-item-inner {
    position: relative;
}


/* tt-Grid height class ("ttgr-height"). Use it on an element inside "ttgr-item-inner".
======================================== */

.ttgr-height {
    position: relative;
    padding-bottom: 35%;
}

@media (max-width: 768px) {
    .ttgr-height {
        position: relative;
        padding-bottom: 60%;
    }
}

body.tt-boxed .tt-wrap .ttgr-height {
    padding-bottom: 60%;
}


/* if class "ttgr-layout-*" enabled */

.tt-grid[class*="ttgr-layout-"] .ttgr-height {
    padding-bottom: 60%;
}

.tt-grid[class*="ttgr-layout-"].ttgr-portrait:not(.ttgr-layout-creative-1):not(.ttgr-layout-creative-2) .ttgr-height {
    padding-bottom: 140%;
}


/* tt-Grid layouts 
=================== */


/* layout-2 */

@media (min-width: 768px) {
    .tt-grid.ttgr-layout-2 .tt-grid-item {
        width: 50%;
    }
}

.tt-grid.ttgr-layout-2 .ttgr-height {
    padding-bottom: 65%;
}

.tt-grid.ttgr-layout-2.ttgr-portrait .ttgr-height,
.tt-grid.ttgr-layout-2.ttgr-portrait-half .tt-grid-item:nth-child(4n+3) .ttgr-height,
.tt-grid.ttgr-layout-2.ttgr-portrait-half .tt-grid-item:nth-child(4n+4) .ttgr-height {
    padding-bottom: 140%;
}


/* layout-3 */

@media (min-width: 768px) {
    .tt-grid.ttgr-layout-3 .tt-grid-item {
        width: 50%;
    }
}

@media (min-width: 1200px) {
    .tt-grid.ttgr-layout-3 .tt-grid-item {
        width: 33.33333%;
    }
}

.tt-grid.ttgr-layout-3 .ttgr-height {
    padding-bottom: 70%;
}

.tt-grid.ttgr-layout-3.ttgr-portrait .ttgr-height,
.tt-grid.ttgr-layout-3.ttgr-portrait-half .tt-grid-item:nth-child(6n+4) .ttgr-height,
.tt-grid.ttgr-layout-3.ttgr-portrait-half .tt-grid-item:nth-child(6n+5) .ttgr-height,
.tt-grid.ttgr-layout-3.ttgr-portrait-half .tt-grid-item:nth-child(6n+6) .ttgr-height {
    padding-bottom: 140%;
}


/* layout-4 */

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .tt-grid.ttgr-layout-4 .tt-grid-item {
        width: 50%;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1399px) {
    .tt-grid.ttgr-layout-4 .tt-grid-item {
        width: 33.33333%;
    }
}

@media (min-width: 1400px) {
    .tt-grid.ttgr-layout-4 .tt-grid-item {
        width: 25%;
    }
}

.tt-grid.ttgr-layout-4 .ttgr-height {
    padding-bottom: 60%;
}

.tt-grid.ttgr-layout-4.ttgr-portrait .ttgr-height,
.tt-grid.ttgr-layout-4.ttgr-portrait-half .tt-grid-item:nth-child(3n+5) .ttgr-height,
.tt-grid.ttgr-layout-4.ttgr-portrait-half .tt-grid-item:nth-child(6n+7) .ttgr-height,
.tt-grid.ttgr-layout-4.ttgr-portrait-half .tt-grid-item:nth-child(9n+6) .ttgr-height {
    padding-bottom: 140%;
}


/* layout-1-2 */

@media (min-width: 768px) {
    .tt-grid.ttgr-layout-1-2 .tt-grid-item {
        width: 50%;
    }
}

.tt-grid.ttgr-layout-1-2 .tt-grid-item:nth-child(3n+1) {
    width: 100%;
}

.tt-grid.ttgr-layout-1-2 .ttgr-height {
    padding-bottom: 60%;
}

@media (min-width: 768px) {
    .tt-grid.ttgr-layout-1-2 .tt-grid-item:nth-child(3n+1) .ttgr-height {
        padding-bottom: calc(60% - 20%);
    }
}

.tt-grid.ttgr-layout-1-2.ttgr-portrait .ttgr-height,
.tt-grid.ttgr-layout-1-2.ttgr-portrait-half .ttgr-height {
    padding-bottom: 120%;
}

.tt-grid.ttgr-layout-1-2.ttgr-portrait .tt-grid-item:nth-child(3n+1) .ttgr-height {
    padding-bottom: 100%;
}


/* layout-2-1 */

@media (min-width: 768px) {
    .tt-grid.ttgr-layout-2-1 .tt-grid-item {
        width: 50%;
    }
}

.tt-grid.ttgr-layout-2-1 .tt-grid-item:nth-child(3n+0) {
    width: 100%;
}

.tt-grid.ttgr-layout-2-1 .ttgr-height {
    padding-bottom: 60%;
}

@media (min-width: 768px) {
    .tt-grid.ttgr-layout-2-1 .tt-grid-item:nth-child(3n+0) .ttgr-height {
        padding-bottom: calc(60% - 20%);
    }
}

.tt-grid.ttgr-layout-2-1.ttgr-portrait .ttgr-height,
.tt-grid.ttgr-layout-2-1.ttgr-portrait-half .ttgr-height {
    padding-bottom: 120%;
}

.tt-grid.ttgr-layout-2-1.ttgr-portrait .tt-grid-item:nth-child(3n+0) .ttgr-height {
    padding-bottom: 100%;
}


/* layout-2-3 */

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .tt-grid.ttgr-layout-2-3 .tt-grid-item {
        width: 50%;
    }
    .tt-grid.ttgr-layout-2-3 .tt-grid-item:nth-child(3n+1) {
        width: 100%;
    }
    .tt-grid.ttgr-layout-2-3 .ttgr-height {
        padding-bottom: 70% !important;
    }
    .tt-grid.ttgr-layout-2-3 .tt-grid-item:nth-child(3n+1) .ttgr-height {
        padding-bottom: calc(60% - 20%) !important;
    }
}

@media (min-width: 1200px) {
    .tt-grid.ttgr-layout-2-3 .tt-grid-item {
        width: 33.33333%;
    }
    .tt-grid.ttgr-layout-2-3 .tt-grid-item:nth-child(5n+1),
    .tt-grid.ttgr-layout-2-3 .tt-grid-item:nth-child(5n+2) {
        width: 50%;
    }
}

.tt-grid.ttgr-layout-2-3 .ttgr-height {
    padding-bottom: 70%;
}

.tt-grid.ttgr-layout-2-3 .tt-grid-item:nth-child(5n+1) .ttgr-height,
.tt-grid.ttgr-layout-2-3 .tt-grid-item:nth-child(5n+2) .ttgr-height {
    padding-bottom: 60%;
}

.tt-grid.ttgr-layout-2-3.ttgr-portrait .ttgr-height,
.tt-grid.ttgr-layout-2-3.ttgr-portrait .tt-grid-item:nth-child(5n+1) .ttgr-height,
.tt-grid.ttgr-layout-2-3.ttgr-portrait .tt-grid-item:nth-child(5n+2) .ttgr-height,
.tt-grid.ttgr-layout-2-3.ttgr-portrait-half .ttgr-height {
    padding-bottom: 120%;
}


/* layout-3-2 */

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .tt-grid.ttgr-layout-3-2 .tt-grid-item {
        width: 50%;
    }
    .tt-grid.ttgr-layout-3-2 .tt-grid-item:nth-child(3n+0) {
        width: 100%;
    }
    .tt-grid.ttgr-layout-3-2 .ttgr-height {
        padding-bottom: 70% !important;
    }
    .tt-grid.ttgr-layout-3-2 .tt-grid-item:nth-child(3n+0) .ttgr-height {
        padding-bottom: calc(60% - 20%) !important;
    }
}

@media (min-width: 1200px) {
    .tt-grid.ttgr-layout-3-2 .tt-grid-item {
        width: 33.33333%;
    }
    .tt-grid.ttgr-layout-3-2 .tt-grid-item:nth-child(5n+4),
    .tt-grid.ttgr-layout-3-2 .tt-grid-item:nth-child(5n+5) {
        width: 50%;
    }
}

.tt-grid.ttgr-layout-3-2 .ttgr-height {
    padding-bottom: 70%;
}

.tt-grid.ttgr-layout-3-2 .tt-grid-item:nth-child(5n+4) .ttgr-height,
.tt-grid.ttgr-layout-3-2 .tt-grid-item:nth-child(5n+5) .ttgr-height {
    padding-bottom: 60%;
}

.tt-grid.ttgr-layout-3-2.ttgr-portrait .ttgr-height,
.tt-grid.ttgr-layout-3-2.ttgr-portrait .tt-grid-item:nth-child(5n+4) .ttgr-height,
.tt-grid.ttgr-layout-3-2.ttgr-portrait .tt-grid-item:nth-child(5n+5) .ttgr-height,
.tt-grid.ttgr-layout-3-2.ttgr-portrait-half .ttgr-height {
    padding-bottom: 120%;
}


/* layout-3-4 */

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .tt-grid.ttgr-layout-3-4 .tt-grid-item {
        width: 50%;
    }
    .tt-grid.ttgr-layout-3-4 .tt-grid-item:nth-child(3n+1) {
        width: 100%;
    }
    .tt-grid.ttgr-layout-3-4 .ttgr-height {
        padding-bottom: 70% !important;
    }
    .tt-grid.ttgr-layout-3-4 .tt-grid-item:nth-child(3n+1) .ttgr-height {
        padding-bottom: calc(60% - 20%) !important;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1399px) {
    .tt-grid.ttgr-layout-3-4 .tt-grid-item {
        width: 33.33333%;
    }
    .tt-grid.ttgr-layout-3-4 .tt-grid-item:nth-child(5n+1),
    .tt-grid.ttgr-layout-3-4 .tt-grid-item:nth-child(5n+2) {
        width: 50%;
    }
    .tt-grid.ttgr-layout-3-4 .ttgr-height {
        padding-bottom: 70% !important;
    }
    .tt-grid.ttgr-layout-3-4 .tt-grid-item:nth-child(5n+1) .ttgr-height,
    .tt-grid.ttgr-layout-3-4 .tt-grid-item:nth-child(5n+2) .ttgr-height {
        padding-bottom: 60% !important;
    }
}

@media (min-width: 1400px) {
    .tt-grid.ttgr-layout-3-4 .tt-grid-item {
        width: 25%;
    }
    .tt-grid.ttgr-layout-3-4 .tt-grid-item:nth-child(7n+1),
    .tt-grid.ttgr-layout-3-4 .tt-grid-item:nth-child(7n+2),
    .tt-grid.ttgr-layout-3-4 .tt-grid-item:nth-child(7n+3) {
        width: 33.33333%;
    }
}

.tt-grid.ttgr-layout-3-4 .ttgr-height {
    padding-bottom: 70%;
}

.tt-grid.ttgr-layout-3-4 .tt-grid-item:nth-child(7n+1) .ttgr-height,
.tt-grid.ttgr-layout-3-4 .tt-grid-item:nth-child(7n+2) .ttgr-height,
.tt-grid.ttgr-layout-3-4 .tt-grid-item:nth-child(7n+3) .ttgr-height {
    padding-bottom: 60%;
}

.tt-grid.ttgr-layout-3-4.ttgr-portrait .ttgr-height,
.tt-grid.ttgr-layout-3-4.ttgr-portrait .tt-grid-item:nth-child(7n+1) .ttgr-height,
.tt-grid.ttgr-layout-3-4.ttgr-portrait .tt-grid-item:nth-child(7n+2) .ttgr-height,
.tt-grid.ttgr-layout-3-4.ttgr-portrait .tt-grid-item:nth-child(7n+3) .ttgr-height,
.tt-grid.ttgr-layout-3-4.ttgr-portrait-half .ttgr-height {
    padding-bottom: 140%;
}


/* layout-4-3 */

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .tt-grid.ttgr-layout-4-3 .tt-grid-item {
        width: 50%;
    }
    .tt-grid.ttgr-layout-4-3 .tt-grid-item:nth-child(3n+0) {
        width: 100%;
    }
    .tt-grid.ttgr-layout-4-3 .ttgr-height {
        padding-bottom: 70% !important;
    }
    .tt-grid.ttgr-layout-4-3 .tt-grid-item:nth-child(3n+0) .ttgr-height {
        padding-bottom: calc(60% - 20%) !important;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1399px) {
    .tt-grid.ttgr-layout-4-3 .tt-grid-item {
        width: 33.33333%;
    }
    .tt-grid.ttgr-layout-4-3 .tt-grid-item:nth-child(5n+4),
    .tt-grid.ttgr-layout-4-3 .tt-grid-item:nth-child(5n+5) {
        width: 50%;
    }
    .tt-grid.ttgr-layout-4-3 .ttgr-height {
        padding-bottom: 70% !important;
    }
    .tt-grid.ttgr-layout-4-3 .tt-grid-item:nth-child(5n+4) .ttgr-height,
    .tt-grid.ttgr-layout-4-3 .tt-grid-item:nth-child(5n+5) .ttgr-height {
        padding-bottom: 60% !important;
    }
}

@media (min-width: 1400px) {
    .tt-grid.ttgr-layout-4-3 .tt-grid-item {
        width: 25%;
    }
    .tt-grid.ttgr-layout-4-3 .tt-grid-item:nth-child(7n+5),
    .tt-grid.ttgr-layout-4-3 .tt-grid-item:nth-child(7n+6),
    .tt-grid.ttgr-layout-4-3 .tt-grid-item:nth-child(7n+7) {
        width: 33.33333%;
    }
}

.tt-grid.ttgr-layout-4-3 .ttgr-height {
    padding-bottom: 70%;
}

.tt-grid.ttgr-layout-4-3 .tt-grid-item:nth-child(7n+5) .ttgr-height,
.tt-grid.ttgr-layout-4-3 .tt-grid-item:nth-child(7n+6) .ttgr-height,
.tt-grid.ttgr-layout-4-3 .tt-grid-item:nth-child(7n+7) .ttgr-height {
    padding-bottom: 60%;
}

.tt-grid.ttgr-layout-4-3.ttgr-portrait .ttgr-height,
.tt-grid.ttgr-layout-4-3.ttgr-portrait .tt-grid-item:nth-child(7n+5) .ttgr-height,
.tt-grid.ttgr-layout-4-3.ttgr-portrait .tt-grid-item:nth-child(7n+6) .ttgr-height,
.tt-grid.ttgr-layout-4-3.ttgr-portrait .tt-grid-item:nth-child(7n+7) .ttgr-height,
.tt-grid.ttgr-layout-4-3.ttgr-portrait-half .ttgr-height {
    padding-bottom: 140%;
}


/* layout-creative-1 */

@media (min-width: 768px) {
    .tt-grid.ttgr-layout-creative-1 .tt-grid-item:nth-of-type(6n+1),
    .tt-grid.ttgr-layout-creative-1 .tt-grid-item:nth-of-type(6n+5) {
        width: 60%;
    }
    .tt-grid.ttgr-layout-creative-1 .tt-grid-item:nth-of-type(6n+2),
    .tt-grid.ttgr-layout-creative-1 .tt-grid-item:nth-of-type(6n+4) {
        width: 40%;
        padding-top: 12vw;
    }
    .tt-grid.ttgr-layout-creative-1 .tt-grid-item:nth-child(3n+3) {
        width: 100%;
        padding: 0 14vw;
    }
    .tt-grid.ttgr-layout-creative-1:not(.ttgr-portrait):not(.ttgr-not-cropped) .tt-grid-item:nth-child(3n+3) .ttgr-height {
        padding-bottom: 55%;
    }
}


/* layout-creative-2 */

@media (min-width: 768px) {
    .tt-grid.ttgr-layout-creative-2 .tt-grid-item:nth-of-type(4n+1),
    .tt-grid.ttgr-layout-creative-2 .tt-grid-item:nth-of-type(4n+4) {
        width: 58%;
    }
    .tt-grid.ttgr-layout-creative-2 .tt-grid-item:nth-of-type(4n+2),
    .tt-grid.ttgr-layout-creative-2 .tt-grid-item:nth-of-type(4n+3) {
        width: 42%;
        padding-top: 9.8vw;
    }
    .tt-grid.ttgr-layout-creative-2 .tt-grid-item:last-child:nth-child(odd) {
        width: 100%;
        padding: 0 14vw;
    }
    .tt-grid.ttgr-layout-creative-2:not(.ttgr-portrait):not(.ttgr-not-cropped) .tt-grid-item:last-child:nth-child(odd) .ttgr-height {
        padding-bottom: 55%;
    }
}


/* tt-grid items shifted 
========================= */


/* Without layout class (one column) */

@media (min-width: 768px) {
    .tt-grid.ttgr-shifted:not([class*="ttgr-layout-"]) .tt-grid-item:nth-child(even) .ttgr-item-inner {
        margin-left: 20vw;
    }
    .tt-grid.ttgr-shifted:not([class*="ttgr-layout-"]) .tt-grid-item:nth-child(odd) .ttgr-item-inner {
        margin-right: 20vw;
    }
}


/* With layout 2 */

@media (min-width: 768px) {
    .tt-grid.ttgr-layout-2.ttgr-shifted .tt-grid-item:nth-child(2) .ttgr-item-inner {
        margin-top: 8vw;
    }
}


/* With layout 3 */

@media (min-width: 768px) {
    .tt-grid.ttgr-layout-3.ttgr-shifted .tt-grid-item:nth-child(2) .ttgr-item-inner {
        margin-top: 13vw;
    }
}

@media (min-width: 1200px) {
    .tt-grid.ttgr-layout-3.ttgr-shifted .tt-grid-item:nth-child(2) .ttgr-item-inner {
        margin-top: 8vw;
    }
}


/* With layout 4 */

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .tt-grid.ttgr-layout-4.ttgr-shifted .tt-grid-item:nth-child(2) .ttgr-item-inner {
        margin-top: 13vw;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1399px) {
    .tt-grid.ttgr-layout-4.ttgr-shifted .tt-grid-item:nth-child(2) .ttgr-item-inner {
        margin-top: 8vw;
    }
}

@media (min-width: 1400px) {
    .tt-grid.ttgr-layout-4.ttgr-shifted .tt-grid-item:nth-child(2) .ttgr-item-inner,
    .tt-grid.ttgr-layout-4.ttgr-shifted .tt-grid-item:nth-child(4) .ttgr-item-inner {
        margin-top: 6vw;
    }
}


/* tt-grid item gaps 
===================== */


/* Gap 1 */

.tt-grid.ttgr-gap-1,
.tt-grid.ttgr-gap-1 .tt-grid-top {
    margin-left: 0.2vw;
    margin-right: 0.2vw;
}

body.tt-boxed .tt-wrap .tt-grid.ttgr-gap-1 {
    margin-left: -0.2vw;
    margin-right: -0.2vw;
}

body:not(.tt-boxed) .tt-section-inner.tt-wrap .tt-grid.ttgr-gap-1 .tt-grid-top,
.tt-section-inner:not(.tt-wrap) .tt-grid.ttgr-gap-1 .tt-grid-top {
    padding-left: 3vw;
    padding-right: 3vw;
}

@media (min-width: 768px) {
    .tt-grid.ttgr-gap-1 .ttgr-item-inner {
        margin: 0 0.2vw 0.4vw 0.2vw;
    }
}

@media (max-width: 767px) {
    .tt-grid.ttgr-gap-1 .ttgr-item-inner {
        margin: 0 1vw 1vw 1vw;
    }
}


/* Gap 2 */

.tt-grid.ttgr-gap-2,
.tt-grid.ttgr-gap-2 .tt-grid-top {
    margin-left: 1vw;
    margin-right: 1vw;
}

body.tt-boxed .tt-wrap .tt-grid.ttgr-gap-2 {
    margin-left: -1vw;
    margin-right: -1vw;
}

body:not(.tt-boxed) .tt-section-inner.tt-wrap .tt-grid.ttgr-gap-2 .tt-grid-top,
.tt-section-inner:not(.tt-wrap) .tt-grid.ttgr-gap-2 .tt-grid-top {
    padding-left: 1.5vw;
    padding-right: 1.5vw;
}

.tt-grid.ttgr-gap-2 .ttgr-item-inner {
    margin: 0 1vw 2vw 1vw;
}


/* Gap 3 */

.tt-grid.ttgr-gap-3,
.tt-grid.ttgr-gap-3 .tt-grid-top {
    margin-left: 2vw;
    margin-right: 2vw;
}

body.tt-boxed .tt-wrap .tt-grid.ttgr-gap-3 {
    margin-left: -2vw;
    margin-right: -2vw;
}

.tt-grid.ttgr-gap-3 .ttgr-item-inner {
    margin: 0 2vw 4vw 2vw;
}


/* Gap 4 */

.tt-grid.ttgr-gap-4,
.tt-grid.ttgr-gap-4 .tt-grid-top {
    margin-left: 3vw;
    margin-right: 3vw;
}

body.tt-boxed .tt-wrap .tt-grid.ttgr-gap-4 {
    margin-left: -3vw;
    margin-right: -3vw;
}

@media (min-width: 768px) {
    .tt-grid.ttgr-gap-4 .ttgr-item-inner {
        margin: 0 3vw 6vw 3vw;
    }
}

@media (max-width: 767px) {
    .tt-grid.ttgr-gap-4 .ttgr-item-inner {
        margin: 0 1.5vw 5vw 1.5vw;
    }
}


/* Gap 5 */

.tt-grid.ttgr-gap-5,
.tt-grid.ttgr-gap-5 .tt-grid-top {
    margin-left: 4vw;
    margin-right: 4vw;
}

body.tt-boxed .tt-wrap .tt-grid.ttgr-gap-5 {
    margin-left: -4vw;
    margin-right: -4vw;
}

@media (min-width: 768px) {
    .tt-grid.ttgr-gap-5 .ttgr-item-inner {
        margin: 0 4vw 8vw 4vw;
    }
}

@media (max-width: 767px) {
    .tt-grid.ttgr-gap-5 .ttgr-item-inner {
        margin-bottom: 5vw;
    }
}


/* Gap 6 */

.tt-grid.ttgr-gap-6,
.tt-grid.ttgr-gap-6 .tt-grid-top {
    margin-left: 5vw;
    margin-right: 5vw;
}

body.tt-boxed .tt-wrap .tt-grid.ttgr-gap-6 {
    margin-left: -5vw;
    margin-right: -5vw;
}

@media (min-width: 768px) {
    .tt-grid.ttgr-gap-6 .ttgr-item-inner {
        margin: 0 5vw 10vw 5vw;
    }
}

@media (max-width: 767px) {
    .tt-grid.ttgr-gap-6 .ttgr-item-inner {
        margin-bottom: 6vw;
    }
}


/* tt-grid item image not cropped 
================================== */

.tt-grid.ttgr-not-cropped:not([class*="ttgr-layout-"]) .ttgr-height:not(.tt-gallery-video-wrap):not(.pgi-video-wrap),
.tt-grid.ttgr-layout-2.ttgr-not-cropped .ttgr-height:not(.tt-gallery-video-wrap):not(.pgi-video-wrap),
.tt-grid.ttgr-layout-3.ttgr-not-cropped .ttgr-height:not(.tt-gallery-video-wrap):not(.pgi-video-wrap),
.tt-grid.ttgr-layout-4.ttgr-not-cropped .ttgr-height:not(.tt-gallery-video-wrap):not(.pgi-video-wrap) {
    padding-bottom: 0 !important;
    line-height: 0 !important;
}

.tt-grid.ttgr-not-cropped:not([class*="ttgr-layout-"]) .ttgr-height img,
.tt-grid.ttgr-layout-2.ttgr-not-cropped .ttgr-height img,
.tt-grid.ttgr-layout-3.ttgr-not-cropped .ttgr-height img,
.tt-grid.ttgr-layout-4.ttgr-not-cropped .ttgr-height img {
    position: relative;
    top: unset;
    left: unset;
    width: 100%;
    height: auto;
    object-fit: unset;
    object-position: unset;
}


/* Video */

.tt-grid.ttgr-not-cropped:not([class*="ttgr-layout-"]) .ttgr-height.tt-gallery-video-wrap,
.tt-grid.ttgr-not-cropped:not([class*="ttgr-layout-"]) .ttgr-height.pgi-video-wrap {
    padding-bottom: 60%;
}

.tt-grid.ttgr-not-cropped:not([class*="ttgr-layout-"]) .ttgr-height.tt-gallery-video-wrap,
.tt-grid.ttgr-layout-2.ttgr-not-cropped .ttgr-height.tt-gallery-video-wrap,
.tt-grid.ttgr-layout-3.ttgr-not-cropped .ttgr-height.tt-gallery-video-wrap,
.tt-grid.ttgr-layout-4.ttgr-not-cropped .ttgr-height.tt-gallery-video-wrap,
.tt-grid.ttgr-not-cropped:not([class*="ttgr-layout-"]) .ttgr-height.pgi-video-wrap,
.tt-grid.ttgr-layout-2.ttgr-not-cropped .ttgr-height.pgi-video-wrap,
.tt-grid.ttgr-layout-3.ttgr-not-cropped .ttgr-height.pgi-video-wrap,
.tt-grid.ttgr-layout-4.ttgr-not-cropped .ttgr-height.pgi-video-wrap {
    padding-bottom: 0 !important;
    line-height: 0 !important;
}

.tt-grid.ttgr-not-cropped:not([class*="ttgr-layout-"]) .tt-gallery-video,
.tt-grid.ttgr-layout-2.ttgr-not-cropped .ttgr-height .tt-gallery-video,
.tt-grid.ttgr-layout-3.ttgr-not-cropped .ttgr-height .tt-gallery-video,
.tt-grid.ttgr-layout-4.ttgr-not-cropped .ttgr-height .tt-gallery-video {
    position: relative;
    top: unset;
    left: unset;
    width: 100%;
    height: auto;
    object-fit: unset;
    object-position: unset;
}


/* ------------------------------------------------------------- *
 * Portfolio grid
/* ------------------------------------------------------------- */

#portfolio-grid {
    position: relative;
}


/* Portfolio grid item */

.portfolio-grid-item {
    position: relative;
}


/* Portfolio grid item image 
============================= */

.pgi-image-wrap {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
    line-height: 1;
}

.pgi-image-holder {}

.pgi-image-inner {}

.pgi-image {
    position: relative;
}

.pgi-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}


/* video */

.pgi-video-wrap {
    position: relative;
}

video.pgi-video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* Portfolio grid item caption 
=============================== */

.pgi-caption {
    width: 100%;
    max-width: 1000px;
    padding: 20px 3% 0px 3%;
}

.tt-grid.ttgr-gap-3 .pgi-caption,
.tt-grid.ttgr-gap-4 .pgi-caption,
.tt-grid.ttgr-gap-5 .pgi-caption,
.tt-grid.ttgr-gap-6 .pgi-caption {
    padding-left: 0;
    padding-right: 0;
}

.pgi-caption-inner {}


/* Portfolio grid item title */

.pgi-title {
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: calc(19px + 1.5vw);
    font-weight: bold;
    font-weight: 600;
    color: #FFF;
    line-height: 1.5;
}

@media (max-width: 767px) {
    .pgi-title {
        font-size: calc(19px + 1.5vw);
    }
}


/* Portfolio grid item title hover (no effect if "pgi-cap-inside" enabled!) */

#portfolio-grid:not(.pgi-cap-inside) .pgi-title a {
    display: inline;
}

#portfolio-grid:not(.pgi-cap-inside) .pgi-title a {
    background-repeat: no-repeat;
    background-image: -o-linear-gradient(transparent calc(100% - 2px), currentColor 2px);
    background-image: linear-gradient(transparent calc(100% - 2px), currentColor 2px);
    background-image: -ms-linear-gradient(transparent 96%, currentColor 2px);
    transition: 0.5s cubic-bezier(.215, .61, .355, 1);
    background-size: 0 96%;
}

#portfolio-grid:not(.pgi-cap-inside) .pgi-title a:hover {
    background-size: 100% 96%;
}


/* Portfolio grid item categories */

.pgi-categories-wrap {
    position: relative;
    margin-top: 8px;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.2;
}

.pgi-category {
    position: relative;
    display: inline-block;
    font-size: calc(13px + 0.1vw);
    color: #FFF;
    opacity: .6;
}

.pgi-category~.pgi-category {
    margin-left: -4px;
}

.pgi-category~.pgi-category:not(:empty)::before {
    content: ", ";
}

.pgi-category~.pgi-category~.pgi-category~.pgi-category {
    visibility: hidden;
    width: 0;
}

.pgi-category~.pgi-category~.pgi-category~.pgi-category~.pgi-category {
    display: none;
}

.pgi-category+.pgi-category+.pgi-category+.pgi-category::before {
    content: "...";
    margin-left: 5px;
    visibility: visible;
}


/* Portfolio grid item caption sizes 
===================================== */

@media (min-width: 768px) {
    .ttgr-layout-2 .pgi-title,
    .ttgr-layout-1-2 .pgi-title,
    .ttgr-layout-2-1 .pgi-title,
    .ttgr-layout-creative-1 .pgi-title,
    .ttgr-layout-creative-2 .pgi-title {
        font-size: calc(19px + 0.4vw);
    }
    .ttgr-layout-3 .pgi-title,
    .ttgr-layout-2-3 .pgi-title,
    .ttgr-layout-3-2 .pgi-title {
        font-size: calc(19px + 0.2vw);
    }
    .ttgr-layout-4 .pgi-title,
    .ttgr-layout-3-4 .pgi-title,
    .ttgr-layout-4-3 .pgi-title {
        font-size: calc(19px + 0.1vw);
    }
    body.tt-boxed .tt-wrap .ttgr-layout-2 .pgi-title,
    body.tt-boxed .tt-wrap .ttgr-layout-1-2 .pgi-title,
    body.tt-boxed .tt-wrap .ttgr-layout-2-1 .pgi-title {
        font-size: calc(19px + 0.2vw);
    }
    body.tt-boxed .tt-wrap .ttgr-layout-3 .pgi-title,
    body.tt-boxed .tt-wrap .ttgr-layout-2-3 .pgi-title,
    body.tt-boxed .tt-wrap .ttgr-layout-3-2 .pgi-title {
        font-size: calc(19px + 0.1vw);
    }
    body.tt-boxed .tt-wrap .ttgr-layout-4 .pgi-title,
    body.tt-boxed .tt-wrap .ttgr-layout-3-4 .pgi-title,
    body.tt-boxed .tt-wrap .ttgr-layout-4-3 .pgi-title {
        font-size: calc(19px + 0.1vw);
    }
}


/* Portfolio grid item caption positions 
========================================= */


/* Position inside */

#portfolio-grid.pgi-cap-inside .pgi-caption {
    position: absolute;
    left: 0;
    bottom: 8%;
    padding: 0 8%;
    z-index: 2;
}

#portfolio-grid.pgi-cap-inside .pgi-category {
    opacity: 1;
}


/* Position center */

#portfolio-grid.pgi-cap-center .pgi-caption {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#portfolio-grid.pgi-cap-center .pgi-caption-inner {
    text-align: center;
}

#portfolio-grid.pgi-cap-inside.pgi-cap-center .pgi-caption {
    left: 50%;
    bottom: 50%;
    transform: translate(-50%, 50%) !important;
}


/* Portfolio grid item caption styles 
====================================== */


/* If light image used (effect only if "pgi-cap-inside" enabled) */

#portfolio-grid.pgi-cap-inside .pgi-image-is-light .pgi-title {
    color: #111;
}

#portfolio-grid.pgi-cap-inside .pgi-image-is-light .pgi-category {
    color: #111;
}

#portfolio-grid.pgi-cap-inside .pgi-image-is-light .pgi-image-holder[class*="cover-opacity-"]::before {
    display: none !important;
}


/* Portfolio grid item hover 
============================= */


/* Clip path (effect only with gaps) */

@media (min-width: 768px) {
    #portfolio-grid.pgi-hover [class*="ttgr-gap-"]:not(.ttgr-gap-1) .pgi-image-holder {
        clip-path: inset(0 0 0 0);
        overflow: hidden;
        transition: clip-path 0.8s cubic-bezier(0.07, 0.72, 0.29, 0.96);
    }
    #portfolio-grid.pgi-hover [class*="ttgr-gap-"]:not(.ttgr-gap-1) .pgi-image-wrap:hover .pgi-image-holder {
        clip-path: inset(3% 3% 3% 3%);
    }
    /* Image zoom */
    #portfolio-grid.pgi-hover .pgi-image {
        transition: all 1s cubic-bezier(.165, .84, .44, 1);
    }
    #portfolio-grid.pgi-hover .pgi-image-wrap:hover .pgi-image {
        transform: scale(1.05);
    }
}


/* Caption hover */

body:not(.is-mobile) #portfolio-grid.pgi-cap-inside.pgi-cap-hover .pgi-title {
    transform: translate3d(0, 15px, 0);
    transition: all 0.25s ease-out;
    transition-delay: 0.1s;
}

body:not(.is-mobile) #portfolio-grid.pgi-cap-inside.pgi-cap-hover .portfolio-grid-item:hover .pgi-title {
    transform: translate3d(0, 0, 0);
}

body:not(.is-mobile) #portfolio-grid.pgi-cap-inside.pgi-cap-hover .pgi-categories-wrap {
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 20px, 0);
    transition: all 0.25s ease-out;
    transition-delay: 0.1s;
}

body:not(.is-mobile) #portfolio-grid.pgi-cap-inside.pgi-cap-hover .portfolio-grid-item:hover .pgi-categories-wrap {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
}


/* ------------------------------------------------------------- *
 * Portfolio List
/* ------------------------------------------------------------- */

.portfolio-list {
    position: relative;
}


/* Portfolio list item 
======================= */

.portfolio-list-item {
    position: relative;
    display: block;
    margin-left: 35%;
    margin-right: 17%;
    margin-bottom: 12%;
}

.portfolio-list-item:last-child {
    margin-bottom: 0;
}

@media (max-width: 1024px) {
    .portfolio-list-item {
        margin-left: 32%;
        margin-right: 5%;
    }
}

@media (max-width: 768px) {
    .portfolio-list-item {
        margin-left: 5%;
        margin-right: 5%;
    }
}


/* Portfolio list item image */

.pli-image,
.pli-video {
    position: relative;
    z-index: 2;
}

.pli-image img {}

@media (max-width: 767px) {
    .pli-image[class*="cover-opacity-"]::before {
        display: none;
    }
}


/* Portfolio list item image cropped */

.portfolio-list.pli-cropped .pli-image img,
.pli-video video {
    width: 100%;
    height: 32vw;
    object-fit: cover;
    object-position: 50% 50%;
}

@media (max-width: 1024px) {
    .portfolio-list.pli-cropped .pli-image img,
    .pli-video video {
        height: 45vw;
    }
}

@media (max-width: 767px) {
    .portfolio-list.pli-cropped .pli-image img,
    .pli-video video {
        height: 60vw;
    }
}


/* Portfolio list item caption */

@media (min-width: 768px) {
    .pli-caption {
        position: absolute;
        left: -15%;
        bottom: 15%;
        width: 100%;
        max-width: 600px;
    }
    .pli-caption-front {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
        z-index: 3;
    }
    .pli-caption.pli-caption-back {
        z-index: 1;
        pointer-events: none;
    }
}

@media (max-width: 767px) {
    .pli-caption-front {
        margin-top: 20px;
    }
    .pli-caption.pli-caption-back {
        display: none;
    }
}

.pli-title {
    margin: 0;
    font-size: calc(16px + 3.5vw);
    font-weight: bold;
    font-weight: 600;
    color: #FFF;
    line-height: 1.2;
}

.pli-caption.pli-caption-front .pli-title {}

.pli-caption.pli-caption-back .pli-title {
    color: var(--tt-main-color);
}

.pli-categories-wrap {
    position: relative;
    margin-bottom: 24px;
}

@media (max-width: 767px) {
    .pli-categories-wrap {
        margin-bottom: 10px;
    }
}

.pli-category {
    position: relative;
    display: inline-block;
    font-size: calc(13px + 0.1vw);
    color: #FFF;
    line-height: 1.6;
}

@media (max-width: 767px) {
    .pli-category {
        color: #999;
    }
}

.pli-category~.pli-category {
    margin-left: -4px;
}

.pli-category~.pli-category:not(:empty)::before {
    content: ", ";
}

.pli-category~.pli-category~.pli-category~.pli-category {
    visibility: hidden;
    width: 0;
}

.pli-category~.pli-category~.pli-category~.pli-category~.pli-category {
    display: none;
}

.pli-category+.pli-category+.pli-category+.pli-category::before {
    content: "...";
    margin-left: 5px;
    visibility: visible;
}


/* Portfolio list item counter
=============================== */

.portfolio-list {
    counter-reset: pli-counter;
}

.pli-counter {
    position: absolute;
    top: 8%;
    left: -30%;
    pointer-events: none;
}

.pli-counter::before {
    counter-increment: pli-counter 1;
    content: "" counter(pli-counter, decimal-leading-zero);
    display: block;
    line-height: 1;
    font-size: calc(17px + 7vw);
    font-weight: 500;
    color: #FFF;
    opacity: 0.15;
    z-index: -1;
}

@media (max-width: 767px) {
    .tt-contact-info>li {
        padding: 3px 0;
        display: flex;
    }
    .portfolio-list-item::before {
        display: none;
    }
}


/* Portfolio list item hover
============================= */

@media (min-width: 768px) {
    .portfolio-list.pli-hover .pli-image,
    .portfolio-list.pli-hover .pli-video,
    .portfolio-list.pli-hover .pli-caption-front {
        transition: all 0.8s cubic-bezier(0.07, 0.72, 0.29, 0.96);
        clip-path: inset(0 0 0 0);
    }
    .portfolio-list.pli-hover .portfolio-list-item:hover .pli-image,
    .portfolio-list.pli-hover .portfolio-list-item:hover .pli-video,
    .portfolio-list.pli-hover .portfolio-list-item:hover .pli-caption-front {
        clip-path: inset(3% 3% 3% 3%);
    }
    /* Image zoom */
    .portfolio-list.pli-hover .pli-image-hover-zoom {
        transition: all 1s cubic-bezier(0.07, 0.72, 0.29, 0.96);
    }
    .portfolio-list.pli-hover .portfolio-list-item:hover .pli-image-hover-zoom {
        transform: scale(1.05);
    }
}


/* Portfolio list alternative layout
===================================== */

@media (min-width: 1025px) {
    .portfolio-list.pl-alter .portfolio-list-item:nth-child(even) {
        margin-left: 35%;
        margin-right: 17%;
    }
    .portfolio-list.pl-alter .portfolio-list-item:nth-child(odd) {
        margin-left: 17%;
        margin-right: 35%;
    }
}

@media (max-width: 1024px) {
    .portfolio-list.pl-alter .portfolio-list-item:nth-child(even) {
        margin-left: 30%;
        margin-right: 5%;
    }
    .portfolio-list.pl-alter .portfolio-list-item:nth-child(odd) {
        margin-left: 5%;
        margin-right: 30%;
    }
}

@media (max-width: 767px) {
    .portfolio-list.pl-alter .portfolio-list-item:nth-child(even),
    .portfolio-list.pl-alter .portfolio-list-item:nth-child(odd) {
        margin-left: 5%;
        margin-right: 5%;
    }
}

@media (min-width: 768px) {
    .portfolio-list.pl-alter .portfolio-list-item:nth-child(odd) .pli-caption {
        left: 85%;
    }
    .portfolio-list.pl-alter .portfolio-list-item:nth-child(odd) .pli-counter {
        left: auto;
        right: -30%;
    }
}


/* If portfolio list item image is light
========================================= */

@media (min-width: 768px) {
    .portfolio-list-item.pli-image-is-light .pli-image[class*="cover-opacity-"]::before {
        display: none;
    }
    .portfolio-list-item.pli-image-is-light .pli-caption-front .pli-title {
        color: #111;
    }
    .portfolio-list-item.pli-image-is-light .pli-caption-front .pli-category {
        color: #111;
    }
}


/* ------------------------------------------------------------- *
 * Portfolio interactive
/* ------------------------------------------------------------- */

.portfolio-interactive {
    position: relative;
    padding-left: 10%;
    padding-right: 10%;
}

body.tt-boxed .tt-wrap .portfolio-interactive {
    padding-left: 3%;
    padding-right: 3%;
}

@media (max-width: 1024px) {
    .portfolio-interactive {
        padding-left: 5%;
        padding-right: 5%;
    }
}


/* Portfolio interactive list 
============================== */

.portfolio-interactive-list {}


/* Portfolio interactive item */

.portfolio-interactive-item {
    position: relative;
}

.portfolio-interactive-item.pi-item-hover {
    z-index: 9;
}


/* Portfolio interactive item category */

.pi-item-category-wrap {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1;
    overflow: hidden;
    z-index: 1;
    opacity: .6;
    transition: opacity 0.3s ease;
}

.pi-item-category {
    position: relative;
    display: inline-block;
    margin: 0;
    font-size: calc(13px + 0.1vw);
    font-weight: normal;
    color: #FFF;
    line-height: 1.4;
    transition: transform .6s cubic-bezier(0.51, 0.57, 0.17, 1);
}

.pi-item-category~.pi-item-category {
    margin-left: -4px;
}

.pi-item-category~.pi-item-category {
    visibility: hidden;
}

.pi-item-category+.pi-item-category:not(:empty)::before {
    content: "...";
    margin-left: 2px;
    visibility: visible;
}

.pi-item-category~.pi-item-category~.pi-item-category {
    display: none;
}


/* Portfolio interactive item link */

.pi-item-title-link {
    position: relative;
    display: inline-grid;
    align-items: center;
    padding-top: 24px;
    padding-bottom: 24px;
    text-decoration: none;
}

.pi-item-title-link-inner {
    position: relative;
    max-width: 900px;
    overflow: hidden;
}


/* Portfolio interactive item counter */

.portfolio-interactive {
    counter-reset: pi-item-counter;
}

.pi-item-title-link::before {
    position: absolute;
    counter-increment: pi-item-counter;
    content: "" counter(pi-item-counter, decimal-leading-zero);
    top: 10px;
    right: -20px;
    line-height: 1;
    font-size: calc(12px + 0.3vw);
    font-weight: 300;
    color: #FFF;
    opacity: .6;
    z-index: 2;
}

@media (max-width: 1024px) {
    .pi-item-title-link::before {
        right: 0;
    }
}


/* Portfolio interactive item title */

.pi-item-title,
.pi-item-hover-title {
    display: block;
    margin: 0;
    padding: 0;
    font-size: clamp(28px, 5vw, 69px);
    font-weight: 600;
    color: #EEE;
    line-height: 1.2;
    transform: translate3d(0, 0, 0);
    transition: transform 0.4s cubic-bezier(0.51, 0.57, 0.17, 1), opacity 0.4s ease;
    /* Ellipsis */
    overflow: hidden;
    text-overflow: ellipsis;
}

.pi-item-title {
    position: relative;
}

.pi-item-hover-title {
    position: absolute;
    left: 0;
    max-width: 100%;
    color: #FFF;
    opacity: 1;
}


/* Portfolio interactive item hover */

.pi-item-title,
.pi-item-hover-title {
    white-space: nowrap;
}

.portfolio-interactive.hovered .pi-item-title {
    opacity: .5;
}

.portfolio-interactive.hovered .pi-item-category-wrap,
.portfolio-interactive.hovered .pi-item-title-link::before {
    opacity: .3;
}

.pi-item-title-link:hover .pi-item-category-wrap {
    opacity: .9;
}

.pi-item-title-link:hover .pi-item-title {
    transform: translate3d(0, -100%, 0);
}

.pi-item-title-link:hover .pi-item-hover-title {
    transform: translate3d(0, -100%, 0);
}

.portfolio-interactive.hovered .pi-item-title-link:hover::before {
    opacity: .7;
}


/* Portfolio interactive images
================================ */

.pi-item-image {
    position: absolute;
    display: block;
    top: 50%;
    left: 30%;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transform: translate3d(0, -50%, 0);
    transition: all .3s ease-out;
}

.portfolio-interactive-item.pi-item-hover .pi-item-image {
    opacity: 1;
    visibility: visible;
    transition-delay: .1s;
}

.pi-item-image-inner {
    position: relative;
    width: 500px;
    padding-bottom: 70%;
    background-color: #121212;
    line-height: 0;
    transform: translate3d(0, 30px, 0) rotate(0deg) scale(.95);
    transition: transform .3s ease-out;
}

@media (max-width: 992px) {
    .pi-item-image-inner {
        width: 300px;
    }
}

.portfolio-interactive-item.pi-item-hover .pi-item-image-inner {
    transform: translate3d(0, 0, 0) rotate(6deg) scale(1);
    transition-delay: .1s;
}

.pi-item-image img,
.pi-item-image video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .9;
}

video.pi-item-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* Portfolio interactive styles 
================================ */


/* Style stroke (no effect on small screens) */

@media (min-width: 1025px) {
    .portfolio-interactive.pi-stroke .pi-item-title {
        font-weight: bold;
        font-weight: 700;
        -webkit-text-stroke-width: 2px;
        -webkit-text-stroke-color: #EEE;
        -webkit-text-fill-color: transparent;
    }
    body.is-firefox .portfolio-interactive.pi-stroke .pi-item-title {
        -webkit-text-stroke-width: 2px;
    }
}


/* Style inline */

@media (min-width: 768px) {
    .portfolio-interactive.pi-inline .portfolio-interactive-list::after {
        content: "";
        display: table;
        clear: both;
    }
    .portfolio-interactive.pi-inline .portfolio-interactive-item {
        float: left;
    }
    .portfolio-interactive.pi-inline .portfolio-interactive-item:last-child {
        margin-right: 0;
    }
    .portfolio-interactive.pi-inline .pi-item-title-link {
        padding: 25px 50px 40px 0;
    }
    .portfolio-interactive.pi-inline .pi-item-title-link-inner {
        max-width: 600px;
    }
    .portfolio-interactive.pi-inline .pi-item-title-link::after {
        position: absolute;
        content: "/";
        top: 47%;
        right: 15px;
        line-height: 1;
        font-size: calc(12px + 1.3vw);
        font-weight: 500;
        color: #FFF;
        opacity: .5;
        z-index: 2;
        transform: translate3d(0, -50%, 0);
    }
    .portfolio-interactive.pi-inline.pi-center .pi-item-title-link::after {
        top: 65%;
        font-size: calc(12px + 2.3vw);
    }
    .portfolio-interactive.pi-inline .pi-item-title,
    .portfolio-interactive.pi-inline .pi-item-hover-title {
        font-size: clamp(28px, 3vw, 48px);
        font-weight: 600;
    }
    .portfolio-interactive.pi-inline .pi-item-title-link::before {
        top: 8px;
        right: 55px;
        font-size: calc(11px + 0.2vw);
    }
    .portfolio-interactive.pi-inline .pi-item-category {
        font-size: calc(11px + 0.1vw);
    }
    @media (max-width: 1200px) {
        .portfolio-interactive.pi-inline .pi-item-title-link {
            padding: 25px 40px 30px 0;
        }
        .portfolio-interactive.pi-inline .pi-item-title-link::before {
            right: 45px;
        }
    }
    .portfolio-interactive.pi-inline .pi-item-image-inner {
        width: 400px;
    }
    @media (max-width: 992px) {
        .portfolio-interactive.pi-inline .pi-item-image-inner {
            width: 300px;
        }
    }
}


/* Style center */

.portfolio-interactive.pi-center .portfolio-interactive-list {
    text-align: center;
}

.portfolio-interactive.pi-center:not(.pi-stroke) .pi-item-title {}

.portfolio-interactive.pi-center .pi-item-title-link {
    padding-bottom: 0;
}

.portfolio-interactive.pi-center .pi-item-title-link::before {
    display: none;
}

.portfolio-interactive.pi-center .pi-item-title-link-inner {
    max-width: 100%;
}

.portfolio-interactive.pi-center .pi-item-category-wrap {
    left: 50%;
    opacity: 0 !important;
    overflow: hidden;
    transform: translateX(-50%);
}

.portfolio-interactive.pi-center .pi-item-title-link:hover .pi-item-category-wrap {
    opacity: 1 !important;
}

.portfolio-interactive.pi-center .pi-item-category {
    transform: translate3d(0, 100%, 0);
}

.portfolio-interactive.pi-center .pi-item-title-link:hover .pi-item-category {
    transform: translate3d(0, 0, 0);
}

.portfolio-interactive.pi-center .pi-item-image {
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
}


/* Portfolio interactive stand-alone 
=====================================
Note: class "pi-full" is for use only if the portfolio interactive section is a stand-alone element of the page (no "page-header", no other sections). 
Also, the top and bottom padding must be removed from the "tt-section" (use the "no-padding" class)!
*/

body:not(.page-header-on) .portfolio-interactive.pi-full {
    display: table;
    width: 100%;
    padding-top: 200px;
    padding-bottom: 200px;
}

body:not(.page-header-on) .portfolio-interactive.pi-full .pi-inner {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

body:not(.page-header-on) .portfolio-interactive.pi-full {
    min-height: 100vh;
}

@media (max-width: 1024px) {
    body:not(.page-header-on) .portfolio-interactive.pi-full {
        min-height: calc(100vh - 25vh);
        padding-bottom: 40px;
    }
    body:not(.page-header-on) .portfolio-interactive.pi-full .portfolio-interactive-list {
        padding-bottom: 0;
    }
}


/* Portfolio interactive ghost */

.portfolio-interactive-ghost {
    display: none;
}

body.pi-full-on:not(.page-header-on) .portfolio-interactive-ghost {
    position: fixed;
    display: block;
    bottom: 0;
    left: 0;
    font-size: 22.5vw;
    font-weight: bold;
    font-weight: 600;
    color: #FFF;
    line-height: .7;
    opacity: .07;
    z-index: -1;
}

@media (max-width: 767px) {
    body:not(.page-header-on) .portfolio-interactive-ghost,
    body:not(.page-header-on).pi-inline-on .portfolio-interactive-ghost {
        top: 15%;
        bottom: auto;
    }
}


/* Footer position fixed */

@media (min-width: 1025px) {
    body.pi-full-on #tt-footer {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        pointer-events: none;
    }
    body.pi-full-on #tt-footer a {
        pointer-events: initial;
    }
}


/* ------------------------------------------------------------- *
 * Portfolio slider (full screen)
/* ------------------------------------------------------------- */

.tt-portfolio-slider {
    position: relative;
    width: 100%;
    background-color: var(--tt-main-bg-color);
}

.tt-portfolio-slider .swiper {
    height: 100vh;
}


/* Portfolio slider slide */

.tt-portfolio-slider .swiper-slide {
    position: relative;
    overflow: hidden;
    background-color: #000;
}


/* Portfolio slider item 
========================= */

.tt-portfolio-slider-item {
    position: relative;
    height: 100%;
}

img.tt-psi-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}


/* Slide opasity cover (for prev/next slides) */

.tt-portfolio-slider-item::after {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    background-color: #000;
    transition: 0.5s ease-in-out;
}

.swiper-slide-prev .tt-portfolio-slider-item::after,
.swiper-slide-next .tt-portfolio-slider-item::after {
    opacity: .7;
    visibility: visible;
}


/* Portfolio slider caption 
============================ */

.tt-portfolio-slider-caption {
    position: absolute;
    top: 60%;
    left: 0;
    width: auto;
    max-width: 1000px;
    margin: 0px 2% 0 15%;
    color: #FFF;
    z-index: 998;
    pointer-events: none;
    transform: translate3d(0, -50%, 0);
}

@media (max-width: 767px) {
    .tt-portfolio-slider-caption {
        margin-left: 10%;
    }
}

.tt-ps-caption-inner {}

.tt-portfolio-slider-caption a {
    pointer-events: initial;
}


/* Portfolio slider caption title */

.tt-ps-caption-title {
    margin: 0;
    font-size: clamp(48px, 5vw, 82px);
    font-weight: bold;
    font-weight: 600;
    line-height: 1;
}

.tt-ps-caption-title a {
    display: inline;
    color: #FFF;
    font-weight: 300;
    font-size: 100%;
    line-height: 1;
}


/* Portfolio slider caption title hover if the magic cursor is not enabled */

body:not(.tt-magic-cursor) .tt-ps-caption-title a {
    background-repeat: no-repeat;
    background-image: -o-linear-gradient(transparent calc(100% - 3px), currentColor 3px);
    background-image: linear-gradient(transparent calc(100% - 3px), currentColor 3px);
    background-image: -ms-linear-gradient(transparent 96%, currentColor 3px);
    transition: 0.6s cubic-bezier(.215, .61, .355, 1);
    background-size: 0 96%;
}

body:not(.tt-magic-cursor) .tt-ps-caption-title a:hover {
    background-size: 100% 96%;
    color: currentColor;
}


/* Portfolio slider caption category */

.tt-ps-caption-category {
    margin: 0 0 24px 0;
    font-size: calc(13px + 0.2vw);
    font-weight: 500;
}


/* Portfolio slider caption position 
===================================== */


/* Position center */

.tt-portfolio-slider-caption.psc-center {
    top: 50%;
    left: 50%;
    width: 90%;
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    transform: translate(-50%, -50%);
}


/* Portfolio slider caption styles 
=================================== */


/* Style stroke */

.tt-portfolio-slider-caption.psc-stroke .tt-ps-caption-title {
    font-weight: bold;
    font-weight: 700;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #FFF;
    -webkit-text-fill-color: transparent;
}

@media (max-width: 1200px) {
    .tt-portfolio-slider-caption.psc-stroke .tt-ps-caption-title {
        -webkit-text-stroke-width: 1px;
    }
}

@media (max-width: 991px) {
    .tt-portfolio-slider-caption.psc-stroke .tt-ps-caption-title {
        -webkit-text-stroke-width: 1px;
    }
}


/* Portfolio slider navigation 
=============================== */

.tt-portfolio-slider-navigation {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 26px;
    left: 50%;
    width: 340px;
    height: 60px;
    z-index: 1;
    transform: translate3d(-50%, 0, 0);
}

@media (max-width: 767px) {
    .tt-portfolio-slider-navigation {
        width: 90%;
    }
}

.tt-ps-nav-prev,
.tt-ps-nav-next {
    position: absolute;
    top: 0;
    z-index: 20;
}

.tt-ps-nav-prev {
    left: 0;
}

.tt-ps-nav-next {
    right: 0;
}

.tt-ps-nav-arrow {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    font-size: 20px;
    color: #FFF;
    cursor: pointer;
    outline: none;
}

body:not(.tt-magic-cursor) .tt-ps-nav-arrow:hover {
    opacity: .5;
}

.tt-ps-nav-arrow.tt-ps-nav-arrow-disabled {
    /* opacity: .5; */
    cursor: auto;
    pointer-events: none;
}

.tt-portfolio-slider .swiper-button-lock {
    display: none;
}


/* Portfolio slider pagination 
=============================== */

.tt-ps-nav-pagination {}

.tt-portfolio-slider .swiper-pagination-lock {
    display: none;
}


/* Portfolio slider pagination bullets */

.tt-ps-nav-pagination-bullets {
    font-size: 0;
}

.tt-ps-nav-pagination-bullets .swiper-pagination-bullet {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: transparent;
    margin: 8px;
    opacity: 1;
    border-radius: 100%;
    border: 2px solid #fff;
}

.tt-ps-nav-pagination-bullets .swiper-pagination-bullet-active {
    background: #FFF;
    opacity: 1;
}


/* Portfolio slider pagination dynamic bullets */

.tt-ps-nav-pagination-bullets-dynamic {
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
}

.tt-ps-nav-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative;
    transition: .2s transform, .2s left;
}

.tt-ps-nav-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66);
}

.tt-ps-nav-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33);
}

.tt-ps-nav-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66);
}

.tt-ps-nav-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33);
}

.tt-ps-nav-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}


/* Portfolio slider pagination fraction */

.tt-ps-nav-pagination-fraction {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    color: #FFF;
    line-height: 1;
}

.tt-ps-nav-pagination-fraction .swiper-pagination-current {
    position: relative;
    top: -4px;
}

.tt-ps-nav-pagination-fraction .swiper-pagination-total {
    position: relative;
    bottom: -4px;
}


/* Portfolio slider pagination progressbar */

.tt-ps-nav-pagination-progressbar {
    position: absolute;
    left: 90px;
    right: 90px;
    width: auto;
    max-width: 100%;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.3);
}

.tt-ps-nav-pagination-progressbar .swiper-pagination-progressbar-fill {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    transform: scale(0);
    transform-origin: left top;
}


/* ------------------------------------------------------------- *
 * Portfolio carousel
/* ------------------------------------------------------------- */

.tt-portfolio-carousel {
    position: relative;
}

.tt-portfolio-carousel .swiper-wrapper {
    position: relative;
}

.tt-portfolio-carousel .swiper-wrapper.swtr-smooth {
    /* Add transition when windows resize or orientation change */
    transition: transform 0.8s !important;
}

.tt-portfolio-carousel .swiper-slide {
    display: flex;
    align-items: center;
    height: 100vh;
    overflow: visible;
}

@media (min-width: 1025px) {
    .tt-portfolio-carousel .swiper-slide {
        width: auto;
    }
}

@media (max-width: 1024px) {
    .tt-portfolio-carousel .swiper-slide {
        height: calc(100vh - 60px);
    }
}


/* Portfolio carousel item
=========================== */

.tt-portfolio-carousel-item {
    position: relative;
    display: flex;
    line-height: 0;
}

@media (min-width: 1025px) {
    .tt-portfolio-carousel-item {
        margin-left: 7vw;
        margin-right: 7vw;
    }
}

.tt-pci-image-wrap {
    position: relative;
    width: 100%;
    z-index: 2;
    overflow: hidden;
}

.tt-pci-image,
.tt-portfolio-carousel-item .tt-pci-video {
    position: relative;
}

video.tt-pci-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (min-width: 1025px) {
    .tt-pci-image,
    .tt-portfolio-carousel-item .tt-pci-video {
        height: 30vw;
    }
    .tt-pci-image {
        width: auto;
    }
    .tt-portfolio-carousel-item .tt-pci-video {
        width: 48vw;
    }
}

@media (max-width: 1024px) {
    .tt-portfolio-carousel-item,
    .tt-pci-inner {
        width: 100%;
    }
    .tt-pci-image,
    .tt-portfolio-carousel-item .tt-pci-video {
        width: 100%;
        height: 60vw;
        object-fit: cover;
        object-position: 50% 50%;
    }
}


/* Portfolio carousel item hover 
================================= */

@media (min-width: 1025px) {
    .pci-hover .tt-slide-active .tt-portfolio-carousel-item .tt-pci-image-wrap,
    .pci-hover .tt-slide-active .tt-portfolio-carousel-item .tt-pci-caption-front {
        clip-path: inset(0 0 0 0);
        transition: all 0.8s cubic-bezier(0.07, 0.72, 0.29, 0.96);
    }
    .pci-hover .tt-slide-active .tt-portfolio-carousel-item:hover .tt-pci-image-wrap,
    .pci-hover .tt-slide-active .tt-portfolio-carousel-item:hover .tt-pci-caption-front {
        clip-path: inset(3% 3% 3% 3%);
    }
    .pci-hover .tt-slide-active-start .tt-portfolio-carousel-item:hover .tt-pci-image-wrap,
    .pci-hover .tt-slide-active-start .tt-portfolio-carousel-item:hover .tt-pci-caption-front {
        clip-path: inset(0 0 0 0);
    }
    .pci-hover .tt-pci-image {
        transition: all 1s cubic-bezier(0.07, 0.72, 0.29, 0.96);
    }
    .pci-hover .tt-portfolio-carousel-item:hover .tt-pci-image {
        transform: scale(1.05);
    }
}


/* Slide disabled (for non active slides)
================== */

.tt-portfolio-carousel-item {
    transition: all 0.5s ease-in-out;
}

.swiper-slide.tt-pcs-disabled .tt-portfolio-carousel-item {
    cursor: auto;
    pointer-events: none;
    opacity: .3;
    transform: scale(0.9);
}


/* Portfolio carousel item caption 
=================================== */

.tt-pci-caption {
    position: absolute;
    bottom: 15%;
    width: 100%;
}

.tt-pci-caption-inner {
    position: relative;
}

.tt-pci-title {
    margin: 0;
    font-size: calc(16px + 2.8vw);
    font-weight: bold;
    font-weight: 600;
    color: #FFF;
    line-height: 1.2;
}

.tt-pci-categories {
    position: relative;
    margin-bottom: 20px;
}

.tt-pci-category {
    position: relative;
    display: inline-block;
    margin-left: 3px;
    font-size: calc(13px + 0.1vw);
    color: #FFF;
    line-height: 1.2;
}

.tt-pci-category~.tt-pci-category {
    margin-left: -4px;
}

.tt-pci-category~.tt-pci-category:not(:empty)::before {
    content: ", ";
}

.tt-pci-category~.tt-pci-category~.tt-pci-category~.tt-pci-category {
    visibility: hidden;
    width: 0;
}

.tt-pci-category~.tt-pci-category~.tt-pci-category~.tt-pci-category~.tt-pci-category {
    display: none;
}

.tt-pci-category+.tt-pci-category+.tt-pci-category+.tt-pci-category::before {
    content: "...";
    margin-left: 5px;
    visibility: visible;
}

@media (min-width: 1025px) {
    .tt-pci-caption {
        left: 0;
        transform: translate3d(-100px, 0, 0);
    }
    .tt-pci-caption-front {
        position: absolute;
        top: 0;
        left: -1px;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        z-index: 3;
        overflow: hidden;
    }
    .tt-pci-caption-back {
        left: -1px;
        z-index: 1;
    }
    .tt-pci-caption-back .tt-pci-title {
        color: var(--tt-main-color);
    }
}

@media (max-width: 1024px) {
    .tt-pci-caption {
        left: 5%;
        right: 5%;
        padding-left: 15px;
        padding-right: 15px;
        z-index: 9;
    }
    .tt-pci-caption-back {
        display: none;
    }
    .tt-pci-categories {
        margin-bottom: 20px;
    }
}


/* Portfolio carousel caption animation 
======================================== */

.swiper-slide .tt-pci-caption-inner,
.swiper-slide .tt-pci-categories {
    opacity: 0;
    visibility: hidden;
    transition: 1s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.swiper-slide.swiper-slide-prev .tt-pci-caption-inner,
.swiper-slide.swiper-slide-next .tt-pci-caption-inner,
.swiper-slide.swiper-slide-prev .tt-pci-categories,
.swiper-slide.swiper-slide-next .tt-pci-categories {
    transition: all 0.3s ease-out;
}

.swiper-slide.swiper-slide-active .tt-pci-caption-inner,
.swiper-slide.swiper-slide-active .tt-pci-categories {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
}


/* Offset */

.swiper-slide.swiper-slide-prev .tt-pci-caption-inner {
    transform: translate3d(-100px, 0, 0) scaleX(1.3);
    transform-origin: right;
}

.swiper-slide.swiper-slide-next .tt-pci-caption-inner {
    transform: translate3d(100px, 0, 0) scaleX(1.3);
    transform-origin: left;
}

.swiper-slide.swiper-slide-prev .tt-pci-categories {
    transform: translate3d(-30px, 0, 0) scaleX(1.1);
    transform-origin: left;
}

.swiper-slide.swiper-slide-next .tt-pci-categories {
    transform: translate3d(30px, 0, 0) scaleX(1.1);
    transform-origin: left;
}


/* Delay */

.swiper-slide.swiper-slide-active .tt-pci-caption-inner {
    transition-delay: 0.6s;
}

.swiper-slide.swiper-slide-active .tt-pci-categories {
    transition-delay: 0.7s;
}


/* Portfolio carousel caption styles
===================================== */


/* Style stroke */

@media (min-width: 1025px) {
    .pci-caption-stroke .tt-pci-caption-back .tt-pci-title {
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #FFF;
        -webkit-text-fill-color: transparent;
    }
    .pci-caption-stroke .tt-pci-title {
        font-weight: bold;
        font-weight: 700;
    }
    /* If Firefox */
    body.is-firefox .pci-caption-stroke .tt-pci-caption-back .tt-pci-title {
        -webkit-text-stroke-width: 2px;
    }
}


/* If item background image is light */

@media (min-width: 1025px) {
    .pci-image-is-light .tt-pci-caption-front .tt-pci-title {
        color: #111;
    }
    .pci-image-is-light .tt-pci-caption-front .tt-pci-category {
        color: #111;
    }
    .pci-image-is-light .tt-pci-image-wrap[class*="cover-opacity-"]::before {
        display: none !important;
    }
}


/* Portfolio carousel navigation 
================================= */

.tt-pc-navigation {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 26px;
    left: 50%;
    width: 340px;
    height: 60px;
    z-index: 1;
    transform: translate3d(-50%, 0, 0);
}

@media (max-width: 767px) {
    .tt-pc-navigation {
        width: 90%;
    }
}

.tt-pc-nav-prev,
.tt-pc-nav-next {
    position: absolute;
    top: 0;
    z-index: 20;
}

.tt-pc-nav-prev {
    left: 0;
}

.tt-pc-nav-next {
    right: 0;
}

.tt-pc-arrow {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    font-size: 18px;
    color: #FFF;
    cursor: pointer;
    outline: none;
}

.tt-pc-arrow.tt-pc-arrow-disabled {
    cursor: auto;
    pointer-events: none;
}

.tt-portfolio-carousel .swiper-button-lock {
    display: none;
}


/* Portfolio carousel pagination 
================================= */

.tt-pc-pagination {}

.tt-portfolio-carousel .swiper-pagination-lock {
    display: none;
}


/* Portfolio carousel pagination bullets */

.tt-pc-pagination-bullets {
    font-size: 0;
}

.tt-pc-pagination-bullets .swiper-pagination-bullet {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: transparent;
    margin: 8px;
    opacity: 1;
    border-radius: 100%;
    border: 2px solid #fff;
}

.tt-pc-pagination-bullets .swiper-pagination-bullet-active {
    background: var(--tt-main-color) !important;
    border-color: var(--tt-main-color) !important;
    opacity: 1;
}


/* Portfolio carousel pagination dynamic bullets */

.tt-pc-pagination-bullets-dynamic {
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
}

.tt-pc-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative;
    transition: .2s transform, .2s left;
}

.tt-pc-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66);
}

.tt-pc-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33);
}

.tt-pc-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66);
}

.tt-pc-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33);
}

.tt-pc-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}


/* Portfolio carousel pagination fraction */

.tt-pc-pagination-fraction {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    color: #FFF;
    line-height: 1;
}

.tt-pc-pagination-fraction .swiper-pagination-current {
    position: relative;
    top: -4px;
}

.tt-pc-pagination-fraction .swiper-pagination-total {
    position: relative;
    bottom: -4px;
}


/* Portfolio carousel pagination progressbar */

.tt-pc-pagination-progressbar {
    position: absolute;
    left: 90px;
    right: 90px;
    width: auto;
    max-width: 100%;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.3);
}

.tt-pc-pagination-progressbar .swiper-pagination-progressbar-fill {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    transform: scale(0);
    transform-origin: left top;
}


/* ------------------------------------------------------------- *
 * tt-Gallery
/* ------------------------------------------------------------- */

.tt-gallery {
    position: relative;
}


/* tt-Gallery item 
=================== */

.tt-gallery-item {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
}


/* tt-Gallery image */

.tt-gallery-image-wrap {}

.tt-gallery-image {
    position: relative;
}

.tt-gallery-image img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}


/* Image parallax and hover zoom pseudo wraps (added by .js) */

.tt-grid:not(.ttgr-not-cropped) .tt-gallery-image .anim-image-parallax-wrap,
.tt-grid:not(.ttgr-not-cropped) .tt-gallery-image .anim-image-parallax-inner,
.tt-grid:not(.ttgr-not-cropped) .tt-gallery-image .tt-gallery-image-hover-zoom,
.tt-grid[class*="ttgr-layout-creative-"].ttgr-not-cropped .tt-gallery-image .tt-gallery-image-hover-zoom,
.tt-grid[class*="ttgr-layout-1-"].ttgr-not-cropped .tt-gallery-image .anim-image-parallax-wrap,
.tt-grid[class*="ttgr-layout-1-"].ttgr-not-cropped .tt-gallery-image .anim-image-parallax-inner,
.tt-grid[class*="ttgr-layout-1-"].ttgr-not-cropped .tt-gallery-image .tt-gallery-image-hover-zoom,
.tt-grid[class*="ttgr-layout-2-"].ttgr-not-cropped .tt-gallery-image .anim-image-parallax-wrap,
.tt-grid[class*="ttgr-layout-2-"].ttgr-not-cropped .tt-gallery-image .anim-image-parallax-inner,
.tt-grid[class*="ttgr-layout-2-"].ttgr-not-cropped .tt-gallery-image .tt-gallery-image-hover-zoom,
.tt-grid[class*="ttgr-layout-3-"].ttgr-not-cropped .tt-gallery-image .anim-image-parallax-wrap,
.tt-grid[class*="ttgr-layout-3-"].ttgr-not-cropped .tt-gallery-image .anim-image-parallax-inner,
.tt-grid[class*="ttgr-layout-3-"].ttgr-not-cropped .tt-gallery-image .tt-gallery-image-hover-zoom,
.tt-grid[class*="ttgr-layout-4-"].ttgr-not-cropped .tt-gallery-image .anim-image-parallax-wrap,
.tt-grid[class*="ttgr-layout-4-"].ttgr-not-cropped .tt-gallery-image .anim-image-parallax-inner,
.tt-grid[class*="ttgr-layout-4-"].ttgr-not-cropped .tt-gallery-image .tt-gallery-image-hover-zoom,
.tt-grid .tt-gallery-video-wrap .anim-image-parallax-wrap,
.tt-grid .tt-gallery-video-wrap .anim-image-parallax-inner,
.tt-grid .tt-gallery-video-wrap .tt-gallery-image-hover-zoom {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}


/* tt-Gallery video */

.tt-gallery-video-wrap {
    position: relative;
}

.tt-gallery-video-wrap::before {
    position: absolute;
    bottom: 5%;
    right: 5%;
    font-size: 19px;
    color: #FFF;
    z-index: 2;
    opacity: .3;
    /* Font Awesome */
    content: "\f03d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.tt-gallery-video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}


/* tt-Gallery item hover 
========================= */

@media (min-width: 768px) {
    /* Clip path (effect only with gaps) */
    .tt-gallery.ttga-hover [class*="ttgr-gap-"]:not(.ttgr-gap-1) .tt-gallery-item-inner {
        clip-path: inset(0 0 0 0);
        overflow: hidden;
        transition: clip-path 0.8s cubic-bezier(0.07, 0.72, 0.29, 0.96);
    }
    .tt-gallery.ttga-hover [class*="ttgr-gap-"]:not(.ttgr-gap-1) .tt-gallery-item:hover .tt-gallery-item-inner {
        clip-path: inset(3% 3% 3% 3%);
    }
    /* Image zoom (".tt-gallery-image-hover-zoom" is added by .js) */
    .tt-gallery.ttga-hover .tt-gallery-image-hover-zoom {
        transition: all 1s cubic-bezier(.165, .84, .44, 1);
    }
    .tt-gallery.ttga-hover .tt-gallery-item:hover .tt-gallery-image-hover-zoom {
        transform: scale(1.05);
    }
}


/* ----------------------------------------------------------------------- *
 * Lightgallery (lightbox plugin)
 * More info: http://sachinchoolur.github.io/lightGallery)
/* ----------------------------------------------------------------------- */


/* Lightgallery sub html (image caption) */

.lg-sub-html {
    font-size: 14px;
}

@media (max-width: 992px) {
    .lg-sub-html {
        padding: 10px 10px 40px 10px;
        font-size: 14px;
    }
}

.lg-sub-html p {
    display: inline-block;
    max-width: 1000px;
    font-size: 16px;
}


/* Lightgallery thumbnails improvements */

.lg-outer .lg-thumb {
    margin-left: auto;
    margin-right: auto;
}

.lg-outer .lg-thumb-item {
    position: relative;
    border: none;
    border-radius: 0;
    opacity: .4;
    transition: all .3s ease;
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
    opacity: 1;
}

.lg-outer .lg-thumb-item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}


/* Lightgallery autoplay progress bar improvements */

.lg-progress-bar {
    background-color: #333;
    height: 3px;
}

.lg-progress-bar .lg-progress {
    background-color: #a90707;
    height: 3px;
}


/* hide next/prev buttons on small screens */

@media (max-width: 768px) {
    .lg-actions .lg-next,
    .lg-actions .lg-prev {
        display: none;
    }
    body.tt-boxed .tt-wrap {
        padding-left: 25px;
        padding-right: 25px;
    }
    .tt-page-nav.tt-pn-stroke .tt-pn-title {
        font-weight: bold;
        font-weight: 700;
        opacity: .8;
        font-size: 32px;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #FFF;
        -webkit-text-fill-color: transparent;
    }
    /* If Firefox */
    body.is-firefox .tt-page-nav.tt-pn-stroke .tt-pn-title {
        -webkit-text-stroke-width: 3px;
    }
}


/* ------------------------------------------------------------- *
 * Project info list
/* ------------------------------------------------------------- */

.project-info-list {
    position: relative;
    z-index: 9;
}

.project-info-list>ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.project-info-list>ul>li {
    width: calc(25% - 23px);
    position: relative;
    display: inline-block;
    max-width: 320px;
    vertical-align: top;
    padding: 0px 30px 0 0;
    margin: 15px 25px 15px 0;
}

.project-info-list>ul>li:last-child {
    padding-right: 0;
    margin-right: 0;
}

.project-info-list>ul>li::after {
    position: absolute;
    display: block;
    content: "";
    top: 24px;
    right: 0;
    width: 1px;
    height: 60px;
    margin-top: -18px;
    background-color: rgb(255 255 255 / 40%);
}

.project-info-list>ul>li:last-child::after {
    display: none;
}


/* Project info list if align senter */

.text-center .project-info-list>ul>li,
.project-info-list.text-center>ul>li {
    padding: 0px 40px 0 30px;
    margin: 15px 0 15px 0;
}


/* Project info list heading */

.project-info-list .pi-list-heading {
    margin-bottom: 5px;
    font-size: calc(17px + 0.1vw);
    font-weight: normal;
    opacity: .7;
}


/* Project info list content */

.project-info-list .pi-list-cont {
    font-size: calc(17px + 0.1vw);
}

.project-info-list .pi-list-cont a {
    word-wrap: break-word;
    color: #FFF;
    font-size: calc(17px + 0.1vw);
}

.project-info-list .pi-list-cont a:hover {
    opacity: .8;
}

.project-info-list .social-buttons {
    display: inline-block;
    margin-top: -5px;
    margin-left: -10px;
}

.project-info-list .social-buttons>ul>li {
    margin-right: 15px;
}

.project-info-list .social-buttons>ul>li a {
    width: 45px;
    height: 45px;
    font-size: 15px;
}


/* Project info list icon */

.project-info-list .pi-list-icon {
    position: relative;
    display: inline-block;
    bottom: 2px;
    margin-left: 10px;
    font-size: 13px;
    transform: rotate(-45deg);
}


/* ------------------------------------------------------------- *
 * Page nav
/* ------------------------------------------------------------- */

.tt-page-nav {
    position: relative;
}

@media (max-width: 1024px) {
    .tt-page-nav {
        text-align: center;
    }
}

@media (max-width: 1400px) {
    body.tt-boxed .tt-wrap .tt-page-nav {
        padding-left: 8%;
        padding-right: 8%;
    }
}


/* Page nav link */

.tt-pn-link {
    position: relative;
    display: inline-flex;
    max-width: 100%;
    text-decoration: none;
    overflow: hidden;
}


/* Page nav title */

.tt-pn-title,
.tt-pn-hover-title {
    display: block;
    left: 0;
    font-size: clamp(48px, 7vw, 128px);
    font-weight: bold;
    font-weight: 600;
    line-height: 1.4;
    transition: transform .5s cubic-bezier(0.51, 0.57, 0.17, 1);
}

.tt-pn-title {
    position: relative;
    color: #666;
    transform: translate3d(0, 0, 0);
}

@media (min-width: 1025px) {
    .tt-pn-title {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}


/* Page nav hover title */

.tt-pn-hover-title {
    position: absolute;
    max-width: 100%;
    color: #FFF;
    white-space: nowrap;
    transform: translate3d(0, 100%, 0);
    /* Ellipsis */
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 1024px) {
    .tt-pn-hover-title {
        display: none;
    }
}


/* Page nav hover */

@media (min-width: 1025px) {
    .tt-pn-link:hover .tt-pn-title {
        transform: translate3d(0, -100%, 0);
        transition-delay: 0.1s;
    }
    .tt-pn-link:hover .tt-pn-hover-title {
        transform: translate3d(0, 0, 0);
        transition-delay: 0.1s;
    }
}


/* Page nav subtitle */

.tt-pn-subtitle {
    margin-top: 5px;
    font-size: calc(19px + 0.1vw);
    color: #FFF;
}


/* Page nav styles 
=================== */


/* Style stroke (no effect on small screens) */

@media (min-width: 769px) {
    .tt-page-nav.tt-pn-stroke .tt-pn-title {
        font-weight: bold;
        font-weight: 700;
        opacity: .8;
        -webkit-text-stroke-width: 2px;
        -webkit-text-stroke-color: #FFF;
        -webkit-text-fill-color: transparent;
    }
    /* If Firefox */
    body.is-firefox .tt-page-nav.tt-pn-stroke .tt-pn-title {
        -webkit-text-stroke-width: 3px;
    }
}


/* Page nav positions 
====================== */


/* Position center */

.tt-page-nav.tt-pn-center {
    text-align: center;
}


/* ------------------------------------------------------------- *
 * Next project (nav)
/* ------------------------------------------------------------- */

.tt-next-project {
    position: relative;
    display: flex;
    align-items: center;
    height: 80vh;
    overflow: hidden;
    background-color: #141414;
}

@media (max-width: 1024px) {
    .tt-next-project {
        height: 50vh;
    }
    body:not(.tt-np-image-on) .tt-next-project {
        height: auto;
    }
}

@media (min-width: 1025px) {
    body.tt-np-image-on .tt-next-project {
        height: 100vh;
    }
}


/* Next project image */

.tt-np-image {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    transform-origin: 50% 100%;
}

.tt-np-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

.tt-next-project[class*="pn-image-cover-"] .tt-np-image::before {
    position: absolute;
    display: block;
    content: "";
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    background-color: #040404;
    z-index: 1;
    opacity: 0;
}

.tt-next-project.pn-image-cover-0 .tt-np-image::before {
    opacity: 0;
}

.tt-next-project.pn-image-cover-0-5 .tt-np-image::before {
    opacity: .05;
}

.tt-next-project.pn-image-cover-1 .tt-np-image::before {
    opacity: .1;
}

.tt-next-project.pn-image-cover-1-5 .tt-np-image::before {
    opacity: .15;
}

.tt-next-project.pn-image-cover-2 .tt-np-image::before {
    opacity: .2;
}

.tt-next-project.pn-image-cover-2-5 .tt-np-image::before {
    opacity: .25;
}

.tt-next-project.pn-image-cover-3 .tt-np-image::before {
    opacity: .3;
}

.tt-next-project.pn-image-cover-3-5 .tt-np-image::before {
    opacity: .35;
}

.tt-next-project.pn-image-cover-4 .tt-np-image::before {
    opacity: .4;
}

.tt-next-project.pn-image-cover-4-5 .tt-np-image::before {
    opacity: .45;
}

.tt-next-project.pn-image-cover-5 .tt-np-image::before {
    opacity: .5;
}

.tt-next-project.pn-image-cover-5-5 .tt-np-image::before {
    opacity: .55;
}

.tt-next-project.pn-image-cover-6 .tt-np-image::before {
    opacity: .6;
}

.tt-next-project.pn-image-cover-6-5 .tt-np-image::before {
    opacity: .65;
}

.tt-next-project.pn-image-cover-7 .tt-np-image::before {
    opacity: .7;
}

.tt-next-project.pn-image-cover-7-5 .tt-np-image::before {
    opacity: .75;
}

.tt-next-project.pn-image-cover-8 .tt-np-image::before {
    opacity: .8;
}

.tt-next-project.pn-image-cover-8-5 .tt-np-image::before {
    opacity: .85;
}

.tt-next-project.pn-image-cover-9 .tt-np-image::before {
    opacity: .9;
}

.tt-next-project.pn-image-cover-9-5 .tt-np-image::before {
    opacity: .95;
}


/* Next project video */

.tt-np-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    transform: scale(1.2);
}


/* Next project caption */

.tt-np-caption {
    position: relative;
    width: 100%;
    padding: 40px 17% 120px 17%;
    z-index: 3;
}

@media (min-width: 1025px) {
    body.tt-np-image-on .tt-np-caption {
        padding: 10% 17% 40px 17%;
    }
}

@media (max-width: 1024px) {
    .tt-np-caption {
        padding: 140px 10% 40px 10%;
    }
    body:not(.tt-np-image-on) .tt-np-caption {
        padding: 15% 10%;
    }
}

.tt-np-subtitle {
    margin-bottom: 20px;
    font-size: calc(15px + 0.1vw);
    color: #FFF;
}

.tt-np-title {
    margin: 0;
    padding-right: 2%;
    font-size: clamp(38px, 5vw, 82px);
    font-weight: bold;
    font-weight: 600;
    color: #FFF;
    line-height: 1.2;
}

.tt-np-title a {
    color: #FFF;
}


/* Next project ghost */

.tt-np-ghost {
    display: none;
}

body:not(.tt-np-image-on) .tt-np-ghost {
    position: absolute;
    display: block;
    bottom: 50%;
    left: 10%;
    font-size: 24vw;
    font-weight: bold;
    font-weight: 600;
    color: #FFF;
    line-height: .7;
    opacity: .07;
    z-index: 1;
    transform: translate3d(0, 50%, 0);
}

@media (max-width: 1024px) {
    body:not(.tt-np-image-on) .tt-np-ghost {
        font-size: 32vw;
    }
}


/* Next project styles 
======================= */


/* Style stroke */

.tt-next-project.tt-np-stroke .tt-np-title {
    font-weight: bold;
    font-weight: 700;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #FFF;
    -webkit-text-fill-color: transparent;
}

@media (max-width: 1024px) {
    .tt-next-project.tt-np-stroke .tt-np-title {
        -webkit-text-stroke-width: 1px;
    }
}


/* ------------------------------------------------------------- *
 * Logo wall
/* ------------------------------------------------------------- */

.tt-logo-wall {
    margin: 0;
    padding: 0;
    margin-left: 2px;
    overflow: hidden;
}

.tt-logo-wall:after {
    content: "";
    clear: both;
    display: table;
}

.tt-logo-wall>li {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    width: 20%;
    margin-left: -2px;
    margin-bottom: -2px;
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-color: #2e2e2e;
}

.tt-logo-wall>li:before {
    display: block;
    content: "";
    padding-bottom: 100%;
}

.tt-logo-wall>li>a {
    display: flex;
}


/* Logo wall img */

.tt-logo-wall>li img {
    opacity: 0.7;
    transform: scale(1);
    transition: transform .3s, opacity .3s;
}

.tt-logo-wall>li:hover img {
    opacity: 1;
    transform: scale(1.1);
}

.tt-logo-wall .lv-client-light {
    display: block;
}

.tt-logo-wall .lv-client-dark {
    display: none;
}


/* Logo wall columns */

.tt-logo-wall.cl-col-4>li {
    width: 25%;
}

.tt-logo-wall.cl-col-3>li {
    width: 33.33333%;
}

.tt-logo-wall.cl-col-2>li {
    width: 50%;
}


/* Logo wall on smaller screens */

@media (max-width: 767px) {
    .project-info-list>ul>li {
        width: calc(50% - 28px);
    }
    .tt-logo-wall>li {
        width: 50% !important;
    }
}


/* ------------------------------------------------------------- *
 * tt-Image
/* ------------------------------------------------------------- */

.tt-image {
    overflow: hidden;
}


/* tt-image fixed height */

@media (min-width: 1025px) {
    .tt-image.tti-fixed-height img {
        width: 100%;
        height: 80vh;
        object-fit: cover;
        object-position: 50% 50%;
    }
}


/* ------------------------------------------------------------- *
 * Content carousel
/* ------------------------------------------------------------- */

.tt-content-carousel {
    position: relative;
}

.tt-content-carousel .swiper-wrapper {}

.tt-content-carousel-item {
    position: relative;
    display: block;
    overflow: hidden;
    line-height: 0;
}

@media (min-width: 1025px) {
    .tt-content-carousel .swiper-slide {
        height: 100%;
        width: auto;
    }
    .tt-content-carousel-item {
        margin-left: 3vw;
        margin-right: 3vw;
    }
    .tt-content-carousel .tt-cc-image,
    .tt-content-carousel .swiper-slide .tt-cc-video {
        position: relative;
        width: 100%;
        height: 28vw;
        width: auto;
    }
}

@media (max-width: 1024px) {
    .header_buttons {
        display: none;
    }
    .tt-content-carousel-item {
        margin-left: 2vw;
        margin-right: 2vw;
    }
    .tt-content-carousel .tt-cc-image,
    .tt-content-carousel .swiper-slide .tt-cc-video {
        position: relative;
        width: 100%;
        height: 75vw;
        object-fit: cover;
        object-position: 50% 70%;
    }
}


/* Content carousel navigation 
=============================== */

.tt-cc-nav-prev,
.tt-cc-nav-next {
    position: absolute;
    top: 50%;
    z-index: 20;
    border-radius: 5px;
    background: #FF0000;
    transform: translateY(-50%);
}

.tt-cc-nav-prev {
    left: 2%;
}

.tt-cc-nav-next {
    right: 2%;
}

.tt-cc-nav-prev {
    left: 2%;
}

.tt-cc-nav-next {
    right: 2%;
}

.tt-cc-nav-arrow {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    font-size: 21px;
    cursor: pointer;
    outline: none;
}

.tt-cc-nav-arrow-disabled {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
}


/* Hide content carousel navigation*/

.tt-content-carousel.cc-hide-navigation .tt-cc-nav-prev,
.tt-content-carousel.cc-hide-navigation .tt-cc-nav-next {
    /* display: none !important; */
}


/* Content carousel pagination 
=============================== */

.tt-cc-pagination {
    position: absolute;
    bottom: 5%;
    left: 50%;
    z-index: 1;
    transform: translate3d(-50%, 0, 0);
}


/* Content carousel pagination bullets */

.tt-cc-pagination-bullets {
    font-size: 0;
}

.tt-cc-pagination-bullets .swiper-pagination-bullet {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: transparent;
    margin: 8px;
    opacity: 1;
    border-radius: 100%;
    border: 2px solid #fff;
}

.tt-cc-pagination-bullets .swiper-pagination-bullet-active {
    background: var(--tt-main-color);
    border-color: var(--tt-main-color);
    opacity: 1;
}


/* Content carousel pagination dynamic bullets */

.tt-cc-pagination-bullets-dynamic {
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
}

.tt-cc-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative;
    transition: .2s transform, .2s left;
}

.tt-cc-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66);
}

.tt-cc-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33);
}

.tt-cc-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66);
}

.tt-cc-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33);
}

.tt-cc-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}


/* Content carousel pagination fraction */

.tt-cc-pagination-fraction {
    font-size: 14px;
    font-weight: 600;
    color: #FFF;
    letter-spacing: 2px;
}

.tt-cc-pagination-fraction .swiper-pagination-current {
    position: relative;
    top: -4px;
}

.tt-cc-pagination-fraction .swiper-pagination-total {
    position: relative;
    bottom: -4px;
}


/* Content carousel pagination progressbar */

.tt-cc-pagination-progressbar {
    width: 100%;
    max-width: 200px;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.3);
}

@media (max-width: 768px) {
    .tt-cc-pagination-progressbar {
        max-width: 90%;
    }
}

.tt-cc-pagination-progressbar .swiper-pagination-progressbar-fill {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    transform: scale(0);
    transform-origin: left top;
}


/* Content carousel pagination position outside */

.tt-content-carousel.cc-pagination-outside:not(.cc-hide-pagination) {
    overflow: visible;
    margin-bottom: 65px;
}

.tt-content-carousel.cc-pagination-outside:not(.cc-hide-pagination) .tt-cc-pagination {
    bottom: -65px;
}

@media (max-width: 1024px) {
    .tt-content-carousel.cc-pagination-outside {
        overflow: visible;
        margin-bottom: 65px;
    }
    .tt-content-carousel.cc-pagination-outside .tt-cc-pagination {
        bottom: -65px;
    }
}


/* Hide content carousel pagination (for desktop only!) */

@media (min-width: 1025px) {
    .tt-content-carousel.cc-hide-pagination .tt-cc-pagination {
        display: none !important;
    }
}


/* Content carousel shifted style (no effect on small screens!) 
================================== */

@media (min-width: 1025px) {
    .tt-content-carousel.cc-shifted .swiper-slide:nth-child(2n) {
        padding-top: 7%;
    }
}


/* ------------------------------------------------------------- *
 * Testimonials slider
/* ------------------------------------------------------------- */

.tt-testimonials-slider {
    position: relative;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 80px;
}

.tt-testimonials-slider .swiper-wrapper {}

.tt-testimonials-slider-item {
    position: relative;
    display: block;
    margin: 0 auto;
    opacity: .1;
    transition: opacity 0.3s;
}

.tt-testimonials-slider .swiper-slide-active .tt-testimonials-slider-item {
    opacity: 1;
}

.tt-testimonials-slider .tt-ts-text {
    font-size: calc(19px + 0.3vw);
    line-height: 1.6;
    font-style: italic;
}

.tt-testimonials-slider .tt-ts-subtext {
    margin-top: 30px;
    font-size: 19px;
    color: #999;
}

@media (min-width: 1025px) {
    .tt-testimonials-slider .swiper-slide {
        max-width: 800px;
        margin-left: 3vw;
        margin-right: 3vw;
    }
}

@media (max-width: 1024px) {
    .tt-testimonials-slider .swiper-slide {
        width: 100% !important;
        margin-left: 3vw;
        margin-right: 3vw;
    }
    .tt-testimonials-slider-item {
        padding: 20px;
    }
}


/* Testimonials slider navigation 
================================== */

.tt-ts-nav-prev,
.tt-ts-nav-next {
    position: absolute;
    top: 40%;
    z-index: 20;
    transform: translateY(-50%);
}

@media (max-width: 1024px) {
    .tt-ts-nav-prev,
    .tt-ts-nav-next {
        display: none;
    }
}

.tt-ts-nav-prev {
    left: -12%;
}

.tt-ts-nav-next {
    right: -12%;
}

.tt-ts-nav-arrow {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    font-size: 21px;
    color: #FFF;
    cursor: pointer;
    outline: none;
}

.tt-ts-nav-arrow-disabled {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
}


/* Hide testimonials slider navigation*/

.tt-testimonials-slider.ts-hide-navigation .tt-ts-nav-prev,
.tt-testimonials-slider.ts-hide-navigation .tt-ts-nav-next {
    display: none !important;
}


/* Testimonials slider pagination 
================================== */

.tt-ts-pagination {
    position: absolute;
    left: 50%;
    bottom: -80px;
    z-index: 1;
    transform: translate3d(-50%, 0, 0);
}

@media (max-width: 1024px) {
    .tt-ts-pagination {
        bottom: -50px;
    }
}


/* Hide testimonials slider pagination (for desktop only!) */

@media (min-width: 1025px) {
    .tt-testimonials-slider.ts-hide-pagination {
        margin-bottom: 0;
    }
    .tt-testimonials-slider.ts-hide-pagination .tt-ts-pagination {
        display: none !important;
    }
}


/* Testimonials slider pagination bullets */

.tt-ts-pagination-bullets {
    font-size: 0;
}

.tt-ts-pagination-bullets .swiper-pagination-bullet {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: transparent;
    margin: 8px;
    opacity: 1;
    border-radius: 100%;
    border: 2px solid #fff;
}

.tt-ts-pagination-bullets .swiper-pagination-bullet-active {
    background: var(--tt-main-color);
    border-color: var(--tt-main-color);
    opacity: 1;
}


/* Testimonials slider pagination dynamic bullets */

.tt-ts-pagination-bullets-dynamic {
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
}

.tt-ts-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative;
    transition: .2s transform, .2s left;
}

.tt-ts-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66);
}

.tt-ts-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33);
}

.tt-ts-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66);
}

.tt-ts-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33);
}

.tt-ts-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}


/* Testimonials slider styles
============================== */


/* Full width */

.tt-testimonials-slider.ts-full-width {
    max-width: 100%;
}

.tt-testimonials-slider.ts-full-width .tt-ts-pagination {
    margin-top: 3%;
}

.tt-testimonials-slider.ts-full-width .tt-ts-nav-prev {
    left: 2%;
}

.tt-testimonials-slider.ts-full-width .tt-ts-nav-next {
    right: 2%;
}


/* ------------------------------------------------------------- *
 * Buttons
/* ------------------------------------------------------------- */

button {
    background-color: transparent;
    cursor: pointer;
    border: none;
}

.tt-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    background-color: transparent;
    margin: 15px 15px 15px 0;
    padding: 0 30px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    font-weight: 500;
    overflow: hidden;
    cursor: pointer;
    border: none;
    border-radius: 100px;
    z-index: 9;
}

.tt-btn:last-child {
    margin-right: 0;
}

.tt-btn>* {
    position: relative;
    color: #FFF;
    transition: transform 0.3s;
}

.tt-btn>*,
.tt-btn>*::after {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    line-height: 1;
}

.tt-btn>*::after {
    position: absolute;
    content: attr(data-hover);
    top: 100%;
    width: 100%;
    left: 0;
    padding-left: 0;
    padding-right: 0;
}

.tt-btn:hover>*:not(.tt-btn-icon) {
    transform: translate3d(0, -100%, 0);
}


/* Button icon (works with "tt-btn-link" only!) */

.tt-btn-icon {
    display: inline-flex;
}

.tt-btn-icon:first-child {
    margin-right: 10px;
}

.tt-btn-icon:last-child {
    margin-left: 10px;
}


/* Button styles 
================= */


/* Button full width */

.tt-btn-full {
    display: flex;
    width: 100%;
    text-align: center;
}


/* Button round */

.tt-btn-round {
    width: 110px;
    height: 110px;
}

@media (max-width: 1024px) {
    .tt-btn-round {
        width: 100px;
        height: 100px;
    }
}

.tt-btn-round>* {
    max-width: 75%;
    padding: 0;
    line-height: 1.4;
}

.tt-btn-round>*::after {
    width: 100;
    line-height: 1.4;
}


/* Button primary */

.tt-btn-primary {
    background-color: var(--tt-main-color);
}

.tt-btn-primary>*,
.tt-btn-primary>*::after {
    color: #FFF;
}

.tt-btn-primary:hover>* {
    color: #FFF;
}


/* Button primary outline */

.tt-btn-primary-outline {
    box-shadow: inset 0 0 0 2px var(--tt-main-color);
}

.tt-btn-primary-outline>*,
.tt-btn-primary-outline>*::after {
    color: var(--tt-main-color);
}

.tt-btn-primary-outline:hover>* {
    color: var(--tt-main-color);
}


/* Button light */

.tt-btn-light {
    background-color: #FFF;
}

.tt-btn-light>*,
.tt-btn-light>*::after {
    color: #111;
}

.tt-btn-light:hover>* {
    color: #111;
}


/* Button light outline */

.tt-btn-light-outline {
    box-shadow: inset 0 0 0 1px #FFF;
}

.tt-btn-light-outline>*,
.tt-btn-light-outline>*::after {
    color: #FFF;
}

.tt-btn-light-outline:hover>* {
    color: #FFF;
}


/* Button dark */

.tt-btn-dark {
    background-color: #292929;
}

.tt-btn-dark>*,
.tt-btn-dark>*::after {
    color: #FFF;
}

.tt-btn-dark:hover>* {
    color: #FFF;
}


/* Button dark outline */

.tt-btn-dark-outline {
    box-shadow: inset 0 0 0 2px #222;
}

.tt-btn-dark-outline>*,
.tt-btn-dark-outline>*::after {
    color: #222;
}

.tt-btn-dark-outline:hover>* {
    color: #222;
}


/* Button link */

.tt-btn-link {
    padding: 0;
    align-items: center;
    font-weight: normal;
    border-radius: 0;
}

.tt-btn-link>*,
.tt-btn-link>*::after {
    padding: 0;
    line-height: 1.6;
    color: #FFF;
}

.tt-btn-link:hover>*,
.tt-btn-link:hover>*::after {
    color: #FFF;
}


/* Button line (alternative to the icon)
=============== */

.tt-btn-line {
    display: inline-block;
    width: 40px;
    height: 1px;
    background-color: #FFF;
    margin-top: 2px;
}

body:not(.is-mobile) .tt-btn:hover .tt-btn-line {
    animation: swipe-line .8s cubic-bezier(0.475, 0.425, 0, 0.995) forwards;
}

@keyframes swipe-line {
    0% {
        transform-origin: right;
        transform: scale(1);
    }
    33% {
        transform-origin: right;
        transform: scaleX(0);
    }
    66% {
        transform-origin: left;
        transform: scaleX(0);
    }
    to {
        transform-origin: left;
        transform: scale(1);
    }
}


/* Button disabled */

.tt-btn.tt-btn-disabled {
    opacity: .4;
    cursor: not-allowed;
}


/* Scrolling button
==================== */

.tt-scrolling-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 300px;
    height: 300px;
    line-height: 0;
    z-index: 9;
}

@media (max-width: 991px) {
    .tt-scrolling-btn {
        transform: scale(.8);
    }
}

@media (max-width: 380px) {
    .tt-scrolling-btn {
        transform: scale(.7);
    }
}


/* Scrolling button icon */

.scr-btn-icon {
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    font-size: 18px;
    color: #999;
    transform: translate(-50%, -50%);
    transition: color .2s;
}

.tt-scrolling-btn:hover .scr-btn-icon {
    color: #FFF;
}


/* Scrolling button spinner */

.scr-btn-spinner {}

.tt-scrolling-btn svg {
    width: 100%;
}


/* Scrolling button text (Note: If you change the scrolling button text, you probably need to adjust this CSS so that your text fits correctly!) */

.scr-btn-text {
    font-size: 27px;
    font-weight: bold;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 13px;
    fill: #BBB;
    transition: fill .2s;
}

.tt-scrolling-btn:hover .scr-btn-text {
    fill: #FFF;
}


/* ------------------------------------------------------------- *
 * Social buttons
/* ------------------------------------------------------------- */

.social-buttons {}

.social-buttons ul {
    display: inline-flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}

.social-buttons ul>li {
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    margin: 0 2px;
}

@media (max-width: 991px) {
    .social-buttons ul>li {
        margin: 0px;
    }
}

.social-buttons ul>li:first-child {
    margin-left: 0;
}

.social-buttons ul>li:last-child {
    margin-right: 0;
}

.social-buttons>ul>li a {
    display: block;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    font-size: 15px;
    font-weight: 600;
    color: #eaeaea;
    transition: opacity 0.2s;
}

body:not(.tt-magic-cursor) .social-buttons>ul:hover>li a {
    opacity: .5;
}

body:not(.tt-magic-cursor) .social-buttons>ul>li a:hover {
    opacity: 1;
}


/* ------------------------------------------------------------- *
 * tt-Arrows
/* ------------------------------------------------------------- */

[class*="tt-arrow"] {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 2px;
    box-shadow: inset 0 0 0 40px;
    margin: 10px;
    color: #FFF;
}

[class*="tt-arrow"]:before,
[class*="tt-arrow"]:after {
    position: absolute;
    display: block;
    content: "";
    left: 0;
    width: 12px;
    height: 2px;
    box-shadow: inset 0 0 0 40px;
}

[class*="tt-arrow"]:before {
    top: 0px;
    transform: rotate(-45deg);
    transform-origin: bottom left;
}

[class*="tt-arrow"]:after {
    bottom: 0px;
    transform: rotate(45deg);
    transform-origin: top left;
}

.tt-arrow-left {
    /* Left is devault angle */
}

.tt-arrow-right {
    transform: rotate(180deg);
}

.tt-arrow-up {
    transform: rotate(90deg);
}

.tt-arrow-down {
    transform: rotate(270deg);
}

.tt-arrow-left-up {
    transform: rotate(45deg);
}

.tt-arrow-left-down {
    transform: rotate(320deg);
}

.tt-arrow-right-up {
    transform: rotate(135deg);
}

.tt-arrow-right-down {
    transform: rotate(225deg);
}


/* ------------------------------------------------------------- *
 * Accordion
/* ------------------------------------------------------------- */

.tt-accordion {
    position: relative;
}

.tt-accordion-item {
    position: relative;
}


/* Accordion heading 
===================== */

.tt-accordion-heading {
    position: relative;
    cursor: pointer;
}

.tt-ac-head {
    padding: 20px 13% 20px 0;
}

.tt-accordion-item:first-child .tt-ac-head {
    padding-top: 0;
}

.tt-ac-head-title {
    margin: 0;
    padding-right: 13%;
    font-size: 32px;
    font-weight: bold;
    font-weight: 600;
    color: #CCC;
    line-height: 1.2;
    transition: color 0.3s;
}

.tt-accordion-item:not(.active) .tt-accordion-heading:hover .tt-ac-head-title,
.tt-accordion-item.active .tt-ac-head-title {
    color: #FFF;
}

@media (max-width: 991px) {
    .tt-ac-head-title {
        font-size: 28px;
    }
}


/* Accordion heading subtext */

.tt-accordion-subtext {
    margin-top: 10px;
    font-size: 19px;
    font-weight: normal;
    color: #999;
}


/* Accordion heading caret */

.tt-accordion-caret-wrap {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate3d(0, -50%, 0);
}

.tt-accordion-caret-inner {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    font-size: 18px;
    color: #FFF;
    cursor: pointer;
    outline: none;
}

.tt-accordion-caret {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 5px;
    box-shadow: inset 0 0 0 40px;
    margin: 10px;
    color: #666;
    transform: rotate(270deg);
    transition: all 0.3s;
}

.tt-accordion-caret:before,
.tt-accordion-caret:after {
    position: absolute;
    display: block;
    content: "";
    left: 0;
    width: 25px;
    height: 5px;
    box-shadow: inset 0 0 0 40px;
}

.tt-accordion-caret:before {
    top: 1px;
    transform: rotate(-45deg);
    transform-origin: bottom left;
}

.tt-accordion-caret:after {
    bottom: 1px;
    transform: rotate(45deg);
    transform-origin: top left;
}

.tt-accordion-item:not(.active) .tt-accordion-heading:hover .tt-accordion-caret {
    color: #FFF;
}

.tt-accordion-item.active .tt-accordion-caret {
    transform: rotate(90deg);
}

.tt-accordion-item.active .tt-accordion-heading:hover .tt-accordion-caret {
    color: #FFF;
}

@media (max-width: 991px) {
    .tt-accordion-caret {
        width: 25px;
        height: 4px;
    }
    .tt-accordion-caret:before,
    .tt-accordion-caret:after {
        width: 20px;
        height: 4px;
    }
}


/* Accordion content 
===================== */

.tt-accordion-content {
    padding-bottom: 40px;
    color: #e0e0e0;
}

.tt-accordion-content:not(.is-open) {
    display: none;
}

.tt-accordion-content p:last-child {
    margin-bottom: 0;
    line-height: 1.6;
}


/* Accordion styles 
==================== */


/* borders */

.tt-accordion.tt-ac-borders .tt-accordion-heading {
    border-top: 1px solid #4a4a4a;
}

.tt-accordion.tt-ac-borders .tt-ac-head {
    padding-top: 45px;
    padding-bottom: 45px;
}

@media (max-width: 991px) {
    .tt-accordion.tt-ac-borders .tt-ac-head {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

.tt-accordion.tt-ac-borders .tt-accordion-item:last-child {
    border-bottom: 1px solid #4a4a4a;
}


/* Accordion sizes 
=================== */

.tt-accordion.tt-ac-sm .tt-ac-head-title {
    font-size: calc(24px + 0.1vw);
}

@media (min-width: 992px) {
    .tt-accordion.tt-ac-lg .tt-ac-head-title {
        font-size: calc(24px + 1vw);
    }
    .tt-accordion.tt-ac-xlg .tt-ac-head-title {
        font-size: calc(24px + 1.5vw);
    }
    .tt-accordion.tt-ac-xxlg .tt-ac-head-title {
        font-size: calc(24px + 2vw);
    }
}


/* ------------------------------------------------------------- *
 * Blockquote
/* ------------------------------------------------------------- */

blockquote {
    position: relative;
    margin: 50px 5%;
    padding-left: 40px;
    font-size: 24px;
    font-style: italic;
    border-left: 4px solid #3e3e3e;
}

@media (max-width: 768px) {
    .text-xlg p,
    p.text-xlg {
        margin-bottom: 5% !important;
        font-size: 17px;
        line-height: 1.3;
        font-weight: 100;
    }
    blockquote {
        margin-left: 0;
        margin-right: 0;
    }
}

blockquote.open-quote {
    border: none;
}

blockquote.open-quote::before {
    position: absolute;
    content: open-quote;
    top: -5px;
    left: 0;
    font-size: 84px;
    font-weight: 300;
    font-style: normal;
    color: #D2D2D2;
    line-height: 1;
}

blockquote footer {
    display: block;
    margin-top: 20px;
    font-size: 80%;
    color: #999;
}

blockquote footer::before {
    display: inline-block;
    content: "";
    width: 40px;
    height: 2px;
    background-color: #7d7d7d;
    margin: 0 10px 5px 0;
}


/* ------------------------------------------------------------- *
 * Figure
/* ------------------------------------------------------------- */

figure {
    position: relative;
    margin: 0;
}


/* figure image */

figure img {
    width: 100%;
    height: auto;
}


/* figure caption */

figcaption {
    position: relative;
    max-width: 600px;
    padding: 15px;
    font-size: 14px;
    font-style: italic;
    color: #FFF;
    z-index: 9;
    opacity: .8;
}

@media (min-width: 1025px) {
    figcaption {
        position: absolute;
        right: 5%;
        bottom: 5%;
        background-color: rgba(0, 0, 0, 0.7);
    }
}

figcaption a {
    border-bottom: 1px dotted;
}

figcaption a:hover {
    opacity: .9;
}


/* ------------------------------------------------------------- *
 * Forms
/* ------------------------------------------------------------- */

.tt-form-control {
    display: block;
    width: 100%;
    background-color: transparent;
    padding: 5px 15px;
    font-size: 17px;
    font-weight: normal;
    color: #FFF;
    border: 1px solid rgb(136 136 136 / 65%);
    border-radius: 3px;
}

.tt-form-control:focus {
    color: #FFF;
    background-color: transparent;
    border-color: rgb(204 204 204 / 85%);
    outline: none;
    box-shadow: none;
}

.tt-form-control+.tt-form-control {
    margin-top: 20px;
}

.tt-form-control:disabled,
.tt-form-control[readonly] {
    background-color: rgb(176 176 176 / 6%);
    opacity: .4;
    cursor: not-allowed;
}

.tt-form-control:not(textarea):not([size]) {
    /* tt-form-control height */
    height: 56px;
    border-radius: 50px;
}

.tt-form-text {
    display: block;
    margin-top: 5px;
    font-style: italic;
    color: #999;
}

label {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 17px;
    font-weight: bold;
    font-weight: 500;
}

::-webkit-input-placeholder {
    color: #999 !important;
}

:-moz-placeholder {
    color: #999 !important;
}

::-moz-placeholder {
    color: #999 !important;
}

:-ms-input-placeholder {
    color: #999 !important;
}


/* form group */

.tt-form-group {
    margin-bottom: 20px;
}


/* checkbox/radio */

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    cursor: pointer;
}


/* textarea */

textarea,
textarea.tt-form-control {
    padding: 15px;
    border-radius: 10px;
}


/* select */

select {
    cursor: pointer;
}

select option {
    background-color: #131212;
    color: #FFF;
}

select option[value=""][disabled] {
    display: none;
}

select[multiple] option {
    background-color: transparent;
    color: #FFF;
}

select option[disabled],
select[multiple] option[disabled] {
    color: #999;
}

select:required:invalid {
    color: #999;
}


/* range slider */

input[type=range] {
    width: 100%;
}


/* Custom forms 
================= */


/* Custom checkbox/radio */

.tt-form-check,
.tt-form-radio {
    position: relative;
    display: block;
    margin: 0 0 8px 5px;
}

.tt-form-check input,
.tt-form-radio input {
    position: absolute;
    top: 50%;
    opacity: 0;
    cursor: pointer;
    transform: translate3d(0, -50%, 0);
}

.tt-form-check label,
.tt-form-radio label {
    position: relative;
    margin-bottom: 0;
    padding-left: 30px;
    vertical-align: top;
    font-size: 17px;
    cursor: pointer;
}

.tt-form-check label::before,
.tt-form-radio label::before {
    position: absolute;
    top: 3px;
    left: -0;
    display: block;
    width: 20px;
    height: 20px;
    pointer-events: none;
    content: "";
    background-color: #4e4e4e;
    border-radius: 3px;
    transition: background-color 0.2s;
}

.tt-form-check:hover label::before,
.tt-form-radio:hover label::before {
    background-color: #5a5a5a;
}

.tt-form-check label::after,
.tt-form-radio label::after {
    position: absolute;
    display: none;
    content: "";
    top: 8px;
    left: 7px;
    width: 4px;
    height: 6px;
    border: solid #FFF;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.tt-form-check input:checked~label::after,
.tt-form-radio input:checked~label::after {
    display: block;
}

.tt-form-radio label::before {
    border-radius: 100px;
}

.tt-form-radio label::after {
    top: 10px;
    left: 7px;
    width: 4px;
    height: 4px;
    background-color: #FFF;
    border-radius: 100%;
}

.tt-form-check input:disabled,
.tt-form-radio input:disabled {
    cursor: not-allowed;
}

.tt-form-check input:disabled~label,
.tt-form-radio input:disabled~label {
    cursor: not-allowed;
    opacity: .3;
}

.tt-form-check.tt-form-check-inline,
.tt-form-radio.tt-form-radio-inline {
    display: inline-block;
    margin-right: 10px;
}


/* Custom file upload */

.tt-form-file {}

.btn-file {
    vertical-align: middle;
}

.btn-file>* input {
    position: absolute;
    left: 50%;
    width: 1%;
    opacity: 0;
}

.tt-file-info {
    width: 75%;
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 14px;
    color: #777;
    line-height: 1;
}


/* Custom form with button inside */

.tt-form-btn-inside {
    position: relative;
}

.tt-form-btn-inside .tt-form-control {
    padding-right: 60px !important;
}

.tt-form-btn-inside button {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 60px;
    height: 54px;
    background-color: transparent;
    font-size: 19px;
    color: #999;
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 0 3px 3px 0;
}

.tt-form-btn-inside button:hover {
    color: #FFF;
}


/* Form extra styles 
===================== */


/* form style filled */

.tt-form-filled label {}

.tt-form-filled .tt-form-control {
    background-color: rgb(136 136 136 / 15%);
    color: #FFF;
    border: none;
}

.tt-form-filled .tt-form-control:focus {
    box-shadow: inset 0 0 0 1px rgb(136 136 136 / 60%);
}

.tt-form-filled .tt-form-control:disabled,
.tt-form-filled .tt-form-control[readonly] {
    opacity: .3;
}


/* form style minimal */

.tt-form-minimal .tt-form-group {}

.tt-form-minimal .tt-form-group label {
    display: none;
}

.tt-form-minimal .tt-form-control:not(select),
.tt-form-minimal select.tt-form-control:not([multiple]) {
    background-color: transparent;
    padding-left: 0;
    padding-right: 0;
    font-size: 17px;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-radius: 0;
}

.tt-form-minimal .tt-form-control:focus {
    border-color: #FFF;
}

.tt-form-minimal .tt-form-control:disabled,
.tt-form-minimal .tt-form-control[readonly] {
    opacity: .2;
}

.tt-form-minimal .tt-form-control,
.tt-form-minimal .tt-form-control select {
    border-color: rgb(136 136 136 / 60%);
}

.tt-form-minimal ::-webkit-input-placeholder {
    color: #FFF !important;
}

.tt-form-minimal :-moz-placeholder {
    color: #FFF !important;
}

.tt-form-minimal ::-moz-placeholder {
    color: #FFF !important;
}

.tt-form-minimal :-ms-input-placeholder {
    color: #FFF !important;
}


/* Form sizes 
============== */


/* form sm */

.tt-form-sm .tt-form-control:not(textarea):not([size]),
.tt-form-control.tt-form-sm,
.tt-form-btn-inside .tt-form-control.tt-form-sm+button {
    height: 40px !important;
    font-size: 75%;
}

.tt-form-sm .tt-form-btn-inside button {
    height: 38px !important;
}


/* form lg */

.tt-form-lg .tt-form-control:not(textarea):not([size]),
.tt-form-control.tt-form-lg,
.tt-form-btn-inside .tt-form-control.tt-form-lg+button {
    height: 70px !important;
}

.tt-form-lg .tt-form-btn-inside button {
    height: 68px !important;
}


/* -------------------------------------------------------------------- *
 * tt-Signature
/* -------------------------------------------------------------------- */

.tt-signature {}

.tt-signature-light {}

.tt-signature-dark {
    display: none;
}


/* -------------------------------------------------------------------- *
 * Contact info
/* -------------------------------------------------------------------- */

.tt-contact-info {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 17px;
}

.tt-contact-info>li {
    padding: 3px 0;
}

.tt-ci-icon {
    display: inline-block;
    margin-right: 10px;
    font-size: 80%;
}

.tt-contact-info a {
    display: inline;
    transition: color 0.2s;
}

.tt-contact-info a:hover {
    color: #FFF;
}


/* Social buttons */

.tt-contact-info .social-buttons {
    display: inline-block;
    margin-top: 15px;
    margin-left: -17px;
}


/* -------------------------------------------------------------------- *
 * Background video
 * Note: position "relative" or "absolute" required on parent element!
/* -------------------------------------------------------------------- */

.tt-bg-video-wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

video.tt-bg-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* ------------------------------------------------------------- *
 * tt-Embed
/* ------------------------------------------------------------- */

.tt-embed {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 30px;
    overflow: hidden;
}

.tt-embed::before {
    display: block;
    content: "";
    padding-bottom: 56.25%;
}

.tt-embed .tt-embed-item,
.tt-embed embed,
.tt-embed iframe,
.tt-embed object,
.tt-embed video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}


/* ------------------------------------------------------------- *
 * Scrolling text
/* ------------------------------------------------------------- */

.tt-scrolling-text {
    display: flex;
    position: relative;
    pointer-events: none;
}

.tt-scrolling-text-inner {
    padding-left: 2vw;
    font-size: calc(16px + 6vw);
    line-height: 1;
    font-weight: bold;
    font-weight: 600;
    color: #CCC;
    white-space: nowrap;
    animation-name: tt_scrolling_text;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-play-state: running;
    /* animation-duration is handled by js. */
}

.tt-scrolling-text-inner:after {
    content: attr(data-text);
}

@keyframes tt_scrolling_text {
    0% {
        transform: translateX(0)
    }
    100% {
        transform: translateX(-50%)
    }
}


/* Animation direction reverse. */

.tt-scrolling-text.scr-text-reverse .tt-scrolling-text-inner {
    animation-direction: reverse;
}


/* Scrolling text styles 
========================= */


/* Style stroke */

.tt-scrolling-text.scr-text-stroke .tt-scrolling-text-inner {
    font-weight: bold;
    font-weight: 700;
    color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #CCC;
    -webkit-text-fill-color: transparent;
}


/* ------------------------------------------------------------- *
 * tt-Pagination
/* ------------------------------------------------------------- */

.tt-pagination {
    display: flex;
    margin-top: 40px;
    padding: 40px 3%;
}

body.tt-boxed .tt-wrap .tt-pagination {
    padding-left: 0;
    padding-right: 0;
}

.tt-pagin-numbers {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.tt-pagin-item {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    font-size: 28px;
    font-weight: bold;
    font-weight: 500;
    color: #FFF;
    opacity: .4;
    transition: opacity 0.3s;
}

@media (max-width: 1024px) {
    .tt-pagin-item {
        width: 35px;
        height: 35px;
        font-size: 21px;
    }
}

.tt-pagin-item:hover,
.tt-pagin-item.active {
    opacity: 1;
}

.tt-pagin-prev {
    margin-right: 3%;
}

.tt-pagin-next {
    margin-left: 3%;
}


/* Align center */

.tt-pagination.tt-pagin-center {
    justify-content: center;
    text-align: center;
}


/* ------------------------------------------------------------- *
 * Sidebar (classic)
/* ------------------------------------------------------------- */

.tt-sidebar {
    margin-left: 40px;
}

@media (max-width: 1600px) {
    .tt-sidebar {
        margin-left: 10px;
    }
}

@media (max-width: 991px) {
    .tt-sidebar {
        margin: 60px 0 0 0 !important;
    }
}


/* Sidebar left */

.tt-row.tt-lg-row-reverse .tt-sidebar {
    margin-left: 0;
    margin-right: 40px;
}

@media (max-width: 1600px) {
    .tt-row.tt-lg-row-reverse .tt-sidebar {
        margin-right: 10px;
    }
}


/* ------------------------------------------------------------- *
 * Sliding sidebar
/* ------------------------------------------------------------- */

@media (max-width: 1400px) and (min-width: 769px) {
    body:not(.is-mobile).tt-sliding-sidebar-left-on #content-wrap {
        padding-left: 40px;
    }
    body:not(.is-mobile).tt-sliding-sidebar-right-on #content-wrap {
        padding-right: 40px;
    }
    body:not(.is-mobile).tt-sliding-sidebar-left-on .tt-header-inner {
        padding-left: 50px;
    }
    body:not(.is-mobile).tt-sliding-sidebar-right-on .tt-header-inner {
        padding-right: 50px;
    }
}


/* Sliding sidebar */

.tt-sliding-sidebar-wrap {
    position: relative;
    z-index: 9999;
}

.tt-sliding-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    width: 400px;
    height: 100vh;
    z-index: 2;
    background-color: #1b1b1b;
    overflow: hidden;
    transform: translate3d(-100%, 0, 0);
    transition: all 0.4s ease-in-out;
}

@media (max-width: 768px) {
    .tt-sliding-sidebar {
        width: 90%;
    }
}

body.tt-sliding-sidebar-open .tt-sliding-sidebar {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
}

.tt-sliding-sidebar-inner {
    height: 100%;
    overflow-y: auto;
    padding: 10% 8%;
}

.tt-sliding-sidebar-close {
    position: fixed;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 55%);
    backdrop-filter: blur(10px);
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
}

body.tt-sliding-sidebar-open .tt-sliding-sidebar-close {
    opacity: 1;
    visibility: visible;
}


/* Sliding sidebar trigger 
=========================== */

.tt-sliding-sidebar-trigger {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    width: 40px;
    height: 100vh;
    background-color: #1b1b1b;
    font-size: 20px;
    color: #808080;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s, width 0.3s;
}

.tt-sliding-sidebar-trigger:hover {
    width: 54px;
}

.tt-sliding-sidebar-trigger .tt-ss-icon-close {
    display: none;
}


/* Sliding sidebar trigger on mobile devices and small screens */

body.is-mobile .tt-sliding-sidebar-trigger {
    top: auto;
    left: auto;
    right: 12px !important;
    bottom: 12px !important;
    width: 44px !important;
    height: 44px !important;
    background-color: var(--tt-main-color) !important;
    color: #FFF;
    border-radius: 100px;
    z-index: 2;
}

body.is-mobile.tt-sliding-sidebar-open .tt-sliding-sidebar-trigger .tt-ss-icon {
    display: none;
}

body.is-mobile.tt-sliding-sidebar-open .tt-sliding-sidebar-trigger .tt-ss-icon-close {
    display: block;
}

@media (max-width: 768px) {
    .tt-sliding-sidebar-trigger {
        top: auto;
        left: auto;
        right: 12px !important;
        bottom: 12px !important;
        width: 44px !important;
        height: 44px !important;
        background-color: var(--tt-main-color) !important;
        color: #FFF;
        border-radius: 100px;
        z-index: 2;
    }
    body.tt-sliding-sidebar-open .tt-sliding-sidebar-trigger .tt-ss-icon {
        display: none;
    }
    body.tt-sliding-sidebar-open .tt-sliding-sidebar-trigger .tt-ss-icon-close {
        display: block;
    }
}


/* Sliding sidebar position right 
================================== */

.tt-ss-right .tt-sliding-sidebar {
    left: auto;
    right: 0;
    transform: translate3d(100%, 0, 0);
}

.tt-ss-right .tt-sliding-sidebar-trigger {
    left: auto;
    right: 0;
}


/* ------------------------------------------------------------- *
 * Sidebar widgets
/* ------------------------------------------------------------- */

.sidebar-widget {
    margin-bottom: 60px;
}


/* Sidebar headings */

.sidebar-heading {
    position: relative;
    margin-bottom: 30px;
    padding-left: 20px;
    font-size: 24px;
    font-weight: 700;
}

.sidebar-heading:after {
    position: absolute;
    display: block;
    content: "";
    left: 0;
    top: 50%;
    width: 10px;
    height: 10px;
    background-color: var(--tt-main-color);
    border-radius: 100px;
    transform: translateY(-50%);
}


/* Sidebar search 
================== */

.sidebar-search {}


/* Sidebar categories 
====================== */

.sidebar-categories {}

.sidebar-categories>ul>li {
    padding: 0;
}

.sidebar-categories>ul>li>a {
    display: block;
    text-decoration: none;
    font-size: 18px;
    font-weight: normal;
    color: #CCC;
    line-height: 1;
    padding: 10px 0px;
    transition: all 0.2s ease-in-out 0s;
}

.sidebar-categories>ul>li>a:hover {
    color: #FFF;
}

.sidebar-categories>ul>li>a span {
    position: relative;
    float: right;
    top: -5px;
    background-color: rgb(133 133 133 / 22%);
    padding: 8px 9px 8px 9px;
    text-align: center;
    font-size: 13px;
    font-weight: normal;
    color: #CCC;
    overflow: hidden;
    z-index: 1;
    border-radius: 100px;
    transition: all .2s ease-in-out;
}

.sidebar-categories>ul>li>a:hover span {
    background-color: var(--tt-main-color);
    color: #FFF;
}


/* Sidebar post list 
===================== */

.sidebar-post-list {}

.sidebar-post-list>ul>li {
    list-style: none;
    overflow: hidden;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.sidebar-post-list>ul>li:last-child {
    margin: 0;
    padding: 0;
    border: 0;
}

.sidebar-post-data {}

.sidebar-post-title {
    margin: 0 0 5px 0;
    font-size: 18px;
    font-weight: bold;
    font-weight: 500;
    line-height: 1.3;
}

.sidebar-post-title a {
    color: #CCC;
    display: inline;
    background-repeat: no-repeat;
    background-image: -o-linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    background-image: -ms-linear-gradient(transparent 96%, currentColor 1px);
    transition: 0.6s cubic-bezier(.215, .61, .355, 1);
    background-size: 0 96%;
}

.sidebar-post-title a:hover {
    background-size: 100% 96%;
    color: #FFF;
}

.sidebar-post-author {
    display: block;
    font-size: 14px;
    color: #777;
    line-height: 15px;
}

.sidebar-post-author a {
    color: #777;
}

.sidebar-post-author a:hover {
    opacity: .8;
}

.sidebar-post-date {
    display: block;
    font-size: 13px;
    color: #999;
}


/* Sidebar post comments list 
============================== */

.sidebar-comments-list {}

.sidebar-comments-list ul {
    margin: 0;
}


/* Sidebar comment */

.sidebar-comment {
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.sidebar-comment:last-child {
    margin: 0;
    padding: 0;
    border: none;
}


/* Sidebar comment meta */

.sidebar-comment-meta {
    overflow: hidden;
}


/* Sidebar comment data */

.sidebar-comment-data {}

.sidebar-comment-author {
    display: block;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
}

.sidebar-comment-author a {
    position: relative;
    color: #CCC;
    display: inline;
    background-repeat: no-repeat;
    background-image: -o-linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    background-image: -ms-linear-gradient(transparent 96%, currentColor 1px);
    transition: 0.6s cubic-bezier(.215, .61, .355, 1);
    background-size: 0 96%;
}

.sidebar-comment-author a:hover {
    background-size: 100% 96%;
    color: #FFF;
}

.sidebar-comment-date {
    display: block;
    font-size: 13px;
    color: #999;
}


/* Sidebar comment text */

.sidebar-comment-text {
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.4;
    font-style: italic;
    color: #FFF;
}

.sidebar-comment-text a {
    color: #999;
}

.sidebar-comment-text a:hover {
    color: #DDD;
}

.sidebar-comment-text p {
    margin-bottom: 0;
}


/* Sidebar tags 
================ */

.sidebar-tags {}

.sidebar-tags-list {}

.sidebar-tags-list::after {
    /* Clear */
    content: "";
    display: table;
    clear: both;
}

.sidebar-tags-list>ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}

.sidebar-tags-list>ul>li {
    margin: 3px;
}

.sidebar-tags-list a {
    position: relative;
    display: block;
    background-color: rgb(160 160 160 / 15%);
    padding: 2px 10px;
    font-size: 13px;
    font-weight: 300;
    color: #cacaca;
    overflow: hidden;
    z-index: 1;
    border-radius: 50px;
    transition: all .2s ease-in-out;
}

.sidebar-tags-list a:hover {
    background-color: var(--tt-main-color);
    color: #FFF;
}


/* Sidebar meta 
================ */

.sidebar-meta {}

.sidebar-meta ul>li>a {
    position: relative;
    margin: 3px 0;
    font-size: 16px;
    color: #b1b1b1;
    display: inline;
    background-repeat: no-repeat;
    background-image: -o-linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    background-image: -ms-linear-gradient(transparent 96%, currentColor 1px);
    transition: 0.6s cubic-bezier(.215, .61, .355, 1);
    background-size: 0 96%;
}

.sidebar-meta ul>li>a:hover {
    background-size: 100% 96%;
    color: #FFF;
}


/* ------------------------------------------------------------- *
 * Blog list
/* ------------------------------------------------------------- */

#blog-list {}


/* Blog list item
================== */

.blog-list-item {
    position: relative;
    margin-bottom: 80px;
}


/* Blog list item image */

.bli-image-wrap {}

.bli-image {
    position: relative;
    display: block;
    overflow: hidden;
}

.bli-image img {
    transition: all 1s cubic-bezier(.165, .84, .44, 1);
}

.bli-image:hover img {
    transform: scale(1.05);
}

#blog-list.bli-image-cropped .bli-image {
    position: relative;
    background-color: rgba(130, 130, 130, 0.1);
    padding-bottom: 55%;
}

#blog-list.bli-image-cropped .bli-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}


/* Blog list item info */

.bli-info {
    position: relative;
    padding-top: 30px;
}

.bli-categories {
    position: relative;
    display: inline-block;
    margin-bottom: 5px;
    font-size: 16px;
    color: #d1d1d1;
}

.bli-categories a {
    position: relative;
    display: inline-block;
}

.bli-categories a:hover {
    opacity: .8;
}

.bli-categories a~a:not(:empty)::before {
    content: ", ";
}

.bli-title {
    margin-bottom: 20px;
    font-size: clamp(28px, 3vw, 42px);
    font-weight: bold;
    font-weight: 600;
    color: #FFF;
    line-height: 1.4;
}

.bli-title a {
    color: #FFF;
    display: inline;
    background-repeat: no-repeat;
    background-image: -o-linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    background-image: -ms-linear-gradient(transparent 96%, currentColor 1px);
    transition: 0.6s cubic-bezier(.215, .61, .355, 1);
    background-size: 0 96%;
}

.bli-title a:hover {
    background-size: 100% 96%;
}

.bli-meta {
    font-size: 15px;
    color: #d1d1d1;
}

.bli-meta a {
    position: relative;
    padding-bottom: 2px;
    color: #d1d1d1;
}

.bli-meta a:hover {
    opacity: .8;
}


/* Blog list item description */

.bli-desc {
    margin-top: 20px;
    font-weight: 300;
    font-size: 19px;
    color: #BBB;
}


/* Blog list item read more button */

.bli-read-more.tt-btn {
    height: 45px;
    margin: 40px 0 0 0;
}


/* Blog list compact 
===================== */

@media (min-width: 1025px) {
    #blog-list.bli-compact .blog-list-item {
        display: flex;
        margin-bottom: 100px;
    }
    #blog-list.bli-compact .bli-image-wrap {
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
    }
    #blog-list.bli-compact .bli-image {
        padding-bottom: 0;
    }
    #blog-list.bli-compact .bli-image,
    #blog-list.bli-compact .anim-image-parallax-wrap {
        height: 100%;
    }
    #blog-list.bli-compact .bli-info {
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%;
        padding-top: 0;
    }
    #blog-list.bli-compact .bli-image-wrap+.bli-info {
        padding: 0 0 0 5%;
    }
    #blog-list.bli-compact .bli-categories {
        margin-bottom: 10px;
    }
    #blog-list.bli-compact .bli-title {
        margin-bottom: 15px;
        font-size: clamp(28px, 3vw, 38px);
    }
    #blog-list.bli-compact .bli-desc {
        margin-top: 20px;
    }
    #blog-list.bli-compact .bli-read-more {
        margin: 30px 0 0 0;
    }
    /* Counter (no effect if sidebar exist!) */
    body:not(.tt-sidebar-on) #blog-list.bli-compact {
        counter-reset: bli-compact-counter;
    }
    body:not(.tt-sidebar-on) #blog-list.bli-compact .bli-info::before {
        position: absolute;
        counter-increment: bli-compact-counter;
        content: "" counter(bli-compact-counter, decimal-leading-zero);
        top: -30%;
        left: 30%;
        line-height: 1;
        font-size: clamp(40px, 37vw, 360px);
        font-weight: normal;
        color: #FFF;
        opacity: 0.1;
        z-index: -1;
    }
    /* If sidebar exist */
    body.tt-sidebar-on #blog-list.bli-compact .bli-title {
        font-size: 30px;
    }
}


/* ------------------------------------------------------------- *
 * Blog interactive
/* ------------------------------------------------------------- */

.blog-interactive {}

.blog-interactive-item {
    position: relative;
    margin-bottom: 100px;
}

@media (max-width: 1400px) {
    .blog-interactive-item {
        padding-left: 3%;
        padding-right: 3%;
    }
}

@media (max-width: 768px) {
    .blog-interactive-item {
        padding-left: 0;
        padding-right: 0;
    }
}


/* Blog interactive item counter */

@media (min-width: 769px) {
    .blog-interactive {
        counter-reset: bi-item-counter;
    }
    .blog-interactive-item::before {
        position: absolute;
        counter-increment: bi-item-counter;
        content: "" counter(bi-item-counter, decimal-leading-zero);
        top: 45%;
        right: 0;
        line-height: 1;
        font-size: clamp(40px, 12vw, 220px);
        font-weight: normal;
        color: #FFF;
        opacity: 0.1;
        z-index: -1;
        transform: translateY(-50%);
    }
}

@media (max-width: 1400px) {
    .blog-interactive-item::before {
        right: 3%;
    }
}


/* Blog interactive item image */

.bi-item-image {
    position: relative;
    display: block;
    overflow: hidden;
}

.bi-item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (min-width: 769px) {
    .blog-interactive-item .bi-item-image {
        display: none;
    }
    #ball .bi-item-image {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
    }
    #ball .bi-item-image::before {
        position: absolute;
        display: block;
        content: "";
        top: -1px;
        left: -1px;
        bottom: -1px;
        right: -1px;
        background-color: #040404;
        opacity: .2;
    }
}

@media (max-width: 768px) {
    .bi-item-image {
        display: block;
        margin-bottom: 30px;
        padding-bottom: 60%;
    }
    .bi-item-image img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 50% 50%;
    }
}


/* Blog interactive item categories */

.bi-item-categories {
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    font-size: 16px;
    color: #999;
}

.bi-item-categories a {
    position: relative;
    display: inline-block;
}

.bi-item-categories a:hover {
    opacity: .8;
}

.bi-item-categories a~a:not(:empty)::before {
    content: ", ";
}


/* Blog interactive item title */

.bi-item-title {
    margin-bottom: 30px;
    font-size: clamp(28px, 3vw, 50px);
    font-weight: bold;
    font-weight: 500;
    color: #FFF;
    line-height: 1.4;
}

@media (min-width: 769px) {
    .blog-interactive-item:not(.bi-item-image-on) .bi-item-title {
        padding-right: 23%;
    }
}

@media (max-width: 768px) {
    .bi-item-title {
        margin-bottom: 15px;
    }
}

.bi-item-title a {
    display: block;
    color: #FFF;
}

.blog-interactive-item:not(.bi-item-image-on) .bi-item-title a {
    color: #FFF;
    display: inline;
    background-repeat: no-repeat;
    background-image: -o-linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    background-image: -ms-linear-gradient(transparent 96%, currentColor 1px);
    transition: 0.6s cubic-bezier(.215, .61, .355, 1);
    background-size: 0 96%;
}

.blog-interactive-item:not(.bi-item-image-on) .bi-item-title a:hover {
    background-size: 100% 96%;
    color: #FFF;
}

@media (min-width: 769px) {
    .blog-interactive-item.bi-item-image-on .bi-item-title a {
        padding-right: 23%;
    }
}


/* Blog interactive item meta */

.bi-item-meta {
    font-size: 15px;
    color: #999;
}

.bi-item-meta a {
    position: relative;
    padding-bottom: 2px;
    color: #999;
}

.bi-item-meta a:hover {
    opacity: .8;
}


/* Magic cursor behavior */

#magic-cursor.blog-interactive-hover-on {
    z-index: -1;
}

#magic-cursor.blog-interactive-hover-on #ball {
    overflow: hidden;
    border: none !important;
}


/* Blog interactive item styles 
================================ */


/* Borders */

@media (min-width: 769px) {
    .blog-interactive.bi-borders .blog-interactive-item {
        margin: 0;
        padding-top: 60px;
        padding-bottom: 60px;
        border-bottom: 1px solid rgb(144 144 144 / 35%);
    }
    .blog-interactive.bi-borders .blog-interactive-item:first-child {
        border-top: 1px solid rgb(144 144 144 / 35%);
    }
}


/* ------------------------------------------------------------- *
 * Blog single post
/* ------------------------------------------------------------- */


/* blog single inner */

.blog-single-inner {
    position: relative;
    padding-left: 5%;
    padding-right: 5%;
}


/* if page boxed layout enabled */

body.tt-boxed .blog-single-inner.tt-wrap {
    padding-left: 15px;
    padding-right: 15px;
}


/* Blog single post 
==================== */

.tt-blog-post {
    position: relative;
}


/* blog single post content */

.tt-blog-post-content {}

.tt-blog-post-content p {
    color: #CCC;
}


/* blog single post image */

.tt-blog-post-image {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

.tt-bpi-link {
    position: relative;
    display: block;
}

.tt-blog-post-image img {}

.tt-bpi-caption {}


/* blog single tags */

.tt-blog-post-tags {
    padding: 40px 0;
    font-size: 16px;
    font-weight: bold;
    font-weight: 700;
    overflow: hidden;
    margin-top: 60px;
    overflow: hidden;
    border-top: 1px solid rgba(150, 150, 150, 0.3);
}

.tt-blog-post-tags span {
    color: #BBB;
}

.tt-blog-post-tags>ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.tt-blog-post-tags>ul>li {
    float: left;
    margin: 3px;
}

.tt-blog-post-tags a {
    position: relative;
    display: block;
    background-color: rgb(160 160 160 / 15%);
    padding: 2px 10px;
    font-size: 14px;
    font-weight: 300;
    color: #cacaca;
    overflow: hidden;
    z-index: 1;
    border-radius: 50px;
    transition: all .2s ease-in-out;
}

.tt-blog-post-tags a:hover {
    background-color: var(--tt-main-color);
    color: #FFF;
}


/* Blog single post share 
========================== */

.tt-blog-post-share {
    display: flex;
    align-items: center;
}

.tt-blog-post-share>ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.tt-blog-post-share>ul>li {
    display: inline-block;
}

.tt-bps-text {
    margin-right: 20px;
    font-size: 16px;
    font-weight: bold;
    font-weight: 700;
    color: #BBB;
}

.tt-blog-post-share .social-buttons {
    margin-left: -20px;
}

.tt-blog-post-share .social-buttons>ul>li a {
    font-size: 19px;
}


/* Blog single post nav 
======================== */

.tt-blog-post-nav {
    margin-top: 40px;
    padding-top: 60px;
    overflow: hidden;
    border-top: 1px solid rgba(150, 150, 150, 0.3);
}

.tt-bp-nav-col {
    float: left;
    width: 50%;
}

.tt-bp-nav-left {
    padding-right: 5%;
    border-right: 1px solid rgba(150, 150, 150, 0.3);
}

.tt-bp-nav-left span {
    margin-right: 10px;
}

.tt-bp-nav-right {
    padding-left: 5%;
    text-align: right;
}

.tt-bp-nav-right span {
    margin-left: 10px;
}

.tt-bp-nav-text {
    margin-bottom: 10px;
    font-size: 21px;
    font-weight: bold;
    font-weight: 500;
    color: #b7b7b7;
}

@media (max-width: 680px) {
    .tt-bp-nav-text {
        margin-bottom: 0;
        font-size: 19px;
        color: #FFF;
    }
}

.tt-bp-nav-title {
    margin: 0;
    font-size: 21px;
    line-height: 1.4;
}

@media (max-width: 680px) {
    .tt-bp-nav-title {
        display: none;
    }
}

.tt-bp-nav-title a {
    color: #FFF;
    display: inline;
    background-repeat: no-repeat;
    background-image: -o-linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    background-image: -ms-linear-gradient(transparent 96%, currentColor 1px);
    transition: 0.6s cubic-bezier(.215, .61, .355, 1);
    background-size: 0 96%;
}

.tt-bp-nav-title a:hover {
    background-size: 100% 96%;
    color: #FFF;
}


/* Blog single post comments 
============================= */

#tt-blog-post-comments {
    margin-top: 60px;
    padding-top: 60px;
    border-top: 1px solid rgba(150, 150, 150, 0.2);
}

.tt-bpc-heading {
    margin: 0 0 30px 0;
    font-size: 24px;
}


/* tt-Comments list */

.tt-comments-list {
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
}

.tt-comments-list>li {
    margin-top: 40px;
}


/* tt-Comments */

.tt-comment {}


/* tt-Comments avatar */

.tt-comment-avatar {
    position: relative;
    display: inline-block;
    float: left;
    width: 50px;
    height: 50px;
    margin-right: 20px;
    overflow: hidden;
    border-radius: 100px;
}

.tt-comment-avatar img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

.tt-comment-avatar:hover {
    opacity: .9;
}


/* tt-Comments pody */

.tt-comment-body {
    position: relative;
    display: table;
}

@media (max-width: 768px) {
    .tt-comment-body {
        display: block;
    }
}


/* tt-Comments meta */

.tt-comment-meta {
    padding-right: 70px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(150, 150, 150, 0.3);
}

.tt-comment-heading {
    margin: 0 0 5px 0;
    text-transform: none;
    letter-spacing: 0;
    font-size: 17px;
    color: #CCC;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tt-comment-heading a {
    position: relative;
    color: #DDD;
    display: inline;
    background-repeat: no-repeat;
    background-image: -o-linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    background-image: -ms-linear-gradient(transparent 96%, currentColor 1px);
    transition: 0.4s cubic-bezier(.215, .61, .355, 1);
    background-size: 0 96%;
}

.tt-comment-heading a:hover {
    background-size: 100% 96%;
    color: #FFF;
}

.tt-comment-time {
    display: block;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: normal;
    color: #b7b7b7;
}


/* tt-Comments text */

.tt-comment-text {
    clear: both;
    color: #CCC;
}

@media (max-width: 768px) {
    .tt-comment-text {
        font-size: 16px;
    }
}


/* tt-Comments reply */

.tt-comment-reply {
    position: absolute;
    top: 20px;
    right: 20px;
    text-align: right;
    font-size: 14px;
    font-style: italic;
    z-index: 9;
}

@media (max-width: 768px) {
    .tt-comment-reply {
        top: 0;
        right: 0;
    }
}

.tt-comment-reply a {
    position: relative;
    color: #999;
    display: inline;
    background-repeat: no-repeat;
    background-image: -o-linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    background-image: -ms-linear-gradient(transparent 96%, currentColor 1px);
    transition: 0.3s cubic-bezier(.215, .61, .355, 1);
    background-size: 0 96%;
}

.tt-comment-reply a:hover {
    background-size: 100% 96%;
    color: #FFF;
}


/* blog single post comment form */

.tt-post-comment-form-heading {
    margin-bottom: 50px;
    font-size: 28px;
}

#tt-post-comment-form {
    margin-top: 140px;
}

@media (max-width: 768px) {
    #tt-post-comment-form {
        margin-top: 80px;
    }
}

#tt-post-comment-form .tt-post-comment-reminder {
    margin-top: 30px;
    line-height: 1.2;
}

#tt-post-comment-form .tt-post-comment-reminder label {
    padding-top: 3px;
    font-size: 15px;
    font-weight: normal;
    color: #888;
    text-transform: unset;
    letter-spacing: 0;
}


/* ------------------------------------------------------------- *
 * Blog carousel
/* ------------------------------------------------------------- */

.tt-blog-carousel {
    position: relative;
}

.tt-blog-carousel .swiper {
    margin-left: -1.5vw;
    margin-right: -1.5vw;
}

.tt-blog-carousel-item {
    position: relative;
}

@media (min-width: 768px) {
    .tt-blog-carousel-item {
        margin-left: 1.5vw;
        margin-right: 1.5vw;
    }
}


/* Blog carousel item 
====================== */


/* Blog carousel item image */

.tt-bci-image-wrap {
    display: block;
}

.tt-bci-image {
    position: relative;
    display: block;
    background-color: rgba(130, 130, 130, 0.1);
    padding-bottom: 65%;
    overflow: hidden;
}

.tt-bci-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    transition: all 1s cubic-bezier(.165, .84, .44, 1);
}

.tt-bci-image-wrap:hover .tt-bci-image img {
    transform: scale(1.05);
}


/* Blog carousel item info */

.tt-bci-info {
    position: relative;
    padding-top: 20px;
}

.tt-bci-categories {
    position: relative;
    display: inline-block;
    margin-bottom: 5px;
    font-size: 15px;
    color: #d1d1d1;
}

.tt-bci-categories a {
    position: relative;
    display: inline-block;
}

.tt-bci-categories a:hover {
    opacity: .8;
}

.tt-bci-categories a~a:not(:empty)::before {
    content: ", ";
}

.tt-bci-title {
    margin-bottom: 20px;
    font-size: clamp(24px, 2vw, 32px);
    font-weight: bold;
    font-weight: 600;
    color: #FFF;
    line-height: 1.3;
}

.tt-bci-title a {
    color: #FFF;
    display: inline;
    background-repeat: no-repeat;
    background-image: -o-linear-gradient(transparent calc(100% - 2px), currentColor 2px);
    background-image: linear-gradient(transparent calc(100% - 2px), currentColor 2px);
    background-image: -ms-linear-gradient(transparent 96%, currentColor 2px);
    transition: 0.6s cubic-bezier(.215, .61, .355, 1);
    background-size: 0 96%;
}

.tt-bci-title a:hover {
    background-size: 100% 96%;
}

.tt-bci-meta {
    font-size: 15px;
    color: #d1d1d1;
}

.tt-bci-meta a {
    position: relative;
    padding-bottom: 2px;
    color: #d1d1d1;
}

.tt-bci-meta a:hover {
    opacity: .8;
}


/* Blog carousel navigation 
============================ */

.tt-blc-nav-prev,
.tt-blc-nav-next {
    position: absolute;
    top: -100px;
    z-index: 20;
    background-color: rgb(137 137 137 / 10%);
    border-radius: 96px 122px 80px 115px;
}

.tt-blc-nav-prev {
    right: 80px;
}

.tt-blc-nav-next {
    right: 0;
}

.tt-blc-nav-arrow {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    font-size: 21px;
    color: #FFF;
    cursor: pointer;
    outline: none;
}

.tt-blc-nav-arrow-disabled {
    opacity: .3;
    cursor: auto;
    pointer-events: none;
}

@media (max-width: 768px) {
    .tt-blc-nav-prev,
    .tt-blc-nav-next {
        top: -65px;
    }
    .tt-blc-nav-prev {
        right: 55px;
    }
    .tt-blc-nav-arrow {
        width: 50px;
        height: 50px;
    }
    [class*="tt-arrow"] {
        width: 17px;
    }
    [class*="tt-arrow"]:before,
    [class*="tt-arrow"]:after {
        width: 10px;
    }
}


/* Hide blog carousel navigation */

.tt-blog-carousel.tt-blc-hide-navigation .tt-blc-nav-next,
.tt-blog-carousel.tt-blc-hide-navigation .tt-blc-nav-prev {
    display: none;
}


/* Blog carousel pagination 
============================ */

.tt-blc-pagination {
    position: absolute;
    display: none;
    /* hidden by default */
    bottom: 15px;
    left: 50%;
    z-index: 1;
    transform: translate3d(-50%, 0, 0);
}


/* Blog carousel pagination bullets */

.tt-blc-pagination-bullets {
    font-size: 0;
}

.tt-blc-pagination-bullets .swiper-pagination-bullet {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: transparent;
    margin: 8px;
    opacity: 1;
    border-radius: 100%;
    border: 2px solid #fff;
}

.tt-blc-pagination-bullets .swiper-pagination-bullet-active {
    background: var(--tt-main-color);
    border-color: var(--tt-main-color);
    opacity: 1;
}


/* Blog carousel pagination dynamic bullets */

.tt-blc-pagination-bullets-dynamic {
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
}

.tt-blc-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative;
    transition: .2s transform, .2s left;
}

.tt-blc-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66);
}

.tt-blc-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33);
}

.tt-blc-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66);
}

.tt-blc-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33);
}

.tt-blc-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}


/* Blog carousel pagination fraction */

.tt-blc-pagination-fraction {
    font-size: 14px;
    font-weight: 600;
    color: #FFF;
    letter-spacing: 2px;
}

.tt-blc-pagination-fraction .swiper-pagination-current {
    position: relative;
    top: -4px;
}

.tt-blc-pagination-fraction .swiper-pagination-total {
    position: relative;
    bottom: -4px;
}


/* Blog carousel pagination progressbar */

.tt-blc-pagination-progressbar {
    width: 100%;
    max-width: 300px;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.3);
}

@media (max-width: 768px) {
    .tt-blc-pagination-progressbar {
        max-width: 90%;
    }
}

.tt-blc-pagination-progressbar .swiper-pagination-progressbar-fill {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    transform: scale(0);
    transform-origin: left top;
}


/* Display blog carousel pagination */

.tt-blog-carousel[data-pagination-type] {
    padding-bottom: 100px;
}

@media (max-width: 768px) {
    .tt-blog-carousel[data-pagination-type] {
        padding-bottom: 80px;
    }
}

.tt-blog-carousel[data-pagination-type] .tt-blc-pagination {
    display: block;
}


/* Blog carousel styles 
======================== */


/* Style shifted */

@media (min-width: 1025px) {
    .tt-blog-carousel.tt-blc-shifted:not([data-loop="true"]) .swiper-slide:nth-child(even) {
        padding-top: 5%;
    }
}


/* ------------------------------------------------------------- *
 * Footer
/* ------------------------------------------------------------- */

#tt-footer {
    position: relative;
    width: 100%;
    font-size: 14px;
    z-index: 2;
}

.tt-footer-inner {
    position: relative;
}

body:not(.tt-boxed) .tt-footer-inner,
.tt-footer-inner:not(.tt-wrap) {
    padding-left: 3.5%;
    padding-right: 3.5%;
}

#tt-footer a {
    font-size: 14px;
    color: #FFF;
}

#tt-footer .tt-btn {
    margin-top: 3px;
    margin-bottom: 3px;
}


/* Footer copyright */

#tt-footer .tt-copyright {
    color: #888;
}

#tt-footer .tt-copyright a {
    color: #888;
}

#tt-footer .tt-copyright a:hover {}

#tt-footer .tt-copyright .tt-btn-link {
    font-weight: normal;
}

#tt-footer .tt-copyright.text-gray .tt-btn-link>* {
    color: #CCC;
}

#tt-footer .tt-copyright.text-gray:hover .tt-btn-link .tt-btn-icon {}


/* For desktop only 
==================== */

@media (min-width: 1025px) {
    #tt-footer {
        padding: 30px 0;
    }
    #tt-footer.footer-absolute {
        position: absolute;
        left: 0;
        bottom: 30px;
        padding: 0;
        pointer-events: none;
    }
    #tt-footer.footer-absolute a {
        pointer-events: initial;
    }
    .tt-footer-inner {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    /* Footer columns */
    .footer-col {
        flex: 1;
        padding: 0 15px;
        margin: 0 5px;
    }
    .footer-col:first-child {
        margin-left: 0;
        padding-left: 0;
    }
    .footer-col:last-child {
        margin-right: 0;
        padding-right: 0;
    }
    .footer-col-inner {}
    /* Align footer column content */
    .footer-col.tt-align-top-center {
        display: flex;
        justify-content: center;
    }
    .footer-col.tt-align-top-right {
        display: flex;
        justify-content: flex-end;
    }
    .footer-col.tt-align-center-left {
        display: flex;
        align-items: center;
    }
    .footer-col.tt-align-center {
        display: flex;
        align-items: center;
        justify-content: right;
    }
    .footer-col.tt-align-center-right {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    .footer-col.tt-align-bottom {
        display: flex;
        align-items: flex-end;
    }
    .footer-col.tt-align-bottom-center {
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }
    .footer-col.tt-align-bottom-right {
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
    }
    /* Footer social */
    #tt-footer .footer-social {
        position: relative;
        line-height: 50px;
        height: 50px;
        pointer-events: auto;
        color: #FFF;
    }
    #tt-footer .footer-social:before {
        /* expands the hover area */
        position: absolute;
        content: "";
        top: 0;
        bottom: -30px;
        left: 0;
        right: 0;
        z-index: -1;
    }
    #tt-footer .footer-social .footer-social-text {
        display: block;
        text-align: right;
        font-size: 15px;
        cursor: pointer;
        opacity: 1;
        visibility: visible;
    }
    #tt-footer .footer-social .footer-social-text>span {
        margin-right: 13px;
    }
    #tt-footer .footer-social .social-buttons {
        opacity: 0;
        visibility: hidden;
        transform: translate3d(0, -50%, 0);
    }
    #tt-footer .footer-social .footer-social-text,
    #tt-footer .footer-social .social-buttons {
        transition: all 0.3s ease;
    }
    #tt-footer .footer-social:hover .footer-social-text {
        transform: translate3d(0, -50%, 0);
        opacity: 0;
        visibility: hidden;
    }
    #tt-footer .footer-social:hover .social-buttons {
        transform: translateY(-100%);
        opacity: 1;
        visibility: visible;
    }
}


/* For smaller screens only 
============================ */

@media (max-width: 1024px) {
    #tt-footer {
        padding: 60px 0;
    }
    .tt-footer-inner {
        display: flex;
        flex-direction: column;
    }
    /* Footer columns */
    .footer-col {
        display: block;
        margin-bottom: 10px;
        text-align: center;
    }
    .footer-col:first-child {}
    .footer-col:last-child {}
    .footer-col-inner {}
    /* Order footer columns */
    .footer-col.order-m-first {
        order: -1;
    }
    .footer-col.order-m-last {
        order: 10;
    }
    .footer-col.order-m-1 {
        order: 1;
    }
    .footer-col.order-m-2 {
        order: 2;
    }
    .footer-col.order-m-3 {
        order: 3;
    }
    .footer-col.order-m-4 {
        order: 4;
    }
    .footer-col.order-m-5 {
        order: 5;
    }
    .footer-col.order-m-6 {
        order: 6;
    }
    .footer-col.order-m-7 {
        order: 7;
    }
    .footer-col.order-m-8 {
        order: 8;
    }
    .footer-col.order-m-9 {
        order: 9;
    }
    .footer-col.order-m-10 {
        order: 10;
    }
    /* Footer copyright */
    #tt-footer .tt-copyright .tt-btn-link {
        height: auto;
    }
    /* Footer social */
    #tt-footer .footer-social {
        margin-bottom: 10px;
    }
    #tt-footer .footer-social .footer-social-text {
        display: none;
    }
    #tt-footer .social-buttons>ul>li a {
        width: 34px;
        height: 34px;
    }
}


/* ------------------------------------------------------------- *
 * If background is light
/* ------------------------------------------------------------- */


/* Make magic cursor dark 
========================== */

body.tt-light-bg-hover #ball,
body.psi-light-bg-on #ball {
    border-color: #111;
}

body.tt-light-bg-hover:not(.tt-ol-menu-open) #ball .ball-drag,
body.tt-light-bg-hover:not(.tt-ol-menu-open) #ball .ball-drag::before,
body.tt-light-bg-hover:not(.tt-ol-menu-open) #ball .ball-drag::after,
body.psi-light-bg-on:not(.tt-ol-menu-open) #ball .ball-drag::before,
body.psi-light-bg-on:not(.tt-ol-menu-open) #ball .ball-drag::after {
    color: #111;
}


/* Make header elements dark
============================= */


/* Make header logo dark */

body.tt-light-bg-on:not(.tt-ol-menu-open) #tt-header .tt-logo-light {
    display: none;
}

body.tt-light-bg-on:not(.tt-ol-menu-open) #tt-header .tt-logo-dark {
    display: block;
}


/* Make overlay menu toggle button dark */

body.tt-light-bg-on:not(.tt-ol-menu-open) .tt-ol-menu-toggle-btn-text {
    color: #111;
}

body.tt-light-bg-on:not(.tt-ol-menu-open) .tt-ol-menu-toggle-btn:hover span,
body.tt-light-bg-on:not(.tt-ol-menu-open) .tt-ol-menu-toggle-btn span::before,
body.tt-light-bg-on:not(.tt-ol-menu-open) .tt-ol-menu-toggle-btn span::after {
    background-color: #111;
}


/* Make classic menu links dark */

@media (min-width: 1025px) {
    body.tt-light-bg-on .tt-main-menu-list>li>a,
    body.tt-light-bg-on .tt-main-menu-list>li>.tt-submenu-trigger>a {
        color: #111;
    }
    body.tt-light-bg-on .tt-main-menu-list.tt-mm-hover>li>a:hover,
    body.tt-light-bg-on .tt-main-menu-list.tt-mm-hover>li>.tt-submenu-trigger>a:hover,
    body.tt-light-bg-on .tt-main-menu-list.tt-mm-hover>li.active>a,
    body.tt-light-bg-on .tt-main-menu-list.tt-mm-hover>li.active>.tt-submenu-trigger>a,
    body.tt-light-bg-on .tt-main-menu-list.tt-mm-hover>li.tt-submenu-open>.tt-submenu-trigger>a {
        opacity: 1;
        color: #000;
    }
}

@media (max-width: 1024px) {
    body.tt-light-bg-on:not(.tt-m-menu-open) .tt-m-menu-toggle-btn-text {
        color: #111;
    }
    body.tt-light-bg-on:not(.tt-m-menu-open) .tt-m-menu-toggle-btn span::before,
    body.tt-light-bg-on:not(.tt-m-menu-open) .tt-m-menu-toggle-btn span::after {
        background-color: #111;
    }
}


/* Make page header elements dark 
================================== */


/* Make page header caption dark */

body.tt-light-bg-on .ph-category,
body.tt-light-bg-on .ph-caption-title,
body.tt-light-bg-on .ph-caption-subtitle,
body.tt-light-bg-on .ph-meta,
body.tt-light-bg-on .ph-meta a {
    color: #111;
}

body.tt-light-bg-on #page-header.ph-stroke .ph-caption-title {
    -webkit-text-stroke-color: #111;
}


/* Make scroll down button dark */

body.tt-light-bg-on .tt-sd-arrow-inner,
body.tt-light-bg-on .tt-sd-arrow::before,
body.tt-light-bg-on .tt-sd-arrow::after {
    background-color: #555;
}

body.tt-light-bg-on .tt-sd-text {
    color: #555;
}

body.tt-light-bg-on .tt-sd-inner:hover .tt-sd-arrow-inner,
body.tt-light-bg-on .tt-sd-inner:hover .tt-sd-arrow::before,
body.tt-light-bg-on .tt-sd-inner:hover .tt-sd-arrow::after {
    background-color: #000;
}

body.tt-light-bg-on .tt-sd-inner:hover .tt-sd-text {
    color: #000;
}


/* Make project share button dark */

body.tt-light-bg-on .ph-share-text {
    color: #111;
}

body.tt-light-bg-on .ph-share-icon {
    color: #111;
    opacity: .9 !important;
}

body.tt-light-bg-on .ph-share .social-buttons>ul>li a {
    color: #111;
}


/* Make portfolio slider elements dark (full screen)
======================================= */


/* Make portfolio slider caption dark */

body.tt-light-bg-on .tt-ps-caption-category,
body.tt-light-bg-on .tt-ps-caption-title a {
    color: #111;
}

body.tt-light-bg-on .tt-portfolio-slider-caption.psc-stroke .tt-ps-caption-title {
    -webkit-text-stroke-color: #111;
}


/* Make portfolio slider navigation dark */

body.tt-light-bg-on .tt-ps-nav-pagination-fraction,
body.tt-light-bg-on .tt-ps-nav-arrow,
body.tt-light-bg-on [class*="tt-arrow"] {
    color: #111;
}

body.tt-light-bg-on .tt-ps-nav-pagination-progressbar {
    background-color: rgb(0 0 0 / 20%);
}

body.tt-light-bg-on .tt-ps-nav-pagination-progressbar .swiper-pagination-progressbar-fill {
    background-color: #111;
}

body.tt-light-bg-on .tt-ps-nav-pagination-bullets .swiper-pagination-bullet {
    border-color: #111;
}

body.tt-light-bg-on .tt-ps-nav-pagination-bullets .swiper-pagination-bullet-active {
    background: #111;
}


/* Make next project elements dark 
=================================== */

body.tt-np-image-on .tt-next-project.tt-np-image-is-light .tt-np-title,
body.tt-np-image-on .tt-next-project.tt-np-image-is-light .tt-np-title a,
body.tt-np-image-on .tt-next-project.tt-np-image-is-light .tt-np-subtitle {
    color: #111;
}

.tt-next-project[class*="pn-image-cover-"].tt-np-image-is-light .tt-np-image::before {
    display: none;
}


/* Make footer elements dark 
============================= */

@media (min-width: 1025px) {
    body.tt-light-bg-on #tt-footer,
    body.tt-light-bg-on #tt-footer a,
    body.tt-light-bg-on #tt-footer .tt-btn-link>*,
    body.tt-light-bg-on #tt-footer .tt-btn-link>*::after,
    body.tt-light-bg-on #tt-footer .tt-copyright.text-gray .tt-btn-link>*,
    body.tt-light-bg-on #tt-footer .footer-social {
        color: #111;
    }
    body.tt-light-bg-on #tt-footer .tt-btn-link::after,
    body.tt-light-bg-on #tt-footer .tt-btn-line {
        background-color: #111;
    }
}


/* .tt-style-switch {
    display: none!important;
} */


/* ------------------------------------------------------------- *
 * Template style switch button
/* ------------------------------------------------------------- */

.tt-style-switch {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 30%;
    right: 0;
    width: 40px;
    height: 35px;
    background-color: #444;
    font-size: 16px;
    color: #FFF;
    cursor: pointer;
    z-index: 999;
    border-radius: 50px 0 0 50px;
    transition: all .2s;
}

@media (max-width: 540px) {
    .tt-style-switch {
        top: auto;
        bottom: 100px;
    }
}

body:not(.is-mobile) .tt-style-switch:hover {
    width: 45px;
    background-color: var(--tt-main-color);
    color: #FFF;
}

.tt-style-switch.is-dark {}

.tt-stsw-dark,
.tt-stsw-light {
    line-height: 0;
}

.tt-style-switch:not(.is-dark) .tt-stsw-dark {
    display: none;
}

.tt-style-switch.is-dark .tt-stsw-light {
    display: none;
}


/* If the sliding sidebar is on the right side */

@media (min-width: 769px) {
    body.tt-sliding-sidebar-right-on .tt-style-switch {
        right: auto;
        left: 0;
        border-radius: 0 50px 50px 0;
    }
}

.logos_index {
    z-index: 10000000;
    width: 350px;
    height: auto;
    position: absolute;
    right: 20%;
    /* top: 30%; */
    transform: translateY(-50%);
    top: 50%;
}

.header_buttons {
    gap: 20px;
    justify-content: center;
    margin-right: 70px;
    position: absolute;
    top: 119px;
    /* transform: translateX(50%); */
    z-index: 10000000000000000;
    /* left: 0; */
    margin: 0 auto;
    /* right: 0; */
    width: 100%;
}

.dostavka {
    color: white;
    background-color: red;
    border-radius: 50px;
    padding: 17px 30px 17px 62px;
    font-size: 16px;
    font-weight: 200;
    position: relative;
    font-family: tahoma;
    display: flex;
    align-items: center;
}

.dostavka img {
    width: 28px;
    position: absolute;
    left: 17px;
}

.bron_stola {
    color: white;
    border-radius: 50px;
    border: 1px solid white;
    padding: 12px 30px;
    font-size: 16px;
    font-weight: 200;
    position: relative;
    font-family: tahoma;
    display: flex;
    align-items: center;
}

.bron_stola img {
    margin-right: 11px;
    margin-left: -10px;
}

.shine {
    background: no-repeat;
    background-size: 400%;
    color: white;
    border-radius: 50px;
    border: 1px solid white;
    font-size: 16px;
    font-weight: 200;
    position: relative;
    font-family: tahoma;
    display: flex;
    align-items: center;
}

.shine:hover {
    animation: animate 8s linear infinite;
    cursor: pointer;
    color: #FFF !important;
}

@keyframes animate {
    0% {
        background-position: 0%;
    }
    100% {
        background-position: 400%;
    }
}

.shine:before {
    content: '';
    position: absolute;
    top: -5px;
    bottom: -5px;
    right: -5px;
    left: -5px;
    z-index: -1;
    background: linear-gradient(90deg, #03a9f4, #f441a4, #ffeb3b, #03a9f4);
    background-size: 400%;
    border-radius: 40px;
    filter: blur(20px);
    opacity: 0;
    transition: 0.5s;
}

.shine:hover:before {
    filter: blur(20px);
    opacity: 1;
    animation: animate 8s linear infinite;
}

.bron_stola:hover {
    background: linear-gradient(90deg, #f40303, #f441a4, #ffeb3b, #03a9f4);
    background-size: 400%;
    border: none;
    color: #FFF !important;
    border: 1px solid red;
}

.whatsapp_logo {
    width: 40px;
    height: 40px;
    background: url(/local/templates/pasta/css/../images/whatsapp_logo.svg) no-repeat;
    filter: invert(1);
    display: inline-block;
    margin-right: 20px;
    background-size: cover;
}

.telegram_logo {
    width: 40px;
    height: 40px;
    background: url(/local/templates/pasta/css/../images/telegram_logo.svg) no-repeat;
    filter: invert(1);
    display: inline-block;
    background-size: cover;
}

.instagram_logo {
    width: 40px;
    height: 40px;
    background: url(/local/templates/pasta/css/../images/instagram_logo.svg) no-repeat;
    filter: invert(1);
    display: inline-block;
    margin-right: 20px;
    background-size: cover;
}

.vakansii_header {
    font-size: 40px;
    margin-bottom: 20px;
    margin-top: 40px;
}

.vakansii_item {
    font-size: 25px;
    color: #787878;
    margin-bottom: 20px;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 15rem auto;
    }
}


/* Форма бронирования */

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.fade.show {
    opacity: 1;
    background: #000000aa;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0;
}

.fade {
    opacity: 0;
    transition: opacity 0.15s linear;
}

.modal.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal.fade .modal-dialog {
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
}

@media (max-width: 1366px) {
    .modal-dialog {
        max-width: 400px;
    }
}

.modal-dialog {
    max-width: 800px;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 20rem auto;
    }
}

.modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 14px;
    outline: 0;
    min-width: 640px;
    color: black;
    padding: 30px;
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

.close:not(:disabled):not(.disabled) {
    cursor: pointer;
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
}

.close-but-form {
    color: red;
    font-size: 26px;
    padding-right: 20px;
    display: block;
    margin-top: 16px;
}

.success_modal {
    display: none;
}

.text-center {
    text-align: center !important;
}

.btn-form {
    background: #000;
    color: #FFF;
    padding: 5px 41px;
    border: none;
    cursor: pointer;
    font-size: 16px;
    border-radius: 50px;
    height: 45px;
}

.close {
    position: absolute;
    top: 0;
    right: 0;
}

.form_rest {
    width: 100%;
}

.form-group {
    clear: both;
    margin-bottom: 17px;
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

.form_header {
    font-size: 23px;
    margin-bottom: 30px;
    height: 25px;
}

.form-group input {
    border-radius: 50px!important;
    padding: 5px 20px!important;
    height: 45px;
    border: 1px solid #727272;
    margin-bottom: 12px;
}

.form_message {
    width: 100%;
    height: 86px;
    border-radius: 10px;
    border: 1px solid #909090;
    padding: 20px;
    margin-bottom: 33px;
}

select {
    border-radius: 50px!important;
    padding: 5px 20px!important;
    height: 45px;
    font-size: 16px;
    color: #323232;
    min-width: 100%;
}

.form_text {
    font-size: 17px;
    color: gray;
    padding-bottom: 7px;
    margin-left: 10px;
}


/*cookie*/

.cookie-consent {
    position: fixed;
    bottom: 20px;
    left: 20px;
    right: 20px;
    background-color: #161616eb;
    color: white;
    padding: 15px;
    border-radius: 5px;
    display: none;
    /* Скрываем уведомление по умолчанию */
    z-index: 1000;
}

.cookie-consent p {
    margin: 0;
    font-size: 13px;
    color: #cecece;
}

.cookieConsent_inner {
    display: flex;
}

.cookie-consent button {
    padding: 10px 25px;
    background-color: #F44336;
    color: white;
    margin-left: 24px;
    font-size: 13px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.cookie-consent button:hover {
    background-color: #9b261e;
}


/*cookie*/
/* End */


/* Start:/local/templates/pasta/js/jquery-ui-1.11.4/jquery-ui.min.css?173334241318753*/
/*! jQuery UI - v1.11.4 - 2016-05-25
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=cc0000&bgTextureHeader=highlight_soft&bgImgOpacityHeader=15&borderColorHeader=e3a1a1&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=eeeeee&fcContent=333333&iconColorContent=cc0000&bgColorDefault=eeeeee&bgTextureDefault=highlight_hard&bgImgOpacityDefault=100&borderColorDefault=d8dcdf&fcDefault=004276&iconColorDefault=cc0000&bgColorHover=f6f6f6&bgTextureHover=highlight_hard&bgImgOpacityHover=100&borderColorHover=cdd5da&fcHover=111111&iconColorHover=cc0000&bgColorActive=ffffff&bgTextureActive=flat&bgImgOpacityActive=65&borderColorActive=eeeeee&fcActive=cc0000&iconColorActive=cc0000&bgColorHighlight=fbf8ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcd3a1&fcHighlight=444444&iconColorHighlight=004276&bgColorError=f3d8d8&bgTextureError=diagonals_thick&bgImgOpacityError=75&borderColorError=cc0000&fcError=2e2e2e&iconColorError=cc0000&bgColorOverlay=a6a6a6&bgTextureOverlay=dots_small&bgImgOpacityOverlay=65&opacityOverlay=40&bgColorShadow=333333&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=10&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-widget{font-family:Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #eee;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #e3a1a1;background:#c00 url("/local/templates/pasta/js/jquery-ui-1.11.4/images/ui-bg_highlight-soft_15_cc0000_1x100.png") 50% 50% repeat-x;color:#fff;font-weight:bold}.ui-widget-header a{color:#fff}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d8dcdf;background:#eee url("/local/templates/pasta/js/jquery-ui-1.11.4/images/ui-bg_highlight-hard_100_eeeeee_1x100.png") 50% 50% repeat-x;font-weight:bold;color:#004276}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#004276;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #cdd5da;background:#f6f6f6 url("/local/templates/pasta/js/jquery-ui-1.11.4/images/ui-bg_highlight-hard_100_f6f6f6_1x100.png") 50% 50% repeat-x;font-weight:bold;color:#111}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#111;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #eee;background:#fff;font-weight:bold;color:#c00}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#c00;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcd3a1;background:#fbf8ee url("/local/templates/pasta/js/jquery-ui-1.11.4/images/ui-bg_glass_55_fbf8ee_1x400.png") 50% 50% repeat-x;color:#444}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#444}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #c00;background:#f3d8d8 url("/local/templates/pasta/js/jquery-ui-1.11.4/images/ui-bg_diagonals-thick_75_f3d8d8_40x40.png") 50% 50% repeat;color:#2e2e2e}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#2e2e2e}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#2e2e2e}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("/local/templates/pasta/js/jquery-ui-1.11.4/images/ui-icons_cc0000_256x240.png")}.ui-widget-header .ui-icon{background-image:url("/local/templates/pasta/js/jquery-ui-1.11.4/images/ui-icons_ffffff_256x240.png")}.ui-state-default .ui-icon{background-image:url("/local/templates/pasta/js/jquery-ui-1.11.4/images/ui-icons_cc0000_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("/local/templates/pasta/js/jquery-ui-1.11.4/images/ui-icons_cc0000_256x240.png")}.ui-state-active .ui-icon{background-image:url("/local/templates/pasta/js/jquery-ui-1.11.4/images/ui-icons_cc0000_256x240.png")}.ui-state-highlight .ui-icon{background-image:url("/local/templates/pasta/js/jquery-ui-1.11.4/images/ui-icons_004276_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("/local/templates/pasta/js/jquery-ui-1.11.4/images/ui-icons_cc0000_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:6px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:6px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:6px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:6px}.ui-widget-overlay{background:#a6a6a6 url("/local/templates/pasta/js/jquery-ui-1.11.4/images/ui-bg_dots-small_65_a6a6a6_2x2.png") 50% 50% repeat;opacity:.4;filter:Alpha(Opacity=40)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#333;opacity:.1;filter:Alpha(Opacity=10);border-radius:8px}
/* End */


/* Start:/local/templates/pasta/css/ios/ios.css?17333424131363*/


.bx-ios .col-1, .bx-ios .col-2, .bx-ios .col-3, .bx-ios .col-4, .bx-ios .col-5, .bx-ios .col-6, .bx-ios .col-7, .bx-ios .col-8, .bx-ios .col-9, .bx-ios .col-10, .bx-ios .col-11, .bx-ios .col-12, .bx-ios .col,

.bx-ios .col-auto, .bx-ios .col-sm-1, .bx-ios .col-sm-2, .bx-ios .col-sm-3, .bx-ios .col-sm-4, .bx-ios .col-sm-5, .bx-ios .col-sm-6, .bx-ios .col-sm-7, .bx-ios .col-sm-8, .bx-ios .col-sm-9, .bx-ios .col-sm-10, .bx-ios .col-sm-11, .bx-ios .col-sm-12, .bx-ios .col-sm,

.bx-ios .col-sm-auto, .bx-ios .col-md-1, .bx-ios .col-md-2, .bx-ios .col-md-3, .bx-ios .col-md-4, .bx-ios .col-md-5, .bx-ios .col-md-6, .bx-ios .col-md-7, .bx-ios .col-md-8, .bx-ios .col-md-9, .bx-ios .col-md-10, .bx-ios .col-md-11, .bx-ios .col-md-12, .bx-ios .col-md,

.bx-ios .col-md-auto, .bx-ios .col-lg-1, .bx-ios .col-lg-2, .bx-ios .col-lg-3, .bx-ios .col-lg-4, .bx-ios .col-lg-5, .bx-ios .col-lg-6, .bx-ios .col-lg-7, .bx-ios .col-lg-8, .bx-ios .col-lg-9, .bx-ios .col-lg-10, .bx-ios .col-lg-11, .bx-ios .col-lg-12, .bx-ios .col-lg,

.bx-ios .col-lg-auto, .bx-ios .col-xl-1, .bx-ios .col-xl-2, .bx-ios .col-xl-3, .bx-ios .col-xl-4, .bx-ios .col-xl-5, .bx-ios .col-xl-6, .bx-ios .col-xl-7, .bx-ios .col-xl-8, .bx-ios .col-xl-9, .bx-ios .col-xl-10, .bx-ios .col-xl-11, .bx-ios .col-xl-12, .bx-ios .col-xl,
.bx-ios .col-xl-auto {
  float: left;
  display: block;
}
/* End */


/* Start:/local/templates/pasta/css/business_menu.css?17333424132084*/
#business-page h2 {
padding-left: 15px;
margin-bottom: 20px;
}

.business-items {
	justify-content: center;
}

.buy-card.business-rest {
height: auto;
margin-bottom: 20px;
}

.buy-card.business-rest.new {
	background: #FFFFFF url(/bitrix/templates/vkus/components/bitrix/menu/restMenu/images/new-badge.svg) right 9px top 5px no-repeat;
    background-size: 14%;
}

#business-page .col-sm-4.product-item-big-card {
display: block !important;
flex: none;
width: 100% !important;
-webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 100%;
max-width: 100% !important;
margin-bottom: 10px;
}


#business-page .product-item-image-wrapper {
display: none;
}

#business-page .product-item {
width: 100%;
padding-bottom: 15px;
}

#business-page .product-item-description  {
display: none;
}

#business-page .product-item-title .product-item-description {
display: block;
font-weight: 300;
margin-bottom: 0px;
}

#business-page .product-item-title {
max-width: 60%;
min-height: 20px;
}

#business-page .product-item-info-wrap {

position: absolute;
top: 0px;
right: 0px;
padding: 15px;
padding-bottom: 0px;
padding-top: 13px;
}

#business-page .product-item-weight {
display: inline-block;
width: auto;
margin-bottom: 0px;
vertical-align: top;
line-height: 27px;
}

#business-page .product-item-price-current {
font-size: 14px;
font-weight: 500;
margin-right: 14px;
line-height: 27px;
}

#business-page .product-item .block-card-bott {
display: inline-block;
position: relative;
padding: 0px;
padding-bottom: 0px;
width: auto;
}

#business-page .product-item .block-card-bott > div {
display: inline-block;
}

#business-page .product-item-price-container {
width: auto;
float: left;
}

#business-page .product-item-buttons-container {
float: right;
margin-top: 0px;
}

#business-page .product-item-to-cart-button {
width: auto;
display: inline-block;
margin-top: 0px;
padding: 0px 10px;
line-height: 25px;
margin-left: 15px;
}

@media (max-width: 1023px){

#business-page .product-item-title {
max-width: 100%;
}

#business-page .product-item-info-wrap
{
position: relative;
padding-left: 0px;
}

}

/* End */


/* Start:/local/templates/pasta/components/bitrix/menu/burger_menu/style.css?1733342413817*/
/* Left menu*/
ul.left-menu
{
	list-style:none;
	margin:0; padding:0;
	position: relative; /*IE bug*/
	overflow: hidden;
	display: inline-block;
}

ul.left-menu li
{
	float: left;
	margin: 0 50px;
}

@media (max-width: 768px) {
    
ul.left-menu li
{
	margin: 0 20px;
}

}

ul.left-menu li a
{
	border-bottom: 5px solid transparent;
	font-size:18px;
	font-weight: 500;
	color:#333;
	text-decoration:none;
	padding: 20px 0;
	display: block;
	line-height: 1;
}

ul.left-menu li a:visited
{
}

ul.left-menu li a:hover, ul.left-menu li a:focus
{
	border-bottom: 5px solid #f0022f;
	color:#f0022f;
	display: block;
	box-sizing: border-box;
}

ul.left-menu li a.selected:link,
ul.left-menu li a.selected:visited,
ul.left-menu li a.selected:active,
ul.left-menu li a.selected:hover
{
	border-bottom: 5px solid #f0022f;
}




/* End */
/* /local/templates/pasta/vendor/normalize/normalize.min.css?17333424131854 */
/* /local/templates/pasta/vendor/fontawesome/css/fontawesome-all.min.css?173334241359344 */
/* /local/templates/pasta/vendor/swiper/css/swiper-bundle.min.css?173334241316466 */
/* /local/templates/pasta/vendor/lightgallery/css/lightgallery.min.css?173334241321027 */
/* /local/templates/pasta/css/helper.css?1733342413302747 */
/* /local/templates/pasta/css/theme.css?1751018481239206 */
/* /local/templates/pasta/js/jquery-ui-1.11.4/jquery-ui.min.css?173334241318753 */
/* /local/templates/pasta/css/ios/ios.css?17333424131363 */
/* /local/templates/pasta/css/business_menu.css?17333424132084 */
/* /local/templates/pasta/components/bitrix/menu/burger_menu/style.css?1733342413817 */