@font-face{font-family:Flaticon;src:url(../webfonts/Flaticon.eot);src:url(../webfonts/Flaticon.eot?#iefix) format("embedded-opentype"),url(../webfonts/Flaticon.woff2) format("woff2"),url(../webfonts/Flaticon.woff) format("woff"),url(../webfonts/Flaticon.ttf) format("truetype"),url(../webfonts/Flaticon.svg#Flaticon) format("svg");font-weight:400;font-style:normal}@media screen and (-webkit-min-device-pixel-ratio:0){@font-face{font-family:Flaticon;src:url(../webfonts/Flaticon.svg#Flaticon) format("svg")}}[class*=" flaticon-"]:after,[class*=" flaticon-"]:before,[class^=flaticon-]:after,[class^=flaticon-]:before{font-family:Flaticon;font-size:inherit;font-style:normal}.flaticon-verified:before{content:"\f100"}.flaticon-team:before{content:"\f101"}.flaticon-group:before{content:"\f102"}.flaticon-global:before{content:"\f103"}.flaticon-translate:before{content:"\f104"}.flaticon-reach:before{content:"\f105"}.flaticon-information:before{content:"\f106"}.flaticon-24-hours:before{content:"\f107"}.flaticon-phone:before{content:"\f108"}.flaticon-security:before{content:"\f109"}.flaticon-cyber-security:before{content:"\f10a"}.flaticon-cyber:before{content:"\f10b"}.flaticon-cyber-security-1:before{content:"\f10c"}.flaticon-ui:before{content:"\f10d"}.flaticon-cloud:before{content:"\f10e"}.flaticon-cloud-2:before{content:"\f10f"}.flaticon-website:before{content:"\f110"}.flaticon-optimization:before{content:"\f111"}.flaticon-mobile:before{content:"\f112"}.flaticon-search:before{content:"\f113"}.flaticon-search-1:before{content:"\f114"}.flaticon-shopping-cart:before{content:"\f115"}.flaticon-shopping-cart-1:before{content:"\f116"}.flaticon-shopping-cart-2:before{content:"\f117"}.flaticon-twitter:before{content:"\f118"}.flaticon-facebook:before{content:"\f119"}.flaticon-play:before{content:"\f11a"}.flaticon-right-quote:before{content:"\f11b"}.flaticon-right-quote-1:before{content:"\f11c"}.flaticon-call:before{content:"\f11d"}.flaticon-phone-1:before{content:"\f11e"}.flaticon-mail:before{content:"\f11f"}.flaticon-mail-2:before{content:"\f120"}.flaticon-mail-3:before{content:"\f121"}.flaticon-communications:before{content:"\f122"}.flaticon-newsletter:before{content:"\f123"}.flaticon-communications-1:before{content:"\f124"}.flaticon-clock:before{content:"\f125"}.flaticon-right-arrow:before{content:"\f126"}.flaticon-left-arrow:before{content:"\f127"}.flaticon-businessman:before{content:"\f128"}.flaticon-system:before{content:"\f129"}.flaticon-box:before{content:"\f12a"}.flaticon-feedback:before{content:"\f12b"}.flaticon-processing-system:before{content:"\f12c"}.flaticon-network:before{content:"\f12d"}.flaticon-system-1:before{content:"\f12e"}.flaticon-cloud-computing:before{content:"\f12f"}.flaticon-server:before{content:"\f130"}.flaticon-team-1:before{content:"\f131"}.flaticon-defense:before{content:"\f132"}.flaticon-safe:before{content:"\f133"}.flaticon-electronics:before{content:"\f134"}
@font-face {
    font-family: "nexicon";
    src: url("../webfonts/nexicon.ttf?f0c4452c7bbfac5ea9b99b59955a90d8") format("truetype"),
url("../webfonts/nexicon.woff?f0c4452c7bbfac5ea9b99b59955a90d8") format("woff"),
url("../webfonts/nexicon.woff2?f0c4452c7bbfac5ea9b99b59955a90d8") format("woff2"),
url("../webfonts/nexicon.eot?f0c4452c7bbfac5ea9b99b59955a90d8#iefix") format("embedded-opentype"),
url("../webfonts/nexicon.svg?f0c4452c7bbfac5ea9b99b59955a90d8#nexicon") format("svg");
font-display: swap;
}

i[class^="nexicon-"]:before, i[class*=" nexicon-"]:before {
    font-family: nexicon !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.nexicon-3d-modeling-1:before {
    content: "\f101";
}
.nexicon-3d-modeling:before {
    content: "\f102";
}
.nexicon-accounting:before {
    content: "\f103";
}
.nexicon-agreement-1:before {
    content: "\f104";
}
.nexicon-agreement-2:before {
    content: "\f105";
}
.nexicon-agreement:before {
    content: "\f106";
}
.nexicon-analysis-1:before {
    content: "\f107";
}
.nexicon-analysis-2:before {
    content: "\f108";
}
.nexicon-analysis-3:before {
    content: "\f109";
}
.nexicon-analysis:before {
    content: "\f10a";
}
.nexicon-apple-1:before {
    content: "\f10b";
}
.nexicon-apple-2:before {
    content: "\f10c";
}
.nexicon-apple:before {
    content: "\f10d";
}
.nexicon-apricot:before {
    content: "\f10e";
}
.nexicon-avocado:before {
    content: "\f10f";
}
.nexicon-balance:before {
    content: "\f110";
}
.nexicon-balloons:before {
    content: "\f111";
}
.nexicon-bananas:before {
    content: "\f112";
}
.nexicon-bars-1:before {
    content: "\f113";
}
.nexicon-bars:before {
    content: "\f114";
}
.nexicon-berry:before {
    content: "\f115";
}
.nexicon-blackboard:before {
    content: "\f116";
}
.nexicon-book-1:before {
    content: "\f117";
}
.nexicon-book:before {
    content: "\f118";
}
.nexicon-briefcase-1:before {
    content: "\f119";
}
.nexicon-briefcase:before {
    content: "\f11a";
}
.nexicon-broom-1:before {
    content: "\f11b";
}
.nexicon-broom:before {
    content: "\f11c";
}
.nexicon-bubbles:before {
    content: "\f11d";
}
.nexicon-bucket-1:before {
    content: "\f11e";
}
.nexicon-bucket:before {
    content: "\f11f";
}
.nexicon-bullhorn:before {
    content: "\f120";
}
.nexicon-calendar-1:before {
    content: "\f121";
}
.nexicon-calendar-2:before {
    content: "\f122";
}
.nexicon-calendar-3:before {
    content: "\f123";
}
.nexicon-calendar:before {
    content: "\f124";
}
.nexicon-campaign:before {
    content: "\f125";
}
.nexicon-cancel:before {
    content: "\f126";
}
.nexicon-cap:before {
    content: "\f127";
}
.nexicon-capitol:before {
    content: "\f128";
}
.nexicon-certificate-1:before {
    content: "\f129";
}
.nexicon-certificate:before {
    content: "\f12a";
}
.nexicon-chat-1:before {
    content: "\f12b";
}
.nexicon-chat-2:before {
    content: "\f12c";
}
.nexicon-chat:before {
    content: "\f12d";
}
.nexicon-check:before {
    content: "\f12e";
}
.nexicon-cherries:before {
    content: "\f12f";
}
.nexicon-cleaning-mop:before {
    content: "\f130";
}
.nexicon-cleaning-tools:before {
    content: "\f131";
}
.nexicon-cleaning:before {
    content: "\f132";
}
.nexicon-coding-1:before {
    content: "\f133";
}
.nexicon-coding-2:before {
    content: "\f134";
}
.nexicon-coding:before {
    content: "\f135";
}
.nexicon-consulting:before {
    content: "\f136";
}
.nexicon-contact:before {
    content: "\f137";
}
.nexicon-court:before {
    content: "\f138";
}
.nexicon-crm:before {
    content: "\f139";
}
.nexicon-dart-board:before {
    content: "\f13a";
}
.nexicon-data-visualization:before {
    content: "\f13b";
}
.nexicon-debate:before {
    content: "\f13c";
}
.nexicon-design:before {
    content: "\f13d";
}
.nexicon-desktop-computer:before {
    content: "\f13e";
}
.nexicon-developer:before {
    content: "\f13f";
}
.nexicon-doctor:before {
    content: "\f140";
}
.nexicon-donation:before {
    content: "\f141";
}
.nexicon-electrocardiogram:before {
    content: "\f142";
}
.nexicon-engineering:before {
    content: "\f143";
}
.nexicon-event-1:before {
    content: "\f144";
}
.nexicon-event-2:before {
    content: "\f145";
}
.nexicon-event:before {
    content: "\f146";
}
.nexicon-feather-duster:before {
    content: "\f147";
}
.nexicon-finance-1:before {
    content: "\f148";
}
.nexicon-finance:before {
    content: "\f149";
}
.nexicon-finances:before {
    content: "\f14a";
}
.nexicon-folder:before {
    content: "\f14b";
}
.nexicon-forecast-analytics:before {
    content: "\f14c";
}
.nexicon-fruits-1:before {
    content: "\f14d";
}
.nexicon-fruits:before {
    content: "\f14e";
}
.nexicon-funding:before {
    content: "\f14f";
}
.nexicon-goal-1:before {
    content: "\f150";
}
.nexicon-goal:before {
    content: "\f151";
}
.nexicon-graduated-1:before {
    content: "\f152";
}
.nexicon-graduated:before {
    content: "\f153";
}
.nexicon-graduation-cap:before {
    content: "\f154";
}
.nexicon-graduation:before {
    content: "\f155";
}
.nexicon-grapes:before {
    content: "\f156";
}
.nexicon-group-1:before {
    content: "\f157";
}
.nexicon-group:before {
    content: "\f158";
}
.nexicon-growth:before {
    content: "\f159";
}
.nexicon-harvest-1:before {
    content: "\f15a";
}
.nexicon-harvest-2:before {
    content: "\f15b";
}
.nexicon-harvest:before {
    content: "\f15c";
}
.nexicon-health-check:before {
    content: "\f15d";
}
.nexicon-healthcare:before {
    content: "\f15e";
}
.nexicon-healthy-food:before {
    content: "\f15f";
}
.nexicon-heartbeat:before {
    content: "\f160";
}
.nexicon-hexagonal:before {
    content: "\f161";
}
.nexicon-hospital:before {
    content: "\f162";
}
.nexicon-household:before {
    content: "\f163";
}
.nexicon-inequality:before {
    content: "\f164";
}
.nexicon-infection:before {
    content: "\f165";
}
.nexicon-integrity:before {
    content: "\f166";
}
.nexicon-judge:before {
    content: "\f167";
}
.nexicon-law-1:before {
    content: "\f168";
}
.nexicon-law-book:before {
    content: "\f169";
}
.nexicon-law:before {
    content: "\f16a";
}
.nexicon-lawyer:before {
    content: "\f16b";
}
.nexicon-leader:before {
    content: "\f16c";
}
.nexicon-leadership:before {
    content: "\f16d";
}
.nexicon-legal:before {
    content: "\f16e";
}
.nexicon-liquid-soap:before {
    content: "\f16f";
}
.nexicon-location:before {
    content: "\f170";
}
.nexicon-map:before {
    content: "\f171";
}
.nexicon-market-analysis:before {
    content: "\f172";
}
.nexicon-medical-report:before {
    content: "\f173";
}
.nexicon-medicine:before {
    content: "\f174";
}
.nexicon-megaphone:before {
    content: "\f175";
}
.nexicon-mobile-app:before {
    content: "\f176";
}
.nexicon-money-1:before {
    content: "\f177";
}
.nexicon-money-bag:before {
    content: "\f178";
}
.nexicon-money:before {
    content: "\f179";
}
.nexicon-mortarboard-1:before {
    content: "\f17a";
}
.nexicon-mortarboard:before {
    content: "\f17b";
}
.nexicon-online-learning:before {
    content: "\f17c";
}
.nexicon-online:before {
    content: "\f17d";
}
.nexicon-oosouji:before {
    content: "\f17e";
}
.nexicon-open-book:before {
    content: "\f17f";
}
.nexicon-orange:before {
    content: "\f180";
}
.nexicon-organization-chart:before {
    content: "\f181";
}
.nexicon-party-1:before {
    content: "\f182";
}
.nexicon-party:before {
    content: "\f183";
}
.nexicon-pharmacy:before {
    content: "\f184";
}
.nexicon-placeholder:before {
    content: "\f185";
}
.nexicon-plunger:before {
    content: "\f186";
}
.nexicon-politician-1:before {
    content: "\f187";
}
.nexicon-politician:before {
    content: "\f188";
}
.nexicon-prescription:before {
    content: "\f189";
}
.nexicon-presentation-1:before {
    content: "\f18a";
}
.nexicon-presentation:before {
    content: "\f18b";
}
.nexicon-products:before {
    content: "\f18c";
}
.nexicon-profit:before {
    content: "\f18d";
}
.nexicon-programming:before {
    content: "\f18e";
}
.nexicon-puzzle:before {
    content: "\f18f";
}
.nexicon-ramadan:before {
    content: "\f190";
}
.nexicon-rate:before {
    content: "\f191";
}
.nexicon-reading:before {
    content: "\f192";
}
.nexicon-report:before {
    content: "\f193";
}
.nexicon-ribbon:before {
    content: "\f194";
}
.nexicon-salary:before {
    content: "\f195";
}
.nexicon-searching:before {
    content: "\f196";
}
.nexicon-secure:before {
    content: "\f197";
}
.nexicon-seo:before {
    content: "\f198";
}
.nexicon-setting:before {
    content: "\f199";
}
.nexicon-shopping-cart:before {
    content: "\f19a";
}
.nexicon-software-1:before {
    content: "\f19b";
}
.nexicon-software-2:before {
    content: "\f19c";
}
.nexicon-software:before {
    content: "\f19d";
}
.nexicon-solidarity:before {
    content: "\f19e";
}
.nexicon-speech-1:before {
    content: "\f19f";
}
.nexicon-speech-2:before {
    content: "\f1a0";
}
.nexicon-speech:before {
    content: "\f1a1";
}
.nexicon-spray:before {
    content: "\f1a2";
}
.nexicon-start-up:before {
    content: "\f1a3";
}
.nexicon-statistics:before {
    content: "\f1a4";
}
.nexicon-stats:before {
    content: "\f1a5";
}
.nexicon-stock-market:before {
    content: "\f1a6";
}
.nexicon-strawberry-1:before {
    content: "\f1a7";
}
.nexicon-strawberry-2:before {
    content: "\f1a8";
}
.nexicon-strawberry:before {
    content: "\f1a9";
}
.nexicon-supporter:before {
    content: "\f1aa";
}
.nexicon-sweeping-1:before {
    content: "\f1ab";
}
.nexicon-sweeping:before {
    content: "\f1ac";
}
.nexicon-teaching:before {
    content: "\f1ad";
}
.nexicon-teamwork:before {
    content: "\f1ae";
}
.nexicon-test:before {
    content: "\f1af";
}
.nexicon-thumbs-up:before {
    content: "\f1b0";
}
.nexicon-time-management-1:before {
    content: "\f1b1";
}
.nexicon-time-management:before {
    content: "\f1b2";
}
.nexicon-time:before {
    content: "\f1b3";
}
.nexicon-tissue-paper:before {
    content: "\f1b4";
}
.nexicon-translate:before {
    content: "\f1b5";
}
.nexicon-united:before {
    content: "\f1b6";
}
.nexicon-university:before {
    content: "\f1b7";
}
.nexicon-vacuum-cleaner-1:before {
    content: "\f1b8";
}
.nexicon-vacuum-cleaner:before {
    content: "\f1b9";
}
.nexicon-vacuum:before {
    content: "\f1ba";
}
.nexicon-video-tutorials:before {
    content: "\f1bb";
}
.nexicon-vote:before {
    content: "\f1bc";
}
.nexicon-wallet:before {
    content: "\f1bd";
}
.nexicon-washing-machine:before {
    content: "\f1be";
}
.nexicon-web-development:before {
    content: "\f1bf";
}
.nexicon-web-programming:before {
    content: "\f1c0";
}
.nexicon-wipe:before {
    content: "\f1c1";
}
.nexicon-work:before {
    content: "\f1c2";
}
.nexicon-writing:before {
    content: "\f1c3";
}
/*!
 * Font Awesome Free 5.11.2 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-adobe:before{content:"\f778"}.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-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-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-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-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-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-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.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-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-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-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-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-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-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-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-usd:before{content:"\f4c0"}.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-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-handshake:before{content:"\f2b5"}.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-haykal:before{content:"\f666"}.fa-hdd:before{content:"\f0a0"}.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-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-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-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-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-instagram:before{content:"\f16d"}.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-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-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-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-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-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-carry:before{content:"\f4ce"}.fa-pepper-hot:before{content:"\f816"}.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-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-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-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-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-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.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-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-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-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.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-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-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-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-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.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-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-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-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-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-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-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:normal;font-display:auto;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../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:auto;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:auto;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900}
/*!
 * Bootstrap v4.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]){color:inherit;text-decoration:none}a:not([href]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:80%;color:#6c757d}.blockquote-footer::before{content:"\2014\00A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code{font-size:87.5%;color:#e83e8c;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-sm-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-sm-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-md-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-md-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-md-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-md-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-md-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-md-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-lg-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-lg-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-xl-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-xl-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.table{width:100%;margin-bottom:1rem;color:#212529}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#212529;background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#7abaff}.table-hover .table-primary:hover{background-color:#9fcdff}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#b3b7bb}.table-hover .table-secondary:hover{background-color:#c8cbcf}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#8fd19e}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#86cfda}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#ffdf7e}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#ed969e}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#fbfcfc}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#95999c}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#343a40;border-color:#454d55}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#343a40}.table-dark td,.table-dark th,.table-dark thead th{border-color:#454d55}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;font-size:1rem;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.form-control-lg{height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}select.form-control[multiple],select.form-control[size]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,.9);border-radius:.25rem}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:#28a745;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-valid,.was-validated .custom-select:valid{border-color:#28a745;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#28a745}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{border-color:#28a745}.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{border-color:#34ce57;background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before{border-color:#28a745}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-invalid,.was-validated .custom-select:invalid{border-color:#dc3545;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{border-color:#dc3545}.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{border-color:#e4606d;background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before{border-color:#dc3545}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;-ms-flex-negative:0;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#0069d9;border-color:#0062cc;box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary.focus,.btn-secondary:focus{color:#fff;background-color:#5a6268;border-color:#545b62;box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#218838;border-color:#1e7e34;box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#138496;border-color:#117a8b;box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.btn-warning.focus,.btn-warning:focus{color:#212529;background-color:#e0a800;border-color:#d39e00;box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c82333;border-color:#bd2130;box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-light.focus,.btn-light:focus{color:#212529;background-color:#e2e6ea;border-color:#dae0e5;box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark.focus,.btn-dark:focus{color:#fff;background-color:#23272b;border-color:#1d2124;box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-outline-primary{color:#007bff;border-color:#007bff}.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-success{color:#28a745;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info{color:#17a2b8;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-warning{color:#ffc107;border-color:#ffc107}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger{color:#dc3545;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark{color:#343a40;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-link{font-weight:400;color:#007bff;text-decoration:none}.btn-link:hover{color:#0056b3;text-decoration:underline}.btn-link.focus,.btn-link:focus{text-decoration:underline;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu-left{right:auto;left:0}.dropdown-menu-right{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-left{right:auto;left:0}.dropdown-menu-sm-right{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-left{right:auto;left:0}.dropdown-menu-md-right{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-left{right:auto;left:0}.dropdown-menu-lg-right{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-left{right:auto;left:0}.dropdown-menu-xl-right{right:0;left:auto}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.btn-group,.btn-group-vertical{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-toolbar{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext{position:relative;-ms-flex:1 1 0%;flex:1 1 0%;min-width:0;margin-bottom:0}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control{margin-left:-1px}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-append,.input-group-prepend{display:-ms-flexbox;display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea){height:calc(1.5em + 1rem + 2px)}.input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea){height:calc(1.5em + .5rem + 2px)}.input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.input-group-lg>.custom-select,.input-group-sm>.custom-select{padding-right:1.75rem}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{position:relative;display:block;min-height:1.5rem;padding-left:1.5rem}.custom-control-inline{display:-ms-inline-flexbox;display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;left:0;z-index:-1;width:1rem;height:1.25rem;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#007bff;background-color:#007bff}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#80bdff}.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;background-color:#b3d7ff;border-color:#b3d7ff}.custom-control-input:disabled~.custom-control-label,.custom-control-input[disabled]~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label::before,.custom-control-input[disabled]~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{position:relative;margin-bottom:0;vertical-align:top}.custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";background-color:#fff;border:#adb5bd solid 1px}.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background:no-repeat 50%/50% 50%}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{border-color:#007bff;background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-switch{padding-left:2.25rem}.custom-switch .custom-control-label::before{left:-2.25rem;width:1.75rem;pointer-events:all;border-radius:.5rem}.custom-switch .custom-control-label::after{top:calc(.25rem + 2px);left:calc(-2.25rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);background-color:#adb5bd;border-radius:.5rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-switch .custom-control-label::after{transition:none}}.custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#fff;-webkit-transform:translateX(.75rem);transform:translateX(.75rem)}.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-select{display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;vertical-align:middle;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{display:none}.custom-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.custom-select-sm{height:calc(1.5em + .5rem + 2px);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}.custom-select-lg{height:calc(1.5em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}.custom-file{position:relative;display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(1.5em + .75rem + 2px);margin:0;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-file-input:disabled~.custom-file-label,.custom-file-input[disabled]~.custom-file-label{background-color:#e9ecef}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-input~.custom-file-label[data-browse]::after{content:attr(data-browse)}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(1.5em + .75rem);padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:inherit;border-radius:0 .25rem .25rem 0}.custom-range{width:100%;height:1.4rem;padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#007bff;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#007bff;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{-moz-transition:none;transition:none}}.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#007bff;border:0;border-radius:1rem;-ms-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{-ms-transition:none;transition:none}}.custom-range::-ms-thumb:active{background-color:#b3d7ff}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.custom-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.custom-range:disabled::-webkit-slider-runnable-track{cursor:default}.custom-range:disabled::-moz-range-thumb{background-color:#adb5bd}.custom-range:disabled::-moz-range-track{cursor:default}.custom-range:disabled::-ms-thumb{background-color:#adb5bd}.custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.nav-fill .nav-item{-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.nav-justified .nav-item{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}.navbar .container,.navbar .container-fluid,.navbar .container-lg,.navbar .container-md,.navbar .container-sm,.navbar .container-xl{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat center center;background-size:100% 100%}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-sm .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-md .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xl .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-body{-ms-flex:1 1 auto;flex:1 1 auto;min-height:1px;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem}.card-img,.card-img-bottom,.card-img-top{-ms-flex-negative:0;flex-shrink:0;width:100%}.card-img,.card-img-top{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{-ms-flex:1 0 0%;flex:1 0 0%;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group>.card{-ms-flex:1 0 0%;flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion>.card{overflow:hidden}.accordion>.card:not(:last-of-type){border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion>.card:not(:first-of-type){border-top-left-radius:0;border-top-right-radius:0}.accordion>.card>.card-header{border-radius:0;margin-bottom:-1px}.breadcrumb{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:3;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.badge{transition:none}}a.badge:focus,a.badge:hover{text-decoration:none}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#007bff}a.badge-primary:focus,a.badge-primary:hover{color:#fff;background-color:#0062cc}a.badge-primary.focus,a.badge-primary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.badge-secondary{color:#fff;background-color:#6c757d}a.badge-secondary:focus,a.badge-secondary:hover{color:#fff;background-color:#545b62}a.badge-secondary.focus,a.badge-secondary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.badge-success{color:#fff;background-color:#28a745}a.badge-success:focus,a.badge-success:hover{color:#fff;background-color:#1e7e34}a.badge-success.focus,a.badge-success:focus{outline:0;box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.badge-info{color:#fff;background-color:#17a2b8}a.badge-info:focus,a.badge-info:hover{color:#fff;background-color:#117a8b}a.badge-info.focus,a.badge-info:focus{outline:0;box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.badge-warning{color:#212529;background-color:#ffc107}a.badge-warning:focus,a.badge-warning:hover{color:#212529;background-color:#d39e00}a.badge-warning.focus,a.badge-warning:focus{outline:0;box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.badge-danger{color:#fff;background-color:#dc3545}a.badge-danger:focus,a.badge-danger:hover{color:#fff;background-color:#bd2130}a.badge-danger.focus,a.badge-danger:focus{outline:0;box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.badge-light{color:#212529;background-color:#f8f9fa}a.badge-light:focus,a.badge-light:hover{color:#212529;background-color:#dae0e5}a.badge-light.focus,a.badge-light:focus{outline:0;box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.badge-dark{color:#fff;background-color:#343a40}a.badge-dark:focus,a.badge-dark:hover{color:#fff;background-color:#1d2124}a.badge-dark.focus,a.badge-dark:focus{outline:0;box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}@media (prefers-reduced-motion:reduce){.progress-bar-animated{-webkit-animation:none;animation:none}}.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.media-body{-ms-flex:1;flex:1}.list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}.list-group-horizontal{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal .list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal .list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal .list-group-item.active{margin-top:0}.list-group-horizontal .list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal .list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}@media (min-width:576px){.list-group-horizontal-sm{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-sm .list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-sm .list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-sm .list-group-item.active{margin-top:0}.list-group-horizontal-sm .list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-sm .list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:768px){.list-group-horizontal-md{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-md .list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-md .list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-md .list-group-item.active{margin-top:0}.list-group-horizontal-md .list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-md .list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:992px){.list-group-horizontal-lg{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-lg .list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-lg .list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-lg .list-group-item.active{margin-top:0}.list-group-horizontal-lg .list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-lg .list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:1200px){.list-group-horizontal-xl{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-xl .list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xl .list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-xl .list-group-item.active{margin-top:0}.list-group-horizontal-xl .list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xl .list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}.list-group-flush .list-group-item{border-right-width:0;border-left-width:0;border-radius:0}.list-group-flush .list-group-item:first-child{border-top-width:0}.list-group-flush:last-child .list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{color:#004085;background-color:#b8daff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#004085;background-color:#9fcdff}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}.list-group-item-secondary{color:#383d41;background-color:#d6d8db}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383d41;background-color:#c8cbcf}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.list-group-item-success{color:#155724;background-color:#c3e6cb}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:hover{color:#000;text-decoration:none}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}a.close.disabled{pointer-events:none}.toast{max-width:350px;overflow:hidden;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .25rem .75rem rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;border-radius:.25rem}.toast:not(:last-child){margin-bottom:.75rem}.toast.showing{opacity:1}.toast.show{display:block;opacity:1}.toast.hide{display:none}.toast-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.25rem .75rem;color:#6c757d;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05)}.toast-body{padding:.75rem}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:none;transform:none}.modal.modal-static .modal-dialog{-webkit-transform:scale(1.02);transform:scale(1.02)}.modal-dialog-scrollable{display:-ms-flexbox;display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{-ms-flex-negative:0;flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);content:""}.modal-dialog-centered.modal-dialog-scrollable{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:-ms-flexbox;display:flex;-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,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-footer>*{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top]>.arrow,.bs-popover-top>.arrow{bottom:calc(-.5rem - 1px)}.bs-popover-auto[x-placement^=top]>.arrow::before,.bs-popover-top>.arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=top]>.arrow::after,.bs-popover-top>.arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right]>.arrow,.bs-popover-right>.arrow{left:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=right]>.arrow::before,.bs-popover-right>.arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=right]>.arrow::after,.bs-popover-right>.arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom]>.arrow,.bs-popover-bottom>.arrow{top:calc(-.5rem - 1px)}.bs-popover-auto[x-placement^=bottom]>.arrow::before,.bs-popover-bottom>.arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=bottom]>.arrow::after,.bs-popover-bottom>.arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left]>.arrow,.bs-popover-left>.arrow{right:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=left]>.arrow::before,.bs-popover-left>.arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=left]>.arrow::after,.bs-popover-left>.arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel.pointer-event{-ms-touch-action:pan-y;touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left){-webkit-transform:translateX(100%);transform:translateX(100%)}.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){-webkit-transform:translateX(-100%);transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;-webkit-transform:none;transform:none}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:no-repeat 50%/100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators li{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@-webkit-keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}}@keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:spinner-grow .75s linear infinite;animation:spinner-grow .75s linear infinite}.spinner-grow-sm{width:1rem;height:1rem}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-primary{background-color:#007bff!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded-sm{border-radius:.2rem!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-lg{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-0{border-radius:0!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.min-vw-100{min-width:100vw!important}.min-vh-100{min-height:100vh!important}.vw-100{width:100vw!important}.vh-100{height:100vh!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:rgba(0,0,0,0)}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important}.text-justify{text-align:justify!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-lighter{font-weight:lighter!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-weight-bolder{font-weight:bolder!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0056b3!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#494f54!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#19692c!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#0f6674!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#ba8b00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#a71d2a!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#cbd3da!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#121416!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.text-decoration-none{text-decoration:none!important}.text-break{word-break:break-word!important;overflow-wrap:break-word!important}.text-reset{color:inherit!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}}
.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height .5s ease-in-out;-moz-transition:height .5s ease-in-out;-ms-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity .4s ease;-moz-transition:opacity .4s ease;-ms-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-item img{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale .1s ease;-moz-transition:scale .1s ease;-ms-transition:scale .1s ease;-o-transition:scale .1s ease;transition:scale .1s ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity .4s ease;-moz-transition:opacity .4s ease;-ms-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1}
@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.6.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}
:root {
    --main-color-one: #ff8a73;
    --main-color-two: #5580ff;
    --secondary-color: #1d2228;
    --portfolio-color: #ff4757;
    --industry-color: #ff5820;
    --industry-secondary-color: #231f20;
    --construction-color: #ffbc13;
    --lawyer-color: #c89d66;
    --logistic-color: #ff3f39;
    --political-color: #e70f47;
    --medical-color: #47cbf1;
    --medical-two-color: #fc6285;
    --fruits-color: #4ca338;
    --fruits-heading-color: #014019;
    --portfolio-dark-one: #202334;
    --portfolio-dark-two: #191c47;
    --charity-color: #d1322e;
    --dagency-color: #ff8947;
    --bg-color: #292a35;
    --bg-color-two: #e8eff8;
    --heading-color: #353539;
    --paragraph-color: #878a95;
    --cleaning-color: #fee026;
    --cleaning-two-color: #20bdea;
    --course-color: #21bbf7;
    --course-two-color: #fda909;
    --grocery-color: #80b82d;
    --grocery-heading-color: #014019;
    --heading-font: "Nunito", sans-serif;
    --body-font: "Nunito", sans-serif;
    --main-color-three: #ff805d;
    --main-color-three-rgb: 255, 128, 93;
    --main-color-four: #ff1747;
    --main-color-four-rgb: 255, 23, 71;
    --main-color-five: #fcda69;
    --main-color-five-rgb: 252, 218, 105;
    --heading-color-home-19: #1B1C25;
    --heading-color: #1B1C25;
    --light-color: #666666;
    --extra-light-color: #999999;
    --review-color: #FABE50;
    --stock-color: #5AB27E;
    --heading-font-home-19: "Outfit", sans-serif;
    --heading-font-home-20: "Source Serif Pro", serif;
    --heading-font-home-21: "Space Grotesk", sans-serif;
    --body-font-home-19: "Roboto", sans-serif;
    --body-font-home-21: "Manrope", sans-serif;
    --roboto-font: "Roboto", sans-serif;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    overflow-x: hidden;
    font-family: var(--body-font)
} 

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

body {
    margin: 0;
    color: var(--paragraph-color);
    overflow-x: hidden;
    font-family: var(--body-font)
}

h1 {
    font-size: 48px;
    line-height: 1.0833333333
}

h2 {
    font-size: 36px;
    line-height: 1.4444444444
}

h3 {
    font-size: 24px;
    line-height: 1.0833333333
}

h4 {
    font-size: 20px;
    line-height: 1.2380952381
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--heading-color);
    font-family: var(--heading-font);
    font-weight: 600
}

p {
    color: var(--paragraph-color);
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    margin-bottom: 10px
}

a {
    color: inherit;
    text-decoration: none;
    color: var(--paragraph-color)
}

a,
a:active,
a:focus,
a:hover {
    text-decoration: none;
    outline: 0;
    color: inherit
}

pre {
    word-break: break-word
}

a i {
    padding: 0 2px
}

img {
    max-width: 100%
}

ol {
    counter-reset: counter;
    padding-left: 0
}

ol li {
    list-style: none;
    margin-bottom: 1rem
}

ol li:before {
    counter-increment: counter;
    content: counter(counter);
    font-weight: 500;
    margin-right: 10px
}

input[type=button]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=reset]:focus,
input[type=search]:focus,
input[type=submit]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=url]:focus,
select:focus,
textarea:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #ddd
}

code {
    color: #faa603
}

.dark-bg {
    background-color: #111d5c
}

.section-bg-1 {
    background-color: #f4f7fc
}

.check-list-02 {
    margin: 0;
    padding: 0;
    list-style: none
}

.check-list-02 li {
    display: block;
    padding-left: 20px;
    position: relative;
    z-index: 0
}

.check-list-02 li:after {
    position: absolute;
    left: 0;
    top: 0;
    font-family: fontawesome;
    content: "";
    color: var(--main-color-one)
}

.error {
    color: #dc3545
}

.check-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.check-list li {
    display: block;
    padding-left: 20px;
    position: relative;
    z-index: 0
}

.check-list li:after {
    position: absolute;
    left: 0;
    top: 0;
    font-family: fontawesome;
    content: "";
    color: var(--main-color-one)
}

.site-main .comment-navigation,
.site-main .post-navigation,
.site-main .posts-navigation {
    clear: both
}

.comment-navigation .nav-previous,
.post-navigation .nav-previous,
.posts-navigation .nav-previous {
    float: left;
    width: 50%
}

.comment-navigation .nav-next,
.post-navigation .nav-next,
.posts-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%
}

.comment-navigation .nav-next>a,
.comment-navigation .nav-previous>a,
.post-navigation .nav-next>a,
.post-navigation .nav-previous>a,
.posts-navigation .nav-next>a,
.posts-navigation .nav-previous>a {
    -webkit-transition: .3s ease-in;
    -o-transition: .3s ease-in;
    transition: .3s ease-in
}

.comment-navigation .nav-next:hover>a,
.comment-navigation .nav-previous:hover>a,
.post-navigation .nav-next:hover>a,
.post-navigation .nav-previous:hover>a,
.posts-navigation .nav-next:hover>a,
.posts-navigation .nav-previous:hover>a {
    color: var(--main-color-one)
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    clip: auto !important;
    -webkit-clip-path: none;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

#content[tabindex="-1"]:focus {
    outline: 0
}

.padding-left-0 {
    padding-left: 0
}

.padding-right-0 {
    padding-left: 0
}

.gray-bg {
    background-color: #f5f5f5
}

.secondary-bg {
    background-color: var(--main-color-two)
}

.padding-top-10 {
    padding-top: 10px
}

.padding-top-20 {
    padding-top: 20px
}

.padding-top-25 {
    padding-top: 25px
}

.padding-top-30 {
    padding-top: 30px
}

.padding-top-35 {
    padding-top: 35px
}

.padding-top-40 {
    padding-top: 40px
}

.padding-top-45 {
    padding-top: 45px
}

.padding-top-55 {
    padding-top: 55px
}

.padding-top-50 {
    padding-top: 50px
}

.padding-top-60 {
    padding-top: 60px
}

.padding-top-65 {
    padding-top: 65px
}

.padding-top-70 {
    padding-top: 70px
}

.padding-top-80 {
    padding-top: 80px
}

.padding-top-85 {
    padding-top: 85px
}

.padding-top-90 {
    padding-top: 90px
}

.padding-top-95 {
    padding-top: 95px
}

.padding-top-100 {
    padding-top: 100px
}

.padding-top-105 {
    padding-top: 105px
}

.padding-top-110 {
    padding-top: 110px
}

.padding-top-115 {
    padding-top: 115px
}

.padding-top-120 {
    padding-top: 120px
}

.padding-top-140 {
    padding-top: 140px
}

.padding-top-150 {
    padding-top: 150px
}

.padding-top-160 {
    padding-top: 160px
}

.padding-bottom-10 {
    padding-bottom: 10px
}

.padding-bottom-15 {
    padding-bottom: 15px
}

.padding-bottom-20 {
    padding-bottom: 20px
}

.padding-bottom-25 {
    padding-bottom: 25px
}

.padding-bottom-30 {
    padding-bottom: 30px
}

.padding-bottom-35 {
    padding-bottom: 35px
}

.padding-bottom-40 {
    padding-bottom: 40px
}

.padding-bottom-45 {
    padding-bottom: 45px
}

.padding-bottom-50 {
    padding-bottom: 50px
}

.padding-bottom-55 {
    padding-bottom: 55px
}

.padding-bottom-60 {
    padding-bottom: 60px
}

.padding-bottom-65 {
    padding-bottom: 65px
}

.padding-bottom-70 {
    padding-bottom: 70px
}

.padding-bottom-80 {
    padding-bottom: 80px
}

.padding-bottom-85 {
    padding-bottom: 85px
}

.padding-bottom-90 {
    padding-bottom: 90px
}

.padding-bottom-95 {
    padding-bottom: 95px
}

.padding-bottom-100 {
    padding-bottom: 100px
}

.padding-bottom-110 {
    padding-bottom: 110px
}

.padding-bottom-105 {
    padding-bottom: 105px
}

.padding-bottom-115 {
    padding-bottom: 115px
}

.padding-bottom-120 {
    padding-bottom: 120px
}

.padding-bottom-130 {
    padding-bottom: 130px
}

.padding-bottom-135 {
    padding-bottom: 135px
}

.padding-bottom-150 {
    padding-bottom: 150px
}

.margin-top-minus-90 {
    margin-top: -90px
}

.margin-top-minus-100 {
    margin-top: -100px
}

.margin-top-120 {
    margin-top: 120px
}

.margin-top-150 {
    margin-top: 150px
}

.margin-top-160 {
    margin-top: 160px
}

.padding-120 {
    padding-top: 120px;
    padding-bottom: 120px
}

.padding-110 {
    padding-top: 110px;
    padding-bottom: 110px
}

.padding-100 {
    padding-top: 100px;
    padding-bottom: 100px
}

.padding-20 {
    padding-top: 20px;
    padding-bottom: 20px
}

.padding-30 {
    padding-top: 30px;
    padding-bottom: 30px
}

.padding-40 {
    padding-top: 40px;
    padding-bottom: 40px
}

.padding-50 {
    padding-top: 50px;
    padding-bottom: 50px
}

.padding-60 {
    padding-top: 60px;
    padding-bottom: 60px
}

.padding-65 {
    padding-top: 65px;
    padding-bottom: 65px
}

.padding-70 {
    padding-top: 70px;
    padding-bottom: 70px
}

.padding-80 {
    padding-top: 80px;
    padding-bottom: 80px
}

.padding-90 {
    padding-top: 90px;
    padding-bottom: 90px
}

.padding-10 {
    padding-top: 10px;
    padding-bottom: 10px
}

.margin-top-10 {
    margin-top: 10px
}

.margin-top-15 {
    margin-top: 15px
}

.margin-top-20 {
    margin-top: 20px
}

.margin-top-30 {
    margin-top: 30px
}

.margin-top-40 {
    margin-top: 40px
}

.margin-top-50 {
    margin-top: 50px
}

.margin-top-55 {
    margin-top: 55px
}

.margin-top-60 {
    margin-top: 60px
}

.margin-top-70 {
    margin-top: 70px
}

.margin-top-80 {
    margin-top: 80px
}

.margin-top-90 {
    margin-top: 90px
}

.margin-top-100 {
    margin-top: 100px
}

.margin-bottom-0 {
    margin-bottom: 0 !important
}

.margin-bottom-10 {
    margin-bottom: 10px
}

.margin-bottom-15 {
    margin-bottom: 15px
}

.margin-bottom-20 {
    margin-bottom: 20px
}

.margin-bottom-25 {
    margin-bottom: 25px
}

.margin-bottom-30 {
    margin-bottom: 30px
}

.margin-bottom-40 {
    margin-bottom: 40px
}

.margin-bottom-50 {
    margin-bottom: 50px
}

.margin-bottom-55 {
    margin-bottom: 55px
}

.margin-bottom-60 {
    margin-bottom: 60px
}

.margin-bottom-70 {
    margin-bottom: 70px
}

.margin-bottom-80 {
    margin-bottom: 80px
}

.margin-bottom-90 {
    margin-bottom: 90px
}

.margin-bottom-150 {
    margin-bottom: 150px
}

.margin-top-100 {
    margin-bottom: 100px
}

.margin-top-120 {
    margin-top: 120px
}

.min-height-600 {
    min-height: 600px
}

.overflow-hidden {
    overflow: hidden
}

.alignleft {
    float: left;
    clear: both;
    margin-right: 20px
}

.alignright {
    float: right;
    clear: both;
    margin-left: 20px
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto 1.75em
}

.alignfull {
    margin: 1.5em 0;
    max-width: 100%
}

.alignwide {
    max-width: 1100px
}

.clear:after,
.clear:before,
.comment-content:after,
.comment-content:before,
.entry-content:after,
.entry-content:before,
.site-content:after,
.site-content:before,
.site-footer:after,
.site-footer:before,
.site-header:after,
.site-header:before {
    content: "";
    display: table;
    table-layout: fixed
}

.clear:after,
.comment-content:after,
.entry-content:after,
.site-content:after,
.site-footer:after,
.site-header:after {
    clear: both
}

.sticky {
    display: block
}

.updated:not(.published) {
    display: none
}

.blog-pagination ul li {
    display: inline-block
}

.blog-pagination ul li+li {
    margin: 0 5px
}

.blog-pagination ul li {
    display: inline-block
}

.blog-pagination ul li+li {
    margin: 0 5px
}

.blog-pagination {
    display: block;
    width: 100%
}

.blog-pagination ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.blog-pagination ul li a,
.blog-pagination ul li span {
    display: block;
    padding: 3px 25px;
    border: 1px solid #e2e2e2;
    line-height: 40px;
    text-align: center;
    font-weight: 600;
    -webkit-transition: .3s ease-in;
    -o-transition: .3s ease-in;
    transition: .3s ease-in
}

.blog-pagination ul li a:hover,
.blog-pagination ul li span.current {
    background-color: var(--main-color-two);
    color: #fff
}

.comment-content .wp-smiley,
.entry-content .wp-smiley,
.page-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

embed,
iframe,
object {
    max-width: 100%
}

.custom-logo-link {
    display: inline-block
}

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
    clear: both
}

.wp-caption img[class*=wp-image-] {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption .wp-caption-text {
    margin: .8075em 0
}

.wp-caption-text {
    text-align: center
}

.gallery {
    margin-bottom: 1.5em
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%
}

.gallery-columns-2 .gallery-item {
    max-width: 50%
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%
}

.gallery-columns-4 .gallery-item {
    max-width: 25%
}

.gallery-columns-5 .gallery-item {
    max-width: 20%
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%
}

.gallery-caption {
    display: block
}

.wp-link-pages a {
    margin: 0 5px;
    -webkit-transition: .3s ease-in;
    -o-transition: .3s ease-in;
    transition: .3s ease-in
}

.wp-link-pages {
    margin-bottom: 30px;
    margin-top: 25px
}

.wp-link-pages a,
.wp-link-pages span {
    border: 1px solid #e2e2e2;
    padding: 5px 15px;
    display: inline-block
}

.wp-link-pages .current,
.wp-link-pages a:hover {
    background-color: var(--main-color-one);
    color: #fff;
    border-color: var(--main-color-one)
}

.wp-link-pages span:first-child {
    margin-right: 5px
}

dl,
ol,
ul {
    padding-left: 15px
}

.post-password-form input {
    display: block;
    border: 1px solid #e2e2e2;
    height: 50px;
    border-radius: 3px;
    padding: 0 20px
}

.post-password-form label {
    font-weight: 600;
    color: #333
}

.post-password-form input[type=submit] {
    width: 100px;
    height: 50px;
    background-color: var(--main-color-one);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    border: none;
    cursor: pointer;
    -webkit-transition: .3s ease-in;
    -o-transition: .3s ease-in;
    transition: .3s ease-in
}

.post-password-form input[type=submit]:hover {
    background-color: #121a2f
}

.footer-widget .table td,
.footer-widget .table th {
    padding: .5rem !important
}

.single-post-details-item .entry-content>.alignwide {
    max-width: 1100px
}

.single-post-details-item .entry-content>.alignfull {
    margin: 1.5em 0;
    max-width: 100%
}

.wp-block-video video {
    max-width: 636px
}

.wp-block-image img {
    display: block
}

.wp-block-image.alignleft,
.wp-block-image.alignright {
    width: 100%
}

.wp-block-image.alignfull img {
    width: 100vw
}

.wp-block-gallery:not(.components-placeholder) {
    margin: 1.5em auto
}

.wp-block-cover-text p {
    padding: 1.5em 14px
}

ul.wp-block-latest-posts.alignfull,
ul.wp-block-latest-posts.alignwide,
ul.wp-block-latest-posts.is-grid.alignwide {
    padding: 0 14px
}

.wp-block-table {
    display: block;
    overflow-x: auto
}

.wp-block-table table {
    border-collapse: collapse;
    width: 100%
}

.wp-block-table td,
.wp-block-table th {
    padding: .5em
}

.wp-block-embed.type-video>.wp-block-embed__wrapper {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%
}

.wp-block-embed.type-video>.wp-block-embed__wrapper>iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.wp-block-quote.is-large {
    margin: 0 auto 16px
}

.wp-block-pullquote>p:first-child {
    margin-top: 0
}

.wp-block-separator {
    margin: 3em auto;
    padding: 0
}

@media screen and (min-width: 768px) {
    .wp-block-cover-text p {
        padding: 1.5em 0
    }
}

wp-block-video video {
    max-width: 636px
}

.wp-block-image img {
    display: block
}

.wp-block-image.alignleft,
.wp-block-image.alignright {
    width: 100%
}

.wp-block-image.alignfull img {
    width: 100vw
}

.wp-block-gallery:not(.components-placeholder) {
    margin: 1.5em auto
}

.wp-block-cover-text p {
    padding: 1.5em 14px
}

ul.wp-block-latest-posts.alignfull,
ul.wp-block-latest-posts.alignwide,
ul.wp-block-latest-posts.is-grid.alignwide {
    padding: 0 14px
}

.wp-block-table {
    display: block;
    overflow-x: auto
}

.wp-block-table table {
    border-collapse: collapse;
    width: 100%
}

.wp-block-table td,
.wp-block-table th {
    padding: .5em
}

.wp-block-embed.type-video>.wp-block-embed__wrapper {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%
}

.wp-block-embed.type-video>.wp-block-embed__wrapper>iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.wp-block-quote.is-large {
    margin: 0 auto 16px
}

.wp-block-pullquote>p:first-child {
    margin-top: 0
}

.wp-block-quote:not(.is-large):not(.is-style-large) {
    border-left: 4px solid #000;
    padding-left: 1em
}

.wp-block-separator {
    margin: 3em auto;
    padding: 0
}

@media screen and (min-width: 768px) {
    .wp-block-cover-text p {
        padding: 1.5em 0
    }
}

.wp-block-pullquote {
    border-top: 4px solid #555d66;
    border-bottom: 4px solid #555d66;
    color: #40464d
}

.has-strong-blue-color {
    color: #0073aa
}

.has-strong-blue-background-color {
    background-color: #0073aa
}

.has-lighter-blue-color {
    color: #229fd8
}

.has-lighter-blue-background-color {
    background-color: #229fd8
}

.has-very-light-gray-color {
    color: #eee
}

.has-very-light-gray-background-color {
    background-color: #eee
}

.has-very-dark-gray-color {
    color: #444
}

.has-very-dark-gray-background-color {
    background-color: #444
}

.breadcrumb-area {
    background-image: url(../img/bg/breadcrumb-bg.jpg);
    position: relative;
    z-index: 0;
    background-size: cover;
    background-position: center
}

.breadcrumb-area:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(0, 0, 0, .6);
    z-index: -1
}

.breadcrumb-area.extra {
    padding-bottom: 138px
}

.breadcrumb-area .breadcrumb-inner {
    padding: 215px 0 142px 0;
    text-align: center
}

.breadcrumb-area .page-title {
    font-size: 48px;
    line-height: 58px;
    font-weight: 700;
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 15px
}

.breadcrumb-area p {
    font-size: 16px;
    line-height: 26px;
    max-width: 600px;
    color: rgba(255, 255, 255, .7);
    margin-bottom: 20px
}

.breadcrumb-area .page-list {
    margin: 0;
    padding: 0
}

.breadcrumb-area .page-list li {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    font-size: 18px;
    font-weight: 400;
    color: rgba(255, 255, 255, .7)
}

.breadcrumb-area .page-list li:first-child {
    padding-left: 0
}

.breadcrumb-area .page-list li:first-child a {
    color: var(--main-color-one)
}

.breadcrumb-area .page-list li:first-child:after {
    display: none
}

.breadcrumb-area .page-list li:after {
    position: absolute;
    left: 10px;
    top: 0;
    content: "/";
    font-family: fontawesome
}

.breadcrumb-area .page-list li a {
    color: rgba(255, 255, 255, .7);
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.breadcrumb-area .page-list li a:hover {
    color: #fff
}

.comment-content a {
    word-wrap: break-word
}

.bypostauthor {
    display: block
}

.comments-area {
    margin-top: 30px
}

.comments-area .comments-title {
    font-size: 26px;
    line-height: 34px;
    font-weight: 600;
    margin-bottom: 25px
}

.comments-area .comment-list .comment-respond {
    margin-bottom: 30px
}

.comments-area .comment-list {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-type: none;
    margin-bottom: 20px
}

.comments-area .comment-list li {
    margin-bottom: 30px
}

.comments-area .comment-list li:last-child {
    margin-bottom: 0
}

.comments-area .comment-list li ul.children {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-type: none
}

.comments-area .comment-list li ul {
    list-style: none
}

.comments-area .comment-list li ul.children li {
    margin-left: 50px;
    list-style-type: none;
    list-style: none
}

.comments-area .comment-list li .single-comment-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.comments-area .comment-list li .single-comment-wrap .thumb {
    margin-right: 20px;
    min-width: 80px;
    border-radius: 50%
}

.comments-area .comment-list li .single-comment-wrap .thumb img {
    margin-bottom: 10px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .3)
}

.blog-details-page-content-area .comments-area .comment-list li .single-comment-wrap .time,
.comments-area .comment-list li .single-comment-wrap .date {
    display: block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px
}

.comments-area .comment-list li .single-comment-wrap .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.comments-area .comment-list li .single-comment-wrap .content .title {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    font-family: var(--heading-font)
}

.comments-area .comment-list li .single-comment-wrap .content .comment-content {
    max-width: 620px
}

.comments-area .comment-list li .single-comment-wrap .content p {
    font-size: 16px;
    line-height: 26px;
    word-break: break-word
}

.comments-area .comment-list li .single-comment-wrap .content p:last-child {
    margin-bottom: 0
}

.comments-area .comment-list li .single-comment-wrap .content .reply {
    position: absolute;
    top: 0;
    right: 0;
    color: var(--paragraph-color);
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.comments-area .comment-list li .single-comment-wrap .content .reply:hover {
    color: var(--main-color-one)
}

.comments-area .comment-reply-title,
.comments-area .reply-title {
    font-size: 26px;
    line-height: 34px;
    font-weight: 600;
    margin-bottom: 20px
}

.comments-area .form-submit {
    margin-bottom: 0
}

.comment-form .form-group.textarea .form-control {
    min-height: 160px;
    resize: none;
    line-height: 26px
}

.comment-form .form-group.textarea .form-control:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.comment-form .form-group .form-control {
    height: 50px;
    line-height: 50px;
    border: 1px solid #e2e2e2
}

.comment-form .submit-btn {
    height: 50px;
    width: auto;
    border-radius: 5px;
    font-weight: 400;
    background-color: var(--main-color-one);
    border: none;
    cursor: pointer;
    -webkit-transition: .3s ease-in;
    -o-transition: .3s ease-in;
    transition: .3s ease-in;
    color: #fff
}

.comment-form .submit-btn:hover {
    background-color: var(--main-color-two);
    color: #fff
}

.comments-area .comment-list .children li:last-child {
    margin-bottom: 30px
}

.comments-area .comment-list li ul.children {
    margin-top: 30px
}

.comment-form-cookies-consent input[type=checkbox] {
    margin-right: 5px
}

.widget {
    background-color: #f5f5f5;
    margin-bottom: 30px;
    padding: 25px 30px 30px 30px
}

.widget select {
    width: 100%;
    height: 50px;
    padding: 10px 20px
}

.widget .widget-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 20px;
    position: relative
}

.widget.widget_calendar {
    padding-right: 24px;
    padding-left: 24px
}

.widget:last-child {
    margin-bottom: 0
}

.widget.widget_nav_menu ul li.menu-item-has-children:after {
    display: none
}

.widget.footer-widget .subscribe-form .form-group .form-control {
    background-color: #515457;
    color: #fff
}

.widget.footer-widget .subscribe-form .form-group .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .6)
}

.widget.footer-widget .subscribe-form .form-group .form-control:-moz-placeholder {
    color: rgba(255, 255, 255, .6)
}

.widget.footer-widget .subscribe-form .form-group .form-control::-moz-placeholder {
    color: rgba(255, 255, 255, .6)
}

.widget.footer-widget .subscribe-form .form-group .form-control:-ms-input-placeholder {
    color: rgba(255, 255, 255, .6)
}

.widget.footer-widget .subscribe-form .submit-btn:hover {
    background-color: #fff;
    color: var(--main-color-one)
}

.widget.footer-widget {
    background-color: transparent !important;
    padding: 0;
    margin-bottom: 30px
}

.widget.footer-widget .about_us_widget a {
    font-size: 36px;
    font-weight: 600;
    color: #fff
}

.widget ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.widget ul li ul {
    margin-left: 20px
}

.widget ul li {
    display: block;
    margin: 8px 0;
    -ms-word-wrap: break-word;
    word-break: break-word
}

.widget ul li:first-child {
    margin-top: 0
}

.widget ul li:last-child {
    margin-bottom: 0
}

.widget ul li a {
    color: inherit;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.widget ul li a:hover {
    color: var(--main-color-one)
}

.footer-widget.widget_nav_menu ul li a {
    position: relative;
    padding-left: 15px
}

.footer-widget.widget_nav_menu ul li a:after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--main-color-two)
}

.widget_search .search-form {
    position: relative
}

.widget_search .search-form .form-group {
    margin-bottom: 0
}

.widget_search .search-form .form-group .form-control {
    height: 50px;
    border: 1px solid rgba(0, 0, 0, .2);
    padding: 0 70px 0 15px
}

.widget_search .search-form .submit-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 50px;
    line-height: 50px;
    padding: 0;
    font-size: 18px;
    border-radius: 0 5px 5px 0;
    background-color: var(--main-color-one);
    color: #fff;
    -webkit-transition: .3s ease-in;
    -o-transition: .3s ease-in;
    transition: .3s ease-in;
    border: none;
    cursor: pointer
}

.widget_search .search-form .submit-btn:hover {
    background-color: var(--main-color-two);
    color: #fff
}

.widget_author_meta {
    text-align: center
}

.widget_author_meta .thumb {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    margin-bottom: 20px
}

.widget_author_meta .thumb img {
    border-radius: 50%
}

.widget_author_meta .content .name {
    font-size: 21px;
    font-weight: 700
}

.widget_author_meta .content p {
    font-size: 16px;
    line-height: 26px
}

.widget_author_meta .content ul {
    margin-top: 25px
}

.widget_author_meta .content ul li {
    display: inline-block;
    margin: 0 5px
}

.widget_author_meta .content ul li a {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 50%;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.widget_author_meta .content ul li a:hover {
    background-color: var(--main-color-one);
    color: #fff
}

.widget_tag_cloud .tagcloud a {
    display: inline-block;
    padding: 5px 15px;
    border: 1px solid rgba(0, 0, 0, .1);
    margin: 5px;
    color: inherit;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    border-radius: 5px;
    font-size: 16px !important
}

.widget_tag_cloud .tagcloud a:hover {
    background-color: var(--main-color-one);
    color: #fff
}

.widget ul li ul.sub-menu {
    position: initial
}

.widget ul li ul.sub-menu {
    visibility: visible;
    opacity: 1;
    background-color: transparent;
    border-top: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 10px
}

.widget ul li ul.sub-menu li a {
    padding: 0 0 0 10px
}

.widget ul li ul.sub-menu li a:hover {
    background-color: transparent
}

.widget.widget_nav_menu ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.widget.widget_nav_menu ul li {
    margin: 15px 0
}

.widget.widget_nav_menu ul li:first-child {
    margin-top: 0
}

.widget.widget_nav_menu ul li:last-child {
    margin-bottom: 0
}

.widget.widget_nav_menu ul li a {
    border: none
}

.widget.widget_nav_menu ul li a span {
    float: right
}

.widget.widget_nav_menu ul li>ul {
    margin-left: 15px
}

.widget.footer-widget.widget_calendar table {
    margin-bottom: 0
}

.widget.footer-widget.widget_calendar caption {
    padding-bottom: 0
}

.widget.footer-widget .widget-title {
    color: rgba(255, 255, 255, .9)
}

.footer-widget.widget_tag_cloud .tagcloud a,
.widget.footer-widget p,
.widget.footer-widget.widget_calendar caption,
.widget.footer-widget.widget_calendar td,
.widget.footer-widget.widget_calendar th {
    color: rgba(255, 255, 255, .6)
}

.widget.footer-widget ul li,
.widget.footer-widget ul li a {
    color: rgba(255, 255, 255, .6)
}

.widget.footer-widget ul li a:hover {
    color: var(--main-color-one)
}

.widget .social_share {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.widget .social_share li {
    width: calc(100% / 3);
    margin: 0;
    display: block;
    padding: 20px 0 12px 0;
    text-align: center;
    border-radius: 5px;
    color: #fff
}

.widget .social_share li i {
    display: block;
    margin-bottom: 10px;
    font-size: 20px
}

.widget .social_share li.facebook {
    background-color: #3b5999
}

.widget .social_share li.twitter {
    background-color: #55acee
}

.widget .social_share li.instagram {
    background-color: #e4405f
}

.widget .social_share li a:hover {
    color: #fff
}

.widget .social_share li+li {
    margin-left: 10px
}

.widget .recent_post_item {
    margin: 0;
    padding: 0;
    list-style: none
}

.widget .recent_post_item li {
    display: block
}

.widget .recent_post_item li+li {
    margin-top: 20px
}

.widget .recent_post_item li.single-recent-post-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.widget .recent_post_item li.single-recent-post-item .thumb {
    width: 80px;
    height: 80px;
    margin-right: 15px
}

.widget .recent_post_item li.single-recent-post-item .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.widget .recent_post_item li.single-recent-post-item .content .title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    margin-bottom: 0
}

.widget .recent_post_item li.single-recent-post-item .content .time {
    font-size: 12px;
    font-weight: 500
}

.contact_info_list {
    margin: 0;
    padding: 0;
    list-style: none
}

.contact_info_list li {
    display: block
}

.contact_info_list li.single-info-item {
    position: relative;
    margin-bottom: 20px
}

.contact_info_list li.single-info-item .icon {
    position: absolute;
    left: 0;
    top: 0;
    color: var(--main-color-two)
}

.contact_info_list li.single-info-item .details {
    padding-left: 30px
}

.about_us_widget .footer-logo {
    display: block;
    margin-bottom: 20px
}

.copyright-area {
    padding: 20px 0;
    text-align: center;
    color: rgba(255, 255, 255, .7)
}

.widget-testimonial .icon {
    font-size: 70px;
    line-height: 60px;
    color: var(--main-color-one);
    margin-bottom: 16px
}

.widget-testimonial p {
    color: rgba(255, 255, 255, .8);
    line-height: 1.6
}

.widget-testimonial .author-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 24px
}

.widget-testimonial .author-meta .thumb {
    margin-right: 20px
}

.widget-testimonial .author-meta .thumb img {
    max-width: 80px;
    height: 80px;
    border-radius: 50%
}

.widget-testimonial .author-meta .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: 15px
}

.widget-testimonial .author-meta .content .name {
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 0
}

.widget-testimonial .author-meta .content .designation {
    color: rgba(255, 255, 255, .8);
    font-size: 14px
}

.case-sidebar .widget.widget_categories,
.practice-sidebar .widget.widget_categories {
    padding: 0;
    background-color: transparent
}

.case-sidebar .widget.widget_categories .widget-title,
.practice-sidebar .widget.widget_categories .widget-title {
    background-color: #e1e1e1;
    padding: 15px 30px;
    margin-bottom: 0
}

.case-sidebar .widget.widget_categories ul li,
.practice-sidebar .widget.widget_categories ul li {
    position: relative;
    z-index: 0;
    background-color: #f5f5f5;
    padding: 13px 30px;
    margin-bottom: 0
}

.case-sidebar .widget.widget_categories ul li+li,
.practice-sidebar .widget.widget_categories ul li+li {
    margin-top: 2px
}

.case-sidebar .widget.widget_categories ul li:after,
.practice-sidebar .widget.widget_categories ul li:after {
    position: absolute;
    left: 15px;
    top: 12px;
    content: "";
    font-family: fontawesome;
    font-weight: 900
}

.widget-ul-wrapper ul li i {
    padding-right: 5px;
    color: var(--main-color-two)
}

.top-bar-area {
    background-color: var(--secondary-color)
}

.top-bar-inner ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.top-bar-inner ul li a:hover {
    color: var(--main-color-two)
}

.top-bar-inner ul li a {
    color: #f2f2f2;
    transition: all .3s
}

.top-bar-inner ul li {
    display: inline-block
}

.top-bar-inner ul li+li {
    margin-left: 15px
}

.top-bar-inner {
    display: flex;
    justify-content: space-between;
    align-items: center
}

#langchange {
    background-color: transparent;
    border: none;
    color: #f1f1f1;
    cursor: pointer
}

.top-bar-inner .btn-wrapper .boxed-btn {
    border-radius: 0;
    font-weight: 700
}

.top-bar-inner .btn-wrapper .boxed-btn:hover {
    color: #fff
}

.header-style-01 {
    position: relative
}

.navbar.navbar-area.white .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.50)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")
}

.navbar.navbar-area.nav-style-01 .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.50)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")
}

.navbar.navbar-area .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.50)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")
}

.mobile-logo {
    display: none
}

@media only screen and (max-width: 991px) {
    .mobile-logo {
        display: block
    }
    .desktop-logo {
        display: none !important
    }
}

.navbar-area {
    padding: 0;
    position: relative;
    z-index: 1;
}

.navbar-area.nav-absolute {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    z-index: 2
}

.navbar-area.nav-style-02 {
    background-color: transparent;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 100px;
    z-index: 1
}

.navbar-area.nav-style-02 .nav-container {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    padding: 0 15px
}

.navbar-area.nav-style-02 .nav-container .logo-wrapper {
    max-width: 200px
}

.navbar-area.nav-style-02 .nav-container .logo-wrapper .logo {
    font-size: 36px;
    font-weight: 600
}

.navbar-area.nav-style-02 .nav-container .nav-right-content ul li {
    color: rgba(255, 255, 255, .8)
}

.navbar-area.nav-style-02 .nav-container .nav-right-content ul li+li {
    margin-left: 5px
}

.navbar-area.nav-style-02 .nav-container .nav-right-content ul li a {
    color: rgba(255, 255, 255, .8)
}

.navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav {
    text-align: center
}

.navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li.current-menu-item a {
    color: var(--main-color-one)
}

.navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li.current-menu-item:before {
    color: var(--main-color-one)
}

.navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li.style-01 a {
    color: rgba(255, 255, 255, .9)
}

.navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children {
    z-index: initial
}

.navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before {
    color: rgba(255, 255, 255, .8)
}

.navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li+li {
    border-top: 1px solid #e2e2e2
}

.navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {
    background-color: #fff;
    color: var(--paragraph-color)
}

.navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
    background-color: var(--main-color-one);
    color: #fff
}

.navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu li:hover:before {
    color: #fff
}

.navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li a {
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    color: rgba(255, 255, 255, .8)
}

.navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li:hover.menu-item-has-children:before {
    color: var(--main-color-one)
}

.navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li:hover a {
    color: var(--main-color-one)
}

.navbar-area.nav-style-01 {
    background-color: #040e22;
}

.navbar-area.nav-style-01 .nav-container {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    padding: 0 15px
}

.navbar-area.nav-style-01 .nav-container .logo-wrapper {
    max-width: 200px
}

.navbar-area.nav-style-01 .nav-container .logo-wrapper .logo {
    font-size: 36px;
    font-weight: 600;
    color: #fff
}

.navbar-area.nav-style-01 .nav-container .nav-right-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.navbar-area.nav-style-01 .nav-container .nav-right-content ul li {
    color: rgba(255, 255, 255, .8)
}

.navbar-area.nav-style-01 .nav-container .nav-right-content ul li a {
    color: rgba(255, 255, 255, .8)
}

.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav {
    text-align: center
}

.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li {
    line-height: 110px
}
@media (min-width: 992px) and (max-width: 1199px) {
    .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li {
        line-height: 56px
    }
}

.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.current-menu-item a {
    color: var(--main-color-one)
}

.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.current-menu-item.menu-item-has-children:before,
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.current-menu-item.menu-item-has-mega-menu:before {
    color: var(--main-color-one)
}

.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.style-01 a {
    color: rgba(255, 255, 255, .7)
}

.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children {
    z-index: initial
}

.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before,
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:before {
    color: rgba(255, 255, 255, .8)
}

.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li+li {
    border-top: 1px solid #e2e2e2
}

.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {
    background-color: #fff;
    color: var(--paragraph-color)
}

.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
    background-color: var(--main-color-one);
    color: #fff
}

.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu li:hover:before {
    color: #fff
}

.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li a {
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    color: rgba(255, 255, 255, .8)
}

.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li:hover.menu-item-has-children:before {
    color: var(--main-color-one)
}

.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li:hover>a {
    color: var(--main-color-one)
}

.navbar-area .nav-container {
    background-color: #fff;
    -webkit-box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .2);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 0 30px
}

.navbar-area .nav-container .nav-right-content .btn-wrapper {
    margin-left: 20px
}

.navbar-area .nav-container .nav-right-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: 15px;
    display: flex;
}

.navbar-area .nav-container .nav-right-content ul li {
    display: inline-block;
    color: #6a7795
}

.navbar-area .nav-container .nav-right-content ul li:last-child {
    margin-right: 0
}

.navbar-area .nav-container .nav-right-content ul li+li {
    margin-left: 5px
}

.navbar-area .nav-container .nav-right-content ul li a {
    color: #6a7795;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.navbar-area .nav-container .nav-right-content ul li a:hover {
    color: var(--main-color-one)
}

.navbar-area .nav-container .nav-right-content ul li.search {
    cursor: pointer;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.navbar-area .nav-container .nav-right-content ul li.search:hover {
    color: var(--main-color-one)
}

.navbar-area .nav-container .nav-right-content ul li.nav-btn .btn-boxed {
    font-weight: 600;
    text-transform: capitalize;
    border-radius: 5px;
    background-color: var(--main-color-one)
}

.navbar-area .nav-container .nav-right-content ul li.nav-btn .btn-boxed:hover {
    background-color: var(--main-color-two)
}

.navbar-area .nav-container .navbar-brand .site-title {
    font-weight: 700;
    font-size: 30px;
    font-family: var(--heading-font);
    line-height: 90px;
    color: var(--heading-color)
}

.navbar-area .nav-container .navbar-collapse .navbar-nav {
    display: block;
    width: 100%;
    text-align: center
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 90px
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li+li {
    margin-left: 20px
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.current-menu-item a {
    color: var(--main-color-one)
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children,
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu {
    position: relative;
    z-index: 0;
    padding-right: 15px
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before,
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:before {
    position: absolute;
    right: 0;
    top: 50%;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover>.sub-menu,
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:hover>.xg_mega_menu_wrapper {
    visibility: visible;
    opacity: 1
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
    position: absolute;
    text-align: left;
    min-width: 220px;
    margin: 0;
    padding: 0;
    list-style: none;
    left: 0;
    top: 100%;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .05);
    background-color: #fff;
    z-index: 9;
    border-bottom: 4px solid var(--main-color-one);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li {
    display: block;
    margin-left: 0;
    line-height: 24px;
    font-size: 16px
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li+li {
    border-top: 1px solid #e2e2e2
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {
    display: block;
    padding: 12px 30px;
    background-color: #fff;
    white-space: nowrap;
    color: var(--paragraph-color);
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
    background-color: var(--main-color-one);
    color: #fff
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children {
    position: relative;
    z-index: 0;
    padding-right: 0
}

.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li.menu-item-has-children:before {
    color: var(--paragraph-color)
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:before {
    position: absolute;
    right: 15px;
    top: 50%;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children>.sub-menu {
    left: 100%;
    top: 20px
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children>.sub-menu .sub-menu .sub-menu {
    left: auto;
    right: 100%
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu {
    visibility: visible;
    opacity: 1
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu li:hover:before {
    color: #fff
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li a {
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li a:hover {
    color: var(--main-color-one)
}

.navbar-area.nav-style-01 .nav-container .nav-right-content ul li i {
    font-weight: 700
}

.mobile-cart a:hover .pcount,
.navbar-area .nav-container .nav-right-content ul li.cart a:hover .pcount {
    color: #fff
}

.mobile-cart a {
    color: #fff;
    display: none
}

.mobile-cart a,
.navbar-area .nav-container .nav-right-content ul li.cart {
    position: relative
}

.mobile-cart a .pcount,
.navbar-area .nav-container .nav-right-content ul li.cart .pcount {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 50%;
    background-color: var(--main-color-one);
    font-size: 13px;
    font-weight: 700
}

.navbar-area .nav-container .nav-right-content ul li select {
    background: 0 0;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 20px;
    padding: 5px;
    margin-left: 20px
}

@media only screen and (max-width: 991px) {
    .navbar-area.nav-style-02 .nav-container {
        padding: 20px 0
    }
    .navbar-area.nav-style-02 .nav-container .navbar-toggler {
        background-color: #fff
    }
    .navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav {
        background-color: var(--main-color-two);
        padding: 0 20px
    }
    .navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {
        background-color: transparent;
        color: rgba(255, 255, 255, .8)
    }
    .navbar-area.nav-style-01 .nav-container {
        padding: 20px 0
    }
    .navbar-area.nav-style-01 .nav-container .responsive-mobile-menu .navbar-toggler {
        background-image: none
    }
    .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav {
        text-align: center
    }
    .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li {
        line-height: 30px
    }
    .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.current-menu-item a {
        color: var(--main-color-one)
    }
    .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.current-menu-item.menu-item-has-children:before {
        color: var(--main-color-one)
    }
    .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children {
        z-index: initial
    }
    .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before {
        color: rgba(255, 255, 255, .8)
    }
    .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li+li {
        border-top: 1px solid #e2e2e2
    }
    .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {
        background-color: transparent;
        color: var(--paragraph-color)
    }
    .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
        background-color: var(--main-color-one);
        color: #fff
    }
    .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu li:hover:before {
        color: #656565
    }
    .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li a {
        -webkit-transition: all .3s ease-in;
        -o-transition: all .3s ease-in;
        transition: all .3s ease-in;
        color: rgba(255, 255, 255, .8)
    }
    .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li:hover.menu-item-has-children:before {
        color: var(--main-color-one)
    }
    .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li:hover a {
        color: var(--main-color-one)
    }
    .navbar-area .nav-container {
        position: relative;
        z-index: 0;
        min-height: 80px
    }
    .navbar-area .nav-container .responsive-mobile-menu {
        display: block;
        position: relative;
        width: 100%
    }
    .navbar-area .nav-container .responsive-mobile-menu .navbar-toggler {
        position: absolute;
        right: 0;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        border: 1px solid rgba(255, 255, 255, .8)
    }
    .navbar-area .nav-container .navbar-brand {
        display: block
    }
    .navbar-area .nav-container .navbar-brand .navbar-toggler {
        position: absolute;
        right: 10px;
        border: 1px solid #e2e2e2
    }
    .navbar-area .nav-container .navbar-collapse .navbar-nav {
        display: block;
        margin-top: 20px
    }
    .navbar-area .nav-container .navbar-collapse .navbar-nav li {
        display: block;
        text-align: left;
        line-height: 30px;
        padding: 10px 0;
        border-bottom: 1px solid #e2e2e2
    }
    .navbar-area .nav-container .navbar-collapse .navbar-nav li:last-child {
        border-bottom: none
    }
    .navbar-area .nav-container .navbar-collapse .navbar-nav li+li {
        margin-left: 0
    }
    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before {
        top: 25px;
        right: 20px
    }
    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover {
        padding-bottom: 0
    }
    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover>.sub-menu {
        visibility: visible;
        height: auto;
        opacity: 1;
        background-color: transparent;
        border-bottom: none
    }
    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
        position: initial;
        display: block;
        width: 100%;
        border-top: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin-left: 0;
        padding-bottom: 0;
        visibility: hidden;
        opacity: 0;
        height: 0;
        overflow: hidden;
        max-height: 250px;
        overflow-y: scroll;
        -webkit-transition: height .5s;
        -o-transition: height .5s;
        transition: height .5s
    }
    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .sub-menu .menu-item-has-children:before {
        content: ""
    }
    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li {
        padding: 0
    }
    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li.menu-item-has-children:hover:before {
        top: 30px;
        color: #fff
    }
    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li+li {
        border-top: none
    }
    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:first-child {
        border-top: 1px solid #e2e2e2
    }
}

@media only screen and (max-width: 575px) {
    .navbar-area .nav-container {
        margin: 0 15px
    }
}

.info-items {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none
}

.info-items li {
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.info-items li+li {
    margin-left: 20px
}

.info-items li:hover {
    color: var(--main-color-one)
}

.info-items li i {
    margin-right: 3px;
    color: var(--main-color-one)
}

.info-items-icon {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none
}

.info-items-icon li {
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.info-items-icon li+li {
    margin-left: 20px
}

.info-items-icon li:hover {
    color: var(--main-color-one)
}

.navbar-area.nav-fixed {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: var(--secondary-color);
    z-index: 999;
}

.navbar-area.nav-fixed .nav-container .navbar-collapse .navbar-nav li {
    line-height: 70px
}

.navbar-area.nav-fixed .nav-container .logo-wrapper {
    margin-top: -10px
}

.topbar-area {
    background-color: #f7f7f7
}

.topbar-area.style-04 {
    position: absolute;
    left: 0;
    top: 20px;
    width: 100%;
    z-index: 2;
    background-color: transparent;
    min-height: 50px
}

.topbar-area.style-04 .info-items li {
    color: rgba(255, 255, 255, .8)
}

.topbar-area.style-04 .info-items li i {
    font-size: 20px;
    line-height: 30px
}

.topbar-area.style-04 .info-items li:hover {
    color: var(--main-color-one)
}

.topbar-area.style-04 .info-items-icon li {
    color: rgba(255, 255, 255, .8)
}

.topbar-area.style-04 .info-items-icon li:hover {
    color: var(--main-color-one)
}

.topbar-area.style-03 {
    background-color: var(--main-color-two);
    padding: 15px 0
}

.topbar-area.style-03 .info-items li {
    color: rgba(255, 255, 255, .8)
}

.topbar-area.style-03 .info-items li i {
    font-size: 20px;
    line-height: 30px
}

.topbar-area.style-03 .info-items li:hover {
    color: var(--main-color-one)
}

.topbar-area.style-03 .info-items-icon li {
    color: rgba(255, 255, 255, .8)
}

.topbar-area.style-03 .info-items-icon li:hover {
    color: var(--main-color-one)
}

.topbar-area.style-03 .topbar-inner div:first-child {
    padding-top: 0
}

.topbar-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.topbar-inner div:first-child {
    padding-top: 15px
}

.topbar-inner div .boxed-btn {
    padding: 15px 30px;
    background-color: var(--main-color-one);
    display: inline-block;
    color: #fff;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.topbar-inner div .boxed-btn:hover {
    background-color: var(--main-color-two);
    color: #fff
}

.header-style-04.has-top-bar .navbar-area {
    top: 75px
}

.header-style-04.has-top-bar .header-area {
    padding-top: 352px;
    padding-bottom: 300px
}

.header-style-03 .header-area {
    padding-top: 295px
}

.header-area-wrapper,
.header-style-02,
.header-style-03 {
    position: relative;
    z-index: 0
}

.header-style-02 .header-area {
    padding-top: 295px;
    padding-bottom: 290px
}

.header-slider-one .owl-item.active .title {
    -webkit-animation: slideInLeft 2s 0s both;
    animation: slideInLeft 2s 0s both
}

.header-slider-one .owl-item.active p {
    -webkit-animation: slideInLeft 2s 1s both;
    animation: slideInLeft 2s 1s both
}

.header-slider-one .owl-item.active span {
    -webkit-animation: slideInLeft 2s 1s both;
    animation: slideInLeft 2s 1s both
}

.header-slider-one .owl-item.active .btn-wrapper,
.header-slider-one .owl-item.active .header-inner.style-01 .vdo-btn {
    -webkit-animation: slideInUp 2s 2s both;
    animation: slideInUp 2s 2s both
}

.header-slider-one:hover .owl-nav div {
    visibility: visible;
    opacity: 1
}

.header-slider-one .owl-nav div {
    position: absolute;
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border: 1px solid rgba(255, 255, 255, .2);
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    visibility: hidden;
    opacity: 0
}

.header-slider-one .owl-nav div:hover {
    color: var(--main-color-one);
    border-color: var(--main-color-one)
}

.header-slider-one .owl-nav div.owl-next {
    left: auto;
    right: 20px
}

.header-area {
    padding: 225px 0 220px;
    position: relative;
    z-index: 0;
    overflow: hidden
}

.header-area.style-04 {
    padding: 260px 0 190px 0
}

.header-area.style-04 .subtitle {
    position: relative;
    z-index: 0;
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .7);
    padding-left: 70px;
    letter-spacing: 1px
}
.header-area.style-04 .subtitle:after {
    position: absolute;
    left: 0;
    top: 10px;
    width: 60px;
    height: 2px;
    background-color: var(--main-color-one);
    content: ""
}

.header-area.header-bg {
    background-color: #000;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 0
}

.header-area.header-bg:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(78, 10, 131, 0)), color-stop(49%, rgba(78, 10, 131, .49)), to(rgba(78, 10, 131, .2)));
    background-image: -o-linear-gradient(bottom, rgba(78, 10, 131, 0) 0, rgba(78, 10, 131, .49) 49%, rgba(78, 10, 131, .2) 100%);
    background-image: linear-gradient(0deg, rgba(78, 10, 131, 0) 0, rgba(78, 10, 131, .49) 49%, rgba(78, 10, 131, .2) 100%);
    content: "";
    z-index: -1
}

.header-area.header-bg-02 {
    background-color: #000;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 0
}

.header-area.header-bg-02:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-image: url(../img/bg/bg-03.png);
    content: "";
    z-index: -1
}

.header-area.header-bg-02:before {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    z-index: 0
}

.header-area.header-bg-03 {
    background-color: #000;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 0
}

.header-area.header-bg-03:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-color: rgba(0, 0, 0, .2);
    content: "";
    z-index: -1
}

.header-area.header-bg-04 {
    background-color: #000;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 0
}

.header-area.header-bg-04:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-color: rgba(0, 0, 0, .8);
    content: "";
    z-index: -1
}

.header-area .header-inner {
    overflow: hidden
}

.header-area .header-inner.style-01 .title {
    text-align: center
}

.header-area .header-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header-area .header-bottom .video-play {
    color: #fff
}

.header-area .header-bottom .video-play i {
    margin-left: 30px;
    margin-right: 10px;
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    border: 1px solid #fff;
    background-color: transparent;
    border-radius: 50%
}

.header-area .header-video {
    position: relative;
    width: 100%;
    height: 100%
}

.header-area .header-video .vdo-btn {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.header-area .title {
    font-size: 72px;
    line-height: 72px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 30px
}

.header-area .description {
    color: #fff
}

.header-area .subtitle {
    font-size: 18px;
    line-height: 28px;
    color: rgba(255, 255, 255, .8);
    position: relative
}

.header-area .btn-wrapper .boxed-btn {
    border: 1px solid transparent
}

.header-area .btn-wrapper .boxed-btn:hover {
    border: 1px solid #fff;
    background-color: transparent
}

.header-area .btn-wrapper .boxed-btn.blank {
    background-color: transparent;
    border: 1px solid #fff
}

.header-area .btn-wrapper .boxed-btn.blank:hover {
    background-color: #fff;
    color: var(--main-color-one);
    border-color: var(--main-color-one)
}

.header-area .btn-wrapper .boxed-btn+.boxed-btn {
    margin-left: 20px
}

.header-bottom-area.style-02 {
    -webkit-box-shadow: 0 0 158px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 158px 0 rgba(0, 0, 0, .2)
}

.header-bottom-area.style-04 {
    background-color: transparent;
    position: relative;
    z-index: 2
}

.header-bottom-area.style-03 {
    background-size: cover;
    background-position: center
}

.header-bottom-inner {
    margin-top: -70px;
    position: relative;
    z-index: 1
}

.header-bottom-inner.style-02 {
    -webkit-box-shadow: 0 0 158px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 158px 0 rgba(0, 0, 0, .2)
}

.header-bottom-wrap {
    background-color: var(--main-color-two);
    padding: 30px 0 40px 0
}

.single-header-bottom-item {
    background-color: var(--main-color-one);
    text-align: center;
    position: relative;
    z-index: 0;
    padding: 50px 0 65px 0
}

.single-header-bottom-item:after {
    content: "";
    position: absolute;
    background-image: url(../img/bg/bg.png);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.single-header-bottom-item.style-01 {
    background-color: #bd10e0
}

.single-header-bottom-item.style-02 {
    background-color: #ff8a73
}

.single-header-bottom-item.style-03 {
    background-color: #5580ff
}

.single-header-bottom-item.style-04 {
    background-color: #45e7ac
}

.single-header-bottom-item.black .content .title {
    color: var(--heading-color)
}

.single-header-bottom-item .bg-text {
    font-size: 120px;
    line-height: 100px;
    font-weight: 700;
    position: absolute;
    left: 0;
    top: 8px;
    z-index: -1;
    color: #434950;
    font-family: var(--heading-font)
}

.single-header-bottom-item:hover .icon {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg)
}

.single-header-bottom-item .icon {
    font-size: 80px;
    line-height: 60px;
    color: #fff;
    margin-bottom: 30px;
    display: inline-block;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.single-header-bottom-item .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.single-header-bottom-item .content .title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: #fff;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    margin-bottom: 5px;
    max-width: 145px;
    margin: auto
}

.single-header-bottom-item .content p {
    margin-bottom: 0;
    color: rgba(255, 255, 255, .8);
    font-size: 14px
}

.single-header-bottom-item-02 {
    background-color: #fff;
    text-align: center;
    position: relative;
    z-index: 0;
    padding: 50px 0 35px 0
}

.single-header-bottom-item-02.black .content .title {
    color: var(--heading-color)
}

.single-header-bottom-item-02 .bg-text {
    font-size: 120px;
    line-height: 100px;
    font-weight: 700;
    position: absolute;
    left: 0;
    top: 8px;
    z-index: -1;
    color: #434950;
    font-family: var(--heading-font)
}

.single-header-bottom-item-02:hover .icon {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg)
}

.single-header-bottom-item-02 .icon {
    font-size: 80px;
    line-height: 60px;
    color: #fff;
    margin-bottom: 30px;
    display: inline-block;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.single-header-bottom-item-02 .icon.style-01 {
    color: #bd10e0
}

.single-header-bottom-item-02 .icon.style-02 {
    color: #ff8a73
}

.single-header-bottom-item-02 .icon.style-03 {
    color: #5580ff
}

.single-header-bottom-item-02 .icon.style-04 {
    color: #45e7ac
}

.single-header-bottom-item-02 .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.single-header-bottom-item-02 .content .title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: var(--heading-color);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    margin-bottom: 5px;
    max-width: 145px;
    margin: auto
}

.single-header-bottom-item-02 .content p {
    margin-bottom: 0;
    color: var(--heading-color);
    font-size: 14px
}

.single-header-bottom-item-03 {
    position: relative;
    z-index: 0;
    padding: 30px 0 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.single-header-bottom-item-03.black .content .title {
    color: var(--heading-color)
}

.single-header-bottom-item-03:hover .content .title {
    color: var(--main-color-one)
}

.single-header-bottom-item-03:hover .icon {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg)
}

.single-header-bottom-item-03.white .content .title {
    color: #fff;
    font-size: 20px
}

.single-header-bottom-item-03.white .content p {
    color: rgba(255, 255, 255, .8)
}

.single-header-bottom-item-03 .icon {
    font-size: 50px;
    line-height: 80px;
    color: #fff;
    margin-right: 20px;
    display: inline-block;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    background-color: var(--main-color-one);
    text-align: center
}

.single-header-bottom-item-03 .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: 10px
}

.single-header-bottom-item-03 .content .title {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    margin-bottom: 5px
}

.single-header-bottom-item-03 .content p {
    margin-bottom: 0;
    font-size: 14px
}

.service-text.style-01 .title {
    color: #fff;
    font-size: 48px;
    line-height: 58px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 18px
}

.service-text.style-01 p {
    color: #fff;
    font-size: 18px;
    max-width: 570px
}

.single-header-bottom-item-04 {
    background-color: transparent;
    padding: 50px 0 65px 0;
    margin-right: 50px
}

.single-header-bottom-item-04:hover .icon {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg)
}

.single-header-bottom-item-04.style-01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 35px 25px;
    margin: 0;
    border: 1px solid #e5e5e5
}

.single-header-bottom-item-04.style-01 .icon {
    font-size: 45px;
    margin-bottom: 0;
    margin-right: 15px
}

.single-header-bottom-item-04.style-01 .icon.style-02 {
    color: #ff8a73
}

.single-header-bottom-item-04.style-01 .icon.style-03 {
    color: #5580ff
}

.single-header-bottom-item-04.style-01 .icon.style-04 {
    color: #45e7ac
}

.single-header-bottom-item-04.style-01 .content .title {
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    color: var(--heading-color)
}

.single-header-bottom-item-04 .icon {
    font-size: 65px;
    line-height: 60px;
    color: #fff;
    margin-bottom: 30px;
    display: inline-block;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.single-header-bottom-item-04 .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.single-header-bottom-item-04 .content .title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: #fff;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    margin-bottom: 5px;
    max-width: 145px
}

.footer-area {
    margin-top: -10px;
    position: relative
}

.footer-top {
    background-color: var(--secondary-color)
}

.copyright-area {
    background-color: #161a1e
}

.widget-ul-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.widget-ul-wrapper .second-ul {
    margin-left: 30px !important
}

.newsletter-form-wrap form {
    position: relative;
    margin-top: 15px
}

.newsletter-form-wrap .form-group .form-control {
    height: 50px;
    text-transform: capitalize
}

.newsletter-form-wrap .submit-btn:focus {
    outline: 0;
    box-shadow: none
}

.newsletter-form-wrap .submit-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 40px;
    color: var(--main-color-one);
    line-height: 33px
}

.error-404 {
    text-align: center
}

.error-404 .title {
    font-size: 200px;
    line-height: 160px;
    font-weight: 700;
    margin-bottom: 45px;
    color: var(--main-color-one)
}

.error-404 .subtitle {
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    margin-bottom: 20px
}

.error-404 .search-form {
    position: relative;
    z-index: 0;
    margin-top: 36px
}

.error-404 .search-form .form-control {
    height: 54px;
    padding: 0 20px
}

.error-404 .search-form .submit-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 70px;
    text-align: center;
    padding: 0;
    height: 55px
}

.team-section {
    position: relative;
    z-index: 2;
    cursor: pointer;
    text-align: center;
    overflow: hidden
}

.team-section:hover .team-img-cont::after {
    opacity: .36;
    visibility: visible;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.team-section:hover .team-img-cont .social-link {
    visibility: visible;
    right: 0
}

.team-section .team-img-cont .social-link {
    position: absolute;
    background-color: #fff;
    top: 40%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -50px;
    z-index: 1;
    visibility: hidden;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.team-section .team-img-cont .social-link ul {
    margin: 0;
    padding: 0
}

.team-section .team-img-cont .social-link ul li {
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    list-style-type: none;
    color: var(--heading-color)
}

.team-section .team-img-cont .social-link ul li:hover {
    color: #fff;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    background: var(--main-color-one)
}

.team-section img {
    z-index: 2;
    width: 100%;
    -webkit-transition: transform .5s;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.team-section .team-text {
    margin-top: 20px
}

.team-section .team-text .title {
    font-size: 20px;
    font-weight: 600;
    margin-top: 20px
}

.call-to-action.bg-image {
    background-image: -o-linear-gradient(69deg, #fd5b56 0, #f41e7e 100%);
    background-image: linear-gradient(21deg, #fd5b56 0, #f41e7e 100%);
    background-size: cover;
    background-position: center
}

.call-to-action-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.call-to-action-inner.bg-image {
    background-image: url(../img/bg/cta-bg-01.jpg);
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 0;
    border-bottom-right-radius: 60px
}

.call-to-action-inner.bg-image:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--main-color-two);
    z-index: -1;
    content: "";
    opacity: .8;
    border-bottom-right-radius: 60px
}

.call-to-action-inner .title {
    font-size: 48px;
    line-height: 60px;
    font-weight: 700;
    color: #fff
}

.call-to-action-inner .subtitle {
    font-size: 18px;
    line-height: 28px;
    color: #fff
}

.call-to-action-inner .btn-wrapper {
    margin-top: 10px;
    margin-left: 50px
}

.testimonial-area {
    position: relative;
    z-index: 0
}

.experience-content-02 .description {
    color: #fff;
    max-width: 550px
}

.testimonial-area.bg-image {
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 0
}

.testimonial-area.bg-image:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: .8;
    z-index: -1;
    content: ""
}

.testimonial-area.bg-image-01 {
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 0
}

.testimonial-area.bg-image-01:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    opacity: .8;
    z-index: -1;
    content: ""
}

.testimonial-area .icon-03 {
    position: absolute;
    top: -75px;
    right: 20%;
    font-size: 160px;
    background: #000;
    background: -webkit-linear-gradient(-25deg, #fd5b56 0 0, #f41e7e 100% 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.experience-content {
    position: relative
}

.experience-content .content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
}

.experience-content .content .title {
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    line-height: 60px;
    max-width: 480px
}

.experience-right {
    position: relative;
    height: 100%;
    width: 100%;
    margin-bottom: -50px;
    background-size: cover;
    background-repeat: no-repeat
}

.experience-right.style-01 {
    min-height: 500px;
    margin-bottom: 0
}

.experience-right .vdo-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1
}

.experience-content-02 {
    padding: 130px 0 140px 110px;
    position: relative
}

.experience-content-02::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 20px;
    left: 0;
    top: 0;
    background-color: #e8eff8
}

.experience-content-02::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 20px;
    left: 0;
    bottom: 0;
    background-color: #fff
}

.experience-content-02 .title {
    color: #fff;
    font-size: 48px;
    line-height: 58px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 25px
}

.experience-content-02 p {
    color: #fff;
    max-width: 460px
}

.experience-content-02 .sign-area {
    margin-left: 40px;
    margin-top: 35px;
    position: relative
}

.experience-content-02 .sign-area::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    left: -40px;
    top: 0;
    background-color: var(--main-color-one)
}

.experience-content-02 .sign-area p {
    font-size: 24px;
    font-weight: 500;
    max-width: 400px
}

.experience-author {
    position: relative
}

.experience-author .thumb-2 {
    position: absolute;
    right: 0;
    top: 100px
}

.experience-author.bg-image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 500px
}

.experience-content-03 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.experience-content-03.section-padding {
    padding: 100px 0 90px
}

.experience-content-03 .title {
    font-size: 48px;
    line-height: 58px;
    font-weight: 700;
    margin-bottom: 20px
}

.experience-content-03 p {
    margin-bottom: 30px
}

.experience-content-03 .icon-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.experience-content-03 .icon-area .icon {
    font-size: 45px;
    line-height: 45px;
    color: var(--main-color-one);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.experience-content-03 .icon-area p {
    font-size: 18px;
    font-weight: 600;
    margin-left: 15px;
    color: #353539
}

.experience-content-03 .servicee-area ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.experience-content-03 .servicee-area ul li {
    margin-bottom: 15px
}

.experience-content-03 .servicee-area ul li i {
    color: #ffa998
}

.counterup-tow.bg-image {
    background-position: center;
    background-repeat: no-repeat
}

.client-area .single-brand {
    display: flex;
    justify-content: center;
    min-height: 60px;
    flex-direction: column
}

.client-area .single-brand img {
    -webkit-filter: opacity(.4) grayscale(1);
    filter: opacity(.4) grayscale(1);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.client-area .single-brand:hover img {
    -webkit-filter: opacity(1) grayscale(0);
    filter: opacity(1) grayscale(0)
}

.case-studies-slider-active {
    position: relative
}

.case-studies-slider-active .owl-stage {
    padding-left: 0 !important;
    height: 470px;
    overflow: hidden
}

.case-studies-slider-active .owl-item.active {
    width: 335px !important
}

.case-studies-slider-active .owl-item.center {
    width: 1170px !important;
    -webkit-box-shadow: 3px 6px 12px rgba(0, 0, 0, .1);
    box-shadow: 3px 6px 12px rgba(0, 0, 0, .1)
}

.case-studies-slider-active .owl-item.center .slider-img {
    width: 100% !important
}

.case-studies-slider-active .owl-item.center .slider-inner-text {
    visibility: visible
}

.case-studies-slider-active .slider-img {
    width: 100%;
    height: 445px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative
}

.case-studies-slider-active .slider-img img {
    width: 100%
}

.case-studies-slider-active .slider-img .slider-inner-text {
    position: absolute;
    top: 50%;
    right: 100px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 45px;
    background-color: #fff;
    visibility: hidden
}

.case-studies-slider-active .slider-img .slider-inner-text .title {
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    max-width: 250px;
    margin-bottom: 15px
}

.case-studies-slider-active .slider-img .slider-inner-text p {
    max-width: 250px
}

.case-studies-slider-active .owl-nav div {
    position: absolute;
    left: 20%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.case-studies-slider-active .owl-nav div.owl-next {
    left: auto;
    right: 20%;
    color: #fff;
    font-size: 15px;
    border: .5px solid var(--hover-color);
    background-color: var(--main-color-two);
    border-radius: 50%;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center
}

.case-studies-slider-active .owl-nav div.owl-prev {
    color: #fff;
    font-size: 15px;
    border: .5px solid var(--hover-color);
    background-color: var(--main-color-two);
    border-radius: 50%;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center
}

.case-studies-area .section-title {
    padding-bottom: 250px
}

.case-studies-area .case-studies-slider-active {
    margin-top: -200px
}

.case-studies-area-02.bg-image {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 0
}

.case-studies-area-02.bg-image:after {
    position: absolute;
    content: "";
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(78, 10, 131, 0)), color-stop(49%, rgba(78, 10, 131, .49)), to(rgba(78, 10, 131, .4)));
    background-image: -o-linear-gradient(bottom, rgba(78, 10, 131, 0) 0, rgba(78, 10, 131, .49) 49%, rgba(78, 10, 131, .4) 100%);
    background-image: linear-gradient(0deg, rgba(78, 10, 131, 0) 0, rgba(78, 10, 131, .49) 49%, rgba(78, 10, 131, .4) 100%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1
}

.case-studies-menu {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    margin-bottom: 25px
}

.case-studies-menu li {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    color: rgba(255, 255, 255, .9)
}

.case-studies-menu li+li {
    margin-left: 20px
}

.case-studies-menu li.active {
    color: var(--main-color-one)
}

.case-studies-menu.style-01 li {
    color: var(--heading-color)
}

.case-studies-menu.style-01 li.active {
    color: var(--main-color-one)
}

.case-studies-masonry .masonry-item {
    cursor: pointer
}

.single-case-studies-item {
    position: relative
}

.single-case-studies-item.style-01::after {
    opacity: .6;
    background-image: -o-linear-gradient(69deg, #fd5b56 0, #f41e7e 100%);
    background-image: linear-gradient(21deg, #fd5b56 0, #f41e7e 100%)
}

.single-case-studies-item.style-01::before {
    opacity: .6;
    background-image: -o-linear-gradient(69deg, #fd5b56 0, #f41e7e 100%);
    background-image: linear-gradient(21deg, #fd5b56 0, #f41e7e 100%)
}

.single-case-studies-item:after {
    content: "";
    position: absolute;
    width: 0%;
    height: 0%;
    top: 0;
    left: 0;
    background-color: rgba(85, 128, 255, .4);
    visibility: hidden;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.single-case-studies-item:before {
    content: "";
    position: absolute;
    width: 0%;
    height: 0%;
    bottom: 0;
    right: 0;
    background-color: rgba(85, 128, 255, .4);
    visibility: hidden;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.single-case-studies-item .cart-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    display: none;
    font-size: 60px;
    z-index: 1
}

.single-case-studies-item:hover:after {
    width: 100%;
    height: 100%;
    visibility: visible
}

.single-case-studies-item:hover:before {
    width: 100%;
    height: 100%;
    visibility: visible
}

.single-case-studies-item:hover .cart-icon {
    display: block
}

.case-studies-area-03.bg-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.case-studies-details-top {
    position: relative
}

.case-studies-details-top .case-studies-inner-text {
    position: absolute;
    padding: 45px;
    background-color: #fff;
    bottom: 85px;
    right: 100px
}

.case-studies-details-top .case-studies-inner-text .title {
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    max-width: 250px;
    margin-bottom: 15px
}

.case-studies-details-top .case-studies-inner-text p {
    max-width: 250px
}

.global-content .title {
    font-size: 48px;
    line-height: 58px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 35px
}

.quality-img {
    height: 100%;
    min-height: 500px;
    background-size: cover;
    background-repeat: no-repeat
}

.quality-content {
    background-color: #e8eff8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 108px 0 120px 0
}

.quality-content-wrapper {
    margin-left: 100px;
    max-width: 460px
}

.quality-content-wrapper .title {
    font-size: 48px;
    font-weight: 700;
    line-height: 60px;
    margin-bottom: 15px
}

.service-img-thumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.service-img-thumb .thumb-02 {
    margin-left: 30px
}

.widget-nav-menu ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.service-category ul li:last-child .service-widget {
    border-bottom: 1px solid #d7d7d7
}

.service-widget {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 30px;
    border-top: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    position: relative
}

.service-widget:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    background-color: var(--main-color-two);
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.service-widget.active,
.service-widget:hover {
    background-color: #e8eff8
}

.service-widget.active::before,
.service-widget:hover::before {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1)
}

.service-widget .service-icon {
    font-size: 45px;
    margin-right: 15px
}

.service-widget .service-icon.style-01 {
    color: #bd10e0
}

.service-widget .service-icon.style-02 {
    color: #ff8a73
}

.service-widget .service-icon.style-03 {
    color: #5580ff
}

.service-widget .service-icon.style-04 {
    color: #45e7ac
}

.service-widget .service-title .title {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 0;
    padding: 10px 0
}

.attorney-contact-form-wrap {
    padding: 40px 40px 25px 40px;
    background-color: var(--main-color-two)
}

.attorney-contact-form-wrap .title {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    margin-bottom: 32px;
    text-align: center;
    color: #fff
}

.attorney-contact-form-wrap .attorney-contact-form .form-group textarea {
    max-height: 70px;
    resize: none
}

.attorney-contact-form-wrap .attorney-contact-form .form-group .form-control {
    background-color: #79f;
    border: 1px solid transparent;
    padding: 10px 20px;
    color: #fff
}

.attorney-contact-form-wrap .attorney-contact-form .form-group .form-control::-webkit-input-placeholder {
    color: #fff;
    font-size: 12px;
    font-weight: 500
}

.attorney-contact-form-wrap .attorney-contact-form .form-group .form-control::-moz-placeholder {
    color: #fff;
    font-size: 12px;
    font-weight: 500
}

.attorney-contact-form-wrap .attorney-contact-form .form-group .form-control:-ms-input-placeholder {
    color: #fff;
    font-size: 12px;
    font-weight: 500
}

.attorney-contact-form-wrap .attorney-contact-form .form-group .form-control::-ms-input-placeholder {
    color: #fff;
    font-size: 12px;
    font-weight: 500
}

.attorney-contact-form-wrap .attorney-contact-form .form-group .form-control::placeholder {
    color: #fff;
    font-size: 12px;
    font-weight: 500
}

.content-block .title {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px
}

.submit-btn {
    width: 100%;
    padding: 10px 30px;
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 50px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    cursor: pointer
}

.submit-btn:hover {
    background-color: #fff;
    color: var(--main-color-one)
}

.back-to-top {
    position: fixed;
    right: 90px;
    bottom: 30px;
    width: 50px;
    height: 50px;
    background-color: var(--main-color-one);
    color: #fff;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    z-index: 99;
    font-size: 25px;
    cursor: pointer;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    display: none
}

.pre-wrap {
    position: fixed;
    content: "";
    -webkit-transform: translate(-100%, -240%);
    -ms-transform: translate(-100%, -240%);
    transform: translate(-100%, -240%);
    font-size: 62px
}

.preloader-inner {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999999999999;
    background-color: #fff;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.preloader-inner .spinner {
    width: 66px;
    height: 66px;
    -webkit-animation: contanim 2s linear infinite;
    animation: contanim 2s linear infinite
}

.preloader-inner .spinner svg {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.preloader-inner .spinner svg:nth-child(1) circle {
    stroke: #84ebbd;
    stroke-dasharray: 1, 300;
    stroke-dashoffset: 0;
    -webkit-animation: strokeanim 3s calc(.2s * (1)) ease infinite;
    animation: strokeanim 3s calc(.2s * (1)) ease infinite;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}

.preloader-inner .spinner svg:nth-child(2) circle {
    stroke: #4977ec;
    stroke-dasharray: 1, 300;
    stroke-dashoffset: 0;
    -webkit-animation: strokeanim 3s calc(.2s * (2)) ease infinite;
    animation: strokeanim 3s calc(.2s * (2)) ease infinite;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}

.preloader-inner .spinner svg:nth-child(3) circle {
    stroke: #f6bb67;
    stroke-dasharray: 1, 300;
    stroke-dashoffset: 0;
    -webkit-animation: strokeanim 3s calc(.2s * (3)) ease infinite;
    animation: strokeanim 3s calc(.2s * (3)) ease infinite;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}

.preloader-inner .spinner svg:nth-child(4) circle {
    stroke: #333841;
    stroke-dasharray: 1, 300;
    stroke-dashoffset: 0;
    -webkit-animation: strokeanim 3s calc(.2s * (4)) ease infinite;
    animation: strokeanim 3s calc(.2s * (4)) ease infinite;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}

.preloader-inner .cancel-preloader {
    position: absolute;
    bottom: 30px;
    right: 30px;
    background-color: var(--main-color-one);
    border: none;
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    padding: 6px 20px;
    border-radius: 5px;
    font-weight: 700
}

.preloader-inner .cancel-preloader a:hover {
    background-color: var(--main-color-two);
    color: #fff
}

@-webkit-keyframes strokeanim {
    0% {
        stroke-dasharray: 1, 300;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 120, 300;
        stroke-dashoffset: -58.548324585
    }
    100% {
        stroke-dasharray: 120, 300;
        stroke-dashoffset: -175.6449737549
    }
}

@keyframes strokeanim {
    0% {
        stroke-dasharray: 1, 300;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 120, 300;
        stroke-dashoffset: -58.548324585
    }
    100% {
        stroke-dasharray: 120, 300;
        stroke-dashoffset: -175.6449737549
    }
}

@-webkit-keyframes contanim {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes contanim {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.btn-wrapper {
    display: block
}

.btn-wrapper .boxed-btn:focus {
    outline: 0
}

.btn-wrapper .boxed-btn {
    background-color: var(--main-color-one);
    color: #fff;
    display: inline-block;
    padding: 12px 40px;
    border-radius: 25px;
    min-width: 160px;
    text-align: center;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    font-weight: 600;
    border: none
}

.btn-wrapper .boxed-btn.white:hover {
    background-color: #fff;
    color: var(--main-color-one)
}

.btn-wrapper .boxed-btn.outer-btn {
    border: 1px solid transparent
}

.btn-wrapper .boxed-btn.outer-btn:hover {
    background-color: transparent;
    color: var(--main-color-one);
    border: 1px solid var(--main-color-one)
}

.btn-wrapper .boxed-btn.blank {
    background-color: transparent;
    border: 1px solid #fff
}

.btn-wrapper .boxed-btn.blank.reverse-color {
    background-color: transparent;
    border: 2px solid var(--main-color-one);
    color: var(--main-color-one)
}

.btn-wrapper .boxed-btn.blank.reverse-color:hover {
    background-color: var(--main-color-one);
    color: #fff;
    border-color: var(--main-color-one)
}

.btn-wrapper .boxed-btn.blank:hover {
    background-color: #fff;
    color: var(--main-color-one);
    border-color: var(--main-color-one)
}

.btn-wrapper .boxed-btn:hover {
    background-color: var(--main-color-two)
}

.btn-wrapper .boxed-btn.btn-rounded {
    border-radius: 30px
}

.btn-wrapper .boxed-btn.reverse-color {
    background-color: var(--main-color-two)
}

.btn-wrapper .boxed-btn.reverse-color:hover {
    background-color: var(--main-color-one)
}

.desktop-center {
    text-align: center
}

.desktop-left {
    text-align: left
}

.desktop-right {
    text-align: right
}

@media only screen and (max-width: 768px) {
    .tablet-center {
        text-align: center
    }
    .tablet-left {
        text-align: left
    }
    .tablet-right {
        text-align: right
    }
}

@media only screen and (max-width: 414px) {
    .mobile-center {
        text-align: center
    }
    .mobile-left {
        text-align: left
    }
    .mobile-right {
        text-align: right
    }
}

.blog-classic-item-01.format-link .content {
    position: relative;
    z-index: 0
}

.blog-classic-item-01.format-link .content:after {
    position: absolute;
    left: 0;
    top: 60px;
    content: "";
    font-family: fontawesome;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    font-size: 100px;
    opacity: .2;
    z-index: -1
}

.blog-classic-item-01 .content .title {
    font-size: 36px;
    line-height: 46px;
    font-weight: 700
}

.blog-classic-item-01 .content p {
    margin-bottom: 30px
}

.blog-classic-item-01 .content .readmore {
    margin-top: 10px;
    display: block;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    position: relative;
    z-index: 0;
    font-weight: 600
}

.blog-classic-item-01 .content .readmore:hover {
    padding-left: 15px;
    color: var(--main-color-one)
}

.blog-classic-item-01 .content .readmore:hover:after {
    visibility: visible;
    opacity: 1
}

.blog-classic-item-01 .content .readmore:after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    font-family: fontawesome;
    color: var(--main-color-one);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.blog-classic-item-01 .content .post-meta {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 20px
}

.blog-classic-item-01 .content .post-meta li {
    display: inline-block
}

.blog-classic-item-01 .content .post-meta li+li {
    margin-left: 20px
}

.blog-classic-item-01 .content .post-meta li i {
    color: var(--main-color-two)
}

.blog-classic-item-01 .content .post-meta li a {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.blog-classic-item-01 .content .post-meta li a:hover {
    color: var(--main-color-one)
}

.blog-classic-item-01 .thumbnail {
    margin-bottom: 25px;
    display: block
}

.blog-classic-item-01.is-sticky {
    position: relative;
    z-index: 0
}

.blog-classic-item-01.is-sticky:after {
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    font-family: fontawesome;
    font-size: 30px;
    line-height: 30px;
    color: var(--main-color-one)
}

.blog-classic-item-01.format-video .thumbnail {
    position: relative;
    z-index: 0
}

.blog-classic-item-01.format-video .thumbnail .hover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.blog-classic-item-01.format-quote .quote-post-type {
    background-color: #f5f5f5;
    padding: 25px 30px 25px 80px;
    border-radius: 2px;
    position: relative;
    z-index: 0
}

.blog-classic-item-01.format-quote .quote-post-type:after {
    position: absolute;
    left: 30px;
    top: 20px;
    content: "";
    font-family: fontawesome;
    font-size: 30px;
    color: var(--main-color-one)
}

.blog-classic-item-01.format-quote .quote-post-type p {
    line-height: 26px
}

.blog-classic-item-01.format-quote .quote-post-type .title {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 0
}

.blog-details-item .blog-details-item-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.blog-details-item .blog-details-item-header .social-link {
    margin-left: 50px
}

.blog-details-item .thumb {
    margin-bottom: 30px
}

.blog-details-item .title {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
    margin-bottom: 20px
}

.blog-details-item p {
    line-height: 1.6
}

.blog-details-item blockquote:not([class]) {
    margin: 15px 0;
    padding: 20px 30px 20px 60px;
    border-radius: 3px;
    position: relative;
    z-index: 0
}

.blog-details-item blockquote:not([class]) p {
    margin-bottom: 0;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    color: var(--heading-color);
    font-style: italic
}

.blog-details-item blockquote:not([class]):after {
    position: absolute;
    left: 0;
    top: 15px;
    content: "";
    font-weight: 700;
    font-family: fontawesome;
    font-size: 35px;
    color: var(--main-color-two)
}

.blog-details-item .post-meta {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 15px
}

.blog-details-item .post-meta li {
    display: inline-block;
    font-size: 14px
}

.blog-details-item .post-meta li i {
    color: var(--main-color-two)
}

.blog-details-item .post-meta li+li {
    margin-left: 10px
}

.blog-details-item .post-meta li a {
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.blog-details-item .post-meta li a:hover {
    color: var(--main-color-one)
}

.blog-details-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 30px
}

.blog-details-footer .title {
    font-size: 16px;
    font-weight: 600;
    color: var(--heading-color)
}

.blog-details-footer .left .tags {
    margin: 0;
    padding: 0;
    list-style: none
}

.blog-details-footer .left .tags li {
    display: inline-block
}

.blog-details-footer .left .tags li+li {
    margin-left: 10px
}

.blog-details-footer .left .tags li a {
    display: inline-block;
    background-color: #f5f5f5;
    padding: 5px 15px;
    border: 1px solid rgba(0, 0, 0, .1);
    margin: 5px;
    color: inherit;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    border-radius: 5px;
    font-size: 14px !important;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.blog-details-footer .left .tags li a:hover {
    color: #fff;
    background-color: var(--main-color-one)
}

.blog-details-footer .right .social-share {
    margin: 0;
    padding: 0;
    list-style: none
}

.blog-details-footer .right .social-share li {
    display: inline-block;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.blog-details-footer .right .social-share li+li {
    margin-left: 10px
}

.blog-details-footer .right .social-share li:hover {
    color: var(--main-color-one)
}

.accordion-wrapper .card {
    border: none;
    background-color: transparent
}

.accordion-wrapper .card+.card {
    margin-top: 20px
}

.accordion-wrapper .card .card-header {
    background-color: transparent;
    padding: 0;
    border: none
}

.accordion-wrapper .card .card-header a {
    display: block;
    font-size: 16px;
    line-height: 28px;
    font-weight: 700;
    background-color: #f5f5f5;
    padding: 14px 30px;
    cursor: pointer;
    position: relative
}

.accordion-wrapper .card .card-header a:after {
    position: absolute;
    right: 30px;
    top: 15px;
    content: "\f106";
    font-family: "Font Awesome 5 Free"
}

.accordion-wrapper .card .card-header a[aria-expanded=false]:after {
    content: "\f107"
}

.accordion-wrapper .card .card-body {
    background-color: #fff;
    padding: 20px 30px 0
}

.single-contact-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: start;
    align-self: flex-start;
    background-color: var(--bg-color-two);
    padding: 25px 30px
}

.single-contact-item .icon {
    line-height: 60px;
    text-align: center;
    margin-right: 20px;
    font-size: 40px;
    color: #fff;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.single-contact-item .icon.style-01 {
    color: #bd10e0
}

.single-contact-item .icon.style-02 {
    color: #ff8a73
}

.single-contact-item .icon.style-03 {
    color: #95b0ff
}

.single-contact-item .icon.style-04 {
    color: #2fe4a2
}

.single-contact-item .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.single-contact-item .content .title {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: var(--heading-color)
}

.single-contact-item .content .details {
    font-weight: 700;
    color: var(--heading-color);
    margin-bottom: 0
}

.contact-info-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.contact-info-list .single-info-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.contact-info-list .single-info-item:hover .icon {
    background-color: var(--main-color-two)
}

.contact-info-list .single-info-item+.single-info-item {
    margin-top: 20px
}

.contact-info-list .single-info-item .icon {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    line-height: 60px;
    text-align: center;
    margin-right: 20px;
    background-color: var(--main-color-one);
    font-size: 30px;
    color: #fff;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.contact-info-list .single-info-item .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.contact-info-list .single-info-item .content .details {
    display: block
}

.contact_map {
    height: 100%
}

#map iframe {
    width: 100%;
    height: 900px
}

#map {
    min-height: 900px;
    background-color: #ddd
}

.contact_map iframe,
.elementor-custom-embed {
    min-height: 100%;
    background-color: #ddd
}

.contact_map iframe {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0
}

.map-wrapper {
    position: relative
}

.map-wrapper .contact-wrapper {
    position: absolute;
    top: 0;
    right: 20%
}

.contact-info {
    padding: 60px 50px 70px;
    -webkit-box-shadow: 0 0 158px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 158px 0 rgba(0, 0, 0, .2)
}

.contact-page-form .form-group textarea:focus {
    outline: 0;
    box-shadow: none
}

.contact-page-form .form-group textarea {
    max-height: 160px;
    resize: none
}

.contact-page-form .form-group .form-control {
    border: transparent;
    border-radius: 0;
    border-bottom: 1px solid #98989c;
    padding: 15px 30px 15px 0;
    margin-bottom: 25px
}

.quote-block-with-sign {
    position: relative;
    z-index: 0;
    background-color: var(--main-color-two);
    padding: 50px 40px 60px 40px
}

.quote-block-with-sign.radius-right {
    border-bottom-right-radius: 60px
}

.quote-block-with-sign:after {
    position: absolute;
    left: 20px;
    top: 30px;
    font-size: 100px;
    line-height: 100px;
    color: #706d5f;
    font-weight: 900;
    font-family: fontawesome;
    content: "";
    z-index: -1
}

.quote-block-with-sign p {
    font-size: 28px;
    line-height: 43px;
    font-style: italic;
    font-family: var(--heading-font);
    color: #fff
}

.quote-block-with-sign .sign {
    margin-top: 26px
}

.single-counterup-02 .count-wrap {
    font-size: 60px;
    line-height: 58px;
    font-weight: 700;
    color: var(--main-color-one);
    font-family: var(--heading-font);
    margin-bottom: 15px
}

.single-counterup-02 .title {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700
}

.single-counterup-block-with-img {
    display: inline-block
}

.single-counterup-block-with-img .thumb {
    position: relative;
    z-index: 0
}

.single-counterup-block-with-img .thumb img {
    border-bottom-right-radius: 50px
}

.single-counterup-block-with-img .thumb .hover {
    position: absolute;
    left: 5%;
    top: 5%;
    width: 90%;
    background-color: #fff;
    height: 90%;
    border-bottom-right-radius: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.single-counterup-block-with-img .thumb .hover .title {
    font-size: 18px;
    line-height: 28px;
    font-family: var(--body-font)
}

.single-counterup-block-with-img .thumb .hover .count-num {
    font-size: 120px;
    line-height: 130px;
    color: var(--main-color-one);
    font-family: var(--heading-font);
    font-weight: 700
}

.single-counterup-01 {
    text-align: center
}

.single-counterup-01 .icon {
    font-size: 70px;
    line-height: 80px;
    color: var(--main-color-one);
    margin-bottom: 12px
}

.single-counterup-01 .content .title {
    font-size: 18px;
    line-height: 28px;
    font-family: var(--body-font)
}

.single-counterup-01 .content .count-wrap {
    font-size: 48px;
    line-height: 58px;
    font-family: var(--heading-font);
    font-weight: 700;
    color: var(--heading-color)
}

.video-with-image .img-wrapper {
    position: relative;
    z-index: 0;
    display: inline-block
}

.video-with-image .img-wrapper img {
    width: 100%
}

.video-with-image .img-wrapper .hover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.video-play-btn {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    font-size: 16px;
    background-color: #fff;
    border-radius: 50%;
    color: var(--main-color-two)
}

.video-play-btn:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 90px;
    height: 90px;
    background: #fff;
    border-radius: 50%;
    -webkit-animation: pulse-border 1.5s ease-out infinite;
    animation: pulse-border 1.5s ease-out infinite;
    z-index: -1
}

.video-play-btn:focus,
.video-play-btn:hover {
    color: var(--main-color-two)
}

@-webkit-keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
        opacity: 0
    }
}

@keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
        opacity: 0
    }
}

.single-why-us-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.single-why-us-box .icon {
    margin-right: 20px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background-color: #fff;
    font-size: 30px;
    border-radius: 50%;
    color: var(--main-color-one);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.single-why-us-box .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.single-why-us-box .content .title {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.single-why-us-box .content p {
    font-size: 14px;
    line-height: 24px
}

.single-why-us-box:hover .content .title {
    color: var(--main-color-one)
}

.single-why-us-box:hover .icon {
    background-color: var(--main-color-two)
}

.section-title-inner.white .subtitle {
    color: rgba(255, 255, 255, .9)
}

.section-title-inner.white .title {
    color: #fff
}

.section-title-inner.white p {
    color: rgba(255, 255, 255, .9)
}

.section-title-inner .title {
    font-size: 48px;
    line-height: 58px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 18px
}

.section-title-inner .subtitle {
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    z-index: 0;
    padding-left: 80px;
    margin-bottom: 8px
}

.section-title-inner .subtitle:after {
    position: absolute;
    left: 0;
    top: 10px;
    height: 2px;
    width: 60px;
    background-color: var(--main-color-one);
    content: ""
}

.section-title.white .title {
    color: #fff
}

.section-title.white p {
    color: rgba(255, 255, 255, .9)
}

.section-title .title {
    font-size: 48px;
    line-height: 58px;
    font-weight: 700;
    color: #353539;
    text-transform: capitalize;
    margin-bottom: 16px
}

.section-title .subtitle {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    z-index: 0;
    margin-bottom: 8px;
    color: var(--main-color-one)
}

.section-title p {
    max-width: 650px;
    margin: auto
}

.section-title .m-inherit {
    margin: inherit
}

.bg-blue {
    background-color: var(--bg-color)
}

.bg-blue-deep {
    background-color: #050416
}

.bg-liteblue {
    background-color: #e8eff8
}

.bg-white {
    background-color: #fff
}

.bg-main {
    background-color: var(--main-color-one)
}

.search-popup .search-form .close-btn {
    background-color: red;
    border: none;
    color: #fff;
    padding-top: 2px;
    padding-left: 2px
}

.search-popup.active .search-form {
    visibility: visible;
    opacity: 1
}

.search-popup .search-form {
    min-width: 415px;
    position: fixed;
    top: 40px;
    right: calc(8% + -6px);
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease;
    visibility: hidden;
    opacity: 0;
    z-index: 9
}

.search-popup .search-form .form-group .form-control {
    border: none;
    border-radius: 0;
    height: 45px;
    padding: 0 100px 0 30px
}

.search-popup .search-form .submit-btn {
    position: absolute;
    right: -15px;
    top: -20px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border-color: var(--hover-color);
    background-color: var(--hover-color);
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    padding: 0;
    text-align: center
}

.search-popup .search-form .submit-btn span {
    color: #fff;
    font-size: 20px
}

.body-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(42, 40, 29, .54);
    z-index: 9;
    content: "";
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVBAMAAABbObilAAAAMFBMVEVMaXH////////////////////////////////////////////////////////////6w4mEAAAAD3RSTlMAlAX+BKLcA5+b6hJ7foD4ZP1OAAAAkUlEQVR4XkWPoQ3CUBQAL4SktoKAbCUjgAKLJZ2ABYosngTJCHSD6joUI6BZgqSoB/+Shqde7sS9x3OGk81fdO+texMtRVTia+TsQtHEUJLdohJfgNNPJHyEJPZTsWLoxShqsWITazEwqePAn69Sw2TUxk1+euPis3EwaXy8RMHSZBIlRcKKnC5hRctjMf57/wJbBlAIs9k1BAAAAABJRU5ErkJggg==), progress
}

.body-overlay.active {
    visibility: visible;
    opacity: .8
}

.click-mobile-search {
    display: none;
    position: absolute;
    top: 80px;
    left: 0;
    z-index: 5;
    width: 100%;
    padding: 20px;
    background: #fff
}

.single-what-we-cover-item .icon.style-06 {
    color: #bd10e0
}

.what-we-cover.bg-image {
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 0
}

.what-we-cover.bg-image:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    z-index: -1
}

.single-what-we-cover-item {
    text-align: center;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.single-what-we-cover-item:hover .icon {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg)
}

.single-what-we-cover-item.style-01 {
    background-color: #fff;
    padding: 45px
}

.single-what-we-cover-item .icon {
    font-size: 60px;
    line-height: 70px;
    color: var(--main-color-one);
    margin-bottom: 18px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.single-what-we-cover-item .icon.style-01 {
    color: #bd10e0
}

.single-what-we-cover-item .icon.style-02 {
    color: #ff8a73
}

.single-what-we-cover-item .icon.style-03 {
    color: #95b0ff
}

.single-what-we-cover-item .icon.style-04 {
    color: #2fe4a2
}

.single-what-we-cover-item .content .title {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    color: var(--heading-color);
    margin-bottom: 16px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.single-what-we-cover-item .content p {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.single-what-we-cover-item-02 {
    text-align: center;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    border: 1px solid #e5e5e5
}

.single-what-we-cover-item-02:hover .content {
    background-color: var(--main-color-one)
}

.single-what-we-cover-item-02:hover .content .title {
    color: #fff
}

.single-what-we-cover-item-02:hover .content p {
    color: #fff
}

.single-what-we-cover-item-02 .icon-02,
.single-what-we-cover-item-02 .img-icon {
    font-size: 35px;
    line-height: 70px;
    width: 70px;
    height: 70px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    margin-bottom: 18px;
    margin-top: -50px;
    z-index: 5;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.single-what-we-cover-item-02 .img-icon img {
    max-width: 50px;
    margin-left: 5px
}

.single-what-we-cover-item-02 .icon-02,
.single-what-we-cover-item-02 .img-icon {
    background-color: #bd10e0
}

.single-what-we-cover-item-02 .icon-02.style-02,
.single-what-we-cover-item-02 .img-icon.style-02 {
    background-color: #ff8a73
}

.single-what-we-cover-item-02 .icon-02.style-03,
.single-what-we-cover-item-02 .img-icon.style-03 {
    background-color: #95b0ff
}

.single-what-we-cover-item-02 .icon-02.style-04,
.single-what-we-cover-item-02 .img-icon.style-04 {
    background-color: #2fe4a2
}

.single-what-we-cover-item-02 .icon-02.style-05,
.single-what-we-cover-item-02 .img-icon.style-05 {
    background-color: #bd10e0
}

.single-what-we-cover-item-02 .icon-02.style-06,
.single-what-we-cover-item-02 .img-icon.style-06 {
    background-color: #ff8a73
}

.single-what-we-cover-item-02 .content {
    padding: 40px 20px 20px 20px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.single-what-we-cover-item-02 .content .title {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    color: var(--heading-color);
    margin-bottom: 16px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.single-what-we-cover-item-02 .content p {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.single-what-we-cover-item-03 {
    text-align: center;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.single-what-we-cover-item-03.border-r {
    border-right: 1px solid #958f90
}

.single-what-we-cover-item-03:hover .icon {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg)
}

.single-what-we-cover-item-03 .icon {
    font-size: 40px;
    line-height: 80px;
    width: 80px;
    height: 80px;
    margin: auto;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.single-what-we-cover-item-03 .icon.style-01 {
    background-color: #bd10e0
}

.single-what-we-cover-item-03 .icon.style-02 {
    background-color: #ff8a73
}

.single-what-we-cover-item-03 .icon.style-03 {
    background-color: #95b0ff
}

.single-what-we-cover-item-03 .icon.style-04 {
    background-color: #2fe4a2
}

.single-what-we-cover-item-03 .content {
    padding: 10px 20px 20px 20px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.single-what-we-cover-item-03 .content .title {
    font-size: 20px;
    font-weight: 700;
    line-height: 34px;
    color: #fff;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.single-what-we-cover-item-03 .content p {
    color: #fff;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    max-width: 250px;
    margin: auto
}

.single-icon-box-01 {
    background-color: #fff;
    text-align: center;
    padding: 30px;
    position: relative;
    z-index: 0;
    overflow: hidden
}

.single-icon-box-01:after,
.single-icon-box-01:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--main-color-two);
    content: "";
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.single-icon-box-01:after {
    -webkit-transform: translate(-100%, -100%);
    -ms-transform: translate(-100%, -100%);
    transform: translate(-100%, -100%);
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

.single-icon-box-01:before {
    -webkit-transform: translate(100%, 100%);
    -ms-transform: translate(100%, 100%);
    transform: translate(100%, 100%)
}

.single-icon-box-01:hover .content .title {
    color: var(--main-color-one)
}

.single-icon-box-01:hover .content p {
    color: rgba(255, 255, 255, .8)
}

.single-icon-box-01:hover:after {
    -webkit-transform: translate(100%, 100%);
    -ms-transform: translate(100%, 100%);
    transform: translate(100%, 100%);
    visibility: visible;
    opacity: 1
}

.single-icon-box-01:hover:before {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    visibility: visible;
    opacity: 1
}

.single-icon-box-01 .icon {
    font-size: 60px;
    line-height: 70px;
    color: var(--main-color-one);
    margin-bottom: 18px
}

.single-icon-box-01 .content .title {
    font-size: 22px;
    line-height: 34px;
    font-weight: 700
}

.single-icon-box-01 .content p {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.single-icon-box-02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: start;
    align-self: flex-start;
    background-color: #fff;
    padding: 20px 20px 20px 20px
}

.single-icon-box-02:hover .icon i {
    -ms-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg)
}

.single-icon-box-02:hover .content .title {
    color: var(--main-color-one)
}

.single-icon-box-02 .icon {
    margin-right: 20px;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    line-height: 80px;
    text-align: center;
    background-color: var(--main-color-one);
    color: #fff;
    font-size: 40px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.single-icon-box-02 .icon i {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    display: inline-block
}

.single-icon-box-02 .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-top: 5px
}

.single-icon-box-02 .content .title {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.single-recent-case-study-01:hover .img-wrapper .hover .title {
    color: var(--main-color-one)
}

.single-recent-case-study-01 .img-wrapper {
    position: relative;
    z-index: 0;
    margin-bottom: 60px
}

.single-recent-case-study-01 .img-wrapper img {
    width: 100%
}

.single-recent-case-study-01 .img-wrapper .hover {
    background-color: #fff;
    text-align: center;
    position: absolute;
    left: 5%;
    bottom: -30px;
    width: 90%;
    padding: 25px 30px 28px 30px;
    -webkit-box-shadow: 0 0 62px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 0 62px 0 rgba(0, 0, 0, .05);
    border-radius: 5px
}

.single-recent-case-study-01 .img-wrapper .hover .title {
    font-size: 26px;
    line-height: 34px;
    font-weight: 700;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.single-recent-case-study-01 .img-wrapper .hover .read-more {
    font-size: 14px;
    font-weight: 600;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.single-recent-case-study-01 .img-wrapper .hover .read-more:hover {
    color: var(--main-color-one)
}

.single-recent-case-study-01 .img-wrapper .hover .read-more:hover i {
    visibility: visible;
    opacity: 1;
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.single-recent-case-study-01 .img-wrapper .hover .read-more i {
    visibility: hidden;
    opacity: 0;
    -ms-transform: translateX(-50px);
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.single-case-item-02 {
    display: block
}

.single-case-item-02:hover .thumb .hover {
    visibility: visible;
    opacity: 1
}

.single-case-item-02 .thumb {
    position: relative;
    z-index: 0
}

.single-case-item-02 .thumb img {
    width: 100%
}

.single-case-item-02 .thumb .hover {
    position: absolute;
    left: 5%;
    top: 5%;
    width: 90%;
    background-color: #fff;
    height: 90%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.single-case-item-02 .thumb .hover .title {
    font-size: 26px;
    line-height: 34px;
    font-weight: 700;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.single-case-item-02 .thumb .hover .title:hover {
    color: var(--main-color-one)
}

.single-case-item-02 .thumb .hover .cats a {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.single-case-item-02 .thumb .hover .cats a:hover {
    color: var(--main-color-one)
}

.case-masonry-03 {
    margin-bottom: 30px
}

.single-testimonial-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.single-testimonial-item .icon {
    font-size: 160px;
    line-height: 90px;
    color: #e5e5e5;
    margin-right: 70px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1
}

.single-testimonial-item .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.single-testimonial-item .content.style-01 p {
    color: #fff
}

.single-testimonial-item .content.style-01 .author-details .author-meta .title {
    color: #fff
}

.single-testimonial-item .content.style-01 .author-details .author-meta .designation {
    color: #fff
}

.single-testimonial-item .content .thumb {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    margin: auto;
    margin-bottom: 30px
}

.single-testimonial-item .content .thumb img {
    border-radius: 50%;
    width: 80px;
    height: 80px
}

.single-testimonial-item .content .description {
    font-size: 36px;
    line-height: 48px;
    max-width: 920px;
    text-align: center;
    color: #54545a;
    font-style: italic;
    margin: auto
}

.single-testimonial-item .content .author-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 10px
}

.single-testimonial-item .content .author-details .author-meta {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: 15px;
    text-align: center
}

.single-testimonial-item .content .author-details .author-meta .title {
    font-size: 20px;
    line-height: 22px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: var(--body-font);
    color: var(--heading-color)
}

.single-testimonial-item .content .author-details .author-meta .designation {
    color: var(--heading-color);
    font-weight: 500;
    font-size: 14px;
    line-height: 22px
}

.single-testimonial-item-02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.single-testimonial-item-02 .icon {
    font-size: 25px;
    line-height: 60px;
    width: 60px;
    height: 60px;
    color: #e5e5e5;
    background-color: var(--main-color-two);
    margin-right: 70px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    bottom: -30px;
    right: 0;
    z-index: 1
}

.single-testimonial-item-02 .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.single-testimonial-item-02 .content .content-wrapper {
    position: relative
}

.single-testimonial-item-02 .content .content-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    opacity: .5;
    background-color: var(--main-color-two)
}

.single-testimonial-item-02 .content .thumb {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    margin-bottom: 30px
}

.single-testimonial-item-02 .content .thumb img {
    border-radius: 50%;
    width: 80px;
    height: 80px
}

.single-testimonial-item-02 .content .description {
    font-size: 30px;
    line-height: 36px;
    color: #54545a;
    font-weight: 400;
    font-style: italic;
    padding-bottom: 35px;
    margin-bottom: 35px
}

.single-testimonial-item-02 .content .author-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 10px
}

.single-testimonial-item-02 .content .author-details .author-meta {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: 15px;
    margin-left: 20px
}

.single-testimonial-item-02 .content .author-details .author-meta .title {
    font-size: 20px;
    line-height: 22px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: var(--body-font);
    color: var(--heading-color)
}

.single-testimonial-item-02 .content .author-details .author-meta .designation {
    color: var(--heading-color);
    font-weight: 500;
    font-size: 14px;
    line-height: 22px
}

.single-testimonial-item-03 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: start;
    align-self: flex-start;
    align-items: center
}

.single-testimonial-item-03 .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.single-testimonial-item-03 .content .title {
    font-size: 48px;
    color: #fff;
    line-height: 58px;
    font-weight: 700;
    max-width: 650px;
    margin-bottom: 40px
}

.single-testimonial-item-03 .content .description {
    font-size: 30px;
    line-height: 40px;
    font-weight: 400;
    max-width: 650px;
    color: #54545a;
    font-style: italic;
    background: -webkit-linear-gradient(-25deg, #fd5b56 0 0, #f41e7e 100% 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-right: 40px
}

.single-testimonial-item-03 .content .author-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 10px
}

.single-testimonial-item-03 .content .author-details .author-meta {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: 15px
}

.single-testimonial-item-03 .content .author-details .author-meta .title {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: var(--body-font);
    color: #fff;
    margin-bottom: 5px
}

.single-testimonial-item-03 .content .author-details .author-meta .designation {
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px
}

.single-testimonial-item-03 .thumb {
    border-radius: 50%;
    margin: auto
}

.single-testimonial-item-03 .thumb img {
    border-radius: 50%;
    width: 350px;
    height: 350px
}

.our-service-wrappper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding-left: 50px;
    padding-right: 30px
}

.service-area-work {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.service-img.style-02 {
    display: none
}

.service-item-wrapper {
    height: 100%
}

.single-service-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    overflow: hidden
}

.single-service-item .service-img {
    width: calc(100% / 2);
    z-index: 0
}

.single-service-item .service-img .bg-image {
    width: 100%;
    height: 100%;
    min-height: 250px;
    background-size: cover;
    background-position: center
}

.single-service-item .service-text {
    background-color: #5580ff;
    padding: 95px 15px 85px;
    width: calc(100% / 2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.single-service-item .service-text .title {
    color: #fff;
    font-size: 30px;
    line-height: 36px;
    font-weight: 700
}

.single-service-item .service-text p {
    color: #fff;
    max-width: 300px;
    margin: auto
}

.blog-grid-carousel .owl-nav div {
    position: absolute;
    left: -60px;
    top: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: var(--heading-color);
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.blog-grid-carousel .owl-nav div:hover {
    background-color: var(--main-color-one);
    color: #fff
}

.blog-grid-carousel .owl-nav div.owl-next {
    left: auto;
    right: -60px
}

.single-blog-grid-01 .content {
    position: relative;
    z-index: 0
}

.single-blog-grid-01 .content:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(90deg, #000, rgba(0, 0, 0, .4));
    content: "";
    z-index: -1
}

.single-blog-grid-01 .content {
    padding: 100px 40px 85px
}

.single-blog-grid-01 .content .post-meta {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 15px
}

.single-blog-grid-01 .content .post-meta li {
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    color: #fff
}

.single-blog-grid-01 .content .post-meta li:hover a {
    color: #fff
}

.single-blog-grid-01 .content .post-meta li+li {
    margin-left: 20px
}

.single-blog-grid-01 .content .post-meta li a {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.single-blog-grid-01 .content .post-meta li a i {
    color: #fff;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.single-blog-grid-01 .content .title {
    font-size: 24px;
    line-height: 36px;
    font-weight: 700;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    color: #fff;
    max-width: 280px
}

.quote-with-image-02 {
    margin-bottom: 40px
}

.quote-with-image-02 .img-wrapper {
    position: relative;
    z-index: 0
}

.quote-with-image-02 .img-wrapper .hover {
    position: absolute;
    right: 0;
    bottom: -40px;
    width: 80%
}

.quote-with-image-02 .img-wrapper .hover .quote-block-with-sign {
    padding: 50px 60px 60px 60px
}

.quote-with-image-02 .img-wrapper .hover .quote-block-with-sign:after {
    left: 40px;
    top: 30px
}

.price-plan-slider:hover .owl-nav div,
.team-carousel:hover .owl-nav div {
    visibility: visible;
    opacity: 1
}

.single-price-plan-01 {
    max-width: 350px
}

.price-plan-slider .owl-nav div,
.team-carousel .owl-nav div {
    position: absolute;
    left: -50px;
    top: 50%;
    width: 40px;
    height: 50px;
    background-color: var(--main-color-one);
    color: #fff;
    text-align: center;
    line-height: 52px;
    visibility: hidden;
    opacity: 0;
    transition: all .3s
}

.price-plan-slider .owl-nav div.owl-next,
.team-carousel .owl-nav div.owl-next {
    left: auto;
    right: -50px
}

.pricing-plan-area.bg-image {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 0
}

.pricing-plan-area.bg-image::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
    z-index: -1
}

.single-price-plan-01 {
    text-align: center;
    -webkit-transition: .3s ease-in;
    -o-transition: .3s ease-in;
    transition: .3s ease-in;
    position: relative;
    z-index: 0;
    overflow: hidden;
    background-color: #fff;
    padding: 40px 0 60px;
    -webkit-box-shadow: 0 0 7px 0 rgba(48, 55, 63, .35);
    box-shadow: 0 0 7px 0 rgba(48, 55, 63, .35)
}

.single-price-plan-01.style-01 {
    background-image: -o-linear-gradient(330deg, #fd5b56 0, #f41e7e 100%);
    background-image: linear-gradient(-240deg, #fd5b56 0, #f41e7e 100%)
}

.single-price-plan-01.style-02 {
    background-color: var(--main-color-two)
}

.single-price-plan-01.style-03 {
    background-color: var(--main-color-one)
}

.single-price-plan-01.active .price-header .name {
    color: #fff
}

.single-price-plan-01.active .price-header .price-wrap .price {
    color: #fff
}

.single-price-plan-01.active .price-header .price-wrap .month {
    color: #fff
}

.single-price-plan-01.active .price-body ul li {
    color: #fff
}

.single-price-plan-01.active .btn-wrapper .boxed-btn {
    border: 1px solid #fff;
    background-color: transparent
}

.single-price-plan-01.active .btn-wrapper .boxed-btn:hover {
    background-color: #fff;
    color: var(--main-color-one)
}

.single-price-plan-01 .price-header {
    position: relative
}

.single-price-plan-01 .price-header .name-box .name {
    font-weight: 700;
    font-size: 24px;
    -webkit-transition: .3s ease-in;
    -o-transition: .3s ease-in;
    transition: .3s ease-in
}

.single-price-plan-01 .price-header .popular {
    position: absolute;
    top: 15px;
    right: -55px;
    display: inline-block;
    background-color: var(--main-color-one);
    padding: 10px 30px;
    width: 180px;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
    color: #fff;
    text-transform: uppercase;
    font-size: 12px
}

.single-price-plan-01 .price-header .title {
    color: #fff;
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
    padding: 20px 0;
    margin-bottom: 30px;
    background-color: var(--main-color-two);
    font-family: var(--heading-font)
}

.single-price-plan-01 .price-header .price-wrap {
    display: block;
    text-align: center
}

.single-price-plan-01 .price-header .price-wrap .price {
    font-size: 50px;
    font-family: var(--heading-font);
    line-height: 60px;
    font-weight: 700;
    color: var(--heading-color);
    -webkit-transition: .3s ease-in;
    -o-transition: .3s ease-in;
    transition: .3s ease-in;
    text-align: center;
    position: relative;
    z-index: 0;
    margin-top: 20px
}

.single-price-plan-01 .price-header .price-wrap .price .dollar {
    font-size: 33px;
    line-height: 33px;
    position: relative;
    top: -12px
}

.single-price-plan-01 .price-header .price-wrap .month {
    font-size: 18px;
    line-height: 20px;
    -webkit-transition: .3s ease-in;
    -o-transition: .3s ease-in;
    transition: .3s ease-in;
    display: block
}

.single-price-plan-01 .price-body ul {
    margin: 0;
    padding: 0;
    margin-top: 25px;
    margin-bottom: 25px
}

.single-price-plan-01 .price-body ul li {
    list-style: none;
    display: block;
    margin: 10px 0;
    font-size: 16px;
    font-weight: 500;
    color: var(--heading-color);
    -webkit-transition: .3s ease-in;
    -o-transition: .3s ease-in;
    transition: .3s ease-in
}

.single-price-plan-01 .price-body ul li:first-child {
    margin-top: 0
}

.single-price-plan-01 .price-body ul li:last-child {
    margin-bottom: 0
}

.single-price-plan-01 .btn-wrapper .boxed-btn {
    border: 1px solid transparent
}

.social-link ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.social-link ul li {
    color: #918989;
    font-size: 15px;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.social-link ul li:hover {
    color: var(--main-color-one)
}

.social-link.style-01 ul li {
    font-size: 30px;
    display: inline-block
}

.social-link.style-01 ul li+li {
    margin-left: 10px
}

.social-link.style-01 ul li i.facebook {
    color: #3b5999
}

.social-link.style-01 ul li i.twitter {
    color: #55acee
}

.social-link.style-01 ul li i.g-plus {
    color: #dd4b39
}

.social-link.style-01 ul li i.instagram {
    color: #e4405f
}

.social-link.style-02 ul li {
    font-size: 14px;
    display: inline-block
}

.social-link.style-02 ul li+li {
    margin-left: 5px
}

.social-link.style-02 ul li i.facebook {
    color: #3b5999
}

.social-link.style-02 ul li i.twitter {
    color: #55acee
}

.social-link.style-02 ul li i.g-plus {
    color: #dd4b39
}

.social-link.style-02 ul li i.instagram {
    color: #e4405f
}

.site-title.white {
    color: #fff
}

.error-message span {
    display: block;
    font-size: 14px;
    margin-bottom: 5px
}

.error-message span:last-child {
    margin-bottom: 20px
}

.ajax-loading-wrap.show {
    visibility: visible;
    opacity: 1
}

.ajax-loading-wrap.hide {
    visibility: hidden;
    opacity: 0
}

.ajax-loading-wrap {
    display: inline-block;
    margin-left: 10px
}

.ajax-loading-wrap .sk-fading-circle {
    margin: 0 auto;
    width: 20px;
    height: 20px;
    position: relative
}

.ajax-loading-wrap .sk-fading-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.ajax-loading-wrap .sk-fading-circle .sk-circle:before {
    content: "";
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: var(--main-color-one);
    border-radius: 100%;
    -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
    animation: sk-circleFadeDelay 1.2s infinite ease-in-out both
}

.ajax-loading-wrap .sk-fading-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg)
}

.ajax-loading-wrap .sk-fading-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg)
}

.ajax-loading-wrap .sk-fading-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.ajax-loading-wrap .sk-fading-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg)
}

.ajax-loading-wrap .sk-fading-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg)
}

.ajax-loading-wrap .sk-fading-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.ajax-loading-wrap .sk-fading-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg)
}

.ajax-loading-wrap .sk-fading-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg)
}

.ajax-loading-wrap .sk-fading-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.ajax-loading-wrap .sk-fading-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg)
}

.ajax-loading-wrap .sk-fading-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg)
}

.ajax-loading-wrap .sk-fading-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.ajax-loading-wrap .sk-fading-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.ajax-loading-wrap .sk-fading-circle .sk-circle4:before {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.ajax-loading-wrap .sk-fading-circle .sk-circle5:before {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

.ajax-loading-wrap .sk-fading-circle .sk-circle6:before {
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s
}

.ajax-loading-wrap .sk-fading-circle .sk-circle7:before {
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s
}

.ajax-loading-wrap .sk-fading-circle .sk-circle8:before {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ajax-loading-wrap .sk-fading-circle .sk-circle9:before {
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}

.ajax-loading-wrap .sk-fading-circle .sk-circle10:before {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.ajax-loading-wrap .sk-fading-circle .sk-circle11:before {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}

.ajax-loading-wrap .sk-fading-circle .sk-circle12:before {
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s
}

@-webkit-keyframes sk-circleFadeDelay {
    0%,
    100%,
    39% {
        opacity: 0
    }
    40% {
        opacity: 1
    }
}

@keyframes sk-circleFadeDelay {
    0%,
    100%,
    39% {
        opacity: 0
    }
    40% {
        opacity: 1
    }
}

.login-form-wrapper {
    margin: 100px 0;
    background-color: #fff;
    box-shadow: 0 0 35px rgba(0, 0, 0, .1);
    padding: 60px
}

.login-form-wrapper h2 {
    font-size: 30px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 40px
}

.account-form .form-group .form-control {
    border: 1px solid #e2e2e2;
    height: 50px
}

.account-form .btn-wrapper {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 30px
}

.account-form .submit-btn:hover {
    background-color: var(--main-color-one);
    color: #fff
}

.account-form .submit-btn {
    display: inline-block;
    background-color: var(--main-color-two);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2px;
    width: 160px;
    transition: .3s all
}

.account-form a:hover {
    color: var(--main-color-one)
}

.account-form a {
    transition: .3s all
}

.account-form.verify-mail .submit-btn {
    width: 180px
}

.user-dashboard-card.style-01 {
    background-color: var(--main-color-two)
}

.user-dashboard-card {
    background-color: var(--main-color-one);
    padding: 30px;
    display: flex;
    align-self: flex-start
}

.user-dashboard-card .icon {
    font-size: 40px;
    line-height: 40px;
    color: #fff;
    margin-right: 20px
}

.user-dashboard-card .title {
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    color: #fff
}

.user-dashboard-card .number {
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
    display: block;
    color: #fff
}

.user-dashboard-wrapper>ul {
    display: inline-block;
    width: 260px;
    background-color: var(--secondary-color);
    padding-bottom: 5px
}

.user-dashboard-wrapper {
    display: flex;
    justify-content: space-between
}

.user-dashboard-wrapper .tab-content {
    width: calc(100% - 300px)
}

.user-dashboard-wrapper {
    padding: 80px 0
}

.user-dashboard-wrapper ul.nav-pills .nav-link.active {
    background-color: var(--main-color-two)
}

.user-dashboard-wrapper ul.nav-pills .nav-link {
    border-radius: 0;
    padding: 10px 30px
}

.user-dashboard-wrapper ul.nav-pills .nav-item+.nav-item {
    border-top: 1px solid rgba(255, 255, 255, .1)
}

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

.width-220 {
    width: 220px !important
}

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

.submit-btn.dash-btn:hover {
    background-color: var(--main-color-one);
    color: #fff
}

.submit-btn.dash-btn {
    background-color: var(--main-color-two)
}

.dashboard-form-wrapper .title {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px
}

.dashboard-form-wrapper .form-group label {
    font-size: 14px;
    font-weight: 700;
    color: var(--heading-color)
}

.dashboard-form-wrapper .form-group .form-control {
    border: 1px solid #e2e2e2
}

.pagination-wrapper {
    text-align: center
}

.pagination-wrapper ul {
    display: inline-block
}

.pagination-wrapper ul li a:focus {
    outline: 0;
    box-shadow: none
}

.pagination-wrapper ul li a:hover {
    background-color: var(--main-color-one);
    border-color: var(--main-color-one);
    color: #fff
}

.pagination-wrapper ul li a {
    color: var(--paragraph-color)
}

.pagination-wrapper ul li {
    display: inline-block
}

.pagination-wrapper ul li.page-item.active span {
    background-color: var(--main-color-one);
    border-color: var(--main-color-one)
}

.case-study-gallery-carousel .owl-nav div.owl-next {
    left: auto;
    right: 10px
}

.case-studies-slider-active:hover .owl-nav {
    visibility: visible;
    opacity: 1
}

.case-studies-slider-active .owl-nav {
    visibility: hidden;
    opacity: 0
}

.case-study-gallery-carousel .owl-nav div:hover {
    background-color: var(--main-color-one);
    color: #fff;
    border-color: var(--main-color-one)
}

.case-study-gallery-carousel .owl-nav div {
    position: absolute;
    left: 10px;
    top: 50%;
    width: 30px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border: 1px solid rgba(255, 255, 255, .3);
    color: #fff;
    transform: translateY(-50%);
    border-radius: 2px;
    transition: .3s all;
    font-size: 14px
}

.case-study-gallery-wrapper .main-title {
    font-size: 26px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 30px
}

.portfolio-details-item .thumb {
    margin-bottom: 30px
}

.portfolio-details-item .title {
    font-size: 26px;
    line-height: 36px;
    font-weight: 700
}

.related-work-area .title {
    font-size: 36px;
    line-height: 46px
}

.related-case-study-carousel .owl-nav div.owl-next {
    left: auto;
    right: 10px
}

.related-case-study-carousel .owl-nav div:hover {
    background-color: var(--main-color-one);
    color: #fff;
    border-color: var(--main-color-one)
}

.related-case-study-carousel .owl-nav div {
    position: absolute;
    left: 10px;
    top: 50%;
    width: 30px;
    height: 40px;
    text-align: center;
    line-height: 43px;
    background-color: var(--secondary-color);
    color: #fff;
    transform: translateY(-50%);
    border-radius: 2px;
    transition: .3s all;
    font-size: 14px;
    cursor: pointer
}

.single-related-case-study-item .content {
    background-color: #f5f5f5;
    padding: 30px
}

.single-related-case-study-item .content .title {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 0;
    min-height: 60px;
    transition: .3s all
}

.single-case-studies-item:hover .cart-icon .title {
    text-align: center;
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    color: #fff;
    transition: .3s all
}

.contact-form.order-form .form-group .form-control {
    border: 1px solid #e2e2e2;
    height: 50px;
    padding: 0 20px
}

.contact-form.order-form .form-group.file .form-control {
    height: auto;
    border: none;
    padding-left: 0
}

.contact-form.order-form .form-group.file .help-info {
    font-size: 14px;
    color: #5e885e
}

.contact-form.order-form .form-group.textarea .form-control {
    padding: 20px;
    min-height: 150px;
    resize: none
}

.contact-form.order-form .form-group.textarea .form-control:focus {
    outline: 0;
    box-shadow: none
}

.contact-form.order-form .submit-btn:focus {
    outline: 0;
    box-shadow: none
}

.contact-form.order-form .submit-btn {
    background-color: var(--secondary-color)
}

.contact-form.order-form .submit-btn:hover {
    background-color: var(--main-color-one);
    color: #fff
}

.contact-page-form .form-group.file .form-control {
    border: none;
    padding: 0;
    height: 40px;
    margin-bottom: 0
}

.contact-page-form label {
    font-size: 16px;
    font-weight: 600;
    color: var(--heading-color)
}

.form-group.checkbox input {
    display: inline-block;
    width: 20px;
    height: 20px
}

.form-group.checkbox label {
    position: relative;
    top: -5px;
    padding-left: 10px;
    font-size: 16px;
    font-weight: 400;
    color: var(--paragraph-color)
}

.contact-page-form .help-info {
    font-size: 14px;
    line-height: 24px;
    color: var(--paragraph-color)
}

.contact-form.quote-form textarea,
.contact-page-form .form-group.file .form-control:focus,
.contact-page-form .form-group.select .form-control:focus,
.form-group.checkbox input:focus {
    outline: 0;
    box-shadow: none
}

.contact-page-form .form-group.select .form-control {
    padding: 0;
    height: 50px
}

.payment-gateway-wrapper ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    margin: 20px 0
}

.payment-gateway-wrapper ul li {
    max-width: 100px;
    cursor: pointer;
    box-sizing: border-box;
    height: 50px;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden
}

.form-group.file .form-control {
    border: none;
    padding: 0
}

.form-group.file .help-info {
    font-size: 14px;
    line-height: 24px;
    color: var(--paragraph-color)
}

.form-group label {
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    color: var(--heading-color)
}

.contact-form.quote-form input {
    border: 1px solid #e2e2e2;
    height: 50px;
    padding: 0 20px
}

.contact-form.quote-form textarea {
    border: 1px solid #e2e2e2;
    padding: 20px;
    max-height: 160px;
    resize: none
}

.form-group.checkbox {
    height: 25px
}

.payment-gateway-wrapper ul li.selected:after,
.payment-gateway-wrapper ul li.selected:before {
    visibility: visible;
    opacity: 1
}

.payment-gateway-wrapper ul li:before {
    border: 2px solid var(--main-color-two);
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    visibility: hidden;
    opacity: 0;
    transition: all .3s
}

.payment-gateway-wrapper ul li:after {
    position: absolute;
    right: 0;
    top: 0;
    width: 15px;
    height: 15px;
    background-color: var(--main-color-two);
    content: "\f00c";
    font-weight: 900;
    color: #fff;
    font-family: "Font Awesome 5 Free";
    font-size: 10px;
    line-height: 10px;
    text-align: center;
    padding-top: 2px;
    padding-left: 2px;
    visibility: hidden;
    opacity: 0;
    transition: all .3s
}

.submit-btn.style-01 {
    background-color: var(--secondary-color);
    color: #fff
}

.order-cancel-area,
.order-success-area {
    text-align: center
}

.order-cancel-area .title,
.order-success-area .title {
    font-size: 50px;
    line-height: 60px;
    font-weight: 700;
    margin-bottom: 20px
}

.order-cancel-area .sub-title,
.order-success-area .sub-title {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 30px
}

.order-service-page-content-area .order-title {
    font-size: 42px;
    line-height: 52px;
    font-weight: 700;
    margin-bottom: 30px
}

.order-service-page-content-area .nav-tabs {
    display: block;
    border: none
}

.order-service-page-content-area .nav-tabs .nav-item {
    border: none;
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: var(--main-color-two);
    line-height: 50px;
    color: #fff;
    padding: 0;
    text-align: center
}

.order-service-page-content-area .tab-content {
    margin-top: 30px
}

.order-service-page-content-area .nav-tabs .nav-item+.nav-item {
    margin-left: 15px
}

.order-service-page-content-area .nav-tabs .nav-item.active {
    background-color: var(--main-color-one);
    color: #fff
}

.order-service-page-content-area .nav-tabs .nav-item[disabled] {
    background-color: #e1e1e1;
    color: var(--paragraph-color)
}

.alert-sm {
    padding: 5px 10px;
    font-size: 14px
}

.btn-boxed:focus {
    outline: 0;
    box-shadow: none
}

.btn-boxed:hover {
    background-color: var(--main-color-one);
    color: #fff
}

.btn-boxed {
    display: inline-block;
    border: none;
    background-color: var(--main-color-two);
    color: #fff;
    padding: 10px 30px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 600;
    transition: .3s all
}

.related-post-area .title {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 0
}

.single-blog-grid-02 .content {
    padding: 20px
}

.single-blog-grid-02 .content .title {
    font-size: 18px;
    line-height: 30px;
    max-width: 320px
}

.singler-counterup-item-01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.singler-counterup-item-01.white .content .count-wrap {
    color: #fff
}

.singler-counterup-item-01.white .content .title {
    color: rgba(255, 255, 255, .8)
}

.singler-counterup-item-01 .icon {
    font-size: 50px;
    line-height: 60px;
    color: var(--main-color-one);
    margin-right: 20px
}

.singler-counterup-item-01 .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.singler-counterup-item-01 .content .count-wrap {
    font-size: 48px;
    line-height: 58px;
    font-weight: 700;
    color: var(--heading-color);
    font-family: var(--heading-font)
}

.singler-counterup-item-01 .content .title {
    color: var(--paragraph-color);
    margin-bottom: 0;
    font-size: 16px;
    line-height: 26px
}

.header-variant-03 .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav {
    text-align: left;
    margin-left: 60px
}

.header-variant-03 .navbar-area.nav-style-01 .nav-container .nav-right-content ul li a {
    color: var(--main-color-one)
}

.header-variant-03 .navbar-area .nav-container .nav-right-content ul li.cart .pcount {
    color: #fff
}

.navbar-area.nav-fixed .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:hover>.xg_mega_menu_wrapper {
    top: 70px
}

.knowledgebase-content-area .main-title {
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    margin-bottom: 50px
}

.article-with-topic-title-style-01 .topic-title {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 20px
}

.article-with-topic-title-style-01 .topic-title i {
    opacity: .8;
    margin-right: 5px
}

.article-with-topic-title-style-01 ul.know-articles-list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: 20px
}

.article-with-topic-title-style-01 ul.know-articles-list li+li {
    margin-top: 10px
}

.article-with-topic-title-style-01 ul.know-articles-list li {
    transition: all .3s
}

.article-with-topic-title-style-01 ul.know-articles-list li:hover {
    color: var(--main-color-one)
}

.article-with-topic-title-style-01 {
    margin-bottom: 40px
}

.single-knowledgebase-list-item .title {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
    font-weight: 700
}

.single-knowledgebase-list-item .title i {
    opacity: .8;
    margin-right: 5px
}

.single-knowledgebase-list-item {
    margin-bottom: 30px;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 30px
}

.single-knowledgebase-list-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none
}

.single-job-list-item {
    border: 2px solid #f4f7fc;
    border-radius: 5px;
    margin-bottom: 30px;
    padding: 30px
}

.single-job-list-item .job_type {
    background-color: #e0f5d7;
    border-radius: 20px;
    padding: 5px 15px;
    color: #449626;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 16px
}

.single-job-list-item .job_type i {
    margin-right: 5px
}

.single-job-list-item .title {
    font-size: 26px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 15px;
    transition: all .3s
}

.single-job-list-item .title:hover {
    color: var(--main-color-one)
}

.single-job-list-item .company_name,
.single-job-list-item .deadline {
    display: block;
    margin-bottom: 10px
}

.single-job-list-item .company_name strong,
.single-job-list-item .deadline strong {
    color: var(--heading-color);
    margin-right: 10px;
    font-weight: 600
}

.single-job-list-item .jobs-meta {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 30px
}

.single-job-list-item .jobs-meta li {
    display: inline-block;
    border-radius: 25px;
    padding: 5px 15px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    font-weight: 500;
    font-size: 14px
}

.single-job-list-item .jobs-meta li+li {
    margin-left: 20px
}

.single-job-list-item .jobs-meta li strong {
    color: var(--heading-color);
    font-weight: 600
}

.single-job-list-item .jobs-meta li i {
    margin-right: 5px
}

.single-job-list-item .jobs-meta li:nth-child(1) i {
    color: #12b6e8
}

.single-job-list-item .jobs-meta li:nth-child(2) i {
    color: #2a41e8
}

.single-job-list-item .jobs-meta li:nth-child(3) i {
    color: #dc3139
}

.single-job-list-item .jobs-meta li:nth-child(4) i {
    color: #0bbdc6
}

.job-information-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.job-information-list li+li {
    margin-top: 20px
}

.job-information-list li .single-job-info {
    display: flex;
    align-self: flex-start
}

.job-information-list li .single-job-info .content {
    flex: 1
}

.job-information-list li .single-job-info .icon {
    margin-right: 20px;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: var(--main-color-one);
    text-align: center;
    border-radius: 50%;
    color: #fff;
    font-size: 16px
}

.job-information-list li+li {
    border-top: 1px solid #e2e2e2;
    padding-top: 25px
}

.job-information-list li .single-job-info .content .title {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 4px
}

.job-information-list li .single-job-info .content .details {
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize
}

.job-meta-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.job-meta-list>li+li {
    margin-top: 40px
}

.job-meta-list li .single-job-meta-block p {
    line-height: 30px
}

.job-meta-list li .single-job-meta-block .title {
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    margin-bottom: 20px
}

.job-meta-list li .single-job-meta-block ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.job-meta-list li .single-job-meta-block ul li+li {
    margin-top: 15px
}

.job-meta-list li .single-job-meta-block ul li:before {
    position: static;
    content: "\f101";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    margin-right: 5px;
    color: var(--main-color-one)
}

.apply-procedure p {
    font-size: 20px;
    margin-top: 40px;
    font-weight: 600;
    color: var(--heading-color);
    line-height: 30px
}

.apply-procedure p span {
    display: block;
    font-size: 16px;
    margin-top: 10px;
    font-weight: 400;
    color: var(--paragraph-color)
}

.job-apply-form-wrapper input {
    border: 1px solid #e2e2e2;
    padding: 10px 20px;
    height: 50px;
    font-size: 14px
}

.job-apply-form-wrapper input[type=file] {
    border: none;
    padding: 0
}

.job-apply-form-wrapper label {
    font-size: 14px;
    font-weight: 700;
    color: var(--heading-color)
}

.job-apply-form-wrapper .help-info {
    font-size: 14px;
    font-weight: 500;
    color: var(--paragraph-color)
}

.job-apply-form-wrapper .checkbox input:focus,
.job-apply-form-wrapper select:focus,
.job-apply-form-wrapper textarea:focus {
    outline: 0;
    box-shadow: none
}

.job-apply-form-wrapper textarea {
    border: 1px solid #e2e2e2;
    padding: 20px;
    height: 120px;
    resize: none
}

.job-apply-form-wrapper select {
    border: 1px solid #e2e2e2;
    height: 50px
}

.job-apply-form-wrapper .checkbox label {
    display: inline-block;
    position: relative;
    top: -5px;
    padding-left: 10px
}

.job-apply-form-wrapper .checkbox input {
    display: inline-block;
    width: 20px;
    height: 20px
}

.quote-title {
    text-align: center;
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 50px
}

.single-price-plan-01.bg-lightwhite {
    background-color: #fbfbfb
}

.single-price-plan-01.style-02.bg-lightwhite {
    background-color: var(--main-color-two)
}

.single-events-list-item+.single-events-list-item {
    margin-top: 30px
}

.single-events-list-item {
    display: flex;
    align-self: flex-start
}

.single-events-list-item .content-area {
    flex: 1
}

.single-events-list-item .thumb {
    margin-right: 30px
}

.single-events-list-item .content-area .top-part {
    display: flex;
    align-self: flex-start;
    margin-bottom: 15px
}

.single-events-list-item .content-area .top-part .time-wrap {
    margin-right: 20px;
    width: 80px;
    height: 80px;
    background-color: var(--main-color-one);
    color: #fff;
    text-align: center;
    padding-top: 10px
}

.single-events-list-item .content-area .top-part .title-wrap {
    flex: 1
}

.single-events-list-item .content-area .top-part .time-wrap span {
    display: block
}

.single-events-list-item .content-area .top-part .time-wrap .date {
    font-size: 30px;
    line-height: 35px;
    font-weight: 700
}

.single-events-list-item .content-area .top-part .time-wrap .month {
    font-weight: 600;
    text-transform: uppercase
}

.single-events-list-item .content-area .top-part .title {
    font-size: 20px;
    font-weight: 700;
    line-height: 26px
}

.single-events-list-item .content-area .top-part .location {
    font-size: 14px;
    font-weight: 500
}

.single-events-list-item .content-area .top-part .location i {
    color: var(--main-color-one)
}

@media only screen and (max-width: 767px) {
    .single-events-list-item {
        display: block
    }
    .single-events-list-item .thumb {
        margin-bottom: 30px
    }
    .single-events-list-item .thumb img {
        width: 100%
    }
}

.single-event-details .thumb {
    margin-bottom: 30px
}

.single-event-details .content .top-part {
    display: flex;
    align-self: flex-start;
    margin-bottom: 25px
}

.single-event-details .content .top-part .time-wrap {
    margin-right: 20px;
    width: 80px;
    height: 80px;
    background-color: var(--main-color-one);
    color: #fff;
    text-align: center;
    padding-top: 10px
}

.single-event-details .content .top-part .title-wrap {
    flex: 1
}

.single-event-details .content .top-part .time-wrap span {
    display: block
}

.single-event-details .content .top-part .time-wrap .date {
    font-size: 30px;
    line-height: 35px;
    font-weight: 700
}

.single-event-details .content .top-part .time-wrap .month {
    font-weight: 600;
    text-transform: uppercase
}

.single-event-details .content .top-part .title {
    font-size: 20px;
    font-weight: 700;
    line-height: 26px
}

.single-event-details .content .top-part .location {
    font-size: 14px;
    font-weight: 500
}

.single-event-details .content .top-part .location i {
    color: var(--main-color-one)
}

.single-event-details .content .top-part .title-wrap .category .i {
    margin-right: 5px
}

.single-event-details .content .top-part .title-wrap .category {
    background-color: #e0f5d7;
    padding: 5px 15px;
    color: #449626;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 10px
}

.single-event-details .content .top-part .title-wrap span {
    display: block
}

.single-event-details .content .top-part .title-wrap {
    flex: 1;
    margin-top: 10px
}

.base-color {
    color: var(--main-color-one)
}

.event-info .icon-with-title-description {
    margin: 0;
    padding: 0
}

.event-info .icon-with-title-description li {
    list-style: none;
    display: flex
}

.event-info .icon-with-title-description li .icon {
    margin-right: 15px;
    font-size: 14px;
    line-height: 24px;
    width: 10px;
    color: var(--main-color-one)
}

.event-info .icon-with-title-description li h4 {
    font-size: 14px;
    line-height: 26px;
    font-family: var(--body-font);
    font-weight: 600;
    margin-bottom: 0
}

.event-info .icon-with-title-description li span {
    margin-bottom: 0
}

.event-info .icon-with-title-description li+li {
    margin-top: 10px
}

.event-info .icon-with-title-description li a {
    transition: .3s all
}

.event-info .icon-with-title-description li a:hover {
    color: var(--main-color-one)
}

.event-venue-details-information {
    background-color: #f5f5f5;
    padding: 30px
}

.event-venue-details-information .venue-title {
    font-size: 26px;
    line-height: 36px;
    font-weight: 700;
    margin-bottom: 20px
}

.event-venue-details-information .bottom-content {
    display: flex;
    justify-content: space-between
}

.venue-details-block .title {
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    margin-bottom: 0
}

.venue-details-block+.venue-details-block {
    margin-top: 20px
}

.venue-details-block {
    padding-right: 40px
}

.event-booking-form h4 {
    font-size: 36px;
    line-height: 46px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 50px
}

.event-booking-form .form-group .form-control {
    height: 50px;
    padding: 0 20px
}

.event-booking-form .form-group.checkbox .form-control {
    padding: 0;
    height: auto
}

.event-booking-form .form-group.checkbox label {
    position: relative;
    top: -2px
}

.event-booking-form .form-group.file .form-control {
    padding: 0
}

.event-booking-form .form-group.textarea .form-control {
    height: 150px;
    resize: none;
    padding: 20px
}

.event-booking-form .form-group.select .form-control:focus,
.event-booking-form .form-group.textarea .form-control:focus {
    outline: 0;
    box-shadow: none
}

.event-booking-form .btn-wrapper {
    text-align: center
}

.order-confirm-area .title {
    text-align: center;
    font-size: 36px;
    line-height: 46px;
    font-weight: 700;
    margin-bottom: 40px
}

.form-group input[type=number] {
    border: 1px solid #e2e2e2;
    margin-left: 20px;
    height: 40px;
    text-align: center;
    color: var(--paragraph-color);
    max-width: 60px
}

.progressbar {
    width: 100%;
    position: relative;
    background-color: #f4f4f4
}

.proggress {
    height: 8px;
    width: 0%;
    background-color: #ff0;
    max-width: 100%
}

.percentCount {
    margin-top: -44px;
    clear: both;
    font-weight: 700;
    font-size: 14px;
    background-color: var(--main-color-one);
    color: #fff;
    padding: 5px;
    display: inline-block;
    position: absolute;
    text-align: center;
    border-radius: 5px
}

.percentCount:after {
    position: absolute;
    left: 0;
    bottom: -6px;
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid var(--main-color-one);
    border-right: 15px solid transparent
}

.contribute-single-item {
    margin-bottom: 30px
}

.contribute-single-item .thumb {
    position: relative;
    z-index: 0;
    width: 100%
}

.contribute-single-item .thumb img {
    width: 100%
}

.contribute-single-item .thumb .thumb-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background-color: rgba(0, 0, 0, .6);
    z-index: 1
}

.contribute-single-item .thumb .thumb-content .goal {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    padding: 0 30px
}

.contribute-single-item .thumb .thumb-content .goal .raised {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    font-family: var(--body-font)
}

.contribute-single-item .content {
    margin-top: 30px
}

.contribute-single-item .content.style-01 {
    border: none;
    padding: 35px 0 0
}

.contribute-single-item .content .title {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    margin-bottom: 23px
}

.contribute-single-item .content p {
    margin-bottom: 23px
}

.contribute-single-item .content .btn-wrapper .boxed-btn {
    padding: 12px 20px
}

.donation_wrapper {
    padding: 40px 45px 45px;
    background: #f5f5f5
}

.donation_wrapper .title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px
}

.donation_wrapper .single_amount_wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.donation_wrapper .single_amount_wrapper .single_amount {
    padding: 5px 10px;
    margin: 0 5px;
    border-radius: 5px;
    color: #fff;
    background: var(--main-color-one);
    margin-bottom: 20px;
    cursor: pointer;
    transition: all .3s
}

.donation_wrapper .single_amount_wrapper .single_amount:hover {
    background: var(--main-color-two)
}

.donation_wrapper .amount_wrapper {
    display: flex;
    justify-content: center;
    align-items: stretch
}

.donation_wrapper .amount_wrapper .suffix,
.donation_wrapper .amount_wrapper input {
    padding: 8px;
    border: 0;
    font-weight: 700;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1);
    background: 0 0;
    width: 100%
}

.donation_wrapper .amount_wrapper input {
    border-radius: 0 8px 8px 0;
    border-right: 0;
    outline: 0
}

.donation_wrapper .single_amount_wrapper .single_amount:first-child {
    margin-left: 0
}

.donation_wrapper .amount_wrapper .suffix {
    border-radius: 5px 0 0 5px;
    width: auto
}

.donation_wrapper a {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 25px;
    padding: 15px 25px;
    border: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 5px;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0) inset, 0 0 0 0 transparent inset;
    background: var(--main-color-one);
    transition: all .3s
}

.donation_wrapper a:hover {
    background: var(--main-color-two)
}

.donation_wrapper a:active {
    box-shadow: 0 -2px 2px 0 rgba(255, 255, 255, .2) inset, 0 2px 2px 0 rgba(0, 0, 0, .5) inset
}

.donation_wrapper .payment-gateway-wrapper ul {
    flex-wrap: wrap;
    justify-content: space-evenly
}

.donation_wrapper .payment-gateway-wrapper ul li {
    width: calc(100% / 2 - 30px);
    margin-bottom: 20px
}

.donation_wrapper .payment-gateway-wrapper ul li+li {
    margin-left: 0
}

.donation-form-wrapper .form-group .form-control {
    border: 1px solid #e2e2e2;
    font-size: 14px;
    padding: 15px 20px
}

.donation-form-wrapper .form-group .label {
    color: var(--heading-color);
    font-weight: 700;
    margin-bottom: 10px
}

.donation-form-wrapper .form-group {
    margin-top: 20px
}

.manual_payment_transaction_field.show {
    display: block
}

.manual_payment_transaction_field {
    display: none
}

.single-product-item-3 {
    border: 1px solid rgba(0, 0, 0, .07);
    transition: .3s ease-in;
    overflow: hidden
}

.single-product-item-3 .content .title:hover {
    color: var(--main-color-one)
}

.single-product-item-3 .thumb {
    display: inline-block;
    position: relative;
    margin-bottom: 20px;
    height: auto;
    width: 100%
}

.single-product-item-3 .thumb .tag {
    position: absolute;
    left: 0;
    top: 0;
    background-color: var(--main-color-one);
    border-radius: 2px;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    width: 60px;
    height: 30px;
    line-height: 35px;
    text-align: center
}

.single-product-item-3 .content {
    padding: 0 20px 30px 20px
}

.single-product-item-3 .content .title {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    color: var(--heading-color);
    margin-bottom: 10px;
    transition: .3s ease-in
}

.single-product-item-3 .content .del-price {
    display: inline-block;
    font-size: 20px;
    color: var(--paragraph-color);
    font-weight: 600;
    margin-bottom: 10px;
    margin-right: 10px
}

.single-product-item-3 .content .price {
    display: inline-block;
    font-size: 22px;
    color: var(--heading-color);
    font-weight: 700;
    margin-bottom: 10px
}

.single-product-item-3 .addtocart:hover {
    background-color: var(--main-color-one)
}

.out_of_stock,
.single-product-item-3 .addtocart {
    display: inline-block;
    padding: 0 20px;
    background-color: var(--main-color-two);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    border-radius: 3px;
    height: 40px;
    line-height: 45px
}

.out_of_stock {
    background-color: #dc3545
}

.single-product-item-3 .addtocart i {
    padding-right: 5px
}

.product-archive-top-content-area {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px
}

.product-archive-top-content-area .search-form {
    position: relative;
    z-index: 0;
    width: 320px
}

.product-archive-top-content-area .search-form .form-control {
    border: 1px solid #e2e2e2;
    font-size: 14px;
    height: 40px;
    border-radius: 0;
    padding-right: 60px
}

.product-archive-top-content-area .search-form button {
    position: absolute;
    right: 0;
    top: 0;
    height: 40px;
    width: 50px;
    border: none;
    color: var(--main-color-two);
    transition: .3s all
}

.product-archive-top-content-area .search-form button:hover {
    background-color: var(--main-color-two);
    color: #fff
}

.single-rating-filter-wrap .filter-text {
    font-size: 14px;
    font-weight: 600;
    color: var(--heading-color);
    cursor: pointer
}

.product-archive-top-content-area .product-sorting select {
    border: 1px solid #e2e2e2;
    height: 40px;
    min-width: 180px;
    padding: 0 10px;
    color: var(--paragraph-color);
    font-size: 14px
}

.related-product-area .title {
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    margin-bottom: 38px
}

.single-product-details .extra-content-wrap .nav-tabs {
    display: block;
    border: none;
    font-size: 0
}

.single-product-details .extra-content-wrap .nav-tabs .nav-item {
    border: none;
    display: inline-block;
    background-color: #f2f2f2;
    border-radius: 0;
    font-size: 16px;
    font-weight: 600;
    color: #555;
    transition: .3s all;
    padding: 12px 30px
}

.single-product-details .extra-content-wrap .nav-tabs .nav-item.active {
    background-color: var(--main-color-one);
    color: #fff
}

.single-product-details .extra-content-wrap .nav-tabs .nav-item:first-child {
    border-top-left-radius: 5px
}

.single-product-details .extra-content-wrap .nav-tabs .nav-item:last-child {
    border-top-right-radius: 5px
}

.single-product-details .extra-content-wrap .tab-content {
    background-color: #f2f2f2;
    padding: 30px
}

.single-product-details .extra-content-wrap {
    margin-bottom: 100px;
    margin-top: 60px
}

.single-product-details .top-content {
    display: flex;
    align-items: flex-start
}

.single-product-details .top-content .product-summery {
    flex: 1
}

.single-product-details .top-content>div:first-child {
    width: calc(100% / 2 - 30px);
    margin-right: 30px
}

.single-product-details .top-content .price-wrap {
    font-size: 32px;
    font-weight: 700;
    color: var(--heading-color);
    line-height: 42px;
    margin-bottom: 20px
}

.single-product-details .top-content .price-wrap .del-price {
    color: var(--paragraph-color)
}

.single-product-details .top-content .short-description {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 30px
}

.single-product-details .top-content .single-add-to-card-wrapper .quantity {
    max-width: 100px;
    border: 1px solid #e2e2e2;
    height: 40px;
    padding-left: 10px
}

.single-product-details .top-content .single-add-to-card-wrapper {
    margin-bottom: 20px
}

.single-product-details .top-content .single-add-to-card-wrapper .addtocart {
    display: inline-block;
    border: none;
    height: 40px;
    padding: 0 25px;
    background-color: var(--main-color-one);
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    transition: .3s all
}

.single-product-details .top-content .single-add-to-card-wrapper .addtocart:focus {
    outline: 0;
    box-shadow: none
}

.single-product-details .top-content .single-add-to-card-wrapper .addtocart:hover {
    background-color: var(--main-color-two)
}

.single-product-details .top-content .cat-sku-content-wrapper span.title {
    font-size: 16px;
    font-weight: 600;
    color: var(--heading-color);
    margin-right: 10px;
    margin-bottom: 10px
}

.single-product-details .top-content .cat-sku-content-wrapper a {
    transition: .3s all
}

.single-product-details .top-content .cat-sku-content-wrapper a:hover {
    color: var(--main-color-two)
}

.single-product-details .top-content .slider-gallery-nav {
    margin-top: 30px
}

.single-product-details .top-content .slider-gallery-nav .single-gallery-slider-nav-item img {
    opacity: .5;
    cursor: pointer
}

.single-product-details .top-content .slider-gallery-nav .single-gallery-slider-nav-item.slick-current img {
    opacity: 1
}

.single-product-details .extra-content-wrap .nav-tabs .nav-item+.nav-item {
    border-left: 1px solid #e2e2e2
}

.product-ratings-form p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    color: var(--heading-color);
    margin-bottom: 20px
}

.product-ratings-form .login-form {
    max-width: 350px
}

.product-ratings-form textarea:focus {
    outline: 0;
    box-shadow: none
}

.single-product-rating-item .ratings {
    font-size: 14px;
    margin-bottom: 10px
}

.product-ratings-form textarea {
    border: 1px solid #e2e2e2;
    max-height: 120px;
    resize: none
}

.product-ratings-form {
    max-width: 350px
}

.rating-wrap .ratings {
    display: inline-block
}

.rating-wrap .total-ratings {
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    color: var(--heading-color);
    position: relative;
    top: 2px
}

.rating-wrap .ratings span:after {
    position: absolute;
    left: 0;
    top: 0;
    content: "\f005" "\f005" "\f005" "\f005" "\f005";
    width: 100%;
    font-family: "Font Awesome 5 Free";
    font-size: 13px;
    font-weight: 900
}

.rating-wrap .ratings {
    position: relative;
    z-index: 0;
    width: 75px;
    height: 16px;
    display: inline-block;
    top: 2px
}

.rating-wrap .ratings span {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    line-height: 16px
}

.rating-wrap .ratings span.show-rating:after {
    color: #ffc107
}

.rating-wrap .ratings span.hide-rating:after {
    color: var(--paragraph-color)
}

.product-rating-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.product-rating-list li+li {
    margin-top: 30px
}

.rating-wrap p {
    display: inline-block
}

.single-product-rating-item .title {
    font-size: 16px;
    line-height: 26px;
    font-weight: 700;
    color: var(--heading-color);
    margin-bottom: 0
}

.single-product-rating-item p {
    margin-bottom: 0
}

.product-rating-list li:last-child {
    margin-bottom: 30px
}

.product-ratings-form .title {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 25px;
    font-weight: 700
}

.widget.widget_nav_menu ul li a.active {
    position: relative;
    padding-left: 5px;
    color: var(--main-color-one)
}

.widget.widget_nav_menu ul li a.active:before {
    position: absolute;
    left: 0;
    top: 3px;
    width: 2px;
    height: 16px;
    background-color: var(--main-color-one);
    content: ""
}

.widget_price_filter p {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 700;
    margin-top: 5px;
    color: var(--heading-color)
}

.alert.alert-success a {
    font-weight: 600;
    padding: 3px 15px;
    margin-left: 20px;
    border-radius: 3px
}

.alert.alert-success {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.cart-wrapper table .thumbnail {
    max-width: 80px
}

.cart-wrapper table .product-title {
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    transition: .3s all
}

.cart-wrapper table .product-title:hover {
    color: var(--main-color-one)
}

.cart-wrapper table .quantity {
    max-width: 80px;
    border: 1px solid #e2e2e2;
    height: 40px;
    padding-left: 10px
}

.cart-wrapper table {
    color: var(--paragraph-color)
}

.cart-wrapper table th {
    color: var(--heading-color)
}

.ajax_remove_cart_item:focus {
    outline: 0;
    box-shadow: none
}

.cart-wrapper table .cart-action-wrap {
    display: flex;
    align-items: center
}

.cart-table-footer-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.cart-table-footer-wrap div:last-child {
    display: inline-block;
    max-width: 200px;
    display: flex;
    align-items: center
}

.cart-table-footer-wrap div:last-child .ajax-loading-wrap {
    margin-right: 10px
}

.cart-table-footer-wrap .coupon-wrap {
    position: relative;
    z-index: 0
}

.cart-table-footer-wrap .coupon-wrap input {
    width: 100%;
    border: 1px solid #e2e2e2;
    height: 40px
}

.cart-table-footer-wrap .coupon-wrap {
    display: flex
}

.cart-table-footer-wrap .coupon-wrap .btn-boxed {
    margin-left: 10px
}

.cart-total-wrap .title {
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    margin-bottom: 30px
}

.shipping-wrap .card {
    border: 1px solid #e2e2e2
}

.shipping-wrap .card-header {
    font-size: 20px;
    font-weight: 700;
    color: var(--heading-color);
    cursor: pointer;
    line-height: 30px
}

.shipping-wrap {
    margin-bottom: 30px;
    margin-top: 20px
}

.shipping-wrap .shipping-details-wrap .title {
    font-size: 18px;
    font-weight: 600;
    color: var(--heading-color)
}

.shipping-wrap .shipping-details-wrap p {
    font-weight: 400
}

.shipping-wrap .shipping-cost {
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    color: var(--heading-color)
}

.shipping-table-wrap .btn-wrapper {
    display: flex;
    align-items: center
}

.btn-boxed:focus {
    color: #fff
}

.cart-total-table table td {
    color: var(--heading-color)
}

.billing-details-wrapper .login-form {
    max-width: 450px
}

.billing-details-wrapper {
    margin-bottom: 80px
}

.billing-details-fields-wrapper .title,
.shipping-details-fields-wrapper .title {
    font-size: 30px;
    line-height: 40px;
    font-weight: 600;
    margin-bottom: 30px
}

.shipping-details-fields-wrapper {
    margin-top: 30px
}

.billing-details-fields-wrapper {
    margin-bottom: 30px
}

.shipping-details-wrapper .custom-control-label {
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    color: var(--heading-color)
}

.product-orders-summery-warp .title {
    font-size: 24px;
    text-align: left;
    margin-bottom: 7px
}

.billing-and-shipping-details {
    display: flex;
    justify-content: space-between;
    text-align: left
}

.billing-and-shipping-details ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.billing-and-shipping-details ul li {
    margin: 8px 0
}

.billing-and-shipping-details ul li strong {
    color: var(--heading-color);
    margin-right: 30px
}

.lds-circle {
    display: inline-block;
    transform: translateZ(1px)
}

.lds-circle>div {
    display: inline-block;
    width: 64px;
    height: 64px;
    margin: 8px;
    border-radius: 50%;
    background: var(--main-color-one);
    animation: lds-circle 2.4s cubic-bezier(0, .2, .8, 1) infinite
}

@keyframes lds-circle {
    0%,
    100% {
        animation-timing-function: cubic-bezier(.5, 0, 1, .5)
    }
    0% {
        transform: rotateY(0)
    }
    50% {
        transform: rotateY(1800deg);
        animation-timing-function: cubic-bezier(0, .5, .5, 1)
    }
    100% {
        transform: rotateY(3600deg)
    }
}

.lds-dual-ring {
    display: inline-block;
    width: 80px;
    height: 80px
}

.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid var(--main-color-one);
    border-color: var(--main-color-one) transparent var(--main-color-one) transparent;
    animation: lds-dual-ring 1.2s linear infinite
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

.lds-facebook {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px
}

.lds-facebook div {
    display: inline-block;
    position: absolute;
    left: 8px;
    width: 16px;
    background: var(--main-color-one);
    animation: lds-facebook 1.2s cubic-bezier(0, .5, .5, 1) infinite
}

.lds-facebook div:nth-child(1) {
    left: 8px;
    animation-delay: -.24s
}

.lds-facebook div:nth-child(2) {
    left: 32px;
    animation-delay: -.12s
}

.lds-facebook div:nth-child(3) {
    left: 56px;
    animation-delay: 0
}

@keyframes lds-facebook {
    0% {
        top: 8px;
        height: 64px
    }
    100%,
    50% {
        top: 24px;
        height: 32px
    }
}

.lds-heart {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    transform: rotate(45deg);
    transform-origin: 40px 40px
}

.lds-heart div {
    top: 32px;
    left: 32px;
    position: absolute;
    width: 32px;
    height: 32px;
    background: var(--main-color-one);
    animation: lds-heart 1.2s infinite cubic-bezier(.215, .61, .355, 1)
}

.lds-heart div:after,
.lds-heart div:before {
    content: " ";
    position: absolute;
    display: block;
    width: 32px;
    height: 32px;
    background: var(--main-color-one)
}

.lds-heart div:before {
    left: -24px;
    border-radius: 50% 0 0 50%
}

.lds-heart div:after {
    top: -24px;
    border-radius: 50% 50% 0 0
}

@keyframes lds-heart {
    0% {
        transform: scale(.95)
    }
    5% {
        transform: scale(1.1)
    }
    39% {
        transform: scale(.85)
    }
    45% {
        transform: scale(1)
    }
    60% {
        transform: scale(.95)
    }
    100% {
        transform: scale(.9)
    }
}

.lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    border: 8px solid var(--main-color-one);
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
    border-color: var(--main-color-one) transparent transparent transparent
}

.lds-ring div:nth-child(1) {
    animation-delay: -.45s
}

.lds-ring div:nth-child(2) {
    animation-delay: -.3s
}

.lds-ring div:nth-child(3) {
    animation-delay: -.15s
}

@keyframes lds-ring {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

.lds-roller {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px
}

.lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
    transform-origin: 40px 40px
}

.lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--main-color-one);
    margin: -4px 0 0 -4px
}

.lds-roller div:nth-child(1) {
    animation-delay: -36ms
}

.lds-roller div:nth-child(1):after {
    top: 63px;
    left: 63px
}

.lds-roller div:nth-child(2) {
    animation-delay: -72ms
}

.lds-roller div:nth-child(2):after {
    top: 68px;
    left: 56px
}

.lds-roller div:nth-child(3) {
    animation-delay: -108ms
}

.lds-roller div:nth-child(3):after {
    top: 71px;
    left: 48px
}

.lds-roller div:nth-child(4) {
    animation-delay: -144ms
}

.lds-roller div:nth-child(4):after {
    top: 72px;
    left: 40px
}

.lds-roller div:nth-child(5) {
    animation-delay: -.18s
}

.lds-roller div:nth-child(5):after {
    top: 71px;
    left: 32px
}

.lds-roller div:nth-child(6) {
    animation-delay: -216ms
}

.lds-roller div:nth-child(6):after {
    top: 68px;
    left: 24px
}

.lds-roller div:nth-child(7) {
    animation-delay: -252ms
}

.lds-roller div:nth-child(7):after {
    top: 63px;
    left: 17px
}

.lds-roller div:nth-child(8) {
    animation-delay: -288ms
}

.lds-roller div:nth-child(8):after {
    top: 56px;
    left: 12px
}

@keyframes lds-roller {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

.lds-default {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px
}

.lds-default div {
    position: absolute;
    width: 6px;
    height: 6px;
    background: var(--main-color-one);
    border-radius: 50%;
    animation: lds-default 1.2s linear infinite
}

.lds-default div:nth-child(1) {
    animation-delay: 0s;
    top: 37px;
    left: 66px
}

.lds-default div:nth-child(2) {
    animation-delay: -.1s;
    top: 22px;
    left: 62px
}

.lds-default div:nth-child(3) {
    animation-delay: -.2s;
    top: 11px;
    left: 52px
}

.lds-default div:nth-child(4) {
    animation-delay: -.3s;
    top: 7px;
    left: 37px
}

.lds-default div:nth-child(5) {
    animation-delay: -.4s;
    top: 11px;
    left: 22px
}

.lds-default div:nth-child(6) {
    animation-delay: -.5s;
    top: 22px;
    left: 11px
}

.lds-default div:nth-child(7) {
    animation-delay: -.6s;
    top: 37px;
    left: 7px
}

.lds-default div:nth-child(8) {
    animation-delay: -.7s;
    top: 52px;
    left: 11px
}

.lds-default div:nth-child(9) {
    animation-delay: -.8s;
    top: 62px;
    left: 22px
}

.lds-default div:nth-child(10) {
    animation-delay: -.9s;
    top: 66px;
    left: 37px
}

.lds-default div:nth-child(11) {
    animation-delay: -1s;
    top: 62px;
    left: 52px
}

.lds-default div:nth-child(12) {
    animation-delay: -1.1s;
    top: 52px;
    left: 62px
}

@keyframes lds-default {
    0%,
    100%,
    20%,
    80% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.5)
    }
}

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px
}

.lds-ellipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: var(--main-color-one);
    animation-timing-function: cubic-bezier(0, 1, 1, 0)
}

.lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 .6s infinite
}

.lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 .6s infinite
}

.lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 .6s infinite
}

.lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 .6s infinite
}

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0)
    }
    100% {
        transform: scale(1)
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1)
    }
    100% {
        transform: scale(0)
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0)
    }
    100% {
        transform: translate(24px, 0)
    }
}

.lds-grid {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px
}

.lds-grid div {
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--main-color-one);
    animation: lds-grid 1.2s linear infinite
}

.lds-grid div:nth-child(1) {
    top: 8px;
    left: 8px;
    animation-delay: 0s
}

.lds-grid div:nth-child(2) {
    top: 8px;
    left: 32px;
    animation-delay: -.4s
}

.lds-grid div:nth-child(3) {
    top: 8px;
    left: 56px;
    animation-delay: -.8s
}

.lds-grid div:nth-child(4) {
    top: 32px;
    left: 8px;
    animation-delay: -.4s
}

.lds-grid div:nth-child(5) {
    top: 32px;
    left: 32px;
    animation-delay: -.8s
}

.lds-grid div:nth-child(6) {
    top: 32px;
    left: 56px;
    animation-delay: -1.2s
}

.lds-grid div:nth-child(7) {
    top: 56px;
    left: 8px;
    animation-delay: -.8s
}

.lds-grid div:nth-child(8) {
    top: 56px;
    left: 32px;
    animation-delay: -1.2s
}

.lds-grid div:nth-child(9) {
    top: 56px;
    left: 56px;
    animation-delay: -1.6s
}

@keyframes lds-grid {
    0%,
    100% {
        opacity: 1
    }
    50% {
        opacity: .5
    }
}

.lds-hourglass {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px
}

.lds-hourglass:after {
    content: " ";
    display: block;
    border-radius: 50%;
    width: 0;
    height: 0;
    margin: 8px;
    box-sizing: border-box;
    border: 32px solid var(--main-color-one);
    border-color: var(--main-color-one) transparent var(--main-color-one) transparent;
    animation: lds-hourglass 1.2s infinite
}

@keyframes lds-hourglass {
    0% {
        transform: rotate(0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    50% {
        transform: rotate(900deg);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    100% {
        transform: rotate(1800deg)
    }
}

.lds-ripple {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px
}

.lds-ripple div {
    position: absolute;
    border: 4px solid var(--main-color-one);
    opacity: 1;
    border-radius: 50%;
    animation: lds-ripple 1s cubic-bezier(0, .2, .8, 1) infinite
}

.lds-ripple div:nth-child(2) {
    animation-delay: -.5s
}

@keyframes lds-ripple {
    0% {
        top: 36px;
        left: 36px;
        width: 0;
        height: 0;
        opacity: 1
    }
    100% {
        top: 0;
        left: 0;
        width: 72px;
        height: 72px;
        opacity: 0
    }
}

.lds-spinner {
    color: var(--main-color-one);
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px
}

.lds-spinner div {
    transform-origin: 40px 40px;
    animation: lds-spinner 1.2s linear infinite
}

.lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 37px;
    width: 6px;
    height: 18px;
    border-radius: 20%;
    background: var(--main-color-one)
}

.lds-spinner div:nth-child(1) {
    transform: rotate(0);
    animation-delay: -1.1s
}

.lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s
}

.lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -.9s
}

.lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -.8s
}

.lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -.7s
}

.lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -.6s
}

.lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -.5s
}

.lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -.4s
}

.lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -.3s
}

.lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -.2s
}

.lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -.1s
}

.lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s
}

@keyframes lds-spinner {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.ratings_list {
    margin: 0;
    padding: 0;
    list-style: none
}

.ratings_list li.selected {
    background-color: var(--main-color-two);
    color: #fff;
    font-weight: 600
}

.ratings_list li {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 2px solid #e2e2e2;
    cursor: pointer
}

.teastimonial-item-09 {
    margin-bottom: 60px;
    background-color: #fff
}

.teastimonial-item-09 .bottom-content .ratings {
    margin: 0;
    padding: 0;
    list-style: none
}

.teastimonial-item-09 .bottom-content .ratings li {
    display: inline-block;
    color: #f2b827
}

.teastimonial-item-09 .clients-details .content .name {
    font-size: 21px;
    font-weight: 700;
    color: #313131;
    line-height: 28px;
    margin-bottom: 0
}

.teastimonial-item-09 .bottom-content p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 0;
    margin-top: 10px;
    font-style: italic;
    color: #616161
}

.single-gallery-image {
    position: relative;
    margin-bottom: 30px
}

.single-gallery-image .img-hover {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    visibility: hidden;
    opacity: 0;
    transition: .3s all
}

.single-gallery-image .img-hover a {
    transition: .3s all
}

.single-gallery-image .img-hover a:hover {
    color: var(--main-color-one);
    transform: scale(1.3)
}

.single-gallery-image:hover .img-hover {
    visibility: visible;
    opacity: 1
}

.xg_mega_menu_wrapper {
    max-width: 1140px;
    width: calc(100vw - 180px);
    box-sizing: border-box;
    position: fixed;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    box-sizing: border-box;
    border-radius: 5px;
    overflow: hidden;
    z-index: 9999;
    background-color: #fff;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .06);
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
    top: auto
}

.single-blog-grid-02 {
    display: inline-block
}

.xg-mega-menu-container {
    padding: 40px
}

.xg-mega-menu-single-column-wrap .mega-menu-title {
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    margin-bottom: 20px
}

.xg-mega-menu-single-column-wrap {
    text-align: left;
    margin-bottom: 30px
}

.xg-mega-menu-single-column-wrap ul {
    margin: 0;
    padding: 0
}

.xg-mega-menu-single-column-wrap ul li {
    display: block !important;
    width: 100%;
    line-height: 30px !important;
    margin-left: 0 !important;
    font-weight: 400 !important
}

.xg-mega-menu-single-column-wrap ul li a:hover {
    color: var(--main-color-one) !important
}

.xg-mega-menu-single-column-wrap ul li a {
    color: var(--paragraph-color) !important;
    transition: .3s all
}

.xg-mega-menu-single-column-wrap ul li.single-mega-menu-product-item {
    display: flex !important;
    align-self: flex-start;
    margin-bottom: 20px
}

.xg-mega-menu-single-column-wrap ul .single-mega-menu-product-item .thumbnail {
    max-width: 80px;
    margin-right: 15px
}

.xg-mega-menu-single-column-wrap ul .single-mega-menu-product-item .title {
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    margin-bottom: 5px;
    transition: .3s all
}

.xg-mega-menu-single-column-wrap ul .single-mega-menu-product-item .title:hover {
    color: var(--main-color-one)
}

.xg-mega-menu-single-column-wrap ul .single-mega-menu-product-item .content .price-wrap {
    font-size: 14px;
    line-height: 26px;
    font-weight: 700
}

.xg-mega-menu-single-column-wrap ul .single-mega-menu-product-item .content .price-wrap .price {
    color: var(--heading-color);
    margin-right: 8px
}

.xg_mega_menu_wrapper.product_mega_menu .xg-mega-menu-container {
    padding-bottom: 20px
}

.single-donation-mega-menu-item {
    display: flex;
    align-self: flex-start;
    margin-bottom: 20px
}

.single-donation-mega-menu-item .thubmnail {
    margin-right: 20px
}

.single-donation-mega-menu-item .title {
    font-size: 16px;
    text-align: left;
    font-weight: 600;
    transition: .3s all
}

.single-donation-mega-menu-item .thumbnail {
    margin-right: 20px;
    min-width: 100px
}

.single-donation-mega-menu-item .content .goal {
    display: flex;
    justify-content: space-between
}

.single-donation-mega-menu-item .content {
    padding-right: 10px;
    display: flex;
    flex-direction: column
}

.single-donation-mega-menu-item .title:hover {
    color: var(--main-color-one)
}

.single-donation-mega-menu-item .content .goal h4 {
    font-size: 12px;
    line-height: 15px;
    font-weight: 700;
    color: var(--paragraph-color)
}

.single-donation-mega-menu-item .content .boxed-btn {
    display: inline-block;
    background-color: var(--main-color-one);
    line-height: 26px;
    border-radius: 5px;
    color: #fff !important;
    font-size: 14px;
    margin-top: 10px
}

.single-donation-mega-menu-item .content .boxed-btn:hover {
    background-color: var(--main-color-two)
}

.xg_mega_menu_wrapper.donation_mega_menu .xg-mega-menu-container {
    padding-bottom: 20px
}

.nx-popup-backdrop {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .6);
    content: "";
    z-index: 999;
    height: 100%;
    transition: .3s all;
    visibility: hidden;
    opacity: 0
}

.nx-popup-backdrop.show {
    visibility: visible;
    opacity: 1
}

.nx-popup-wrapper.show {
    visibility: visible;
    opacity: 1
}

.nx-popup-wrapper {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0
}

.only-image-modal .nx-modal-inner-content-wrapper {
    width: 700px;
    min-height: 400px;
    background-size: cover;
    background-position: center
}

.nx-popup-wrapper.notice-modal .nx-modal-inner-content-wrapper {
    background-image: url(../img/popup/notice-popup-bg.png)
}

.nx-modal-inner-content-wrapper {
    width: 700px;
    background-color: #fff;
    padding: 40px;
    position: relative;
    background-position: center;
    height: 400px
}

.nx-popup-wrapper.notice-modal .nx-modal-inner-content-wrapper .nx-popup-close {
    background-color: #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center
}

.nx-modal-inner-content-wrapper .nx-popup-close {
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 20px;
    line-height: 20px;
    color: red;
    cursor: pointer
}

.notice-modal .nx-modal-header .title {
    display: inline-block;
    background-color: red;
    padding: 10px 20px;
    border-radius: 2px;
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700
}

.notice-modal .nx-modal-header {
    text-align: center;
    margin-bottom: 30px
}

.notice-modal .nx-modal-content {
    text-align: center
}

.notice-modal .nx-modal-content p {
    color: #444;
    font-size: 18px;
    line-height: 28px
}

.notice-modal .nx-modal-content .btn-wrapper {
    margin-top: 30px
}

.notice-modal .nx-modal-content .btn-wrapper .btn-boxed {
    display: inline-block;
    padding: 10px 30px;
    background-color: #639;
    color: #fff;
    border-radius: 3px;
    font-weight: 600;
    transition: .3s all
}

.notice-modal .nx-modal-content .btn-wrapper .btn-boxed:hover {
    background-color: beige;
    color: #fff
}

.notice-modal-content-wrapper {
    text-align: left
}

.notice-modal-content-wrapper .right-side-content {
    max-width: 320px
}

.nx-popup-wrapper.notice-modal .nx-modal-content {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%
}

.notice-modal-content-wrapper .right-side-content .title {
    font-size: 50px;
    line-height: 55px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase
}

.notice-modal-content-wrapper .right-side-content p {
    font-size: 18px;
    line-height: 34px;
    color: rgba(255, 255, 255, .8)
}

.promotional-modal-content-wrapper .left-content-warp img {
    max-width: 400px
}

.promotional-modal-content-wrapper .left-content-warp {
    width: 50%;
    margin-right: 20px;
    text-align: left
}

.promotional-modal-content-wrapper {
    display: flex;
    align-self: flex-start
}

.promotional-modal-content-wrapper .right-content-warp {
    display: flex;
    align-items: center
}

.promotional-modal-content-wrapper .right-content-warp .title {
    font-size: 60px;
    line-height: 70px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--main-color-two)
}

.promotional-modal-content-wrapper .right-content-warp p {
    font-size: 18px;
    line-height: 28px;
    color: #636363
}

.promotional-modal-content-wrapper .right-content-warp .btn-boxed {
    display: inline-block;
    border: none;
    background-color: var(--main-color-two);
    padding: 8px 30px;
    border-radius: 5px;
    margin-top: 20px;
    color: #fff;
    font-weight: 600;
    transition: .3s all
}

.promotional-modal-content-wrapper .right-content-warp .btn-boxed:hover {
    background-color: var(--main-color-one);
    color: #fff
}

.nx-popup-wrapper.promotion-modal .nx-modal-inner-content-wrapper {
    padding: 30px
}

.nx-popup-wrapper.discount-modal .nx-modal-inner-content-wrapper {
    padding: 20px
}

.nx-popup-wrapper.discount-modal {
    padding: 30px
}

.discount-modal-content-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-self: flex-start
}

.discount-modal-content-wrapper .left-content-wrap {
    width: 400px;
    margin-right: 20px
}

.discount-modal-content-wrapper .left-content-warp {
    width: 330px
}

.discount-modal-content-wrapper .right-content-warp {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.discount-modal-content-wrapper .right-content-warp .title {
    font-size: 50px;
    line-height: 60px;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--main-color-two)
}

.discount-modal-content-wrapper .right-content-warp p {
    font-size: 18px;
    line-height: 28px;
    color: #656565
}

.discount-modal-content-wrapper .right-content-warp .btn-boxed {
    display: inline-block;
    background-color: var(--main-color-two);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 25px;
    border-radius: 5px;
    margin-top: 20px;
    transition: .3s all
}

.discount-modal-content-wrapper .right-content-warp .btn-boxed:hover {
    background-color: var(--main-color-one)
}

.discount-modal-content-wrapper #countdown {
    display: flex
}

.discount-modal-content-wrapper .nx-singular-countdown-item {
    width: calc(100% / 4 - 10px);
    background-color: var(--main-color-one)
}

.discount-modal-content-wrapper .nx-singular-countdown-item+.nx-singular-countdown-item {
    margin-left: 10px
}

.discount-modal-content-wrapper .nx-singular-countdown-item .time {
    display: block;
    font-size: 35px;
    font-weight: 700;
    line-height: 45px;
    color: #fff;
    margin-bottom: 0
}

.discount-modal-content-wrapper .nx-singular-countdown-item {
    text-align: center
}

.discount-modal-content-wrapper .countdown-wrapper {
    margin-top: 20px
}

.discount-modal-content-wrapper .nx-singular-countdown-item .label {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 8px
}

.search-popup.show .search-popup-inner-wrapper {
    visibility: visible;
    opacity: 1
}

.search-popup .search-popup-inner-wrapper {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    background-color: rgba(0, 0, 0, .5);
    visibility: hidden;
    opacity: 0
}

.search-popup-inner-wrapper .search-form-warp {
    width: 600px;
    position: relative
}

.search-popup-inner-wrapper .search-form-warp .search-popup-close-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    background-color: var(--main-color-one);
    text-align: center;
    line-height: 30px;
    color: #fff;
    font-size: 20px;
    cursor: pointer
}

.search-popup-inner-wrapper .search-form-warp {
    padding: 80px 40px;
    background-color: #fff
}

.search-popup-inner-wrapper .search-form-warp {
    display: flex;
    justify-content: space-evenly
}

.search-popup-inner-wrapper .search-form-warp .form-group .form-control {
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    height: 45px;
    font-size: 14px;
    padding: 0 10px
}

.search-popup-inner-wrapper .search-form-warp .form-group select:focus {
    outline: 0;
    box-shadow: none
}

.search-popup-inner-wrapper .search-form-warp button {
    display: inline-block;
    border: none;
    height: 45px;
    width: 50px;
    border-radius: 3px;
    color: #fff;
    background-color: var(--main-color-two);
    transition: .3s all
}

.search-popup-inner-wrapper .search-form-warp button:hover {
    background-color: var(--main-color-one)
}

.search-popup-inner-wrapper .search-form-warp .form-group {
    margin-bottom: 0
}

.search-popup-inner-wrapper .search-form-warp .form-group {
    width: calc(100% / 3)
}

.payment-gateway-wrapper ul li {
    min-width: 80px;
    margin: 5px
}

.cart-total-wrap .form-group.manual_payment_transaction_field .label,
.order-confirm-area .form-group.manual_payment_transaction_field .label,
.order-tab-wrap .form-group.manual_payment_transaction_field .label {
    font-size: 14px;
    font-weight: 600;
    color: var(--heading-color);
    margin-bottom: 10px
}

.cart-total-wrap .form-group.manual_payment_transaction_field .form-control,
.order-confirm-area .form-group.manual_payment_transaction_field .form-control,
.order-tab-wrap .form-group.manual_payment_transaction_field .form-control {
    border: 1px solid #e2e2e2;
    font-size: 14px
}

.cart-total-wrap .form-group.manual_payment_transaction_field .help-info,
.order-confirm-area.form-group.manual_payment_transaction_field .help-info,
.order-tab-wrap .form-group.manual_payment_transaction_field .help-info {
    margin-top: 20px;
    display: block
}

.single-donor-info {
    display: flex;
    align-self: self-start
}

.single-donor-info .thumb {
    margin-right: 20px
}

.single-donor-info .content .title {
    font-size: 16px;
    line-height: 26px;
    font-weight: 700;
    margin-bottom: 0
}

.single-donor-info .content .amount {
    font-size: 14px;
    font-weight: 700;
    color: var(--main-color-two)
}

.single-donor-info .content {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.single-donor-info {
    min-height: 80px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2);
    padding: 20px;
    margin-bottom: 20px
}

section.donor-list {
    margin-bottom: 10px
}

.user-dashboard-card.style-01 {
    margin-bottom: 30px
}

.single-contact-item .content .details {
    word-break: break-word
}

.donation_wrapper .payment-gateway-wrapper ul li {
    background-color: #fff
}

.user-dashboard-wrapper>ul .mobile_nav {
    display: none
}

.single-what-we-cover-item .img-icon {
    margin-bottom: 30px
}

.user-dahsboard-order-info-wrap .title {
    font-size: 20px;
    line-height: 30px;
    font-weight: 700
}

.user-dahsboard-order-info-wrap small {
    font-size: 14px
}

.alert-small {
    font-size: 12px;
    font-weight: 600;
    padding: 2px 5px
}

small {
    margin-bottom: 10px
}

.small-btn.btn-boxed {
    padding: 5px 20px
}

.btn-small {
    padding: 3px 20px
}

.account-form .submit-btn {
    width: auto
}

.account-form .submit-btn:focus {
    outline: 0
}

#langchange option {
    color: #000
}

.order-invoice-wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    background-color: #f3f3f3f3;
    padding: 20px
}

.order-invoice-wrapper .order_number {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 34px;
    font-weight: 700
}

.payment-gateway-wrapper ul {
    flex-wrap: wrap
}

.billing-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 30px
}

.single-events-list-item.event-order-success-page {
    display: block
}

.single-events-list-item.event-order-success-page .thumb {
    margin: 0;
    margin-bottom: 40px
}

.single-events-list-item.event-order-success-page .thumb img {
    width: 100%
}

.counterdown-wrap.event-page #event_countdown {
    display: flex;
    margin-bottom: 30px
}

.counterdown-wrap.event-page #event_countdown>div {
    width: calc(100% / 4);
    background-color: var(--main-color-one);
    margin: 5px;
    text-align: center;
    padding: 10px 10px
}

.counterdown-wrap.event-page #event_countdown>div .label {
    display: block;
    text-transform: capitalize;
    font-size: 14px;
    color: rgba(255, 255, 255, .8);
    font-weight: 500;
    line-height: 20px
}

.counterdown-wrap.event-page #event_countdown>div .time {
    font-size: 30px;
    font-weight: 700;
    color: #fff
}

.all-donor-list .title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px
}

.all-donor-list ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.all-donor-list li+li {
    margin-top: 15px
}

.all-donor-list {
    background-color: #f5f5f5;
    margin-top: 30px;
    padding: 30px
}

.single-donor .content {
    flex: 1
}

.single-donor {
    display: flex;
    align-self: flex-start;
    width: 100%
}

.single-donor .icon {
    margin-right: 20px;
    height: 50px;
    width: 50px;
    line-height: 52px;
    text-align: center;
    background-color: #82b782;
    border-radius: 50%;
    color: #fff;
    font-size: 20px
}

.single-donor .content .dtitle {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 0
}

.single-donor .content .bottom-part {
    display: flex;
    justify-content: space-between
}

.single-donor .content .bottom-part {
    font-size: 12px;
    font-weight: 600;
    margin-top: 6px
}

.product-orders-summery-warp {
    text-align: left
}

.ordered-product-summery {
    text-align: left
}

.ordered-product-summery .title {
    font-size: 24px;
    line-height: 34px
}

.product-info-wrap {
    text-align: left
}

.product-info-wrap .product-title {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600
}

.product-info-wrap .pdetails {
    display: block
}

.product-orders-summery-warp .extra-data ul li {
    text-transform: capitalize
}

.product-orders-summery-warp .extra-data ul li strong {
    font-weight: 700;
    color: var(--heading-color)
}

.job-apply-title {
    text-align: center;
    margin-bottom: 50px;
    font-size: 36px;
    line-height: 46px;
    font-weight: 700
}

.portfolio-home-header-area {
    background-color: var(--portfolio-dark-one);
    padding: 250px 0 300px;
    position: relative;
    z-index: 0
}

.header-style-02.header-variant-05 {
    z-index: inherit
}

.portfolio-home-header-area .header-inner .subtitle {
    font-size: 35px;
    line-height: 45px;
    color: var(--portfolio-color);
    margin-bottom: 20px;
    display: block
}

.portfolio-home-header-area .header-inner .title {
    color: #fff;
    font-size: 80px;
    line-height: 70px;
    font-weight: 700;
    margin-bottom: 20px
}

.portfolio-home-header-area .header-inner .profession {
    font-size: 30px;
    line-height: 40px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 50px
}

.portfolio-home-header-area .header-inner .description,
.portfolio-home-header-area .header-inner .description * {
    font-size: 18px;
    line-height: 30px;
    color: rgba(255, 255, 255, .8);
    max-width: 600px
}

.portfolio-home-header-area .right-image {
    position: absolute;
    right: 15%;
    bottom: 0
}

.portfolio-btn.blank i {
    background-color: var(--portfolio-color);
    color: #fff
}

.portfolio-btn.blank {
    background-color: transparent;
    color: var(--portfolio-color);
    border: 1px solid var(--portfolio-color)
}

.portfolio-btn {
    display: inline-block;
    background-color: var(--portfolio-color);
    color: #fff;
    padding: 10px 10px 10px 30px;
    font-weight: 600;
    transition: all .3s
}

.portfolio-btn i {
    width: 30px;
    height: 30px;
    text-align: center;
    background-color: #fff;
    color: var(--portfolio-color);
    line-height: 30px;
    font-size: 13px;
    margin-left: 25px;
    transition: all .3s
}

.portfolio-btn:hover {
    background-color: #fff;
    color: var(--portfolio-color)
}

.portfolio-btn:hover i {
    background-color: var(--portfolio-color);
    color: #fff
}

.portfolio-home-header-area .shape {
    position: absolute;
    z-index: -1
}

.portfolio-home-header-area .shape-02 {
    left: 21%;
    top: 11%
}

.portfolio-home-header-area .shape-03 {
    right: 14%;
    top: 28%
}

.portfolio-home-header-area .shape-04 {
    right: 45%;
    top: 15%
}

.portfolio-home-header-area .shape-05 {
    left: 50%;
    top: 45%
}

.dark-section-bg-one {
    background-color: var(--portfolio-dark-one)
}

.dark-section-bg-two {
    background-color: var(--portfolio-dark-two)
}

.single-counterup-03 .number {
    position: relative;
    z-index: 0;
    font-size: 36px;
    font-weight: 700;
    line-height: 46px;
    color: #fff;
    padding-left: 20px;
    margin-bottom: 15px
}

.single-counterup-03 .number:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    background-color: var(--portfolio-color);
    content: "";
    z-index: -1;
    border-radius: 41% 220% 136% 54%
}

.single-counterup-03 .title {
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    font-weight: 600
}

.portfolio-about-us-section .subtitle {
    font-size: 26px;
    line-height: 36px;
    font-weight: 400;
    margin-bottom: 10px;
    display: block;
    color: var(--portfolio-color)
}

.portfolio-about-us-section .title {
    font-size: 46px;
    line-height: 56px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 30px
}

.portfolio-about-us-section .description,
.portfolio-about-us-section .description * {
    color: rgba(255, 255, 255, .7)
}

.about-info-list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 30px
}

.about-info-list li {
    width: calc(100% / 2 - 20px);
    display: inline-block;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #fff
}

.about-info-list li i {
    color: var(--portfolio-color);
    margin-right: 5px
}

.portfolio-about-us-section .button-wrap a+a {
    margin-left: 20px
}

.portfolio-about-us-section .img-wrapper {
    position: relative;
    display: inline-block;
    margin-left: 20px;
    margin-top: 20px
}

.portfolio-about-us-section .img-wrapper img {
    position: relative;
    z-index: 1
}

.portfolio-about-us-section .img-wrapper:after {
    position: absolute;
    border: 2px solid red;
    left: -20px;
    top: -20px;
    content: "";
    width: 100%;
    height: 100%;
    z-index: 0
}

.portfolio-about-us-section .img-wrapper .shape-06 {
    position: absolute;
    right: -40px;
    bottom: -20px
}

.dark-section-bg-three {
    background-color: #17193f
}

.single-expertice-area .number {
    font-size: 45px;
    line-height: 54px;
    font-weight: 700;
    color: var(--portfolio-color);
    display: block;
    border-bottom: 2px solid var(--portfolio-color);
    margin-bottom: 25px
}

.single-expertice-area .title {
    font-size: 30px;
    line-height: 40px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 0
}

.single-expertice-area {
    margin-bottom: 40px
}

.single-expertice-area .category {
    font-size: 18px;
    line-height: 28px;
    text-transform: capitalize;
    color: var(--portfolio-color)
}

.single-we-offer-item {
    background-color: #17193f;
    padding: 60px 40px 40px 60px;
    margin-bottom: 60px;
    position: relative;
    margin-left: 30px;
    margin-top: 30px
}

.single-we-offer-item .content-wrap .title {
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    color: #fff
}

.single-we-offer-item .content-wrap p {
    color: rgba(255, 255, 255, .6);
    line-height: 1.8
}

.single-we-offer-item .icon {
    position: absolute;
    left: -30px;
    top: -30px;
    width: 80px;
    height: 80px;
    background-color: var(--portfolio-color);
    border-radius: 50%;
    font-size: 40px;
    line-height: 80px;
    text-align: center;
    color: #fff
}

.portfolio-cta-area {
    position: relative
}

.portfolio-cta-area .shape {
    position: absolute
}

.portfolio-cta-area .title {
    font-size: 45px;
    line-height: 55px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 25px
}

.portfolio-cta-area .description {
    max-width: 650px;
    color: rgba(255, 255, 255, .8)
}

.portfolio-cta-area .btn-wrapper {
    margin-top: 40px
}

.portfolio-cta-area .left-content-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 50px 0
}

.portfolio-cta-area .shape-01 {
    left: 0;
    bottom: 0
}

.portfolio-cta-area .shape-02 {
    left: 50%;
    top: 10%
}

.portfolio-cta-area .shape-03 {
    right: 10%;
    bottom: 30%
}

.portfolio-cta-area .shape-04 {
    left: 45%;
    bottom: 15%
}

.portfolio-cta-area .shape-05 {
    top: 20%;
    left: 20%
}

.single-portfolio-testimonial-item .content {
    padding: 40px;
    border-radius: 10px;
    background-color: #191c47;
    color: rgba(255, 255, 255, .6)
}

.single-portfolio-testimonial-item .content p {
    color: rgba(255, 255, 255, .6);
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 0
}

.single-portfolio-testimonial-item .content i {
    font-size: 40px;
    line-height: 50px;
    color: var(--portfolio-color);
    margin-bottom: 20px
}

.single-portfolio-testimonial-item .author-details {
    margin-top: 30px
}

.single-portfolio-testimonial-item .author-details .title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 0
}

.single-portfolio-testimonial-item .author-details .designation {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    color: rgba(255, 255, 255, .5)
}

.single-portfolio-testimonial-item .author-details .thumb img {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    margin-bottom: 15px
}

.logistic-dots .owl-dots,
.pcarousel-dots .owl-dots {
    text-align: center;
    margin-top: 20px
}

.pcarousel-dots .owl-dots div {
    display: inline-block;
    width: 10px;
    height: 5px;
    background-color: var(--portfolio-color);
    border-radius: 5px
}

.logistic-dots .owl-dots div {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #f2f2f2
}

.logistic-dots .owl-dots div+div,
.pcarousel-dots .owl-dots div+div {
    margin-left: 10px
}

.logistic-dots .owl-dots div.active {
    background-color: var(--portfolio-color)
}

.pcarousel-dots .owl-dots div.active {
    width: 20px
}

.single-portfolio-blog-grid .thumb {
    position: relative
}

.single-portfolio-blog-grid.creative-agency-page .content .readmore {
    color: var(--paragraph-color)
}

.single-portfolio-blog-grid .thumb .time-wrap {
    position: absolute;
    right: 20px;
    bottom: -30px;
    width: 50px;
    height: 50px;
    border: 2px solid #fff;
    background-color: var(--portfolio-color);
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    padding-top: 5px
}

.single-portfolio-blog-grid .content {
    padding: 50px 30px 30px;
    background-color: #17193f
}

.single-portfolio-blog-grid .content .title {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    color: #fff;
    transition: all .3s;
    margin-bottom: 20px
}

.single-portfolio-blog-grid .content .title:hover {
    color: var(--portfolio-color)
}

.single-portfolio-blog-grid .content p {
    line-height: 1.6;
    color: rgba(255, 255, 255, .6)
}

.single-portfolio-blog-grid .content .readmore {
    font-size: 16px;
    font-weight: 500;
    color: var(--portfolio-color);
    text-decoration: underline
}

.footer-area.home-variant-05 .footer-top {
    background-color: #17193f
}

.footer-area.home-variant-05 .copyright-area {
    background-color: #202353
}

.header-style-03.header-variant-06 .logo-wrapper {
    position: relative
}

.header-style-03.header-variant-06 .logo-wrapper:after {
    position: absolute;
    left: -40px;
    top: -81px;
    width: 260px;
    height: 220px;
    background-color: var(--logistic-color);
    content: "";
    z-index: 2;
    clip-path: polygon(0 0, 100% 0, 100% 72%, 0 100%)
}

.header-style-03.header-variant-06 {
    z-index: unset
}

.header-style-03.header-variant-06 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children,
.header-style-03.header-variant-06 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu {
    z-index: unset
}

.header-style-03.header-variant-06 .logo-wrapper img {
    position: relative;
    z-index: 3
}

.top-bar-area.header-variant-06 .top-bar-inner {
    padding-left: 240px
}

.header-style-03.header-variant-06 .navbar-area .nav-container .nav-right-content ul li.cart .pcount {
    color: #fff
}

.header-inner.logistics-home {
    text-align: center
}

.header-inner.logistics-home .title {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 60px;
    line-height: 70px
}

.header-inner.logistics-home .description {
    max-width: 650px;
    margin: 0 auto
}

.header-inner.logistics-home .btn-wrapper {
    margin-top: 40px
}

.logistics-btn:hover {
    background-color: #fff;
    color: var(--logistic-color)
}

.header-inner.logistics-home .btn-wrapper .logistics-btn+.logistics-btn {
    margin-left: 20px
}

.header-inner.logistics-home .btn-wrapper .logistics-btn {
    min-width: 150px
}

.logistics-btn {
    display: inline-block;
    padding: 10px 30px;
    background-color: var(--logistic-color);
    color: #fff;
    transition: all .3s;
    font-weight: 600
}

.logistics-btn.blank:hover {
    background-color: var(--logistic-color);
    color: #fff
}

.logistics-btn.blank {
    border: 1px solid var(--logistic-color);
    color: #fff;
    background-color: transparent
}

.logistics-home.header-area.header-bg-04:after {
    background-color: rgba(0, 0, 0, .4)
}

.header-style-03.header-variant-06 .navbar-area .nav-container {
    box-shadow: none
}

.header-style-03.header-variant-06 .navbar-area.nav-fixed {
    background-color: #f2f2f2
}

.header-style-03.header-variant-06 .navbar-area.nav-fixed .nav-container {
    background-color: #f2f2f2
}

.header-style-03.header-variant-06 .navbar-area.nav-fixed .logo-wrapper:after {
    height: 100%;
    clip-path: none;
    top: 0;
}

.navbar-area.nav-fixed .nav-container .logo-wrapper {
    margin-top: 0
}

.lkey-features-list {
    display: flex;
    justify-content: space-around;
    margin: 0;
    padding: 0;
    list-style: none
}

.lkey-feature-outer-warpp {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
    margin-top: -40px;
    z-index: 1;
    position: relative;
    background-color: #fff;
    border-radius: 2px
}

.single-logistic-key-feature-one {
    display: flex;
    padding: 30px;
    position: relative
}

.single-logistic-key-feature-one .icon {
    font-size: 60px;
    line-height: 60px;
    margin-right: 20px;
    color: var(--logistic-color)
}

.single-logistic-key-feature-one .content .title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600
}

.lkey-features-list li+li {
    padding-left: 20px
}

.single-logistic-key-feature-one:after {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #e2e2e2;
    content: "";
    height: 60px;
    width: 1px;
    transition: all .3s
}

.single-logistic-key-feature-one:hover {
    background-color: var(--logistic-color)
}

.single-logistic-key-feature-one:hover .icon {
    color: #fff
}

.single-logistic-key-feature-one:hover .content .title {
    color: #fff
}

.single-logistic-key-feature-one:hover:after {
    background-color: var(--logistic-color)
}

.single-logistic-key-feature-one:last-child:after {
    display: none
}

.padding-top-200 {
    padding-top: 200px
}

.logistics-single-what-we-cover-item .content {
    background-color: #fff;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .05);
    padding: 30px
}

.logistics-single-what-we-cover-item .content .title:hover {
    color: var(--logistic-color)
}

.logistics-single-what-we-cover-item .content .title {
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 15px;
    transition: all .3s
}

.logistics-single-what-we-cover-item .content .readmore {
    transition: all .3s;
    color: var(--logistic-color);
    margin-bottom: 0
}

.logistic-video-wrap {
    position: relative;
    border: 10px solid #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .08);
    z-index: 1
}

.logistic-video-wrap .video-play-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.logistic-counterup-area.bg-overlay {
    position: relative;
    background-position: center;
    background-size: cover;
    z-index: 0
}

.logistic-counterup-area.bg-overlay:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    content: "";
    opacity: .7;
    z-index: -1
}

.logistic-counterup-item {
    padding: 30px 40px;
    border: 1px dashed var(--logistic-color);
    text-align: center
}

.logistic-counterup-item .count-wrap {
    color: var(--logistic-color);
    font-size: 40px;
    line-height: 50px;
    font-weight: 700
}

.logistic-counterup-item .icon {
    font-size: 60px;
    line-height: 70px;
    margin-bottom: 20px;
    color: #fff
}

.logistic-counterup-item .content .title {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    color: rgba(255, 255, 255, .8);
    margin-bottom: 15px
}

.logistic-counterup-area {
    padding-top: 360px;
    margin-top: -240px
}

.section-white-bg-one {
    background-color: #f8f8f8
}

button.logistics-btn {
    border: none
}

.logistic-faq-wrapper .title,
.logistic-get-quote .title {
    font-size: 36px;
    line-height: 46px;
    font-weight: 700;
    margin-bottom: 50px
}

.accordion-wrapper.logistics-style .card .card-header a {
    background-color: #fff
}

.accordion-wrapper.logistics-style .card .card-body {
    padding-bottom: 20px;
    padding-top: 0
}

.logistic-faq-wrapper .subtitle,
.logistic-get-quote .subtitle {
    color: var(--logistic-color);
    margin-bottom: 5px;
    display: block
}

.logistic-faq-wrapper .title,
.logistic-get-quote .title {
    font-size: 36px;
    line-height: 46px;
    font-weight: 700;
    margin-bottom: 50px
}

.logistic-faq-wrapper .subtitle,
.logistic-get-quote .subtitle {
    color: var(--logistic-color);
    margin-bottom: 5px;
    display: block
}

.logistic-quote-form .form-control {
    height: 45px;
    border: 1px solid #e2e2e2
}

.logistic-quote-form .file .form-control {
    background-color: transparent
}

.logistic-quote-form .textarea .form-control {
    min-height: 100px;
    resize: none;
    padding: 10px
}

.logistic-single-testimonial-item {
    background-color: #f8f8f8;
    padding: 30px;
    display: flex;
    justify-content: space-between
}

.logistic-single-testimonial-item .content i {
    font-size: 30px;
    line-height: 40px;
    color: var(--logistic-color);
    margin-bottom: 10px
}

.logistic-single-testimonial-item .content {
    flex: 1;
    padding-right: 40px;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.logistic-single-testimonial-item .content p {
    font-size: 18px;
    line-height: 30px
}

.logistic-single-testimonial-item .content .author-details {
    margin-top: 30px;
    border-left: 4px solid var(--logistic-color);
    padding-left: 10px;
    border-radius: 3px
}

.logistic-single-testimonial-item .content .author-details .title {
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    margin-bottom: 0
}

.logistic-single-testimonial-item .content .author-details .designation {
    font-size: 14px
}

.single-portfolio-blog-grid.logistics-page .content {
    background-color: #f2f2f2
}

.single-portfolio-blog-grid.logistics-page .content .title {
    color: var(--heading-color)
}

.single-portfolio-blog-grid.logistics-page .content p {
    color: var(--paragraph-color)
}

.single-portfolio-blog-grid.logistics-page .content .readmore {
    color: var(--logistic-color)
}

.footer-area.home-variant-06 .footer-top {
    background-color: #0b0f25
}

.footer-area.home-variant-06 .copyright-area {
    background-color: #090f2d
}

.masonry-item {
    margin-bottom: 30px
}

.industry-support-inner-wrap {
    display: flex;
    justify-content: space-between;
    padding: 20px 0
}

.industry-info-items {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none
}

.industry-info-items li+li {
    margin-left: 30px
}

.industry-single-info-item {
    display: flex
}

.industry-single-info-item .icon {
    margin-right: 15px;
    font-size: 30px;
    line-height: 40px;
    color: var(--industry-color)
}

.industry-single-info-item .title {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 0;
    opacity: .7
}

.industry-single-info-item .details {
    font-size: 15px;
    text-transform: capitalize;
    line-height: 20px
}

.industry-top-right-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    margin-top: 5px;
    align-items: center
}

.industry-top-right-list li+li {
    margin-left: 30px
}

.industry-top-right-list li:last-child #langchange {
    color: var(--paragraph-color);
    border: 1px solid #e2e2e2;
    border-radius: 2px;
    padding: 2px 5px
}

.header-style-03.header-variant-07 {
    background-color: #191d33
}

.header-style-03.header-variant-07 .nav-container {
    box-shadow: none;
    background-color: #191d33
}

.header-style-03.header-variant-07 .navbar-area .nav-container .navbar-collapse .navbar-nav {
    text-align: right
}

.header-style-03.header-variant-07,
.header-style-03.header-variant-07 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children,
.header-style-03.header-variant-07 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu {
    z-index: unset
}

.header-style-03.header-variant-07 .xg_mega_menu_wrapper {
    top: auto
}

.header-style-03.header-variant-07 .navbar-area .nav-container .nav-right-content ul li a {
    color: rgba(255, 255, 255, .8)
}

.header-style-03.header-variant-07 .navbar-area .nav-container .navbar-collapse .navbar-nav li {
    font-size: 14px;
    line-height: 50px;
    color: rgba(255, 255, 255, .8)
}

.header-style-03.header-variant-07 .responsive-mobile-menu {
    position: relative;
    z-index: 0;
    margin-right: 80px
}

.header-style-03.header-variant-07 .responsive-mobile-menu:after {
    position: absolute;
    right: -30px;
    top: 0;
    background-color: #fff;
    content: "";
    width: 1000px;
    height: 100%;
    transform: skewX(-45deg);
    z-index: -1
}

.header-style-03.header-variant-07 .responsive-mobile-menu .logo {
    position: relative;
    top: -45px
}

.header-style-03.header-variant-07 .responsive-mobile-menu .logo img {
    max-height: 60px
}

.header-style-03.header-variant-07 .navbar-area.nav-fixed .responsive-mobile-menu .logo img {
    max-height: 70px
}

.header-style-03.header-variant-07 .navbar-area.nav-fixed .responsive-mobile-menu .logo {
    top: 0;
    padding: 0
}

.header-style-03.header-variant-07 .navbar-area.nav-fixed .responsive-mobile-menu .logo img {
    padding: 10px 0
}

.header-inner.industry-home .title {
    text-transform: uppercase;
    font-size: 70px;
    line-height: 80px;
    font-weight: 700
}

.header-inner.industry-home .description {
    font-size: 20px;
    line-height: 35px;
    max-width: 750px;
    color: rgba(255, 255, 255, .8)
}

.header-inner.industry-home .btn-wrapper {
    margin-top: 25px
}

.header-area.industry-home.header-bg-04:after {
    background-color: unset;
    background-image: linear-gradient(85deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, .1))
}

.header-area.industry-home {
    padding: 240px 0 220px 0
}

.industry-btn {
    display: inline-block;
    background-color: var(--industry-color);
    color: #fff;
    padding: 10px 0 10px 30px;
    position: relative;
    z-index: 0;
    border: none;
    overflow: hidden;
    transition: all .3s;
    font-weight: 600
}

.industry-btn i {
    width: 60px;
    text-align: center;
    color: var(--industry-color);
    padding-left: 15px;
    transition: all .3s;
    display: inline-block
}

.industry-btn:after {
    position: absolute;
    right: -10px;
    top: 0;
    width: 60px;
    height: 100%;
    background-color: #fff;
    content: "";
    z-index: -1;
    transform: skewX(-15deg);
    transition: all .3s
}

.industry-btn:hover i {
    color: #fff
}

.industry-btn:hover:after {
    background-color: var(--industry-color)
}

.industry-btn:hover {
    background-color: #fff;
    color: var(--industry-color)
}

.header-style-03.header-variant-07 .navbar-area .single-donation-mega-menu-item .content .boxed-btn,
.header-style-03.header-variant-08 .navbar-area .single-donation-mega-menu-item .content .boxed-btn {
    text-align: center
}

.industry-about-area .right-content-area .subtitle {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: var(--industry-color);
    display: block;
    margin-bottom: 10px
}

.industry-about-area .right-content-area .title {
    font-size: 45px;
    line-height: 55px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 30px
}

.industry-about-area .right-content-area .btn-wrapper {
    margin-top: 30px
}

.industry-video-wrap img {
    border: 10px solid #fff
}

.industry-video-wrap .experience {
    position: absolute;
    right: -29px;
    bottom: -40px;
    background-color: #fff;
    text-align: center;
    padding: 30px 20px;
    border-bottom: 4px solid var(--industry-color);
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, .05)
}

.industry-video-wrap .experience .year {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
    color: var(--industry-color)
}

.industry-video-wrap .experience .title {
    font-size: 16px;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 0
}

.industry-video-wrap {
    position: relative
}

.industry-video-wrap .hover {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.industry-video-wrap .hover a {
    display: inline-block;
    width: 80px;
    height: 80px;
    line-height: 82px;
    text-align: center;
    background-color: var(--industry-color);
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    position: relative;
    transition: all .3s
}

.industry-about-area .left-content-wrap {
    padding-right: 80px;
    position: relative
}

.industry-video-wrap .hover a:hover:after {
    top: 0;
    left: 0
}

.industry-video-wrap .hover a:after {
    position: absolute;
    left: -10px;
    top: -5px;
    width: 100%;
    height: 100%;
    border: 2px solid #fff;
    content: "";
    border-radius: 50%;
    transition: all .3s
}

.industry-about-area .left-content-wrap .shape {
    position: absolute;
    right: 20px;
    top: 0
}

.industry-about-area .left-content-wrap .vertical-image {
    position: relative;
    display: inline-block;
    left: -30%
}

.industry-about-area .left-content-wrap .vertical-image:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: var(--industry-color);
    opacity: .8
}

.industry-about-area .left-content-wrap .industry-video-wrap {
    position: absolute;
    top: 50%;
    right: 60px;
    transform: translateY(-50%)
}

.industry-btn.black:after {
    background-color: var(--industry-secondary-color)
}

.industry-btn.black:hover {
    background-color: var(--industry-secondary-color);
    color: #fff
}

.industry-btn.black:hover:after {
    background-color: var(--industry-color)
}

.industry-btn.black {
    padding-right: 12px
}

.industry-btn.black i {
    margin-left: 20px;
    color: #fff
}

.industry-single-what-we-cover-item {
    box-shadow: 0 0 20px rgba(0, 0, 0, .05);
    padding: 40px 30px;
    transition: all .3s;
    position: relative;
    overflow: hidden
}

.industry-single-what-we-cover-item .icon {
    font-size: 60px;
    line-height: 70px;
    margin-bottom: 20px;
    color: var(--industry-color);
    transition: all .3s
}

.industry-single-what-we-cover-item .title {
    font-size: 22px;
    line-height: 32px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 10px;
    transition: all .3s
}

.industry-single-what-we-cover-item .readmore {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    color: var(--industry-color);
    transition: all .3s
}

.industry-single-what-we-cover-item:hover p {
    color: rgba(255, 255, 255, .8)
}

.industry-single-what-we-cover-item:hover .icon,
.industry-single-what-we-cover-item:hover .readmore,
.industry-single-what-we-cover-item:hover .title {
    color: #fff
}

.industry-single-what-we-cover-item:hover {
    background-color: var(--industry-color)
}

.industry-single-what-we-cover-item:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 40px solid rgba(255, 255, 255, .2);
    content: "";
    transform: translate(-35%, -30%);
    z-index: -1
}

.section-title.left-align p {
    margin: 0
}

.section-title.center-align p {
    margin: 0 auto
}

.section-title.right-align p {
    margin: auto 0 auto auto
}

.industry-counterup-area {
    position: relative;
    z-index: 0
}

.industry-counterup-area:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: var(--industry-color);
    opacity: .9;
    z-index: -1
}

.industry-counterup-item {
    text-align: center
}

.industry-counterup-item .count-wrap {
    font-size: 30px;
    line-height: 40px;
    font-weight: 600;
    color: rgba(255, 255, 255, .8)
}

.industry-counterup-item .title {
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    position: relative;
    padding-top: 20px
}

.industry-counterup-item .title:after {
    position: absolute;
    top: 10px;
    width: 50px;
    background-color: #000;
    content: "";
    height: 2px;
    left: 50%;
    transform: translateX(-50%)
}

.industry-home.section-title .title {
    text-transform: uppercase
}

.project-carousel-nav {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%
}

.project-carousel-nav div:hover {
    background-color: var(--industry-secondary-color)
}

.project-carousel-nav div+div {
    margin-left: 10px
}

.project-carousel-nav div {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: var(--industry-color);
    color: #fff;
    transition: .3s all;
    cursor: pointer
}

.industry-single-case-studies-item {
    position: relative
}

.industry-single-case-studies-item:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-image: linear-gradient(360deg, rgba(0, 0, 0, .9), rgba(0, 0, 0, .01))
}

.industry-single-case-studies-item .thumb {
    position: relative
}

.industry-single-case-studies-item .content {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    padding: 20px
}

.industry-single-case-studies-item .content .title {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    line-height: 34px
}

.industry-single-case-studies-item .content .cat a+a {
    margin-left: 10px
}

.industry-single-case-studies-item .content .cat a {
    color: var(--industry-color)
}

.industry-single-case-studies-item .content .cat {
    margin-bottom: 10px
}

.industry-section-bg {
    background-color: #f8f8f8
}

.industry-team-single-item .content {
    background-color: #fff;
    position: relative;
    z-index: 0;
    padding: 20px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .02)
}

.industry-team-single-item .content:before {
    position: absolute;
    left: 0;
    top: -50px;
    width: 100%;
    height: 100%;
    content: "";
    background-color: var(--industry-color);
    z-index: -1;
    clip-path: polygon(0 41%, 100% 0, 100% 100%, 0 100%)
}

.industry-team-single-item .content:after {
    position: absolute;
    left: 0;
    top: -40px;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #fff;
    z-index: -1;
    clip-path: polygon(0 41%, 100% 0, 100% 100%, 0 100%)
}

.industry-team-single-item .content .social-icons {
    position: absolute;
    right: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
    top: 0
}

.industry-team-single-item .content .social-icons li {
    display: block
}

.industry-team-single-item .content .social-icons li+li {
    margin-top: 5px
}

.industry-team-single-item .content .social-icons li a {
    color: var(--paragraph-color);
    transition: all .3s
}

.industry-team-single-item .content .social-icons li a:hover {
    color: var(--industry-color)
}

.industry-team-single-item .content .title {
    font-size: 18px;
    line-height: 28px;
    color: var(--heading-color);
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 0
}

.industry-team-single-item .content span {
    font-size: 14px;
    line-height: 20px;
    color: var(--paragraph-color)
}

.industry-single-testimonial-item {
    background-color: var(--industry-color);
    padding: 20px;
    display: flex;
    justify-content: space-between
}

.industry-single-testimonial-item .content i {
    font-size: 50px;
    line-height: 60px;
    color: #fff;
    margin-bottom: 10px
}

.industry-single-testimonial-item .content {
    flex: 1;
    padding-right: 40px;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.industry-single-testimonial-item .content p {
    font-size: 20px;
    line-height: 30px;
    color: rgba(255, 255, 255, .8)
}

.industry-single-testimonial-item .thumb {
    position: relative
}

.industry-single-testimonial-item .thumb .author-details {
    position: absolute;
    top: 20px;
    width: 100%;
    padding: 10px 20px;
    left: -70%;
    background-color: #fff;
    clip-path: polygon(0 0, 0 0, 100% 0, 0 500%)
}

.industry-single-testimonial-item .thumb .author-details .title {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 0;
    color: var(--industry-color);
    font-weight: 600
}

.industry-single-testimonial-item .thumb .author-details .designation {
    font-size: 14px;
    line-height: 20px
}

.industry-testimonial-carousel-nav {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%
}

.industry-testimonial-carousel-nav div:hover {
    background-color: var(--industry-secondary-color)
}

.industry-testimonial-carousel-nav div+div {
    margin-left: 10px
}

.industry-testimonial-carousel-nav div {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: var(--industry-color);
    color: #fff;
    transition: .3s all;
    cursor: pointer
}

.single-portfolio-blog-grid.industry-page .content {
    background-color: #fff
}

.single-portfolio-blog-grid.industry-page .content .title {
    color: var(--heading-color)
}

.single-portfolio-blog-grid.industry-page .content .title:hover {
    color: var(--industry-color)
}

.single-portfolio-blog-grid.industry-page .content .excerpt {
    color: var(--paragraph-color)
}

.single-portfolio-blog-grid .thumb .time-wrap {
    background-color: #fff;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .09);
    color: var(--industry-color);
    height: 55px
}

.header-style-03.header-variant-08 .navbar-area .nav-container {
    box-shadow: none
}

.header-style-03.header-variant-08 .navbar-area .nav-container .logo-wrapper img {
    max-height: 60px
}

.header-style-03.header-variant-08 .navbar-area .nav-container .nav-right-content ul li.cart .pcount,
.mobile-cart a .pcount {
    color: #fff
}

.header-style-03.header-variant-08 .navbar-area .nav-container .navbar-collapse .navbar-nav {
    text-align: right
}

.cagency-header-static .header-inner .title {
    color: var(--heading-color)
}

.cagency-header-static .header-inner .description {
    color: var(--paragraph-color)
}

.cagency-btn:hover {
    background-color: var(--secondary-color);
    color: #fff
}

.cagency-btn {
    background-color: var(--main-color-one);
    padding: 10px 10px 10px 30px;
    display: inline-block;
    border-radius: 3px;
    color: #fff;
    transition: all .3s
}

.cagency-btn i {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #fff;
    color: var(--main-color-one);
    margin-left: 10px;
    border-radius: 3px;
    transition: all .3s;
    font-weight: 600
}

.cagency-header-static .header-area .title {
    font-size: 65px;
    line-height: 72px;
    font-weight: 700
}

.cagency-header-static .header-area .right-image {
    position: absolute;
    right: 0;
    bottom: 50px
}

.cagency-header-static .header-area .right-image img {
    border-bottom-left-radius: 80px
}

.cagency-header-static .shape-image {
    position: absolute;
    left: 0;
    top: 0
}

.cagency-header-static .shape-image.shape-01 {
    left: 5%;
    top: 30%
}

.cagency-header-static .shape-image.shape-02 {
    left: 40%;
    top: 70%
}

.cagency-header-static .shape-image.shape-03 {
    left: 50%;
    top: 10%
}

.cagency-header-static .header-area .right-image .shape-04 {
    position: absolute;
    bottom: -50px;
    z-index: 0;
    left: -70px;
    border-radius: 0
}

.cagency-header-static .header-area .right-image img {
    position: relative;
    z-index: 1
}

.cagency-header-static .header-area .right-image .shape-04 img {
    border-radius: 0
}

.cagency-header-static .header-area {
    padding: 200px 0 300px
}

.cagency-single-what-we-cover-item {
    position: relative;
    margin-bottom: 100px
}

.cagency-single-what-we-cover-item .content {
    background-color: #f4f5fa;
    padding: 50px 30px 30px 30px;
    border-radius: 20px
}

.cagency-single-what-we-cover-item .icon {
    width: 100px;
    height: 80px;
    background-color: var(--industry-color);
    text-align: center;
    line-height: 80px;
    font-size: 40px;
    border-radius: 15px;
    color: #fff;
    border-top-left-radius: 0
}

.cagency-single-what-we-cover-item .icon {
    position: absolute;
    left: 30px;
    top: -50px
}

.header-style-03.header-variant-08 {
    z-index: unset
}

.header-style-03.header-variant-08 .navbar-area.nav-fixed {
    background-color: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .05)
}

.cagency-single-what-we-cover-item .icon.style-1 {
    background-color: var(--main-color-one)
}

.cagency-single-what-we-cover-item .icon.style-2 {
    background-color: #007aff
}

.cagency-single-what-we-cover-item .icon.style-3 {
    background-color: #5bcc9f
}

.cagency-single-what-we-cover-item .icon.style-4 {
    background-color: #49ccff
}

.cagency-single-what-we-cover-item .icon.style-5 {
    background-color: #847bee
}

.cagency-single-what-we-cover-item .icon.style-6 {
    background-color: #fd799e
}

.cagency-counterup-area {
    background-color: #f4f5fa;
    clip-path: polygon(0 0, 100% 30%, 100% 100%, 0 100%);
    padding-top: 300px;
    margin-top: -200px;
    text-align: center
}

.cagency-counterup-item .title {
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    position: relative
}

.cagency-counterup-item .number {
    font-size: 36px;
    line-height: 46px;
    font-weight: 700;
    color: var(--heading-color);
    margin-bottom: 20px;
    z-index: 0
}

.cagency-counterup-item .number::after {
    position: absolute;
    left: 35%;
    top: -20px;
    content: "";
    width: 85px;
    height: 86px;
    background-image: url(../img/icon/cicon-01.svg);
    z-index: -1;
    background-repeat: no-repeat;
    background-position: center;
    transform: translateX(-50%)
}

.cagency-counterup-item .style-1.number::after {
    background-image: url(../img/icon/cicon-01.svg)
}

.cagency-counterup-item .style-2.number::after {
    background-image: url(../img/icon/cicon-02.svg)
}

.cagency-counterup-item .style-3.number::after {
    background-image: url(../img/icon/cicon-03.svg)
}

.cagency-counterup-item .style-4.number::after {
    background-image: url(../img/icon/cicon-04.svg)
}

.logistic-video-wrap .shape {
    position: absolute;
    left: -66px;
    bottom: -63px;
    z-index: -1
}

.logistic-video-wrap img {
    width: 100%
}

.cagency-work-process-list {
    display: flex;
    justify-content: space-around;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center
}

.cagency-work-process-list .single-work-process-item .title {
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    margin-bottom: 0
}

.cagency-work-process-list .single-work-process-item .num-wrap {
    font-size: 30px;
    line-height: 40px;
    font-weight: 600;
    position: relative;
    z-index: 0;
    color: #fff;
    margin-bottom: 20px
}

.cagency-work-process-list .single-work-process-item .style-2.num-wrap:after {
    background-image: url(../img/icon/work-process-2.svg)
}

.cagency-work-process-list .single-work-process-item .style-3.num-wrap:after {
    background-image: url(../img/icon/work-process-3.svg)
}

.cagency-work-process-list .single-work-process-item .style-4.num-wrap:after {
    background-image: url(../img/icon/work-process-4.svg)
}

.cagency-work-process-list .single-work-process-item .style-5.num-wrap:after {
    background-image: url(../img/icon/work-process-5.svg)
}

.cagency-work-process-list .single-work-process-item .num-wrap:after {
    position: absolute;
    left: 50%;
    top: -13px;
    width: 70px;
    height: 60px;
    content: "";
    background-image: url(../img/icon/work-process-1.svg);
    background-repeat: no-repeat;
    background-position: center;
    transform: translateX(-50%);
    z-index: -1
}

.cagency-work-process-list .single-work-process-item .num-wrap:before {
    position: absolute;
    right: -150px;
    width: 150%;
    height: 1px;
    border-bottom: 2px dashed var(--paragraph-color);
    z-index: -1;
    transform: translateY(-50%);
    top: 50%;
    content: ""
}

.cagency-work-process-list .single-work-process-item:last-child .num-wrap::before {
    display: none
}

.creative-agency-call-to-action {
    background-color: #f4f5fa;
    position: relative;
    z-index: 0
}

.creative-agency-call-to-action .right-image-wrap {
    position: absolute;
    right: 0;
    top: -50px
}

.cagency-cta-area-inner .title {
    font-size: 45px;
    line-height: 60px;
    font-weight: 700;
    margin-bottom: 20px
}

.cagency-cta-area-inner .description {
    font-size: 16px;
    line-height: 30px
}

.creative-agency-call-to-action .shape {
    position: absolute;
    left: 0;
    top: 0;
    opacity: .08;
    z-index: -1
}

.creative-agency-call-to-action .shape.shape-01 {
    left: 0;
    top: auto;
    bottom: 40px
}

.creative-agency-call-to-action .shape.shape-02 {
    left: 45%;
    top: 8%
}

.creative-agency-call-to-action .shape.shape-03 {
    left: auto;
    right: 60%;
    top: auto;
    bottom: 5%
}

.creative-agency-call-to-action .shape.shape-04 {
    left: 10%;
    top: 38%;
    transform: rotate(-24deg)
}

.creative-agency-call-to-action .shape.shape-05 {
    left: 2%;
    top: 5%
}

.creative-agency-call-to-action .right-image-wrap img {
    border-top-left-radius: 80px
}

.cagency-single-testimonial-item {
    background-color: #f4f5fa;
    border-radius: 10px;
    padding: 30px;
    text-align: center
}

.cagency-single-testimonial-item i {
    font-size: 40px;
    line-height: 45px;
    margin-bottom: 20px;
    color: var(--main-color-one);
    opacity: .8
}

.cagency-single-testimonial-item .description {
    font-size: 18px;
    line-height: 30px
}

.cagency-single-testimonial-item .author-details {
    display: flex;
    justify-content: center;
    margin-top: 30px
}

.cagency-single-testimonial-item .author-details .thumb {
    margin-right: 20px
}

.cagency-single-testimonial-item .author-details .thumb img {
    border-radius: 50%;
    width: 60px;
    height: 60px
}

.cagency-single-testimonial-item .author-details .content {
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.cagency-single-testimonial-item .author-details .content .title {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 0
}

.cagency-single-testimonial-item .author-details .content .designation {
    font-size: 14px;
    line-height: 20px
}

.single-portfolio-blog-grid.creative-agency-page .content {
    background-color: #f4f5fa
}

.single-portfolio-blog-grid.creative-agency-page .content .title {
    color: var(--heading-color)
}

.single-portfolio-blog-grid.creative-agency-page .content p {
    color: var(--paragraph-color)
}

.single-portfolio-blog-grid.creative-agency-page .thumb .time-wrap {
    left: 20px;
    top: 20px;
    color: #fff;
    background-color: var(--main-color-one)
}

.single-portfolio-blog-grid.creative-agency-page .thumb img {
    border-top-right-radius: 20px;
    border-top-left-radius: 20px
}

.footer-area.home-variant-08 .footer-top {
    background-color: #202353
}

.footer-area.home-variant-08 .copyright-area {
    background-color: #2d316a
}

.header-style-03.header-variant-09,
.header-style-03.header-variant-09 .nav-container {
    background-color: var(--secondary-color)
}

.header-style-03.header-variant-09 .navbar-area .nav-container {
    box-shadow: none
}

.header-style-03.header-variant-09 .navbar-area .nav-container .logo-wrapper img {
    max-height: 60px
}

.header-style-03.header-variant-09 .navbar-area .nav-container .nav-right-content ul li.cart .pcount,
.mobile-cart a .pcount {
    color: #fff
}

.header-style-03.header-variant-09 .navbar-area .nav-container .navbar-collapse .navbar-nav {
    text-align: right
}

.header-style-03.header-variant-09 .navbar-area .xg_mega_menu_wrapper {
    top: auto
}

.construction-support-area .support-inner {
    display: flex;
    justify-content: space-between;
    padding: 15px 0
}

.construction-info-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex
}

.construction-info-list li+li {
    margin-left: 20px
}

.construction-single-info-list-item {
    display: flex
}

.construction-single-info-list-item .icon {
    font-size: 40px;
    line-height: 50px;
    color: var(--construction-color);
    margin-right: 20px
}

.header-style-03.header-variant-09 {
    z-index: unset
}

.header-style-03.header-variant-09 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children,
.header-style-03.header-variant-09 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu {
    z-index: unset
}

.header-style-03.header-variant-09 .navbar-area .single-donation-mega-menu-item .content .boxed-btn {
    text-align: center
}

.construction-support-area .support-inner .right-content-wrap ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center
}

.construction-support-area .support-inner .right-content-wrap ul li+li {
    margin-left: 20px
}

.construction-support-area .support-inner .right-content-wrap ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center
}

.construction-support-area .support-inner .right-content-wrap ul li+li {
    margin-left: 20px
}

.construction-single-info-list-item .content .subtitle {
    font-size: 12px;
    text-transform: uppercase;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 0
}

.construction-single-info-list-item .content .title {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 0
}

.construction-support-area .support-inner .right-content-wrap ul #langchange {
    border: 1px solid #e2e2e2;
    color: var(--paragraph-color);
    font-size: 16px;
    padding: 5px
}

.construction-support-area .support-inner .boxed-btn {
    border-radius: 0;
    background-color: var(--construction-color);
    font-weight: 600
}

.construction-support-area .support-inner .boxed-btn:hover {
    background-color: var(--secondary-color)
}

.header-variant-09 .navbar-area .nav-container .navbar-collapse .navbar-nav li a:hover {
    color: var(--construction-color)
}

.header-variant-09 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
    background-color: var(--construction-color)
}

.header-variant-09 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
    border-bottom: 4px solid var(--construction-color)
}

.header-variant-09 .single-donation-mega-menu-item .content .boxed-btn {
    background-color: var(--construction-color)
}

.header-variant-09 .single-donation-mega-menu-item .content .boxed-btn:hover {
    background-color: var(--secondary-color)
}

.header-variant-09 .navbar-area .nav-container .nav-right-content ul li a:hover,
.header-variant-09 .single-donation-mega-menu-item .title:hover,
.header-variant-09 .xg-mega-menu-single-column-wrap ul .single-mega-menu-product-item .title:hover,
.header-variant-09 .xg-mega-menu-single-column-wrap ul li a:hover {
    color: var(--construction-color) !important
}

.header-variant-09 .navbar-area .nav-container .nav-right-content ul li.cart .pcount,
.mobile-cart a .pcount {
    background-color: var(--construction-color)
}

.header-area.construction-home.header-bg-04:after {
    background-image: linear-gradient(100deg, #ffbc13, transparent);
    background-color: transparent
}

.header-area.construction-home .title {
    text-transform: uppercase;
    font-weight: 700;
    line-height: 80px;
    color: var(--heading-color)
}

.header-area.construction-home .description {
    font-size: 18px;
    line-height: 30px;
    color: var(--heading-color);
    opacity: .6
}

.header-area.construction-home .btn-wrapper {
    margin-top: 40px
}

.header-area.construction-home .industry-btn.construciton-home {
    background-color: var(--secondary-color)
}

.header-area.construction-home .industry-btn.construciton-home:hover {
    background-color: #fff;
    color: var(--heading-color)
}

.header-area.construction-home .industry-btn:hover i {
    color: #fff
}

.header-area.construction-home .industry-btn i {
    color: var(--secondary-color)
}

.header-area.construction-home .industry-btn:hover:after {
    background-color: var(--secondary-color)
}

.header-area.construction-home {
    padding: 180px 0 180px 0
}

.construction-about-area .right-content-area .subtitle {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: var(--construction-color)
}

.construction-about-area .right-content-area .title {
    font-size: 40px;
    line-height: 45px;
    font-weight: 600;
    margin-bottom: 20px
}

.construction-about-area .right-content-area .btn-wrapper {
    margin-top: 30px
}

.construction-about-area .right-content-area .description {
    font-size: 16px;
    line-height: 30px
}

.industry-btn.const-home-color:hover {
    background-color: var(--secondary-color);
    color: #fff
}

.industry-btn.const-home-color:hover i {
    color: var(--heading-color)
}

.industry-btn.const-home-color:hover:after {
    background-color: var(--construction-color);
    color: var(--heading-color)
}

.industry-btn.const-home-color {
    background-color: var(--construction-color);
    color: var(--heading-color)
}

.industry-btn.const-home-color i {
    color: #fff
}

.industry-btn.const-home-color:after {
    background-color: var(--secondary-color);
    color: #fff
}

.construction-video-wrap {
    position: relative;
    margin-bottom: 50px
}

.construction-video-wrap .experience-wrap {
    position: absolute;
    left: -50px;
    bottom: -50px;
    width: 120px;
    height: 100px;
    background-color: var(--secondary-color);
    border: 2px solid var(--construction-color);
    color: #fff;
    text-align: center;
    padding: 10px
}

.construction-video-wrap .video-play:hover:after {
    left: 0;
    top: 0
}

.construction-video-wrap .video-play:after {
    position: absolute;
    left: -10px;
    top: -10px;
    width: 100%;
    height: 100%;
    border: 2px solid var(--heading-color);
    content: "";
    border-radius: 50%
}

.construction-video-wrap .video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 80px;
    width: 80px;
    text-align: center;
    line-height: 80px;
    background-color: var(--construction-color);
    color: var(--heading-color);
    border-radius: 50%;
    transform: translate(-50%, -50%)
}

.construction-video-wrap {
    display: inline-block
}

.construction-video-wrap .experience-wrap .year {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 20px;
    font-weight: 700
}

.construction-video-wrap .experience-wrap .title {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700
}

.construction-about-area .left-content-area {
    position: relative;
    margin-top: 60px;
    padding-right: 40px
}

.construction-about-area .left-content-area .shape {
    position: absolute;
    right: 0;
    top: -60px
}

.construction-counterup-area {
    background-color: var(--construction-color)
}

.construction-counterup-item {
    text-align: center
}

.construction-counterup-item .count-wrap {
    font-size: 36px;
    line-height: 46px;
    font-weight: 700;
    color: var(--heading-color);
    position: relative;
    margin-bottom: 20px
}

.construction-counterup-item .count-wrap:after {
    position: absolute;
    left: 50%;
    bottom: -8px;
    width: 50px;
    height: 2px;
    background-color: var(--heading-color);
    content: "";
    transform: translateX(-50%)
}

.construction-counterup-item .title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600
}

.section-title.const-home-color .subtitle {
    color: var(--construction-color);
    text-transform: capitalize
}

.construction-single-what-we-cover-item {
    text-align: center;
    border: 1px solid rgba(0, 0, 0, .05);
    padding: 40px 30px
}

.construction-single-what-we-cover-item .icon {
    font-size: 60px;
    line-height: 70px;
    color: var(--construction-color);
    margin-bottom: 30px
}

.construction-single-what-we-cover-item .content .title {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 15px
}

.construction-single-what-we-cover-item .content p {
    font-size: 16px;
    line-height: 30px
}

.construction-single-what-we-cover-item .content .readmore {
    display: inline-block;
    margin-top: 20px;
    color: var(--heading-color);
    transition: all .3s;
    font-weight: 600
}

.construction-single-what-we-cover-item .content .readmore:hover {
    color: var(--construction-color)
}

.construction-quote-area {
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 0
}

.construction-quote-area:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .8;
    z-index: -1;
    content: ""
}

.construction-quote-area .right-image {
    position: absolute;
    right: 5%;
    bottom: 0
}

.construction-home-quote-form .form-group {
    margin-bottom: 25px
}

.construction-home-quote-form .form-control {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    color: #fff;
    border-radius: 0;
    padding-left: 0;
    font-size: 14px
}

.construction-home-quote-form .form-group.file .help-info {
    color: rgba(255, 0, 0, .7)
}

.construction-home-quote-form .form-control:focus {
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .5)
}

.construction-home-quote-form .form-control::placeholder {
    color: #fff
}

.construction-home-quote-form .form-group label {
    color: #fff
}

.construction-home-quote-form .form-group.textarea .form-control:focus {
    outline: 0;
    box-shadow: none
}

.construction-home-quote-form .form-group.textarea .form-control {
    color: #fff;
    max-height: 140px
}

.construction-case-study-carousel .owl-stage {
    left: -200px
}

.construction-project-nav div {
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    background-color: var(--secondary-color);
    transition: .4s all;
    color: #fff;
    line-height: 40px;
    cursor: pointer
}

.construction-project-nav div:hover {
    background-color: var(--construction-color);
    color: #ffff
}

.construction-project-nav div+div {
    margin-left: 20px
}

.construction-project-nav {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%
}

.const-single-case-study-style-02 {
    position: relative
}

.const-single-case-study-style-02 .cart-icon {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 30px;
    background-image: linear-gradient(8deg, #000, transparent);
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.const-single-case-study-style-02 .title {
    font-size: 30px;
    line-height: 40px;
    color: #fff;
    font-weight: 600;
    transition: all .3s
}

.const-single-case-study-style-02 .title:hover {
    color: var(--construction-color)
}

.const-single-case-study-style-02 .cat-wrapper {
    color: rgba(255, 255, 255, .8)
}

.const-single-case-study-style-02 .cat-wrapper a+a:before {
    position: static;
    content: ",";
    padding-right: 5px
}

.const-team-single-item {
    padding: 10px;
    background-color: #fff;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .01)
}

.const-team-single-item .content {
    padding: 30px;
    text-align: center
}

.const-team-single-item .content .title {
    font-size: 22px;
    line-height: 30px;
    text-transform: capitalize
}

.const-team-single-item .content span {
    font-size: 15px;
    line-height: 20px
}

.const-team-single-item .content .social-icons {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 20px
}

.const-team-single-item .content .social-icons li:hover {
    background-color: var(--construction-color);
    color: #fff
}

.const-team-single-item .content .social-icons li {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 33px;
    text-align: center;
    background-color: #f3f3f3;
    font-size: 14px;
    color: var(--heading-color);
    transition: all .3s
}

.const-team-single-item .content .social-icons li+li {
    margin-left: 10px
}

.const-single-testimonial-item .content {
    background-color: #f8f8f8;
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 30px
}

.const-single-testimonial-item .content i {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 20px;
    color: var(--construction-color)
}

.const-single-testimonial-item .content .description {
    margin-bottom: 0
}

.const-single-testimonial-item .content {
    background-color: #f8f8f8;
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 30px
}

.const-single-testimonial-item .content i {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 20px;
    color: var(--construction-color)
}

.const-single-testimonial-item .content .description {
    margin-bottom: 0
}

.const-single-testimonial-item .author-details .thumb img {
    width: 60px;
    height: 60px;
    border-radius: 50%
}

.const-single-testimonial-item .author-details .thumb {
    margin-bottom: 20px
}

.const-single-testimonial-item .author-details .title {
    font-size: 20px;
    line-height: 26px;
    color: #0078ee;
    font-weight: 600;
    margin-bottom: 0
}

.const-single-testimonial-item .author-details .designation {
    font-size: 14px;
    font-style: italic
}

.single-portfolio-blog-grid.const-page .content {
    background-color: #fff
}

.single-portfolio-blog-grid.const-page .content .title {
    color: var(--heading-color)
}

.single-portfolio-blog-grid.const-page .content .excerpt {
    color: var(--paragraph-color)
}

.single-portfolio-blog-grid .thumb .time-wrap {
    color: #fff;
    background-color: var(--construction-color)
}

.single-portfolio-blog-grid .content .readmore {
    color: var(--heading-color)
}

.logistic-dots.const-page .owl-dots div.active {
    background-color: var(--construction-color)
}

.header-style-03.header-variant-08 {
    z-index: 1
}

.cat-sku-content-wrapper .social-icons {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 20px
}

.cat-sku-content-wrapper .social-icons .title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color: var(--heading-color);
    display: inline-block
}

.cat-sku-content-wrapper .social-icons li+li {
    margin-left: 10px;
    display: inline-block
}

.header-style-01.header-variant-03 .single-donation-mega-menu-item .content .boxed-btn {
    text-align: center
}

.single-portfolio-blog-grid.const-page .content .readmore {
    color: var(--construction-color)
}

.single-portfolio-blog-grid .content .readmore {
    color: #fff
}

.header-style-03.header-variant-08 {
    z-index: 9
}

.single-portfolio-blog-grid.industry-page .time-wrap {
    background-color: var(--industry-color)
}

.footer-area.home-variant-10 .copyright-area,
.footer-area.home-variant-10 .footer-top,
.footer-area.home-variant-11 .copyright-area,
.footer-area.home-variant-11 .footer-top {
    background-color: #191d33
}

.footer-area.home-variant-10 .copyright-area,
.footer-area.home-variant-11 .copyright-area {
    border-top: 1px solid rgba(255, 255, 255, .2)
}

.single-header-bottom-item-02 .icon {
    color: var(--main-color-one)
}

.footer-area.home-variant-12 .copyright-area,
.footer-area.home-variant-12 .footer-top {
    background-color: var(--medical-color)
}

.footer-area.home-variant-12 .copyright-area {
    border-top: 1px solid rgba(255, 255, 255, .4)
}

.footer-area.home-variant-13 .footer-top {
    background-color: #1a191f
}

footer.footer-area.home-variant-13 .copyright-area {
    background-color: #0c0b11
}

.grecaptcha-badge {
    display: none
}

.margin-bottom-100 {
    margin-bottom: 100px
}

.footer-area.home-variant-14 .copyright-area {
    border-top: 1px solid rgba(0, 0, 0, .2)
}

.footer-area.home-variant-14 .footer-top {
    background-color: #f4f5fa;
    color: var(--paragraph-color)
}

.footer-area.home-variant-14 .copyright-area {
    background-color: #f4f5fa;
    color: var(--paragraph-color)
}

.footer-area.home-variant-14 .widget.footer-widget .widget-title {
    color: #fff;
}

.footer-area.home-variant-14 .widget.footer-widget ul li,
.footer-area.home-variant-14 .widget.footer-widget ul li a {
    color: var(--paragraph-color)
}

.footer-area.home-variant-15 .copyright-area,
.footer-area.home-variant-15 .footer-top {
    background-color: rgba(76, 163, 56, .1)
}

.footer-area.home-variant-15 .widget.footer-widget .widget-title {
    color: #fff;
}

.footer-area.home-variant-15 .widget.footer-widget ul li,
.footer-area.home-variant-15 .widget.footer-widget ul li a {
    color: var(--paragraph-color)
}

.footer-area.home-variant-15 .copyright-area {
    color: var(--paragraph-color);
    border-top: 1px solid rgba(0, 0, 0, .2)
}

.footer-area.home-variant-16 .footer-top {
    background-color: var(--cleaning-two-color)
}

.footer-area.home-variant-16 .copyright-area {
    border-top: 1px solid rgba(255, 255, 255, .5)
}

.footer-area.home-variant-16 .copyright-area,
.footer-area.home-variant-16 .footer-top {
    background-color: var(--cleaning-two-color)
}

.footer-area.home-variant-16 .newsletter-form-wrap .submit-btn {
    color: var(--cleaning-two-color)
}

body.home_variant_16 .back-to-top {
    background-color: var(--cleaning-color)
}

.home-variant-16.footer-area .footer-widget.widget_tag_cloud .tagcloud a,
.home-variant-16.footer-area .widget.footer-widget p,
.home-variant-16.footer-area .widget.footer-widget ul li,
.home-variant-16.footer-area .widget.footer-widget ul li a,
.home-variant-16.footer-area .widget.footer-widget.widget_calendar caption,
.home-variant-16.footer-area .widget.footer-widget.widget_calendar td,
.home-variant-16.footer-area .widget.footer-widget.widget_calendar th {
    color: rgba(255, 255, 255, .8)
}

.home-variant-16.footer-area .contact_info_list li.single-info-item .icon {
    color: var(--cleaning-color)
}

.buy-now-wrap {
    position: fixed;
    right: 0;
    top: 40%
}

.buy-now-wrap ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.buy-now-wrap ul li a {
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    background-color: var(--main-color-one);
    border-radius: 0;
    color: #fff;
    line-height: 40px
}

.buy-now-wrap ul li+li {
    border-top: 1px solid rgba(0, 0, 0, .02)
}

.appointment-details-item .top-part {
    display: flex
}

.appointment-details-item .top-part .content {
    flex: 1;
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.appointment-details-item .top-part .thumb {
    width: 40%;
    margin-right: 40px
}

.appointment-details-item .top-part .content {
    padding-left: 40px
}

.appointment-details-item .top-part .content .designation {
    font-size: 16px;
    font-weight: 600;
    color: var(--main-color-one);
    line-height: 20px
}

.appointment-details-item .top-part .content .title {
    font-size: 36px;
    line-height: 46px;
    font-weight: 700;
    margin-bottom: 20px
}

.appointment-details-item .top-part .content .short-description {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 25px
}

.appointment-details-item .top-part .content .location,
.appointment-details-item .top-part .content .price-wrap {
    background-color: #f2f2f2;
    border-radius: 5px;
    padding: 5px 10px;
    display: inline-block;
    margin-bottom: 20px;
    width: max-content
}

.appointment-details-item .top-part .content .location i {
    color: var(--main-color-one);
    padding-right: 10px
}

.appointment-details-item .top-part .content .price-wrap h4 {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 700
}

.appointment-details-item .bottom-part .nav-tabs {
    display: flex;
    justify-content: center;
    border-bottom: 2px solid #e2e2e2;
    margin-bottom: 30px
}

.appointment-details-item .bottom-part .nav-tabs .nav-link {
    min-width: 200px;
    text-align: center;
    font-weight: 700;
    border: none
}

.appointment-details-item .bottom-part .nav-tabs .nav-link.active {
    color: var(--main-color-one);
    position: relative;
    z-index: 0
}

.appointment-details-item .bottom-part .nav-tabs .nav-link.active:after {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    content: "";
    background-color: var(--main-color-one)
}

.appointment-details-item .bottom-part .nav-tabs .nav-link.active:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--main-color-one);
    content: "";
    z-index: -1;
    opacity: .1
}

.appointment-details-item .bottom-part {
    margin-top: 80px
}

.social-share-wrap ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.social-share-wrap ul li {
    display: inline-block
}

.social-share-wrap ul li+li {
    margin-left: 10px
}

.social-share-wrap ul li a {
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 5px;
    border: 1px solid #e2e2e2;
    line-height: 35px;
    text-align: center;
    transition: all .3s
}

.social-share-wrap ul li a:hover {
    background-color: var(--main-color-one);
    color: #fff;
    border-color: var(--main-color-one)
}

.information-area-wrap .additional-info,
.information-area-wrap .description-wrap,
.information-area-wrap .education-info,
.information-area-wrap .specialised-info {
    background-color: #f8f8f8;
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 20px
}

.description-wrap .title,
.information-area-wrap .additional-info .title,
.information-area-wrap .education-info .title,
.information-area-wrap .specialised-info .title {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 20px
}

.information-area-wrap .additional-info ul,
.information-area-wrap .education-info ul,
.information-area-wrap .specialised-info ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.information-area-wrap .additional-info ul li:before,
.information-area-wrap .education-info ul li:before,
.information-area-wrap .specialised-info ul li:before {
    position: static;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 3px solid var(--main-color-one);
    content: "";
    display: inline-block;
    margin-right: 10px
}

.information-area-wrap .additional-info ul li+li,
.information-area-wrap .education-info ul li+li,
.information-area-wrap .specialised-info ul li+li {
    margin-top: 10px
}

.information-area-wrap .additional-info ul li,
.information-area-wrap .education-info ul li,
.information-area-wrap .specialised-info ul li {
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    color: var(--heading-color);
    opacity: .8
}

.booking-wrap {
    display: flex;
    justify-content: space-between
}

.booking-wrap .left-part {
    width: 50%;
    padding-right: 40px
}

.booking-wrap .right-part {
    width: 50%;
    padding-left: 40px
}

.date-time-block .title {
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    margin-bottom: 20px
}

.date-time-block .title {
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    margin-bottom: 20px
}

.date-time-block .time-slot {
    margin: 0;
    padding: 0;
    list-style: none
}

.date-time-block .time-slot li {
    display: inline-block;
    background-color: #f2f2f2;
    padding: 5px 10px;
    border-radius: 3px;
    margin: 5px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer
}

.date-time-block {
    margin-bottom: 40px
}

.date-time-block .time-slot li.selected {
    background-color: var(--main-color-one);
    color: #fff
}

.appointment-booking-form .form-control {
    border: 1px solid #e2e2e2;
    border-radius: 0;
    height: 50px
}

.appointment-booking-form select.form-control:focus {
    outline: 0;
    box-shadow: none
}

.appointment-booking-form textarea.form-control {
    min-height: 120px;
    resize: none
}

.appointment-booking-form textarea.form-control:focus {
    outline: 0;
    box-shadow: none
}

.booking-wrap .left-part .form-wrapper .title,
.booking-wrap .right-part .form-wrapper .title {
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 20px
}

.feedback-form-wrapper .title {
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 30px
}

.feedback-form-wrapper {
    background-color: #f8f8f8;
    padding: 30px;
    margin-bottom: 30px
}

.feedback-wrapper .login-form p {
    font-size: 20px;
    line-height: 30px;
    font-weight: 700
}

.feedback-wrapper>.login-form {
    background-color: #f8f8f8;
    padding: 30px
}

.feedback-wrapper>.login-form form {
    max-width: 450px
}

.feedback-comment-list-wrap ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.feedback-comment-list-wrap {
    background-color: #f8f8f8;
    padding: 30px
}

.feedback-comment-list-wrap li+li {
    margin-bottom: 20px
}

.feedback-comment-list-wrap li .title {
    font-size: 18px;
    line-height: 20px;
    font-weight: 700
}

.feedback-comment-list-wrap li .rating-wrap {
    margin-bottom: 10px
}

.booking_details_list {
    margin: 0;
    padding: 0;
    text-align: left
}

.appointment-content-area .top-search-wrapper {
    display: flex;
    justify-content: space-between
}

.appointment-content-area .top-search-wrapper .left-part .search-wrapper .search-box {
    display: flex;
    position: relative
}

.appointment-content-area .top-search-wrapper>div {
    width: 50%
}

.appointment-content-area .top-search-wrapper .left-part .search-wrapper .search-box .submit-btn:focus {
    outline: 0;
    box-shadow: none
}

.appointment-content-area .top-search-wrapper .left-part .search-wrapper .search-box .submit-btn {
    position: absolute;
    right: 0;
    top: 0;
    background-color: var(--main-color-one);
    width: 50px;
    border-radius: 0;
    height: 50px;
    text-align: center;
    padding: 0;
    cursor: pointer
}

.appointment-content-area .top-search-wrapper .left-part .search-wrapper .search-box .form-control {
    border: 1px solid #e2e2e2;
    border-radius: 0;
    height: 50px;
    padding-right: 70px
}

.appointment-content-area .top-search-wrapper .left-part .search-wrapper {
    padding-left: 40px
}

.appointment-content-area .top-search-wrapper .left-part .search-wrapper .search-box .submit-btn:hover {
    color: #fff;
    opacity: .8
}

.appointment-content-area .top-search-wrapper .right-part select {
    width: calc(100% / 2 - 20px);
    display: inline-block;
    height: 50px;
    border: 1px solid #e2e2e2;
    border-radius: 0;
    text-transform: capitalize
}

.appointment-content-area .top-search-wrapper {
    margin-bottom: 40px
}

.appointment-content-area .top-search-wrapper .right-part {
    display: flex;
    justify-content: space-between
}

.appointment-content-area .top-search-wrapper .right-part select:focus {
    outline: 0;
    box-shadow: none
}

.appointment-single-item .thumb {
    position: relative;
    margin-bottom: 30px;
    background-color: #f8f8f8;
    min-height: 360px;
    background-repeat: no-repeat;
    background-position: top center
}

.appointment-single-item .thumb .cat {
    position: absolute;
    left: 10px;
    top: 10px;
    background-color: var(--main-color-one);
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 14px;
    color: #fff;
    font-weight: 600
}

.appointment-single-item .content .title {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 15px
}

.appointment-single-item .content .designation {
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    position: relative;
    padding: 5px 20px;
    border-radius: 5px;
    color: var(--main-color-one);
    text-transform: capitalize
}

.appointment-single-item .content .designation:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--main-color-one);
    content: "";
    opacity: .1;
    border-radius: 5px
}

.appointment-single-item .content .location {
    display: block;
    margin-bottom: 30px
}

.appointment-single-item .content .location i {
    color: var(--main-color-one);
    margin-right: 5px
}

.appointment-single-item .content .boxed-btn {
    min-width: auto;
    font-weight: 700;
    background-color: transparent;
    color: var(--main-color-one);
    text-decoration: underline;
    padding: 0
}

.feedback-comment-list-wrap li .rating-wrap.single i {
    font-size: 14px;
    color: #ffc105;
    letter-spacing: -5px
}

.feedback-comment-list-wrap>.title {
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 30px
}

.appointment-single-item {
    margin-bottom: 60px
}

.lesson-navbar-area .nav-inner-wrap .right-side-content .course-title-wrap {
    max-width: 60%
}

.course-details-list-wrap .btn-wrapper .boxed-btn.purchased {
    background-color: #53ad53
}

.course-details-list-wrap .btn-wrapper .boxed-btn.purchased i {
    color: #53ad53
}

.course-details-list-wrap {
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1);
    border-radius: 10px;
    padding: 20px
}

.course-details-list-wrap ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.course-details-list-wrap ul li+li {
    border-top: 1px solid #dedbdb
}

.course-details-list-wrap ul li {
    padding: 16px 0
}

.course-details-list-wrap li i {
    color: var(--main-color-two);
    width: 25px
}

.course-details-list-wrap li {
    display: flex;
    justify-content: space-between
}

.course-details-list-wrap li strong {
    font-weight: 700;
    color: var(--heading-color)
}

.course-details-list-wrap li .right {
    color: var(--main-color-one);
    font-weight: 600
}

.course-details-list-wrap .btn-wrapper {
    margin: 30px;
    text-align: center;
    margin-bottom: 10px
}

.course-details-list-wrap .btn-wrapper i {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background-color: #fff;
    text-align: center;
    color: var(--main-color-one);
    line-height: 40px;
    margin-left: 30px
}

.course-details-list-wrap .btn-wrapper .boxed-btn {
    padding: 10px 10px 10px 30px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 700
}

.course-details-list-wrap li .right del {
    opacity: .6
}

.course-details-list-wrap li .right .price-wrap {
    font-weight: 700
}

.content-tab-wrapper .nav-tabs {
    border-bottom: 1px solid #dedbdb;
    margin: 50px 0 30px
}

.content-tab-wrapper .nav-tabs .nav-link {
    border: none;
    font-weight: 600;
    text-transform: capitalize;
    color: var(--heading-color);
    opacity: .8
}

.content-tab-wrapper .nav-tabs .nav-link.active {
    background-color: var(--main-color-two);
    border-radius: 0;
    color: #fff
}

.content-tab-wrapper nav .nav-tabs .nav-link {
    padding: 15px 40px
}

.instructor-wrap {
    display: flex
}

.instructor-wrap .content-wrap {
    flex: 1;
    margin-left: 40px
}

.instructor-wrap .content-wrap .designation {
    font-weight: 600;
    color: var(--main-color-one);
    display: block;
    margin-bottom: 10px
}

.instructor-wrap .content-wrap .title {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 15px
}

.instructor-wrap .content-wrap .social-wrap {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 22px
}

.instructor-wrap .content-wrap .social-wrap li {
    display: inline-block
}

.course-details-content-area .feedback-wrapper>.login-form {
    background-color: transparent;
    padding: 0
}

.single-curriculum-item .title {
    font-size: 26px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 15px
}

.single-curriculum-item .title {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 0
}

.single-curriculum-item .description {
    font-size: 14px;
    color: var(--heading-color);
    opacity: .8;
    font-weight: 600
}

.single-curriculum-item .card-header {
    background-color: transparent;
    padding: 0;
    padding-right: 20px;
    cursor: pointer;
    border: none
}

.single-curriculum-item .card {
    border: 1px solid #eee;
    padding: 20px
}

.single-curriculum-item .lesson-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.single-curriculum-item .lesson-list li a {
    display: flex;
    justify-content: space-between;
    padding: 15px 0
}

.single-curriculum-item .lesson-list li+li {
    border-top: 1px solid #eee
}

.single-curriculum-item .card-body {
    padding: 0
}

.single-curriculum-item+.single-curriculum-item {
    margin-top: 20px
}

.single-curriculum-item .card-header .lesson-count {
    position: absolute;
    right: 0;
    top: 0;
    color: var(--main-color-two);
    font-size: 14px;
    font-weight: 700
}

.single-curriculum-item .card-header .lesson-count {
    position: absolute;
    right: 20px;
    top: 20px;
    color: var(--main-color-two);
    font-size: 14px;
    font-weight: 700
}

.single-curriculum-item .lesson-list li a .lession-title {
    font-weight: 600;
    color: #353535
}

.single-curriculum-item .lesson-list li a .lession-title i {
    color: var(--main-color-one);
    margin-right: 5px
}

.single-curriculum-item .lesson-list li a .right {
    color: #353535;
    font-size: 14px;
    font-weight: 600
}

.single-curriculum-item .lesson-list li a .right i {
    margin-left: 5px
}

.single-curriculum-item .lesson-list li a .right i.fa-eye {
    color: var(--main-color-two)
}

.single-curriculum-item .lesson-list li a .right i.fa-lock {
    color: #a93f3f
}

.single-curriculum-item .card-header>div {
    padding-right: 80px
}

.single-curriculum-item .card-header>div[aria-expanded=true] {
    border-bottom: 1px solid #eee;
    padding-bottom: 15px
}

.enroll-area-wrapper .login-form>p {
    font-size: 36px;
    text-align: center;
    line-height: 36px;
    font-weight: 700;
    margin-bottom: 40px;
    color: var(--heading-color)
}

.enroll-area-wrapper {
    padding: 60px;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .1);
    border-radius: 10px
}

.enroll-form-wrapper .btn-wrapper {
    text-align: center
}

.enroll-form-wrapper .amount-title {
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 40px
}

.form-group.coupon {
    position: relative
}

.form-group.coupon span.right {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 80px;
    height: 50px;
    line-height: 50px;
    background-color: var(--main-color-two);
    color: #fff;
    font-weight: 600;
    text-align: center;
    cursor: pointer
}

.form-group.coupon span.right.spin-none i {
    visibility: hidden;
    opacity: 0;
    width: 0
}

.appointment-booking-form .form-group.coupon .form-control {
    padding-right: 90px
}

.enroll-form-wrapper .amount-title del {
    padding-left: 8px;
    opacity: .5
}

.course-single-grid-item {
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    border-radius: 5px;
    margin-bottom: 40px;
    max-width: 350px
}

.course-single-grid-item .thumb {
    padding: 10px;
    position: relative
}

.course-single-grid-item .content {
    padding: 20px;
    position: relative
}

.course-single-grid-item .thumb .price-wrap {
    position: absolute;
    right: 20px;
    bottom: 20px;
    background-color: var(--course-two-color);
    padding: 5px 10px;
    color: #fff;
    font-weight: 700;
    font-size: 14px
}

.course-single-grid-item .thumb .price-wrap del {
    opacity: .8
}

.course-single-grid-item .content .title {
    font-size: 22px;
    line-height: 26px;
    font-weight: 700
}

.course-single-grid-item .content .instructor-wrap {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 15px
}

.course-single-grid-item .content .instructor-wrap span {
    color: var(--course-two-color);
    padding-right: 5px
}

.course-single-grid-item .content .footer-part {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #e2e2e2;
    padding-top: 20px;
    color: var(--heading-color);
    opacity: .7;
    font-size: 14px;
    font-weight: 600
}

.course-single-grid-item .content .rating-wrap {
    position: absolute;
    top: -6px
}

.instructor-info-wrapper .img-wrap {
    margin-bottom: 30px
}

.instructor-info-wrapper .content .title {
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 0
}

.instructor-info-wrapper .content .designation {
    font-size: 14px;
    font-weight: 700
}

.instructor-info-wrapper .content .social-wrap {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 20px
}

.instructor-info-wrapper .content .social-wrap li {
    display: inline-block
}

.instructor-info-wrapper .content .social-wrap li+li {
    margin-left: 10px
}

.course-single-grid-item .thumb .cat {
    position: absolute;
    left: 20px;
    top: 20px
}

.course-single-grid-item .thumb .cat a.bg-1 {
    background-color: #8876ff
}

.course-single-grid-item .thumb .cat a.bg-2 {
    background-color: #f27676
}

.course-single-grid-item .thumb .cat a.bg-3 {
    background-color: #4582ff
}

.course-single-grid-item .thumb .cat a.bg-4 {
    background-color: #55b56a
}

.course-single-grid-item .thumb .cat a {
    display: inline-block;
    background-color: var(--course-color);
    color: #fff;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 600
}

.footer-area.home-variant-17.has-top-padding .footer-top {
    padding-top: 210px
}

.footer-area.home-variant-17 .footer-top {
    background-color: #f0fbfe
}

.footer-area.home-variant-15 .footer-widget.widget_tag_cloud .tagcloud a,
.footer-area.home-variant-15 .widget.footer-widget p,
.footer-area.home-variant-15 .widget.footer-widget ul li,
.footer-area.home-variant-15 .widget.footer-widget ul li a,
.footer-area.home-variant-15 .widget.footer-widget.widget_calendar caption,
.footer-area.home-variant-15 .widget.footer-widget.widget_calendar td,
.footer-area.home-variant-15 .widget.footer-widget.widget_calendar th,
.footer-area.home-variant-17 .footer-widget.widget_tag_cloud .tagcloud a,
.footer-area.home-variant-17 .widget.footer-widget p,
.footer-area.home-variant-17 .widget.footer-widget ul li,
.footer-area.home-variant-17 .widget.footer-widget ul li a,
.footer-area.home-variant-17 .widget.footer-widget.widget_calendar caption,
.footer-area.home-variant-17 .widget.footer-widget.widget_calendar td,
.footer-area.home-variant-17 .widget.footer-widget.widget_calendar th {
    color: var(--paragraph-color)
}

.footer-area.home-variant-17 .widget.footer-widget .widget-title {
    color: #fff;
}

.footer-area.home-variant-17 .copyright-area {
    background-color: #f0fbfe;
    color: var(--paragraph-color);
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.footer-area.home-variant-14 .footer-top .widget.footer-widget p,
.footer-area.home-variant-14 .footer-top .widget.footer-widget.widget_calendar caption,
.footer-area.home-variant-14 .footer-top .widget.footer-widget.widget_calendar td,
.footer-area.home-variant-14 .footer-top .widget.footer-widget.widget_calendar th,
.footer-area.home-variant-14 .footer-top .widget_tag_cloud .tagcloud a {
    color: var(--paragraph-color)
}

.footer-area.home-variant-12 .footer-top .widget.footer-widget p,
.footer-area.home-variant-12 .footer-top .widget.footer-widget.widget_calendar caption,
.footer-area.home-variant-12 .footer-top .widget.footer-widget.widget_calendar td,
.footer-area.home-variant-12 .footer-top .widget.footer-widget.widget_calendar th,
.footer-area.home-variant-12 .footer-top .widget_tag_cloud .tagcloud a,
.footer-area.home-variant-12 .widget.footer-widget ul li,
.footer-area.home-variant-12 .widget.footer-widget ul li a {
    color: #fff
}

.xg-mega-menu-single-column-wrap ul li {
    line-height: 20px !important
}

.xg-mega-menu-single-column-wrap ul li+li {
    margin-top: 15px
}

.support-ticket-wrapper .login-form p {
    font-size: 36px;
    line-height: 40px;
    text-align: center;
    font-weight: 700;
    color: var(--heading-color);
    margin-bottom: 50px
}

.support-ticket-wrapper .login-form form.account-form {
    padding: 0 60px
}

.support-ticket-wrapper .title {
    font-size: 36px;
    line-height: 46px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 40px
}

.support-ticket-wrapper button[type=submit]:hover {
    background-color: var(--secondary-color);
    color: #fff
}

.support-ticket-wrapper button[type=submit] {
    display: inline-block;
    border: none;
    background-color: var(--main-color-one);
    color: #fff;
    padding: 10px 30px;
    font-weight: 600;
    transition: all .4s
}

.support-ticket-wrapper textarea:focus {
    outline: 0;
    box-shadow: none
}

.support-ticket-wrapper textarea {
    max-height: 150px
}

.footer-area.home-variant-14 .footer-top .newsletter-form-wrap .submit-btn {
    background-color: transparent;
    border: none
}

.lawyer-about-area.lawyer-home .right-content-area:before {
    display: none
}

.lawyer-about-area.lawyer-home .left-content-area .shape {
    right: -40px
}

.lawyer-about-area.political-home .left-content-area:before {
    display: none
}

.lawyer-counterup-area.political-home:after {
    background-color: var(--political-color)
}

.lawyer-counterup-area.political-home .lawyer-home-counterup-item .icon {
    color: #fff
}

.header-area.political-home:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(45deg, #191d33, #e70f47);
    content: "";
    z-index: -1;
    opacity: .8
}

.header-area.political-home {
    padding: 325px 0 320px
}

.header-area.political-home .left-image-wrap {
    position: absolute;
    bottom: -10%;
    left: 5%
}

.header-area.political-home .header-area .title {
    font-size: 60px;
    line-height: 69px
}

.header-area.political-home .boxed-btn.political {
    border-radius: 3px;
    background-color: #fff;
    color: var(--political-color)
}

.header-area.political-home .boxed-btn.political:hover {
    background-color: var(--political-color);
    border-color: var(--political-color);
    color: #fff
}

.header-area.political-home .btn-wrapper .boxed-btn.political {
    margin-top: 30px
}

.header-style-03.header-variant-11 {
    position: relative;
    z-index: inherit
}

.header-style-03.header-variant-11 .navbar-area {
    position: absolute;
    left: 0;
    top: auto;
    z-index: 2;
    width: 100%
}

.header-style-03.header-variant-11 .navbar-area .nav-container {
    box-shadow: none;
    padding: 0;
    border-radius: 0;
    background-color: transparent
}

.header-style-03.header-variant-11 .navbar-area .nav-container .navbar-collapse .navbar-nav li:before {
    color: rgba(255, 255, 255, .6)
}

.header-style-03.header-variant-11 .navbar-area .nav-container .navbar-collapse .navbar-nav li a {
    color: rgba(255, 255, 255, .6);
    transition: all .3s
}

.header-style-03.header-variant-11 .navbar-area .nav-container .navbar-collapse .navbar-nav li a:hover {
    color: var(--political-color)
}

.header-style-03.header-variant-11 .navbar-area .nav-container .nav-right-content ul li a {
    color: rgba(255, 255, 255, .6);
    transition: all .3s
}

.header-style-03.header-variant-11 .navbar-area .nav-container .nav-right-content ul li a:hover {
    color: var(--political-color)
}

.header-style-03.header-variant-11 .navbar-area .nav-container .nav-right-content ul li.cart a {
    color: rgba(255, 255, 255, .6);
    transition: all .3s
}

.header-style-03.header-variant-11 .navbar-area .nav-container .nav-right-content ul li.cart a:hover {
    color: var(--political-color)
}

.header-style-03.header-variant-11 .navbar-area .nav-container .nav-right-content ul li.cart .pcount {
    color: #fff;
    background-color: var(--political-color)
}

.header-style-03.header-variant-11 .navbar-area .nav-container .mobile-cart a .pcount {
    color: var(--political-color)
}

.political-feature-list {
    display: flex;
    justify-content: space-evenly;
    margin: 0;
    padding: 0;
    list-style: none
}

.political-feature-list li.style-1 {
    background-color: #ff872a
}

.political-feature-list li.style-2 {
    background-color: #303960
}

.political-feature-list li.style-3 {
    background-color: #00b3f6
}

.political-feature-list li {
    background-color: var(--political-color);
    text-align: center;
    width: 100%;
    display: block;
    padding: 60px 40px
}

.political-feature-list li .icon {
    font-size: 70px;
    line-height: 70px;
    color: #fff;
    margin-bottom: 10px
}

.political-feature-list li .title {
    font-size: 18px;
    line-height: 20px;
    color: #fff
}

.header-bottom-area.margin-minus-100 {
    margin-top: -120px
}

.lawyer-about-area .left-content-area {
    margin-right: 80px
}

.lawyer-about-area .left-content-area .subtitle {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 10px;
    display: block;
    color: var(--political-color)
}

.lawyer-about-area .left-content-area .title {
    font-size: 45px;
    line-height: 50px;
    margin-bottom: 30px
}

.lawyer-about-area .left-content-area .btn-wrapper {
    margin-top: 30px
}

.lawyer-about-area .left-content-area .btn-wrapper .boxed-btn {
    border-radius: 3px;
    background-color: var(--political-color);
    border: 1px solid var(--political-color)
}

.lawyer-about-area .left-content-area .btn-wrapper .boxed-btn:hover {
    color: var(--political-color);
    background-color: transparent;
    border-color: var(--political-color)
}

.lawyer-about-area .right-content-area {
    position: relative
}

.lawyer-about-area .right-content-area:before {
    position: absolute;
    right: -30px;
    bottom: -30px;
    width: 150px;
    height: 150px;
    background-color: var(--political-color);
    content: "";
    z-index: -1
}

.political-video-wrap .img-wrap {
    position: relative;
    border: 10px solid #fff
}

.political-video-wrap .img-wrap .video-play-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.political-video-wrap {
    bottom: -100px;
    z-index: 1;
    position: relative
}

.political-cta-area-wrapper {
    padding: 240px 0 140px;
    text-align: center;
    position: relative
}

.political-cta-area-wrapper:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #191d33;
    content: "";
    opacity: .9
}

.political-cta-area-wrapper .subtitle {
    font-size: 16px;
    line-height: 26px;
    color: rgba(255, 255, 255, .8)
}

.political-cta-area-wrapper .title {
    font-size: 45px;
    line-height: 55px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 30px
}

.political-cta-area-wrapper p {
    color: rgba(255, 255, 255, .6)
}

.political-cta-area-wrapper .btn-wrapper .boxed-btn {
    border-radius: 3px;
    background-color: var(--political-color);
    border: 1px solid transparent
}

.political-cta-area-wrapper .btn-wrapper .boxed-btn:hover {
    background-color: transparent;
    border-color: var(--political-color);
    color: #fff
}

.political-cta-area-wrapper .btn-wrapper {
    margin-top: 30px
}

.section-title.political-home .subtitle {
    text-transform: capitalize;
    color: var(--political-color)
}

.political-single-what-we-cover-item {
    position: relative
}

.political-single-what-we-cover-item .hover {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 40px;
    text-align: center;
    background-color: var(--political-color);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transition: all .3s
}

.political-single-what-we-cover-item .content {
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1)
}

.political-single-what-we-cover-item .content .title {
    font-size: 24px;
    line-height: 34px;
    transition: all .3s
}

.political-single-what-we-cover-item .content .readmore:hover,
.political-single-what-we-cover-item .content .title:hover {
    color: var(--political-color)
}

.political-single-what-we-cover-item .content .readmore {
    transition: all .3s
}

.political-single-what-we-cover-item:hover .hover {
    visibility: visible;
    opacity: 1
}

.political-single-what-we-cover-item .hover .title {
    font-size: 26px;
    line-height: 30px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px
}

.political-single-what-we-cover-item .hover p {
    color: rgba(255, 255, 255, .7)
}

.lawyer-counterup-area {
    position: relative;
    z-index: 0
}

.lawyer-counterup-area:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    content: "";
    background-color: var(--political-color);
    opacity: .6
}

.lawyer-home-counterup-item .icon {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 15px;
    color: #fff
}

.lawyer-home-counterup-item {
    text-align: center
}

.lawyer-home-counterup-item .count-wrap {
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    color: #fff
}

.lawyer-home-counterup-item .title {
    font-size: 16px;
    line-height: 20px;
    margin-top: 10px;
    color: rgba(255, 255, 255, .8)
}

.political-single-event-item-wrap {
    display: flex;
    margin-bottom: 30px
}

.political-single-event-item-wrap .content {
    padding: 30px
}

.political-single-event-item-wrap .thumb {
    width: 50%;
    position: relative
}

.political-single-event-item-wrap .thumb .time-wrap.style-1 {
    background-color: #00b3f6
}

.political-single-event-item-wrap .thumb .time-wrap.style-2 {
    background-color: #ff872a
}

.political-single-event-item-wrap .thumb .time-wrap {
    position: absolute;
    left: 10px;
    top: 10px;
    text-align: center;
    width: 60px;
    height: 60px;
    background-color: var(--political-color);
    font-weight: 700;
    border-radius: 3px;
    line-height: 26px;
    font-size: 18px;
    color: #fff
}

.political-single-event-item-wrap .thumb .time-wrap span {
    display: block
}

.political-single-event-item-wrap .content .title {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px
}

.political-single-event-item-wrap .content .description {
    margin-bottom: 20px
}

.political-single-event-item-wrap .content ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.political-single-event-item-wrap .content ul li+li {
    margin-top: 10px
}

.political-single-event-item-wrap .content ul li i {
    color: var(--political-color)
}

.political-single-event-item-wrap .thumb .time-wrap .date {
    margin-bottom: 0;
    line-height: 16px;
    padding-top: 12px
}

.logistic-single-testimonial-item.political-home {
    background-color: #fff;
    position: relative
}

.logistic-single-testimonial-item.political-home i {
    color: var(--political-color)
}

.logistic-single-testimonial-item.political-home .content .author-details {
    border-color: var(--political-color)
}

.logistic-single-testimonial-item.political-home:before {
    position: absolute;
    right: 0;
    top: 0;
    width: 200px;
    content: "";
    background-color: var(--political-color);
    height: 100%
}

.single-portfolio-blog-grid.political-home .thumb .time-wrap {
    background-color: var(--political-color)
}

.single-portfolio-blog-grid.political-home .content {
    padding: 0;
    background-color: transparent;
    padding-top: 50px
}

.single-portfolio-blog-grid.political-home .content .title {
    color: var(--heading-color)
}

.single-portfolio-blog-grid.political-home .content p {
    color: var(--paragraph-color)
}

.single-portfolio-blog-grid.political-home .content .readmore {
    color: var(--political-color);
    text-decoration: none
}

.header-area .title {
    font-weight: 700
}

.lawyer-about-area .left-content-area .title {
    font-weight: 700
}

@media only screen and (max-width: 575px) {
    .header-area.header-bg {
        background-size: contain;
        background-repeat: no-repeat;
        padding-top: 0;
        z-index: 0;
    }
}

@media only screen and (max-width: 991px) {
    .header-style-03.header-variant-11 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:before {
        top: 25px;
        right: 20px;
        color: var(--heading-color)
    }
    .header-area.political-home .left-image-wrap {
        display: none
    }
    .header-style-03.header-variant-11 .navbar-area .nav-container .navbar-collapse .navbar-nav li a {
        color: var(--heading-color)
    }
    .header-style-03.header-variant-11 .mobile-cart a {
        display: inline-block;
        position: absolute;
        right: 80px;
        top: 15px
    }
    .header-area.political-home {
        padding: 180px 0 220px
    }
    .lawyer-about-area .left-content-area {
        margin-bottom: 40px
    }
    .lawyer-home-counterup-item {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 599px) {
    .political-feature-list {
        flex-wrap: wrap
    }
    .lawyer-about-area .left-content-area {
        margin-right: 0
    }
    .lawyer-about-area .left-content-area .title {
        font-size: 42px;
        line-height: 46px
    }
}

@media only screen and (max-width: 414px) {
    .logistic-single-testimonial-item.political-home:before {
        display: none
    }
    .lawyer-about-area .left-content-area .title {
        font-size: 36px;
        line-height: 45px
    }
    .political-cta-area-wrapper .title {
        font-size: 36px;
        line-height: 46px
    }
}

@media only screen and (max-width: 330px) {
    .header-style-03.header-variant-11 .navbar-area .nav-container .responsive-mobile-menu .logo-wrapper {
        max-width: 140px
    }
}

.header-style-03.header-variant-12 {
    position: relative;
    z-index: inherit
}

.header-style-03.header-variant-12 .navbar-area {
    position: absolute;
    left: 0;
    top: auto;
    z-index: 2;
    width: 100%
}

.header-style-03.header-variant-12 .logo img {
    max-width: 180px
}

.header-style-03.header-variant-12 .navbar-area .nav-container .nav-right-content ul li.cart .pcount {
    color: #fff;
    background-color: var(--medical-color)
}

.header-style-03.header-variant-12 .navbar-area .nav-container .mobile-cart a .pcount {
    color: var(--medical-color)
}

.header-style-03.header-variant-12 .navbar-area .nav-container {
    -webkit-box-shadow: 0 6px 15px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 10px 15px 0 rgb(0 0 0 / 10%);
    padding: 0 30px;
    border-radius: 0;
    margin-top: 10px
}

.header-area.medical-home {
    background-color: var(--medical-color)
}

.header-area.medical-home .title {
    font-weight: 700
}

.header-area.medical-home .right-image-wrap {
    position: absolute;
    right: 5%;
    top: 15%
}

.header-area.medical-home .btn-wrapper .boxed-btn.medical {
    background-color: var(--medical-two-color)
}

.header-area.medical-home .btn-wrapper .boxed-btn.medical:hover {
    background-color: transparent
}

.header-area.medical-home .btn-wrapper .boxed-btn.medical.blank {
    background-color: transparent
}

.header-area.medical-home .btn-wrapper .boxed-btn.medical.blank:hover {
    background-color: var(--medical-two-color);
    border-color: var(--medical-two-color);
    color: #fff
}

.header-area.medical-home .bottom-image-shape {
    position: absolute;
    bottom: -2px;
    left: 0
}

.header-area.medical-home {
    padding: 285px 0 450px
}

.header-area.medical-home .shape {
    position: absolute;
    z-index: -1
}

.header-area.medical-home .shape.image-1 {
    left: -100px;
    top: 15%
}

.header-area.medical-home .shape.image-2 {
    right: 5%;
    top: 24%
}

.header-area.medical-home .shape.image-3 {
    bottom: 10%;
    left: 30%
}

.medical-about-area .subtitle {
    font-size: 16px;
    line-height: 20px;
    color: var(--medical-color);
    margin-bottom: 20px;
    display: block;
    font-weight: 700
}

.medical-about-area .title {
    font-size: 45px;
    line-height: 55px;
    font-weight: 700;
    margin-bottom: 30px
}

.boxed-btn.medical-home {
    background-color: var(--medical-two-color);
    font-weight: 700
}

.boxed-btn.medical-home:hover {
    background-color: var(--medical-color)
}

.medical-about-area .right-content-arae {
    text-align: right
}

.medical-about-area .right-content-area {
    text-align: right;
    position: relative
}

.medical-about-area .right-content-area img {
    border-radius: 25px
}

.medical-about-area .right-content-area .image-wapper img {
    border: 10px solid #fff
}

.medical-about-area .right-content-area .image-wrapper {
    position: absolute;
    right: 0;
    top: 0
}

.medical-about-area .right-content-area .image-wapper {
    position: absolute;
    left: 0;
    bottom: -30px
}

.medical-about-area .right-content-area .image-wapper .vdo-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff
}

.medical-about-area .right-content-area .image-wapper .vdo-btn .video-play-btn {
    color: #fff;
    background-color: var(--medical-two-color)
}

.medical-about-area .right-content-area .image-wapper .vdo-btn .video-play-btn:before {
    background-color: var(--medical-two-color)
}

.medical-about-area .left-content-area {
    padding-right: 80px
}

.section-title.medical-home .subtitle {
    text-transform: capitalize;
    font-weight: 700;
    color: var(--medical-color)
}

.political-single-what-we-cover-item .content {
    padding: 20px;
    text-align: center;
    padding-top: 40px
}

.political-single-what-we-cover-item .content .title {
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 15px
}

.political-single-what-we-cover-item .thumb {
    position: relative
}

.political-single-what-we-cover-item .thumb .icon {
    position: absolute;
    left: 50%;
    bottom: -25px;
    width: 60px;
    height: 60px;
    background-color: var(--medical-two-color);
    text-align: center;
    line-height: 60px;
    border-radius: 50%;
    color: #fff;
    font-size: 30px;
    transform: translateX(-50%);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2)
}

.political-single-what-we-cover-item .thumb .icon.style-1 {
    background-color: #62b5fc
}

.political-single-what-we-cover-item .thumb .icon.style-2 {
    background-color: #8876ff
}

.political-single-what-we-cover-item .thumb .icon.style-3 {
    background-color: #55b56a
}

.political-single-what-we-cover-item .thumb .icon.style-4 {
    background-color: #04d2c8
}

.political-single-what-we-cover-item .thumb .icon.style-5 {
    background-color: #4582ff
}

.political-single-what-we-cover-item .thumb .icon.style-6 {
    background-color: #fb0
}

.appointment-inner-area {
    background-color: var(--medical-color);
    padding: 60px 80px;
    display: flex;
    justify-content: space-between;
    border-radius: 40px
}

.appointment-inner-area .left-content-area {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 40px
}

.appointment-inner-area .right-content-area {
    width: 50%;
    padding-left: 60px
}

.appointment-inner-area .left-content-area .title {
    font-size: 46px;
    line-height: 50px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 30px
}

.appointment-inner-area .left-content-area .subtitle {
    font-size: 16px;
    line-height: 26px;
    color: #fff
}

.appointment-inner-area .left-content-area .description,
.appointment-inner-area .left-content-area .description * {
    color: rgba(255, 255, 255, .8)
}

.appointment-inner-area .left-content-area .helpline {
    font-size: 25px;
    line-height: 40px;
    color: #fff;
    font-weight: 700;
    margin-top: 20px
}

.appointment-inner-area .right-content-area .contact-page-form .form-control {
    background-color: #fff;
    border: none;
    font-size: 14px;
    padding: 10px
}

.appointment-inner-area .right-content-area .contact-page-form .textarea .form-control {
    max-height: 100px
}

.appointment-inner-area .right-content-area .contact-page-form label {
    color: #fff;
    font-weight: 700
}

.appointment-inner-area .right-content-area .contact-page-form .file .help-info {
    color: #fff;
    opacity: .6
}

.appointment-inner-area .right-content-area .contact-page-form .file .form-control {
    background-color: transparent
}

.appointment-inner-area .boxed-btn.medical-home {
    border-radius: 3px
}

.appointment-inner-area .boxed-btn.medical-home:hover {
    background-color: #fff;
    color: var(--heading-color)
}

.medical-section-bg-color {
    background-color: #f4f5fa
}

.medical-home-counterup-item {
    display: flex
}

.medical-home-counterup-item .icon {
    margin-right: 30px;
    font-size: 40px;
    line-height: 50px;
    color: var(--medical-color);
    position: relative
}

.medical-home-counterup-item .content .count-wrap {
    font-size: 36px;
    line-height: 46px;
    font-weight: 700;
    color: var(--heading-color)
}

.medical-home-counterup-item .content .title {
    font-size: 16px;
    line-height: 20px;
    opacity: .6
}

.medical-home-counterup-item .style-1.icon {
    color: #fc6285
}

.medical-home-counterup-item .style-1.icon:before {
    background-color: #fc6285
}

.medical-home-counterup-item .style-2.icon {
    color: #8876ff
}

.medical-home-counterup-item .style-2.icon:before {
    background-color: #8876ff
}

.medical-home-counterup-item .style-3.icon {
    color: #55b56a
}

.medical-home-counterup-item .style-3.icon:before {
    background-color: #55b56a
}

.medical-home-counterup-item .icon:before {
    position: absolute;
    left: 10px;
    top: 15px;
    width: 40px;
    height: 40px;
    background-color: var(--medical-color);
    border-radius: 50%;
    opacity: .2;
    content: "";
    transition: all .3s
}

.medical-counterup-area.medical-section-bg-color {
    padding-top: 250px;
    margin-top: -160px
}

.medical-home-counterup-item:hover .icon:before {
    width: 60px;
    height: 60px;
    top: 0;
    left: 0
}

.appointment-inner-area .right-content-area .error-message span {
    color: #fff !important
}

.medical-team-single-item .content .title {
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 0;
    text-transform: capitalize
}

.medical-team-single-item .content {
    text-align: center;
    padding-top: 20px
}

.medical-team-single-item .content span {
    font-size: 16px;
    line-height: 20px
}

.medical-team-single-item .content .social-icons {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 10px
}

.medical-team-single-item .content .social-icons li {
    display: inline-block
}

.medical-team-single-item .content .social-icons li+li {
    margin-left: 10px
}

.medical-team-single-item .content .social-icons li a {
    transition: all .3s
}

.medical-team-single-item .content .social-icons li a:hover {
    color: var(--medical-color)
}

.const-single-case-study-style-02.lawyer-home .cart-icon {
    background-image: linear-gradient(8deg, #000, transparent)
}

.const-single-case-study-style-02 .cart-icon {
    background-image: url(../img/shape/case-study-shape.svg);
    background-repeat: no-repeat;
    background-position: bottom left
}

.const-single-case-study-style-02 .title:hover {
    color: var(--medical-two-color)
}

.const-single-case-study-style-02 .title {
    font-size: 26px;
    line-height: 30px
}

.logistic-single-testimonial-item.medical-home .content i {
    color: var(--medical-color)
}

.logistic-single-testimonial-item.medical-home {
    background-color: #f4f5fa
}

.logistic-single-testimonial-item.medical-home .content .author-details {
    border-left-color: var(--medical-color)
}

.single-portfolio-blog-grid.medical-home .content {
    background-color: transparent;
    padding: 20px 0 0 0
}

.single-portfolio-blog-grid.medical-home .thumb img {
    border-radius: 15px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2)
}

.single-portfolio-blog-grid.medical-home .thumb .time-wrap {
    bottom: 20px;
    background-color: var(--medical-color)
}

.single-portfolio-blog-grid.medical-home .content .title:hover {
    color: var(--medical-two-color)
}

.single-portfolio-blog-grid.medical-home .content .title {
    color: var(--heading-color)
}

.single-portfolio-blog-grid.medical-home .content .readmore {
    color: var(--paragraph-color);
    text-decoration: none;
    transition: all .3s
}

.appointment-single-item.medical-home .content .location i,
.single-portfolio-blog-grid.medical-home .content .readmore:hover {
    color: var(--medical-color)
}

.appointment-single-item.medical-home .thumb .cat {
    background-color: var(--medical-color)
}

.appointment-single-item.medical-home .content .designation:before {
    background-color: var(--medical-two-color)
}

.appointment-single-item.medical-home .content .designation {
    color: var(--medical-two-color)
}

.appointment-single-item.medical-home .content .boxed-btn:hover {
    opacity: .8
}

.appointment-single-item.medical-home .content .boxed-btn {
    min-width: auto;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    background-color: var(--medical-color);
    padding: 5px 20px
}

.appointment-single-item.medical-home .thumb .cat:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--medical-color);
    opacity: .2;
    content: ""
}

.appointment-single-item.medical-home .thumb .cat {
    color: #333;
    background-color: transparent
}

@media only screen and (min-width: 1201px) and (max-width: 1366px) {
    .header-area.medical-home .right-image-wrap {
        right: -5%;
        top: 2%
    }
    .header-area.medical-home {
        padding: 285px 0 350px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .header-area.medical-home .right-image-wrap {
        right: -15%;
        top: 15%
    }
}

@media only screen and (max-width: 991px) {
    .header-style-03.header-variant-12 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:before {
        top: 25px;
        right: 20px
    }
    .header-style-03.header-variant-12 .mobile-cart a {
        color: var(--heading-color)
    }
    .header-style-03.header-variant-12 .mobile-cart a .pcount {
        color: #fff !important
    }
    .header-area.medical-home .right-image-wrap {
        display: none
    }
    .medical-about-area .left-content-area {
        padding-right: 0;
        margin-bottom: 40px
    }
    .appointment-inner-area {
        padding: 40px;
        display: block
    }
    .appointment-inner-area div {
        width: 100% !important
    }
    .appointment-inner-area .right-content-area {
        padding-left: 0;
        margin-top: 40px
    }
    .medical-home-counterup-item {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 767px) {
    .header-area.medical-home {
        padding: 185px 0 250px
    }
    .appointment-inner-area .left-content-area .title {
        font-size: 42px
    }
}

@media only screen and (max-width: 414px) {
    .header-area.medical-home {
        padding: 185px 0 150px
    }
}

@media only screen and (max-width: 330px) {
    .header-style-03.header-variant-12 .logo img {
        max-width: 130px
    }
    .medical-about-area .title {
        font-size: 36px;
        line-height: 44px
    }
    .appointment-inner-area {
        padding: 20px 40px
    }
    .appointment-inner-area .left-content-area {
        padding-right: 0
    }
    .appointment-inner-area .left-content-area .title {
        font-size: 36px
    }
    .appointment-inner-area .left-content-area .helpline {
        font-size: 18px;
        margin-top: 10px
    }
    .header-style-03.header-variant-12 .navbar-area .nav-container {
        padding: 0 10px
    }
    .header-style-03.header-variant-12 .mobile-cart a {
        display: inline-block;
        position: absolute;
        right: 79px;
        top: 15px
    }
}

.cdesign-home.header-slider-wrapper {
    background-size: cover
}

.header-style-03.header-variant-14 .navbar-area .nav-container {
    box-shadow: none;
    background-color: transparent
}

.header-slider-wrapper.cdesign-home {
    z-index: 0
}

.header-style-03.header-variant-14 .navbar-area {
    position: absolute;
    left: 0;
    top: auto;
    width: 100%;
    z-index: 1
}

.header-style-03.header-variant-14 {
    z-index: inherit
}

.header-style-03.header-variant-14 .navbar-area .nav-container .logo-wrapper img {
    max-width: 180px
}

.header-area.cdesign-agency-home .right-image-wrap {
    position: absolute;
    right: -6%;
    top: 5%;
    z-index: -1
}

.header-area.cdesign-agency-home .title {
    color: var(--heading-color);
    font-weight: 700
}

.header-area.cdesign-agency-home .description {
    color: var(--paragraph-color)
}

.btn-dagency {
    display: inline-block;
    background-color: var(--dagency-color);
    border-radius: 30px;
    transition: all .3s;
    padding: 10px 12px 10px 30px;
    color: #fff
}

.btn-dagency:hover {
    color: #fff;
    background-color: var(--secondary-color)
}

.btn-dagency i {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 35px;
    background-color: #fff;
    color: var(--dagency-color);
    margin-left: 20px;
    padding: 0;
    border-radius: 50%
}

.navbar-area .nav-container .nav-right-content ul li.cart .pcount {
    color: #fff
}

.section-title.dagency-home .subtitle {
    text-transform: capitalize
}

.single-dagency-service-item {
    text-align: center;
    position: relative;
    margin-bottom: 80px
}

.single-dagency-service-item .icon {
    width: 80px;
    height: 80px;
    background-color: var(--dagency-color);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
    border: 2px solid #fff;
    font-size: 35px;
    color: #fff;
    line-height: 80px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: -40px;
    transform: translateX(-50%)
}

.single-dagency-service-item .content {
    background-color: #f4f5fa;
    padding: 65px 30px 30px;
    border-radius: 20px
}

.single-dagency-service-item .content .title {
    font-size: 20px;
    font-weight: 700
}

.single-dagency-service-item .content p {
    margin-bottom: 0
}

.single-dagency-service-item .icon.style-1 {
    background-color: #ff8947
}

.single-dagency-service-item .icon.style-2 {
    background-color: #5bcc9f
}

.single-dagency-service-item .icon.style-3 {
    background-color: #007aff
}

.single-dagency-service-item .icon.style-4 {
    background-color: #847bee
}

.single-dagency-service-item .icon.style-5 {
    background-color: #49ccff
}

.single-dagency-service-item .icon.style-6 {
    background-color: #fd799e
}

.case-studies-menu.style-01 li.active,
.section-title.dagency-home .subtitle {
    color: var(--dagency-color)
}

.single-case-studies-item:after,
.single-case-studies-item:before {
    background-color: var(--dagency-color);
    opacity: .5
}

.dagency-cta-area {
    background-color: #f4f5fa;
    position: relative
}

.dagency-cta-area .left-content-area .title {
    font-size: 46px;
    line-height: 56px;
    font-weight: 700;
    margin-bottom: 20px
}

.dagency-cta-area .right-image-area {
    position: absolute;
    right: 0;
    top: -65px
}

.cagency-counterup-item.dagency-home .number::after {
    left: 30%
}

.cagency-counterup-item.dagency-home {
    text-align: center
}

.cagency-single-testimonial-item.dagency-home i {
    color: var(--dagency-color)
}

.dagency-bg-color {
    background-color: #f4f5fa
}

.single-portfolio-blog-grid.dagency-home .content {
    background-color: transparent;
    padding: 50px 0 0 0
}

.single-portfolio-blog-grid.dagency-home .content .title {
    color: var(--heading-color)
}

.single-portfolio-blog-grid.dagency-home .thumb .time-wrap {
    background-color: var(--dagency-color)
}

.dagency-info-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.dagency-info-list li+li {
    margin-top: 30px
}

.dagency-info-list li {
    display: flex
}

.dagency-info-list li .icon {
    font-size: 40px;
    line-height: 50px;
    color: var(--dagency-color);
    margin-right: 20px
}

.dagency-info-list li .content .title {
    font-size: 18px;
    font-weight: 600;
    line-height: 20px
}

.dagency-info-list li .content .details {
    display: block;
    color: var(--paragraph-color)
}

.dagency-news-area .contact-form-wrap .form-control {
    border: 1px solid #e2e2e2;
    border-radius: 25px;
    padding: 10px 20px;
    height: 50px
}

.dagency-news-area .contact-form-wrap textarea.form-control {
    min-height: 150px
}

.dagency-news-area .contact-form-wrap {
    margin-right: 80px
}

@media only screen and (min-width: 1201px) and (max-width: 1366px) {
    .header-area.cdesign-agency-home .right-image-wrap {
        right: -18%;
        top: 10%
    }
    .dagency-cta-area .right-image-area {
        right: -20%
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .dagency-cta-area .right-image-area,
    .header-area.cdesign-agency-home .right-image-wrap {
        display: none
    }
}

@media only screen and (max-width: 991px) {
    .header-style-03.header-variant-14 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:before {
        top: 25px;
        right: 20px
    }
    .header-style-03.header-variant-14 .mobile-cart a {
        color: var(--heading-color)
    }
    .dagency-cta-area .right-image-area,
    .header-area.cdesign-agency-home .right-image-wrap {
        display: none
    }
    .dagency-info-list {
        margin-top: 40px
    }
}

@media only screen and (max-width: 414px) {
    .header-area.cdesign-agency-home .title {
        font-size: 36px;
        line-height: 50px;
        margin-bottom: 15px
    }
    .dagency-cta-area .left-content-area .title {
        font-size: 40px;
        line-height: 50px
    }
    .cagency-counterup-item.dagency-home .number::after {
        left: 40%
    }
    .cagency-counterup-item {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }
}

@media only screen and (max-width: 330px) {
    .header-variant-14 .navbar-area .nav-container {
        margin: 0
    }
    .header-style-03.header-variant-14 .navbar-area .nav-container .logo-wrapper img {
        max-width: 130px
    }
    .header-style-03.header-variant-14 .mobile-cart a {
        display: inline-block;
        position: absolute;
        right: 80px;
        top: 15px
    }
}

.header-style-03.header-variant-15 .navbar-area {
    position: absolute;
    left: 0;
    top: auto;
    width: 100%
}

.header-style-03.header-variant-15 .navbar-area .nav-container {
    box-shadow: none;
    background-color: transparent
}

.header-style-03.header-variant-15 .navbar-area .nav-container .logo-wrapper img {
    max-width: 180px
}

.header-style-03.header-variant-15 .mobile-cart a .pcount,
.header-style-03.header-variant-15 .navbar-area .nav-container .nav-right-content ul li.cart .pcount {
    color: #fff
}

.header-slider-wrapper.fruits-home {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover
}

.header-slider-wrapper.fruits-home .right-image-wrap {
    position: absolute;
    right: 1%;
    top: 15%;
    z-index: -1
}

.header-area.fruits-home .title {
    color: var(--fruits-heading-color);
    font-weight: 700
}

.header-area.fruits-home {
    padding: 225px 0 420px
}

.header-area.fruits-home .description {
    color: var(--paragraph-color);
    line-height: 30px;
    font-size: 18px
}

.btn-fruits {
    display: inline-block;
    background-color: var(--fruits-color);
    border-radius: 30px;
    transition: all .3s;
    padding: 10px 12px 10px 30px;
    color: #fff;
    font-weight: 700
}

.btn-fruits:hover {
    color: #fff;
    background-color: var(--secondary-color)
}

.btn-fruits i {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 35px;
    background-color: #fff;
    color: var(--fruits-color);
    margin-left: 20px;
    padding: 0;
    border-radius: 50%
}

.header-style-03.header-variant-15 {
    z-index: 2
}

.offer-item-wrap {
    background-color: #fafafa;
    border-radius: 10px;
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 40px
}

.offer-item-wrap .title {
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    color: var(--fruits-heading-color);
    margin-bottom: 10px
}

.offer-item-wrap p {
    font-size: 20px;
    line-height: 30px;
    color: var(--fruits-color)
}

.offer-item-wrap .offer-btn {
    display: inline-block;
    margin-top: 20px;
    transition: all .3s;
    color: var(--fruits-color);
    font-weight: 700;
    position: relative
}

.offer-item-wrap .offer-btn:hover {
    opacity: .8
}

.offer-item-wrap .content-warp {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.offer-item-wrap .offer-btn:after {
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 80px;
    height: 2px;
    background-color: var(--fruits-color);
    content: ""
}

.section-title.fruits-home .subtitle {
    color: var(--fruits-color);
    text-transform: capitalize;
    font-size: 18px;
    position: relative;
    padding: 6px 20px;
    margin-bottom: 20px
}

.section-title.fruits-home .subtitle:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--fruits-color);
    content: "";
    opacity: .1
}

.section-title.fruits-home .title {
    font-size: 50px;
    line-height: 60px;
    font-weight: 700;
    color: var(--fruits-heading-color)
}

.single-fruit-product-item .thumb {
    position: relative;
    background-color: #f6f6f6
}

.single-fruit-product-item .tag {
    position: absolute;
    left: 2px;
    top: 2px;
    background-color: var(--fruits-color);
    font-weight: 700;
    font-size: 14px;
    padding: 2px 5px;
    color: #fff
}

.single-fruit-product-item .content {
    padding: 20px;
    text-align: center
}

.single-fruit-product-item .content .title {
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    margin-bottom: 20px
}

.single-fruit-product-item:hover .thumb .addtocart {
    visibility: visible;
    opacity: 1
}

.single-fruit-product-item .thumb .addtocart {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--fruits-color);
    border-radius: 15px;
    padding: 5px 8px;
    min-width: 130px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    transition: all .4s;
    visibility: hidden;
    opacity: 0
}

.single-fruit-product-item .thumb .addtocart:hover {
    opacity: .8
}

.single-fruit-product-item .price-wrap {
    font-weight: 700;
    font-size: 18px;
    color: var(--fruits-color);
    margin-bottom: 10px
}

.single-fruit-product-item .price-wrap .del-price {
    opacity: .6
}

.logistic-dots.fruits-home .owl-dots div.active {
    background-color: var(--fruits-color)
}

.process-area-wrap .shape {
    position: absolute
}

.process-area-wrap {
    background-repeat: no-repeat;
    background-position: center;
    position: relative
}

.single-process-item-fruit-home {
    text-align: center
}

.single-process-item-fruit-home .icon {
    font-size: 70px;
    line-height: 230px;
    color: var(--fruits-color);
    background-image: url(../img/shape/process-circle.svg);
    width: 200px;
    height: 200px;
    position: relative;
    margin: 0 auto 30px
}

.single-process-item-fruit-home .icon .number {
    font-size: 16px;
    display: inline-block;
    background-color: var(--fruits-color);
    border-radius: 50%;
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-weight: 700;
    color: #fff;
    position: absolute;
    bottom: 20px;
    right: 12px
}

.single-process-item-fruit-home .title {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    margin-bottom: 10px
}

.process-area-wrap .shape.right-image {
    right: -8%;
    top: -60px
}

.process-area-wrap .shape.left-image {
    bottom: -80px;
    left: -8%
}

.boxed-btn.fruits-home:hover {
    background-color: var(--secondary-color)
}

.boxed-btn.fruits-home {
    background-color: var(--fruits-color)
}

.fruits-testimonial-area {
    background-repeat: no-repeat;
    background-size: contain;
    position: relative
}

.fruits-testimonial-area .shape-image {
    position: absolute
}

.fruits-testimonial-area .shape-image.left-wrap {
    left: -10%;
    top: 0
}

.fruits-testimonial-area .shape-image.right-wrap {
    right: -10%;
    top: -10%
}

.fruits-home-single-testimonial-item {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
    padding: 60px
}

.fruits-home-single-testimonial-item .author-details {
    display: flex;
    color: var(--fruits-color)
}

.fruits-home-single-testimonial-item .author-details .content {
    flex: 1
}

.fruits-home-single-testimonial-item .author-details .thumb img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-right: 20px
}

.fruits-home-single-testimonial-item .author-details .content .title {
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--fruits-heading-color);
    margin-bottom: 4px
}

.fruits-home-single-testimonial-item .author-details .content .designation {
    font-size: 14px;
    line-height: 20px
}

.fruits-home-single-testimonial-item .author-details .content {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.fruits-home-single-testimonial-item .author-details {
    margin-bottom: 20px
}

.fruits-home-single-testimonial-item {
    margin: 10px
}

.fruits-home-single-testimonial-item .icon {
    font-size: 60px;
    line-height: 60px;
    position: absolute;
    right: 60px;
    bottom: 30px;
    color: var(--fruits-color);
    opacity: .2
}

.fruits-home-single-testimonial-item .description {
    font-size: 20px;
    line-height: 32px
}

.single-top-selling-product .img-wrapper {
    margin-right: 20px
}

.single-top-selling-product {
    display: flex;
    margin-bottom: 20px
}

.single-top-selling-product .img-wrapper img {
    max-width: 100px
}

.single-top-selling-product .content .title:hover {
    color: var(--fruits-color)
}

.single-top-selling-product .content .title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    transition: .3s all
}

.single-top-selling-product .price-wrap {
    font-size: 16px;
    font-weight: 700;
    color: var(--fruits-color);
    margin-bottom: 10px
}

.single-top-selling-product .price-wrap .del-price {
    color: var(--paragraph-color)
}

.rating-wrap .ratings span:after {
    font-size: 10px
}

.rating-wrap .ratings {
    width: 55px
}

.rating-wrap p {
    font-size: 6px;
    margin-bottom: 0
}

.rating-wrap .total-ratings {
    font-size: 14px;
    line-height: 16px
}

.top-selling-product-area .shape {
    position: absolute
}

.top-selling-product-area .shape.left-image {
    position: absolute;
    left: -5%;
    top: 35%
}

.top-selling-product-area {
    position: relative
}

.top-selling-product-area .shape.right-image {
    position: absolute;
    right: -28%;
    top: -14%
}

@media only screen and (min-width: 1201px) and (max-width: 1366px) {
    .header-slider-wrapper.fruits-home .right-image-wrap {
        right: -15%;
        top: 5%
    }
    .process-area-wrap .shape,
    .top-selling-product-area .shape {
        display: none
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .header-slider-wrapper.fruits-home .right-image-wrap,
    .process-area-wrap .shape,
    .top-selling-product-area .shape {
        display: none
    }
}

@media only screen and (max-width: 991px) {
    .header-style-03.header-variant-15 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:before {
        top: 25px;
        right: 20px
    }
    .header-style-03.header-variant-15 .mobile-cart a {
        background-color: transparent;
        color: var(--heading-color)
    }
    .header-slider-wrapper.fruits-home .right-image-wrap,
    .process-area-wrap .shape,
    .top-selling-product-area .shape {
        display: none
    }
    .offer-item-wrap {
        margin-bottom: 30px
    }
    .process-area-wrap {
        background-size: cover
    }
}

@media only screen and (max-width: 767px) {
    .single-process-item-fruit-home {
        margin-bottom: 30px
    }
    .single-fruit-product-item .thumb img {
        width: 100%
    }
    .fruits-testimonial-area .shape-image {
        display: none
    }
}

@media only screen and (max-width: 414px) {
    .offer-item-wrap {
        display: block
    }
    .offer-item-wrap .content-warp {
        margin-bottom: 30px
    }
    .section-title.fruits-home .title {
        font-size: 38px;
        line-height: 50px
    }
}

@media only screen and (max-width: 330px) {
    .header-variant-15 .navbar-area .nav-container {
        margin: 0
    }
    .header-style-03.header-variant-15 .navbar-area .nav-container .logo-wrapper img {
        max-width: 140px
    }
    .header-area.fruits-home {
        padding: 130px 0 20px
    }
    .fruits-home-single-testimonial-item {
        padding: 20px
    }
    .section-title.fruits-home .title {
        font-size: 32px;
        line-height: 40px
    }
}

.header-slider-wrapper.cleaning-home {
    position: relative;
    z-index: 0
}

.header-style-03.header-variant-16 .navbar-area {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.header-style-03.header-variant-16 {
    z-index: 1
}

.header-style-03.header-variant-16 .navbar-area .nav-container {
    box-shadow: none;
    border-radius: 0;
    background-color: transparent
}

.header-style-03.header-variant-16 .navbar-area .nav-container .logo-wrapper img {
    max-width: 180px
}

.header-style-03.header-variant-16 .mobile-cart a .pcount,
.header-style-03.header-variant-16 .navbar-area .nav-container .nav-right-content ul li.cart .pcount {
    color: #fff;
    background-color: var(--cleaning-color)
}

.header-variant-16 .navbar-area .nav-container .navbar-collapse .navbar-nav li {
    color: rgba(255, 255, 255, .8)
}

.header-slider-wrapper.cleaning-home .right-image-wrap {
    position: absolute;
    right: -20%;
    top: -5%;
    z-index: -1
}

.header-area.cleaning-home .header-inner .title {
    font-weight: 700;
    color: var(--heading-color);
    line-height: 70px;
    font-size: 65px
}

.header-area.cleaning-home .header-inner .description {
    color: var(--paragraph-color)
}

.btn-boxed.cleaning-home {
    border-radius: 30px;
    background-color: var(--cleaning-color);
    color: var(--heading-color);
    font-weight: 700;
    padding: 12px 30px
}

.btn-boxed.cleaning-home:hover {
    background-color: var(--secondary-color);
    color: #fff
}

.header-area.cleaning-home {
    padding: 280px 0 380px
}

.cleaning-about-area-wrap .right-content-wrap .title {
    font-size: 46px;
    line-height: 56px;
    font-weight: 700;
    margin-bottom: 20px
}

.cleaning-about-area-wrap .right-content-wrap .subtitle {
    font-size: 16px;
    line-height: 26px;
    font-weight: 700;
    color: var(--cleaning-two-color);
    margin-bottom: 10px;
    display: block
}

.cleaning-about-area-wrap .right-content-wrap .paragraph {
    line-height: 30px
}

.cleaning-about-area-wrap .right-content-wrap {
    margin-left: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.section-title.cleaning-home .subtitle {
    color: var(--cleaning-two-color);
    text-transform: capitalize
}

.single-cleaning-service-item .thumb {
    position: relative
}

.single-cleaning-service-item .thumb .icon {
    position: absolute;
    left: 20px;
    bottom: -30px;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    background-color: var(--cleaning-color);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    border: 3px solid #fff;
    border-radius: 50%;
    font-size: 30px;
    color: var(--heading-color)
}

.single-cleaning-service-item .content {
    padding: 50px 20px 0 20px
}

.single-cleaning-service-item .content .title:hover {
    color: var(--cleaning-color)
}

.single-cleaning-service-item .content .title {
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 10px;
    transition: all .3s
}

.single-cleaning-service-item {
    margin-bottom: 40px
}

.estimate-area-wrap.cleaning-home .top-part {
    background-color: var(--cleaning-two-color)
}

.estimate-area-wrap.cleaning-home .top-part .left-content-wrap .title {
    font-size: 45px;
    line-height: 60px;
    font-weight: 700;
    color: #fff
}

.estimate-area-wrap.cleaning-home .top-part .left-content-wrap {
    padding-right: 100px
}

.estimate-form-wrapper {
    padding: 40px;
    background-color: var(--cleaning-color);
    margin-bottom: -199px
}

.estimate-form-wrapper .title {
    font-size: 36px;
    line-height: 46px;
    text-align: center;
    margin-bottom: 30px;
    font-weight: 700
}

.estimate-form-wrapper .form-control {
    border: none;
    border-radius: 0;
    padding: 10px 20px
}

.estimate-form-wrapper .form-control:focus {
    outline: 0;
    box-shadow: none
}

.estimate-form-wrapper textarea.form-control {
    max-height: 100px;
    resize: none
}

.estimate-form-wrapper .submit-btn:focus {
    outline: 0
}

.header-slider-wrapper.cleaning-home {
    position: relative;
    z-index: 0
}

.header-style-03.header-variant-16 .navbar-area {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.header-style-03.header-variant-16 {
    z-index: 1
}

.header-style-03.header-variant-16 .navbar-area .nav-container {
    box-shadow: none;
    border-radius: 0;
    background-color: transparent
}

.header-style-03.header-variant-16 .navbar-area .nav-container .logo-wrapper img {
    max-width: 180px
}

.header-style-03.header-variant-16 .mobile-cart a .pcount,
.header-style-03.header-variant-16 .navbar-area .nav-container .nav-right-content ul li.cart .pcount {
    color: #fff;
    background-color: var(--cleaning-color)
}

.header-variant-16 .navbar-area .nav-container .navbar-collapse .navbar-nav li {
    color: rgba(255, 255, 255, .8)
}

.header-slider-wrapper.cleaning-home .right-image-wrap {
    position: absolute;
    right: -20%;
    top: -5%;
    z-index: -1
}

.header-area.cleaning-home .header-inner .title {
    font-weight: 700;
    color: var(--heading-color);
    line-height: 70px;
    font-size: 65px
}

.header-area.cleaning-home .header-inner .description {
    color: var(--paragraph-color)
}

.btn-boxed.cleaning-home {
    border-radius: 30px;
    background-color: var(--cleaning-color);
    color: var(--heading-color);
    font-weight: 700;
    padding: 12px 30px
}

.btn-boxed.cleaning-home:hover {
    background-color: var(--secondary-color);
    color: #fff
}

.header-area.cleaning-home {
    padding: 280px 0 380px
}

.cleaning-about-area-wrap .right-content-wrap .title {
    font-size: 46px;
    line-height: 56px;
    font-weight: 700;
    margin-bottom: 20px
}

.cleaning-about-area-wrap .right-content-wrap .subtitle {
    font-size: 16px;
    line-height: 26px;
    font-weight: 700;
    color: var(--cleaning-two-color);
    margin-bottom: 10px;
    display: block
}

.cleaning-about-area-wrap .right-content-wrap .paragraph {
    line-height: 30px
}

.cleaning-about-area-wrap .right-content-wrap {
    margin-left: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.section-title.cleaning-home .subtitle {
    color: var(--cleaning-two-color);
    text-transform: capitalize
}

.single-cleaning-service-item .thumb {
    position: relative
}

.single-cleaning-service-item .thumb .icon {
    position: absolute;
    left: 20px;
    bottom: -30px;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    background-color: var(--cleaning-color);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    border: 3px solid #fff;
    border-radius: 50%;
    font-size: 30px;
    color: var(--heading-color)
}

.single-cleaning-service-item .content {
    padding: 50px 20px 0 20px
}

.single-cleaning-service-item .content .title:hover {
    color: var(--cleaning-color)
}

.single-cleaning-service-item .content .title {
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 10px;
    transition: all .3s
}

.single-cleaning-service-item {
    margin-bottom: 40px
}

.estimate-area-wrap.cleaning-home .top-part {
    background-color: var(--cleaning-two-color)
}

.estimate-area-wrap.cleaning-home .top-part .left-content-wrap .title {
    font-size: 45px;
    line-height: 60px;
    font-weight: 700;
    color: #fff
}

.estimate-area-wrap.cleaning-home .top-part .left-content-wrap {
    padding-right: 100px
}

.estimate-form-wrapper {
    padding: 40px;
    background-color: var(--cleaning-color);
    margin-bottom: -199px
}

.estimate-form-wrapper .title {
    font-size: 36px;
    line-height: 46px;
    text-align: center;
    margin-bottom: 30px;
    font-weight: 700
}

.estimate-form-wrapper .form-control {
    border: none;
    border-radius: 0;
    padding: 10px 20px
}

.estimate-form-wrapper .form-control:focus {
    outline: 0;
    box-shadow: none
}

.estimate-form-wrapper textarea.form-control {
    max-height: 100px;
    resize: none
}

.estimate-form-wrapper .ajax-loading-wrap .sk-fading-circle .sk-circle:before {
    color: var(--cleaning-color)
}

.estimate-form-wrapper .submit-btn:focus {
    outline: 0
}

.estimate-form-wrapper .submit-btn {
    border-radius: 0;
    background-color: var(--cleaning-two-color);
    font-weight: 700;
    border: none
}

.estimate-form-wrapper .submit-btn:hover {
    background-color: #fff;
    color: var(--heading-color)
}

.case-studies-menu.style-01.cleaning-home li.active {
    color: var(--cleaning-color)
}

.single-case-studies-item:hover .content {
    visibility: visible;
    opacity: 1
}

.single-case-studies-item .content {
    position: absolute;
    left: 20px;
    bottom: 20px;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    transition: all .3s
}

.single-case-studies-item .content .title {
    font-size: 20px;
    line-height: 20px;
    font-weight: 700
}

.single-case-studies-item .content .cat-item a {
    color: var(--heading-color);
    opacity: .8
}

.single-case-studies-item .content .cat-item a:hover {
    color: #fff
}

.single-case-studies-item.cleaning-home:after,
.single-case-studies-item.cleaning-home:before {
    background-color: var(--cleaning-color);
    opacity: .5
}

.single-case-studies-item:after,
.single-case-studies-item:before {
    background-color: var(--main-color-one);
    opacity: .5
}

.single-case-studies-item .content .cat-item a:after {
    position: static;
    content: ","
}

.single-case-studies-item .content .cat-item a:last-child:after {
    display: none
}

.cagency-single-testimonial-item.cleaning-home {
    background-color: #fff;
    text-align: left;
    position: relative;
    margin-top: 40px;
    padding-top: 60px
}

.cagency-single-testimonial-item.cleaning-home .author-details {
    justify-content: flex-start
}

.cagency-single-testimonial-item.cleaning-home .icon {
    position: absolute;
    left: 30px;
    top: -30px;
    width: 60px;
    height: 60px;
    background-color: var(--cleaning-color);
    color: #fff;
    border-radius: 50%;
    text-align: center
}

.cagency-single-testimonial-item.cleaning-home .icon i {
    color: var(--heading-color);
    line-height: 60px;
    font-size: 30px
}

.cleaning-counterup-area {
    background-color: var(--cleaning-two-color);
    padding: 60px;
    border-radius: 10px
}

.cleaning-counterup-item {
    text-align: center
}

.cleaning-counterup-item .count-wrap {
    font-size: 36px;
    line-height: 40px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 20px;
    position: relative
}

.cleaning-counterup-item .count-wrap:after {
    position: absolute;
    left: 50%;
    bottom: -14px;
    width: 60px;
    height: 2px;
    background-color: var(--cleaning-color);
    transform: translate(-50%, -50%);
    content: ""
}

.cleaning-counterup-item .title {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    margin-top: 30px
}

.counterup-area.cleaning-home {
    margin-top: -100px
}

.cleaning-home-testimonial-area {
    padding-bottom: 215px
}

.single-portfolio-blog-grid.cleaning-home .thumb .time-wrap {
    background-color: var(--cleaning-color);
    border-radius: 50%;
    height: 60px;
    width: 60px;
    line-height: 60px;
    padding-top: 10px;
    left: 30px
}

.single-portfolio-blog-grid.cleaning-home .thumb .time-wrap span {
    display: block;
    line-height: 19px;
    color: var(--heading-color)
}

.single-portfolio-blog-grid .content {
    background-color: transparent
}

.single-portfolio-blog-grid.cleaning-home .content p {
    color: var(--paragraph-color)
}

.single-portfolio-blog-grid .content .readmore {
    color: var(--cleaning-two-color);
    font-weight: 700
}

.single-portfolio-blog-grid .content .title a {
    font-weight: 600
}

.single-portfolio-blog-grid .content .title a:hover {
    color: var(--cleaning-two-color)
}

.appointment-single-item.cleaning-home .thumb .cat {
    background-color: var(--cleaning-color);
    color: #333
}

.appointment-single-item.cleaning-home .content .designation {
    color: var(--cleaning-two-color)
}

.appointment-single-item.cleaning-home .content .designation:before {
    background-color: var(--cleaning-two-color)
}

.appointment-single-item.cleaning-home .content .boxed-btn {
    display: inline-block;
    background-color: var(--cleaning-color);
    padding: 5px 20px;
    color: #333;
    text-decoration: none
}

@media only screen and (min-width: 1201px) and (max-width: 1366px) {
    .header-slider-wrapper.cleaning-home .right-image-wrap {
        right: -40%
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .header-slider-wrapper.cleaning-home .right-image-wrap {
        display: none
    }
}

@media only screen and (max-width: 991px) {
    .header-slider-wrapper.cleaning-home .right-image-wrap {
        display: none
    }
    .header-area.cleaning-home {
        padding: 180px 0 200px
    }
    .estimate-area-wrap.cleaning-home .client-area {
        margin-top: 280px
    }
    .cleaning-counterup-item {
        margin-bottom: 30px
    }
    .header-variant-16 .navbar-area .nav-container .navbar-collapse .navbar-nav li {
        color: var(--paragraph-color)
    }
    .header-variant-16 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:before {
        top: 25px;
        right: 20px
    }
}

@media only screen and (max-width: 767px) {
    .header-area.cleaning-home .header-inner .title {
        line-height: 60px;
        font-size: 50px
    }
    .estimate-area-wrap.cleaning-home .top-part .left-content-wrap {
        padding: 0;
        margin-bottom: 60px
    }
    .header-variant-16 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:before {
        top: 25px;
        right: 20px
    }
    .cleaning-about-area-wrap .left-content-wrap {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 414px) {
    .header-area.cleaning-home .header-inner .title {
        line-height: 60px;
        font-size: 40px
    }
    .cleaning-about-area-wrap .right-content-wrap {
        margin: 0
    }
    .cleaning-about-area-wrap .right-content-wrap .title {
        font-size: 36px;
        line-height: 36px
    }
    .estimate-area-wrap.cleaning-home .top-part .left-content-wrap .title {
        font-size: 40px;
        line-height: 50px
    }
}

@media only screen and (max-width: 330px) {
    .header-variant-16 .navbar-area .nav-container {
        margin: 0
    }
    .header-style-03.header-variant-16 .navbar-area .nav-container .logo-wrapper img {
        max-width: 140px
    }
    .mobile-cart a {
        top: 15px
    }
    .header-area.cleaning-home .header-inner .title {
        line-height: 50px;
        font-size: 32px
    }
    .header-area.cleaning-home {
        padding: 120px 0 120px
    }
    .cleaning-about-area-wrap .right-content-wrap .title {
        font-size: 32px;
        line-height: 40px
    }
    .estimate-area-wrap.cleaning-home .top-part .left-content-wrap .title {
        font-size: 32px;
        line-height: 42px
    }
    .estimate-form-wrapper .title {
        font-size: 32px;
        line-height: 42px
    }
    .estimate-form-wrapper {
        padding: 20px
    }
}

.header-slider-wrapper.course-home .header-area {
    padding: 350px 0 520px
}

.header-slider-wrapper.course-home {
    position: relative;
    z-index: 0;
    background-repeat: no-repeat
}

.header-slider-wrapper.course-home .right-image-wrap {
    position: absolute;
    right: 5%;
    top: 15%
}

.header-slider-wrapper.course-home .header-inner .title {
    font-weight: 600;
    color: var(--heading-color)
}

.header-slider-wrapper.course-home .header-inner .description {
    color: var(--paragraph-color);
    line-height: 30px
}

.btn-dagency {
    display: inline-block;
    background-color: var(--course-two-color);
    border-radius: 30px;
    transition: all .3s;
    padding: 10px 12px 10px 30px;
    color: #fff;
    cursor: pointer;
    font-weight: 600
}

.btn-dagency:hover {
    color: #fff;
    background-color: var(--secondary-color)
}

.btn-dagency i {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 35px;
    background-color: #fff;
    color: var(--course-two-color);
    margin-left: 20px;
    padding: 0;
    border-radius: 50%
}

.header-style-03.header-variant-17 {
    z-index: 1
}

.header-style-03.header-variant-17 .navbar-area {
    position: absolute;
    left: 0;
    top: auto;
    width: 100%
}

.header-style-03.header-variant-17 .navbar-area .nav-container {
    box-shadow: none;
    background-color: transparent
}

.header-style-03.header-variant-17 .navbar-area .nav-container .logo-wrapper {
    max-width: 180px
}

.header-style-03.header-variant-17 .mobile-cart a,
.header-style-03.header-variant-17 .navbar-area .nav-container .nav-right-content ul li.cart .pcount {
    background-color: var(--course-color);
    color: #fff
}

.header-style-03.header-variant-17 .header-area {
    padding: 325px 0 550px
}

.single-course-category-item .icon i {
    padding-left: 20px
}

.single-course-category-item .icon {
    width: 170px;
    height: 170px;
    line-height: 170px;
    text-align: center;
    font-size: 60px;
    color: var(--course-color);
    background-repeat: no-repeat;
    background-position: center
}

.single-course-category-item .icon.bg-1 {
    color: #8876ff
}

.single-course-category-item .icon.bg-2 {
    color: #ff5790
}

.single-course-category-item .icon.bg-3 {
    color: #4582ff
}

.single-course-category-item .icon.bg-4 {
    color: #f27676
}

.single-course-category-item .icon.bg-5 {
    color: #55b56a
}

.single-course-category-item .icon.bg-6 {
    color: #ffbe43
}

.single-course-category-item .content {
    text-align: center
}

.single-course-category-item .content .title {
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 5px
}

.single-course-category-item .content .count {
    font-size: 14px;
    font-weight: 600
}

.course-category-carousel .owl-nav div:hover {
    background-color: var(--course-color)
}

.course-category-carousel:hover .owl-nav div {
    visibility: visible;
    opacity: 1
}

.course-category-carousel .owl-nav div {
    position: absolute;
    left: -40px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: var(--secondary-color);
    color: #fff;
    visibility: hidden;
    opacity: 0;
    transition: all .3s
}

.course-category-carousel .owl-nav div.owl-next {
    left: auto;
    right: -40px
}

.single-specialities-item.bg-color-1 {
    background-color: #695ac7
}

.single-specialities-item.bg-color-1 .icon {
    background-color: #8876ff
}

.single-specialities-item.bg-color-2 {
    background-color: #f27676
}

.single-specialities-item.bg-color-2 .icon {
    background-color: #d44d4d
}

.single-specialities-item.bg-color-3 {
    background-color: #4582ff
}

.single-specialities-item.bg-color-3 .icon {
    background-color: #3667cb
}

.single-specialities-item.bg-color-4 {
    background-color: #55b56a
}

.single-specialities-item.bg-color-4 .icon {
    background-color: #1c9436
}

.single-specialities-item {
    border-radius: 10px;
    background-color: var(--course-color);
    padding: 40px 30px;
    overflow: hidden;
    margin-bottom: 30px
}

.single-specialities-item .content .title {
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
    letter-spacing: -1px
}

.single-specialities-item .content .description {
    color: rgba(255, 255, 255, .9);
    line-height: 1.8
}

.single-specialities-item .icon {
    width: 150px;
    height: 150px;
    background-color: #25a3d4;
    font-size: 60px;
    line-height: 190px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    position: relative;
    margin-left: -60px;
    margin-top: -70px
}

.single-specialities-item .content {
    text-align: center;
    padding-top: 20px
}

.section-title.course-home .title {
    position: relative
}

.section-title.course-home.center-align {
    text-align: center
}

.section-title.course-home.center-align .title:after {
    left: 50%;
    transform: translateX(-50%)
}

.section-title.course-home.right-align {
    text-align: right
}

.section-title.course-home.right-align .title:after {
    left: auto;
    right: 0
}

.section-title.course-home .title:after {
    position: absolute;
    width: 200px;
    height: 2px;
    background-color: var(--course-color);
    content: "";
    bottom: -10px;
    left: 0
}

.global-carousel-init {
    position: relative;
    z-index: 0;
}

.global-carousel-init:hover .owl-nav div {
    visibility: visible;
    opacity: 1
}

.global-carousel-init .owl-nav div {
    position: absolute;
    left: -40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    visibility: hidden;
    opacity: 0;
    background-color: var(--secondary-color);
    color: #fff
}

.course-section-bg {
    background-color: #effbfe
}

.achor-btn {
    display: inline-block;
    border-bottom: 2px solid var(--course-two-color);
    color: var(--heading-color)
}

.course-home .achor-btn {
    padding-top: 30px
}

.global-carousel-init .owl-nav div:hover {
    color: var(--main-color-one)
}

.global-carousel-init .owl-nav div.owl-next {
    left: auto;
    right: -40px
}

.const-single-testimonial-item.course-home .content {
    background-color: #fff
}

.const-single-testimonial-item.course-home .content .description {
    font-size: 18px;
    line-height: 30px
}

.cagency-counterup-area.course-bg {
    background-color: transparent
}

.single-events-list-item.course-home {
    padding: 40px;
    background-color: #fbfbfb;
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 15%);
    margin: 10px
}

.single-events-list-item.course-home .content-area .top-part .title {
    font-size: 32px;
    line-height: 40px
}

.single-events-list-item.course-home .location {
    color: var(--heading-color);
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px
}

.single-events-list-item.course-home .location i {
    color: var(--course-two-color)
}

.single-events-list-item .content-area .top-part .time-wrap {
    background-color: var(--course-color)
}

.course-inner-area-wrap {
    background-color: var(--course-color);
    border-radius: 20px;
    padding: 80px;
    display: flex;
    justify-content: space-between;
    background-image: url(../img/shape/course-cta-shape.svg);
    background-position: bottom center;
    background-repeat: no-repeat;
    overflow: hidden
}

.course-inner-area-wrap .title {
    font-size: 45px;
    line-height: 55px;
    font-weight: 700;
    color: #fff
}

.course-inner-area-wrap .right-content {
    display: flex;
    align-items: center
}

.course-inner-area-wrap .left-content-wrap {
    width: 60%
}

.course-inner-area-wrap .right-content-wrap {
    width: 40%;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.course-cta-area {
    position: relative;
    margin-bottom: -100px;
    z-index: 1
}

.course-inner-area-wrap .btn-dagency {
    background-color: #fff;
    color: var(--heading-color);
    padding: 10px 10px 10px 30px
}

.course-inner-area-wrap .btn-dagency i {
    background-color: var(--course-color);
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px
}

@media only screen and (min-width: 1201px) and (max-width: 1366px) {
    .header-slider-wrapper.course-home .right-image-wrap {
        right: -8%
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .header-slider-wrapper.course-home .right-image-wrap {
        right: -15%
    }
}

@media only screen and (max-width: 991px) {
    .header-style-03.header-variant-17 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:before {
        top: 25px;
        right: 20px
    }
    .header-style-03.header-variant-17 .mobile-cart a {
        background-color: transparent;
        color: var(--heading-color)
    }
    .header-slider-wrapper.course-home .right-image-wrap {
        display: none
    }
    .header-slider-wrapper.course-home .header-area {
        padding: 150px 0 120px
    }
    .single-events-list-item.course-home {
        display: block
    }
    .single-events-list-item.course-home .thumb {
        margin-bottom: 30px
    }
    .course-inner-area-wrap {
        display: block
    }
    .course-inner-area-wrap div {
        width: 100% !important
    }
    .course-inner-area-wrap .right-content-wrap {
        margin-top: 30px
    }
}

@media only screen and (max-width: 767px) {
    .cagency-counterup-area.course-bg {
        background-size: cover
    }
    .cagency-counterup-item .number::after {
        left: 40%
    }
    .all-courses-area .btn-wrapper {
        text-align: left;
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 414px) {
    .header-slider-wrapper.course-home .header-inner .title {
        font-weight: 700
    }
    .single-course-category-item .icon {
        margin: 0 auto
    }
    .cagency-counterup-area {
        padding-bottom: 59px
    }
    .single-course-category-item .icon {
        margin: 0 auto
    }
    .cagency-counterup-area {
        padding-bottom: 59px
    }
    .single-events-list-item .thumb {
        margin: 0
    }
    .single-events-list-item .content-area .top-part {
        display: block
    }
    .single-events-list-item .content-area .top-part .time-wrap {
        margin-bottom: 20px
    }
    .single-events-list-item .content-area .title-wrap .title {
        font-size: 24px
    }
    .single-events-list-item .content-area .top-part .title-wrap .title {
        font-size: 28px;
        line-height: 30px
    }
    .single-events-list-item.course-home .location {
        font-size: 16px
    }
    .course-inner-area-wrap {
        padding: 40px
    }
    .course-inner-area-wrap .title {
        font-size: 36px;
        line-height: 40px
    }
}

@media only screen and (max-width: 330px) {
    .header-variant-17 .navbar-area .nav-container {
        margin: 0
    }
    .header-style-03.header-variant-17 .navbar-area .nav-container .logo-wrapper {
        max-width: 130px
    }
    .header-style-03.header-variant-17 .navbar-area .mobile-cart a {
        top: 15px
    }
    .single-events-list-item.course-home {
        padding: 10px
    }
    .course-inner-area-wrap .title {
        font-size: 32px;
        line-height: 40px
    }
    .course-inner-area-wrap .btn-dagency i {
        display: none
    }
    .course-inner-area-wrap .btn-dagency {
        padding-right: 30px
    }
}

.btn-dagency {
    display: inline-block;
    background-color: var(--grocery-color);
    border-radius: 30px;
    transition: all .3s;
    padding: 10px 12px 10px 30px;
    color: #fff;
    cursor: pointer;
    font-weight: 600
}

.btn-dagency:hover {
    color: #fff;
    background-color: var(--secondary-color)
}

.btn-dagency i {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 35px;
    background-color: #fff;
    color: var(--grocery-color);
    margin-left: 20px;
    padding: 0;
    border-radius: 50%
}

.header-variant-18 .navbar-area .nav-container {
    box-shadow: none
}

.header-variant-18 .navbar-area .nav-container .logo-wrapper {
    max-width: 180px
}

.header-style-03.header-variant-18 {
    z-index: 9
}

.header-area.grocery-home .subtitle {
    font-weight: 600;
    color: var(--paragraph-color);
    display: block;
    margin-bottom: 20px
}

.header-area.grocery-home .title {
    font-weight: 700;
    text-transform: capitalize;
    color: var(--heading-color);
    font-size: 54px;
    line-height: 65px
}

.header-area.grocery-home .description {
    color: var(--paragraph-color)
}

.grocery-home.section-title .title {
    color: var(--grocery-heading-color)
}

.header-style-03.header-variant-18 .mobile-cart a .pcount,
.header-style-03.header-variant-18 .navbar-area .nav-container .nav-right-content ul li.cart .pcount {
    color: #fff
}

.header-style-03.header-variant-18 .navbar-area.nav-fixed {
    background-color: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1)
}

.single-product-cat-item .thumb {
    background-color: #f2f2f2;
    border-radius: 20px
}

.single-product-cat-item {
    text-align: center;
    max-width: 300px
}

.single-product-cat-item .title {
    font-size: 22px;
    font-weight: 700;
    margin: 20px 0;
    transition: all .3s
}

.single-product-cat-item .title:hover {
    color: var(--grocery-color)
}

.logistic-dots.grocery-home .owl-dots div.active {
    background-color: var(--grocery-color)
}

.offer-item-wrap img {
    border-radius: 20px
}

.single-grocery-product-item .thumb {
    position: relative
}

.single-grocery-product-item .thumb .tag {
    position: absolute;
    right: 10px;
    top: 10px;
    background-color: var(--grocery-color);
    font-weight: 600;
    color: #fff;
    padding: 2px 5px;
    font-size: 14px
}

.single-grocery-product-item .content {
    padding: 30px 20px;
    text-align: center;
    position: relative
}

.single-grocery-product-item .content .rating-wrap {
    position: absolute;
    top: 6px;
    left: 50%;
    transform: translateX(-50%)
}

.single-grocery-product-item .content .title {
    font-size: 20px;
    line-height: 25px;
    font-weight: 600;
    margin-bottom: 15px
}

.single-grocery-product-item .price-wrap {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px
}

.single-grocery-product-item .price-wrap .price {
    color: var(--grocery-color)
}

.single-grocery-product-item .addtocart {
    display: inline-block;
    border-radius: 30px;
    border: 1px solid var(--grocery-color);
    padding: 8px 25px;
    color: var(--grocery-color);
    font-weight: 600;
    transition: all .3s
}

.single-grocery-product-item .addtocart:hover {
    background-color: var(--grocery-color);
    color: #fff
}

.section-title.grocery-home .title {
    color: var(--grocery-heading-color)
}

.section-title.grocery-home .subtitle {
    position: relative;
    color: var(--heading-color);
    text-transform: capitalize;
    font-weight: 600;
    padding: 5px 15px
}

.section-title.grocery-home .subtitle:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background-color: var(--grocery-color);
    content: "";
    height: 100%;
    z-index: -1;
    opacity: .3;
    border-radius: 3px
}

.process-area-wrap .shape {
    position: absolute
}

.process-area-wrap {
    background-repeat: no-repeat;
    background-position: center;
    position: relative
}

.single-process-item-fruit-home {
    text-align: center
}

.single-process-item-fruit-home .icon {
    font-size: 70px;
    line-height: 230px;
    color: var(--grocery-color);
    background-image: url(../img/shape/process-circle.svg);
    width: 200px;
    height: 200px;
    position: relative;
    margin: 0 auto 30px
}

.single-process-item-fruit-home .icon .number {
    font-size: 16px;
    display: inline-block;
    background-color: var(--grocery-color);
    border-radius: 50%;
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-weight: 700;
    color: #fff;
    position: absolute;
    bottom: 20px;
    right: 12px
}

.single-process-item-fruit-home .title {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    margin-bottom: 10px
}

.process-area-wrap .shape.right-image {
    right: 0;
    top: -60px
}

.process-area-wrap .shape.left-image {
    bottom: -80px;
    left: 0
}

.fruits-home-single-testimonial-item {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
    padding: 60px
}

.fruits-home-single-testimonial-item .author-details {
    display: flex;
    color: var(--fruits-color)
}

.fruits-home-single-testimonial-item .author-details .content {
    flex: 1
}

.fruits-home-single-testimonial-item .author-details .thumb img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-right: 20px
}

.fruits-home-single-testimonial-item .author-details .content .title {
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--fruits-heading-color);
    margin-bottom: 4px
}

.fruits-home-single-testimonial-item .author-details .content .designation {
    font-size: 14px;
    line-height: 20px
}

.fruits-home-single-testimonial-item .author-details .content {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.fruits-home-single-testimonial-item .author-details {
    margin-bottom: 20px
}

.fruits-home-single-testimonial-item {
    margin: 10px
}

.fruits-home-single-testimonial-item .icon {
    font-size: 60px;
    line-height: 60px;
    position: absolute;
    right: 60px;
    bottom: 30px;
    color: var(--fruits-color);
    opacity: .2
}

.fruits-home-single-testimonial-item .description {
    font-size: 20px;
    line-height: 32px
}

@media only screen and (max-width: 991px) {
    .header-style-03.header-variant-18 .navbar-area.nav-fixed .nav-container .navbar-collapse .navbar-nav li {
        line-height: 26px
    }
    .header-style-03.header-variant-18 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:before {
        top: 25px;
        right: 20px
    }
    .offer-item-wrap {
        margin-bottom: 30px
    }
    .process-area-wrap {
        background-size: cover
    }
    .header-style-03.header-variant-18 .mobile-cart a {
        color: var(--heading-color)
    }
}

@media only screen and (max-width: 767px) {
    .single-grocery-product-item .thumb img {
        width: 100%
    }
    .header-style-03.header-variant-18 .mobile-cart a {
        color: var(--heading-color)
    }
}

@media only screen and (max-width: 414px) {
    .header-area.grocery-home .title {
        font-size: 45px;
        line-height: 50px
    }
}

@media only screen and (max-width: 330px) {
    .header-variant-18 .navbar-area .nav-container {
        margin: 0
    }
    .header-variant-18 .navbar-area .nav-container .logo-wrapper {
        max-width: 130px
    }
    .header-variant-18 .mobile-cart a {
        right: 70px;
        top: 14px
    }
    .header-area.grocery-home .title {
        font-size: 40px;
        line-height: 50px
    }
}

.header-slider-wrapper.grocery-home .owl-nav {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.header-slider-wrapper.grocery-home .owl-nav div {
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff
}

.header-slider-wrapper.grocery-home .owl-nav div:hover {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color)
}

.header-slider-wrapper.grocery-home .owl-nav div.owl-next {
    left: auto;
    right: 5px
}

.header-slider-wrapper.grocery-home .owl-nav div {
    left: 5px
}

.top-bar-area.header-variant-13 {
    background-color: transparent
}

.top-bar-area.header-variant-13 .top-bar-inner ul li a {
    color: var(--paragraph-color)
}

.top-bar-area.header-variant-13 .top-bar-inner ul li a:hover {
    color: var(--charity-color)
}

.top-bar-area.header-variant-13 #langchange {
    color: var(--paragraph-color)
}

.top-bar-area.header-variant-13 .top-bar-inner ul li a.boxed-btn.reverse-color {
    background-color: var(--secondary-color);
    color: #fff
}

.top-bar-area.header-variant-13 .top-bar-inner ul li a.boxed-btn.reverse-color:hover {
    background-color: var(--charity-color);
    color: #fff
}

.header-style-03.header-variant-13,
.search-popup-inner-wrapper .search-form-warp .search-popup-close-btn {
    background-color: var(--charity-color)
}

.header-style-03.header-variant-13 .navbar-area .nav-container {
    background-color: var(--charity-color);
    border-radius: 0;
    padding: 0 30px 0 15px;
    box-shadow: none
}

.header-style-03.header-variant-13 .navbar-area .nav-container .nav-right-content ul li a,
.header-style-03.header-variant-13 .navbar-area .nav-container .nav-right-content ul li a:hover,
.header-style-03.header-variant-13 .navbar-area .nav-container .navbar-collapse .navbar-nav li,
.header-style-03.header-variant-13 .navbar-area .nav-container .navbar-collapse .navbar-nav li a:hover {
    color: #fff
}

.header-style-03.header-variant-13 .mobile-cart a .pcount,
.header-style-03.header-variant-13 .navbar-area .nav-container .nav-right-content ul li.cart .pcount {
    background-color: var(--secondary-color)
}

.search-popup-inner-wrapper .search-form-warp button {
    background-color: var(--secondary-color)
}

.search-popup-inner-wrapper .search-form-warp button:hover {
    background-color: var(--charity-color)
}

.header-style-03.header-variant-13 .navbar-area.nav-fixed {
    background-color: var(--charity-color)
}

.header-style-03.header-variant-13 {
    z-index: 2
}

.header-area.charity-home .title {
    font-weight: 700
}

.header-area.charity-home {
    z-index: inherit;
    padding: 90px 0 200px
}

.header-style-03.header-variant-13 .navbar-area {
    position: relative
}

.header-style-03.header-variant-13 .navbar-area:before {
    background-image: url(../img/shape/line-bg.png);
    opacity: .08;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1
}

.single-fruit-product-item .price-wrap .del-price {
    margin-left: 5px
}

.header-area.charity-home:after {
    background-image: url(../img/shape/line-bg.png);
    opacity: .08
}

.header-area.charity-home:after,
.header-area.charity-home:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--charity-color);
    z-index: -1;
    content: ""
}

.header-area.charity-home .btn-charity:hover {
    background-color: var(--secondary-color);
    color: #fff
}

.header-area.charity-home .btn-charity {
    background-color: #fff;
    color: var(--charity-color)
}

.header-area.charity-home .btn-charity:hover i {
    background-color: #fff;
    color: var(--secondary-color)
}

.header-area.charity-home .btn-charity i {
    background-color: var(--charity-color);
    color: #fff
}

.header-area.charity-home .header-area .title {
    font-weight: 700
}

.btn-charity {
    display: inline-block;
    background-color: var(--charity-color);
    color: #fff;
    padding: 10px 10px 10px 30px;
    font-weight: 700;
    transition: all .3s
}

.btn-charity i {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    background-color: #fff;
    color: var(--charity-color);
    line-height: 30px;
    font-size: 13px;
    margin-left: 25px;
    transition: all .3s
}

.reverse-color.btn-charity:hover {
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 15%)
}

.btn-charity:hover {
    background-color: #fff;
    color: var(--charity-color)
}

.btn-charity:hover i {
    background-color: var(--charity-color);
    color: #fff
}

.header-area.charity-home .right-image-wrap {
    position: absolute;
    right: -10%;
    top: 0;
    z-index: -1
}

.header-area .subtitle {
    text-transform: capitalize;
    display: block;
    margin-bottom: 10px
}

.header-area.charity-home .bottom-image-shape {
    position: absolute;
    bottom: -2px;
    width: 102%;
    background-size: cover;
    left: -5px
}

.header-slider-wrapper.charity-home .owl-dots {
    position: absolute;
    left: 50px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -100px
}

.header-slider-wrapper.charity-home .owl-dots div {
    display: block;
    width: 5px;
    height: 40px;
    background-color: rgba(255, 255, 255, .5)
}

.header-slider-wrapper.charity-home .owl-dots div+div {
    margin-top: 10px
}

.header-slider-wrapper.charity-home .owl-dots div.active {
    background-color: #fff
}

.charity-about-area .left-content-area .subtitle {
    font-size: 16px;
    line-height: 20px;
    color: var(--charity-color)
}

.charity-about-area .left-content-area .title {
    font-size: 65px;
    line-height: 70px;
    margin-bottom: 20px;
    font-weight: 700
}

.charity-about-area .left-content-area .btn-wrapper {
    margin-top: 30px
}

.charity-about-area .left-content-area {
    padding-right: 60px
}

.charity-about-area .right-content-area {
    margin-left: 40px
}

.charity-about-area .right-content-area .image-wrapper {
    position: relative
}

.charity-about-area .right-content-area .image-wrapper .vdo-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.charity-about-area .right-content-area .image-wrapper img {
    border-radius: 20px
}

.charity-about-area .right-content-area .image-wrapper:before {
    position: absolute;
    right: -30px;
    bottom: -30px;
    width: 200px;
    height: 220px;
    border-radius: 20px;
    background-color: var(--charity-color);
    z-index: -1;
    content: ""
}

.charity-about-area .right-content-area .image-wrapper .video-play-btn {
    color: var(--charity-color)
}

.section-title.charity-home .subtitle {
    text-transform: capitalize;
    font-weight: 600;
    color: var(--charity-color)
}

.single-popular-cause-item {
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 0 35px 0 rgb(0 0 0 / 4%)
}

.single-popular-cause-item .thumb img {
    border-top-right-radius: 20px;
    border-top-left-radius: 20px
}

.single-popular-cause-item .content {
    padding: 20px;
    overflow: hidden;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px
}

.single-popular-cause-item .content .title {
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    margin-bottom: 20px
}

.single-popular-cause-item .content .thumb-content {
    margin-top: 55px
}

.single-popular-cause-item .content .thumb-content .goal {
    display: flex;
    justify-content: space-between
}

.single-popular-cause-item .content .thumb-content .goal .raised {
    font-size: 14px;
    margin-top: 10px;
    color: var(--heading-color);
    opacity: .8
}

.single-popular-cause-item .content .thumb-content .goal .raised span {
    color: var(--charity-color)
}

.single-popular-cause-item .proggress {
    border-radius: 10px !important
}

.single-popular-cause-item .progressbar {
    border-radius: 10px !important
}

.single-popular-cause-item .percentCount {
    border-radius: 30px;
    width: 30px;
    height: 30px;
    font-size: 10px;
    line-height: 30px;
    padding: 0;
    text-align: center;
    font-weight: 700;
    margin-left: -15px;
    background-color: var(--charity-color)
}

.single-popular-cause-item .percentCount:after {
    bottom: -10px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 14px solid var(--charity-color);
    left: 10px
}

.donation-progress.style-0 .proggress {
    background-color: #f86048 !important
}

.donation-progress.style-0 .percentCount:after {
    border-top: 14px solid #f86048
}

.donation-progress.style-0 .percentCount {
    background-color: #f86048
}

.donation-progress.style-1 .percentCount:after {
    border-top: 14px solid #4ecd99
}

.donation-progress.style-1 .percentCount {
    background-color: #4ecd99
}

.donation-progress.style-1 .proggress {
    background-color: #4ecd99 !important
}

.donation-progress.style-2 .percentCount:after {
    border-top: 14px solid #953ea7
}

.donation-progress.style-2 .percentCount {
    background-color: #953ea7
}

.donation-progress.style-2 .proggress {
    background-color: #953ea7 !important
}

.charity-team-single-item .thumb {
    border-radius: 20px;
    position: relative
}

.charity-team-single-item .thumb img {
    border-radius: 20px
}

.charity-team-single-item .thumb .content {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px 25px;
    height: auto;
    width: 100%;
    z-index: 0;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px
}

.charity-team-single-item .thumb .style-1.content:after {
    background-color: #953ea7
}

.charity-team-single-item .thumb .style-2.content:after {
    background-color: #ed4c4c
}

.charity-team-single-item .thumb .style-3.content:after {
    background-color: #fcad31
}

.charity-team-single-item .thumb .style-4.content:after {
    background-color: #4fcd99
}

.charity-team-single-item .thumb .content:after {
    position: absolute;
    left: 0;
    top: -30px;
    width: 100%;
    height: 125px;
    content: "";
    background-color: var(--charity-color);
    z-index: -1;
    opacity: .9;
    clip-path: polygon(100% 0, 100% 0, 100% 0, 100% 100%, 80% 100%, 20% 100%, 0 100%, 0 33%);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px
}

.charity-team-single-item .thumb .content .title {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    text-transform: capitalize;
    margin: 0
}

.charity-team-single-item .thumb .content span {
    font-size: 12px;
    line-height: 20px;
    color: #fff
}

.charity-team-single-item .thumb .content .social-icons {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 5px
}

.charity-team-single-item .thumb .content .social-icons li {
    display: inline-block;
    font-size: 13px;
    color: #fff;
    opacity: .8
}

.charity-cta-area .cta-area-inner .title {
    font-size: 45px;
    line-height: 56px;
    font-weight: 700;
    color: #fff
}

.charity-cta-area .cta-area-inner {
    display: flex;
    justify-content: space-between;
    padding: 140px 0 120px 0
}

.charity-cta-area .cta-area-inner .left-content-area {
    width: 60%
}

.charity-cta-area .cta-area-inner .right-content-area {
    display: flex;
    align-items: center
}

.charity-cta-area .cta-area-inner .right-content-area .btn-charity {
    background-color: #f59f32
}

.charity-cta-area .cta-area-inner .right-content-area .btn-charity:hover {
    background-color: #fff;
    color: #f59f32
}

.charity-cta-area .cta-area-inner .right-content-area .btn-charity:hover i {
    background-color: #f59f32
}

.charity-cta-area {
    position: relative;
    z-index: 0
}

.charity-cta-area:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    content: "";
    z-index: -1
}

.charity-cta-area .shape.top {
    left: 0;
    top: -10px;
    width: 100%
}

.charity-cta-area .shape {
    position: absolute
}

.charity-cta-area .shape.bottom {
    bottom: -1px
}

.charity-single-event-item-wrap .thumb img {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px
}

.charity-single-event-item-wrap .thumb {
    position: relative
}

.charity-single-event-item-wrap .thumb .time-wrap {
    position: absolute;
    right: 10px;
    top: 10px;
    background-color: var(--charity-color);
    font-weight: 700;
    color: #fff;
    width: 50px;
    text-align: center;
    height: 50px;
    border: 2px solid #fff;
    padding-top: 2px
}

.charity-single-event-item-wrap .thumb .time-wrap span {
    display: block;
    font-size: 18px;
    line-height: 20px
}

.charity-single-event-item-wrap .content {
    background-color: #f4f1ec;
    padding: 30px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px
}

.charity-single-event-item-wrap .title {
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
    transition: all .3s;
    margin-bottom: 15px
}

.charity-single-event-item-wrap .title:hover {
    color: var(--charity-color)
}

.charity-single-event-item-wrap .content ul {
    margin-top: 20px
}

.charity-single-event-item-wrap .content {
    background-color: #f4f1ec;
    padding: 30px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px
}

.charity-single-event-item-wrap .title {
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
    transition: all .3s;
    margin-bottom: 15px
}

.charity-single-event-item-wrap .title:hover {
    color: var(--charity-color)
}

.charity-single-event-item-wrap .content ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 20px;
    border-top: 1px solid var(--charity-color);
    padding-top: 15px
}

.charity-single-event-item-wrap .content ul li i {
    color: var(--charity-color)
}

.charity-single-event-item-wrap .content ul li {
    font-size: 14px
}

.charity-single-event-item-wrap .content ul li:first-child {
    margin-bottom: 10px
}

.charity-single-event-item-wrap .thumb .time-wrap.style-1 {
    background-color: #f86048
}

.charity-single-event-item-wrap .thumb .time-wrap.style-2 {
    background-color: #4fcd99
}

.charity-single-event-item-wrap .thumb .time-wrap.style-3 {
    background-color: #5467c2
}

.padding-bottom-200 {
    padding-bottom: 200px
}

.charity-single-testimonial-item .icon {
    font-size: 40px;
    line-height: 50px;
    color: var(--charity-color);
    margin-bottom: 20px
}

.charity-single-testimonial-item {
    text-align: center
}

.charity-single-testimonial-item .description {
    font-size: 20px;
    line-height: 30px;
    max-width: 650px;
    margin: 0 auto
}

.charity-single-testimonial-item .author-details {
    margin-top: 30px
}

.charity-single-testimonial-item .author-details .title {
    font-size: 18px;
    line-height: 20px;
    font-weight: 600
}

.charity-cta-two-area .cta-inner {
    background-color: var(--charity-color);
    border-radius: 20px;
    padding: 80px;
    display: flex;
    justify-content: space-between
}

.charity-cta-two-area .cta-inner .title {
    font-size: 45px;
    line-height: 55px;
    font-weight: 700;
    color: #fff
}

.charity-cta-two-area .cta-inner .right-content {
    display: flex;
    align-items: center
}

.charity-cta-two-area .cta-inner .right-content .btn-charity {
    background-color: #fff;
    color: var(--charity-color)
}

.charity-cta-two-area .cta-inner .right-content .btn-charity i {
    background-color: var(--charity-color);
    color: #fff
}

.charity-cta-two-area {
    margin-top: -100px
}

.single-portfolio-blog-grid.charity-home .content {
    background-color: transparent;
    padding: 45px 0 0
}

.single-portfolio-blog-grid.charity-home .content .title {
    color: var(--heading-color);
    line-height: 26px;
    font-size: 20px
}

.single-portfolio-blog-grid.charity-home .content .readmore {
    color: var(--charity-color)
}

@media only screen and (min-width: 1201px) and (max-width: 1366px) {
    .header-area.charity-home .right-image-wrap {
        right: -30%
    }
    .charity-cta-area .shape.bottom {
        bottom: -5px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .header-area.charity-home .right-image-wrap {
        right: -50%
    }
    .charity-cta-area .shape.bottom {
        bottom: -10px
    }
}

@media only screen and (max-width: 991px) {
    .header-style-03.header-variant-13 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:before {
        top: 25px;
        right: 20px
    }
    .header-area.charity-home .right-image-wrap {
        display: none
    }
    .header-style-03.header-variant-13 .mobile-cart a {
        top: 10px
    }
    .header-style-03.header-variant-13 .navbar-area .nav-container .nav-right-content ul li a,
    .header-style-03.header-variant-13 .navbar-area .nav-container .nav-right-content ul li a:hover,
    .header-style-03.header-variant-13 .navbar-area .nav-container .navbar-collapse .navbar-nav li,
    .header-style-03.header-variant-13 .navbar-area .nav-container .navbar-collapse .navbar-nav li a:hover {
        color: var(--paragraph-color)
    }
    .charity-about-area .right-content-area {
        margin-left: 0;
        margin-top: 40px
    }
    .charity-cta-area .shape.bottom {
        bottom: -10px
    }
    .charity-cta-two-area .cta-inner {
        padding: 40px
    }
    .single-popular-cause-item {
        margin-bottom: 40px
    }
}

@media only screen and (max-width: 767px) {
    .charity-about-area .left-content-area {
        padding-right: 0
    }
    .charity-cta-area .cta-area-inner {
        display: block;
        padding: 120px 0
    }
    .charity-cta-area .cta-area-inner div {
        width: 100% !important
    }
    .charity-cta-area .cta-area-inner .left-content-area {
        margin-bottom: 30px
    }
    .charity-cta-two-area .cta-inner {
        display: block
    }
    .charity-cta-two-area .cta-inner .left-content {
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 414px) {
    .charity-about-area .left-content-area .title {
        font-size: 48px;
        line-height: 54px
    }
    .charity-about-area .right-content-area .image-wrapper:before {
        right: 0
    }
    .charity-about-area .right-content-area .image-wrapper {
        padding-right: 20px
    }
    .header-slider-wrapper.charity-home .owl-dots {
        top: auto;
        bottom: 30px;
        transform: none;
        left: 50%;
        transform: translateX(-50%)
    }
    .header-slider-wrapper.charity-home .owl-dots div {
        width: 10px;
        height: 10px;
        display: inline-block
    }
    .header-slider-wrapper.charity-home .owl-dots div+div {
        margin-top: 0;
        margin-left: 10px
    }
    .charity-cta-area .cta-area-inner .title {
        font-size: 40px;
        line-height: 50px
    }
    .charity-cta-two-area .cta-inner .title {
        font-size: 36px;
        line-height: 46px
    }
}

@media only screen and (max-width: 330px) {
    .header-variant-13 .navbar-area .nav-container .logo-wrapper {
        max-width: 130px
    }
    .charity-about-area .left-content-area .title {
        font-size: 36px;
        line-height: 46px
    }
    .charity-cta-area .cta-area-inner .title {
        font-size: 33px;
        line-height: 43px
    }
}

.header-style-03.header-variant-10 {
    position: relative;
    z-index: inherit
}

.header-style-03.header-variant-10 .navbar-area {
    position: absolute;
    left: 0;
    top: auto;
    z-index: 2;
    width: 100%
}

.header-style-03.header-variant-10 .navbar-area .nav-container {
    box-shadow: none;
    padding: 0;
    border-radius: 0;
    background-color: transparent
}

.header-style-03.header-variant-10 .navbar-area .nav-container .navbar-collapse .navbar-nav li:before {
    color: rgba(255, 255, 255, .6)
}

.header-style-03.header-variant-10 .navbar-area .nav-container .navbar-collapse .navbar-nav li a {
    color: rgba(255, 255, 255, .6);
    transition: all .3s
}

.header-style-03.header-variant-10 .navbar-area .nav-container .navbar-collapse .navbar-nav li a:hover {
    color: var(--lawyer-color)
}

.header-style-03.header-variant-10 .navbar-area .nav-container .nav-right-content ul li a {
    color: rgba(255, 255, 255, .6);
    transition: all .3s
}

.header-style-03.header-variant-10 .navbar-area .nav-container .nav-right-content ul li a:hover {
    color: var(--lawyer-color)
}

.header-style-03.header-variant-10 .navbar-area .nav-container .nav-right-content ul li.cart a {
    color: rgba(255, 255, 255, .6);
    transition: all .3s
}

.header-style-03.header-variant-10 .navbar-area .nav-container .nav-right-content ul li.cart a:hover {
    color: var(--lawyer-color)
}

.header-style-03.header-variant-10 .navbar-area .nav-container .nav-right-content ul li.cart .pcount {
    color: #fff;
    background-color: var(--lawyer-color)
}

.header-style-03.header-variant-10 .navbar-area .nav-container .mobile-cart a .pcount {
    color: #fff;
    color: var(--lawyer-color)
}

.header-area.lawyer-home {
    position: relative;
    z-index: 0;
    padding-bottom: 320px
}

.header-area.lawyer-home:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(9, 28, 75, .6);
    z-index: -1;
    content: ""
}

.header-area.lawyer-home .header-inner {
    text-align: center
}

.header-area.lawyer-home .header-inner .btn-wrapper {
    margin-top: 30px
}

.header-area.lawyer-home .header-inner .btn-wrapper .boxed-btn {
    border: 1px solid transparent;
    background-color: var(--lawyer-color);
    color: #fff;
    border-radius: 0
}

.header-area.lawyer-home .header-inner .btn-wrapper .boxed-btn:hover {
    background-color: transparent;
    border-color: #fff
}

.header-area.lawyer-home .header-inner .btn-wrapper .boxed-btn.blank {
    background-color: transparent;
    border: 1px solid #fff
}

.header-area.lawyer-home .header-inner .btn-wrapper .boxed-btn.blank:hover {
    background-color: var(--lawyer-color);
    border-color: transparent
}

.header-bottom-item-lawyer {
    text-align: center;
    background-color: #191d33;
    padding: 40px 30px;
    transition: all .3s;
    margin-top: -150px;
    z-index: 1;
    position: relative
}

.header-bottom-item-lawyer:hover {
    background-color: var(--lawyer-color)
}

.header-bottom-item-lawyer:hover .icon {
    color: #fff
}

.header-bottom-item-lawyer .title {
    color: #fff;
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 20px
}

.header-bottom-item-lawyer .icon {
    color: var(--lawyer-color);
    font-size: 60px;
    line-height: 60px;
    margin-bottom: 30px
}

.header-bottom-item-lawyer p {
    color: rgba(255, 255, 255, .7);
    margin-bottom: 0
}

.lawyer-about-area .left-content-area {
    position: relative
}

.lawyer-about-area .left-content-area .shape {
    position: absolute;
    right: 0;
    bottom: -40px;
    border: 10px solid #fff
}

.lawyer-about-area .left-content-area {
    border: 10px solid #fff
}

.lawyer-about-area .left-content-area:before {
    position: absolute;
    left: -30px;
    top: -30px;
    width: 250px;
    height: 250px;
    background-color: var(--lawyer-color);
    content: "";
    z-index: -1;
    clip-path: polygon(0 0, 0 100%, 100% 0)
}

.lawyer-about-area .right-content-area .subtitle {
    font-size: 14px;
    text-transform: uppercase;
    color: var(--lawyer-color);
    display: block;
    margin-bottom: 20px
}

.lawyer-about-area .right-content-area .title {
    font-size: 45px;
    line-height: 55px;
    margin-bottom: 30px
}

.lawyer-about-area .right-content-area {
    padding-left: 50px
}

.lawyer-about-area .right-content-area .btn-wrapper .boxed-btn {
    border-radius: 3px;
    margin-top: 30px;
    background-color: var(--lawyer-color);
    border: 1px solid transparent
}

.lawyer-about-area .right-content-area .btn-wrapper .boxed-btn:hover {
    background-color: transparent;
    color: var(--lawyer-color);
    border: 1px solid var(--lawyer-color)
}

.construction-single-what-we-cover-item.lawyer-home {
    border: none;
    background-color: #fff;
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, .1);
    text-align: left
}

.const-single-case-study-style-02 .title:hover,
.construction-single-what-we-cover-item.lawyer-home .icon,
.construction-single-what-we-cover-item.lawyer-home .readmore:hover,
.section-title.lawyer-home .subtitle {
    color: var(--lawyer-color)
}

.const-single-case-study-style-02.lawyer-home .cart-icon {
    visibility: hidden;
    opacity: 0;
    transition: all .3s
}

.const-single-case-study-style-02.lawyer-home:hover .cart-icon {
    visibility: visible;
    opacity: 1
}

.const-single-case-study-style-02.lawyer-home .title {
    font-size: 26px;
    line-height: 30px
}

.logistic-dots.lawyer-home .owl-dots div.active {
    background-color: var(--lawyer-color)
}

.lawyer-team-single-item .thumb {
    position: relative
}

.lawyer-team-single-item:hover .thumb .social-icons {
    visibility: visible;
    opacity: 1
}

.lawyer-team-single-item .thumb .social-icons {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    color: #fff;
    background-color: rgba(0, 0, 0, .5);
    visibility: hidden;
    opacity: 0;
    transition: all .3s
}

.lawyer-team-single-item .thumb .social-icons li {
    display: inline-block
}

.lawyer-team-single-item .thumb .social-icons li+li {
    margin-left: 10px
}

.lawyer-team-single-item .content {
    margin: 0 10px;
    background-color: #fff;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2);
    z-index: 1;
    position: relative;
    top: -30px;
    padding: 20px;
    text-align: center
}

.lawyer-team-single-item .content .title {
    text-transform: capitalize
}

.lawyer-team-single-item .content span {
    color: var(--lawyer-color)
}

.lawyer-counterup-area {
    position: relative;
    z-index: 0
}

.lawyer-counterup-area:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    content: "";
    background-color: #191d33;
    opacity: .6
}

.lawyer-home-counterup-item .icon {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 15px;
    color: var(--lawyer-color)
}

.lawyer-home-counterup-item {
    text-align: center
}

.lawyer-home-counterup-item .count-wrap {
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    color: #fff
}

.lawyer-home-counterup-item .title {
    font-size: 16px;
    line-height: 20px;
    margin-top: 10px;
    color: rgba(255, 255, 255, .8)
}

.lawyer-single-testimonial-item .thumb img {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    border-radius: 50%
}

.lawyer-single-testimonial-item .thumb {
    margin-bottom: 30px
}

.lawyer-single-testimonial-item .content {
    font-size: 26px;
    line-height: 36px;
    font-weight: 400;
    font-family: var(--body-font);
    text-align: center;
    font-style: italic
}

.lawyer-single-testimonial-item .author-details {
    text-align: center;
    margin-top: 40px
}

.lawyer-single-testimonial-item .author-details i {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 10px;
    color: var(--lawyer-color)
}

.lawyer-single-testimonial-item .author-details .title {
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 5px
}

.lawyer-single-testimonial-item .author-details .designation {
    color: var(--lawyer-color)
}

.single-portfolio-blog-grid.lawyer-home .thumb .time-wrap {
    background-color: var(--lawyer-color)
}

.single-portfolio-blog-grid.lawyer-home .content {
    background-color: transparent;
    padding: 0;
    padding-top: 60px
}

.single-portfolio-blog-grid.lawyer-home .content .title {
    color: var(--heading-color)
}

.single-portfolio-blog-grid.lawyer-home .content .readmore,
.single-portfolio-blog-grid.lawyer-home .content p {
    color: var(--paragraph-color)
}

.lawyer-call-to-action {
    position: relative;
    text-align: center
}

.lawyer-call-to-action:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(25, 29, 51, .5);
    content: ""
}

.lawyer-call-to-action .title {
    font-size: 36px;
    line-height: 46px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 25px
}

.lawyer-call-to-action p {
    color: rgba(255, 255, 255, .8)
}

.lawyer-call-to-action .btn-wrapper {
    margin-top: 30px
}

.lawyer-call-to-action .boxed-btn {
    border-radius: 3px;
    background-color: var(--lawyer-color);
    border: 1px solid transparent
}

.lawyer-call-to-action .boxed-btn:hover {
    background-color: transparent;
    border-color: var(--lawyer-color)
}

.lawyer-contact-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.lawyer-contact-list li+li {
    margin-top: 30px
}

.lawyer-contact-item {
    display: flex
}

.lawyer-contact-item .icon {
    font-size: 40px;
    line-height: 40px;
    color: var(--lawyer-color);
    margin-right: 20px
}

.lawyer-contact-item .content .title {
    display: block;
    font-size: 18px;
    line-height: 20px;
    color: var(--heading-color);
    margin-bottom: 10px
}

.lawyer-contact-item .content .details {
    display: block
}

.lawyer-contact-area .right-content-wrap .title {
    font-size: 36px;
    line-height: 46px;
    margin-bottom: 40px;
    font-weight: 700
}

.lawyer-contact-area .right-content-wrap .form-control {
    background-color: #f9f9f9;
    border: none;
    padding: 15px;
    min-height: 50px;
    font-size: 14px
}

.btn-wrapper .boxed-btn.lawyer-page {
    border-radius: 3px;
    background-color: var(--lawyer-color);
    border: 1px solid transparent
}

.btn-wrapper .boxed-btn.lawyer-page:hover {
    border-color: var(--lawyer-color);
    color: var(--lawyer-color);
    background-color: transparent
}

.lawyer-contact-area .left-contnet-wrap {
    display: flex;
    align-items: center;
    height: 100%
}

.top-bar-area.header-variant-10 .btn-wrapper .boxed-btn.reverse-color {
    background-color: var(--lawyer-color)
}

.appointment-single-item.lawyyer-home .thumb .cat {
    background-color: var(--lawyer-color)
}

.appointment-single-item.lawyyer-home .content .designation {
    color: var(--lawyer-color)
}

.appointment-single-item.lawyyer-home .content .designation:before {
    background-color: var(--lawyer-color)
}

.appointment-single-item.lawyyer-home .content .boxed-btn {
    color: var(--secondary-color)
}

.appointment-single-item.lawyyer-home .content .location i {
    color: var(--lawyer-color)
}

.logopart img {
    width: 100% !important;
    max-width: 200px !important;
}
.logopart ul.rightside {
    padding-top: 6px !important;
}
.logopart .col-md-6:nth-child(1)  .iconboxs {
    margin-top: 15px !important;
}
#domain h4 {
    text-align: left !important;
}
#domain p {
    text-align: left !important;
}
#domain .list-unstyled {
    text-align: left;
}
#domain li.list-item {
    margin-bottom: 20px;
    width: 100%;
    float: left;
}
#domain .card:hover {
    box-shadow: none !important;
}
#domain form.form {
    text-align: left;
}

@media only screen and (max-width: 991px) {
    .header-style-03.header-variant-10 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:before {
        top: 25px;
        right: 20px;
        color: var(--heading-color)
    }
    .header-style-03.header-variant-10 .navbar-area .nav-container .navbar-collapse .navbar-nav li:before {
        color: var(--heading-color)
    }
    .navbar-area .nav-container .responsive-mobile-menu .navbar-toggler {
        background-color: #333;
    }
    .header-style-03.header-variant-10 .mobile-cart a .pcount {
        color: #fff !important
    }
    .header-style-03.header-variant-10 .mobile-cart a {
        top: 15px
    }
    .header-style-03.header-variant-10 .navbar-area .nav-container .navbar-collapse .navbar-nav li a {
        color: var(--heading-color)
    }
    .lawyer-about-area .left-content-area {
        margin-bottom: 60px
    }
    .lawyer-home-counterup-item {
        margin-bottom: 30px
    }
    .lawyer-contact-area .left-contnet-wrap {
        margin-bottom: 60px
    }
}

@media only screen and (max-width: 414px) {
    .header-area .title {
        font-size: 40px;
        line-height: 60px;
        font-weight: 700
    }
    .lawyer-about-area .left-content-area .shape {
        position: initial;
        border: none;
        margin-top: 20px
    }
    .lawyer-about-area .right-content-area {
        padding: 0
    }
    .lawyer-about-area .right-content-area .title {
        font-size: 40px;
        line-height: 50px;
        font-weight: 700
    }
    .lawyer-single-testimonial-item .content {
        font-size: 20px;
        line-height: 30px
    }
    .lawyer-call-to-action .title {
        font-size: 30px;
        line-height: 40px
    }
    .lawyer-contact-area .right-content-wrap .title {
        font-size: 32px;
        line-height: 42px
    }
}

@media only screen and (max-width: 330px) {
    .navbar-area .nav-container .responsive-mobile-menu .logo-wrapper {
        max-width: 140px
    }
}

.offer-item-wrap.no-padding {
    padding: 0
}

.section-title.center-align {
    text-align: center !important
}

.section-title.left-align {
    text-align: left !important
}

.section-title.right-align {
    text-align: right !important
}

.const-single-case-study-style-02.const-page .cart-icon {
    background-image: linear-gradient(8deg, #000, transparent)
}

.single-portfolio-blog-grid.portfolio-page .content .title {
    color: #fff
}

.single-portfolio-blog-grid.portfolio-page .content {
    padding: 50px 30px 30px;
    background-color: #17193f
}

.single-portfolio-blog-grid.portfolio-page .content .readmore {
    color: #fff;
    font-weight: 700
}

.m-inherit p {
    margin-left: 0
}

.section-title.right-align .description * {
    margin: auto 0 auto auto
}

.section-title.left-align .description * {
    margin: auto auto auto 0
}

.custom-form-builder-form.contact-page-form {
    min-width: 550px;
    padding: 0 130px 0 0;
    margin: 0
}

.section-title .description {
    max-width: 650px;
    color: #fff
}

.section-title.center-align .description {
    margin: 0 auto
}

.section-title.right-align .description {
    margin: auto 0 auto auto
}

.breadcrumb-area.navbar-variant-02 .breadcrumb-inner,
.breadcrumb-area.navbar-variant-03 .breadcrumb-inner,
.breadcrumb-area.navbar-variant-04 .breadcrumb-inner,
.breadcrumb-area.navbar-variant-05 .breadcrumb-inner {
    padding-top: 140px
}

.widget-area>.service-widget:before {
    display: none
}

.widget-area>.service-widget {
    display: block;
    background-color: #fff;
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 30px
}

.widget-area>.service-widget:hover {
    background-color: inherit
}

.no-padding-border.service-widget.widget {
    padding: 0;
    border: none;
    margin-bottom: 30px
}

.attorney-contact-form .form-group label {
    color: #fff
}

.no-padding-border.widget {
    padding: 0;
    border: none
}

.job-post-addon-wrapper .single-job-list-item .jobs-meta li {
    margin: 5px
}

.custom-form-builder-wrapper .contact-page-form {
    max-width: 100%;
    min-width: 100%;
    padding: 0
}

.custom-form-builder-wrapper .contact-page-form .form-control {
    border: 1px solid #e2e2e2;
    padding: 10px;
    height: 50px
}

.custom-form-builder-wrapper .contact-page-form textarea.form-control {
    min-height: 130px
}

.custom-form-builder-wrapper .contact-page-form select.form-control {
    padding: 0 10px !important
}

.custom-form-builder-wrapper .contact-page-form .checkbox .form-control {
    height: auto
}

.custom-form-builder-wrapper .btn-wrapper .submit-btn {
    width: auto
}

.custom-form-builder-wrapper.button-left .btn-wrapper {
    text-align: left
}

.custom-form-builder-wrapper.button-center .btn-wrapper {
    text-align: center
}

.custom-form-builder-wrapper.button-right .btn-wrapper {
    text-align: right
}

.custom-form-builder-wrapper .btn-wrapper .submit-btn.d-block {
    width: 100%
}

.custom-form-builder-wrapper .contact-info {
    padding-bottom: 40px
}

.googlemap-area iframe {
    width: 100%;
    margin-bottom: -10px
}

.header-slider-wrapper .buttonBar,
.header-slider-wrapper .mb_YTPProgress {
    display: none !important
}

.support-ticket-wrapper {
    padding: 50px;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .05)
}

.support-ticket-wrapper .form-control {
    border: 1px solid #e2e2e2;
    border-radius: 0;
    height: 50px
}

.support-ticket-wrapper select.form-control:focus {
    outline: 0;
    box-shadow: none
}

.support-ticket-wrapper textarea.form-control {
    height: 150px
}

.support-ticket-wrapper checkbox.form-control {
    height: auto
}

.product-variant-list-wrapper-outer {
    padding: 20px 0
}

.product-variant-list-wrapper .title {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px
}

.product-variant-list-wrapper ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid #e2e2e2;
    display: inline-block;
    font-size: 0
}

.product-variant-list-wrapper+.product-variant-list-wrapper {
    margin-top: 20px
}

.product-variant-list-wrapper ul li {
    display: inline-block;
    padding: 5px 10px;
    cursor: pointer;
    color: var(--heading-color);
    font-size: 14px;
    font-weight: 600
}

.product-variant-list-wrapper ul li+li {
    border-left: 1px solid #e2e2e2
}

.product-variant-list-wrapper ul li.selected {
    background-color: var(--main-color-one);
    color: #fff
}

.cart-table .product-variant-list-wrapper,
.order-view-table .product-variant-list-wrapper {
    display: flex;
    align-items: center
}

.cart-table .product-variant-list-wrapper .title,
.order-view-table .product-variant-list-wrapper .title {
    margin-right: 10px;
    font-size: 14px;
    line-height: 16px;
    position: relative;
    top: 5px
}

.cart-table .product-variant-list-wrapper ul li,
.order-view-table .product-variant-list-wrapper ul li {
    font-size: 12px;
    line-height: 16px;
    padding: 3px 5px
}

.order-view-table .product-variant-list-wrapper+.product-variant-list-wrapper {
    margin-top: 0
}

.order-view-table .product-variant-list-wrapper .title {
    margin-bottom: 5px
}

.social-login-wrap a {
    display: block;
    padding: 15px 20px;
    border: 1px solid #e2e2e2;
    text-align: center;
    margin-top: 20px;
    color: #333;
    font-weight: 600;
    transition: .3s ease
}

.social-login-wrap .facebook {
    border: 1px solid #1877f2;
    color: #1877f2
}

.social-login-wrap .facebook:hover {
    background-color: #1877f2;
    color: #fff
}

.social-login-wrap .google {
    border: 1px solid #db4437;
    color: #db4437
}

.social-login-wrap .google:hover {
    background-color: #db4437;
    color: #fff
}

.single-gallery-video iframe {
    max-width: 100%;
    max-height: 300px !important
}

.single-gallery-video {
    margin-bottom: 50px
}

.single-gallery-video .title {
    font-size: 26px;
    line-height: 36px;
    margin: 20px 0
}

.single-product-item-3 .thumb .tag {
    width: auto;
    padding: 0 10px;
}

.widget.widget_nav_menu ul.product_subcategory_list li a.active:before {
    display: none;
    padding-left: 0;
}

.widget.widget_nav_menu ul li ul {
    margin-top: 10px;
}

.widget-area>.service-widget .widget_nav_menu li a {
    color: #333 !important;
}

.product-info-wrap .product-variant-list {
    display: block;
    margin: 5px 0;
}

.product-info-wrap .product-variant-list li {
    font-size: 14px;
    background-color: #f1f1f1;
    display: inline-block;
    padding: 5px;
    line-height: 16px;
}

.single-product-details .top-content .single-add-to-card-wrapper .addtocart.download {
    line-height: 40px;
}

.only-mobile-version-show {
    display: none;
}

.single-product-details .top-content .slider-gallery-nav .single-gallery-slider-nav-item img {
    opacity: 1;
}

.single-product-details .top-content .slider-gallery-nav .single-gallery-slider-nav-item {
    border: 1px solid #e2e2e2;
    padding: 10px;
    margin: 2px;
}

@media only screen and (max-width: 450px) {
    .only-mobile-version-show {
        display: block;
    }
    .quality-img {
        height: 0;
        min-height: 0px !important;
    }
}


/*New */

.widget-category-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.widget-category-list .single-item {
    width: 48%;
    height: 60px;
    margin-top: 20px;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}

.widget-category-list .single-item .extra-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.widget-category-list .single-item .extra-bg::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #000;
    opacity: .5;
}

.widget-category-list .single-item .wrap {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    text-transform: capitalize;
    color: #fff;
    padding: 15px;
    -webkit-transition: all linear .2s;
    transition: all linear .2s;
}

.widget-category-list .single-item .wrap .right-content {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.widget-category-list .single-item .wrap .right-content {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}





/* custom css start */
.header-top .container {
    width: 100%;
    max-width: 1560px !important;
}
.slidersec .slide button {
    background: transparent !important;
    border: none;
    display: none;
}
.carousel-indicators li {
    width: 15px !important;
    height: 15px;
    border-radius: 50%;
    background: #00b4d8 !important;
    border: none !important;
}
.slidecontent h1,.slidecontent p{
    color:#fff !important;
}
.slidecontent {
    background: rgba(0, 0, 0, .6);
    padding: 50px;
    border-radius: 10px;
    color: #fff;
    width: 100%;
    float: left;
}
.iconbg {
    background: #00b4d8;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    opacity: 1 !important;
}
.slidersec .carousel-caption {
    left: 50% !important;
    bottom: 50% !important;
    transform: translate(-50%, -50%) !important;
    right: auto !important;
}
.section-title h2 {
    font-size: 14px;
    font-weight: 500;
    padding: 0;
    line-height: 1px;
    margin: 0;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: 
 color-mix(in srgb, var(--default-color), transparent 50%);
    position: relative;
}
.section-title h2::after {
    content: "";
    width: 120px;
    height: 1px;
    display: inline-block;
    background: var(--accent-color);
    margin: 4px 10px;
}
.aboutinfo {
    position: relative;
    text-transform: uppercase;
    border-bottom: 2px solid #00b4d8;
    padding-bottom: 10px;
    margin-bottom: 20px;
    width: max-content;
    display: block;
}
.icon-area .icon {
    font-size: 35px;
    line-height: 35px;
    color: #05b4d8;
}
.icon-area p {
    font-size: 18px;
    font-weight: 600;
    margin-left: 15px;
    color: #353539;
}
.about-content .icon-area {
    display: flex;
}
.about-content .icon-area p {
    margin: 0px 10px;
    text-align: center;
}
.back-to-top {
    left: 10px !important;
    right: auto !important;
}









/* custom css end */

.common-title-two {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--heading-font-home-19);
    color: var(--heading-color-home-19);
}

.common-title-two.white-color {
    color: #fff;
}

.common-title-two:hover {
    color: var(--main-color-four);
}

.common-title-two.hover-color-two:hover {
    color: var(--main-color-two);
}

.common-title-two.hover-color-three:hover {
    color: var(--main-color-three);
}

.common-title-two.hover-color-four:hover {
    color: var(--main-color-four);
}

.common-title-three {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--heading-font-home-19);
    color: var(--heading-color-home-19);
}

.common-title-three.white-color {
    color: #fff;
}

.common-title-three:hover {
    color: var(--main-color-four);
}

.common-title-three.hover-color-two:hover {
    color: var(--main-color-two);
}

.common-title-three.hover-color-three:hover {
    color: var(--main-color-three);
}

.common-title-three.hover-color-four:hover {
    color: var(--main-color-four);
}

.common-para {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: var(--extra-light-color);
}

.common-para.white-color {
    color: #fff;
}

.common-price-title {
    font-size: 28px;
    font-weight: 500;
    line-height: 40px;
}

.common-price-title.white-color {
    color: #fff;
}

.common-price-title-two {
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
}

.common-price-title-two.white-color {
    color: #fff;
}

.tab-content-item {
    display: none;
}

.tab-content-item.active {
    display: block;
    -webkit-animation: 1s fade-effects;
    animation: 1s fade-effects;
}

@-webkit-keyframes fade-effects {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes fade-effects {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

.border-1 {
    border: 1px solid #E8E8E8;
}

.slider-inner-margin .slick-slide {
    margin: 15px;
}

.slider-inner-margin .slick-list {
    margin: -15px;
}

.slider-inner-margin-10 .slick-slide {
    margin: 5px;
}

.slider-inner-margin-10 .slick-list {
    margin: -5px;
}

.slick-slider-items.margin-reverse-24 {
    margin: -24px 0 0;
}

.global-slick-init:hover.nav-style-three .prev-icon,
.global-slick-init:hover.nav-style-three .next-icon {
    visibility: visible;
    opacity: 1;
}

.global-slick-init.nav-style-three .prev-icon,
.global-slick-init.nav-style-three .next-icon {
    visibility: hidden;
    opacity: 0;
}

.home-20 .nav-style-banner .prev-icon,
.home-20 .nav-style-banner .next-icon {
    position: absolute;
    right: 50px;
    bottom: 250px;
    font-size: 22px;
    cursor: pointer;
    z-index: 99;
    background: none;
    color: var(--heading-color);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.home-20 .nav-style-banner .prev-icon:hover,
.home-20 .nav-style-banner .next-icon:hover {
    color: var(--main-color-four);
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-20 .nav-style-banner .prev-icon,
    .home-20 .nav-style-banner .next-icon {
        background-color: #fff;
        padding: 0 5px;
        right: 20px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        bottom: unset;
    }
}

@media only screen and (max-width: 575.98px) {
    .home-20 .nav-style-banner .prev-icon,
    .home-20 .nav-style-banner .next-icon {
        top: auto;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        bottom: 60px;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }
}

.home-20 .nav-style-banner .prev-icon {
    right: 80px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-20 .nav-style-banner .prev-icon {
        right: auto;
        left: 20px;
    }
}

.home-20 .append-nav-one .prev-icon,
.home-20 .append-nav-one .next-icon,
.home-20 .append-nav-two .prev-icon,
.home-20 .append-nav-two .next-icon,
.home-20 .append-nav-three .prev-icon,
.home-20 .append-nav-three .next-icon {
    position: absolute;
    right: 45px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 24px;
    cursor: pointer;
    z-index: 0;
    background: none;
    color: var(--heading-color);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.home-20 .append-nav-one .prev-icon:hover,
.home-20 .append-nav-one .next-icon:hover,
.home-20 .append-nav-two .prev-icon:hover,
.home-20 .append-nav-two .next-icon:hover,
.home-20 .append-nav-three .prev-icon:hover,
.home-20 .append-nav-three .next-icon:hover {
    color: var(--main-color-four);
}

.home-20 .append-nav-one .next-icon,
.home-20 .append-nav-two .next-icon,
.home-20 .append-nav-three .next-icon {
    left: auto;
    right: 15px;
}

.home-21 .append-nav-work .prev-icon,
.home-21 .append-nav-work .next-icon,
.home-21 .blog-append-nav .prev-icon,
.home-21 .blog-append-nav .next-icon {
    position: absolute;
    right: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 30px;
    cursor: pointer;
    background: #F2F2F2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 50px;
    width: 50px;
    font-size: 22px;
    z-index: 99;
    color: var(--heading-color);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.home-21 .append-nav-work .prev-icon:hover,
.home-21 .append-nav-work .next-icon:hover,
.home-21 .blog-append-nav .prev-icon:hover,
.home-21 .blog-append-nav .next-icon:hover {
    background-color: var(--main-color-five);
}

.home-21 .append-nav-work .prev-icon,
.home-21 .blog-append-nav .prev-icon {
    right: 55px;
}

.nav-style-two {
    position: relative;
}

.nav-style-two.nav-color-two .prev-icon,
.nav-style-two.nav-color-two .next-icon {
    background: var(--main-color-two);
}

.nav-style-two.nav-color-two .prev-icon:hover,
.nav-style-two.nav-color-two .next-icon:hover {
    color: var(--main-color-two);
}

.nav-style-two.nav-color-three .prev-icon,
.nav-style-two.nav-color-three .next-icon {
    background: var(--main-color-three);
}

.nav-style-two.nav-color-three .prev-icon:hover,
.nav-style-two.nav-color-three .next-icon:hover {
    color: var(--main-color-three);
}

.nav-style-two.nav-color-four .prev-icon:hover,
.nav-style-two.nav-color-four .next-icon:hover {
    color: var(--main-color-four);
}

.nav-style-two .prev-icon,
.nav-style-two .next-icon {
    position: absolute;
    right: 35px;
    top: -78px;
    font-size: 30px;
    cursor: pointer;
    z-index: 99;
    background: none;
    color: var(--heading-color);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.nav-style-two .prev-icon:hover,
.nav-style-two .next-icon:hover {
    color: var(--main-color-four);
}

.nav-style-two .next-icon {
    left: auto;
    right: 5px;
}

.nav-style-one {
    position: relative;
}

.nav-style-one.nav-color-two .prev-icon:hover,
.nav-style-one.nav-color-two .next-icon:hover {
    color: var(--main-color-two);
    border-color: var(--main-color-two);
}

.nav-style-one.nav-color-three .prev-icon:hover,
.nav-style-one.nav-color-three .next-icon:hover {
    color: var(--main-color-three);
    border-color: var(--main-color-three);
}

.nav-style-one .prev-icon,
.nav-style-one .next-icon {
    position: absolute;
    right: -50px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 24px;
    cursor: pointer;
    z-index: 0;
    background: #fff;
    border: 1px solid #ddd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    font-size: 24px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.nav-style-one .prev-icon:hover,
.nav-style-one .next-icon:hover {
    color: var(--main-color-four);
    border-color: var(--main-color-four);
}

@media (min-width: 1200px) and (max-width: 1880px) {
    .nav-style-one .prev-icon,
    .nav-style-one .next-icon {
        right: -20px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .nav-style-one .prev-icon,
    .nav-style-one .next-icon {
        right: -20px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .nav-style-one .prev-icon,
    .nav-style-one .next-icon {
        right: -20px;
    }
}

@media only screen and (max-width: 575.98px) {
    .nav-style-one .prev-icon,
    .nav-style-one .next-icon {
        display: none;
    }
}

.nav-style-one .prev-icon {
    right: auto;
    left: -50px;
}

@media (min-width: 1200px) and (max-width: 1880px) {
    .nav-style-one .prev-icon {
        left: -20px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .nav-style-one .prev-icon {
        left: -20px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .nav-style-one .prev-icon {
        left: -20px;
    }
}

.dot-style-one.banner-dots .slick-dots li {
    height: 5px;
    width: 15px;
    display: block;
    border-radius: 0;
}

.dot-style-one.banner-dots .slick-dots li.slick-active {
    width: 40px;
}

.dot-style-one.banner-dots.dot-color-two .slick-dots li.slick-active {
    background: var(--main-color-two);
}

.dot-style-one.banner-dots.dot-color-three .slick-dots li.slick-active {
    background: var(--main-color-three);
}

.dot-style-one.dot-absolute .slick-dots {
    position: absolute;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media only screen and (max-width: 480px) {
    .dot-style-one.dot-absolute .slick-dots {
        bottom: 20px;
    }
}

@media only screen and (max-width: 375px) {
    .dot-style-one.dot-absolute .slick-dots {
        bottom: 10px;
    }
}

.dot-style-one.dot-style-two .slick-dots li {
    height: 5px;
    width: 12px;
    border-radius: 0;
}

.dot-style-one.dot-style-two .slick-dots li.slick-active {
    background: var(--main-color-four);
    width: 35px;
    border-radius: 2px;
}

.dot-style-one.dot-style-three .slick-dots li {
    border-radius: 0;
}

.dot-style-one.dot-color-two .slick-dots li.slick-active {
    background: var(--main-color-two);
}

.dot-style-one.dot-color-three .slick-dots li.slick-active {
    background: var(--main-color-three);
}

.dot-style-one.dot-color-four .slick-dots li.slick-active {
    background: var(--main-color-four);
}

.dot-style-one .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px;
}

.dot-style-one .slick-dots li {
    text-indent: -9999px;
    height: 10px;
    width: 10px;
    background: #ddd;
    border-radius: 50%;
    display: inline-block;
    margin: 0 5px;
    cursor: pointer;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.dot-style-one .slick-dots li.slick-active {
    background: var(--main-color-four);
}

.dot-style-one .slick-dots li button {
    border: 0;
    outline: none;
}

.body-overlay-desktop {
    position: fixed;
    height: 100vh;
    width: 100%;
    top: 0;
    left: 100%;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    background: rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.body-overlay-desktop.active {
    visibility: visible;
    opacity: 1;
    z-index: 9;
    left: 0;
}

.btn-wrapper button {
    outline: none;
}

.btn-wrapper button:focus {
    outline: none;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    section.promo-area.padding-top-10 {
        padding-top: 0 !important;
    }
}

@media (max-width: 991px) and (min-width: 320px) {
    .row.margin-top-65 {
        margin-top: 45px !important;
    }
    .row.margin-top-40 {
        margin-top: 20px !important;
    }
    .row.margin-top-10 {
        margin-top: 0px !important;
    }
    .col-lg-12.margin-top-10 {
        margin-top: 0px !important;
    }
    .btn-wrapper.margin-top-50 {
        margin-top: 30px !important;
    }
}


/*--------------------------------------------------------------
# Custom Container
--------------------------------------------------------------*/

.container-one,
.container-two,
.container-three {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container,
    .container-sm {
        max-width: 540px;
    }
    .container-one {
        max-width: 540px;
    }
    .container-two {
        max-width: 540px;
    }
    .container-three {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 720px;
    }
    .container-one {
        max-width: 720px;
    }
    .container-two {
        max-width: 720px;
    }
    .container-three {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px;
    }
    .container-one {
        max-width: 960px;
    }
    .container-two {
        max-width: 960px;
    }
    .container-three {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px;
    }
    .container-one {
        max-width: 1140px;
    }
    .container-two {
        max-width: 1170px;
    }
    .container-three {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1320px;
    }
    .container-one {
        max-width: 1320px;
    }
    .container-two {
        max-width: 1380px;
    }
    .container-three {
        max-width: 1320px;
    }
}

@media (min-width: 1600px) {
    .container-one {
        max-width: 1540px;
    }
    .container-two {
        max-width: 1580px;
    }
    .container-three {
        max-width: 1560px;
    }
}

@media (min-width: 1800px) {
    .container-one {
        max-width: 1740px;
    }
    .container-two {
        max-width: 1680px;
    }
}


/*--------------------------------------------------------------
# Global
--------------------------------------------------------------*/

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

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

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

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

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

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

.fs-12 {
    font-size: 12px !important;
}

.fs-13 {
    font-size: 13px !important;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-15 {
    font-size: 15px !important;
}

.fs-17 {
    font-size: 17px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-20 {
    font-size: 20px !important;
}

.fs-22 {
    font-size: 22px !important;
}

.fs-24 {
    font-size: 24px !important;
}

.fs-25 {
    font-size: 25px !important;
}

.fs-26 {
    font-size: 26px !important;
}

.fs-27 {
    font-size: 27px !important;
}

.fs-28 {
    font-size: 28px !important;
}

.fs-30 {
    font-size: 30px !important;
}

.fs-32 {
    font-size: 32px !important;
}

.fs-36 {
    font-size: 36px !important;
}

.fs-46 {
    font-size: 46px !important;
}

.fs-65 {
    font-size: 65px !important;
}

.ff-rubik {
    font-family: var(--rubik-font) !important;
}

.ff-roboto {
    font-family: var(--roboto-font) !important;
}

.ff-opensans {
    font-family: var(--opensans-font) !important;
}

.ff-montserrat {
    font-family: var(--montserrat-font) !important;
}

.ff-jost {
    font-family: var(--jost-font) !important;
}

.ff-playfair {
    font-family: var(--playfair-font) !important;
}

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

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .padding-left-50 {
        padding-left: 10px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .padding-left-50 {
        padding-left: 0;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .padding-left-50 {
        padding-left: 0;
    }
}

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

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

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

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

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

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

@media (min-width: 300px) and (max-width: 991.98px) {
    .padding-top-40 {
        padding-top: 30px !important;
    }
}

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

@media (min-width: 300px) and (max-width: 991.98px) {
    .padding-top-45 {
        padding-top: 30px !important;
    }
}

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

@media (min-width: 300px) and (max-width: 991.98px) {
    .padding-top-55 {
        padding-top: 40px !important;
    }
}

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

@media (min-width: 300px) and (max-width: 991.98px) {
    .padding-top-50 {
        padding-top: 35px !important;
    }
}

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

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

@media (min-width: 300px) and (max-width: 991.98px) {
    .padding-top-65 {
        padding-top: 35px !important;
    }
}

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

@media (min-width: 300px) and (max-width: 991.98px) {
    .padding-top-70 {
        padding-top: 40px !important;
    }
}

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

@media (min-width: 300px) and (max-width: 991.98px) {
    .padding-top-75 {
        padding-top: 45px !important;
    }
}

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

@media (min-width: 300px) and (max-width: 991.98px) {
    .padding-top-80 {
        padding-top: 60px !important;
    }
}

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

.padding-top-90 {
    padding-top: 90px;
}

.padding-top-95 {
    padding-top: 95px;
}

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

@media (min-width: 300px) and (max-width: 991.98px) {
    .padding-top-100 {
        padding-top: 70px !important;
    }
}

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

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

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

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

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

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

@media (min-width: 300px) and (max-width: 991.98px) {
    .padding-top-130 {
        padding-top: 80px !important;
    }
}

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

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

@media (min-width: 300px) and (max-width: 991.98px) {
    .padding-top-140 {
        padding-top: 80px !important;
    }
}

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

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

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

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

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

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

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

@media (min-width: 300px) and (max-width: 991.98px) {
    .padding-bottom-40 {
        padding-bottom: 30px !important;
    }
}

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

@media (min-width: 300px) and (max-width: 991.98px) {
    .padding-bottom-45 {
        padding-bottom: 30px !important;
    }
}

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

@media (min-width: 300px) and (max-width: 991.98px) {
    .padding-bottom-50 {
        padding-bottom: 35px !important;
    }
}

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

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

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

@media (min-width: 300px) and (max-width: 991.98px) {
    .padding-bottom-65 {
        padding-bottom: 40px !important;
    }
}

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

@media (min-width: 300px) and (max-width: 991.98px) {
    .padding-bottom-70 {
        padding-bottom: 40px !important;
    }
}

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

@media (min-width: 300px) and (max-width: 991.98px) {
    .padding-bottom-75 {
        padding-bottom: 45px !important;
    }
}

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

@media (min-width: 300px) and (max-width: 991.98px) {
    .padding-bottom-80 {
        padding-bottom: 60px !important;
    }
}

.padding-bottom-90 {
    padding-bottom: 90px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .padding-bottom-90 {
        padding-bottom: 60px !important;
    }
}

.padding-bottom-95 {
    padding-bottom: 95px;
}

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

@media (min-width: 300px) and (max-width: 991.98px) {
    .padding-bottom-100 {
        padding-bottom: 70px !important;
    }
}

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

@media (min-width: 300px) and (max-width: 991.98px) {
    .padding-bottom-130 {
        padding-bottom: 80px !important;
    }
}

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

@media (min-width: 300px) and (max-width: 991.98px) {
    .padding-bottom-140 {
        padding-bottom: 80px !important;
    }
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-30 {
    margin-top: 30px;
}

.margin-top-35 {
    margin-top: 35px;
}

.margin-top-40 {
    margin-top: 40px;
}

.margin-top-45 {
    margin-top: 45px;
}

.margin-top-50 {
    margin-top: 50px;
}

.margin-top-55 {
    margin-top: 55px;
}

.margin-top-60 {
    margin-top: 60px;
}

.margin-top-65 {
    margin-top: 65px;
}

.margin-bottom-0 {
    margin-bottom: 0px !important;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-25 {
    margin-bottom: 25px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-bottom-35 {
    margin-bottom: 35px;
}

.margin-bottom-40 {
    margin-bottom: 40px;
}

.margin-bottom-50 {
    margin-bottom: 50px;
}

.margin-bottom-55 {
    margin-bottom: 55px;
}

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

.overflow-hidden {
    overflow: hidden;
}


/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}


/*--------------------------------------------------------------
# Keyframes Animation
--------------------------------------------------------------*/

@-webkit-keyframes floating {
    0% {
        -webkit-transform: translatey(0px);
        transform: translatey(0px);
    }
    50% {
        -webkit-transform: translatey(-50px);
        transform: translatey(-50px);
    }
    100% {
        -webkit-transform: translatey(0px);
        transform: translatey(0px);
    }
}

@keyframes floating {
    0% {
        -webkit-transform: translatey(0px);
        transform: translatey(0px);
    }
    50% {
        -webkit-transform: translatey(-50px);
        transform: translatey(-50px);
    }
    100% {
        -webkit-transform: translatey(0px);
        transform: translatey(0px);
    }
}

@-webkit-keyframes round-moving {
    from {
        -webkit-transform: rotate(0deg) translateX(120px) rotate(0deg);
        transform: rotate(0deg) translateX(120px) rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg) translateX(120px) rotate(-360deg);
        transform: rotate(360deg) translateX(120px) rotate(-360deg);
    }
}

@keyframes round-moving {
    from {
        -webkit-transform: rotate(0deg) translateX(120px) rotate(0deg);
        transform: rotate(0deg) translateX(120px) rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg) translateX(120px) rotate(-360deg);
        transform: rotate(360deg) translateX(120px) rotate(-360deg);
    }
}

@-webkit-keyframes round-moving2 {
    from {
        -webkit-transform: rotate(0deg) translateX(60px) rotate(0deg);
        transform: rotate(0deg) translateX(60px) rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg) translateX(60px) rotate(-360deg);
        transform: rotate(360deg) translateX(60px) rotate(-360deg);
    }
}

@keyframes round-moving2 {
    from {
        -webkit-transform: rotate(0deg) translateX(60px) rotate(0deg);
        transform: rotate(0deg) translateX(60px) rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg) translateX(60px) rotate(-360deg);
        transform: rotate(360deg) translateX(60px) rotate(-360deg);
    }
}

@-webkit-keyframes pulsing {
    0% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

@keyframes pulsing {
    0% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

.header-style-03 .navbar-area {
    padding: 0;
    position: relative;
    z-index: 99;
}

.header-style-03 .navbar-area.nav-absolute {
    position: absolute;
    left: 0;
    top: auto;
    width: 100%;
    z-index: 99;
}

.header-variant-06 .navbar-area.nav-fixed,
.header-variant-07 .navbar-area.nav-fixed,
.header-variant-08 .navbar-area.nav-fixed,
.header-variant-09 .navbar-area.nav-fixed {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: var(--heading-color);
    z-index: 999;
}
.header-variant-08 .navbar-area.nav-fixed,
.header-variant-08 .navbar-area.nav-fixed {
    background-color: #fff;
}
.header-variant-19 .navbar-area.nav-fixed,
.header-variant-20 .navbar-area.nav-fixed,
.header-variant-21 .navbar-area.nav-fixed {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #f0f0f0;
    z-index: 999;
}
.header-style-03 .navbar-area .nav-container {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    padding: 0 30px;
}

.header-variant-20 .navbar-area .nav-container {
    padding: 0 15px;
}

.header-variant-21 .navbar-area .nav-container {
    padding: 0 15px;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav {
    display: block;
    width: 100%;
    text-align: center;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 90px;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li a {
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children,
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu {
    position: relative;
    z-index: 0;
    padding-right: 15px;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before,
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:before {
    position: absolute;
    right: 0;
    top: 50%;
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li+li {
    margin-left: 20px;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 90px;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
    position: absolute;
    text-align: left;
    min-width: 220px;
    margin: 0;
    padding: 0;
    list-style: none;
    left: 0;
    top: 100%;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
    background-color: #fff;
    z-index: 9;
    border-bottom: 4px solid var(--main-color-one);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover>.sub-menu,
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:hover>.xg_mega_menu_wrapper {
    visibility: visible;
    opacity: 1;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children {
    position: relative;
    z-index: 0;
    padding-right: 0;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:before {
    position: absolute;
    right: 15px;
    top: 50%;
    content: "";
    font-family: "Font Awesome 5 Free";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li {
    display: block;
    margin-left: 0;
    line-height: 24px;
    font-size: 16px;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {
    display: block;
    padding: 12px 30px;
    background-color: #fff;
    white-space: nowrap;
    color: var(--paragraph-color);
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children,
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu {
    position: relative;
    z-index: 0;
    padding-right: 15px;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children>.sub-menu {
    left: 100%;
    top: 20px;
}

.xg_mega_menu_wrapper {
    max-width: 1140px;
    width: calc(100vw - 180px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    box-sizing: border-box;
    border-radius: 5px;
    overflow: hidden;
    z-index: 9999;
    background-color: #fff;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.06);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    top: auto;
}

.xg-mega-menu-container {
    padding: 40px;
}

.xg-mega-menu-single-column-wrap {
    text-align: left;
    margin-bottom: 30px;
}

.xg-mega-menu-single-column-wrap .mega-menu-title {
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    margin-bottom: 20px;
    color: var(--heading-color);
}

.xg-mega-menu-single-column-wrap ul {
    margin: 0;
    padding: 0;
}

.xg-mega-menu-single-column-wrap ul li {
    display: block !important;
    width: 100%;
    line-height: 30px !important;
    margin-left: 0 !important;
    font-weight: 400 !important;
}

.xg-mega-menu-single-column-wrap ul li a {
    color: var(--paragraph-color) !important;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
}

.xg-mega-menu-single-column-wrap ul li.single-mega-menu-product-item {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-bottom: 20px;
}

.xg-mega-menu-single-column-wrap ul .single-mega-menu-product-item .title {
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    margin-bottom: 5px;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
}

.xg-mega-menu-single-column-wrap ul .single-mega-menu-product-item .thumbnail {
    max-width: 80px;
    margin-right: 15px;
}

.xg-mega-menu-single-column-wrap ul .single-mega-menu-product-item .content .price-wrap {
    font-size: 14px;
    line-height: 26px;
    font-weight: 700;
}

.xg-mega-menu-single-column-wrap ul .single-mega-menu-product-item .content .price-wrap .price {
    color: var(--heading-color);
    margin-right: 8px;
}

.xg-mega-menu-single-column-wrap ul .single-mega-menu-product-item .content .price-wrap del {
    color: var(--paragraph-color) !important;
    opacity: 0.6;
}

.single-donation-mega-menu-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-bottom: 20px;
}

.single-donation-mega-menu-item .thumbnail {
    margin-right: 20px;
    min-width: 100px;
}

.single-donation-mega-menu-item .content {
    padding-right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.single-donation-mega-menu-item .title {
    font-size: 16px;
    text-align: left;
    font-weight: 600;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
}

.single-donation-mega-menu-item .content .goal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.single-donation-mega-menu-item .content .goal h4 {
    font-size: 12px;
    line-height: 15px;
    font-weight: 700;
    color: var(--paragraph-color);
}

.single-donation-mega-menu-item .content .boxed-btn {
    display: inline-block;
    background-color: var(--main-color-five);
    line-height: 26px;
    border-radius: 5px;
    color: #fff !important;
    font-size: 14px;
    margin-top: 10px;
    text-align: center;
}

.header-variant-19 .navbar-area .nav-container {
    padding: 0 15px;
    gap: 30px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .header-variant-19 .navbar-area .nav-container {
        display: block;
    }
}

.navbar-nav-right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}


/* Sidebar css */

.nav-right-content .sidebar-area .side-bars {
    background-color: var(--main-color-five);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 45px;
    width: 45px;
}

.nav-right-content .sidebar-area .side-bars .bar-line {
    display: inline-block;
    height: 2px;
    width: 25px;
    background-color: var(--heading-color);
    position: relative;
    z-index: 1;
}

.nav-right-content .sidebar-area .side-bars .bar-line::before,
.nav-right-content .sidebar-area .side-bars .bar-line::after {
    content: "";
    height: 2px;
    width: 12px;
    background-color: var(--heading-color);
    position: absolute;
    top: -9px;
    right: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.nav-right-content .sidebar-area .side-bars .bar-line::after {
    width: 20px;
    top: auto;
    bottom: -9px;
}

.nav-right-content .sidebar-area .side-bars .bar-line.active {
    background-color: unset;
}

.nav-right-content .sidebar-area .side-bars .bar-line.active::before,
.nav-right-content .sidebar-area .side-bars .bar-line.active::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0;
    width: 25px;
}

.nav-right-content .sidebar-area .side-bars .bar-line.active::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.click-content-show {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 60px;
    font-size: 18px;
    visibility: hidden;
    opacity: 0;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .click-content-show {
        visibility: visible;
        opacity: 1;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .right-contents-show {
        position: relative;
        top: 20px;
        margin-left: auto;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }
    .right-contents-show.show {
        visibility: visible;
        opacity: 1;
        top: 50px;
        background: #fff;
        padding: 0 5px;
    }
}

.header-variant-19 .logo-wrapper,
.header-variant-21 .logo-wrapper,
.header-variant-20 .logo-wrapper {
    max-width: 180px;
}

@media only screen and (max-width: 480px) {
    .header-variant-19 .logo-wrapper,
    .header-variant-21 .logo-wrapper,
    .header-variant-20 .logo-wrapper {
        max-width: 170px;
    }
}

@media only screen and (max-width: 375px) {
    .header-variant-19 .logo-wrapper,
    .header-variant-21 .logo-wrapper,
    .header-variant-20 .logo-wrapper {
        max-width: 150px;
    }
}


/* Navbar Search area */

.date-search-contents-wrapper {
    position: relative;
    z-index: 1;
}

.date-content-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}

.date-content-area .single-date .update-date {
    font-size: 18px;
    font-weight: 500;
    font-family: var(--heading-font-home-20);
    color: var(--heading-color);
}

.search-form {
    max-width: 300px;
    position: relative;
}

.search-form .form--control {
    border: 0;
    outline: none;
    height: 60px;
    background: rgba(221, 221, 221, 0.3);
    padding: 0 15px 0 40px;
}

.search-form button {
    position: absolute;
    left: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: none;
    border: 0;
    color: var(--light-color);
    cursor: pointer;
}


/* navbar icon list */

.right-icon-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

.right-icon-list .single-icon {
    font-size: 18px;
    color: var(--light-color);
}

@media only screen and (max-width: 991px) {
    .navbar-area .nav-container .responsive-mobile-menu .navbar-toggler {
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        border: 1px solid rgba(255, 255, 255, 0.8);
        /*background-color: #f3f3f3;*/
        background-color: #333;
    }
    .navbar.navbar-area .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.50)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    }
    .navbar-toggler-icon {
        display: inline-block;
        width: 1.5em;
        height: 1.5em;
        vertical-align: middle;
        content: "";
        background: no-repeat center center;
        background-size: 100% 100%;
    }
    .navbar-area .navbar-collapse {
        position: absolute;
        top: 100%;
        background: #fff;
        z-index: 9;
        right: 0;
        width: 100%;
        padding-left: 20px;
        z-index: 99999;
    }
    .navbar-area .nav-container .navbar-collapse .navbar-nav {
        display: block;
        margin-top: 20px;
    }
    .navbar-area .nav-container .navbar-collapse .navbar-nav li {
        display: block;
        text-align: left;
        line-height: 30px;
        padding: 10px 0;
        border-bottom: 1px solid #e2e2e2;
    }
    .navbar-area .nav-container .navbar-collapse .navbar-nav li+li {
        margin-left: 0;
    }
    .navbar-area .nav-container .navbar-collapse .navbar-nav li {
        display: block;
        text-align: left;
        line-height: 30px;
        padding: 10px 0;
        border-bottom: 1px solid #e2e2e2;
    }
    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before,
    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:before {
        top: 25px;
        right: 20px;
    }
    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu,
    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu .sub-menu {
        position: initial;
        display: block;
        width: 100%;
        border-top: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin-left: 0;
        padding-bottom: 0;
        visibility: hidden;
        opacity: 0;
        height: 0;
        overflow: hidden;
        max-height: 250px;
        overflow-y: scroll;
        -webkit-transition: height 0.5s;
        transition: height 0.5s;
    }
    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:first-child {
        border-top: 1px solid #e2e2e2;
    }
    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li {
        padding: 0;
    }
    .xg_mega_menu_wrapper {
        max-width: 100%;
        top: auto;
    }
    .xg-mega-menu-container {
        padding: 10px 0;
        width: 100%;
        max-width: 100%;
    }
    .xg-mega-menu-single-column-wrap {
        margin-bottom: 20px;
    }
    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover>.submenu,
    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:hover>.xg_mega_menu_wrapper {
        position: initial;
        -webkit-box-shadow: none;
        box-shadow: none;
        width: 100%;
        max-width: 100%;
    }
}


/*--------------------------------------------------------------
	04. Footer Style
--------------------------------------------------------------*/

.home-19.footer-area,
.home-20.footer-area,
.home-21.footer-area {
    position: relative;
    z-index: 1;
}

.home-19 .footer-top-border,
.home-20 .footer-top-border,
.home-21 .footer-top-border {
    border-bottom: 1px solid #ddd;
}

.home-19 .footer-top-border.white-color,
.home-20 .footer-top-border.white-color,
.home-21 .footer-top-border.white-color {
    border-color: #DDD;
}

.home-19 .footer-widget,
.home-20 .footer-widget,
.home-21 .footer-widget {
    position: relative;
    z-index: 1;
}

.home-19 .footer-widget .widget-title,
.home-20 .footer-widget .widget-title,
.home-21 .footer-widget .widget-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    text-transform: capitalize;
    position: relative;
}

.home-19 .footer-widget .logo-borders,
.home-20 .footer-widget .logo-borders,
.home-21 .footer-widget .logo-borders {
    border-right: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
}

.home-19 .footer-widget .footer-inner .footer-logo,
.home-20 .footer-widget .footer-inner .footer-logo,
.home-21 .footer-widget .footer-inner .footer-logo {
    text-align: center;
}

.home-19 .footer-widget .footer-inner .footer-logo-para,
.home-20 .footer-widget .footer-inner .footer-logo-para,
.home-21 .footer-widget .footer-inner .footer-logo-para {
    font-size: 15px;
}

.home-19 .footer-widget .footer-inner .footer-para,
.home-20 .footer-widget .footer-inner .footer-para,
.home-21 .footer-widget .footer-inner .footer-para {
    font-size: 16px;
    color: var(--light-color);
    line-height: 28px;
}

.home-19 .footer-widget .footer-inner .footer-link-list,
.home-20 .footer-widget .footer-inner .footer-link-list,
.home-21 .footer-widget .footer-inner .footer-link-list {
    padding: 0;
}

.home-19 .footer-widget .footer-inner .footer-link-list .list,
.home-20 .footer-widget .footer-inner .footer-link-list .list,
.home-21 .footer-widget .footer-inner .footer-link-list .list {
    position: relative;
    z-index: 2;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.home-19 .footer-widget .footer-inner .footer-link-list .list:not(:last-child),
.home-20 .footer-widget .footer-inner .footer-link-list .list:not(:last-child),
.home-21 .footer-widget .footer-inner .footer-link-list .list:not(:last-child) {
    margin-bottom: 15px;
}

.home-19 .footer-widget .footer-inner .footer-link-list .list:hover a,
.home-20 .footer-widget .footer-inner .footer-link-list .list:hover a,
.home-21 .footer-widget .footer-inner .footer-link-list .list:hover a {
    color: var(--main-color-four);
}

.home-19 .footer-widget .footer-inner .footer-link-list .list a,
.home-20 .footer-widget .footer-inner .footer-link-list .list a,
.home-21 .footer-widget .footer-inner .footer-link-list .list a {
    font-size: 16px;
    font-weight: 400;
    color: var(--light-color);
    position: relative;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    position: relative;
    z-index: 1;
}

.home-19 .footer-widget .footer-inner .footer-link-list .list a:hover,
.home-20 .footer-widget .footer-inner .footer-link-list .list a:hover,
.home-21 .footer-widget .footer-inner .footer-link-list .list a:hover {
    color: var(--main-color-four);
}

.home-19 .footer-widget .footer-inner .footer-link-address,
.home-20 .footer-widget .footer-inner .footer-link-address,
.home-21 .footer-widget .footer-inner .footer-link-address {
    padding: 0;
}

.home-19 .footer-widget .footer-inner .footer-link-address .list:not(:last-child),
.home-20 .footer-widget .footer-inner .footer-link-address .list:not(:last-child),
.home-21 .footer-widget .footer-inner .footer-link-address .list:not(:last-child) {
    margin-bottom: 15px;
}

.home-19 .footer-widget .footer-inner .footer-link-address .list .address,
.home-20 .footer-widget .footer-inner .footer-link-address .list .address,
.home-21 .footer-widget .footer-inner .footer-link-address .list .address {
    font-size: 16px;
    line-height: 26px;
    display: block;
    color: var(--light-color);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.home-19 .footer-widget .footer-inner .footer-link-address .list .address:hover,
.home-20 .footer-widget .footer-inner .footer-link-address .list .address:hover,
.home-21 .footer-widget .footer-inner .footer-link-address .list .address:hover {
    color: var(--main-color-four);
}

.home-19 .footer-widget .footer-inner .footer-link-address .list .address i,
.home-20 .footer-widget .footer-inner .footer-link-address .list .address i,
.home-21 .footer-widget .footer-inner .footer-link-address .list .address i {
    color: var(--main-color-four);
}

.home-19 .footer-widget .footer-inner .footer-social-list,
.home-20 .footer-widget .footer-inner .footer-social-list,
.home-21 .footer-widget .footer-inner .footer-social-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    gap: 10px;
}

@media only screen and (max-width: 575.98px) {
    .home-19 .footer-widget .footer-inner .footer-social-list,
    .home-20 .footer-widget .footer-inner .footer-social-list,
    .home-21 .footer-widget .footer-inner .footer-social-list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.home-19 .footer-widget .footer-inner .footer-social-list .lists a,
.home-20 .footer-widget .footer-inner .footer-social-list .lists a,
.home-21 .footer-widget .footer-inner .footer-social-list .lists a {
    color: var(--light-color);
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 30px;
    width: 30px;
    border-radius: 5px;
    background: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

@media only screen and (max-width: 575.98px) {
    .home-19 .footer-widget .footer-inner .footer-social-list .lists a,
    .home-20 .footer-widget .footer-inner .footer-social-list .lists a,
    .home-21 .footer-widget .footer-inner .footer-social-list .lists a {
        font-size: 18px;
        height: 35px;
        width: 35px;
    }
}

@media only screen and (max-width: 375px) {
    .home-19 .footer-widget .footer-inner .footer-social-list .lists a,
    .home-20 .footer-widget .footer-inner .footer-social-list .lists a,
    .home-21 .footer-widget .footer-inner .footer-social-list .lists a {
        height: 30px;
        width: 30px;
    }
}

.home-19 .footer-widget .footer-inner .footer-social-list .lists a:hover,
.home-20 .footer-widget .footer-inner .footer-social-list .lists a:hover,
.home-21 .footer-widget .footer-inner .footer-social-list .lists a:hover {
    color: #fff;
    background: var(--main-color-four);
}

.home-19 .footer-widget .footer-inner .subscribe-para,
.home-20 .footer-widget .footer-inner .subscribe-para,
.home-21 .footer-widget .footer-inner .subscribe-para {
    font-size: 16px;
    color: var(--light-color);
}

.home-19 .footer-widget .footer-inner .subscribe-form,
.home-20 .footer-widget .footer-inner .subscribe-form,
.home-21 .footer-widget .footer-inner .subscribe-form {
    margin-top: 30px;
}

.home-19 .footer-widget .footer-inner .subscribe-form .widget-form-single,
.home-20 .footer-widget .footer-inner .subscribe-form .widget-form-single,
.home-21 .footer-widget .footer-inner .subscribe-form .widget-form-single {
    position: relative;
    max-width: 255px;
}

.home-19 .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control,
.home-20 .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control,
.home-21 .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control {
    width: 100%;
    height: 55px;
    line-height: 55px;
    border-radius: 5px;
    background: #fff;
    color: var(--light-color);
    border: 1px solid #fff;
    padding: 0 60px 0 20px;
    -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
}

.home-19 .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control::-webkit-input-placeholder,
.home-20 .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control::-webkit-input-placeholder,
.home-21 .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control::-webkit-input-placeholder {
    color: var(--extra-light-color);
    font-size: 16px;
}

.home-19 .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control::-moz-placeholder,
.home-20 .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control::-moz-placeholder,
.home-21 .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control::-moz-placeholder {
    color: var(--extra-light-color);
    font-size: 16px;
}

.home-19 .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control:-ms-input-placeholder,
.home-20 .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control:-ms-input-placeholder,
.home-21 .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control:-ms-input-placeholder {
    color: var(--extra-light-color);
    font-size: 16px;
}

.home-19 .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control::-ms-input-placeholder,
.home-20 .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control::-ms-input-placeholder,
.home-21 .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control::-ms-input-placeholder {
    color: var(--extra-light-color);
    font-size: 16px;
}

.home-19 .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control::-webkit-input-placeholder,
.home-20 .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control::-webkit-input-placeholder,
.home-21 .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control::-webkit-input-placeholder {
    color: var(--extra-light-color);
    font-size: 16px;
}

.home-19 .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control::-moz-placeholder,
.home-20 .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control::-moz-placeholder,
.home-21 .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control::-moz-placeholder {
    color: var(--extra-light-color);
    font-size: 16px;
}

.home-19 .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control:-ms-input-placeholder,
.home-20 .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control:-ms-input-placeholder,
.home-21 .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control:-ms-input-placeholder {
    color: var(--extra-light-color);
    font-size: 16px;
}

.home-19 .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control::-ms-input-placeholder,
.home-20 .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control::-ms-input-placeholder,
.home-21 .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control::-ms-input-placeholder {
    color: var(--extra-light-color);
    font-size: 16px;
}

.home-19 .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control::placeholder,
.home-20 .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control::placeholder,
.home-21 .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control::placeholder {
    color: var(--extra-light-color);
    font-size: 16px;
}

.home-19 .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control:focus,
.home-20 .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control:focus,
.home-21 .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control:focus {
    border: 1px solid rgba(255, 105, 92, 0.2);
    -webkit-box-shadow: 0 0 20px rgba(255, 105, 92, 0.1);
    box-shadow: 0 0 20px rgba(255, 105, 92, 0.1);
}

.home-19 .footer-widget .footer-inner .subscribe-form .widget-form-single button,
.home-20 .footer-widget .footer-inner .subscribe-form .widget-form-single button,
.home-21 .footer-widget .footer-inner .subscribe-form .widget-form-single button {
    outline: none;
    border: 0;
    position: absolute;
    top: 0;
    right: 0;
    height: 45px;
    width: 50px;
    background: var(--main-color-four);
    font-size: 20px;
    color: #fff;
    border-radius: 3px;
    margin: 5px;
    cursor: pointer;
}

.home-19 .footer-widget .footer-inner .footer-recent-single:not(:last-child),
.home-20 .footer-widget .footer-inner .footer-recent-single:not(:last-child),
.home-21 .footer-widget .footer-inner .footer-recent-single:not(:last-child) {
    margin-bottom: 30px;
}

.home-19 .footer-widget .footer-inner .footer-recent-single .footer-recent-flex,
.home-20 .footer-widget .footer-inner .footer-recent-single .footer-recent-flex,
.home-21 .footer-widget .footer-inner .footer-recent-single .footer-recent-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-19 .footer-widget .footer-inner .footer-recent-single .footer-recent-flex,
    .home-20 .footer-widget .footer-inner .footer-recent-single .footer-recent-flex,
    .home-21 .footer-widget .footer-inner .footer-recent-single .footer-recent-flex {
        gap: 10px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-19 .footer-widget .footer-inner .footer-recent-single .footer-recent-flex,
    .home-20 .footer-widget .footer-inner .footer-recent-single .footer-recent-flex,
    .home-21 .footer-widget .footer-inner .footer-recent-single .footer-recent-flex {
        gap: 10px;
    }
}

@media only screen and (max-width: 767.98px) {
    .home-19 .footer-widget .footer-inner .footer-recent-single .footer-recent-flex,
    .home-20 .footer-widget .footer-inner .footer-recent-single .footer-recent-flex,
    .home-21 .footer-widget .footer-inner .footer-recent-single .footer-recent-flex {
        gap: 10px;
    }
}

.home-19 .footer-widget .footer-inner .footer-recent-single .footer-recent-flex .recents-thumbs,
.home-20 .footer-widget .footer-inner .footer-recent-single .footer-recent-flex .recents-thumbs,
.home-21 .footer-widget .footer-inner .footer-recent-single .footer-recent-flex .recents-thumbs {
    max-width: 130px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-19 .footer-widget .footer-inner .footer-recent-single .footer-recent-flex .recents-thumbs,
    .home-20 .footer-widget .footer-inner .footer-recent-single .footer-recent-flex .recents-thumbs,
    .home-21 .footer-widget .footer-inner .footer-recent-single .footer-recent-flex .recents-thumbs {
        max-width: 100px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-19 .footer-widget .footer-inner .footer-recent-single .footer-recent-flex .recents-thumbs,
    .home-20 .footer-widget .footer-inner .footer-recent-single .footer-recent-flex .recents-thumbs,
    .home-21 .footer-widget .footer-inner .footer-recent-single .footer-recent-flex .recents-thumbs {
        max-width: 90px;
    }
}

@media only screen and (max-width: 767.98px) {
    .home-19 .footer-widget .footer-inner .footer-recent-single .footer-recent-flex .recents-thumbs,
    .home-20 .footer-widget .footer-inner .footer-recent-single .footer-recent-flex .recents-thumbs,
    .home-21 .footer-widget .footer-inner .footer-recent-single .footer-recent-flex .recents-thumbs {
        max-width: 90px;
    }
}

.home-19 .footer-widget .footer-inner .footer-recent-single .footer-recent-flex .footer-recent-text,
.home-20 .footer-widget .footer-inner .footer-recent-single .footer-recent-flex .footer-recent-text,
.home-21 .footer-widget .footer-inner .footer-recent-single .footer-recent-flex .footer-recent-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.home-19 .footer-widget .footer-inner .footer-recent-single .footer-recent-flex .footer-recent-text .footer-recent-para,
.home-20 .footer-widget .footer-inner .footer-recent-single .footer-recent-flex .footer-recent-text .footer-recent-para,
.home-21 .footer-widget .footer-inner .footer-recent-single .footer-recent-flex .footer-recent-text .footer-recent-para {
    color: var(--light-color);
    font-size: 18px;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-19 .footer-widget .footer-inner .footer-recent-single .footer-recent-flex .footer-recent-text .footer-recent-para,
    .home-20 .footer-widget .footer-inner .footer-recent-single .footer-recent-flex .footer-recent-text .footer-recent-para,
    .home-21 .footer-widget .footer-inner .footer-recent-single .footer-recent-flex .footer-recent-text .footer-recent-para {
        font-size: 17px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-19 .footer-widget .footer-inner .footer-recent-single .footer-recent-flex .footer-recent-text .footer-recent-para,
    .home-20 .footer-widget .footer-inner .footer-recent-single .footer-recent-flex .footer-recent-text .footer-recent-para,
    .home-21 .footer-widget .footer-inner .footer-recent-single .footer-recent-flex .footer-recent-text .footer-recent-para {
        font-size: 16px;
        font-weight: 400;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-19 .footer-widget .footer-inner .footer-recent-single .footer-recent-flex .footer-recent-text .footer-recent-para,
    .home-20 .footer-widget .footer-inner .footer-recent-single .footer-recent-flex .footer-recent-text .footer-recent-para,
    .home-21 .footer-widget .footer-inner .footer-recent-single .footer-recent-flex .footer-recent-text .footer-recent-para {
        font-size: 16px;
        font-weight: 400;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19 .footer-widget .footer-inner .footer-recent-single .footer-recent-flex .footer-recent-text .footer-recent-para,
    .home-20 .footer-widget .footer-inner .footer-recent-single .footer-recent-flex .footer-recent-text .footer-recent-para,
    .home-21 .footer-widget .footer-inner .footer-recent-single .footer-recent-flex .footer-recent-text .footer-recent-para {
        font-weight: 400;
        font-size: 16px;
    }
}

.home-19 .footer-widget .footer-inner .payment-list,
.home-20 .footer-widget .footer-inner .payment-list,
.home-21 .footer-widget .footer-inner .payment-list {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 20px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19 .footer-widget .footer-inner .payment-list,
    .home-20 .footer-widget .footer-inner .payment-list,
    .home-21 .footer-widget .footer-inner .payment-list {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 10px 15px;
    }
}

@media only screen and (max-width: 767.98px) {
    .home-19 .footer-widget .footer-inner .payment-list,
    .home-20 .footer-widget .footer-inner .payment-list,
    .home-21 .footer-widget .footer-inner .payment-list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.home-19 .footer-widget .footer-inner .payment-list .list,
.home-20 .footer-widget .footer-inner .payment-list .list,
.home-21 .footer-widget .footer-inner .payment-list .list {
    background-color: #fff;
}

.home-19 .footer-widget .footer-inner .privacy-list,
.home-20 .footer-widget .footer-inner .privacy-list,
.home-21 .footer-widget .footer-inner .privacy-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (max-width: 767.98px) {
    .home-19 .footer-widget .footer-inner .privacy-list,
    .home-20 .footer-widget .footer-inner .privacy-list,
    .home-21 .footer-widget .footer-inner .privacy-list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.home-19 .footer-widget .footer-inner .privacy-list li,
.home-20 .footer-widget .footer-inner .privacy-list li,
.home-21 .footer-widget .footer-inner .privacy-list li {
    position: relative;
    z-index: 2;
}

.home-19 .footer-widget .footer-inner .privacy-list li:hover a,
.home-20 .footer-widget .footer-inner .privacy-list li:hover a,
.home-21 .footer-widget .footer-inner .privacy-list li:hover a {
    color: var(--main-color-four);
}

.home-19 .footer-widget .footer-inner .privacy-list li:not(:last-child),
.home-20 .footer-widget .footer-inner .privacy-list li:not(:last-child),
.home-21 .footer-widget .footer-inner .privacy-list li:not(:last-child) {
    padding-right: 20px;
}

.home-19 .footer-widget .footer-inner .privacy-list li:not(:first-child),
.home-20 .footer-widget .footer-inner .privacy-list li:not(:first-child),
.home-21 .footer-widget .footer-inner .privacy-list li:not(:first-child) {
    padding-left: 20px;
}

.home-19 .footer-widget .footer-inner .privacy-list li:not(:first-child)::before,
.home-20 .footer-widget .footer-inner .privacy-list li:not(:first-child)::before,
.home-21 .footer-widget .footer-inner .privacy-list li:not(:first-child)::before {
    content: "";
    position: absolute;
    left: 0;
    height: 20px;
    width: 2px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: var(--extra-light-color);
}

.home-19 .footer-widget .footer-inner .privacy-list li a,
.home-20 .footer-widget .footer-inner .privacy-list li a,
.home-21 .footer-widget .footer-inner .privacy-list li a {
    color: var(--light-color);
}

.home-19 .footer-widget .footer-inner .footer-call,
.home-20 .footer-widget .footer-inner .footer-call,
.home-21 .footer-widget .footer-inner .footer-call {
    display: block;
    color: var(--light-color);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.home-19 .footer-widget .footer-inner .footer-call:hover,
.home-20 .footer-widget .footer-inner .footer-call:hover,
.home-21 .footer-widget .footer-inner .footer-call:hover {
    color: var(--main-color-four);
}

.home-19 .footer-widget .footer-inner .footer-contact .contact-item,
.home-20 .footer-widget .footer-inner .footer-contact .contact-item,
.home-21 .footer-widget .footer-inner .footer-contact .contact-item {
    display: block;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
}

.home-19 .footer-widget .footer-inner .footer-contact .contact-item:not(:first-child),
.home-20 .footer-widget .footer-inner .footer-contact .contact-item:not(:first-child),
.home-21 .footer-widget .footer-inner .footer-contact .contact-item:not(:first-child) {
    margin-top: 10px;
}

.home-19 .footer-widget .footer-inner .footer-contact .contact-item:hover,
.home-20 .footer-widget .footer-inner .footer-contact .contact-item:hover,
.home-21 .footer-widget .footer-inner .footer-contact .contact-item:hover {
    color: var(--main-color-four);
}

.home-19 .copyright-area,
.home-20 .copyright-area,
.home-21 .copyright-area {
    padding: 25px 0;
}

.home-19 .copyright-area.copyright-border,
.home-20 .copyright-area.copyright-border,
.home-21 .copyright-area.copyright-border {
    border-top: 1px solid #ebebeb;
}

.home-19 .copyright-area.copyright-border.white-color,
.home-20 .copyright-area.copyright-border.white-color,
.home-21 .copyright-area.copyright-border.white-color {
    border-color: rgba(221, 221, 221, 0.3);
}

.home-19 .copyright-area.style-02,
.home-20 .copyright-area.style-02,
.home-21 .copyright-area.style-02 {
    padding: 0 0 25px;
}

.home-19 .copyright-area .copyright-contents,
.home-20 .copyright-area .copyright-contents,
.home-21 .copyright-area .copyright-contents {
    font-size: 16px;
    color: var(--light-color);
    text-align: center;
}

@media only screen and (max-width: 767.98px) {
    .home-19 .copyright-area .copyright-contents,
    .home-20 .copyright-area .copyright-contents,
    .home-21 .copyright-area .copyright-contents {
        text-align: center;
        margin-top: 10px;
    }
}

.home-19.white-color .footer-widget .widget-title,
.home-20.white-color .footer-widget .widget-title,
.home-21.white-color .footer-widget .widget-title {
    color: #fff;
}

.home-19.white-color .footer-widget .footer-inner .subscribe-para,
.home-20.white-color .footer-widget .footer-inner .subscribe-para,
.home-21.white-color .footer-widget .footer-inner .subscribe-para {
    color: #fff;
}

.home-19.white-color .footer-widget .footer-inner .footer-link-list .list a,
.home-20.white-color .footer-widget .footer-inner .footer-link-list .list a,
.home-21.white-color .footer-widget .footer-inner .footer-link-list .list a {
    color: #fff;
}

.home-19.white-color .footer-widget .footer-inner .footer-link-list .list a:hover,
.home-20.white-color .footer-widget .footer-inner .footer-link-list .list a:hover,
.home-21.white-color .footer-widget .footer-inner .footer-link-list .list a:hover {
    color: var(--main-color-four);
}

.home-19.white-color .footer-widget .footer-inner .footer-link-address .list .address,
.home-20.white-color .footer-widget .footer-inner .footer-link-address .list .address,
.home-21.white-color .footer-widget .footer-inner .footer-link-address .list .address {
    color: #fff;
}

.home-19.white-color .footer-widget .footer-inner .footer-link-address .list .address:hover,
.home-20.white-color .footer-widget .footer-inner .footer-link-address .list .address:hover,
.home-21.white-color .footer-widget .footer-inner .footer-link-address .list .address:hover {
    color: var(--main-color-four);
}

.home-19.white-color .footer-widget .footer-inner .footer-social-list .lists a,
.home-20.white-color .footer-widget .footer-inner .footer-social-list .lists a,
.home-21.white-color .footer-widget .footer-inner .footer-social-list .lists a {
    background: #DDD;
    color: rgba(255, 255, 255, 0.7);
}

.home-19.white-color .footer-widget .footer-inner .footer-social-list .lists a:hover,
.home-20.white-color .footer-widget .footer-inner .footer-social-list .lists a:hover,
.home-21.white-color .footer-widget .footer-inner .footer-social-list .lists a:hover {
    background: var(--main-color-four);
    color: #fff;
}

.home-19.white-color .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control,
.home-20.white-color .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control,
.home-21.white-color .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control {
    -webkit-box-shadow: 0 0 10px rgba(221, 221, 221, 0.2);
    box-shadow: 0 0 10px rgba(221, 221, 221, 0.2);
}

.home-19.white-color .footer-widget .footer-inner .payment-list .list,
.home-20.white-color .footer-widget .footer-inner .payment-list .list,
.home-21.white-color .footer-widget .footer-inner .payment-list .list {
    background: #fff;
}

.home-19.white-color .footer-widget .footer-inner .footer-contact .contact-item,
.home-20.white-color .footer-widget .footer-inner .footer-contact .contact-item,
.home-21.white-color .footer-widget .footer-inner .footer-contact .contact-item {
    color: #fff;
}

.home-19.footer-color-two .footer-list-bars .footer-inner .footer-link-list .list::before,
.home-20.footer-color-two .footer-list-bars .footer-inner .footer-link-list .list::before,
.home-21.footer-color-two .footer-list-bars .footer-inner .footer-link-list .list::before {
    background: var(--main-color-two);
}

.home-19.footer-color-two .footer-widget .footer-inner .footer-link-list .list::before,
.home-20.footer-color-two .footer-widget .footer-inner .footer-link-list .list::before,
.home-21.footer-color-two .footer-widget .footer-inner .footer-link-list .list::before {
    color: var(--main-color-two);
}

.home-19.footer-color-two .footer-widget .footer-inner .footer-link-list .list:hover a,
.home-20.footer-color-two .footer-widget .footer-inner .footer-link-list .list:hover a,
.home-21.footer-color-two .footer-widget .footer-inner .footer-link-list .list:hover a {
    color: var(--main-color-two);
}

.home-19.footer-color-two .footer-widget .footer-inner .footer-link-address .list .address:hover,
.home-20.footer-color-two .footer-widget .footer-inner .footer-link-address .list .address:hover,
.home-21.footer-color-two .footer-widget .footer-inner .footer-link-address .list .address:hover {
    color: var(--main-color-two);
}

.home-19.footer-color-two .footer-widget .footer-inner .footer-link-address .list .address i,
.home-20.footer-color-two .footer-widget .footer-inner .footer-link-address .list .address i,
.home-21.footer-color-two .footer-widget .footer-inner .footer-link-address .list .address i {
    color: var(--main-color-two);
}

.home-19.footer-color-two .footer-widget .footer-inner .footer-social-list .lists a:hover,
.home-20.footer-color-two .footer-widget .footer-inner .footer-social-list .lists a:hover,
.home-21.footer-color-two .footer-widget .footer-inner .footer-social-list .lists a:hover {
    color: #fff;
    background: var(--main-color-two);
}

.home-19.footer-color-two .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control:focus,
.home-20.footer-color-two .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control:focus,
.home-21.footer-color-two .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control:focus {
    border: 1px solid rgba(0, 136, 221, 0.2);
    -webkit-box-shadow: 0 0 20px rgba(0, 136, 221, 0.1);
    box-shadow: 0 0 20px rgba(0, 136, 221, 0.1);
}

.home-19.footer-color-two .footer-widget .footer-inner .subscribe-form .widget-form-single button,
.home-20.footer-color-two .footer-widget .footer-inner .subscribe-form .widget-form-single button,
.home-21.footer-color-two .footer-widget .footer-inner .subscribe-form .widget-form-single button {
    background: var(--main-color-two);
}

.home-19.footer-color-two .footer-widget .footer-inner .privacy-list li:hover a,
.home-20.footer-color-two .footer-widget .footer-inner .privacy-list li:hover a,
.home-21.footer-color-two .footer-widget .footer-inner .privacy-list li:hover a {
    color: var(--main-color-two);
}

.home-19.footer-color-two .footer-widget .footer-inner .footer-social-two .lists a:hover,
.home-20.footer-color-two .footer-widget .footer-inner .footer-social-two .lists a:hover,
.home-21.footer-color-two .footer-widget .footer-inner .footer-social-two .lists a:hover {
    color: var(--main-color-two);
}

.home-19.footer-color-two .footer-widget .footer-inner .footer-call:hover,
.home-20.footer-color-two .footer-widget .footer-inner .footer-call:hover,
.home-21.footer-color-two .footer-widget .footer-inner .footer-call:hover {
    color: var(--main-color-two);
}

.home-19.footer-color-two .footer-widget .footer-inner .footer-contact .contact-item:hover,
.home-20.footer-color-two .footer-widget .footer-inner .footer-contact .contact-item:hover,
.home-21.footer-color-two .footer-widget .footer-inner .footer-contact .contact-item:hover {
    color: var(--main-color-two);
}

.home-19.footer-color-three .footer-list-bars .footer-inner .footer-link-list .list::before,
.home-20.footer-color-three .footer-list-bars .footer-inner .footer-link-list .list::before,
.home-21.footer-color-three .footer-list-bars .footer-inner .footer-link-list .list::before {
    background: var(--main-color-three);
}

.home-19.footer-color-three .footer-widget .footer-inner .footer-link-list .list::before,
.home-20.footer-color-three .footer-widget .footer-inner .footer-link-list .list::before,
.home-21.footer-color-three .footer-widget .footer-inner .footer-link-list .list::before {
    color: var(--main-color-three);
}

.home-19.footer-color-three .footer-widget .footer-inner .footer-link-list .list:hover a,
.home-20.footer-color-three .footer-widget .footer-inner .footer-link-list .list:hover a,
.home-21.footer-color-three .footer-widget .footer-inner .footer-link-list .list:hover a {
    color: var(--main-color-three);
}

.home-19.footer-color-three .footer-widget .footer-inner .footer-link-address .list .address:hover,
.home-20.footer-color-three .footer-widget .footer-inner .footer-link-address .list .address:hover,
.home-21.footer-color-three .footer-widget .footer-inner .footer-link-address .list .address:hover {
    color: var(--main-color-three);
}

.home-19.footer-color-three .footer-widget .footer-inner .footer-link-address .list .address i,
.home-20.footer-color-three .footer-widget .footer-inner .footer-link-address .list .address i,
.home-21.footer-color-three .footer-widget .footer-inner .footer-link-address .list .address i {
    color: var(--main-color-three);
}

.home-19.footer-color-three .footer-widget .footer-inner .footer-social-list .lists a:hover,
.home-20.footer-color-three .footer-widget .footer-inner .footer-social-list .lists a:hover,
.home-21.footer-color-three .footer-widget .footer-inner .footer-social-list .lists a:hover {
    color: #fff;
    background: var(--main-color-three);
}

.home-19.footer-color-three .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control:focus,
.home-20.footer-color-three .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control:focus,
.home-21.footer-color-three .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control:focus {
    border: 1px solid rgba(255, 128, 93, 0.2);
    -webkit-box-shadow: 0 0 20px rgba(255, 128, 93, 0.1);
    box-shadow: 0 0 20px rgba(255, 128, 93, 0.1);
}

.home-19.footer-color-three .footer-widget .footer-inner .subscribe-form .widget-form-single button,
.home-20.footer-color-three .footer-widget .footer-inner .subscribe-form .widget-form-single button,
.home-21.footer-color-three .footer-widget .footer-inner .subscribe-form .widget-form-single button {
    background: var(--main-color-three);
}

.home-19.footer-color-three .footer-widget .footer-inner .privacy-list li:hover a,
.home-20.footer-color-three .footer-widget .footer-inner .privacy-list li:hover a,
.home-21.footer-color-three .footer-widget .footer-inner .privacy-list li:hover a {
    color: var(--main-color-three);
}

.home-19.footer-color-three .footer-widget .footer-inner .footer-social-two .lists a:hover,
.home-20.footer-color-three .footer-widget .footer-inner .footer-social-two .lists a:hover,
.home-21.footer-color-three .footer-widget .footer-inner .footer-social-two .lists a:hover {
    color: var(--main-color-three);
}

.home-19.footer-color-three .footer-widget .footer-inner .footer-call:hover,
.home-20.footer-color-three .footer-widget .footer-inner .footer-call:hover,
.home-21.footer-color-three .footer-widget .footer-inner .footer-call:hover {
    color: var(--main-color-three);
}

.home-19.footer-color-three .footer-widget .footer-inner .footer-contact .contact-item:hover,
.home-20.footer-color-three .footer-widget .footer-inner .footer-contact .contact-item:hover,
.home-21.footer-color-three .footer-widget .footer-inner .footer-contact .contact-item:hover {
    color: var(--main-color-three);
}

.home-19.footer-color-four .footer-list-bars .footer-inner .footer-link-list .list i,
.home-20.footer-color-four .footer-list-bars .footer-inner .footer-link-list .list i,
.home-21.footer-color-four .footer-list-bars .footer-inner .footer-link-list .list i {
    color: var(--main-color-four);
}

.home-19.footer-color-four .footer-list-bars .footer-inner .footer-link-list .list::before,
.home-20.footer-color-four .footer-list-bars .footer-inner .footer-link-list .list::before,
.home-21.footer-color-four .footer-list-bars .footer-inner .footer-link-list .list::before {
    background: var(--main-color-four);
}

.home-19.footer-color-four .footer-widget .footer-inner .footer-link-list .list i,
.home-20.footer-color-four .footer-widget .footer-inner .footer-link-list .list i,
.home-21.footer-color-four .footer-widget .footer-inner .footer-link-list .list i {
    color: var(--main-color-four);
}

.home-19.footer-color-four .footer-widget .footer-inner .footer-link-list .list::before,
.home-20.footer-color-four .footer-widget .footer-inner .footer-link-list .list::before,
.home-21.footer-color-four .footer-widget .footer-inner .footer-link-list .list::before {
    color: var(--main-color-four);
}

.home-19.footer-color-four .footer-widget .footer-inner .footer-link-list .list:hover a,
.home-20.footer-color-four .footer-widget .footer-inner .footer-link-list .list:hover a,
.home-21.footer-color-four .footer-widget .footer-inner .footer-link-list .list:hover a {
    color: var(--main-color-four);
}

.home-19.footer-color-four .footer-widget .footer-inner .footer-link-address .list .address:hover,
.home-20.footer-color-four .footer-widget .footer-inner .footer-link-address .list .address:hover,
.home-21.footer-color-four .footer-widget .footer-inner .footer-link-address .list .address:hover {
    color: var(--main-color-four);
}

.home-19.footer-color-four .footer-widget .footer-inner .footer-link-address .list .address i,
.home-20.footer-color-four .footer-widget .footer-inner .footer-link-address .list .address i,
.home-21.footer-color-four .footer-widget .footer-inner .footer-link-address .list .address i {
    color: var(--main-color-four);
}

.home-19.footer-color-four .footer-widget .footer-inner .footer-social-list .lists a:hover,
.home-20.footer-color-four .footer-widget .footer-inner .footer-social-list .lists a:hover,
.home-21.footer-color-four .footer-widget .footer-inner .footer-social-list .lists a:hover {
    color: #fff;
    background: var(--main-color-four);
}

.home-19.footer-color-four .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control:focus,
.home-20.footer-color-four .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control:focus,
.home-21.footer-color-four .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control:focus {
    border: 1px solid rgba(var(--main-color-four-rgb), 0.2);
    -webkit-box-shadow: 0 0 10px rgba(var(--main-color-four-rgb), 0.2);
    box-shadow: 0 0 10px rgba(var(--main-color-four-rgb), 0.2);
}

.home-19.footer-color-four .footer-widget .footer-inner .subscribe-form .widget-form-single button,
.home-20.footer-color-four .footer-widget .footer-inner .subscribe-form .widget-form-single button,
.home-21.footer-color-four .footer-widget .footer-inner .subscribe-form .widget-form-single button {
    background: var(--main-color-four);
}

.home-19.footer-color-four .footer-widget .footer-inner .privacy-list li:hover a,
.home-20.footer-color-four .footer-widget .footer-inner .privacy-list li:hover a,
.home-21.footer-color-four .footer-widget .footer-inner .privacy-list li:hover a {
    color: var(--main-color-four);
}

.home-19.footer-color-four .footer-widget .footer-inner .footer-social-two .lists a:hover,
.home-20.footer-color-four .footer-widget .footer-inner .footer-social-two .lists a:hover,
.home-21.footer-color-four .footer-widget .footer-inner .footer-social-two .lists a:hover {
    color: var(--main-color-four);
}

.home-19.footer-color-four .footer-widget .footer-inner .footer-call:hover,
.home-20.footer-color-four .footer-widget .footer-inner .footer-call:hover,
.home-21.footer-color-four .footer-widget .footer-inner .footer-call:hover {
    color: var(--main-color-four);
}

.home-19.footer-color-four .footer-widget .footer-inner .footer-contact .contact-item:hover,
.home-20.footer-color-four .footer-widget .footer-inner .footer-contact .contact-item:hover,
.home-21.footer-color-four .footer-widget .footer-inner .footer-contact .contact-item:hover {
    color: var(--main-color-four);
}

.home-19.footer-color-five .footer-list-bars .footer-inner .footer-link-list .list i,
.home-20.footer-color-five .footer-list-bars .footer-inner .footer-link-list .list i,
.home-21.footer-color-five .footer-list-bars .footer-inner .footer-link-list .list i {
    color: var(--main-color-five);
}

.home-19.footer-color-five .footer-list-bars .footer-inner .footer-link-list .list::before,
.home-20.footer-color-five .footer-list-bars .footer-inner .footer-link-list .list::before,
.home-21.footer-color-five .footer-list-bars .footer-inner .footer-link-list .list::before {
    background: var(--main-color-five);
}

.home-19.footer-color-five .footer-widget .footer-inner .footer-link-list .list i,
.home-20.footer-color-five .footer-widget .footer-inner .footer-link-list .list i,
.home-21.footer-color-five .footer-widget .footer-inner .footer-link-list .list i {
    color: var(--main-color-five);
}

.home-19.footer-color-five .footer-widget .footer-inner .footer-link-list .list::before,
.home-20.footer-color-five .footer-widget .footer-inner .footer-link-list .list::before,
.home-21.footer-color-five .footer-widget .footer-inner .footer-link-list .list::before {
    color: var(--main-color-five);
}

.home-19.footer-color-five .footer-widget .footer-inner .footer-link-list .list:hover a,
.home-20.footer-color-five .footer-widget .footer-inner .footer-link-list .list:hover a,
.home-21.footer-color-five .footer-widget .footer-inner .footer-link-list .list:hover a {
    color: var(--main-color-five);
}

.home-19.footer-color-five .footer-widget .footer-inner .footer-link-address .list .address:hover,
.home-20.footer-color-five .footer-widget .footer-inner .footer-link-address .list .address:hover,
.home-21.footer-color-five .footer-widget .footer-inner .footer-link-address .list .address:hover {
    color: var(--main-color-five);
}

.home-19.footer-color-five .footer-widget .footer-inner .footer-link-address .list .address i,
.home-20.footer-color-five .footer-widget .footer-inner .footer-link-address .list .address i,
.home-21.footer-color-five .footer-widget .footer-inner .footer-link-address .list .address i {
    color: var(--main-color-five);
}

.home-19.footer-color-five .footer-widget .footer-inner .footer-social-list .lists a:hover,
.home-20.footer-color-five .footer-widget .footer-inner .footer-social-list .lists a:hover,
.home-21.footer-color-five .footer-widget .footer-inner .footer-social-list .lists a:hover {
    color: var(--heading-color);
    background: var(--main-color-five);
}

.home-19.footer-color-five .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control:focus,
.home-20.footer-color-five .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control:focus,
.home-21.footer-color-five .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control:focus {
    border: 1px solid rgba(var(--main-color-five-rgb), 0.2);
    -webkit-box-shadow: 0 0 10px rgba(var(--main-color-five-rgb), 0.2);
    box-shadow: 0 0 10px rgba(var(--main-color-five-rgb), 0.2);
}

.home-19.footer-color-five .footer-widget .footer-inner .subscribe-form .widget-form-single button,
.home-20.footer-color-five .footer-widget .footer-inner .subscribe-form .widget-form-single button,
.home-21.footer-color-five .footer-widget .footer-inner .subscribe-form .widget-form-single button {
    background: var(--main-color-five);
}

.home-19.footer-color-five .footer-widget .footer-inner .privacy-list li:hover a,
.home-20.footer-color-five .footer-widget .footer-inner .privacy-list li:hover a,
.home-21.footer-color-five .footer-widget .footer-inner .privacy-list li:hover a {
    color: var(--main-color-five);
}

.home-19.footer-color-five .footer-widget .footer-inner .footer-social-two .lists a:hover,
.home-20.footer-color-five .footer-widget .footer-inner .footer-social-two .lists a:hover,
.home-21.footer-color-five .footer-widget .footer-inner .footer-social-two .lists a:hover {
    color: var(--main-color-five);
}

.home-19.footer-color-five .footer-widget .footer-inner .footer-call:hover,
.home-20.footer-color-five .footer-widget .footer-inner .footer-call:hover,
.home-21.footer-color-five .footer-widget .footer-inner .footer-call:hover {
    color: var(--main-color-five);
}

.home-19.footer-color-five .footer-widget .footer-inner .footer-contact .contact-item:hover,
.home-20.footer-color-five .footer-widget .footer-inner .footer-contact .contact-item:hover,
.home-21.footer-color-five .footer-widget .footer-inner .footer-contact .contact-item:hover {
    color: var(--main-color-five);
}

.home-19 .footer-middle-border div[class*=col],
.home-20 .footer-middle-border div[class*=col],
.home-21 .footer-middle-border div[class*=col] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19 .footer-middle-border div[class*=col],
    .home-20 .footer-middle-border div[class*=col],
    .home-21 .footer-middle-border div[class*=col] {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.home-19 .footer-middle-border div[class*=col]:not(:first-child) .footer-widget::before,
.home-20 .footer-middle-border div[class*=col]:not(:first-child) .footer-widget::before,
.home-21 .footer-middle-border div[class*=col]:not(:first-child) .footer-widget::before {
    content: "";
    position: absolute;
    height: 200px;
    width: 1px;
    left: -50%;
    top: 0;
    background: rgba(221, 221, 221, 0.5);
    z-index: 0;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .home-19 .footer-middle-border div[class*=col]:not(:first-child) .footer-widget::before,
    .home-20 .footer-middle-border div[class*=col]:not(:first-child) .footer-widget::before,
    .home-21 .footer-middle-border div[class*=col]:not(:first-child) .footer-widget::before {
        left: -25%;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-19 .footer-middle-border div[class*=col]:not(:first-child) .footer-widget::before,
    .home-20 .footer-middle-border div[class*=col]:not(:first-child) .footer-widget::before,
    .home-21 .footer-middle-border div[class*=col]:not(:first-child) .footer-widget::before {
        left: -20%;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-19 .footer-middle-border div[class*=col]:not(:first-child) .footer-widget::before,
    .home-20 .footer-middle-border div[class*=col]:not(:first-child) .footer-widget::before,
    .home-21 .footer-middle-border div[class*=col]:not(:first-child) .footer-widget::before {
        left: -15%;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-19 .footer-middle-border div[class*=col]:not(:first-child) .footer-widget::before,
    .home-20 .footer-middle-border div[class*=col]:not(:first-child) .footer-widget::before,
    .home-21 .footer-middle-border div[class*=col]:not(:first-child) .footer-widget::before {
        left: -10%;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19 .footer-middle-border div[class*=col]:not(:first-child) .footer-widget::before,
    .home-20 .footer-middle-border div[class*=col]:not(:first-child) .footer-widget::before,
    .home-21 .footer-middle-border div[class*=col]:not(:first-child) .footer-widget::before {
        display: none;
    }
}

.home-19 .footer-list-bars .footer-inner .footer-link-list .list,
.home-20 .footer-list-bars .footer-inner .footer-link-list .list,
.home-21 .footer-list-bars .footer-inner .footer-link-list .list {
    padding-left: 40px;
}

.home-19 .footer-list-bars .footer-inner .footer-link-list .list::before,
.home-20 .footer-list-bars .footer-inner .footer-link-list .list::before,
.home-21 .footer-list-bars .footer-inner .footer-link-list .list::before {
    content: "";
    position: absolute;
    height: 1px;
    width: 30px;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: var(--main-color-four);
    z-index: -1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.home-19 .footer-list-bars .footer-inner .footer-link-list .list:hover::before,
.home-20 .footer-list-bars .footer-inner .footer-link-list .list:hover::before,
.home-21 .footer-list-bars .footer-inner .footer-link-list .list:hover::before {
    height: 5px;
}

.home-20 .footer-widget .widget-title {
    font-family: var(--heading-font-home-20);
    font-size: 24px;
    font-weight: 500;
}

.home-20 .copyright-contents {
    text-align: right;
}

@media only screen and (max-width: 767.98px) {
    .home-20 .copyright-contents {
        text-align: center;
    }
}

.home-21 .footer-agency img {
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: -1;
}

.home-21 .widget.footer-widget .widget-title {
    font-family: var(--heading-font-home-21);
    font-size: 28px;
    font-weight: 500;
    color: var(--heading-color);
}

.home-21 .footer-inner .subscribe-para {
    font-family: var(--body-font-home-21);
}

.home-21 .footer-inner .footer-contact .contact-item {
    font-family: var(--body-font-home-21);
}

.home-21 .footer-inner .footer-link-list .list a {
    font-family: var(--body-font-home-21);
}

.home-21 .copyright-contents {
    font-family: var(--body-font-home-21);
}


/* Banner  */

.home-19 .banner-area {
    position: relative;
    z-index: 1;
    padding: 0;
    overflow: hidden;
}

.home-19 .banner-middle-content {
    position: relative;
    z-index: 0;
}

.home-19 .banner-middle-content .banner-middle-image {
    position: relative;
    z-index: 2;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-19 .banner-middle-content .banner-middle-image::before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        background: rgba(255, 255, 255, 0.3);
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-19 .banner-middle-content .banner-middle-image::before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        background: rgba(255, 255, 255, 0.3);
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-19 .banner-middle-content .banner-middle-image::before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        background: rgba(255, 255, 255, 0.3);
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19 .banner-middle-content .banner-middle-image::before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        background: rgba(255, 255, 255, 0.3);
    }
}

.home-19 .banner-middle-content .banner-middle-image .banner-single-thumb {
    position: absolute;
    right: 150px;
    bottom: 0;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .home-19 .banner-middle-content .banner-middle-image .banner-single-thumb {
        right: 100px;
        max-width: 740px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-19 .banner-middle-content .banner-middle-image .banner-single-thumb {
        max-width: 650px;
        right: 60px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-19 .banner-middle-content .banner-middle-image .banner-single-thumb {
        max-width: 600px;
        right: 40px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-19 .banner-middle-content .banner-middle-image .banner-single-thumb {
        max-width: 600px;
        right: 40px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19 .banner-middle-content .banner-middle-image .banner-single-thumb {
        max-width: 400px;
        right: 30px;
    }
}

@media only screen and (max-width: 480px) {
    .home-19 .banner-middle-content .banner-middle-image .banner-single-thumb {
        display: none;
    }
}

.home-19 .banner-middle-content .banner-middle-image .middle-content {
    max-width: 900px;
    padding: 150px 0 150px 150px;
    position: relative;
    z-index: 5;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .home-19 .banner-middle-content .banner-middle-image .middle-content {
        padding: 150px 0 150px 100px;
        max-width: 800px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-19 .banner-middle-content .banner-middle-image .middle-content {
        padding: 130px 0 130px 60px;
        max-width: 700px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-19 .banner-middle-content .banner-middle-image .middle-content {
        padding: 120px 0 120px 40px;
        max-width: 630px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-19 .banner-middle-content .banner-middle-image .middle-content {
        padding: 120px 0 120px 40px;
        max-width: 550px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19 .banner-middle-content .banner-middle-image .middle-content {
        max-width: 450px;
        padding: 80px 0 80px 30px;
    }
}

@media only screen and (max-width: 575.98px) {
    .home-19 .banner-middle-content .banner-middle-image .middle-content {
        max-width: 350px;
        padding: 80px 0 80px 20px;
    }
}

@media only screen and (max-width: 375px) {
    .home-19 .banner-middle-content .banner-middle-image .middle-content {
        max-width: 100%;
        padding: 80px 0 80px 20px;
    }
}

.home-19 .banner-middle-content .banner-middle-image .middle-content .middle-span {
    font-size: 22px;
    line-height: 30px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-19 .banner-middle-content .banner-middle-image .middle-content .middle-span {
        color: var(--heading-color) !important;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-19 .banner-middle-content .banner-middle-image .middle-content .middle-span {
        font-size: 20px !important;
        color: var(--heading-color) !important;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-19 .banner-middle-content .banner-middle-image .middle-content .middle-span {
        font-size: 18px !important;
        color: var(--heading-color) !important;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19 .banner-middle-content .banner-middle-image .middle-content .middle-span {
        font-size: 18px !important;
        color: var(--heading-color) !important;
    }
}

@media only screen and (max-width: 375px) {
    .home-19 .banner-middle-content .banner-middle-image .middle-content .middle-span {
        font-size: 15px !important;
    }
}

.home-19 .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
    font-size: 100px;
    line-height: 120px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .home-19 .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
        font-size: 90px;
        line-height: 100px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-19 .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
        font-size: 80px;
        line-height: 90px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-19 .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
        font-size: 75px;
        line-height: 90px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-19 .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
        font-size: 60px;
        line-height: 70px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19 .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
        font-size: 50px;
        line-height: 1.2;
    }
}

@media only screen and (max-width: 575.98px) {
    .home-19 .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
        font-size: 40px;
    }
}

@media only screen and (max-width: 375px) {
    .home-19 .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
        font-size: 32px;
    }
}

.home-19 .banner-middle-content .banner-middle-image .middle-content .banner-middle-title:hover {
    color: var(--main-color-three);
}

.home-19 .banner-middle-content .banner-middle-image .middle-content .banner-middle-title.hover-color-two:hover {
    color: var(--main-color-two);
}

.home-19 .banner-middle-content .banner-middle-image .middle-content .banner-middle-title.hover-color-three:hover {
    color: var(--main-color-three);
}

.home-19 .banner-middle-content .banner-middle-image .middle-content .banner-middle-title.hover-color-four:hover {
    color: var(--main-color-four);
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19 .banner-middle-content .banner-middle-image .middle-content .btn-buy {
        margin-top: 20px;
        font-size: 18px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19 .banner-right-image-content {
        margin-top: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

@media only screen and (max-width: 767.98px) {
    .home-19 .banner-right-image-content {
        display: block;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-19 .banner-right-image-content .single-right-image {
        padding: 23px 0;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19 .banner-right-image-content .single-right-image:not(:last-child) {
        margin-bottom: 0;
        margin-right: 24px;
    }
}

@media only screen and (max-width: 767.98px) {
    .home-19 .banner-right-image-content .single-right-image:not(:last-child) {
        margin-right: 0;
        margin-bottom: 24px;
    }
}

.home-19 .single-right-image {
    display: block;
    position: relative;
    z-index: 2;
    padding: 0;
}

.home-19 .single-right-image:not(:last-child) {
    margin-bottom: 35px;
}

@media (min-width: 1200px) and (max-width: 1880px) {
    .home-19 .single-right-image:not(:last-child) {
        margin-bottom: 25px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-19 .single-right-image:not(:last-child) {
        margin-bottom: 20px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-19 .single-right-image::before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        background: rgba(255, 255, 255, 0.3);
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-19 .single-right-image::before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        background: rgba(255, 255, 255, 0.3);
    }
}

.home-19 .single-right-image img {
    margin: 0 auto;
    text-align: center;
}

.home-19 .single-right-image .banner-right-contents {
    position: absolute;
    top: 30px;
    left: 30px;
    right: 0;
    text-align: left;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-19 .single-right-image .banner-right-contents {
        top: 20px;
        left: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-19 .single-right-image .banner-right-contents {
        top: 20px;
        left: 20px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19 .single-right-image .banner-right-contents {
        top: 20px;
        left: 20px;
        font-size: 22px !important;
    }
}

@media only screen and (max-width: 575.98px) {
    .home-19 .single-right-image .banner-right-contents {
        font-size: 20px !important;
    }
}

.home-19 .single-right-image .banner-right-title {
    text-transform: uppercase;
    z-index: 9;
}

.home-19 .single-right-image .banner-right-title:hover {
    color: var(--main-color-three);
}

.home-19 .single-right-image .btn-shop-right {
    color: var(--main-color-three);
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    -webkit-text-decoration: underline var(--main-color-three);
    text-decoration: underline var(--main-color-three);
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-19 .banner-right-sidebar {
        margin-top: 24px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-19 .banner-right-sidebar {
        margin-top: 24px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19 .banner-right-sidebar {
        margin-top: 24px;
    }
}

.home-20 .banner-contents-wrapper {
    position: relative;
    z-index: 1;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-20 .banner-contents-wrapper {
        margin-bottom: 50px;
    }
}

.home-20 .banner-contents {
    max-width: 540px;
    position: absolute;
    bottom: 30px;
    right: 30px;
    z-index: 9;
    background: #fff;
    padding: 30px 30px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-20 .banner-contents {
        position: relative;
        bottom: 0;
        right: 0;
        margin: 30px auto 50px;
        text-align: center;
    }
}

@media only screen and (max-width: 480px) {
    .home-20 .banner-contents {
        padding: 0 20px 20px;
    }
}

@media only screen and (max-width: 375px) {
    .home-20 .banner-contents {
        padding: 0 10px 20px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-20 .banner-contents .tag-title-contents {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.home-20 .banner-contents .banner-title {
    font-size: 36px;
    line-height: 48px;
    font-weight: 600;
    margin-bottom: 20px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-family: var(--heading-font-home-20);
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-20 .banner-contents .banner-title {
        font-size: 28px;
        line-height: 36px;
    }
}

@media only screen and (max-width: 575.98px) {
    .home-20 .banner-contents .banner-title {
        font-size: 26px;
    }
}

@media only screen and (max-width: 480px) {
    .home-20 .banner-contents .banner-title {
        font-size: 25px;
    }
}

@media only screen and (max-width: 375px) {
    .home-20 .banner-contents .banner-title {
        font-size: 22px;
        line-height: 32px;
    }
}

.home-20 .banner-contents .banner-title:hover {
    color: var(--main-color-four);
}

.home-20 .banner-contents .common-para {
    color: var(--light-color);
}

.home-20 .banner-contents .btn-wrapper .cmn-btn {
    font-size: 16px;
    font-weight: 500;
    color: var(--main-color-four);
    text-decoration: underline;
}

.home-20 .banner-contents .banner-dates {
    font-size: 16px;
    line-height: 28px;
    color: var(--extra-light-color);
    display: block;
}

@media only screen and (max-width: 480px) {
    .home-20 .banner-contents .banner-dates {
        font-size: 15px;
    }
}

@media only screen and (max-width: 375px) {
    .home-20 .banner-contents .banner-dates {
        font-size: 14px;
    }
}

.home-20 .banner-contents-wrapper .btn-wrapper .cmn-btn {
    padding: 0;
}

.home-19 .tag-title-contents,
.home-20 .tag-title-contents,
.home-21 .tag-title-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}

.home-19 .tag-title-contents .tag-title,
.home-20 .tag-title-contents .tag-title,
.home-21 .tag-title-contents .tag-title {
    color: var(--light-color);
    font-size: 16px;
    position: relative;
    padding-left: 35px;
}

@media only screen and (max-width: 480px) {
    .home-19 .tag-title-contents .tag-title,
    .home-20 .tag-title-contents .tag-title,
    .home-21 .tag-title-contents .tag-title {
        font-size: 15px;
    }
}

@media only screen and (max-width: 375px) {
    .home-19 .tag-title-contents .tag-title,
    .home-20 .tag-title-contents .tag-title,
    .home-21 .tag-title-contents .tag-title {
        font-size: 14px;
    }
}

.home-19 .tag-title-contents .tag-title::before,
.home-20 .tag-title-contents .tag-title::before,
.home-21 .tag-title-contents .tag-title::before {
    content: "";
    position: absolute;
    height: 2px;
    width: 30px;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: var(--main-color-four);
}

.home-19 .tag-title-contents .tag-title:hover,
.home-20 .tag-title-contents .tag-title:hover,
.home-21 .tag-title-contents .tag-title:hover {
    color: var(--main-color-four);
}

.home-21 .banner-bottom-mask img {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -5;
}

.home-21.banner-area {
    padding-top: 160px;
    position: sticky;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-21.banner-area {
        padding-bottom: 70px;
        padding-top: 150px;
    }
}

.home-21 .banner-social-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
    right: 0%;
    z-index: 92;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-21 .banner-social-links {
        display: none;
    }
}

.home-21 .banner-social-links .social-item {
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    color: var(--extra-light-color);
    font-family: var(--body-font-home-21);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.home-21 .banner-social-links .social-item:hover {
    color: var(--heading-color);
}

.home-21 .agency-top-thumb {
    position: absolute;
    right: 0;
    top: 150px;
    z-index: 91;
    display: none !important;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-21 .agency-top-thumb {
        z-index: -1;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-21 .agency-top-thumb {
        z-index: -1;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-21 .agency-top-thumb {
        z-index: -1;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-21 .agency-top-thumb {
        display: none;
    }
}

.home-21 .banner-contents .banner-title {
    font-size: 80px;
    font-weight: 700;
    line-height: 110px;
    color: var(--heading-color);
    font-family: var(--heading-font-home-21);
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-21 .banner-contents .banner-title {
        font-size: 70px;
        line-height: 100px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-21 .banner-contents .banner-title {
        font-size: 60px;
        line-height: 80px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-21 .banner-contents .banner-title {
        font-size: 50px;
        line-height: 60px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-21 .banner-contents .banner-title {
        font-size: 60px;
        line-height: 70px;
    }
}

@media only screen and (max-width: 767.98px) {
    .home-21 .banner-contents .banner-title {
        font-size: 55px;
        line-height: 65px;
    }
}

@media only screen and (max-width: 480px) {
    .home-21 .banner-contents .banner-title {
        font-size: 45px;
        line-height: 55px;
    }
}

@media only screen and (max-width: 375px) {
    .home-21 .banner-contents .banner-title {
        font-size: 36px;
        line-height: 45px;
    }
}

.home-21 .banner-contents .banner-title .banner-title-shape {
    position: relative;
    z-index: 1;
    display: inline-block;
}

.home-21 .banner-contents .banner-title .banner-title-shape img {
    position: absolute;
    bottom: 20px;
    left: 0;
    height: 100%;
    z-index: -1;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-21 .banner-contents .banner-title .banner-title-shape img {
        bottom: 15px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-21 .banner-contents .banner-title .banner-title-shape img {
        bottom: 10px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-21 .banner-contents .banner-title .banner-title-shape img {
        bottom: 5px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-21 .banner-contents .banner-title .banner-title-shape img {
        bottom: 0px;
    }
}

.home-21 .banner-contents .banner-small-title {
    font-size: 24px;
    font-family: var(--heading-font-home-21);
    line-height: 42px;
    margin-top: 30px;
    font-weight: 600;
    color: var(--heading-color-home-19);
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-21 .banner-contents .banner-small-title {
        font-size: 22px;
        line-height: 32px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-21 .banner-contents .banner-small-title {
        font-size: 20px;
        line-height: 32px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-21 .banner-contents .banner-small-title {
        font-size: 18px;
        line-height: 28px;
        font-weight: 400;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-21 .banner-contents .banner-small-title {
        font-size: 20px;
        line-height: 32px;
    }
}

@media only screen and (max-width: 480px) {
    .home-21 .banner-contents .banner-small-title {
        font-size: 18px;
        line-height: 28px;
    }
}

@media only screen and (max-width: 375px) {
    .home-21 .banner-contents .banner-small-title {
        font-size: 16px;
    }
}

.home-21 .banner-contents .banner-btn-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-21 .banner-contents .banner-btn-contents {
        gap: 20px;
    }
}

.home-21 .banner-contents .banner-btn-contents .need-help {
    font-size: 16px;
    color: var(--extra-light-color);
    font-family: var(--body-font-home-21);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.home-21 .banner-contents .banner-btn-contents .need-help a {
    font-size: 24px;
    font-weight: 500;
    color: var(--heading-color);
    font-family: var(--heading-font-home-21);
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-21 .banner-contents .banner-btn-contents .need-help a {
        font-size: 20px;
    }
}

.home-21 .banner-wrapper-thumb {
    position: relative;
    z-index: 1;
}

.home-21 .banner-wrapper-thumb .banner-thumb-shape img:nth-child(1) {
    position: absolute;
    bottom: -50px;
    left: 0px;
    z-index: 91;
}

.home-21 .banner-wrapper-thumb .banner-thumb-shape img:nth-child(2) {
    position: absolute;
    top: 50%;
    left: -30px;
    z-index: 91;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-21 .banner-wrapper-thumb .banner-thumb-shape img:nth-child(2) {
        display: none;
    }
}

.home-21 .banner-wrapper-thumb .banner-single-thumb {
    position: relative;
    z-index: 1;
    /*-webkit-transform: rotate(-7deg);*/
    /*transform: rotate(-7deg);*/
    margin-bottom: 50px;
    padding-right: 70px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .home-21 .banner-wrapper-thumb .banner-single-thumb {
        padding-right: 145px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-21 .banner-wrapper-thumb .banner-single-thumb {
        padding-right: 120px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-21 .banner-wrapper-thumb .banner-single-thumb {
        padding-right: 90px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-21 .banner-wrapper-thumb .banner-single-thumb {
        padding-right: 90px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-21 .banner-wrapper-thumb .banner-single-thumb {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        padding-right: 0;
    }
}

.home-21 .banner-wrapper-thumb .banner-single-thumb::after {
    content: "";
    position: absolute;
    bottom: 30px;
    right: 0px;
    width: 300px;
    height: 500px;
    background-color: var(--main-color-five);
    z-index: -1;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .home-21 .banner-wrapper-thumb .banner-single-thumb::after {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg);
        right: 90px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-21 .banner-wrapper-thumb .banner-single-thumb::after {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg);
        right: 65px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-21 .banner-wrapper-thumb .banner-single-thumb::after {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg);
        right: 55px;
        height: 300px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-21 .banner-wrapper-thumb .banner-single-thumb::after {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg);
        right: 55px;
        height: 300px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-21 .banner-wrapper-thumb .banner-single-thumb::after {
        display: none;
    }
}

.home-21 .banner-wrapper-thumb .banner-single-thumb img {
    position: relative;
    z-index: 1;
}


/* Banner Ads Area */

.home-20.banner-ads-area .single-banner-ads .banner-link img {
    margin: 0 auto;
}


/* Topbar area */


/* Top bar area */

.home-19.topbar-area {
    padding: 10px 0;
}

.home-19.topbar-area.index-03 {
    padding: 0;
}

@media only screen and (max-width: 575.98px) {
    .home-19.topbar-area {
        text-align: center;
    }
}

.home-19 .topbar-lang-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (max-width: 575.98px) {
    .home-19 .topbar-lang-contents {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.home-19 .topbar-lang-contents .lang {
    color: var(--light-color);
    font-size: 17px;
    font-weight: 400;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19 .topbar-lang-contents .lang {
        font-size: 16px;
    }
}

@media only screen and (max-width: 480px) {
    .home-19 .topbar-lang-contents .lang {
        font-size: 15px;
    }
}

.home-19 .topbar-lang-contents .lang:hover {
    color: var(--main-color-three);
}

.home-19 .topbar-lang-contents .lang:not(:last-child) {
    padding-right: 15px;
}

.home-19 .topbar-lang-contents .lang:not(:first-child) {
    padding-left: 15px;
}

.home-19 .topbar-lang-contents .lang-line {
    position: relative;
    display: inline-block;
}

.home-19 .topbar-lang-contents .lang-line::before {
    content: "";
    position: absolute;
    height: 14px;
    width: 2px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    background: var(--light-color);
}

.home-19 .topbar-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

@media only screen and (max-width: 575.98px) {
    .home-19 .topbar-social {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 5px;
    }
}

.home-19 .topbar-social li a {
    display: inline-block;
    font-size: 16px;
    color: var(--light-color);
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 30px;
    width: 30px;
    background: none;
    border-radius: 5px;
}

.home-19 .topbar-social li a:hover {
    color: #fff;
    background-color: var(--main-color-three);
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19 .topbar-social li a {
        font-size: 18px;
    }
}

@media only screen and (max-width: 575.98px) {
    .home-19 .topbar-social li a {
        font-size: 16px;
    }
}

.home-19 .lang-contents-wrapper ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 20px;
}

@media only screen and (max-width: 575.98px) {
    .home-19 .lang-contents-wrapper ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.home-variant-19.topbar-area {
    border-bottom: 2px solid #F2F3F5;
    padding: 10px 0;
}

.home-variant-19.topbar-area #langchange {
    color: var(--light-color);
}

.home-variant-19.topbar-area .login-register {
    color: var(--light-color);
}

.home-20.top-bar-area {
    background-color: var(--heading-color);
}

.home-20 .top-bar-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.home-20 .top-bar-inner ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.home-20 .top-bar-inner ul li {
    display: inline-block;
}

.home-20 .top-bar-inner ul li+li {
    margin-left: 15px;
}

.home-20 .top-bar-inner ul li a,
.home-20 #langchange {
    color: #f2f2f2;
}

.home-20 #langchange option {
    color: #000;
}

.home-20 #langchange {
    background-color: transparent;
    border: none;
    color: #f1f1f1;
    cursor: pointer;
}

.home-20 .lang-contents-wrapper ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 20px;
}

@media only screen and (max-width: 575.98px) {
    .home-20 .lang-contents-wrapper ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.home-21.top-bar-area {
    background-color: var(--heading-color);
}

.home-21 .top-bar-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.home-21 .top-bar-inner ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.home-21 .top-bar-inner ul li {
    display: inline-block;
}

.home-21 .top-bar-inner ul li+li {
    margin-left: 15px;
}

.home-21 .top-bar-inner ul li a,
.home-21 #langchange {
    color: #f2f2f2;
}

.home-21 #langchange option {
    color: #000;
}

.home-21 #langchange {
    background-color: transparent;
    border: none;
    color: #f1f1f1;
    cursor: pointer;
}

.home-21 .lang-contents-wrapper ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 20px;
}

@media only screen and (max-width: 575.98px) {
    .home-21 .lang-contents-wrapper ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.home-variant-21 {
    padding: 10px 0;
}


/* Top-menu-category */

.home-19 .top-menu-category {
    position: relative;
    z-index: 1;
    width: 300px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19 .top-menu-category {
        margin-bottom: 10px;
        margin-top: 20px;
        width: 100%;
    }
}

.home-19 .single-category-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px 20px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-19 .single-category-flex {
        padding: 18px 30px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-19 .single-category-flex {
        padding: 18px 30px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-19 .single-category-flex {
        padding: 10px 20px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19 .single-category-flex {
        padding: 15px 20px;
    }
}

@media only screen and (max-width: 575.98px) {
    .home-19 .single-category-flex {
        padding: 13px 20px;
    }
}

@media only screen and (max-width: 375px) {
    .home-19 .single-category-flex {
        padding: 10px 20px;
    }
}

.home-19 .navbar-area-side {
    position: absolute;
    left: 0;
    top: 70px;
    z-index: 99;
    background-color: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 10px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-19 .navbar-area-side {
        top: 50px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19 .navbar-area-side {
        padding: 10px;
        width: 100%;
        top: 75px;
    }
}

@media only screen and (max-width: 575.98px) {
    .home-19 .navbar-area-side {
        top: 70px;
    }
}

@media only screen and (max-width: 375px) {
    .home-19 .navbar-area-side {
        top: 60px;
    }
}

.home-19 .navbar-area-side.active {
    visibility: hidden;
    opacity: 0;
}

.home-19 .cate-list {
    width: 100%;
    display: inline-block;
    padding: 10px 30px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.home-19 .cate-list:not(:last-child) {
    border-bottom: 1px solid #f0f0f0;
}

@media (min-width: 1200px) and (max-width: 1880px) {
    .home-19 .cate-list {
        padding: 20px 30px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-19 .cate-list {
        padding: 10px 10px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-19 .cate-list {
        padding: 10px 10px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19 .cate-list {
        padding: 15px 10px;
    }
}

.home-19 .cate-list.menu-item-has-children {
    position: relative;
    z-index: 1;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19 .cate-list.menu-item-has-children.active::after {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

.home-19 .cate-list.menu-item-has-children::after {
    content: "";
    font-family: "Font Awesome 5 free";
    font-weight: 900;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    right: 20px;
    position: absolute;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}



@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-19 .cate-list.menu-item-has-children::after {
        right: 10px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-19 .cate-list.menu-item-has-children::after {
        right: 5px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19 .cate-list.menu-item-has-children::after {
        top: 31px;
        right: 7px;
        transform: unset;
    }
    .home-19 .cate-list {
        display: block;
    }
    .navbar-nav-right {
        margin-bottom: 10px;
    }
}

.home-19 .cate-list.menu-item-has-children:hover::after {
    color: var(--main-color-three);
}

.home-19 .cate-list.menu-item-has-children:hover .category-megamenu {
    visibility: visible;
    opacity: 1;
    top: 0;
}

.home-19 .cate-list:hover .category-menu-inner .category-menu-image img {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.home-19 .cate-list:hover .category-menu-inner .category-list .title {
    color: var(--main-color-three);
}

.home-19 .cate-list .category-megamenu {
    position: absolute;
    text-align: left;
    margin: 0;
    padding: 0;
    list-style: none;
    left: 100%;
    top: 100%;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
    background-color: #fff;
    z-index: 992;
    border-bottom: 4px solid var(--main-color-three);
    visibility: hidden;
    opacity: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    padding: 10px 30px 30px;
    min-width: 800px;
    max-height: 605px;
    overflow-y: auto;
    gap: 0 24px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-19 .cate-list .category-megamenu {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        min-width: 600px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19 .cate-list .category-megamenu {
        display: block;
        left: 0;
        max-height: 250px;
        overflow-y: scroll;
    }
}

.home-19 .cate-list .category-megamenu .single-megamenu {
    max-width: 130px;
    display: inline-block;
    padding-top: 20px;
    width: calc(100% / 5 - 20px);
}

.home-19 .cate-list .category-megamenu .single-megamenu .submenu-title {
    margin-bottom: 20px;
}

.home-19 .category-contents .titles {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 7px;
}

.home-19 .cate-list .category-megamenu .single-megamenu .megamenu-product {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.home-19 .cate-list .category-megamenu .single-megamenu .megamenu-product:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.home-19 .cate-list .category-megamenu .single-megamenu .megamenu-product .megamenu-thumbs {

}

.home-19 .cate-list .category-megamenu .single-megamenu .megamenu-product .megamenu-thumbs img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.home-19 .cate-list .category-megamenu .single-megamenu .megamenu-product .megamenu-contents {
    padding-top: 20px;
}

.home-19 .cate-list .category-megamenu .single-megamenu .megamenu-product .megamenu-contents .megamenu-title {
    font-size: 16px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.home-19 .cate-list .category-megamenu .single-megamenu .megamenu-product .megamenu-contents .megamenu-title:hover {
    color: var(--main-color-one);
}

.home-19 .cate-list .category-megamenu .single-megamenu .megamenu-product .megamenu-contents .megamenu-title.hover-color-two:hover {
    color: var(--main-color-two);
}

.home-19 .cate-list .category-megamenu .single-megamenu .megamenu-product .megamenu-contents .megamenu-title.hover-color-three:hover {
    color: var(--main-color-three);
}

.home-19 .cate-list .category-megamenu .single-megamenu .megamenu-product .megamenu-contents .megamenu-title.hover-color-four:hover {
    color: var(--main-color-four);
}

.home-19 .cate-list .category-megamenu .single-megamenu .megamenu-product .megamenu-contents .price-updates {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.home-19 .cate-list .category-megamenu .single-megamenu .megamenu-product .megamenu-contents .price-updates .price-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
}

.home-19 .cate-list .category-megamenu .single-megamenu .megamenu-product .megamenu-contents .price-updates .old-price {
    text-decoration: line-through;
}

.home-19 .cate-list .category-megamenu .single-megamenu .new-collection {
    height: 250px;
    width: 220px;
    display: block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.home-19 .cate-list .category-megamenu .single-megamenu .new-collection:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.home-19 .cate-list .category-megamenu .single-megamenu .new-collection img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.home-19 .cate-list .category-megamenu .single-megamenu .single-category-megamenu {
    padding: 20px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.home-19 .cate-list .category-megamenu .single-megamenu .single-category-megamenu:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

.home-19 .cate-list .category-megamenu .single-megamenu .single-category-megamenu:hover .category-contents .titles {
    color: var(--main-color-one);
}

.home-19 .cate-list .category-megamenu .single-megamenu .single-category-megamenu:hover .category-contents .titles.hover-color-two {
    color: var(--main-color-two);
}

.home-19 .cate-list .category-megamenu .single-megamenu .single-category-megamenu:hover .category-contents .titles.hover-color-three {
    color: var(--main-color-three);
}

.home-19 .cate-list .category-megamenu .single-megamenu .single-category-megamenu .category-thumb {
    height: 140px;
    width: 150px;
}

.home-19 .cate-list .category-megamenu .single-megamenu .single-category-megamenu .category-thumb img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-19 .cate-list .category-megamenu .single-megamenu {
        max-width: 150px;
        display: inline-block;
        padding-top: 20px;
        width: calc(100% / 3 - 16px);
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19 .cate-list .category-megamenu .single-megamenu .single-category-megamenu .category-contents .titles {
        font-size: 28px;
    }
}

@media only screen and (max-width: 375px) {
    .home-19 .cate-list .category-megamenu .single-megamenu .single-category-megamenu .category-contents .titles {
        font-size: 24px;
    }
}

.home-19 .cate-list .category-megamenu .single-megamenu .single-category-megamenu .category-contents .collection-btn {
    display: block;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: underline;
}

@media only screen and (max-width: 767.98px) {
    .home-19 .cate-list .category-megamenu .single-megamenu .single-category-megamenu .category-contents .collection-btn {
        font-size: 15px;
    }
}

@media only screen and (max-width: 375px) {
    .home-19 .cate-list .category-megamenu .single-megamenu .single-category-megamenu .category-contents .collection-btn {
        font-size: 14px;
    }
}

.home-19 .cate-list .category-megamenu .single-megamenu .single-category-megamenu .category-contents .collection-btn:hover {
    color: var(--main-color-one);
}

.home-19 .cate-list .category-menu-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

.home-19 .cate-list .category-menu-inner .category-menu-image {
    max-height: 50px;
    max-width: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.home-19 .cate-list .category-menu-inner .category-menu-image img {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.home-19 .cate-list .category-menu-inner .category-menu-image i {
    color: var(--main-color-one);
}

.home-19 .cate-list .category-menu-inner .category-menu-image.color-two i {
    color: var(--main-color-two);
}

.home-19 .cate-list .category-menu-inner .category-menu-image.color-three i {
    color: var(--main-color-three);
}

.home-19 .cate-list .category-menu-inner .category-menu-image.color-four i {
    color: var(--main-color-four);
}

.home-19 .cate-list .category-menu-inner .category-list .title {
    color: var(--heading-color);
    font-weight: 400;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 18px;
}

@media (min-width: 1200px) and (max-width: 1880px) {
    .home-19 .cate-list .category-menu-inner .category-list .title {
        font-size: 16px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-19 .cate-list .category-menu-inner .category-list .title {
        font-size: 15px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19 .cate-list .category-menu-inner .category-list .title {
        font-size: 16px;
        font-weight: 400;
    }
}

span.subtitle {
    display: block;
}

.home-19 .cate-list .category-menu-inner .category-list .subtitles {
    display: block;
    color: var(--extra-light-color);
    margin-top: 5px;
}

@media (min-width: 320px) and (max-width: 991px) {
    .home-19 .cate-list.menu-item-has-children.active .category-megamenu {
        height: auto;
        visibility: visible;
        opacity: 1;
        padding: 20px 10px;
        min-width: 100%;
    }
    .home-19 .cate-list.menu-item-has-children.active::after {
        color: var(--main-color-one);
    }
    .home-19 .cate-list.menu-item-has-children .category-megamenu {
        position: initial;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 20px 20px;
        padding-top: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        border-top: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin-left: 0;
        padding-bottom: 0;
        visibility: hidden;
        opacity: 0;
        height: 0;
        overflow: hidden;
        max-height: 250px;
        overflow-y: scroll;
        -webkit-transition: all 500ms linear;
        transition: all 500ms linear;
    }
}

@media (min-width: 320px) and (max-width: 991px) and (min-width: 300px) and (max-width: 991.98px) {
    .home-19 .cate-list.menu-item-has-children .category-megamenu {
        min-width: 100%;
    }
}

@media (min-width: 320px) and (max-width: 991px) {
    .home-19 .cate-list.menu-item-has-children .category-megamenu .single-megamenu {
        padding: 0;
        width: calc(100% / 4 - 18px);
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    .home-19 .cate-list.menu-item-has-children .category-megamenu .single-megamenu {
        width: calc(100% / 3 - 16px);
    }
}

@media (min-width: 320px) and (max-width: 575px) {
    .home-19 .cate-list.menu-item-has-children .category-megamenu .single-megamenu {
        width: calc(100% / 2 - 12px);
        max-width: unset;;
    }
}

@media (min-width: 320px) and (max-width: 400px) {
    .home-19 .cate-list.menu-item-has-children .category-megamenu .single-megamenu {
        width: 100%;
        max-width: unset;;
    }
}


/* Header Bottom Starts */

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-20 .header-bottom {
        display: none;
    }
}

.header-bottom-list {
    border-left: 3px solid var(--main-color-four);
    background-color: #F2F3F5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.header-bottom-list .updated-news-top {
    position: relative;
    z-index: 1;
}

.header-bottom-list .updated-news-top::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 12px solid var(--main-color-four);
    border-bottom: 8px solid transparent;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.header-bottom-list .update-news {
    color: #fff;
    background: var(--main-color-four);
    font-size: 16px;
    font-weight: 500;
    padding: 11px 10px;
    position: relative;
}

.header-bottom-list .news-list-all {
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.header-bottom-list .news-list-all .news-lists {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-animation: 30s runnings linear infinite;
    animation: 30s runnings linear infinite;
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.header-bottom-list .news-list-all .news-lists .list {
    margin: 5px 5px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.header-bottom-list .news-list-all .news-lists .list:not(:last-child) a {
    margin-right: 20px;
}

.header-bottom-list .news-list-all .news-lists .list a {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    padding-left: 30px;
    position: relative;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.header-bottom-list .news-list-all .news-lists .list a:hover {
    color: var(--main-color-four);
}

.header-bottom-list .news-list-all .news-lists .list a::before {
    content: "";
    position: absolute;
    top: 0%;
    left: 0;
    background: var(--main-color-four);
    height: 15px;
    width: 15px;
    border-radius: 50%;
}

@-webkit-keyframes runnings {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    50% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes runnings {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    50% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}


/* Header bottom end */


/* Promo area */

.home-19.promo-area {
    overflow: hidden;
}

.home-19 .single-promo {
    padding: 30px;
    -webkit-box-shadow: 0 0 10px #f7f7f7;
    box-shadow: 0 0 10px #f7f7f7;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-19 .single-promo {
        margin: 0;
        padding: 30px 10px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-19 .single-promo {
        margin: 0;
        padding: 10px 20px 20px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19 .single-promo {
        padding: 20px;
    }
}

@media only screen and (max-width: 575.98px) {
    .home-19 .single-promo {
        margin: 0;
    }
}

.home-19 .single-promo.sidebar-promo {
    display: block;
}

.home-19 .single-promo.sidebar-promo:not(:last-child) {
    margin-bottom: 24px;
}

.home-19 .single-promo .promo-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px 20px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-19 .single-promo .promo-inner {
        display: block;
    }
}

@media only screen and (max-width: 375px) {
    .home-19 .single-promo .promo-inner {
        display: block;
    }
}

.home-19 .single-promo .icon {
    font-size: 36px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-19 .single-promo .contents {
        margin-top: 5px;
    }
}

@media only screen and (max-width: 375px) {
    .home-19 .single-promo .contents {
        margin-top: 5px;
    }
}

.home-19 .single-promo .contents .common-para {
    margin-top: 10px;
}


/* Updated Area */

.home-19.updated-area {
    overflow: hidden;
}

.home-19.updated-area div[class*=col]:nth-child(4n+1) .single-updated {
    background-color: #F2F3F5;
}

.home-19.updated-area div[class*=col]:nth-child(4n+1) .single-updated::before {
    background: #ededed;
}

.home-19.updated-area div[class*=col]:nth-child(4n+2) .single-updated {
    background-color: #E9F6FF;
}

.home-19.updated-area div[class*=col]:nth-child(4n+2) .single-updated::before {
    background: #d6efff;
}

.home-19.updated-area div[class*=col]:nth-child(4n+3) .single-updated {
    background-color: #FFECF0;
}

.home-19.updated-area div[class*=col]:nth-child(4n+3) .single-updated::before {
    background: #ffe0e6;
}

.home-19.updated-area div[class*=col]:nth-child(4n+4) .single-updated {
    background-color: #FFF8F0;
}

.home-19.updated-area div[class*=col]:nth-child(4n+4) .single-updated::before {
    background: #fff2e3;
}

.home-19.updated-area .single-updated {
    position: relative;
    z-index: 0;
    background-color: #F2F3F5;
    overflow: hidden;
}

.home-19.updated-area .single-updated.column-four::before,
.home-19.updated-area .single-updated.column-four::after {
    height: 250px;
    width: 250px;
}

.home-19.updated-area .single-updated.column-four .updated-image-contents .updated-contents .updated-title {
    font-size: 28px;
}

.home-19.updated-area .single-updated.column-four .updated-flex-contents {
    padding: 50px 0;
}

.home-19.updated-area .single-updated.column-four .updated-flex-contents .updated-img {
    height: 160px;
    width: 160px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .home-19.updated-area .single-updated.column-four .updated-flex-contents .updated-img {
        height: 140px;
        width: 140px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-19.updated-area .single-updated.column-four .updated-flex-contents .updated-img {
        height: 110px;
        width: 100px;
    }
}

.home-19.updated-area .single-updated.style-02 .updated-flex-contents {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19.updated-area .single-updated.style-02 .updated-flex-contents {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

.home-19.updated-area .single-updated.style-02 .updated-flex-contents .updated-img {
    margin-right: 20px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-19.updated-area .single-updated.style-02 .updated-flex-contents .updated-img {
        margin-right: 10px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19.updated-area .single-updated.style-02 .updated-flex-contents .updated-img {
        margin: 0 auto 20px;
    }
}

.home-19.updated-area .single-updated.style-02 .updated-flex-contents .updated-contents {
    margin-right: 0;
}

.home-19.updated-area .single-updated::before {
    content: "";
    position: absolute;
    left: -70px;
    top: -70px;
    height: 300px;
    width: 300px;
    z-index: -1;
    border-radius: 50%;
    background: #FBEAD9;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19.updated-area .single-updated::before {
        height: 200px;
        width: 200px;
    }
}

.home-19.updated-area .single-updated .updated-image-contents {
    position: relative;
    z-index: 1;
    padding: 0 20px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19.updated-area .single-updated .updated-image-contents {
        padding: 30px 10px 0;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19.updated-area .single-updated .updated-image-contents .updated-contents {
        text-align: center;
    }
}

.home-19.updated-area .single-updated .updated-image-contents .updated-contents .updated-top {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 8px;
    display: block;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-19.updated-area .single-updated .updated-image-contents .updated-contents .updated-top {
        font-size: 17px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19.updated-area .single-updated .updated-image-contents .updated-contents .updated-top {
        font-size: 16px;
        margin-bottom: 5px;
    }
}

@media only screen and (max-width: 575.98px) {
    .home-19.updated-area .single-updated .updated-image-contents .updated-contents .updated-top {
        font-size: 15px;
    }
}

@media only screen and (max-width: 375px) {
    .home-19.updated-area .single-updated .updated-image-contents .updated-contents .updated-top {
        font-size: 14px;
    }
}

.home-19.updated-area .single-updated .updated-image-contents .updated-contents .updated-title {
    font-size: 36px;
    line-height: 42px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-19.updated-area .single-updated .updated-image-contents .updated-contents .updated-title {
        font-size: 30px;
        line-height: 32px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-19.updated-area .single-updated .updated-image-contents .updated-contents .updated-title {
        font-size: 28px;
        line-height: 32px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-19.updated-area .single-updated .updated-image-contents .updated-contents .updated-title {
        font-size: 30px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19.updated-area .single-updated .updated-image-contents .updated-contents .updated-title {
        font-size: 32px;
        line-height: 36px;
    }
}

@media only screen and (max-width: 480px) {
    .home-19.updated-area .single-updated .updated-image-contents .updated-contents .updated-title {
        font-size: 28px;
        line-height: 32px;
    }
}

@media only screen and (max-width: 375px) {
    .home-19.updated-area .single-updated .updated-image-contents .updated-contents .updated-title {
        font-size: 26px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-19.updated-area .single-updated .updated-image-contents .updated-contents .btn-buy {
        font-size: 17px;
    }
}

.home-19.updated-area .updated-flex-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px 0 0;
    gap: 20px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-19.updated-area .updated-flex-contents {
        gap: 10px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-19.updated-area .updated-flex-contents {
        gap: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        text-align: center;
        padding: 20px 30px 0;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19.updated-area .updated-flex-contents {
        padding: 20px 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19.updated-area .updated-flex-contents {
        padding: 0px 0;
    }
}

.home-19.updated-area .updated-flex-contents .updated-img {
    max-width: 300px;
}

@media (min-width: 1200px) and (max-width: 1880px) {
    .home-19.updated-area .updated-flex-contents .updated-img {
        max-width: 180px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-19.updated-area .updated-flex-contents .updated-img {
        max-width: 150px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-19.updated-area .updated-flex-contents .updated-img {
        max-width: 150px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-19.updated-area .updated-flex-contents .updated-img {
        max-width: 150px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19.updated-area .updated-flex-contents .updated-img {
        margin: 0px auto;
    }
}

.home-19.updated-area .updated-flex-contents .updated-img img {
    border-radius: 10px;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.home-19.updated-area .updated-flex-contents .updated-contents {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}


/*---------------------------------------
    Global Card Area
---------------------------------------*/

.home-19 .global-card-item {
    -webkit-box-shadow: 0 0 10px rgba(221, 221, 221, 0.5);
    box-shadow: 0 0 10px rgba(221, 221, 221, 0.5);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.home-19 .global-card-item.center-text {
    text-align: center;
}

.home-19 .global-card-item.center-text .single-global-card {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.home-19 .global-card-item:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.home-19 .global-card-item:hover .global-card-thumb img {
    -webkit-transform: rotate(5deg) scale(1.2);
    transform: rotate(5deg) scale(1.2);
}

.home-19 .global-card-item:hover .global-card-thumb.selling-thumb-overlay::before {
    visibility: visible;
    opacity: 1;
}

.home-19 .global-card-item:hover .global-card-thumb .global-thumb-icons {
    visibility: visible;
    opacity: 1;
    top: 20px;
}

.home-19 .global-card-item.style-02:hover .global-thumb-icons {
    top: auto;
    bottom: 20px;
}

.home-19 .global-card-item.style-02 .global-thumb-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: auto;
    bottom: -100px;
    left: 0;
    right: 0;
    text-align: center;
}

.home-19 .global-card-item.style-02 .global-thumb-icons .lists {
    margin: 5px 5px;
}

.home-19 .global-card-item.style-02 .global-thumb-icons .lists .icon {
    height: 35px;
    width: 35px;
    font-size: 14px;
    cursor: pointer;
}

.home-19 .global-card-item.style-03 {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.home-19 .global-card-item.style-03:hover .global-thumb-icons {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.home-19 .global-card-item.style-03 .global-thumb-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 50%;
    left: 50%;
}

.home-19 .global-card-item.style-03 .global-thumb-icons .lists {
    margin: 5px 5px;
}

.home-19 .global-card-item.style-03 .global-thumb-icons .lists .icon {
    height: 35px;
    width: 35px;
    font-size: 20px;
    border-radius: 0;
}

.home-19 .global-card-item.style-03 .global-card-contents {
    padding: 25px 0px 0px;
}

.home-19 .global-card-item .global-card-thumb {
    overflow: hidden;
    position: relative;
    z-index: 0;
}

.home-19 .global-card-item .global-card-thumb img {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: 100%;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19 .global-card-item .global-card-thumb img {
        width: 100%;
    }
}

.home-19 .global-card-contents {
    padding: 25px 20px 30px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-19 .global-card-contents {
        padding: 25px 40px 30px;
    }
}

.home-19 .global-card-contents .discount-countdown {
    margin: -15px 0 5px;
}

.home-19 .thumb-top-contents {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 9;
    display: block;
}

.home-19 .thumb-top-contents.right-side {
    left: auto;
    right: 10px;
}

.home-19 .thumb-top-contents .percent-box {
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    padding: 5px 15px;
    color: #fff;
    background-color: var(--main-color-one);
}

.home-19 .thumb-top-contents .percent-box.bg-color-stock {
    background-color: var(--stock-color);
}

.home-19 .thumb-top-contents .percent-box:not(:last-child) {
    margin-bottom: 10px;
}

.home-19 .special-offer-small {
    display: block;
}

.home-19 .special-offer-small img {
    width: unset;
}

.global-thumb-icons {
    list-style: none;
    margin: 0;
    padding: 0;
}

.home-19 .global-thumb-icons {
    display: block;
    position: absolute;
    top: -100px;
    right: 20px;
    z-index: 9;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.home-19 .global-thumb-icons.hover-color-two .lists .icon:hover {
    background: var(--main-color-two);
    color: #fff;
}

.home-19 .global-thumb-icons.hover-color-three .lists .icon:hover {
    background: var(--main-color-three);
    color: #fff;
}

.home-19 .global-thumb-icons.hover-color-four .lists .icon:hover {
    background: var(--main-color-four);
    color: #fff;
}

.home-19 .global-thumb-icons .lists:not(:last-child) {
    margin-bottom: 10px;
}

.home-19 .global-thumb-icons .lists .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 48px;
    width: 48px;
    border-radius: 5px;
    background: #fff;
    color: var(--light-color);
    font-size: 16px;
    -webkit-box-shadow: 0 0 5px rgba(221, 221, 221, 0.2);
    box-shadow: 0 0 5px rgba(221, 221, 221, 0.2);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.home-19 .global-thumb-icons .lists .icon:hover {
    background: var(--main-color-three);
    color: #fff;
}

.home-19 .card-reviews {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--light-color);
}

.home-19 .card-reviews.color-one .ratings i {
    color: var(--main-color-three);
}

.home-19 .card-reviews.color-two .ratings i {
    color: var(--main-color-two);
}

.home-19 .card-reviews.color-three .ratings i {
    color: var(--main-color-three) !important;
}

.home-19 .card-reviews .ratings {
    margin: 5px;
}

.home-19 .card-reviews .ratings i {
    color: var(--review-color);
}

.home-19 .single-global-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media only screen and (max-width: 375px) {
    .home-19 .single-global-card {
        display: block;
        margin-top: 0 !important;
    }
}

.home-19 .single-global-card .global-card-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 20px;
    padding-top: 10px;
}

@media only screen and (max-width: 375px) {
    .home-19 .single-global-card .global-card-left {
        margin-right: 10px;
    }
}

.home-19 .single-global-card .global-card-left .price {
    font-size: 20px;
    font-weight: 500;
    line-height: 36px;
    margin-right: 20px;
}

.home-19 .single-global-card .global-card-left .price.color-1 {
    color: var(--main-color-three);
}

.home-19 .single-global-card .global-card-left .price.color-2 {
    color: var(--main-color-two);
}

.home-19 .single-global-card .global-card-left .price.color-3 {
    color: var(--main-color-three);
}

.home-19 .single-global-card .global-card-right {
    padding-top: 10px;
}

.home-19 .global-sale.sale-right-gap {
    margin-right: 20px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19 .global-sale.sale-right-gap {
        margin-right: 10px;
    }
}

.home-19 .global-flex-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.home-19 .global-flex-icon .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #DDD;
    color: var(--heading-color);
    height: 40px;
    width: 40px;
    font-size: 22px;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.home-19 .global-flex-icon .icon:not(:last-child) {
    margin-right: 10px;
}

.home-19 .global-flex-icon .icon:hover {
    background: var(--main-color-three);
    color: #fff;
}

.home-19 .global-flex-icon .icon.secondary-outline-1 {
    background: none;
    border: 1px solid #2974ff;
    color: #2974ff;
}

.home-19 .global-flex-icon .icon.secondary-outline-1:hover {
    background: #2974ff;
    color: #fff;
}

.home-19 .global-flex-icon .icon.secondary-outline-1.cart-loading::before {
    background-color: #2974ff;
}

.home-19 .global-flex-icon .icon.outline-color-1 {
    background: none;
    border: 1px solid var(--main-color-three);
    color: var(--main-color-three);
}

.home-19 .global-flex-icon .icon.outline-color-1:hover {
    background: var(--main-color-three);
    color: #fff;
}

.home-19 .global-flex-icon .icon.outline-color-1.cart-loading::before {
    background-color: var(--main-color-three);
}

.home-19 .global-flex-icon .icon.outline-color-2 {
    background: none;
    border: 1px solid var(--main-color-two);
    color: var(--main-color-two);
}

.home-19 .global-flex-icon .icon.outline-color-2:hover {
    background: var(--main-color-two);
    color: #fff;
}

.home-19 .global-flex-icon .icon.outline-color-2.cart-loading::before {
    background-color: var(--main-color-two);
}

.home-19 .global-flex-icon .icon.outline-color-3 {
    background: none;
    border: 1px solid var(--main-color-three);
    color: var(--main-color-three);
}

.home-19 .global-flex-icon .icon.outline-color-3:hover {
    background: var(--main-color-three);
    color: #fff;
}

.home-19 .global-flex-icon .icon.outline-color-3.cart-loading::before {
    background-color: var(--main-color-three);
}

.home-19 .global-flex-icon .icon.text-preview {
    background: none;
    border: 1px solid rgba(221, 221, 221, 0.5);
    display: inline-block;
    height: unset;
    width: unset;
    font-size: 14px;
    padding: 8px 20px;
    color: var(--heading-color);
}

.home-19 .global-flex-icon .icon.text-preview:hover {
    background: var(--main-color-two);
    color: #fff;
}

.home-19 .global-flex-icon .icon.text-preview.hover-color-one:hover {
    background: var(--main-color-three);
}

.home-19 .global-flex-icon .icon.text-preview.hover-color-two:hover {
    background: var(--main-color-two);
}

.home-19 .global-flex-icon .icon.text-preview.hover-color-two.cart-loading::before {
    background-color: var(--main-color-two) !important;
}

.home-19 .global-flex-icon .icon.text-preview.hover-color-three:hover {
    background: var(--main-color-three);
}

.home-19 .global-flex-icon .icon.text-preview.hover-color-three.cart-loading::before {
    background-color: var(--main-color-three) !important;
}

.home-19 .global-flex-icon .icon.bg-color-two {
    background: var(--main-color-two);
    color: #fff;
}

.home-19 .global-flex-icon .icon.bg-color-two.cart-loading::before {
    background-color: var(--main-color-two) !important;
}

.home-19 .global-flex-icon .icon.bg-color-three {
    background: var(--main-color-three);
    color: #fff;
}

.home-19 .global-flex-icon .icon.bg-color-three.cart-loading::before {
    background-color: var(--main-color-three) !important;
}

.home-19 .bg-color-two {
    background: var(--main-color-two);
    color: #fff;
}

.home-19 .bg-color-two.cart-loading::before {
    background-color: var(--main-color-two) !important;
}

.home-19 .bg-color-three {
    background: var(--main-color-three);
    color: #fff;
}

.home-19 .bg-color-three.cart-loading::before {
    background-color: var(--main-color-three) !important;
}

.home-19 .preview-button .icon {
    border: 2px solid #2974ff;
    padding: 10px 18px;
    font-size: 18px;
    display: inline-block;
    color: var(--light-color);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19 .preview-button .icon {
        padding: 10px 15px;
    }
}

@media only screen and (max-width: 375px) {
    .home-19 .preview-button .icon {
        font-size: 16px;
    }
}

.home-19 .preview-button .icon i {
    color: #2974ff;
    margin-right: 5px;
    font-size: 20px;
}

.home-19 .preview-button .icon:hover {
    background: #2974ff;
    color: #fff;
}

.home-19 .preview-button .icon:hover i {
    color: #fff;
}

.home-19 .preview-button .icon.cart-loading::before {
    background-color: #2974ff;
}

.home-19 .cart-loading {
    position: relative;
    z-index: 0;
}

.home-19 .cart-loading img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 9;
    height: auto;
    width: auto;
    visibility: hidden;
    opacity: 0;
}

.home-19 .cart-loading.active-loading::before {
    visibility: visible;
    opacity: 1;
}

.home-19 .cart-loading::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    border-color: rgba(0, 0, 0, 0.9);
    color: #fff;
    border: 2px solid transparent;
    top: 0;
    left: 0;
    text-align: center;
    border-radius: 5px;
    z-index: 5;
    visibility: hidden;
    opacity: 0;
    background-image: url(../img/loading-cart.gif);
    background-repeat: no-repeat;
    background-position: center;
}

.home-19 .cart-loading.bg-two::before {
    background-color: var(--main-color-two);
    color: #fff;
}

.home-19 .cart-loading.bg-three::before {
    background-color: var(--main-color-three);
    color: #fff;
}

.home-19 .center-text .single-global-card {
    display: -ms-grid;
    display: grid;
}

.home-19 .center-text .rating-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.home-19 .center-text .global-card-left {
    margin-right: 0;
}

@media only screen and (max-width: 375px) {
    .home-19 .center-text .global-card-left {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-right: 0;
    }
}


/* Clothing area */

.home-19 .clothing-wrapper {
    padding: 0 60px;
    position: relative;
    z-index: 0;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-19 .clothing-wrapper {
        padding: 0 40px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-19 .clothing-wrapper {
        padding: 0 40px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19 .clothing-wrapper {
        padding: 0 30px;
    }
}

@media only screen and (max-width: 480px) {
    .home-19 .clothing-wrapper {
        padding: 0 20px;
    }
}

@media only screen and (max-width: 575.98px) {
    .home-19 .clothing-wrapper .clothing-thumb {
        display: none;
    }
}

.home-19 .clothing-wrapper .clothing-thumb img {
    position: absolute;
    z-index: -1;
}

.home-19 .clothing-wrapper .clothing-thumb img:nth-child(1) {
    bottom: 0;
    left: 100px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .home-19 .clothing-wrapper .clothing-thumb img:nth-child(1) {
        left: 70px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-19 .clothing-wrapper .clothing-thumb img:nth-child(1) {
        left: 50px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-19 .clothing-wrapper .clothing-thumb img:nth-child(1) {
        left: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-19 .clothing-wrapper .clothing-thumb img:nth-child(1) {
        display: none;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19 .clothing-wrapper .clothing-thumb img:nth-child(1) {
        display: none !important;
    }
}

.home-19 .clothing-wrapper .clothing-thumb img:nth-child(2) {
    bottom: 0;
    right: 100px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .home-19 .clothing-wrapper .clothing-thumb img:nth-child(2) {
        right: 70px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-19 .clothing-wrapper .clothing-thumb img:nth-child(2) {
        right: 50px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-19 .clothing-wrapper .clothing-thumb img:nth-child(2) {
        right: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-19 .clothing-wrapper .clothing-thumb img:nth-child(2) {
        right: 10px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19 .clothing-wrapper .clothing-thumb img:nth-child(2) {
        right: 0;
    }
}

.home-19 .clothing-contents {
    padding: 60px 0;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-19 .clothing-contents {
        padding-left: 50px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19 .clothing-contents {
        max-width: 400px;
        padding: 80px 0px;
    }
}

@media only screen and (max-width: 767.98px) {
    .home-19 .clothing-contents {
        max-width: 300px;
        padding: 60px 0px;
    }
}

@media only screen and (max-width: 575.98px) {
    .home-19 .clothing-contents {
        max-width: 100%;
        padding: 40px 0;
    }
}

@media only screen and (max-width: 480px) {
    .home-19 .clothing-contents {
        padding: 30px 0;
    }
}

.home-19 .clothing-contents .percent-discount {
    margin-bottom: 15px;
    display: block;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-19 .clothing-contents .percent-discount {
        font-size: 20px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-19 .clothing-contents .percent-discount {
        font-size: 18px !important;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19 .clothing-contents .percent-discount {
        font-size: 18px !important;
    }
}

@media only screen and (max-width: 767.98px) {
    .home-19 .clothing-contents .percent-discount {
        font-size: 16px !important;
    }
}

.home-19 .clothing-contents .clothing-title {
    font-size: 60px;
    line-height: 65px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-19 .clothing-contents .clothing-title {
        font-size: 50px;
        line-height: 60px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-19 .clothing-contents .clothing-title {
        font-size: 50px;
        line-height: 60px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-19 .clothing-contents .clothing-title {
        font-size: 45px;
        line-height: 60px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19 .clothing-contents .clothing-title {
        font-size: 40px;
        line-height: 50px;
    }
}

@media only screen and (max-width: 767.98px) {
    .home-19 .clothing-contents .clothing-title {
        font-size: 35px;
        line-height: 40px;
    }
}

@media only screen and (max-width: 480px) {
    .home-19 .clothing-contents .clothing-title {
        font-size: 32px;
        line-height: 40px;
    }
}

.home-19 .clothing-contents .btn-wrapper .cmn-btn {
    border: 2px solid var(--main-color-three);
}

.home-19 .clothing-contents .btn-wrapper .cmn-btn:hover {
    background: none;
    color: var(--main-color-three);
}


/* Instagram area */

.home-19 .instagram-wrapper {
    position: relative;
    z-index: 2;
}

.home-19 .single-instagram .instagram-image {
    max-height: 270px;
    width: 100%;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.home-19 .single-instagram .instagram-image:hover::before {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.home-19 .single-instagram .instagram-image:hover .icon {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) rotateY(180deg);
    transform: translate(-50%, -50%) rotateY(180deg);
}

.home-19 .single-instagram .instagram-image::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .home-19 .single-instagram .instagram-image {
        height: 280px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-19 .single-instagram .instagram-image {
        height: 250px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-19 .single-instagram .instagram-image {
        height: 240px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-19 .single-instagram .instagram-image {
        height: 250px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19 .single-instagram .instagram-image {
        height: auto;
    }
}

.home-19 .single-instagram .instagram-image img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.home-19 .single-instagram .instagram-image .icon {
    font-size: 30px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 50px;
    width: 50px;
    background-color: #fff;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

@media only screen and (max-width: 480px) {
    .home-19 .single-instagram .instagram-image .icon {
        height: 40px;
        width: 40px;
        font-size: 24px;
    }
}

.home-19 .single-instagram .instagram-image .icon:hover {
    color: #fff !important;
    background-color: var(--main-color-three);
}

.home-19 .single-instagram .instagram-image .icon.hover-color-two:hover {
    color: var(--main-color-two);
}

.home-19 .single-instagram .instagram-image .icon.hover-color-three:hover {
    color: var(--main-color-three);
}

.home-19 .single-instagram .instagram-image .icon.hover-color-four:hover {
    color: var(--main-color-four);
}

.home-19 .instagram-flex-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.home-19 .instagram-flex-wrapper .single-instagram {
    -ms-flex-preferred-size: 28.99%;
    flex-basis: 28.99%;
    margin-top: 24px;
    margin-right: 24px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .home-19 .instagram-flex-wrapper .single-instagram {
        -ms-flex-preferred-size: 28.32%;
        flex-basis: 28.32%;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-19 .instagram-flex-wrapper .single-instagram {
        -ms-flex-preferred-size: 27.25%;
        flex-basis: 27.25%;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-19 .instagram-flex-wrapper .single-instagram {
        -ms-flex-preferred-size: 14.8%;
        flex-basis: 14.8%;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-19 .instagram-flex-wrapper .single-instagram {
        -ms-flex-preferred-size: 14.43%;
        flex-basis: 14.43%;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19 .instagram-flex-wrapper .single-instagram {
        -ms-flex-preferred-size: 13.61%;
        flex-basis: 13.61%;
    }
}

@media only screen and (max-width: 767.98px) {
    .home-19 .instagram-flex-wrapper .single-instagram {
        -ms-flex-preferred-size: 29.95%;
        flex-basis: 29.95%;
    }
}

@media only screen and (max-width: 575.98px) {
    .home-19 .instagram-flex-wrapper .single-instagram {
        -ms-flex-preferred-size: 29%;
        flex-basis: 29%;
    }
}

@media only screen and (max-width: 480px) {
    .home-19 .instagram-flex-wrapper .single-instagram {
        -ms-flex-preferred-size: 28%;
        flex-basis: 28%;
    }
}

@media only screen and (max-width: 375px) {
    .home-19 .instagram-flex-wrapper .single-instagram {
        -ms-flex-preferred-size: 45.28%;
        flex-basis: 45.28%;
    }
}

.home-19 .instagram-flex-wrapper .single-instagram:nth-of-type(3n+3) {
    margin-right: 0;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-19 .instagram-flex-wrapper .single-instagram:nth-of-type(3n+3) {
        margin-right: 24px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-19 .instagram-flex-wrapper .single-instagram:nth-of-type(3n+3) {
        margin-right: 24px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19 .instagram-flex-wrapper .single-instagram:nth-of-type(3n+3) {
        margin-right: 24px;
    }
}

@media only screen and (max-width: 767.98px) {
    .home-19 .instagram-flex-wrapper .single-instagram:nth-of-type(3n+3) {
        margin-right: 0px;
    }
}

@media only screen and (max-width: 375px) {
    .home-19 .instagram-flex-wrapper .single-instagram:nth-of-type(3n+3) {
        margin-right: 24px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-19 .instagram-flex-wrapper .single-instagram:nth-of-type(3n+6) {
        margin-right: 0px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-19 .instagram-flex-wrapper .single-instagram:nth-of-type(3n+6) {
        margin-right: 0px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19 .instagram-flex-wrapper .single-instagram:nth-of-type(3n+6) {
        margin-right: 0px;
    }
}

@media only screen and (max-width: 375px) {
    .home-19 .instagram-flex-wrapper .single-instagram:nth-of-type(2n+2) {
        margin-right: 0px;
    }
}

.home-19 .instagram-flex-wrapper .single-instagram .instagram-thumb {
    max-height: 108px;
    max-width: 108px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-19 .instagram-flex-wrapper .single-instagram .instagram-thumb {
        max-height: 100%;
        max-width: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-19 .instagram-flex-wrapper .single-instagram .instagram-thumb {
        max-height: 100%;
        max-width: 100%;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19 .instagram-flex-wrapper .single-instagram .instagram-thumb {
        max-height: 100%;
        max-width: 100%;
    }
}


/* Right Side Items */

.home-20 {
    /* Categories */
    /* Tags area */
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-20 .single-sidebar-item.padding-top-40 {
        padding-top: 30px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-20 .single-sidebar-item.padding-bottom-40 {
        padding-bottom: 30px;
    }
}

.home-20 .recent-flex-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .home-20 .recent-flex-contents {
        gap: 20px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-20 .recent-flex-contents {
        gap: 20px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-20 .recent-flex-contents {
        gap: 15px;
    }
}

@media only screen and (max-width: 575.98px) {
    .home-20 .recent-flex-contents {
        gap: 20px;
    }
}

@media only screen and (max-width: 375px) {
    .home-20 .recent-flex-contents {
        display: block;
    }
}

.home-20 .recent-flex-contents .recent-contents-inner {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-20 .sidebar-contents.margin-top-40 {
        margin-top: 25px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-20 .sidebar-contents.margin-top-20 {
        margin-top: 5px;
    }
}

@media only screen and (max-width: 375px) {
    .home-20 .sidebar-contents .recent-contents {
        text-align: center;
    }
}

.home-20 .sidebar-contents .recent-contents:not(:last-child) {
    border-bottom: 1px solid #DDD;
    padding-bottom: 28px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .home-20 .sidebar-contents .recent-contents:not(:last-child) {
        padding-bottom: 21px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-20 .sidebar-contents .recent-contents:not(:last-child) {
        padding-bottom: 15px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-20 .sidebar-contents .recent-contents:not(:last-child) {
        padding-bottom: 15px;
    }
}

.home-20 .sidebar-contents .recent-contents:not(:first-child) {
    padding-top: 28px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .home-20 .sidebar-contents .recent-contents:not(:first-child) {
        padding-top: 21px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-20 .sidebar-contents .recent-contents:not(:first-child) {
        padding-top: 15px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-20 .sidebar-contents .recent-contents:not(:first-child) {
        padding-top: 15px;
    }
}

.home-20 .sidebar-contents .recent-contents.style-02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .home-20 .sidebar-contents .recent-contents.style-02 {
        gap: 20px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-20 .sidebar-contents .recent-contents.style-02 {
        gap: 20px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-20 .sidebar-contents .recent-contents.style-02 {
        gap: 20px;
    }
}

@media only screen and (max-width: 375px) {
    .home-20 .sidebar-contents .recent-contents.style-02 {
        text-align: left;
        gap: 20px;
    }
}

.home-20 .sidebar-contents .recent-contents.style-02 .span-num {
    font-size: 48px;
    font-family: var(--heading-font-home-20);
    color: #DDD;
    font-weight: 700;
    font-style: italic;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-20 .sidebar-contents .recent-contents.style-02 .span-num {
        font-size: 42px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-20 .sidebar-contents .recent-contents.style-02 .span-num {
        font-size: 42px;
    }
}

.home-20 .sidebar-contents .recent-contents.style-02 .latest-title {
    margin-top: 0;
    font-family: var(--heading-font-home-20);
    color: var(--heading-color);
    font-size: 24px;
    line-height: 36px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-20 .sidebar-contents .recent-contents.style-02 .latest-title {
        font-size: 22px;
        line-height: 32px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-20 .sidebar-contents .recent-contents.style-02 .latest-title {
        font-size: 22px;
        line-height: 32px;
    }
}

@media only screen and (max-width: 480px) {
    .home-20 .sidebar-contents .recent-contents.style-02 .latest-title {
        font-size: 22px;
    }
}

@media only screen and (max-width: 375px) {
    .home-20 .sidebar-contents .recent-contents.style-02 .latest-title {
        font-size: 20px;
        line-height: 32px;
    }
}

.home-20 .sidebar-contents .recent-contents.style-02 .latest-title:hover {
    color: var(--main-color-four);
}

@media only screen and (max-width: 375px) {
    .home-20 .sidebar-contents .recent-contents .recent-contents-inner {
        margin-top: 20px;
    }
}

.home-20 .sidebar-contents .recent-contents .recent-news-title {
    font-family: var(--heading-font-home-20);
    font-weight: 500;
    margin-top: 15px;
    font-size: 24px;
    line-height: 32px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-20 .sidebar-contents .recent-contents .recent-news-title {
        font-size: 22px;
        line-height: 28px;
    }
}

@media only screen and (max-width: 575.98px) {
    .home-20 .sidebar-contents .recent-contents .recent-news-title {
        font-size: 22px;
    }
}

@media only screen and (max-width: 375px) {
    .home-20 .sidebar-contents .recent-contents .recent-news-title {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 375px) {
    .home-20 .sidebar-contents .recent-contents .recent-news-title {
        font-size: 20px;
        line-height: 28px;
    }
}

.home-20 .sidebar-contents .recent-contents .recent-news-title:hover {
    color: var(--main-color-four);
}

.home-20 .sidebar-contents .recent-contents .recent-contents-thumb {
    max-width: 140px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .home-20 .sidebar-contents .recent-contents .recent-contents-thumb {
        max-width: 136px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-20 .sidebar-contents .recent-contents .recent-contents-thumb {
        max-width: 118px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-20 .sidebar-contents .recent-contents .recent-contents-thumb {
        max-width: 100px;
    }
}

@media only screen and (max-width: 575.98px) {
    .home-20 .sidebar-contents .recent-contents .recent-contents-thumb {
        max-width: 120px;
    }
}

@media only screen and (max-width: 375px) {
    .home-20 .sidebar-contents .recent-contents .recent-contents-thumb {
        margin: 0 auto;
    }
}

@media only screen and (max-width: 375px) {
    .home-20 .sidebar-contents .recent-contents .tag-title-contents {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.home-20 .sidebar-contents .follow-list .single-list {
    background-color: #F2F3F5;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

@media only screen and (max-width: 480px) {
    .home-20 .sidebar-contents .follow-list .single-list {
        gap: 7px;
    }
}

@media only screen and (max-width: 375px) {
    .home-20 .sidebar-contents .follow-list .single-list {
        gap: 15px;
    }
}

.home-20 .sidebar-contents .follow-list .single-list a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    background-color: inherit;
    color: #fff;
    font-size: 18px;
}

@media only screen and (max-width: 480px) {
    .home-20 .sidebar-contents .follow-list .single-list a {
        font-size: 18px;
        height: 35px;
        width: 35px;
    }
}

@media only screen and (max-width: 375px) {
    .home-20 .sidebar-contents .follow-list .single-list a {
        font-size: 16px;
        height: 30px;
        width: 30px;
    }
}

.home-20 .sidebar-contents .follow-list .single-list .followers {
    font-size: 14px;
    line-height: 28px;
    color: var(--heading-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.home-20 .sidebar-contents .tag-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.home-20 .sidebar-contents .tag-list .list {
    padding: 5px 20px;
}

@media only screen and (max-width: 375px) {
    .home-20 .sidebar-contents .tag-list .list {
        padding: 5px 10px;
    }
}

.home-20 .single-flex-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
}

@media only screen and (max-width: 375px) {
    .home-20 .single-flex-list {
        display: block;
    }
}

.home-20 .single-flex-list .single-list {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.home-20 .categories-lists .single-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
    padding: 15px 20px;
    background-color: #F2F3F5;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

@media only screen and (max-width: 480px) {
    .home-20 .categories-lists .single-list {
        gap: 10px;
    }
}

.home-20 .categories-lists .single-list::before {
    content: "";
    position: absolute;
    top: 0%;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    width: 100%;
    z-index: -1;
}

.home-20 .categories-lists .single-list .follow-para {
    font-size: 18px;
    line-height: 28px;
    color: #fff;
}

@media only screen and (max-width: 480px) {
    .home-20 .categories-lists .single-list .follow-para {
        font-size: 16px;
    }
}

@media only screen and (max-width: 375px) {
    .home-20 .categories-lists .single-list .follow-para {
        font-size: 15px;
    }
}

.home-20 .categories-lists .single-list .followers {
    font-size: 18px;
    line-height: 28px;
    color: #fff;
}

@media only screen and (max-width: 480px) {
    .home-20 .categories-lists .single-list .followers {
        font-size: 16px;
    }
}

@media only screen and (max-width: 375px) {
    .home-20 .categories-lists .single-list .followers {
        font-size: 15px;
    }
}

.home-20 .tag-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}

.home-20 .tag-list .list {
    padding: 5px 16px;
    font-size: 16px;
    color: var(--light-color);
    border: 1px solid rgba(221, 221, 221, 0.5);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-20 .tag-list .list {
        padding: 5px 18px;
    }
}

.home-20 .tag-list .list:hover {
    background: var(--main-color-four);
    color: #fff;
    border-color: var(--main-color-four);
}


/* Sports area */

.home-20 .single-sports .sports-contents {
    padding: 20px 0px 0;
}

.home-20 .single-sports .sports-contents .tag-title {
    color: var(--light-color);
}

@media only screen and (max-width: 480px) {
    .home-20 .single-sports .sports-contents .tag-title {
        font-size: 15px;
    }
}

@media only screen and (max-width: 375px) {
    .home-20 .single-sports .sports-contents .tag-title {
        font-size: 14px;
    }
}

.home-20 .single-sports .sports-contents .sports-title {
    font-size: 24px;
    line-height: 32px;
    font-family: var(--heading-font-home-20);
    color: var(--heading-color);
    font-weight: 600;
}

@media only screen and (max-width: 480px) {
    .home-20 .single-sports .sports-contents .sports-title {
        font-size: 22px;
    }
}


/* News area */

.home-20.news-area .btn-loadmore {
    margin-top: 50px;
}

.home-20 .news-list .news-button-list {
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 10px 50px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .home-20 .news-list .news-button-list {
        gap: 10px 40px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-20 .news-list .news-button-list {
        gap: 10px 30px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-20 .news-list .news-button-list {
        gap: 10px 30px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-20 .news-list .news-button-list {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-top: 30px;
        gap: 5px 30px;
    }
}

@media only screen and (max-width: 575.98px) {
    .home-20 .news-list .news-button-list {
        gap: 5px 20px;
    }
}

.home-20 .news-list .news-button-list .lists {
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    background: none;
    color: var(--heading-color);
    border: none;
    outline: none;
    padding: 0;
}

.home-20 .news-list .news-button-list .lists:hover {
    color: var(--main-color-four);
}

.home-20 .news-list .news-button-list .lists.active {
    color: var(--main-color-four);
}

.home-20 .single-news .news-thumb {
    position: relative;
    z-index: 0;
}

.home-20 .single-news .news-thumb .news-date-tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #fff;
    margin: 0;
    list-style: none;
}

.home-20 .single-news .news-thumb .news-date-tag .tag-list-item {
    font-size: 16px;
    color: var(--extra-light-color);
    padding: 0px 20px;
    position: relative;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

@media only screen and (max-width: 575.98px) {
    .home-20 .single-news .news-thumb .news-date-tag .tag-list-item {
        font-size: 15px;
    }
}

@media only screen and (max-width: 375px) {
    .home-20 .single-news .news-thumb .news-date-tag .tag-list-item {
        font-size: 14px;
    }
}

.home-20 .single-news .news-thumb .news-date-tag .tag-list-item:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 15px;
    width: 2px;
    background: var(--extra-light-color);
}

.home-20 .single-news .news-thumb .news-date-tag .tag-list-item .item {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
}

.home-20 .single-news .news-thumb .news-date-tag .tag-list-item .item:hover {
    color: var(--main-color-four);
}

.home-20 .single-news .news-thumb .news-date-tag .tag-list-item .item:hover::before {
    color: var(--extra-light-color);
}

.home-20 .single-news .news-thumb .news-date-tag .tag-list-item .item:not(:first-child)::before {
    content: ",";
    padding-left: 3px;
}

.home-20 .single-news .news-contents .news-common-title {
    font-size: 28px;
    line-height: 36px;
    margin-top: 30px;
    font-family: var(--heading-font-home-20);
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-20 .single-news .news-contents .news-common-title {
        font-size: 26px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-20 .single-news .news-contents .news-common-title {
        font-size: 24px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-20 .single-news .news-contents .news-common-title {
        font-size: 24px;
        line-height: 32px;
    }
}

@media only screen and (max-width: 480px) {
    .home-20 .single-news .news-contents .news-common-title {
        font-size: 22px;
    }
}

@media only screen and (max-width: 375px) {
    .home-20 .single-news .news-contents .news-common-title {
        font-size: 20px;
        line-height: 28px;
    }
}

.home-20 .single-news .news-contents .news-common-title a {
    display: inline-block;
}

.home-20 .single-news .news-contents .news-common-title:hover {
    color: var(--main-color-four);
}


/* video area */

.home-20 .video-slider .slick-slide.slick-current .video-contents {
    -webkit-animation: slideInLeft 2s 0s both;
    animation: slideInLeft 2s 0s both;
}

.home-20 .single-videos {
    position: relative;
    z-index: 1;
}

.home-20 .single-videos:hover .popup-videos .videos-play {
    background: var(--main-color-four);
}

.home-20 .single-videos .video-thumbs {
    position: relative;
    z-index: 1;
}

.home-20 .single-videos .video-contents {
    background: #fff;
    padding: 30px;
    position: absolute;
    right: 0;
    bottom: 0;
    margin-left: 170px;
    z-index: 9;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-20 .single-videos .video-contents {
        margin-left: 50px;
        padding: 30px 20px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-20 .single-videos .video-contents {
        display: none;
    }
}

.home-20 .single-videos .video-contents .video-title {
    line-height: 50px;
    font-size: 36px;
    font-family: var(--heading-font-home-20);
    margin-bottom: 0;
    font-weight: 500;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-20 .single-videos .video-contents .video-title {
        font-size: 30px;
        line-height: 42px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-20 .single-videos .video-contents .video-title {
        font-size: 30px;
        line-height: 42px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-20 .single-videos .video-contents .video-title {
        font-size: 30px;
        line-height: 42px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-20 .single-videos .video-contents .video-title {
        font-size: 28px;
        line-height: 36px;
    }
}

.home-20 .single-videos .video-contents .video-title:hover {
    color: var(--main-color-four);
}

.home-20 .single-videos .popup-videos .videos-play {
    font-size: 36px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100px;
    width: 100px;
    background: var(--main-color-four);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 99;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-20 .single-videos .popup-videos .videos-play {
        top: 35%;
        height: 80px;
        width: 80px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-20 .single-videos .popup-videos .videos-play {
        height: 80px;
        width: 80px;
        font-size: 45px;
        top: 30%;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-20 .single-videos .popup-videos .videos-play {
        height: 80px;
        width: 80px;
        font-size: 45px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-20 .single-videos .popup-videos .videos-play {
        height: 70px;
        width: 70px;
        font-size: 28px;
    }
}

@media only screen and (max-width: 480px) {
    .home-20 .single-videos .popup-videos .videos-play {
        height: 60px;
        width: 60px;
        font-size: 24px;
    }
}

@media only screen and (max-width: 375px) {
    .home-20 .single-videos .popup-videos .videos-play {
        height: 50px;
        width: 50px;
        font-size: 20px;
    }
}

.home-20 .single-videos .popup-videos .videos-play::before,
.home-20 .single-videos .popup-videos .videos-play::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: var(--main-color-four);
    z-index: -1;
    height: 100%;
    width: 100%;
    -webkit-animation: pulse-border 2s linear infinite;
    animation: pulse-border 2s linear infinite;
}

.home-20 .single-videos .popup-videos .videos-play::after {
    -webkit-animation: pulse-border 2.5s linear infinite;
    animation: pulse-border 2.5s linear infinite;
}

.home-20 .single-videos .popup-videos .videos-play:hover {
    background: var(--main-color-four);
    border-radius: 50%;
}

.home-20 .single-videos .popup-videos .videos-play:hover::before,
.home-20 .single-videos .popup-videos .videos-play:hover::after {
    border-radius: 50%;
}

@-webkit-keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
        transform: translateX(-50%) translateY(-50%) scale(1);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) scale(1.5);
        transform: translateX(-50%) translateY(-50%) scale(1.5);
        opacity: 0;
    }
}

@keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
        transform: translateX(-50%) translateY(-50%) scale(1);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) scale(1.5);
        transform: translateX(-50%) translateY(-50%) scale(1.5);
        opacity: 0;
    }
}


/* Sports area */

.home-20 .single-topics .topics-contents {
    padding: 20px 0px 0;
}

.home-20 .single-topics .topics-contents .tag-title {
    color: var(--light-color);
}

@media only screen and (max-width: 480px) {
    .home-20 .single-topics .topics-contents .tag-title {
        font-size: 15px;
    }
}

@media only screen and (max-width: 375px) {
    .home-20 .single-topics .topics-contents .tag-title {
        font-size: 14px;
    }
}

.home-20 .single-topics .topics-contents .topics-title {
    font-size: 32px;
    line-height: 42px;
    font-family: var(--heading-font-home-20);
    color: var(--heading-color);
    font-weight: 600;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-20 .single-topics .topics-contents .topics-title {
        font-size: 30px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-20 .single-topics .topics-contents .topics-title {
        font-size: 28px;
        line-height: 36px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-20 .single-topics .topics-contents .topics-title {
        font-size: 28px;
        line-height: 36px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-20 .single-topics .topics-contents .topics-title {
        font-size: 28px;
        line-height: 36px;
    }
}

@media only screen and (max-width: 575.98px) {
    .home-20 .single-topics .topics-contents .topics-title {
        font-size: 26px;
    }
}

@media only screen and (max-width: 375px) {
    .home-20 .single-topics .topics-contents .topics-title {
        font-size: 24px;
        line-height: 32px;
    }
}

.home-20 .single-topics .topics-contents .topic-para {
    font-size: 16px;
    line-height: 28px;
    color: var(--light-color);
}

.home-20 .global-dates {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    display: inline-block;
}

@media only screen and (max-width: 480px) {
    .home-20 .global-dates {
        font-size: 15px;
    }
}

@media only screen and (max-width: 375px) {
    .home-20 .global-dates {
        font-size: 14px;
    }
}


/* Service Area */

.home-21.service-area {
    position: relative;
    z-index: 0;
}

.home-21 .service-shapes img {
    position: absolute;
    z-index: -1;
}

.home-21 .service-shapes img:nth-child(1) {
    left: 0;
    bottom: 0;
}

.home-21 .service-shapes img:nth-child(2) {
    right: 0;
    bottom: 100px;
}

.home-21 .service-wrapper-contents .service-para {
    font-size: 20px;
    font-weight: 400;
    font-family: var(--body-font-home-21);
    line-height: 36px;
    padding-right: 100px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-21 .service-wrapper-contents .service-para {
        font-size: 18px;
        line-height: 32px;
        padding-right: 60px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-21 .service-wrapper-contents .service-para {
        font-size: 18px;
        line-height: 32px;
        padding-right: 0px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-21 .service-wrapper-contents .service-para {
        font-size: 16px;
        line-height: 30px;
        padding-right: 0px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-21 .service-wrapper-contents .service-para {
        font-size: 18px;
        line-height: 30px;
    }
}

@media only screen and (max-width: 767.98px) {
    .home-21 .service-wrapper-contents .service-para {
        padding-right: 0;
    }
}

@media only screen and (max-width: 480px) {
    .home-21 .service-wrapper-contents .service-para {
        font-size: 16px;
    }
}

.home-21 .service-border {
    border: 1px solid rgba(221, 221, 221, 0.8);
}

.home-21 .single-service {
    padding: 40px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-21 .single-service {
        padding: 30px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-21 .single-service {
        padding: 30px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-21 .single-service {
        padding: 30px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-21 .single-service {
        padding: 30px;
    }
}

@media only screen and (max-width: 375px) {
    .home-21 .single-service {
        padding: 30px 20px;
    }
}

.home-21 .single-service:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.home-21 .single-service:hover .service-icon::before {
    border-radius: 30% 70% 70% 30%/70% 30% 30% 30%;
}

.home-21 .single-service .service-icon {
    position: relative;
    z-index: 1;
    display: inline-block;
    font-size: 45px;
    line-height: 45px;
    color: var(--heading-color);
}

.home-21 .single-service .service-icon::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 110%;
    width: 110%;
    background-color: #FFF5E0;
    z-index: -1;
    border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.home-21 .single-work .work-contents .work-subtitle a+a {
    margin-left: 5px;
}

.home-21 .single-work .work-contents .work-subtitle a+a:before {
    position: static;
    content: ",";
    padding-left: 0;
    padding-right: 5px;
}

.home-21 .single-work .work-contents .work-subtitle {
    margin-bottom: 20px;
    display: block;
}

.home-21 .single-service .service-content .service-title {
    font-size: 32px;
    line-height: 36px;
    color: var(--heading-color);
    font-family: var(--heading-font-home-21);
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-21 .single-service .service-content .service-title {
        font-size: 30px;
        line-height: 32px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-21 .single-service .service-content .service-title {
        font-size: 28px;
        line-height: 32px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-21 .single-service .service-content .service-title {
        font-size: 28px;
        line-height: 32px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-21 .single-service .service-content .service-title {
        font-size: 26px;
        line-height: 32px;
    }
}

.home-21 .single-service .service-content .service-para {
    font-family: var(--body-font-home-21);
    font-size: 18px;
    line-height: 30px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-21 .single-service .service-content .service-para {
        font-size: 17px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-21 .single-service .service-content .service-para {
        font-size: 16px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-21 .single-service .service-content .service-para {
        font-size: 16px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-21 .single-service .service-content .service-para {
        font-size: 16px;
    }
}

.home-21 .single-service .service-content .explore-btn {
    font-family: var(--body-font-home-21);
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-21 .single-service .service-content .explore-btn {
        font-size: 16px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-21 .single-service .service-content .explore-btn {
        font-size: 16px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-21 .single-service .service-content .explore-btn {
        font-size: 16px;
    }
}


/* Work Area */

.home-21 .work-slider .slick-slide {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
}

.home-21 .work-slider .slick-slide.slick-current {
    visibility: visible;
    opacity: 1;
}

.home-21 .work-slider .slick-slide.slick-current+.slick-slide {
    visibility: visible;
    opacity: 1;
}

.home-21 .work-slider .slick-list {
    overflow: visible;
}

.home-21 .single-work {
    position: relative;
    z-index: 1;
}

.home-21 .single-work .work-thumb {
    padding-bottom: 30px;
}

.home-21 .single-work .work-contents {
    max-width: 370px;
    padding: 30px;
    position: absolute;
    right: 30px;
    bottom: 0;
    z-index: 9;
    background-color: var(--main-color-five);
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-21 .single-work .work-contents {
        right: 0;
        position: relative;
        margin: auto;
    }
}

@media only screen and (max-width: 375px) {
    .home-21 .single-work .work-contents {
        padding: 20px;
    }
}

.home-21 .single-work .work-contents .work-subtitle {
    font-size: 20px;
    line-height: 32px;
    font-family: var(--body-font-home-21);
    color: var(--heading-color);
}

@media only screen and (max-width: 575.98px) {
    .home-21 .single-work .work-contents .work-subtitle {
        font-size: 18px;
    }
}

@media only screen and (max-width: 375px) {
    .home-21 .single-work .work-contents .work-subtitle {
        font-size: 16px;
    }
}

.home-21 .single-work .work-contents .work-title {
    font-size: 36px;
    font-weight: 700;
    font-family: var(--heading-font-home-21);
    line-height: 36px;
}

@media only screen and (max-width: 575.98px) {
    .home-21 .single-work .work-contents .work-title {
        font-size: 32px;
    }
}

@media only screen and (max-width: 375px) {
    .home-21 .single-work .work-contents .work-title {
        font-size: 28px;
    }
}

.home-21 .single-work .work-contents .work-para {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    font-family: var(--body-font-home-21);
    color: var(--heading-color);
}

@media only screen and (max-width: 375px) {
    .home-21 .single-work .work-contents .work-para {
        font-size: 16px;
    }
}

.home-21 .single-work .work-contents .case-btn {
    font-family: var(--body-font-home-21);
    color: var(--heading-color);
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
}

.home-21 .single-work .work-contents .case-btn i {
    font-size: 16px;
}

@media only screen and (max-width: 480px) {
    .home-21 .single-work .work-contents .case-btn {
        font-size: 16px;
    }
}


/* Counter  */

.home-21.counter-area {
    position: relative;
    z-index: 0;
}

.home-21 .counter-shape img {
    position: absolute;
    bottom: 30px;
    right: 30px;
    z-index: 2;
}

.home-21 .single-counter {
    padding: 0 30px;
}

.home-21 .single-counter.counter-border {
    position: relative;
    z-index: 1;
}

.home-21 .single-counter.counter-border::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 4px;
    background-color: #DDD;
}

.home-21 .single-counter .counter-count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.home-21 .single-counter .counter-count .odometer {
    font-size: 42px;
    line-height: 36px;
    font-weight: 700;
    font-family: var(--heading-font-home-21);
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-21 .single-counter .counter-count .odometer {
        font-size: 36px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-21 .single-counter .counter-count .odometer {
        font-size: 32px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-21 .single-counter .counter-count .odometer {
        font-size: 30px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-21 .single-counter .counter-count .odometer {
        font-size: 36px;
    }
}

.home-21 .single-counter .counter-count .count-title {
    font-size: 42px;
    font-weight: 700;
    line-height: 36px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .home-21 .single-counter .counter-count .count-title {
        font-size: 36px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-21 .single-counter .counter-count .count-title {
        font-size: 36px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-21 .single-counter .counter-count .count-title {
        font-size: 32px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-21 .single-counter .counter-count .count-title {
        font-size: 30px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-21 .single-counter .counter-count .count-title {
        font-size: 36px;
    }
}

.home-21 .single-counter .counter-para {
    font-size: 24px;
    font-family: var(--body-font-home-21);
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .home-21 .single-counter .counter-para {
        font-size: 22px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-21 .single-counter .counter-para {
        font-size: 20px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-21 .single-counter .counter-para {
        font-size: 18px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-21 .single-counter .counter-para {
        font-size: 16px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-21 .single-counter .counter-para {
        font-size: 16px;
    }
}

.home-21 .counter-title-wrapper .counter-title-para {
    font-size: 22px;
    line-height: 36px;
    font-family: var(--body-font-home-21);
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-21 .counter-title-wrapper .counter-title-para {
        font-size: 20px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-21 .counter-title-wrapper .counter-title-para {
        font-size: 18px;
        line-height: 32px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-21 .counter-title-wrapper .counter-title-para {
        font-size: 17px;
        line-height: 32px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-21 .counter-title-wrapper .counter-title-para {
        font-size: 18px;
        line-height: 32px;
    }
}

@media only screen and (max-width: 480px) {
    .home-21 .counter-title-wrapper .counter-title-para {
        font-size: 16px;
        line-height: 28px;
    }
}


/* Blog area */

.home-21 .single-blog .blog-contents .blog-title {
    font-size: 28px;
    line-height: 36px;
    font-weight: 700;
    font-family: var(--heading-font-home-21);
    margin: -8px 0 0;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-21 .single-blog .blog-contents .blog-title {
        font-size: 24px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-21 .single-blog .blog-contents .blog-title {
        font-size: 24px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-21 .single-blog .blog-contents .blog-title {
        font-size: 24px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-21 .single-blog .blog-contents .blog-title {
        font-size: 24px;
    }
}

@media only screen and (max-width: 480px) {
    .home-21 .single-blog .blog-contents .blog-title {
        font-size: 22px;
    }
}

.home-21 .single-blog .blog-contents .blog-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
}

.home-21 .single-blog .blog-contents .reading-btn {
    font-size: 18px;
    font-family: var(--body-font-home-21);
    color: var(--heading-color);
    line-height: 28px;
}

.home-21 .single-blog .blog-contents .reading-btn i {
    font-size: 16px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-21 .single-blog .blog-contents .reading-btn {
        font-size: 16px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-21 .single-blog .blog-contents .reading-btn {
        font-size: 16px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-21 .single-blog .blog-contents .reading-btn {
        font-size: 16px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-21 .single-blog .blog-contents .reading-btn {
        font-size: 16px;
    }
}

@media only screen and (max-width: 480px) {
    .home-21 .single-blog .blog-contents .reading-btn {
        font-size: 15px;
    }
}

.home-21 .single-blog .blog-contents .min-reading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
}

.home-21 .single-blog .blog-contents .min-reading .min-item {
    font-size: 16px;
    font-family: var(--body-font-home-21);
    line-height: 28px;
    color: var(--light-color);
    display: inline-block;
    position: relative;
    z-index: 1;
}

@media only screen and (max-width: 480px) {
    .home-21 .single-blog .blog-contents .min-reading .min-item {
        font-size: 15px;
    }
}

.home-21 .single-blog .blog-contents .min-reading .min-item:not(:first-child)::before {
    content: ",";
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    margin: 0 8px;
}


/* Feedback Area */

.home-21 .feedback-image-wrapper {
    position: relative;
    z-index: 1;
}

.home-21 .feedback-image-wrapper .feedback-thumb {
    position: relative;
    z-index: 1;
    margin-left: 90px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-21 .feedback-image-wrapper .feedback-thumb {
        margin-left: 0;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-21 .feedback-image-wrapper .feedback-thumb {
        margin-left: 0;
    }
}

.home-21 .feedback-image-wrapper .feedback-thumb img {
    width: 100%;
}

.home-21 .feedback-image-wrapper .feedback-thumb::before {
    content: "";
    position: absolute;
    bottom: 30px;
    left: -45px;
    height: 400px;
    width: 300px;
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg);
    background-color: var(--main-color-five);
    z-index: -1;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-21 .feedback-image-wrapper .feedback-thumb::before {
        height: 300px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-21 .feedback-image-wrapper .feedback-thumb::before {
        height: 300px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-21 .feedback-image-wrapper .feedback-thumb::before {
        display: none;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-21 .feedback-image-wrapper .feedback-thumb::before {
        display: none;
    }
}

.home-21 .feedback-image-wrapper .feedback-shape-img img:nth-child(1) {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -30px;
    z-index: 5;
    max-width: 200px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-21 .feedback-image-wrapper .feedback-shape-img img:nth-child(1) {
        max-width: 150px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-21 .feedback-image-wrapper .feedback-shape-img img:nth-child(1) {
        max-width: 130px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-21 .feedback-image-wrapper .feedback-shape-img img:nth-child(1) {
        max-width: 100px;
    }
}

.home-21 .feedback-image-wrapper .feedback-shape-img img:nth-child(2) {
    position: absolute;
    right: -30px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    z-index: 5;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-21 .feedback-image-wrapper .feedback-shape-img img:nth-child(2) {
        display: none;
    }
}

.home-21 .feedback-contents-wrapper {
    padding-left: 70px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-21 .feedback-contents-wrapper {
        padding-left: 40px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-21 .feedback-contents-wrapper {
        padding-left: 40px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-21 .feedback-contents-wrapper {
        padding-left: 0;
    }
}

.home-21 .feedback-contents .feedback-para {
    font-size: 22px;
    line-height: 36px;
    font-family: var(--body-font-home-21);
    color: var(--light-color);
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-21 .feedback-contents .feedback-para {
        font-size: 20px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-21 .feedback-contents .feedback-para {
        font-size: 18px;
        line-height: 32px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-21 .feedback-contents .feedback-para {
        font-size: 16px;
        line-height: 28px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-21 .feedback-contents .feedback-para {
        font-size: 18px;
        line-height: 32px;
    }
}

@media only screen and (max-width: 575.98px) {
    .home-21 .feedback-contents .clients-contents {
        padding-right: 120px;
    }
}

.home-21 .feedback-contents .clients-contents .client-title {
    font-size: 32px;
    line-height: 42px;
    font-family: var(--heading-font-home-21);
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-21 .feedback-contents .clients-contents .client-title {
        font-size: 28px;
        line-height: 36px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-21 .feedback-contents .clients-contents .client-title {
        font-size: 24px;
        line-height: 32px;
    }
}

@media only screen and (max-width: 575.98px) {
    .home-21 .feedback-contents .clients-contents .client-title {
        font-size: 24px;
        line-height: 32px;
    }
}

@media only screen and (max-width: 375px) {
    .home-21 .feedback-contents .clients-contents .client-title {
        font-size: 22px;
    }
}

.home-21 .feedback-contents .clients-contents .client-subtitle {
    font-family: var(--body-font-home-21);
    font-size: 18px;
    font-weight: 500;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-21 .feedback-contents .clients-contents .client-subtitle {
        font-size: 16px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-21 .feedback-contents .clients-contents .client-subtitle {
        font-size: 16px;
    }
}

@media only screen and (max-width: 575.98px) {
    .home-21 .feedback-contents .clients-contents .client-subtitle {
        font-size: 16px;
    }
}

@media only screen and (max-width: 375px) {
    .home-21 .feedback-contents .clients-contents .client-subtitle {
        font-size: 15px;
    }
}

.home-21 .feedback-nav .prev-icon,
.home-21 .feedback-nav .next-icon {
    position: absolute;
    right: 0px;
    bottom: 0;
    font-size: 30px;
    cursor: pointer;
    background: #F2F2F2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 50px;
    width: 50px;
    font-size: 22px;
    z-index: 99;
    color: var(--heading-color);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.home-21 .feedback-nav .prev-icon:hover,
.home-21 .feedback-nav .next-icon:hover {
    background-color: var(--main-color-five);
}

.home-21 .feedback-nav .prev-icon {
    right: 55px;
}


/* Connect area */

.home-21.connects-area {
    position: relative;
    z-index: 0;
}

.home-21 .connect-inner-content .single-connects {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 30px;
    margin-top: 50px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-21 .connect-inner-content .single-connects {
        gap: 20px;
    }
}

@media only screen and (max-width: 480px) {
    .home-21 .connect-inner-content .single-connects {
        gap: 20px;
    }
}

@media only screen and (max-width: 375px) {
    .home-21 .connect-inner-content .single-connects {
        display: block;
    }
}

@media only screen and (max-width: 375px) {
    .home-21 .connect-inner-content .single-connects .connect-content {
        margin-top: 10px;
    }
}

.home-21 .connect-inner-content .single-connects .connect-content .connect-title {
    font-size: 28px;
    line-height: 32px;
    font-family: var(--heading-font-home-21);
    font-weight: 500;
    margin-bottom: 20px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .home-21 .connect-inner-content .single-connects .connect-content .connect-title {
        font-size: 26px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-21 .connect-inner-content .single-connects .connect-content .connect-title {
        font-size: 24px;
        margin-bottom: 15px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-21 .connect-inner-content .single-connects .connect-content .connect-title {
        font-size: 24px;
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 575.98px) {
    .home-21 .connect-inner-content .single-connects .connect-content .connect-title {
        font-size: 24px;
        margin-bottom: 10px;
    }
}

.home-21 .connect-inner-content .single-connects .connect-content .connect-item {
    display: block;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    font-family: var(--body-font-home-21);
    color: var(--light-color);
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-21 .connect-inner-content .single-connects .connect-content .connect-item {
        font-size: 17px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-21 .connect-inner-content .single-connects .connect-content .connect-item {
        font-size: 16px;
    }
}

@media only screen and (max-width: 575.98px) {
    .home-21 .connect-inner-content .single-connects .connect-content .connect-item {
        font-size: 16px;
    }
}

.home-21 .connect-inner-content .single-connects .connect-content .connect-item .connect {
    display: inline-block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.home-21 .connect-inner-content .single-connects .connect-content .connect-item .connect:hover {
    color: var(--main-color-five);
}

.home-21 .connect-form-inner .single-input .connect-label {
    display: block;
    font-size: 18px;
    font-weight: 500;
    font-family: var(--body-font-home-21);
    color: var(--light-color);
    line-height: 30px;
    margin-bottom: 15px;
}

.home-21 .connect-form-inner .form-group .form-control,
.home-21 .connect-form-inner .single-input .form--control {
    height: 60px;
    border: 0;
    outline: none;
    background-color: #F8F8F8;
    width: 100%;
    padding: 0 20px;
    font-family: var(--body-font-home-21);
}

.home-21 .connect-form-inner .single-input .form--message,
.home-21 .connect-form-inner .form-group textarea.form-control {
    padding: 20px;
    height: 120px;
}

.white-color {
    color: #fff;
}

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

.end-text {
    text-align: right;
}

.home-21 .connect-form-inner button {
    font-size: 18px;
    font-weight: 500;
    padding: 15px 30px;
    background-color: var(--main-color-five);
    color: var(--heading-color);
    border: 0;
    outline: none;
    margin-top: 30px;
    cursor: pointer;
    border: 2px solid var(--main-color-five);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 0;
}

.home-21 .connect-form-inner button:hover {
    background: none;
    color: var(--main-color-five);
}


/* Newsletter area */

.home-21.newsletter-area {
    position: relative;
    z-index: 0;
}

.home-21 .newsletter-form {
    max-width: 500px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
    margin: auto;
}

.home-21 .newsletter-form .single-input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.home-21 .newsletter-form .single-input .form--control {
    height: 60px;
    border: 0;
    outline: none;
    background-color: #fff;
    color: var(--light-color);
    padding: 0 20px;
    width: 100%;
    -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
    border: 2px solid #fff;
    font-family: var(--body-font-home-21);
    padding-right: 70px;
}

.home-21 .newsletter-form .single-input .form--control:focus {
    -webkit-box-shadow: 0 0 10px rgba(var(--main-color-five-rgb), 0.1);
    box-shadow: 0 0 10px rgba(var(--main-color-five-rgb), 0.1);
    border-color: rgba(var(--main-color-five-rgb), 0.3);
}

.home-21 .newsletter-form button {
    font-size: 20px;
    background-color: var(--main-color-five);
    border: 0;
    outline: none;
    color: var(--heading-color);
    height: 100%;
    height: 60px;
    padding: 0 20px;
    cursor: pointer;
    border-radius: 0;
}

.home-21 .newsletter-shape img {
    position: absolute;
    top: -50px;
    left: 0;
    z-index: -1;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-21 .newsletter-shape img {
        top: -30px;
    }
}

@media only screen and (max-width: 575.98px) {
    .home-21 .newsletter-shape img {
        top: -20px;
    }
}

@media only screen and (max-width: 480px) {
    .home-21 .newsletter-shape img {
        top: -10px;
    }
}

@media only screen and (max-width: 375px) {
    .home-21 .newsletter-shape img {
        top: -5px;
    }
}


/*-------------------------
    Section Title
-------------------------*/

.section-title-19 {
    text-align: center;
    gap: 20px;
}

.section-title-19.text-left {
    text-align: left;
}

.section-title-19.white-color {
    color: #fff;
}

.section-title-19.white-color .title {
    color: #fff;
}

.section-title-19.center-text {
    text-align: center;
}

.section-title-19.section-border-bottom {
    border-bottom: 1px solid rgba(221, 221, 221, 0.4);
    padding-bottom: 30px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .section-title-19.section-border-bottom {
        padding-bottom: 20px;
    }
}

.section-title-19 .title {
    font-size: 36px;
    font-weight: 500;
    line-height: 43px;
    color: var(--heading-color-home-19);
    margin: -6px 0 0 0;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .section-title-19 .title {
        font-size: 30px;
        line-height: 36px;
    }
}

@media only screen and (max-width: 575.98px) {
    .section-title-19 .title {
        font-size: 25px;
        line-height: 32px;
    }
}

@media only screen and (max-width: 375px) {
    .section-title-19 .title {
        font-size: 22px;
        line-height: 28px;
    }
}

.section-title-19 .title .title-image {
    position: relative;
    z-index: 2;
    padding: 16px 0;
}

.section-title-19 .title .title-image img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    left: 0;
    text-align: center;
    width: 100%;
}

.section-title-19 .title-left {
    display: inline-flex;
}

.section-title-19 .hot-deal {
    color: #fff;
    font-size: 15px;
    padding: 3px 15px;
    position: relative;
    line-height: 24px;
    z-index: 1;
    margin-left: 20px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .section-title-19 .hot-deal {
        font-size: 14px;
        line-height: 22px;
    }
}

.section-title-19 .hot-deal.bg-color-two::before {
    border-right: 15px solid var(--main-color-two);
}

.section-title-19 .hot-deal.bg-color-three::before {
    border-right: 15px solid var(--main-color-three);
}

.section-title-19 .hot-deal.bg-color-four::before {
    border-right: 15px solid var(--main-color-four);
}

.section-title-19 .hot-deal::before {
    content: "";
    position: absolute;
    left: -14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: transparent;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-right: 15px solid var(--main-color-one);
    border-bottom: 8px solid transparent;
}

.section-title-20 .title {
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    color: var(--main-color-four);
    font-family: var(--heading-font-home-20);
    position: relative;
    padding: 10px 20px;
}

@media only screen and (max-width: 480px) {
    .section-title-20 .title {
        font-size: 22px;
    }
}

@media only screen and (max-width: 375px) {
    .section-title-20 .title {
        font-size: 20px;
        padding: 10px 10px;
    }
}

.section-title-20 .title::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(var(--main-color-four-rgb), 0.08);
    margin-right: 30px;
}

.section-title-20.style-02 .title {
    font-size: 16px;
    font-weight: 500;
    color: var(--paragraph-color);
    position: relative;
    z-index: 1;
    padding-left: 32px;
}

.section-title-20.style-02 .title::before {
    content: "";
    position: absolute;
    height: 2px;
    width: 25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    background: var(--main-color-one);
    margin-right: 35px;
}

.section-title-21 .subtitle {
    font-size: 22px;
    font-family: var(--body-font-home-21);
    line-height: 36px;
    margin: -6px 0 0;
    color: var(--light-color);
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .section-title-21 .subtitle {
        font-size: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .section-title-21 .subtitle {
        font-size: 20px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .section-title-21 .subtitle {
        font-size: 20px;
    }
}

@media only screen and (max-width: 480px) {
    .section-title-21 .subtitle {
        font-size: 18px;
    }
}

@media only screen and (max-width: 375px) {
    .section-title-21 .subtitle {
        font-size: 16px;
    }
}

.section-title-21 .title {
    font-size: 55px;
    font-weight: 700;
    line-height: 60px;
    font-family: var(--heading-font-home-21);
    color: var(--heading-color);
    position: relative;
    z-index: 0;
    margin: -10px 0 0;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .section-title-21 .title {
        font-size: 45px;
        line-height: 50px;
        margin: -7px 0 0;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .section-title-21 .title {
        font-size: 45px;
        line-height: 50px;
        margin: -7px 0 0;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .section-title-21 .title {
        font-size: 42px;
        line-height: 48px;
        margin: -7px 0 0;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .section-title-21 .title {
        font-size: 42px;
        line-height: 48px;
        margin: -7px 0 0;
    }
}

@media only screen and (max-width: 575.98px) {
    .section-title-21 .title {
        font-size: 36px;
        line-height: 42px;
    }
}

@media only screen and (max-width: 480px) {
    .section-title-21 .title {
        font-size: 32px;
        line-height: 42px;
    }
}

@media only screen and (max-width: 375px) {
    .section-title-21 .title {
        font-size: 28px;
        line-height: 36px;
    }
}

.section-title-21 .title.padding-right {
    padding-right: 120px;
}

.section-title-21 .title .section-shape {
    position: relative;
    z-index: 1;
    display: inline-block;
}

.section-title-21 .title .section-shape::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    background-image: url(../img/title_s.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}


/*---------------------------------------
    ## Button
---------------------------------------*/

.home-19 .btn-wrapper,
.home-20 .btn-wrapper,
.home-21 .btn-wrapper {
    display: block;
}

.home-19 .btn-wrapper .cmn-btn,
.home-20 .btn-wrapper .cmn-btn,
.home-21 .btn-wrapper .cmn-btn {
    color: var(--paragraph-color);
    font-size: 16px;
    font-weight: 500;
    font-family: var(--body-font);
    display: inline-block;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    line-height: 34px;
    padding: 10px 35px;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.home-21 .btn-wrapper .cmn-btn:hover {
    opacity: .8;
}

@media only screen and (max-width: 575.98px) {
    .home-19 .btn-wrapper .cmn-btn,
    .home-20 .btn-wrapper .cmn-btn,
    .home-21 .btn-wrapper .cmn-btn {
        padding: 10px 25px;
        font-size: 15px;
        line-height: 28px;
    }
}

@media only screen and (max-width: 375px) {
    .home-19 .btn-wrapper .cmn-btn,
    .home-20 .btn-wrapper .cmn-btn,
    .home-21 .btn-wrapper .cmn-btn {
        padding: 5px 15px;
        font-size: 14px;
    }
}

.home-19 .btn-wrapper .cmn-btn.btn-bg-1,
.home-20 .btn-wrapper .cmn-btn.btn-bg-1,
.home-21 .btn-wrapper .cmn-btn.btn-bg-1 {
    background: var(--main-color-one);
    color: #fff;
    border: 2px solid var(--main-color-one);
}

.home-19 .btn-wrapper .cmn-btn.btn-bg-1:hover,
.home-20 .btn-wrapper .cmn-btn.btn-bg-1:hover,
.home-21 .btn-wrapper .cmn-btn.btn-bg-1:hover {
    background: none;
    color: var(--main-color-one);
}

.home-19 .btn-wrapper .cmn-btn.btn-bg-2,
.home-20 .btn-wrapper .cmn-btn.btn-bg-2,
.home-21 .btn-wrapper .cmn-btn.btn-bg-2 {
    background: var(--main-color-two);
    color: #fff;
    border: 2px solid var(--main-color-two);
}

.home-19 .btn-wrapper .cmn-btn.btn-bg-2:hover,
.home-20 .btn-wrapper .cmn-btn.btn-bg-2:hover,
.home-21 .btn-wrapper .cmn-btn.btn-bg-2:hover {
    background: none;
    color: var(--main-color-two);
}

.home-19 .btn-wrapper .cmn-btn.btn-bg-3,
.home-20 .btn-wrapper .cmn-btn.btn-bg-3,
.home-21 .btn-wrapper .cmn-btn.btn-bg-3 {
    background: var(--main-color-three);
    color: #fff;
    border: 2px solid var(--main-color-three);
}

.home-19 .btn-wrapper .cmn-btn.btn-bg-3:hover,
.home-20 .btn-wrapper .cmn-btn.btn-bg-3:hover,
.home-21 .btn-wrapper .cmn-btn.btn-bg-3:hover {
    background: none;
    color: var(--main-color-three);
}

.home-19 .btn-wrapper .cmn-btn.btn-bg-4,
.home-20 .btn-wrapper .cmn-btn.btn-bg-4,
.home-21 .btn-wrapper .cmn-btn.btn-bg-4 {
    background: var(--main-color-four);
    color: #fff;
    border: 2px solid var(--main-color-four);
}

.home-19 .btn-wrapper .cmn-btn.btn-bg-4:hover,
.home-20 .btn-wrapper .cmn-btn.btn-bg-4:hover,
.home-21 .btn-wrapper .cmn-btn.btn-bg-4:hover {
    background: none;
    color: var(--main-color-four);
}

.home-19 .btn-wrapper .cmn-btn.btn-bg-5,
.home-20 .btn-wrapper .cmn-btn.btn-bg-5,
.home-21 .btn-wrapper .cmn-btn.btn-bg-5 {
    background: var(--main-color-five);
    color: #333;
    border: 2px solid var(--main-color-five);
}

.home-19 .btn-wrapper .cmn-btn.btn-bg-5:hover,
.home-20 .btn-wrapper .cmn-btn.btn-bg-5:hover,
.home-21 .btn-wrapper .cmn-btn.btn-bg-5:hover {
    background: none;
    color: var(--main-color-five);
}

.home-19 .btn-wrapper .cmn-btn.shop-color-2,
.home-20 .btn-wrapper .cmn-btn.shop-color-2,
.home-21 .btn-wrapper .cmn-btn.shop-color-2 {
    background: #30BB6F;
    color: #fff;
}

.home-19 .btn-wrapper .cmn-btn.btn-bg-white,
.home-20 .btn-wrapper .cmn-btn.btn-bg-white,
.home-21 .btn-wrapper .cmn-btn.btn-bg-white {
    background: #fff;
    color: var(--heading-color);
}

.home-19 .btn-wrapper .cmn-btn.btn-bg-white:hover,
.home-20 .btn-wrapper .cmn-btn.btn-bg-white:hover,
.home-21 .btn-wrapper .cmn-btn.btn-bg-white:hover {
    background: var(--main-color-one);
    color: #fff;
}

.home-19 .btn-wrapper .cmn-btn.btn-bg-white.hover-bg-two:hover,
.home-20 .btn-wrapper .cmn-btn.btn-bg-white.hover-bg-two:hover,
.home-21 .btn-wrapper .cmn-btn.btn-bg-white.hover-bg-two:hover {
    background: var(--main-color-two);
    color: #fff;
}

.home-19 .btn-wrapper .cmn-btn.btn-bg-white.hover-bg-three:hover,
.home-20 .btn-wrapper .cmn-btn.btn-bg-white.hover-bg-three:hover,
.home-21 .btn-wrapper .cmn-btn.btn-bg-white.hover-bg-three:hover {
    background: var(--main-color-three);
    color: #fff;
}

.home-19 .btn-wrapper .cmn-btn.btn-bg-white.hover-bg-four:hover,
.home-20 .btn-wrapper .cmn-btn.btn-bg-white.hover-bg-four:hover,
.home-21 .btn-wrapper .cmn-btn.btn-bg-white.hover-bg-four:hover {
    background: var(--main-color-four);
    color: #fff;
}

.home-19 .btn-wrapper .cmn-btn.btn-white,
.home-20 .btn-wrapper .cmn-btn.btn-white,
.home-21 .btn-wrapper .cmn-btn.btn-white {
    background-color: #fff;
    border: 3px solid #fff;
}

.home-19 .btn-wrapper .cmn-btn.btn-white.color-one,
.home-20 .btn-wrapper .cmn-btn.btn-white.color-one,
.home-21 .btn-wrapper .cmn-btn.btn-white.color-one {
    color: var(--main-color-one);
}

.home-19 .btn-wrapper .cmn-btn.btn-white.color-one:hover,
.home-20 .btn-wrapper .cmn-btn.btn-white.color-one:hover,
.home-21 .btn-wrapper .cmn-btn.btn-white.color-one:hover {
    background: var(--main-color-one);
    color: #fff;
}

.home-19 .btn-wrapper .cmn-btn.btn-white.color-two,
.home-20 .btn-wrapper .cmn-btn.btn-white.color-two,
.home-21 .btn-wrapper .cmn-btn.btn-white.color-two {
    color: var(--main-color-two);
}

.home-19 .btn-wrapper .cmn-btn.btn-white.color-two:hover,
.home-20 .btn-wrapper .cmn-btn.btn-white.color-two:hover,
.home-21 .btn-wrapper .cmn-btn.btn-white.color-two:hover {
    background: var(--main-color-two);
    color: #fff;
}

.home-19 .btn-wrapper .cmn-btn.btn-white.color-three,
.home-20 .btn-wrapper .cmn-btn.btn-white.color-three,
.home-21 .btn-wrapper .cmn-btn.btn-white.color-three {
    color: var(--main-color-three);
}

.home-19 .btn-wrapper .cmn-btn.btn-white.color-three:hover,
.home-20 .btn-wrapper .cmn-btn.btn-white.color-three:hover,
.home-21 .btn-wrapper .cmn-btn.btn-white.color-three:hover {
    background: var(--main-color-three);
    color: #fff;
}

.home-19 .btn-wrapper .cmn-btn.btn-white.color-four,
.home-20 .btn-wrapper .cmn-btn.btn-white.color-four,
.home-21 .btn-wrapper .cmn-btn.btn-white.color-four {
    color: var(--main-color-four);
}

.home-19 .btn-wrapper .cmn-btn.btn-white.color-four:hover,
.home-20 .btn-wrapper .cmn-btn.btn-white.color-four:hover,
.home-21 .btn-wrapper .cmn-btn.btn-white.color-four:hover {
    background: var(--main-color-four);
    color: #fff;
}

.home-19 .btn-wrapper .cmn-btn.btn-medium,
.home-20 .btn-wrapper .cmn-btn.btn-medium,
.home-21 .btn-wrapper .cmn-btn.btn-medium {
    padding: 7px 25px;
}

@media only screen and (max-width: 375px) {
    .home-19 .btn-wrapper .cmn-btn.btn-medium,
    .home-20 .btn-wrapper .cmn-btn.btn-medium,
    .home-21 .btn-wrapper .cmn-btn.btn-medium {
        padding: 5px 15px;
        font-size: 14px;
    }
}

.home-19 .btn-wrapper .cmn-btn.btn-small,
.home-20 .btn-wrapper .cmn-btn.btn-small,
.home-21 .btn-wrapper .cmn-btn.btn-small {
    padding: 5px 18px;
}

@media only screen and (max-width: 375px) {
    .home-19 .btn-wrapper .cmn-btn.btn-small,
    .home-20 .btn-wrapper .cmn-btn.btn-small,
    .home-21 .btn-wrapper .cmn-btn.btn-small {
        padding: 5px 15px;
        font-size: 14px;
    }
}

.home-19 .btn-wrapper .cmn-btn.extra-width,
.home-20 .btn-wrapper .cmn-btn.extra-width,
.home-21 .btn-wrapper .cmn-btn.extra-width {
    width: 220px;
}

.home-19 .btn-wrapper .cmn-btn.btn-bg-heading,
.home-20 .btn-wrapper .cmn-btn.btn-bg-heading,
.home-21 .btn-wrapper .cmn-btn.btn-bg-heading {
    background: var(--heading-color);
    color: #fff;
}

.home-19 .btn-wrapper .cmn-btn.btn-bg-steam,
.home-20 .btn-wrapper .cmn-btn.btn-bg-steam,
.home-21 .btn-wrapper .cmn-btn.btn-bg-steam {
    background: #DDD;
    color: var(--heading-color);
}

.home-19 .btn-wrapper .cmn-btn.btn-border,
.home-20 .btn-wrapper .cmn-btn.btn-border,
.home-21 .btn-wrapper .cmn-btn.btn-border {
    border: 1px solid #ddd;
}

.home-19 .btn-wrapper .cmn-btn.btn-outline-steam,
.home-20 .btn-wrapper .cmn-btn.btn-outline-steam,
.home-21 .btn-wrapper .cmn-btn.btn-outline-steam {
    border: 2px solid #DDD;
    color: var(--heading-color);
}

.home-19 .btn-wrapper .cmn-btn.btn-outline-steam:hover,
.home-20 .btn-wrapper .cmn-btn.btn-outline-steam:hover,
.home-21 .btn-wrapper .cmn-btn.btn-outline-steam:hover {
    background: #DDD;
    color: #fff;
}

.home-19 .btn-wrapper .cmn-btn.btn-outline-one,
.home-20 .btn-wrapper .cmn-btn.btn-outline-one,
.home-21 .btn-wrapper .cmn-btn.btn-outline-one {
    padding: 7px 35px;
    border: 2px solid var(--main-color-one);
}

.home-19 .btn-wrapper .cmn-btn.btn-outline-one.color-one,
.home-20 .btn-wrapper .cmn-btn.btn-outline-one.color-one,
.home-21 .btn-wrapper .cmn-btn.btn-outline-one.color-one {
    color: var(--main-color-one);
}

.home-19 .btn-wrapper .cmn-btn.btn-outline-one:hover,
.home-20 .btn-wrapper .cmn-btn.btn-outline-one:hover,
.home-21 .btn-wrapper .cmn-btn.btn-outline-one:hover {
    background: var(--main-color-one);
    color: #fff;
}

.home-19 .btn-wrapper .cmn-btn.btn-outline-two,
.home-20 .btn-wrapper .cmn-btn.btn-outline-two,
.home-21 .btn-wrapper .cmn-btn.btn-outline-two {
    padding: 7px 35px;
    border: 2px solid var(--main-color-two);
}

.home-19 .btn-wrapper .cmn-btn.btn-outline-two.color-two,
.home-20 .btn-wrapper .cmn-btn.btn-outline-two.color-two,
.home-21 .btn-wrapper .cmn-btn.btn-outline-two.color-two {
    color: var(--main-color-two);
}

.home-19 .btn-wrapper .cmn-btn.btn-outline-two:hover,
.home-20 .btn-wrapper .cmn-btn.btn-outline-two:hover,
.home-21 .btn-wrapper .cmn-btn.btn-outline-two:hover {
    background: var(--main-color-two);
    color: #fff;
}

.home-19 .btn-wrapper .cmn-btn.btn-outline-three,
.home-20 .btn-wrapper .cmn-btn.btn-outline-three,
.home-21 .btn-wrapper .cmn-btn.btn-outline-three {
    padding: 7px 35px;
    border: 2px solid var(--main-color-three);
}

.home-19 .btn-wrapper .cmn-btn.btn-outline-three.color-three,
.home-20 .btn-wrapper .cmn-btn.btn-outline-three.color-three,
.home-21 .btn-wrapper .cmn-btn.btn-outline-three.color-three {
    color: var(--main-color-three);
}

.home-19 .btn-wrapper .cmn-btn.btn-outline-three:hover,
.home-20 .btn-wrapper .cmn-btn.btn-outline-three:hover,
.home-21 .btn-wrapper .cmn-btn.btn-outline-three:hover {
    background: var(--main-color-three);
    color: #fff;
}

.home-19 .btn-wrapper .cmn-btn.btn-outline-four,
.home-20 .btn-wrapper .cmn-btn.btn-outline-four,
.home-21 .btn-wrapper .cmn-btn.btn-outline-four {
    padding: 7px 35px;
    border: 2px solid var(--main-color-four);
}

.home-19 .btn-wrapper .cmn-btn.btn-outline-four.color-four,
.home-20 .btn-wrapper .cmn-btn.btn-outline-four.color-four,
.home-21 .btn-wrapper .cmn-btn.btn-outline-four.color-four {
    color: var(--main-color-four);
}

.home-19 .btn-wrapper .cmn-btn.btn-outline-four:hover,
.home-20 .btn-wrapper .cmn-btn.btn-outline-four:hover,
.home-21 .btn-wrapper .cmn-btn.btn-outline-four:hover {
    background: var(--main-color-four);
    color: #fff;
}

.home-19 .btn-buy,
.home-20 .btn-buy,
.home-21 .btn-buy {
    font-size: 20px;
    font-weight: 500;
    margin-top: 20px;
    display: inline-block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19 .btn-buy,
    .home-20 .btn-buy,
    .home-21 .btn-buy {
        font-size: 16px;
        margin-top: 10px;
    }
}

@media only screen and (max-width: 375px) {
    .home-19 .btn-buy,
    .home-20 .btn-buy,
    .home-21 .btn-buy {
        margin-top: 10px;
    }
}

.home-19 .btn-buy:hover,
.home-20 .btn-buy:hover,
.home-21 .btn-buy:hover {
    text-decoration: underline;
}

.home-19 .btn-buy:hover.icon::before,
.home-20 .btn-buy:hover.icon::before,
.home-21 .btn-buy:hover.icon::before {
    text-decoration: none;
    display: inherit;
}

.home-19 .btn-buy.icon::before,
.home-20 .btn-buy.icon::before,
.home-21 .btn-buy.icon::before {
    content: "";
    font-family: "font Awesome 5 Free";
    font-weight: 900;
    font-size: 16px;
    margin-right: 5px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    text-decoration: none;
}

.home-19 .btn-buy.btn-color-two,
.home-20 .btn-buy.btn-color-two,
.home-21 .btn-buy.btn-color-two {
    color: var(--main-color-two);
}

.home-19 .btn-buy.btn-color-three,
.home-20 .btn-buy.btn-color-three,
.home-21 .btn-buy.btn-color-three {
    color: var(--main-color-three);
}

.home-19 .btn-buy.btn-color-four,
.home-20 .btn-buy.btn-color-four,
.home-21 .btn-buy.btn-color-four {
    color: var(--main-color-four);
}

.home-19 .btn-color-one,
.home-20 .btn-color-one,
.home-21 .btn-color-one {
    color: var(--main-color-one);
}

.home-19 .btn-color-one:hover,
.home-20 .btn-color-one:hover,
.home-21 .btn-color-one:hover {
    color: var(--main-color-one);
}

.home-21 .btn-wrapper .cmn-btn {
    font-family: var(--body-font-home-21);
}


/*---------------------------------------
    ## Back Top
---------------------------------------*/

.home-19 .back-to-top,
.home-20 .back-to-top,
.home-21 .back-to-top {
    position: fixed;
    right: 30px;
    bottom: 30px;
    width: 50px;
    height: 50px;
    background-color: var(--main-color-one);
    color: #fff;
    text-align: center;
    line-height: 50px;
    border-radius: 5px;
    z-index: 99;
    font-size: 25px;
    cursor: pointer;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    display: none;
}

@media only screen and (max-width: 575.98px) {
    .home-19 .back-to-top,
    .home-20 .back-to-top,
    .home-21 .back-to-top {
        height: 40px;
        width: 40px;
        font-size: 22px;
        line-height: 40px;
        bottom: 20px;
        right: 20px;
    }
}

.home-19 .back-to-top.bg-color-two,
.home-20 .back-to-top.bg-color-two,
.home-21 .back-to-top.bg-color-two {
    background: var(--main-color-two);
}

.home-19 .back-to-top.bg-color-three,
.home-20 .back-to-top.bg-color-three,
.home-21 .back-to-top.bg-color-three {
    background: var(--main-color-three);
}

.home-19 .back-to-top.bg-color-four,
.home-20 .back-to-top.bg-color-four,
.home-21 .back-to-top.bg-color-four {
    background: var(--main-color-four);
}

.home-19 .back-to-top.bg-color-five,
.home-20 .back-to-top.bg-color-five,
.home-21 .back-to-top.bg-color-five {
    background: var(--main-color-five);
}


/* Isootope List */

.home-19 .isootope-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 60px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19 .isootope-button {
        gap: 30px;
    }
}

@media only screen and (max-width: 575.98px) {
    .home-19 .isootope-button {
        gap: 20px;
    }
}

@media only screen and (max-width: 375px) {
    .home-19 .isootope-button {
        gap: 15px;
    }
}

.home-19 .isootope-button.hover-color-two .list::before {
    background: var(--main-color-two);
}

.home-19 .isootope-button.hover-color-two .list.active {
    color: var(--main-color-two);
}

.home-19 .isootope-button.hover-color-two .list:hover {
    color: var(--main-color-two);
}

.home-19 .isootope-button.hover-color-three .list::before {
    background: var(--main-color-three);
}

.home-19 .isootope-button.hover-color-three .list.active {
    color: var(--main-color-three);
}

.home-19 .isootope-button.hover-color-three .list:hover {
    color: var(--main-color-three);
}

.home-19 .isootope-button.hover-color-four .list::before {
    background: var(--main-color-four);
}

.home-19 .isootope-button.hover-color-four .list.active {
    color: var(--main-color-four);
}

.home-19 .isootope-button.hover-color-four .list:hover {
    color: var(--main-color-four);
}

.home-19 .isootope-button .list {
    font-size: 18px;
    font-family: var(--rubik-font);
    cursor: pointer;
    line-height: 30px;
    margin-top: 5px;
    display: inline-block;
    position: relative;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .home-19 .isootope-button .list {
        font-size: 16px;
    }
}

@media only screen and (max-width: 480px) {
    .home-19 .isootope-button .list {
        font-size: 15px;
    }
}

@media only screen and (max-width: 375px) {
    .home-19 .isootope-button .list {
        font-size: 15px;
    }
}

.home-19 .isootope-button .list::before {
    content: "";
    position: absolute;
    width: 0%;
    height: 2px;
    background: var(--main-color-one);
    bottom: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.home-19 .isootope-button .list.active {
    color: var(--main-color-one);
}

.home-19 .isootope-button .list.active::before {
    visibility: visible;
    opacity: 1;
    width: 100%;
}

.home-19 .isootope-button .list:hover {
    color: var(--main-color-one);
}

.home-19 .isootope-button .list:hover::before {
    visibility: visible;
    opacity: 1;
    width: 100%;
}


/* Price Updated Through */

@media only screen and (max-width: 375px) {
    .home-19 .center-text .price-update-through {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.home-19 .price-update-through {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.home-19 .price-update-through .flash-prices {
    color: var(--heading-color);
    margin-right: 10px;
}

.home-19 .price-update-through .flash-prices.color-one {
    color: var(--main-color-one);
}

.home-19 .price-update-through .flash-prices.color-two {
    color: var(--main-color-two);
}

.home-19 .price-update-through .flash-prices.color-three {
    color: var(--main-color-three);
}

.home-19 .price-update-through .flash-prices.color-four {
    color: var(--main-color-four);
}

.home-19 .price-update-through .flash-prices.hover-color-one:hover {
    color: var(--main-color-one);
}

.home-19 .price-update-through .flash-prices.hover-color-two:hover {
    color: var(--main-color-two);
}

.home-19 .price-update-through .flash-prices.hover-color-three:hover {
    color: var(--main-color-three);
}

.home-19 .price-update-through .flash-prices.hover-color-four:hover {
    color: var(--main-color-four);
}

.home-19 .price-update-through .flash-old-prices {
    text-decoration: line-through;
}


/* Global Ratings */

@media only screen and (max-width: 375px) {
    .home-19 .center-text .rating-wrap {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.home-19 .rating-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.home-19 .rating-wrap .ratings {
    position: relative;
    z-index: 0;
    width: 79px;
    height: 16px;
    display: inline-block;
}

.home-19 .rating-wrap .ratings span {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    line-height: 16px;
}

.home-19 .rating-wrap .ratings span.hide-rating:after {
    color: var(--light-color);
}

.home-19 .rating-wrap .ratings span.show-rating:after {
    color: #FABE50;
}

.home-19 .rating-wrap .ratings span.show-rating {
    width: 88%;
}

.home-19 .rating-wrap .ratings span:after {
    position: absolute;
    left: 0;
    top: 0;
    content: "" "" "" "" "";
    width: 100%;
    font-family: "Line Awesome Free";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 14px;
}

.home-19 .rating-wrap .total-ratings {
    margin-left: 5px;
}


/* Sidebars */

.home-21.sidebars-wrappers {
    max-width: 400px;
    height: 100vh;
    padding: 30px 20px;
    background: #fff;
    top: 0;
    left: -100%;
    position: fixed;
    visibility: hidden;
    opacity: 0;
    z-index: 9999;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.home-21.sidebars-wrappers.active {
    visibility: visible;
    opacity: 1;
    left: 0;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.home-21.sidebars-wrappers .sidebars-close {
    position: absolute;
    right: 0px;
    top: 0%;
    font-size: 22px;
    cursor: pointer;
    color: var(--heading-color);
    background: #F2F3F5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 50px;
    width: 50px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.home-21.sidebars-wrappers .sidebars-close:hover {
    background: var(--main-color-five);
}

.home-21.sidebars-wrappers .sidebar-inner {
    text-align: center;
}

.home-21.sidebars-wrappers .sidebar-inner .contents-wrapper {
    height: calc(100vh - 130px);
    padding-right: 7px;
}

.home-21.sidebars-wrappers .sidebar-inner .sidebars-title {
    font-family: var(--body-font);
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 20px;
}

.home-21.sidebars-wrappers .sidebar-inner .sidebars-title.black-theme {
    color: #fff;
}

.home-21.sidebars-wrappers .sidebar-inner .sidebars-socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 10px;
    padding: 0;
}

.home-21 .homepage_sidebar-widget.widget {
    padding: 0;
}

.home-21.sidebars-wrappers .sidebar-inner .sidebars-socials .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 35px;
    width: 35px;
    font-size: 16px;
    background-color: #fff;
    border: 1px solid #DDD;
    color: var(--heading-color);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.home-21.sidebars-wrappers .sidebar-inner .sidebars-socials .list:hover {
    background-color: var(--main-color-five);
    border-color: var(--main-color-five);
}

.home-21.sidebars-wrappers .sidebar-inner .sidebars-cate-list .single-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
    background-color: #FEF9EF;
    padding: 10px 10px;
    color: var(--light-color);
}

.home-21.sidebars-wrappers .sidebar-inner .sidebars-cate-list .single-list:not(:last-child) {
    margin-bottom: 20px;
}

.home-21.sidebars-wrappers .sidebar-inner .sidebars-tag-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.home-21.sidebars-wrappers .sidebar-inner .sidebars-tag-list .list {
    padding: 5px 16px;
    font-size: 16px;
    color: var(--light-color);
    border: 1px solid rgba(221, 221, 221, 0.5);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.home-21.sidebars-wrappers .sidebar-inner .sidebars-tag-list .list:hover {
    background: var(--main-color-five);
    color: #fff;
    border-color: var(--main-color-five);
}

.home-21 .sidebars-single-content {
    margin-top: 50px;
    text-align: left;
    margin-right: 10px;
}

.home-21 .sidebars-single-content .tag-new-contents {
    margin-top: 50px;
}

.home-21 .sidebars-single-content .tag-new-contents .tag-list {
    margin-top: 40px;
}


/* Search Popup */

.home-19 .search-open,
.home-20 .search-open {
    font-size: 18px;
    cursor: pointer;
    margin-left: 0px;
    position: relative;
    z-index: 9;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.home-19 .right-content-wrapper,
.home-20 .right-content-wrapper {
    position: relative;
    z-index: 1;
}

.home-19 .searchbar-area,
.home-20 .searchbar-area {
    position: relative;
    z-index: 9;
}

.home-19 .search-bar,
.home-20 .search-bar {
    position: absolute;
    top: -60%;
    right: 0;
    width: 500px;
    height: auto;
    z-index: 9;
    margin: 0 auto;
    background: #fff;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    z-index: 9999;
}

@media only screen and (max-width: 575.98px) {
    .home-19 .search-bar,
    .home-20 .search-bar {
        width: 400px;
    }
}

@media only screen and (max-width: 480px) {
    .home-19 .search-bar,
    .home-20 .search-bar {
        width: 300px;
    }
}

@media only screen and (max-width: 375px) {
    .home-19 .search-bar,
    .home-20 .search-bar {
        width: 270px;
    }
}

.home-19 .search-bar.active,
.home-20 .search-bar.active {
    visibility: visible;
    opacity: 1;
    top: 100%;
}

.home-19 .search-bar .menu-search-form,
.home-20 .search-bar .menu-search-form {
    position: relative;
    z-index: 9;
    width: 100%;
    margin: auto;
    border-radius: 0px;
}

.home-19 .search-bar .menu-search-form .search-close,
.home-20 .search-bar .menu-search-form .search-close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    right: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 100%;
    font-size: 20px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background: #F2F3F5;
    padding: 2px 20px;
    color: var(--main-color-three);
    border: 1px solid var(--main-color-three);
}

.home-19 .search-bar .menu-search-form .search-close:hover,
.home-20 .search-bar .menu-search-form .search-close:hover {
    color: #fff;
    background: var(--main-color-three);
}

.home-19 .search-bar .menu-search-form .item-search,
.home-20 .search-bar .menu-search-form .item-search {
    width: 100%;
    height: 60px;
    background: none;
    border: 1px solid rgba(0, 0, 0, 0.2);
    outline: none;
    text-transform: capitalize;
    padding: 0px 20px;
    padding-right: 70px;
    padding-left: 70px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 0px;
    color: var(--light-color);
}

.home-19 .search-bar .menu-search-form .item-search:focus,
.home-20 .search-bar .menu-search-form .item-search:focus {
    border-color: rgba(var(--main-color-three-rgb), 0.2);
    -webkit-box-shadow: 0 0 10px rgba(var(--main-color-three-rgb), 0.1);
    box-shadow: 0 0 10px rgba(var(--main-color-three-rgb), 0.1);
}

.home-19 .search-bar .menu-search-form .item-search::-webkit-input-placeholder,
.home-20 .search-bar .menu-search-form .item-search::-webkit-input-placeholder {
    color: var(--light-color);
    font-size: 14px;
}

.home-19 .search-bar .menu-search-form .item-search::-moz-placeholder,
.home-20 .search-bar .menu-search-form .item-search::-moz-placeholder {
    color: var(--light-color);
    font-size: 14px;
}

.home-19 .search-bar .menu-search-form .item-search:-ms-input-placeholder,
.home-20 .search-bar .menu-search-form .item-search:-ms-input-placeholder {
    color: var(--light-color);
    font-size: 14px;
}

.home-19 .search-bar .menu-search-form .item-search::-ms-input-placeholder,
.home-20 .search-bar .menu-search-form .item-search::-ms-input-placeholder {
    color: var(--light-color);
    font-size: 14px;
}

.home-19 .search-bar .menu-search-form .item-search::placeholder,
.home-20 .search-bar .menu-search-form .item-search::placeholder {
    color: var(--light-color);
    font-size: 14px;
}

.home-19 .search-bar .menu-search-form button,
.home-20 .search-bar .menu-search-form button {
    position: absolute;
    left: 0;
    height: 100%;
    padding: 0 20px;
    background: var(--main-color-three);
    border: 0;
    outline: none;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
}

.home-20 .search-bar .menu-search-form .search-close {
    color: var(--main-color-four);
    border: 1px solid var(--main-color-four);
}

.home-20 .search-bar .menu-search-form .search-close:hover {
    color: #fff;
    background: var(--main-color-four);
}

.home-20 .search-bar .menu-search-form .item-search:focus {
    border-color: rgba(var(--main-color-four-rgb), 0.2);
    -webkit-box-shadow: 0 0 10px rgba(var(--main-color-four-rgb), 0.1);
    box-shadow: 0 0 10px rgba(var(--main-color-four-rgb), 0.1);
}

.home-20 .search-bar .menu-search-form button {
    background: var(--main-color-four);
}


/* Common Style */

.margin-0 {
    margin: 0 !important;
}

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

.radius-parcent-50 {
    border-radius: 50%;
}

.radius-50 {
    border-radius: 50px;
}

.radius-40 {
    border-radius: 40px;
}

.radius-35 {
    border-radius: 35px;
}

.radius-30 {
    border-radius: 30px;
}

.radius-20 {
    border-radius: 20px;
}

.radius-15 {
    border-radius: 15px;
}

.radius-10 {
    border-radius: 10px;
}

.radius-5 {
    border-radius: 5px;
}

.radius-0 {
    border-radius: 0px !important;
}

.no-shadow {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.single-border-top {
    border-top: 1px solid rgba(221, 221, 221, 0.3);
}

.single-border {
    border: 1px solid rgba(221, 221, 221, 0.3);
}

.color-light {
    color: var(--light-color) !important;
}

.color-extra-light {
    color: var(--extra-light-color) !important;
}

.color-heading {
    color: var(--heading-color-home-19);
}

.body-bg-1 {
    background: #F1F3F4;
}

.body-bg-2 {
    background: #FFFAF5;
}

.body-bg-3 {
    background: #1B1C25;
}

.bg-color-one {
    background: var(--main-color-four);
}

.bg-color-two {
    background: var(--main-color-two);
}

.bg-color-three {
    background: var(--main-color-three);
}

.bg-color-four {
    background: var(--main-color-four);
}

.bg-item-one {
    background: #F2F3F5;
}

.bg-item-two {
    background: #E9F6FF;
}

.bg-item-three {
    background: #FFECF0;
}

.bg-item-four {
    background: #FFF8F0;
}

.bg-item-five {
    background: #F7F7F6;
}

.bg-item-badge {
    background: #F7F7F6;
}

.home-21-section-bg,
.home-21.footer-area .copyright-area.copyright-bg {
    background: #FEF9EF;
}

.home-21.footer-area .copyright-area.copyright-bg {
    background: #FEF9EF !important;
}

.home-21.footer-area .footer-widget.widget_tag_cloud .tagcloud a,
.home-21.footer-area .widget.footer-widget p,
.home-21.footer-area .widget.footer-widget.widget_calendar caption,
.home-21.footer-area .widget.footer-widget.widget_calendar td,
.home-21.footer-area .widget.footer-widget.widget_calendar th,
.home-21.footer-area .widget.footer-widget ul li,
.home-21.footer-area .widget.footer-widget ul li a {
    color: var(--paragraph-color) !important;
}

.home-21.footer-area .contact_info_list li.single-info-item .icon,
.home-21.footer-area .footer-widget.widget_nav_menu ul li a:after,
.home-21.footer-area .contact_info_list li.single-info-item .icon,
.home-21.footer-area .footer-widget.widget_nav_menu ul li a:after {
    color: var(--main-color-five);
}

.color-one {
    color: var(--main-color-four);
}

.color-two {
    color: var(--main-color-two);
}

.color-three {
    color: var(--main-color-three);
}

.color-four {
    color: var(--main-color-four);
}

.color-five {
    color: var(--main-color-five);
}

.color-stock {
    color: var(--stock-color);
}

.review-color {
    color: var(--review-color);
}

.color-yellow {
    color: #FFBA5C;
}

.footer-area .footer-top {
    background-color: #FEF9EF !important;
}

.homepage_sidebar-widget.widget {
    text-align: left;
    background-color: transparent;
}

.home-21.sidebars-wrappers .sidebar-inner .contents-wrapper {
    min-width: 300px;
    margin-top: 30px;
}

.blog-widget.widget .widget_search .search-form .submit-btn {
    left: auto;
    top: 0px;
    transform: none;
}

.home-20 .news-list .news-button-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-area .footer-top {
    background-color: #f9f9f9 !important;
}

.home-variant-20.footer-area .copyright-area {
    background-color: #f9f9f9 !important;
    color: #333;
}

.widget.footer-widget .widget-title {
    color: #333;
}

.footer-area.home-variant-20 .footer-widget.widget_tag_cloud .tagcloud a,
.footer-area.home-variant-20 .widget.footer-widget p,
.footer-area.home-variant-20 .widget.footer-widget.widget_calendar caption,
.footer-area.home-variant-20 .widget.footer-widget.widget_calendar td,
.footer-area.home-variant-20 .widget.footer-widget.widget_calendar th,
.footer-area.home-variant-20 .widget.footer-widget ul li,
.footer-area .widget.footer-widget ul li a {
    color: rgb(91 89 89 / 60%);
}

.footer-area.home-variant-20 .footer-widget.widget_tag_cloud .tagcloud a:hover,
.footer-area.home-variant-20 .widget.footer-widget ul li a:hover {
    color: rgb(91 89 89 / 60%);
}

.single-sidebar-item.widget {
    background-color: transparent;
    padding: 0;
}

.home-20 .sidebar-contents .follow-list .single-list a {
    display: inline-block;
    background-color: var(--main-color-four);
    text-align: center;
    line-height: 40px;
}

.home-19 .topbar-social,
.home-19 .lang-contents-wrapper ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.header-area-wrapper,
.header-style-02,
.header-style-03 {
    position: relative;
    z-index: 1;
}

.home-19 .pcount {
    position: absolute;
    top: -15px;
    right: -15px;
    z-index: 9;
    background: var(--main-color-one);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    line-height: 1;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    padding: 5px;
}

#store_area_category_item_section_by_ajax li {
    cursor: pointer;
    list-style-type: none;
}

.footer-bg {
    background: #f9f9f9;
}

.home-19.footer-area,
.home-20.footer-area,
.home-21.footer-area {
    position: relative;
    z-index: 1;
}

.home-variant-19 .widget.footer-widget .widget-title {
    color: var(--heading-color);
}

.home-variant-19 .widget .recent_post_item li.single-recent-post-item .content .title>a {
    color: var(--heading-color);
}

.home-variant-19 .widget.footer-widget ul li a {
    color: var(--heading-color) !important;
}

.home-variant-19 .widget.footer-widget ul li a:hover {
    color: var(--main-color-three) !important;
}

.home-variant-19 .widget.footer-widget .about_us_widget p {
    color: var(--heading-color) !important;
}

.home-variant-19 .contact_info_list li.single-info-item .details {
    color: var(--heading-color);
    transition: all .3s;
}

.home-variant-19 .footer-widget.widget_nav_menu ul li a:after {
    color: var(--main-color-three);
}

.home-variant-19 .contact_info_list li.single-info-item .icon {
    color: var(--main-color-three);
    transition: all .3s;
}

.home-variant-19 .contact_info_list li.single-info-item:hover .details {
    color: var(--main-color-three);
}

.home-variant-19 .quick-view-close-btn {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 14px;
    cursor: pointer;
    background: var(--main-color-one);
    color: white;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 50%;
    transition: .3s;
    display: inline-block;
    background-image: none;
    opacity: 1;
    border: 0;
    transform: rotate(0deg);
}

.home-variant-19 .flash-countdown-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    border: 1px solid var(--dark);
    overflow: hidden;
}

.home-variant-19 .flash-countdown-wrapper .flash-countdown-title-single {
    padding: 5px 20px;
    position: relative;
    z-index: 1;
}

.home-variant-19 .flash-countdown-wrapper .flash-countdown-title-single .flash-countdown-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    color: #fff;
    margin: 0;
}

.home-variant-19 .flash-countdown-wrapper .flash-countdown-product,
.flash-countdown-wrapper .flash-countdown-product-2 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    margin: 5px;
}

.home-variant-19 .flash-countdown-wrapper .flash-countdown-product .single-box,
.flash-countdown-wrapper .flash-countdown-product-2 .single-box {
    background-color: var(--main-color-one);
    color: #fff;
    padding: 5px 10px;
    font-size: 14px;
}

.home-variant-19 .product-meta.pricing {
    color: var(--secondary-color);
    font-weight: 500;
}

.home-variant-19 .product-meta.pricing {
    color: var(--secondary-color);
    font-weight: 600;
    font-size: 18px;
}

.home-variant-19 .product-summery .product-title.title {
    margin: 10px 0;
    min-height: unset;
    overflow: unset;
}

.home-variant-19 .product-summery .availability.is_available {
    margin: 10px 0;
    display: block;
}

.home-variant-19 .price-wrap {
    margin-top: 19px;
    display: flex;
    align-items: center;
}

.home-variant-19 .price.sale_price.font-weight-bold {
    font-size: 24px;
    font-weight: 700;
    font-family: var(--heading-font);
    color: var(--heading-color);
    display: inline-block;
}

.home-variant-19 .price-wrap .del-price {
    font-size: 16px;
    font-weight: 400;
    color: #999999;
    margin-left: 15px;
}

.home-variant-19 .product-summery .short-description {
    margin-top: 10px;
}

.home-variant-19 .product-summery .cart-option {
    margin-top: 20px;
}

.home-variant-19 .user-select-option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 25px 0 11px;
    flex-wrap: wrap;
}

.home-variant-19 .modal-content .cart-option .d-flex {
    flex-wrap: wrap;
}

.home-variant-19 .modal-content .cart-option .input-group {
    width: 23%;
    margin-right: 20px;
    margin-bottom: 25px;
}

.home-variant-19 .input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control,
.input-group>.form-control-plaintext {
    border: 1px solid var(--main-color-one);
    border-radius: 25px;
}

.home-variant-19 .cart-option .btn-wrapper {
    margin-bottom: 15px;
}

.home-variant-19 .btn-wrapper .btn-default.rounded-btn {
    border-radius: 25px;
}

.home-variant-19 .category {
    display: flex;
}

.home-variant-19 .product-summery .name {
    color: #333;
    font-weight: 600;
    margin-bottom: 5px;
    display: block;
    margin-right: 8px;
}

.home-variant-19 .product_category {
    text-transform: capitalize;
    color: var(--secondary-color);
    margin-bottom: 9px;
    display: block;
}

.home-variant-19 .btn-wrapper .btn-default {
    font-size: 16px;
    display: inline-block;
    text-align: center;
    font-weight: 400;
    cursor: pointer;
    border: 1px solid var(--main-color-one);
    background-color: var(--main-color-one);
    color: #fff;
    text-transform: capitalize;
    padding: 9px 30px 11px;
    -webkit-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
    line-height: 20px;
}

.home-variant-19 .modal-content .product-view-wrap.product-img {
    margin-bottom: 30px;
}

.home-variant-19 .other-content {
    position: absolute;
    top: 20px;
    right: 20px;
    text-align: right;
}

.home-variant-19 div#quick_view .product-view-wrap .other-content .badge-tag,
.single-main-image.slick-slide.slick-current.slick-active .badge-tag,
.single-product-view-grid-style-04 .product-thumb .badge-tag {
    position: relative;
    display: inline-block;
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    color: #fff;
    background-color: var(--dark);
    padding: 2px 9px 3px;
    z-index: 0;
    margin-bottom: 5px;
    text-align: center;
}

.home-variant-19 div#quick_view .product-view-wrap .other-content .discount-tag,
.single-main-image.slick-slide.slick-current.slick-active .discount-tag,
.single-product-view-grid-style-04 .product-thumb .discount-tag {
    position: relative;
    display: inline-block;
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    color: #fff;
    background-color: var(--special-color);
    padding: 2px 9px 3px;
    z-index: 0;
    margin-bottom: 5px;
    text-align: center;
}

.home-variant-19 .product-view-wrap.product-img li {
    list-style-type: none;
    margin-right: 15px;
}

.product-archive-top-content-area .search-form #product_search_btn {
    right: 0;
    left: auto;
    top: auto;
    bottom: 0;
    transform: unset;
    background: var(--main-color-one);
    color: #fff;
}

.today_deal_quick_view {
    cursor: pointer;
}

.event-widget .widget_search .search-form .submit-btn {
    right: 0;
    bottom: 0;
    transform: unset;
    left: auto;
}

.event-widget .widget_search .search-form {
    max-width: 100%;
    position: relative;
}

.badge-tag.image_category {
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    padding: 5px 15px;
    color: #fff;
    background-color: var(--stock-color);
}

@media screen and (min-width: 1200px) and (max-width: 1399.98px) {
    .quick_view_modal .modal-content.p-5 {
        padding: 40px !important;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199.98px) {
    .quick_view_modal .modal-content.p-5 {
        padding: 30px !important;
    }
}

@media screen and (min-width: 300px) and (max-width: 991.98px) {
    .quick_view_modal .modal-content.p-5 {
        padding: 20px !important;
    }
}

.career-widget .widget_search {
    position: relative;
}

.career-widget .widget_search .submit-btn,
.knowledgebase-widget .widget_search .submit-btn
{
    left: auto;
    top: auto;
    bottom: 0;
    transform: unset;
}

.career-widget .widget_search .search-form,
.knowledgebase-widget .widget_search .search-form
{
    max-width: 100%;
}

.product-summery .cart-option .text-danger {
    width: 100%;
}

.home-19 .cate-list .category-megamenu .single-megamenu .megamenu-product .megamenu-contents .price-updates {
    font-size: 14px !important;
}

.home-19 .cate-list .category-megamenu .single-megamenu .megamenu-product .megamenu-contents .price-updates .old-price {
    font-size: 14px;
    line-height: 1;
}

.single-blog .blog-thumb img {
    width: 100%;
}

.widget-category-list .single-item .wrap {
    z-index: 0;
}

.blog-details-item .thumb {
    position: relative;
}

.blog-details-item .popup-videos a {
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: var(--main-color-one);
    color: #fff;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    text-align: center;
    line-height: 80px;
    transform: translate(-50%,-50%);
}

.elementor-custom-embed {
    display: inline;
}

.home-21.footer-area .footer-top .sidebars-single-content {
    margin-top: 0;
}

  @media only screen and (max-width: 767px) {
.slidersec .carousel-inner {
    padding: 15px;
}
  }