@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;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    width: 50px;
    height: 50px;
    color: #777777;
    font-size: 18px;
    font-weight: 500;
    line-height: 50px;
    text-align: center;
    border-radius: 5px;
    display: inline-block;
    border: 1px solid #d7d7d7;
}

.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    border-color: #1b284c !important;
    background-color: #1b284c !important;
}

.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 v2.2.0
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
/*
 *  Owl Carousel - Core
 */
.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(0px, 0px, 0px);
}

.owl-carousel .owl-item {
        position: relative;
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
        display: block;
        width: 100%;
        -webkit-transform-style: preserve-3d;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
        display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
        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 {
        visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
}

.owl-carousel.owl-grab {
        cursor: move;
        cursor: grab;
}

.owl-carousel.owl-rtl {
        direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
        float: right;
}

.no-js .owl-carousel {
        display: block;
}

.owl-carousel .animated {
        -webkit-animation-duration: 1000ms;
        animation-duration: 1000ms;
        -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 {
        transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
        opacity: 0;
        transition: opacity 400ms ease;
}

.owl-carousel .owl-item img.owl-lazy {
        -webkit-transform-style: preserve-3d;
        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;
        transition: -webkit-transform 100ms ease;
        transition: transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
        -webkit-transform: scale(1.3, 1.3);
        -ms-transform: scale(1.3, 1.3);
        transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
        display: none;
}

.owl-carousel .owl-video-tn {
        opacity: 0;
        height: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
        position: relative;
        z-index: 1;
        height: 100%;
        width: 100%;
}

body {}

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

.megamenu_lists>li>a {
        padding: 10px;
        color: #000000
}

.xs-container {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        max-width: 1140px
}

.xs-navbar {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
}

.xs-navbar-brand {
        text-decoration: none;
        color: #000000
}

.xs-navbar-brand>h2 {
        margin-top: 0;
        margin-bottom: 0
}

@media (min-width:992px) {
        .elementskit-header .elementskit-menu-container {
                position: static
        }

        .elementskit-megamenu-panel>li {
                display: inline-block;
                width: 25%;
                float: left
        }
}

.language-content p {
        color: #FFFFFF;
        text-align: center;
        margin-bottom: 40px;
        font-size: rem(20px)
}

.flag-lists {
        text-align: center
}

.flag-lists li {
        display: inline-block;
        margin-right: 25px
}

.flag-lists li:last-child {
        margin-right: 0
}

.flag-lists li a {
        display: block;
        color: #FFFFFF;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
}

.flag-lists li a:hover {
        opacity: .7
}

.flag-lists li a img {
        width: 40px;
        height: 40px;
        margin-right: 10px;
        vertical-align: middle
}

.modal-searchPanel .xs-search-group {
        position: relative
}

.modal-searchPanel .xs-search-group input:not([type=submit]) {
        height: 70px;
        background-color: transparent;
        border-radius: 50px;
        border: 2px solid #FFFFFF;
        color: #FFFFFF;
        padding: 0 30px;
        width: 100%
}

.modal-searchPanel .xs-search-group input:not([type=submit])::-webkit-input-placeholder {
        color: #FFFFFF
}

.modal-searchPanel .xs-search-group input:not([type=submit])::-moz-placeholder {
        color: #FFFFFF
}

.modal-searchPanel .xs-search-group input:not([type=submit]):-ms-input-placeholder {
        color: #FFFFFF
}

.modal-searchPanel .xs-search-group input:not([type=submit]):-moz-placeholder {
        color: #FFFFFF
}

.modal-searchPanel .xs-search-group .search-button {
        background-color: transparent;
        border: 0px;
        padding: 0;
        color: #FFFFFF;
        position: absolute;
        right: 0;
        cursor: pointer;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 100%;
        width: 70px;
        border-radius: 0 50px 50px 0
}

.modal-searchPanel .xs-search-panel {
        max-width: 800px;
        margin: 1.75rem auto
}

.mfp-bg.xs-promo-popup {
        background-color: rgba(0, 0, 0, 0.87);
        padding-bottom: 100%;
        border-radius: 100%;
        overflow: hidden;
        -webkit-animation: menu-animation .8s ease-out forwards;
        animation: menu-animation .8s ease-out forwards
}

@-webkit-keyframes menu-animation {
        0% {
                opacity: 0;
                -webkit-transform: scale(0.04) translateY(300%);
                transform: scale(0.04) translateY(300%)
        }

        40% {
                -webkit-transform: scale(0.04) translateY(0);
                transform: scale(0.04) translateY(0);
                -webkit-transition: ease-out;
                -o-transition: ease-out;
                transition: ease-out
        }

        40% {
                -webkit-transform: scale(0.04) translateY(0);
                transform: scale(0.04) translateY(0)
        }

        60% {
                opacity: 1;
                -webkit-transform: scale(0.02) translateY(0px);
                transform: scale(0.02) translateY(0px)
        }

        61% {
                opacity: 1;
                -webkit-transform: scale(0.04) translateY(0px);
                transform: scale(0.04) translateY(0px)
        }

        99.9% {
                opacity: 1;
                height: 0;
                padding-bottom: 100%;
                border-radius: 100%
        }

        to {
                opacity: 1;
                -webkit-transform: scale(2) translateY(0px);
                transform: scale(2) translateY(0px);
                height: 100%;
                padding-bottom: 0;
                border-radius: 0
        }
}

@keyframes menu-animation {
        0% {
                opacity: 0;
                -webkit-transform: scale(0.04) translateY(300%);
                transform: scale(0.04) translateY(300%)
        }

        40% {
                -webkit-transform: scale(0.04) translateY(0);
                transform: scale(0.04) translateY(0);
                -webkit-transition: ease-out;
                -o-transition: ease-out;
                transition: ease-out
        }

        40% {
                -webkit-transform: scale(0.04) translateY(0);
                transform: scale(0.04) translateY(0)
        }

        60% {
                opacity: 1;
                -webkit-transform: scale(0.02) translateY(0px);
                transform: scale(0.02) translateY(0px)
        }

        61% {
                opacity: 1;
                -webkit-transform: scale(0.04) translateY(0px);
                transform: scale(0.04) translateY(0px)
        }

        99.9% {
                opacity: 1;
                height: 0;
                padding-bottom: 100%;
                border-radius: 100%
        }

        to {
                opacity: 1;
                -webkit-transform: scale(2) translateY(0px);
                transform: scale(2) translateY(0px);
                height: 100%;
                padding-bottom: 0;
                border-radius: 0
        }
}

.xs-promo-popup .modal-content {
        background-color: transparent;
        padding: 0px;
        border: 0px
}

.xs-promo-popup .mfp-close {
        color: #FFFFFF;
        opacity: 0;
        -webkit-transition: all 1s ease .8s;
        -o-transition: all 1s ease .8s;
        transition: all 1s ease .8s;
        -webkit-transform: translateY(-500px);
        -ms-transform: translateY(-500px);
        transform: translateY(-500px)
}

.xs-promo-popup.mfp-ready .mfp-close {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
}

.xs-promo-popup.my-mfp-slide-bottom .zoom-anim-dialog {
        opacity: 0;
        -webkit-transition: all 1s ease .8s;
        -o-transition: all 1s ease .8s;
        transition: all 1s ease .8s;
        -webkit-transform: translateY(-500px);
        -ms-transform: translateY(-500px);
        transform: translateY(-500px)
}

.xs-promo-popup.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
}

.mini_cart_item {
        margin-bottom: 20px;
        padding-bottom: 20px
}

.xs-empty-content {
        padding: 120px 30px 30px
}

.xs-empty-content .widget-title {
        font-size: rem(22px)
}

.xs-empty-content .xs-title {
        margin-bottom: 20px;
        font-size: rem(18px)
}

.xs-empty-content .woocommerce-mini-cart__empty-message {
        font-size: rem(20px)
}

.xs-empty-content .empty-cart-icon {
        font-size: rem(50px)
}

.sidebar-textwidget .sidebar-logo-wraper {
        margin-bottom: 33px
}

.sidebar-textwidget>p {
        font-size: rem(15px);
        line-height: 1.5;
        margin-bottom: 40px
}

.sidebar-textwidget .social-list {
        margin-bottom: 30px
}

.sideabr-list-widget {
        margin-bottom: 40px
}

.sideabr-list-widget li {
        margin-bottom: 20px
}

.sideabr-list-widget li:last-child {
        margin-bottom: 0px
}

.sideabr-list-widget img {
        margin-right: 15px;
        margin-top: 3px
}

.sideabr-list-widget a,
.sideabr-list-widget p {
        margin-bottom: 2px;
        color: #000000;
        margin-bottom: 8px;
        display: block
}

.sideabr-list-widget span {
        display: block;
        font-size: rem(14px);
        color: #1768dd
}

.sideabr-list-widget .media-body {
        line-height: 1
}

.subscribe-from {
        position: relative;
        margin-bottom: 40px
}

.subscribe-from p {
        font-size: rem(18px);
        font-weight: 700;
        margin-bottom: 15px;
        line-height: 1;
        color: #1768dd
}

.subscribe-from label {
        position: absolute;
        bottom: -24px;
        left: 0px;
        margin-bottom: 0;
        line-height: 1
}

.subscribe-from .form-control {
        border: 1px solid #f5f5f5;
        height: 50px;
        padding-left: 25px
}

.subscribe-from .sub-btn {
        background-color: transparent;
        border: 0px;
        position: absolute;
        top: 0;
        right: 0;
        padding-right: 25px;
        cursor: pointer;
        color: #1768dd;
        height: 100%
}

.subscribe-from .sub-btn:focus {
        outline: none
}

.subscribe-from .form-group {
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0px 10px 30px 0px rgba(23, 104, 221, 0.2);
        box-shadow: 0px 10px 30px 0px rgba(23, 104, 221, 0.2);
        border-radius: 25px;
        margin-bottom: 0px
}

.xs-sidebar-group .xs-overlay {
        left: 100%;
        top: 0;
        position: fixed;
        z-index: 101;
        height: 100%;
        opacity: 0;
        width: 100%;
        visibility: hidden;
        -webkit-transition: all .4s ease-in .8s;
        -o-transition: all .4s ease-in .8s;
        transition: all .4s ease-in .8s;
        cursor: url(../images/cross-out.png), pointer
}

.xs-sidebar-group .widget-heading {
        position: absolute;
        top: 0;
        right: 0;
        padding: 25px
}

.xs-sidebar-widget {
        position: fixed;
        right: -100%;
        top: 0;
        bottom: 0;
        width: 100%;
        max-width: 360px;
        z-index: 999999;
        overflow: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        background-color: #272727;
        -webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
        -o-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
        transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
        visibility: hidden;
        opacity: 0
}

.xs-sidebar-group.isActive .xs-overlay {
        opacity: .9;
        visibility: visible;
        -webkit-transition: all .8s ease-out 0s;
        -o-transition: all .8s ease-out 0s;
        transition: all .8s ease-out 0s;
        left: 0
}

.xs-sidebar-group.isActive .xs-sidebar-widget {
        opacity: 1;
        visibility: visible;
        right: 0;
        -webkit-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
        -o-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
        transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s
}

.sidebar-textwidget {
        padding: 40px;
}

.close-side-widget {
        color: #1768dd;
        font-size: rem(15px);
        display: block
}

.sidebar-widget-container {
        position: relative;
        top: 150px;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .3s ease-in .3s;
        -o-transition: all .3s ease-in .3s;
        transition: all .3s ease-in .3s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
}

.xs-sidebar-group.isActive .sidebar-widget-container {
        top: 0px;
        opacity: 1;
        visibility: visible;
        -webkit-transition: all 1s ease-out 1.2s;
        -o-transition: all 1s ease-out 1.2s;
        transition: all 1s ease-out 1.2s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
}

.xs-overlay {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        opacity: .5;
        z-index: 0
}

.xs-bg-black {
        background-color: #000000
}

.xs-menu-tools>li {
        display: inline-block;
        margin-right: 15px
}

.xs-menu-tools>li:last-child {
        margin-right: 0
}

.xs-menu-tools>li>a {
        color: #000000;
        text-decoration: none
}

.nav-alignment-dynamic,
.nav-alignment-flex-start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
}

.elementskit-menu-container {
        z-index: 10000
}

.elementskit-navbar-nav {
        padding-left: 0;
        margin-bottom: 0;
        list-style: none
}

.elementskit-navbar-nav li {
        position: relative;
        padding: 0px 15px;
}

.elementskit-navbar-nav li:last-child {
        border-bottom: none;
}

.elementskit-navbar-nav li a {
        height: 100%;
        text-transform: capitalize;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-decoration: none
}

.elementskit-navbar-nav li a:hover {
        text-decoration: none
}

.elementskit-navbar-nav li.elementskit-megamenu-has {
        position: static
}

.elementskit-navbar-nav>li>a {
        -webkit-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease;
        text-transform: none;
        font-weight: 500;
        letter-spacing: normal
}

.elementskit-dropdown {
        padding-left: 0;
        list-style: none;
        opacity: 0;
        visibility: hidden;
}

.elementskit-dropdown>li>.elementskit-dropdown {
        left: 100%;
        top: 0
}

.elementskit-dropdown>li>.elementskit-dropdown.open-fromleft {
        left: auto;
        right: 100%
}

.elementskit-submenu-panel>li:hover>a,
.elementskit-submenu-panel>li>a:hover {
        color: #0d3a4f;
        background: rgba(255, 255, 255, 0.5);
        background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0.5)));
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);
        background: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%)
}

.elementskit-megamenu-panel {
        width: 100%;
}

.elementskit-overlay {
        display: none
}

.elementskit-nav-identity-panel {
        display: none
}

.elementskit-menu-hamburger {
        border: 1px solid rgba(0, 0, 0, 0.2);
        float: right
}

.elementskit-menu-hamburger .elementskit-menu-hamburger-icon {
        background-color: rgba(0, 0, 0, 0.5)
}

.elementskit-menu-close,
.elementskit-menu-hamburger {
        display: none;
        padding: 8px;
        background-color: transparent;
        border-radius: 0.25rem;
        position: relative;
        z-index: 10;
        cursor: pointer;
        width: 45px
}

.elementskit-menu-close .elementskit-menu-hamburger-icon,
.elementskit-menu-hamburger .elementskit-menu-hamburger-icon {
        height: 1px;
        width: 100%;
        display: block;
        margin-bottom: 4px
}

.elementskit-menu-close .elementskit-menu-hamburger-icon:last-child,
.elementskit-menu-hamburger .elementskit-menu-hamburger-icon:last-child {
        margin-bottom: 0
}

.elementskit-menu-close {
        border: 1px solid rgba(0, 0, 0, 0.5);
        color: rgba(51, 51, 51, 0.5);
        float: right;
        margin-top: 20px;
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 20px
}

.elementskit-dropdown-has:hover>a:after {
        border-color: transparent #1e73be #1e73be transparent
}

.elementskit-dropdown-has>a {
        position: relative;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
}

.elementskit-dropdown-has>a:hover:after {
        border-color: transparent #1e73be #1e73be transparent
}

.elementskit-dropdown-has>a:after {}

.elementskit-submenu-panel .elementskit-dropdown-has:hover>a:after {
        border-color: transparent #0d3a4f #0d3a4f transparent
}

.elementskit-submenu-panel .elementskit-dropdown-has>a:hover:after {
        border-color: transparent #0d3a4f #0d3a4f transparent
}

@media (min-width:992px) {
        .elementskit-dropdown .elementskit-dropdown-has>a:after {}

        .elementskit-menu-container {
                background: rgba(255, 255, 255, 0);
                background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)));
                background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
                background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
                background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
                border-bottom-right-radius: 0px;
                border-bottom-left-radius: 0px;
                border-top-right-radius: 0px;
                border-top-left-radius: 0px;
                position: relative
        }

        .elementskit-dropdown {
                min-width: 250px
        }

        .elementskit-navbar-nav {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
        }

        .elementskit-navbar-nav>li>a {}

        .elementskit-dropdown {
                -webkit-box-shadow: 0px 10px 30px 0px rgba(45, 45, 45, 0.2);
                box-shadow: 0px 10px 30px 0px rgba(45, 45, 45, 0.2);
                position: absolute;
                top: 100%;
                left: 0px;
                -webkit-transform: translateY(-10px);
                -ms-transform: translateY(-10px);
                transform: translateY(-10px);
                pointer-events: none
        }

        .elementskit-dropdown-has:hover>.elementskit-dropdown {
                opacity: 1;
                visibility: visible;
                -webkit-transform: translateY(0px);
                -ms-transform: translateY(0px);
                transform: translateY(0px);
                pointer-events: auto
        }
}

@media (max-width:991px) {
        .elementskit-menu-container {
                background: #f7f7f7;
                background: -webkit-gradient(linear, left bottom, left top, from(#f7f7f7), to(#f7f7f7));
                background: -webkit-linear-gradient(bottom, #f7f7f7 0%, #f7f7f7 100%);
                background: -o-linear-gradient(bottom, #f7f7f7 0%, #f7f7f7 100%);
                background: linear-gradient(0deg, #f7f7f7 0%, #f7f7f7 100%);
                max-width: 350px;
                width: 100%;
                position: fixed;
                top: 0;
                left: -450px;
                height: 100%;
                -webkit-box-shadow: 0px 10px 30px 0px rgba(255, 165, 0, 0);
                box-shadow: 0px 10px 30px 0px rgba(255, 165, 0, 0);
                overflow-y: auto;
                overflow-x: hidden;
                padding-top: 10px;
                padding-left: 0px;
                padding-right: 0px;
                padding-bottom: 10px;
                -webkit-transition: left 600ms cubic-bezier(0.6, 0.1, 0.68, 0.53) 0ms;
                -o-transition: left 600ms cubic-bezier(0.6, 0.1, 0.68, 0.53) 0ms;
                transition: left 600ms cubic-bezier(0.6, 0.1, 0.68, 0.53) 0ms
        }

        .elementskit-menu-container.active {
                left: 0
        }

        .no-scroller {
                overflow: hidden
        }

        .elementskit-menu-overlay {
                display: block;
                position: fixed;
                z-index: 5;
                top: 0;
                left: -110%;
                height: 100%;
                width: 100%;
                background-color: rgba(51, 51, 51, 0.5);
                -webkit-transition: all 0.4s ease;
                -o-transition: all 0.4s ease;
                transition: all 0.4s ease;
                opacity: 1;
                visibility: visible;
                -webkit-transition: all 600ms cubic-bezier(0.6, 0.1, 0.68, 0.53) 400ms;
                -o-transition: all 600ms cubic-bezier(0.6, 0.1, 0.68, 0.53) 400ms;
                transition: all 600ms cubic-bezier(0.6, 0.1, 0.68, 0.53) 400ms
        }

        .elementskit-menu-overlay.active {
                left: 0%;
                -webkit-transition: all 600ms cubic-bezier(0.22, 0.61, 0.24, 1) 0ms;
                -o-transition: all 600ms cubic-bezier(0.22, 0.61, 0.24, 1) 0ms;
                transition: all 600ms cubic-bezier(0.22, 0.61, 0.24, 1) 0ms
        }

        .elementskit-menu-close,
        .elementskit-menu-hamburger {
                display: block
        }

        .elementskit-nav-identity-panel {
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                z-index: 5;
                width: 100%
        }

        .elementskit-nav-identity-panel .elementskit-site-title {
                float: left
        }

        .elementskit-nav-identity-panel .elementskit-menu-close {
                float: right
        }

        .elementskit-navbar-nav {
                padding-top: 100px
        }

        .elementskit-navbar-nav>li>a {
                color: #000000;
                font-size: 12px;
                padding-top: 5px;
                padding-left: 10px;
                padding-right: 5px;
                padding-bottom: 5px
        }

        .elementskit-navbar-nav>li>a:hover {
                color: #0d3a4f
        }

        .elementskit-navbar-nav>li:hover>a {
                color: #0d3a4f
        }

        .elementskit-submenu-panel>li>a {
                color: #000000;
                font-size: 12px;
                padding-top: 7px;
                padding-left: 7px;
                padding-right: 7px;
                padding-bottom: 7px
        }

        .elementskit-dropdown {
                max-height: 0;
                overflow: hidden;
                display: block;
                border: 0px;
                -webkit-box-shadow: none;
                box-shadow: none;
                -webkit-transition: max-height 2s cubic-bezier(0, 1, 0, 1);
                -o-transition: max-height 2s cubic-bezier(0, 1, 0, 1);
                transition: max-height 2s cubic-bezier(0, 1, 0, 1)
        }

        .elementskit-dropdown.elementskit-dropdown-open {
                max-height: 2500px;
                opacity: 1;
                visibility: visible;
                -webkit-transition: max-height 5s ease-out;
                -o-transition: max-height 5s ease-out;
                transition: max-height 5s ease-out
        }

        .elementskit-navbar-nav>.elementskit-dropdown-has>.elementskit-dropdown li a {
                padding-left: 15px
        }
}


/* Animation */
.parallax>use {
        -webkit-animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
        animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}

.parallax>use:nth-child(1) {
        -webkit-animation-delay: -2s;
        animation-delay: -2s;
        -webkit-animation-duration: 7s;
        animation-duration: 7s;
}

.parallax>use:nth-child(2) {
        -webkit-animation-delay: -3s;
        animation-delay: -3s;
        -webkit-animation-duration: 10s;
        animation-duration: 10s;
}

.parallax>use:nth-child(3) {
        -webkit-animation-delay: -4s;
        animation-delay: -4s;
        -webkit-animation-duration: 13s;
        animation-duration: 13s;
}

.parallax>use:nth-child(4) {
        -webkit-animation-delay: -5s;
        animation-delay: -5s;
        -webkit-animation-duration: 20s;
        animation-duration: 20s;
}
@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: #1b284c;
    --secondary-color: #56a4c0;
    --portfolio-color: #ff4757;
    --industry-color: #ff5820;
    --industry-secondary-color: #231f20;
    --construction-color: #ffbc13;
    --lawyer-color: #c89d66;
    --logistic-color: #ff3f39;
    --political-color: #e70f47;
    --medical-color: #1b284c;
    --medical-two-color: #1b284c;
    --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: #56a4c0;
    --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(27, 40, 76, .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: #56a4c0;
}

.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: 1.25rem;
    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: rgba(27,40,76,0.90);
    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: transparent
}

.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;
    color: #000;
}

.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-top: 4px solid #fe4c1c;
    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: #000
}

.mobile-cart a {
    color: #000;
    display: none
}
.habib li
{
    list-style: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: 0px;
        padding:0px 5px !important;
    }
}

.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: 18px;
    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: 20px;
    bottom: 20px;
    width: 50px;
    height: 50px;
    background-color: #b3cada;
    color: #000;
    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, .5);
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    display: none
}
.back-to-top:hover {
    background-color: #1b284c;
    border:1px solid #b3cada;
    color: #fff;
}

.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 {
    color: #ffffff;
    border-color: #1b284c;
    background-color: #1b284c;
}

.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: #56a4c0;
    border-radius: 20px;
    padding: 5px 15px;
    color: #fff;
    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: #56a4c0;
}

.single-job-list-item .jobs-meta li:nth-child(2) i {
    color: #1b284c;
}

.single-job-list-item .jobs-meta li:nth-child(3) i {
    color: #416a89;
}

.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: rgba(86,164,192,0.90);
}

.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
}
.bg-dark1
{
    background-color: #1b284c;
}
.construction-single-info-list-item .icon {
    font-size: 20px;
    line-height: 27px;
    color: #fff;
    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: 16px;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 0;
    color:#fff;
}
.topbar-social li a
{
    color:#fff;
    font-size:15px;
}

.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: #56a4c0;;
    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: #56a4c0;
}

.header-variant-09 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
    background-color: #56a4c0;
}

.header-variant-09 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
    border-bottom: 4px solid #56a4c0;
}

.header-variant-09 .single-donation-mega-menu-item .content .boxed-btn {
    background-color: #56a4c0;
}

.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: #56a4c0 !important
}

.header-variant-09 .navbar-area .nav-container .nav-right-content ul li.cart .pcount,
.mobile-cart a .pcount {
    background-color: #56a4c0;
}

.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: #56a4c0;
}

.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: #56a4c0;;
    color: var(--heading-color)
}

.industry-btn.const-home-color {
    background-color: #56a4c0;;
    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 #56a4c0;;
    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: #56a4c0;;
    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: #56a4c0;
}

.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: #56a4c0;;
    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: #56a4c0;;
    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: #56a4c0;
}

.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: #56a4c0;;
    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: #56a4c0;
}

.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: #56a4c0;;
    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: #56a4c0;
}

.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: #56a4c0;
}

.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: #56a4c0;
}

.single-portfolio-blog-grid .content .readmore {
    color: var(--heading-color)
}

.logistic-dots.const-page .owl-dots div.active {
    background-color: #56a4c0;
}

.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: #56a4c0;
}

.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: #56a4c0;
    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: #56a4c0;
    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: #56a4c0;
    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: #56a4c0;
}

.appointment-details-item .bottom-part .nav-tabs .nav-link.active:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #56a4c0;
    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: #56a4c0;
    color: #fff;
    border-color:#56a4c0;
}

.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 #56a4c0;
    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: #56a4c0;
    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: #56a4c0;
    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: #56a4c0;
    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: #56a4c0;
    text-transform: capitalize
}

.appointment-single-item .content .designation:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #56a4c0;
    content: "";
    opacity: .1;
    border-radius: 5px
}

.appointment-single-item .content .location {
    display: block;
    margin-bottom: 30px
}

.appointment-single-item .content .location i {
    color: #56a4c0;
    margin-right: 5px
}

.appointment-single-item .content .boxed-btn {
    min-width: auto;
    font-weight: 700;
    background-color: transparent;
    color: #56a4c0;
    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 20px
}

.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: 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,
.case-studies-menu.style-01 li:hover,
.section-title.dagency-home .subtitle {
    color: #56a4c0;
    text-decoration: line-through;
}

.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;
        color: #000;
    }
    .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: 580px) {
    
}
@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: #fff;
}

.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)
}

@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;
}


.services-page-section{
	position:relative;
	padding:110px 0px 70px;
}
.news-block-three{
	position:relative;
	margin-bottom:30px;
}

.news-block-three .inner-box{
	position:relative;
}

.news-block-three .inner-box .image{
	position:relative;
	overflow:hidden;
	background-color:#1b284c;
}

.news-block-three .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.news-block-three .inner-box:hover .image img{
	opacity:0.7;
	transform:scale(1.04,1.04);
}

.news-block-three .inner-box .lower-content{
	position:relative;
	padding-top:25px;
}

.news-block-three .inner-box .lower-content .icon-box{
	position:absolute;
	left:0px;
	top:20px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.news-block-three .inner-box:hover .lower-content .icon-box{
	transform:rotateY(180deg);
}

.news-block-three .inner-box .lower-content .icon-box:before{
	position:absolute;
	content:'';
	left:50%;
	top:-19px;
	width:17px;
	height:110px;
	z-index:-1;
	margin-left:-8px;
	background:url(../images/icons/pattern-2.png) no-repeat;
}

.news-block-three .inner-box .lower-content .icon-box .icon{
	position:relative;
	width:70px;
	height:70px;
	color:#56a4c0;
	font-size:35px;
	line-height:68px;
	text-align:center;
	border-radius:50px;
	display:inline-block;
	background-color:#ffffff;
	border:1px solid #e1e1e1;
}

.news-block-three .inner-box .lower-content .content{
	position:relative;
    padding-left: 100px;
}

.news-block-three .inner-box .lower-content h4{
	position:relative;
	line-height:1.4em;
	font-weight:700;
}

.news-block-three .inner-box .lower-content h4 a{
	position:relative;
	color:#1b284c;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.news-block-three .inner-box .lower-content h4 a:hover{
	color:#56a4c0;
}

.news-block-three .inner-box .lower-content .text{
	position:relative;
	line-height:1.8em;
	font-weight:500;
	margin-top:12px;
	color:#555555;
	font-size:16px;
	margin-bottom:12px;
}

.news-block-three .inner-box .lower-content .read-more{
	position:relative;
	line-height:1.4em;
	font-weight:700;
	margin-top:12px;
	color:#1b284c;
	font-size:14px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	font-family: 'Montserrat', sans-serif;
}

.news-block-three .inner-box .lower-content .read-more .arrow{
	position:relative;
	top:1px;
	font-size:16px;
	margin-left:8px;
}

.news-block-three .inner-box .lower-content .read-more:hover{
	color:#56a4c0;
}

.news-block-three.style-two .inner-box .lower-content{
	padding-top:0px;
	padding-bottom:25px;
}
.pbmit-service-style-6 .pbminfotech-box-content1 {
    position: relative;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 15px;
    z-index: 1;
  }
  .pbmit-service-style-6 .pbminfotech-box-content-inner {
    position: relative;
    width: 100%;
    height: 100%;
  }
.pbmit-service-style-6 .pbmit-service-icon-wrapper {
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 22px;
  }
  .pbmit-service-style-6 .pbmit-service-title-wrapper {
    width: 100%;
  }
.pbminfotech-post-item:hover
{
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    opacity:0.6;
}
.section-lgx {
    padding-top: 100px;
    padding-bottom: 100px;
}
.order-1 
{
    order: 1 !important;
}
.product-social {
    padding-left:0px;
}
.product-social li {
    display: inline-block; /* Display the list items inline */
    margin-right: 10px; /* Add some spacing between the icons */
}
.details
{
    background-color: #f3f5f7;
    padding:80px 0px;
}

.padding-100
{
    padding: 100px 0px 100px !important;
}
.top-sec img
{
    width:100%;
    margin-bottom:20px;
}
.top-sec h3
{
    color:rgba(86,164,192,0.90);
}
.bottom-sec img
{
    width:100%;
    margin-top:20px;
}
.cont
{
    margin-top:30px;
}
.cont h4
{
    color:#1c2c52;
}
.cont h6
{
    color:rgba(86,164,192,0.90);
}
.headd
{
    color:#2e3193;
    margin-bottom:0px;
}
.subheadd
{
    color:#029cdf;
    margin-bottom:0px;
    font-size:24px;
    font-style:italic;
}
.shh li a
{
    font-size: 1.6rem;
}
.habib-tab .tab-btns {
    text-align: left !important;
}
.ben-heading
{
    color:#2e3193;
    font-size:30px;
}
.ben-subheading
{
    color:#029cdf;
    font-size:20px;
    margin-bottom:30px;
}
.text1
{
    color:#000;
}
.habib-tab .tab-btns .tab-btn {
    font-size:12px !important;
}
.testt {
    margin-bottom: 0px !important;
    height: 35px !important;
    line-height: 15px;
  }
  .bg-new
  {
    background:#1b284c;
    color:#fff;
  }
  .bg-new:hover
  {
    color:#fff;
  }
.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: #fff;
    z-index: 999;
    border-bottom: 1px solid #e8f1f7;
}
.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: right;
}

.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;
    color: #000;
    font-weight:300;
    font-size: 18px;
}




.navbar-area .nav-container .navbar-collapse .navbar-nav li a:hover
{
    color:#fe4c1c;
}

.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;
    color: #000;
}

.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-top: 4px solid #56a4c0;
    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;
}

@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;
    }

    .navbar-area .nav-container .navbar-collapse .navbar-nav li a {
        color: #000;
    }
}

@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;
}

.home-21.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;
}

.home-variant-20.footer-area .footer-top {
    background-color: #f9f9f9 !important;
}

.home-variant-20.footer-area .copyright-area {
    background-color: #f9f9f9 !important;
    color: #333;
}

.footer-area.home-variant-20 .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.home-variant-20 .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 (min-width: 1550px) {
    .container-fluid {
      padding-left: 140px !important;
      padding-right: 140px !important;
    }
  }




/***
  ====================================================================
  Banner Section
====================================================================

***/
.auto-container{
	position:static;
	max-width:1200px;
	padding:0px 15px;
	margin:0 auto;
}
.banner-section{
  position:relative;
  overflow:hidden;
}

.banner-section .slide::before{
  position:absolute;
  content:'';
  left:0px;
  top:0px;
  right:0px;
  bottom:0px;
  z-index:2;
  background-color:rgba(0,0,0,0.70);
}

.banner-section .slide{
  position:relative;
  overflow:hidden;
  padding-top:120px;
  padding-bottom:200px;
}

.banner-section .patern-layer-one{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 493px;
  height: 492px;
  z-index:2;
  opacity:0;
  transform: translateX(-500px);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size:cover;

  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
}

.banner-section .active .patern-layer-one{
  opacity:1;
  transform: translateX(0px);
}

.banner-section .patern-layer-two{
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 611px;
  height: 633px;
  z-index:2;
  background-position: right top;
  background-repeat: no-repeat;

  transform: translateX(500px);
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
}

.banner-section .active .patern-layer-two{
  transform: translateX(00px);
  -webkit-transition-delay: 300ms;
  -moz-transition-delay: 300ms;
  -ms-transition-delay: 300ms;
  -o-transition-delay: 300ms;
  transition-delay: 300ms;
}

.banner-section .content-column{
  position:relative;
  z-index:10;
}

.banner-section .content-column .inner-column{
  position:relative;
}

.banner-section .content-column .title{
  position:relative;
  color:#ffffff;
  font-size:30px;
  line-height:1.8em;
  margin-bottom:16px;
  font-weight:700;
  opacity: 0;
  transform: scaleY(0);
  transform-origin: top;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
}

.banner-section .active .content-column .title{
  opacity: 1;
  transform: scaleY(1);
  -webkit-transition-delay: 300ms;
  -moz-transition-delay: 300ms;
  -ms-transition-delay: 300ms;
  -o-transition-delay: 300ms;
  transition-delay: 300ms;
}

.banner-section .content-column h1{
  position:relative;
  color:#ffffff;
  font-weight:700;
  line-height:1.1em;
  opacity: 0;
  transform: scaleY(0);
  transform-origin: top;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
  font-size:72px;
}

.banner-section .active .content-column h1{
  opacity: 1;
  transform: scaleY(1);
  -webkit-transition-delay: 600ms;
  -moz-transition-delay: 600ms;
  -ms-transition-delay: 600ms;
  -o-transition-delay: 600ms;
  transition-delay: 600ms;
}

.banner-section .content-column .text{
  position:relative;
  color:#ffffff;
  font-size:17px;
  line-height:1.9em;
  margin-top:30px;
  margin-bottom:30px;
  font-weight:400;
  opacity: 0;
  transform: scaleY(0);
  transform-origin: top;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
}

.banner-section .active .content-column .text{
  opacity: 1;
  transform: scaleY(1);
  -webkit-transition-delay: 900ms;
  -moz-transition-delay: 900ms;
  -ms-transition-delay: 900ms;
  -o-transition-delay: 900ms;
  transition-delay: 900ms;
}

.banner-section .content-column .btns-box{
  margin-top:35px;
  opacity: 0;
  transform: scaleY(0);
  transform-origin: top;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
}

.banner-section .active .content-column .btns-box{
  opacity: 1;
  transform: scaleY(1);
  -webkit-transition-delay: 1200ms;
  -moz-transition-delay: 1200ms;
  -ms-transition-delay: 1200ms;
  -o-transition-delay: 1200ms;
  transition-delay: 1200ms;
}

.banner-section .content-column .theme-btn{
  margin-right:15px;
}

.banner-section .owl-dots{
  position:absolute;
  left:0px;
  right:0px;
  bottom:40px;
  text-align:center;
}

.banner-section .owl-dots .owl-dot{
  position:relative;
  width:30px;
  height:6px;
  margin-bottom:10px;
  border-radius:0px;
  margin:0px 5px;
  display:inline-block;
  background-color:#ffffff;
  transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
}

.banner-section .owl-dots .owl-dot.active,
.banner-section .owl-dots .owl-dot:hover{
  background-color:#1b284c;
}

.banner-section .owl-nav{
  position:absolute;
  left:0px;
  top:50%;
  z-index:99999;
  width:100%;
  opacity:0;
  margin-top:-10px;
  transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
}

.banner-section:hover .owl-nav{
  opacity:1;
}

.banner-section .owl-nav .owl-prev{
  position:absolute;
  left:20px;
  width:60px;
  height:60px;
  color:#ffffff;
  line-height:56px;
  font-size:24px;
  text-align:center;
  border-radius:50px;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  border:2px solid rgba(255,255,255,0.60);
  cursor: pointer;
}

.banner-section .owl-nav .owl-next{
  position:absolute;
  right:20px;
  color:#ffffff;
  font-size:24px;
  width:60px;
  height:60px;
  color:#ffffff;
  line-height:56px;
  border-radius:50px;
  text-align:center;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  border:2px solid rgba(255,255,255,0.60);
  cursor: pointer;
}

.banner-section .owl-nav .owl-prev:hover,
.banner-section .owl-nav .owl-next:hover{
  color:#1b284c;
  border-color:#ffffff;
  background-color:#ffffff;
}

.theme-btn {
    cursor: pointer;
    display: inline-block;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.btn-style-one {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    color: #ffffff;
    padding: 11px 30px;
    font-weight: 500;
    overflow: hidden;
    border-radius: 3px;
    overflow: hidden;
    text-transform: capitalize;
    background-color: #56a4c0;
    font-family: 'Montserrat', sans-serif;
}

.btn-style-one:before{
	position: absolute;
	content: '';
    left: 92%;
    top:0px;
	width:100%;
	height:100%;
    z-index: 1;
    opacity: 1;
    background-color: #1b284c;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    transform: skewX(-25deg);
}

.btn-style-one .txt{
	position:relative;
	z-index:1;
}

.btn-style-one:hover::before{
	left:0%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.btn-style-one:hover{
	color: #ffffff;
	border-color:#00e49a;
}


@font-face {
    font-family: "Flaticon";
    src: url("../fonts/flaticon.eot");
    src: url("../fonts/flaticon.eot?#iefix") format("embedded-opentype"),
         url("../fonts/flaticon.woff") format("woff"),
         url("../fonts/flaticon.ttf") format("truetype"),
         url("../fonts/flaticon.svg#Flaticon") format("svg");
    font-weight: normal;
    font-style: normal;
  }
  
  @media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
      font-family: "Flaticon";
      src: url("../fonts/flaticon.svg#Flaticon") format("svg");
    }
  }
  
  [class^="flaticon-"]:before, [class*=" flaticon-"]:before,
  [class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
       font-family: Flaticon;
      font-style: normal;
  }
  
  .flaticon-24-hours:before { content: "\f100"; }
  .flaticon-open-book:before { content: "\f101"; }
  .flaticon-home:before { content: "\f102"; }
  .flaticon-quote:before { content: "\f103"; }
  .flaticon-placeholder:before { content: "\f104"; }
  .flaticon-placeholder-filled-point:before { content: "\f105"; }
  .flaticon-telephone:before { content: "\f106"; }
  .flaticon-phone-call:before { content: "\f107"; }
  .flaticon-comment:before { content: "\f108"; }
  .flaticon-timetable:before { content: "\f109"; }
  .flaticon-unlink:before { content: "\f10a"; }
  .flaticon-play-arrow:before { content: "\f10b"; }
  .flaticon-portfolio:before { content: "\f10c"; }
  .flaticon-money-bag:before { content: "\f10d"; }
  .flaticon-portfolio-1:before { content: "\f10e"; }
  .flaticon-award:before { content: "\f10f"; }
  .flaticon-winner:before { content: "\f110"; }
  .flaticon-trophy:before { content: "\f111"; }
  .flaticon-magnifying-glass:before { content: "\f112"; }
  .flaticon-menu:before { content: "\f113"; }
  .flaticon-shopping-cart-1:before { content: "\f114"; }
  .flaticon-shopping-cart-2:before { content: "\f115"; }
  .flaticon-back:before { content: "\f116"; }
  .flaticon-back-arrow:before { content: "\f117"; }
  .flaticon-growth:before { content: "\f118"; }
  .flaticon-target:before { content: "\f119"; }
  .flaticon-settings:before { content: "\f11a"; }
  .flaticon-avatar:before { content: "\f11b"; }
  .flaticon-share:before { content: "\f11c"; }
  .flaticon-heart:before { content: "\f11d"; }
  .flaticon-like:before { content: "\f11e"; }
  .flaticon-star:before { content: "\f11f"; }
  .flaticon-headphones:before { content: "\f120"; }
  .flaticon-garbage:before { content: "\f121"; }
  .flaticon-internet:before { content: "\f122"; }
  .flaticon-network:before { content: "\f123"; }
  .flaticon-shopping-cart-3:before { content: "\f124"; }
  .flaticon-email:before { content: "\f125"; }
  .flaticon-message:before { content: "\f126"; }
  .flaticon-full-screen:before { content: "\f127"; }
  .flaticon-send:before { content: "\f128"; }
  .flaticon-tick-inside-circle:before { content: "\f129"; }
  .flaticon-monitor-1:before { content: "\f12a"; }
  .flaticon-lock:before { content: "\f12b"; }
  .flaticon-eye:before { content: "\f12c"; }
  .flaticon-rocket-ship:before { content: "\f12d"; }
  .flaticon-headphones-1:before { content: "\f12e"; }
  .flaticon-pin:before { content: "\f12f"; }
  .flaticon-stopwatch:before { content: "\f130"; }
  .flaticon-email-1:before { content: "\f131"; }
  .flaticon-crown:before { content: "\f132"; }
  .flaticon-multiply:before { content: "\f133"; }
  .flaticon-media-play-symbol:before { content: "\f134"; }
  .flaticon-arrow-pointing-to-right:before { content: "\f135"; }
  .flaticon-back-1:before { content: "\f136"; }
  .flaticon-award-1:before { content: "\f137"; }
  .flaticon-pdf:before { content: "\f138"; }
  .flaticon-loupe:before { content: "\f139"; }
  .flaticon-link:before { content: "\f13a"; }
  .flaticon-user:before { content: "\f13b"; }
  .flaticon-trophy-1:before { content: "\f13c"; }
  .flaticon-house:before { content: "\f13d"; }
  .flaticon-bar-chart:before { content: "\f13e"; }
  .flaticon-coin:before { content: "\f13f"; }
  .flaticon-line-chart:before { content: "\f140"; }
  .flaticon-planet-earth:before { content: "\f141"; }
  .flaticon-pie-chart:before { content: "\f142"; }
  .flaticon-megaphone:before { content: "\f143"; }
  .flaticon-quote-1:before { content: "\f144"; }
  .flaticon-cloud:before { content: "\f145"; }
  .flaticon-wheel:before { content: "\f146"; }
  .flaticon-shopping-bag:before { content: "\f147"; }
  .flaticon-menu-1:before { content: "\f148"; }
  .flaticon-big-anchor:before { content: "\f149"; }
  .flaticon-flash:before { content: "\f14a"; }
  .flaticon-add:before { content: "\f14b"; }
  .flaticon-increase-size-option:before { content: "\f14c"; }
  .flaticon-double-angle-pointing-to-right:before { content: "\f14d"; }
  .flaticon-long-arrow-pointing-to-left:before { content: "\f14e"; }
  .flaticon-long-arrow-pointing-to-the-right:before { content: "\f14f"; }
  .flaticon-gallery:before { content: "\f150"; }
  .flaticon-right-arrow:before { content: "\f151"; }
  .flaticon-right-arrow-forward:before { content: "\f152"; }
  .flaticon-success:before { content: "\f153"; }
  .flaticon-paper-plane:before { content: "\f154"; }
  .flaticon-high-volume:before { content: "\f155"; }
  .flaticon-left-arrow:before { content: "\f156"; }
  .flaticon-go-back-left-arrow:before { content: "\f157"; }
  .flaticon-file:before { content: "\f158"; }
  .flaticon-share-symbol:before { content: "\f159"; }
  .flaticon-favourites-filled-star-symbol:before { content: "\f15a"; }
  .flaticon-star-1:before { content: "\f15b"; }
  .flaticon-gift:before { content: "\f15c"; }
  .flaticon-tick:before { content: "\f15d"; }
  .flaticon-email-2:before { content: "\f15e"; }
  .flaticon-placeholder-1:before { content: "\f15f"; }
  .flaticon-up-arrow:before { content: "\f160"; }
  .flaticon-angle-arrow-down:before { content: "\f161"; }
  .flaticon-right-arrow-1:before { content: "\f162"; }
  .flaticon-left-arrow-1:before { content: "\f163"; }
  .flaticon-placeholder-2:before { content: "\f164"; }
  .flaticon-24-hours-phone-service:before { content: "\f165"; }
  .flaticon-home-page:before { content: "\f166"; }
  .flaticon-safe:before { content: "\f167"; }
  .flaticon-zoom-increasing-symbol:before { content: "\f168"; }
  .flaticon-folder:before { content: "\f169"; }
  .flaticon-comment-1:before { content: "\f16a"; }
  .flaticon-paper-plane-1:before { content: "\f16b"; }
  .flaticon-24-hours-1:before { content: "\f16c"; }
  .flaticon-edit:before { content: "\f16d"; }
  .flaticon-clock:before { content: "\f16e"; }
  .flaticon-hand:before { content: "\f16f"; }
  .flaticon-plus-symbol:before { content: "\f170"; }
  .flaticon-substract:before { content: "\f171"; }
  .flaticon-pdf-file-format-symbol:before { content: "\f172"; }
  .flaticon-edit-1:before { content: "\f173"; }
  .flaticon-user-1:before { content: "\f174"; }
  .flaticon-hand-shake:before { content: "\f175"; }
  .flaticon-startup:before { content: "\f176"; }
  .flaticon-checked:before { content: "\f177"; }
  .flaticon-email-3:before { content: "\f178"; }
  .flaticon-24-hours-3:before { content: "\f179"; }
  .flaticon-menu-2:before { content: "\f17a"; }
  .flaticon-menu-3:before { content: "\f17b"; }
  .flaticon-search:before { content: "\f17c"; }
  .flaticon-plus:before { content: "\f17d"; }
  .flaticon-maps-and-flags:before { content: "\f17e"; }
  .flaticon-email-4:before { content: "\f17f"; }
  .flaticon-user-2:before { content: "\f180"; }
  .flaticon-user-3:before { content: "\f181"; }
  .flaticon-home-1:before { content: "\f182"; }
  .flaticon-home-2:before { content: "\f183"; }
  .flaticon-shopping-cart-4:before { content: "\f184"; }
  .flaticon-bar-chart-1:before { content: "\f185"; }
  .flaticon-suitcase:before { content: "\f186"; }
  .flaticon-shopping-bag-1:before { content: "\f187"; }
  .flaticon-world:before { content: "\f188"; }
  .flaticon-agreement:before { content: "\f189"; }
  .flaticon-up-arrow-1:before { content: "\f18a"; }
  .flaticon-right-arrow-2:before { content: "\f18b"; }
  .flaticon-left-arrow-2:before { content: "\f18c"; }
  .flaticon-call:before { content: "\f18d"; }
  .flaticon-envelope:before { content: "\f18e"; }
  .flaticon-diamond:before { content: "\f18f"; }
  .flaticon-heart-1:before { content: "\f190"; }
  .flaticon-down-arrow:before { content: "\f191"; }
  .flaticon-support:before { content: "\f192"; }
  .flaticon-sketch:before { content: "\f193"; }
  .flaticon-comment-2:before { content: "\f194"; }
  .flaticon-chat:before { content: "\f195"; }
  .flaticon-right-quote-sign:before { content: "\f196"; }
  .flaticon-quotation-mark:before { content: "\f197"; }
  .flaticon-blocks-with-angled-cuts:before { content: "\f198"; }
  .flaticon-straight-quotes:before { content: "\f199"; }
  .flaticon-percentage:before { content: "\f19a"; }
  .flaticon-left-arrow-3:before { content: "\f19b"; }
  .flaticon-right-arrow-3:before { content: "\f19c"; }
  .flaticon-down-arrow-1:before { content: "\f19d"; }
  .flaticon-wallet:before { content: "\f19e"; }
  .flaticon-reward:before { content: "\f19f"; }
  .flaticon-shopping-cart:before { content: "\f1a0"; }
  .flaticon-technical-support:before { content: "\f1a1"; }
  .flaticon-responsive:before { content: "\f1a2"; }
  .flaticon-monitor:before { content: "\f1a3"; }
  .flaticon-coding:before { content: "\f1a4"; }
  .flaticon-laptop:before { content: "\f1a5"; }
  .flaticon-coding-1:before { content: "\f1a6"; }
  .flaticon-mobile-app:before { content: "\f1a7"; }
  .flaticon-computer:before { content: "\f1a8"; }
  .flaticon-web:before { content: "\f1a9"; }
  .flaticon-monitor-2:before { content: "\f1aa"; }
  .flaticon-human-resources:before { content: "\f1ab"; }
  .flaticon-coding-2:before { content: "\f1ac"; }
  .flaticon-android:before { content: "\f1ad"; }
  .flaticon-apple:before { content: "\f1ae"; }
  .flaticon-iot:before { content: "\f1af"; }
  .flaticon-smartband:before { content: "\f1b0"; }
  .flaticon-tv:before { content: "\f1b1"; }
  .flaticon-html:before { content: "\f1b2"; }
  .flaticon-bootstrap:before { content: "\f1b3"; }
  .flaticon-css:before { content: "\f1b4"; }
  .flaticon-php:before { content: "\f1b5"; }
  .flaticon-java:before { content: "\f1b6"; }
  .flaticon-dashboard:before { content: "\f1b7"; }
  .flaticon-coding-3:before { content: "\f1b8"; }
  .flaticon-design:before { content: "\f1b9"; }
  .flaticon-web-browser:before { content: "\f1ba"; }
  .flaticon-network-1:before { content: "\f1bb"; }
  .flaticon-24-hours-2:before { content: "\f1bc"; }
  .flaticon-seo:before { content: "\f1bd"; }
  .flaticon-web-programming:before { content: "\f1be"; }
  .flaticon-web-1:before { content: "\f1bf"; }
  .flaticon-designer:before { content: "\f1c0"; }
  .flaticon-designer-1:before { content: "\f1c1"; }

.about-section 
{
    position: relative;
    overflow: hidden;
    padding: 130px 0px 100px;
}
.about-section .sec-title {
    margin-bottom: 25px;
}
.sec-title {
    position: relative;
}
.sec-title .title {
    position: relative;
    color: #56a4c0;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
}

.sec-title h2 {
    position: relative;
    color: #1b284c;
    font-weight: 700;
    line-height: 1.3em;
    margin-top: 15px;
}
.about-section .content-column {
    position: relative;
    margin-bottom: 40px;
}

.about-section .content-column .inner-column {
    position: relative;
    padding-right: 30px;
}
.about-section .content-column .text {
    position: relative;
    color: #555555;
    font-size: 16px;
    line-height: 1.8em;
    font-weight: 500;
    margin-bottom: 40px;
}
.about-section .content-column .blocks-outer {
    position: relative;
    margin-bottom: 50px;
  }
  .feature-block {
    position: relative;
    margin-bottom: 35px;
  }
  .feature-block .inner-box {
    position: relative;
    padding-left: 70px;
  }
  .feature-block .inner-box .icon {
    position: absolute;
    left: 0px;
    top: 2px;
    color: #56a4c0;
    font-size: 48px;
    line-height: 1em;
  }
  .feature-block .inner-box h6 {
    position: relative;
    color: #1b284c;
    font-size: 18px;
    font-weight: 600;
  }
  .feature-block .inner-box .feature-text {
    position: relative;
    color: #555555;
    font-size: 16px;
    margin-top: 5px;
  }


  .about-section .images-column{
	position:relative;
	margin-bottom:40px;
}

.about-section .images-column .inner-column{
	position:relative;
	padding:50px 0px;
	text-align:center;
	background-position:center center;
	background-repeat:no-repeat;
}

.about-section .images-column .learn{
	position:relative;
	color:#56a4c0;
	font-weight:700;
	font-size:16px;
	display:inline-block;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.about-section .images-column .learn:hover{
	color:#1b284c;
}

.about-section .images-column .learn .arrow{
	position:relative;
	margin-right:8px;
	top:1px;
}

.about-section .images-column .pattern-layer{
	position:absolute;
	left:-70px;
	top:-150px;
	width:745px;
	height:732px;
	background-repeat:no-repeat;
}

.about-section .images-column .images-outer{
	position:relative;
}

.about-section .images-column .image{
	position:relative;
	display:inline-block !important;
	box-shadow:0px 0px 20px rgba(0,0,0,0.10);
}

.about-section .images-column .image-two{
	position:absolute;
	left:0px !important;
	top:auto !important;
	bottom:60px !important;
	display:inline-block !important;
	box-shadow:0px 0px 20px rgba(0,0,0,0.10);
}

.about-section .images-column .image-three{
	position:absolute;
	left:auto !important;
	top:auto !important;
	right:0px !important;
	bottom:-60px !important;
	display:inline-block !important;
	box-shadow:0px 0px 20px rgba(0,0,0,0.10);
}

.about-section .images-column .image-four{
	position:absolute;
	right:10px !important;
	left:auto !important;
	top:0px !important;
	bottom:auto !important;
	display:inline-block !important;
	box-shadow:0px 0px 20px rgba(0,0,0,0.10);
}


/***

====================================================================
	Featured Section
====================================================================

***/

.featured-section{
	position:relative;
	z-index:1;
}

.feature-block-two{
	position:relative;
	margin-bottom:30px;
}

.feature-block-two .inner-box{
	position:relative;
	padding:50px 50px;
	background-size:cover;
}

.feature-block-two .inner-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(27,40,76,0.70);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.feature-block-two .inner-box:hover::before{
	background-color:rgba(86,164,192,0.70);
}

.feature-block-two .inner-box .number{
	position:relative;
	color:#ffffff;
	font-size:60px;
	font-weight:800;
	line-height:1em;
	font-family: 'Montserrat', sans-serif;
}

.feature-block-two .inner-box h4{
	position:relative;
	color:#ffffff;
	font-weight:600;
	line-height:1.3em;
	margin-top:12px;
	margin-bottom:15px;
}

.feature-block-two .inner-box .text{
	position:relative;
	color:#ffffff;
	font-size:16px;
	line-height:1.8em;
}

/***

====================================================================
	Services Section
====================================================================

***/

.services-section{
	position:relative;
	padding:260px 0px 250px;
	background-color:#1b284c;
}

.services-section.margin-top{
	margin-top:-165px;
}

.services-section .pattern-layer{
	position:absolute;
	right:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	background-repeat:no-repeat;
	background-position:right top;
}

.service-block{
	position:relative;
	margin-bottom:30px;
}

.service-block .inner-box{
	position:relative;
	text-align:center;
	padding:50px 30px 80px;
	background-color:#ffffff;
	border-radius:0px 0px 15px 0px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.service-block .inner-box:hover{
	border-radius:0px 0px 0px 15px;
}

.service-block .inner-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:0;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	background-image: -ms-linear-gradient(top, #1b284c 0%, #56a4c0 100%);
	background-image: -moz-linear-gradient(top, #1b284c 0%, #56a4c0 100%);
	background-image: -o-linear-gradient(top, #1b284c 0%, #56a4c0 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1b284c), color-stop(100, #56a4c0));
	background-image: -webkit-linear-gradient(top, #1b284c 0%, #56a4c0 100%);
	background-image: linear-gradient(to bottom, #1b284c 0%, #56a4c0 100%);
}

.service-block .inner-box:hover::before{
	opacity:1;
	border-radius:0px 0px 0px 15px;
}

.service-block .inner-box .icon-box{
	position:relative;
	color:#000000;
	font-size:60px;
	line-height:1em;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.service-block .inner-box .icon-box .icon{
	position:relative;
}

.service-block .inner-box:hover .text,
.service-block .inner-box:hover h5 a,
.service-block .inner-box:hover .icon-box{
	color:#ffffff;
}

.service-block .inner-box h5{
	position:relative;
	font-weight:600;
	line-height:1.3em;
	margin-top:22px;
	margin-bottom:18px;
    height: 50px;
}

.service-block .inner-box h5 a{
	position:relative;
	color:#56a4c0;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.service-block .inner-box .text{
	position:relative;
	color:#555555;
	font-size:16px;
	line-height:1.8em;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
    height: 50px;
}

.service-block .inner-box .arrow{
	position:absolute;
	left:100%;
	width:50px;
	height:50px;
	bottom:0px;
	color:#ffffff;
	line-height:50px;
	font-size:20px;
	margin-left:-50px;
	border-radius:0px 0px 15px 0px;
	background-color:#56a4c0;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.service-block .inner-box:hover .arrow{
	left:0%;
	margin-left:0px;
}

.service-block .inner-box:hover .arrow{
	border-radius:0px 0px 0px 15px;
	background-color:#ffffff;
	color:#56a4c0;
}

.sec-title.centered {
    text-align: center !important;
    margin-bottom: 55px;
  }
  .sec-title.light .title, .sec-title.light h2 {
    color: #ffffff;
  }

  /***

====================================================================
	Services Section Two
====================================================================

***/

.services-section-two{
	position:relative;
	overflow:hidden;
	padding-bottom:70px;
}

.services-section-two.margin-top{
	margin-top:-170px;
}

.services-section-two .upper-box{
	position:relative;
	text-align:center;
	border-radius:15px;
	margin-left:-115px;
	margin-right:-115px;
	padding:100px 20px 180px;
	background-color:#56a4c0;
}

.services-section-two .upper-box .icon-one{
	position:absolute;
	left:5%;
	bottom:10%;
	width:120px;
	height:120px;
	background-repeat:no-repeat;
}

.services-section-two .upper-box .icon-two{
	position:absolute;
	left:38%;
	top:10%;
	width:99px;
	height:119px;
	background-repeat:no-repeat;
}

.services-section-two .upper-box .icon-three{
	position:absolute;
	right:5%;
	bottom:15%;
	width:170px;
	height:170px;
	background-repeat:no-repeat;
}

.services-section-two .inner-container{
	margin-top:-140px;
}

/* Service Block Two */

.service-block-two{
	position:relative;
	z-index:1;
	margin-bottom:30px;
}

.service-block-two .inner-box{
	position:relative;
	overflow:hidden;
	padding:45px 45px;
	border-radius:6px;
	background-color:#f5f5f5;
}

.service-block-two .inner-box .shape-one{
	content: '';
    width: 250px;
    height: 250px;
    background: #56a4c0;
    border-radius: 50%;
    position: absolute;
    top: -120px;
	opacity:0.4;
    right: -120px;
    transform: scale(0);
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
}

.service-block-two .inner-box:hover .shape-one{
	transform: scale(1);
	webkit-transition-delay:300ms;
	-ms-transition-delay:300ms;
	transition-delay:300ms;
}

.service-block-two .inner-box .shape-two{
	content: '';
    width: 373px;
    height: 373px;
    background: #56a4c0;
    border-radius: 50%;
    position: absolute;
    top: -180px;
    right: -180px;
    z-index: 1;
	opacity: 0;
	transform: scale(0);
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
}

.service-block-two .inner-box:hover .shape-two{
    opacity: 0.4;
	transform: scale(1);
	webkit-transition-delay:600ms;
	-ms-transition-delay:600ms;
	transition-delay:600ms;
}

.service-block-two .inner-box:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	width:100%;
	height:50%;
	opacity:0;
	background-color:#1b284c;
	-webkit-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	transition:all 600ms ease;
}

.service-block-two .inner-box:hover::before{
	height:100%;
	opacity:1;
}

.service-block-two .inner-box .icon-box{
	position:relative;
	z-index:2;
}

.service-block-two .inner-box .icon-box{
	position:relative;
	font-size:65px;
	line-height:1em;
	color:#56a4c0;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.service-block-two .inner-box .icon-box .icon{
	position:relative;
}

.service-block-two .inner-box h5{
	position:relative;
	z-index:2;
	color:#1b284c;
	font-weight:600;
	line-height:1.3em;
	margin:20px 0px 15px;
}

.service-block-two .inner-box h5 a{
	position:relative;
	color:#1b284c;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.service-block-two .inner-box h5 a:hover,
.service-block-two .inner-box .read-more:hover{
	color:#ff0303;
}

.service-block-two .inner-box .text{
	position:relative;
	color:#1b284c;
	z-index:2;
	font-size:16px;
	line-height:1.8em;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.service-block-two .inner-box:hover .icon-box,
.service-block-two .inner-box:hover h5 a,
.service-block-two .inner-box:hover .text{
	color:#ffffff;
}

/***

====================================================================
	Call To Action Section
====================================================================

***/

.call-to-action-section{
	position:relative;
	overflow:hidden;
	padding:85px 0px;
	background-color:#56a4c0;
	background-position:right center;
	background-repeat:no-repeat;
}

.call-to-action-section .heading-column{
	position:relative;
}

.call-to-action-section .heading-column .inner-column{
	position:relative;
}

.call-to-action-section .heading-column h2{
	position:relative;
	color:#ffffff;
	line-height:1.3em;
	font-weight:700;
}

.call-to-action-section .button-column{
	position:relative;
}

.call-to-action-section .button-column .inner-column{
	position:relative;
	text-align:right;
	padding-top:20px;
}

/***

====================================================================
	Cases Section
====================================================================

***/

.cases-section{
	position:relative;
	padding:110px 0px 100px;
	background-color:#f5f5f5;
}

.case-block{
	position:relative;
	margin-bottom:30px;
}

.case-block .inner-box{
	position:relative;
}

.case-block .inner-box .image{
	position:relative;
}

.case-block .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
}

.case-block .inner-box .image .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;

	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
}

.case-block .inner-box:hover .overlay-box{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
}

.case-block .inner-box .image .overlay-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:1;
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, #1b284c 100%);
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, #1b284c 100%);
	background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%, #1b284c 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0)), color-stop(100, #1b284c));
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #1b284c 100%);
	background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #1b284c 100%);
}

.case-block .inner-box .image .overlay-box .search-icon{
	position:absolute;
	left:50%;
	top:50%;
	width:60px;
	height:60px;
	color:#56a4c0;
	z-index:1;
	font-weight:600;
	font-size:20px;
	text-align:center;
	line-height:60px;
	margin-left:-30px;
	margin-top:-60px;
	border-radius:50px;
	display:inline-block;
	background-color:#ffffff;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.case-block .inner-box .image .overlay-box .search-icon:hover{
	background-color:#56a4c0;
	color:#ffffff;
}

.case-block .inner-box .image .overlay-box .content{
	position:absolute;
	left:40px;
	bottom:40px;
	z-index:1;
}

.case-block .inner-box .image .overlay-box .content h4{
	position:relative;
	line-height:1.3em;
	font-weight:700;
}

.case-block .inner-box .image .overlay-box .content h4 a{
	position:relative;
	color:#ffffff;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.case-block .inner-box .image .overlay-box .content h4 a:hover{
	color:#56a4c0;
}

.case-block .inner-box .image .overlay-box .content .category{
	position:relative;
	margin-top:5px;
	color:#ffffff;
}

.case-block .inner-box .image .overlay-box .arrow{
	position:absolute;
	right:0px;
	bottom:0px;
	color:#ffffff;
	width:60px;
	height:60px;
	z-index:1;
	font-size:22px;
	text-align:center;
	line-height:60px;
	background-color:#56a4c0;
}

.cases-section .section-text{
	position:relative;
	margin-top:25px;
	color:#56a4c0;
	font-size:18px;
	font-weight:600;
	text-align:center;
	margin-bottom:30px;
}

/***

====================================================================
	Sponsors Section
====================================================================

***/

.sponsors-section{
	position:relative;
}

.sponsors-section:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	height:50%;
	background-color:#f5f5f5;
}

.sponsors-section .carousel-outer{
	position:relative;
	padding:30px 30px;
	border-radius:10px;
	background-color:#ffffff;
	box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}

.sponsors-section .owl-dots{
	display:none;
}

.sponsors-section .owl-nav{
	position:absolute;
	left:-40px;
	top:15px;
	right:-30px;
}

.sponsors-section .owl-nav .owl-prev{
	position:absolute;
	left:0px;
	width:30px;
	height:100px;
	color:#555555;
	font-size:20px;
	text-align:center;
	line-height:98px;
	margin-left:10px;
	border-radius:50px;
	display:inline-block;
	border:1px solid #555555;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	background-color:#ffffff;
}

.sponsors-section .owl-nav .owl-next{
	position:absolute;
	right:0px;
	width:30px;
	height:100px;
	color:#555555;
	font-size:20px;
	text-align:center;
	line-height:98px;
	margin-left:10px;
	border-radius:50px;
	display:inline-block;
	border:1px solid #555555;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	background-color:#ffffff;
}

.sponsors-section .owl-nav .owl-prev:hover,
.sponsors-section .owl-nav .owl-next:hover{
	color:#ffffff;
	background-color:#555555;
	border-color:#555555;
}

.sponsors-section .owl-carousel .owl-stage-outer{
	padding:20px 0px;
}

.sponsors-section .owl-theme .image-box{
	margin:0px 15px;
}

.sponsors-section .owl-carousel{
	margin:0px -15px;
	width:auto;
}

.sponsors-section .image-box{
	position:relative;
	text-align:center;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.sponsors-section .image-box img{
	position:relative;
	display:inline-block;
	width:auto;
	max-width:100%;
	opacity:0.4;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.sponsors-section .image-box img:hover{
	opacity:1;
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}

.sponsors-section.style-two{
	border-bottom:1px solid #dddddd;
}

.sponsors-section.style-two .carousel-outer{
	box-shadow:none;
	padding-left:0px;
	padding-right:0px;
}

.sponsors-section.style-two:before{
	display:none;
}

.sponsors-section.style-two .owl-nav,
.sponsors-section.style-two .owl-dots{
	display:none;
}

.sponsors-section.style-three:before{
	display:none;
}

.sponsors-section.style-three .sec-title .text{
	font-size:16px;
	line-height:1.8em;
	margin-top:40px;
}

/***

====================================================================
	Testimonial Section
====================================================================

***/

.testimonial-section{
	position:relative;
	padding:110px 0px 100px;
}

.testimonial-section .sec-title .text{
	margin-top:40px;
}

.testimonial-section .owl-carousel .owl-stage-outer{
	padding:20px 0px;
}

.testimonial-section .owl-theme .testimonial-block{
	margin:0px 15px;
}

.testimonial-section .owl-carousel{
	margin:0px -15px;
	width:auto;
}

.testimonial-section .owl-nav{
	display:none;
}

.testimonial-section .owl-dots{
	position:relative;
	text-align:right;
	margin-top:20px;
	padding-right:15px;
}

.testimonial-section .owl-dots .owl-dot{
	position:relative;
	width:10px;
	height:5px;
	margin-bottom:10px;
	border-radius:0px;
	margin-left:10px;
	display:inline-block;
	background-color:#000055;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.testimonial-section .owl-dots .owl-dot.active,
.testimonial-section .owl-dots .owl-dot:hover{
	width:30px;
	background-color:#56a4c0;
}

.testimonial-section .lower-text{
	position:relative;
	color:#555555;
	font-size:16px;
	font-weight:700;
}

.testimonial-section .lower-text a{
	position:relative;
	color:#56a4c0;
}

.testimonial-block{
	position:relative;
	margin-bottom:30px;
}

.testimonial-block .inner-box{
	position:relative;
	padding:50px 50px;
	margin-left:20px;
	margin-top:20px;
	background-position:right top;
	background-repeat:no-repeat;
	background-color:#ffffff;
	box-shadow:0px 0px 20px rgba(0,0,0,0.07);
}

.testimonial-block .inner-box:before{
	position:absolute;
	content:'';
	left:-20px;
	top:-20px;
	right:20px;
	bottom:20px;
	z-index:-1;
	border:2px solid #cbcbcb;
}

.testimonial-block .inner-box .upper-box{
	position:relative;
	padding-top:17px;
	padding-left:115px;
}

.testimonial-block .inner-box .upper-box .icon{
	position:absolute;
	left:0px;
	top:0px;
}
.icon img
{
    width:80px;
}

.testimonial-block .inner-box .upper-box h4{
	position:relative;
	color:#1b284c;
	font-weight:600;
}

.testimonial-block .inner-box .upper-box .designation{
	position:relative;
	color:#555555;
	font-size:16px;
}

.testimonial-block .inner-box .text{
	position:relative;
	margin-top:35px;
	color:#555555;
	font-size:16px;
	line-height:1.9em;
	font-weight:500;
}


/* Btn Style Two */

.btn-style-two{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 30px;
	color: #ffffff;
	padding: 12px 40px;
	font-weight: 500;
	overflow: hidden;
	border-radius: 3px;
	overflow:hidden;
	text-transform: capitalize;
	background-color:#1b284c;
	font-family: 'Montserrat', sans-serif;
}

.btn-style-two:before{
	position: absolute;
	content: '';
    left: 92%;
    top:0px;
	width:100%;
	height:100%;
    z-index: 1;
    opacity: 1;
    background-color: #ffffff;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    transform: skewX(-25deg);
}

.btn-style-two .txt{
	position:relative;
	z-index:1;
}

.btn-style-two:hover::before{
	left:0%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.btn-style-two:hover{
	color: #1b284c;
}

/* Btn Style Three */

.btn-style-three{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	padding: 12px 50px;
	font-weight: 600;
	overflow: hidden;
	border-radius: 3px;
	overflow:hidden;
	text-transform: capitalize;
	background-color:#1b284c;
	font-family: 'Montserrat', sans-serif;
}

.btn-style-three:before{
	position: absolute;
	content: '';
    left: 92%;
    top:0px;
	width:100%;
	height:100%;
    z-index: 1;
    opacity: 1;
    background-color: #56a4c0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    transform: skewX(-25deg);
}

.btn-style-three .txt{
	position:relative;
	z-index:1;
}

.btn-style-three:hover::before{
	left:0%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.btn-style-three:hover{
	color: #ffffff;
}

/***

====================================================================
	Technology Section
====================================================================

***/

.technology-section{
	position:relative;
	padding:110px 0px 70px;
}

.technology-section .title-column{
	position:relative;
}

.technology-section .title-column .inner-column{
	position:relative;
	padding-top:30px;
}

.technology-section:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(27,40,76,0.95);
}

.technology-section .pattern-layer-one{
	position:absolute;
	left:0px;
	top:0px;
	width:50%;
	height:100%;
	background-position:left top;
	background-repeat:no-repeat;
}

.technology-section .pattern-layer-two{
	position:absolute;
	right:0px;
	top:0px;
	width:50%;
	height:100%;
	background-position:right top;
	background-repeat:no-repeat;
}

.technology-section .blocks-column{
	position:relative;
}

.technology-section .blocks-column .inner-column{
	position:relative;
}

.technology-section .blocks-column .inner-column .technology-block:nth-child(4){
	margin-left:-100px;
}

.technology-block{
	position:relative;
	margin-bottom:30px;
}

.technology-block .inner-box{
	position:relative;
	padding:45px 15px;
	text-align:center;
	border-radius:10px;
	border:1px dashed rgba(255,255,255,0.60);
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.technology-block .inner-box .overlay-link{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	display:block;
	z-index:1;
}

.technology-block .inner-box .icon-box{
	position:relative;
	color:#56a4c0;
	font-size:64px;
	line-height:1em;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.technology-block .inner-box:hover .icon-box{
	transform:rotateY(180deg);
}

.technology-block .inner-box h6{
	position:relative;
	color:#ffffff;
	font-weight:600;
	margin-top:18px;
	text-transform:uppercase;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.technology-block .inner-box:hover{
	border-color:#ffffff;
	background-color:#ffffff;
}

.technology-block .inner-box:hover .icon-box{
	color:#56a4c0;
}

.technology-block .inner-box:hover h6{
	color:#1b284c;
}

.technology-section.style-two .technology-block{
	width:20%;
	padding:0px 15px;
}

.technology-section.style-two .technology-block h6{
	text-transform:capitalize;
}

/***

====================================================================
	Team Section
====================================================================

***/

.team-section{
	position:relative;
	padding:110px 0px 70px;
    text-align: left;
}

.team-section .sec-title .text{
	margin-top:40px;
}

.team-section .team-block{
	padding:0px;
	float:left;
}

.team-block{
	position:relative;
	margin-bottom:30px;
}

.team-block .inner-box{
	position:relative;
}

.team-block .inner-box .image{
	position:relative;
	overflow:hidden;
	background-color:#56a4c0;
}

.team-block .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.team-block .inner-box:hover .image img{
	opacity:0.80;
	transform:scale(1.04,1.04);
}

.team-block .inner-box .lower-box{
	position:relative;
	margin-left:30px;
	margin-right:30px;
	margin-top:-30px;
	padding:20px 20px;
	text-align:right;
	overflow:hidden;
	background-color:#ffffff;
	border-left:2px solid #56a4c0;
	box-shadow:0px 0px 15px rgba(0,0,0,0.10);
    z-index: 999;
}

.team-block .inner-box .lower-box .content{
	position:relative;
}

.team-block .inner-box .lower-box h5{
	position:relative;
	font-weight:700;
	line-height:1.3em;
}

.team-block .inner-box .lower-box h5 a{
	position:relative;
	color:#1b284c;
}

.team-block .inner-box .lower-box .designation{
	position:relative;
	color:#555555;
	font-size:14px;
	margin-top:5px;
}

.team-block .inner-box .lower-box .social-box{
	position:absolute;
	left:-40px;
	top:0px;
	width:30px;
	opacity:0;
	background-color:#56a4c0;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
    padding-left:0px;
}

.team-block .inner-box .lower-box .social-box li{
	position:relative;
	padding:4.1px 0px;
	text-align:center;
}

.team-block .inner-box .lower-box .social-box li a{
	position:relative;
	color:#ffffff;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.team-block .inner-box .lower-box .social-box li a:hover{
	color:#1b284c;
}

.team-block .inner-box:hover .lower-box .social-box{
	left:0px;
	opacity:1;
}

/***

====================================================================
	News Section
====================================================================

***/

.news-section{
	position:relative;
	padding:110px 0px 70px;
}

.news-block{
	position:relative;
	margin-bottom:30px;
}

.news-block .inner-box{
	position:relative;
}

.news-block .inner-box .image{
	position:relative;
	overflow:hidden;
	background-color:#1b284c;
}

.news-block .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.news-block .inner-box:hover .image img{
	opacity:0.7;
	transform:scale(1.04,1.04);
}

.news-block .inner-box .lower-content{
	position:relative;
	padding-top:30px;
}

.news-block .inner-box .lower-content .post-date{
	position:relative;
	color:#56a4c0;
	font-size:30px;
	font-weight:800;
	margin-bottom:18px;
	padding-bottom:10px;
	display:inline-block;
	text-transform:uppercase;
	border-bottom:1px solid #cccccc;
}

.news-block .inner-box .lower-content .post-date span{
	position:relative;
	font-size:14px;
	color:#1b284c;
}

.news-block .inner-box .lower-content .post-meta{
	position:relative;
}

.news-block .inner-box .lower-content .post-meta li{
	position:relative;
	color:#1b284c;
	font-size:16px;
	margin-right:10px;
	font-weight:600;
	padding-left:22px;
	display:inline-block;
}

.news-block .inner-box .lower-content .post-meta li .icon{
	position:absolute;
	left:0px;
	top:1px;
	color:#1b284c;
	font-size:15px;
	margin-right:6px;
}

.news-block .inner-box .lower-content h4{
	position:relative;
	line-height:1.4em;
	font-weight:700;
	margin-top:12px;
}

.news-block .inner-box .lower-content h4 a{
	position:relative;
	color:#1b284c;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.news-block .inner-box .lower-content h4 a:hover{
	color:#56a4c0;
}

.news-block .inner-box .lower-content .text{
	position:relative;
	line-height:1.8em;
	font-weight:500;
	margin-top:12px;
	color:#555555;
	font-size:16px;
	margin-bottom:12px;
}

.news-block .inner-box .lower-content .read-more{
	position:relative;
	line-height:1.4em;
	font-weight:700;
	margin-top:12px;
	color:#1b284c;
	font-size:14px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	font-family: 'Montserrat', sans-serif;
}

.news-block .inner-box .lower-content .read-more .arrow{
	position:relative;
	top:1px;
	font-size:16px;
	margin-left:8px;
}

.news-block .inner-box .lower-content .read-more:hover{
	color:#56a4c0;
}

/***

====================================================================
	Main Footer
====================================================================

***/

.main-footer{
	position:relative;
	padding:100px 0px 0px;
	background: -webkit-radial-gradient(circle farthest-corner at center center, #0246b7 0%, #131E3C 100%);
	background: -moz-radial-gradient(circle farthest-corner at center center, #0246b7 0%, #131E3C 100%);
	background: radial-gradient(circle farthest-corner at center center, #0246b7 0%, #131E3C 100%);
    background: radial-gradient(circle farthest-corner at center center, #56a4c0 0%, #131E3C 100%);
}

.main-footer.style-two{
	background-image:none;
	background-color:#1b284c;
}

.main-footer .pattern-layer-one{
	position:absolute;
	left:0px;
	top:0px;
	width:50%;
	height:100%;
	background-position:left top;
	background-repeat:no-repeat;
}

.main-footer .pattern-layer-two{
	position:absolute;
	right:0px;
	top:0px;
	width:50%;
	height:100%;
	background-position:right top;
	background-repeat:no-repeat;
}

.main-footer .pattern-layer-three{
	position:absolute;
	left:0px;
	top:0px;
	width:283px;
	height:100%;
	background-position:left center;
	background-repeat:no-repeat;
}

.main-footer .pattern-layer-four{
	position:absolute;
	right:0px;
	top:0px;
	width:283px;
	height:100%;
	background-position:left center;
	background-repeat:no-repeat;
}

.main-footer .footer-widget{
	position:relative;
	z-index:1;
	margin-bottom:60px;
}

.main-footer .widgets-section{
	position:relative;
	padding-bottom:40px;
}

.main-footer .footer-widget h5{
	position:relative;
	font-weight:600;
	color:#ffffff;
	line-height:1.2em;
	margin-bottom:25px;
	padding-bottom:20px;
	text-transform:capitalize;
}

.main-footer .footer-widget h5:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	height:1px;
	width:30px;
	background-color:#ffffff;
}

.main-footer .logo-widget{
	position:relative;
}

.main-footer .logo-widget .logo{
	position:relative;
	margin-bottom:25px;
}

.main-footer .logo-widget .text{
	position:relative;
	color:#ffffff;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.8em;
	margin-bottom: 25px;
}

.main-footer .logo-widget .social-box{
	position:relative;
    float: right;
}

.main-footer .logo-widget .social-box li{
	position:relative;
	margin-right:8px;
	display:inline-block;
}

.main-footer .logo-widget .social-box li a{
	position:relative;
	width:40px;
	height:40px;
	color:#ffffff;
	font-size:16px;
	border-radius:4px;
	text-align:center;
	line-height:40px;
	display:inline-block;
	background-color:#56a4c0;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-footer .logo-widget .social-box li a:hover{
	background-color:#1b284c;
}


/* List Link */

.list-link{
	position:relative;
    padding-left:0px;
}

.list-link li{
	position:relative;
	margin-bottom:12px;
    list-style: none;
}

.list-link li a{
	position:relative;
	color:#ffffff;
	font-size:15px;
	padding-left:15px;
	font-weight:500;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.list-link li a:hover{

	text-decoration:line-through;
}

.list-link li a:before{
	position:absolute;
	 content: "\f101";
	left:-2px;
	top:-2px;
	font-family: 'FontAwesome';
}

/* Recent Posts */

.main-footer .news-widget{
	position: relative;
}

.main-footer .news-widget .post{
	position: relative;
	min-height: 100px;
	padding-left: 95px;
	margin-bottom: 20px;
	border-bottom:1px solid #0a337d;
}

.main-footer .news-widget .post:last-child{
	margin-bottom: 0;
	border:none;
	min-height:auto;
}

.main-footer .news-widget .post .thumb{
	position: absolute;
	left: 0;
	top: 0;
	height: 80px;
	width: 80px;
	overflow: hidden;
}

.main-footer .news-widget .post .thumb a{
	display: block;
}

.main-footer .news-widget .post .thumb img{
	display: block;
	width: 100%;
	height: auto;
}

.main-footer .news-widget .post h6{
	position: relative;
	color: #ffffff;
	line-height: 1.6em;
	font-weight: 600;
	top: -4px;
	font-size:15px;
}

.main-footer .news-widget .post h6 a{
	color:#ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-footer .news-widget .post h6 a:hover{

}

.main-footer .news-widget .post .date{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 1.3em;
	color: #ffffff;
	margin-top:4px;
	text-transform:capitalize;
}

.main-footer .contact-widget{
	position:relative;
}

.main-footer .contact-widget ul{
	position:relative;
    padding-left:0px;
}

.main-footer .contact-widget ul li{
	position:relative;
	color:#ffffff;
	font-size:16px;
	padding-left:60px;
	margin-bottom:28px;
	line-height:1.6em;
    list-style:none;
}

.main-footer .contact-widget ul li strong{
	position:relative;
	display:block;
}

.main-footer .contact-widget ul li .icon{
	position:absolute;
	left:0px;
	top:4px;
	font-size:44px;
	line-height:1em;
	color:#ffffff;
}

.main-footer .contact-widget ul li a{
	position:relative;
	color:#ffffff;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-footer .contact-widget ul li a:hover{
	color:#56a4c0;
}

.main-footer .footer-bottom{
	position:relative;
	padding:20px 0px;
	border-top:1px solid #56a4c0;
}

.main-footer .footer-bottom .copyright{
	position:relative;
	color:#ffffff;
	font-size:14px;
	font-weight:500;
    margin-top: 11px;
}

.main-footer .footer-nav{
	position:relative;
	text-align:right;
}

.main-footer .footer-nav li{
	position:relative;
	padding-right:14px;
	margin-right:14px;
	line-height:1em;
	display:inline-block;
	border-right:2px solid #ffffff;
}

.main-footer .footer-nav li a{
	position:relative;
	color:#ffffff;
	font-size:15px;
	font-weight:500;
}

.main-footer .footer-nav li:last-child{
	position:relative;
	margin-right:0px;
	padding-right:0px;
	border:none;
}

.main-footer.style-two .logo-widget .social-box li a:hover{
	background-color:#ffffff;
	color:#1b284c;
}

.main-footer.style-two .news-widget .post h6 a:hover,
.main-footer.style-two .list-link li a:hover{

}

.main-footer.style-three{
	background-image:none;
	background-color:#1b284c;
}

.main-footer.style-three .footer-bottom{
	border:none;
	background-color:#56a4c0;
}



/***

====================================================================
	Counter Section
====================================================================

***/

.counter-section{
	position:relative;
	overflow:hidden;
	z-index:1;
}

.counter-section .inner-container{
	position:relative;
	padding:60px 0px 30px 60px;
}

.counter-section .inner-container:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:-200px;
	bottom:0px;
	border-radius:15px;
	background-color:#e7f0ff;
}

/* Fact Counter */

.fact-counter{
	position:relative;
}

.fact-counter .column{
	position:relative;
	margin-bottom:30px;
}

.fact-counter .column .inner{
	position:relative;
}

.fact-counter .column .inner .content{
	position:relative;
	text-align:center;
}

.fact-counter .column .inner .icon{
	position:absolute;
	left:0px;
	top:10px;
	color:#bbbbbb;
	font-size:60px;
	text-align:center;
	line-height:1em;
	font-weight: 400;
	margin-bottom:0px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.fact-counter .count-outer .percentage{
	display:inline-block;
	font-weight:600;
	color:#ffffff;
	font-size:54px;
	line-height:1em;
}

.fact-counter .column .inner .count-outer{
	position:relative;
	font-weight:600;
	color:#1b284c;
	font-size:48px;
	line-height:1em;
	font-weight:700;
	font-family: 'Montserrat', sans-serif;
}

.fact-counter .column .inner .counter-title{
	position:relative;
	font-size:16px;
	font-weight:600;
	margin-top:10px;
	color:#56a4c0;
}


/***

====================================================================
	About Section Two
====================================================================

***/

.about-section-two{
	position:relative;
	margin-top:-100px;
	background-attachment:fixed;
	background-size:cover;
	padding-bottom:80px;
}

.about-section-two:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(27,40,76,0.70);
}

.about-section-two .image-column{
	position:relative;
	margin-bottom:40px;
}

.about-section-two .image-column .inner-column{
	position:relative;
	padding:0px 90px 90px;
}

.about-section-two .image-column .inner-column .circle-layer{
	position:absolute;
	left:0px;
	bottom:0px;
	width:650px;
	height:650px;
	background-repeat:no-repeat;
}

.about-section-two .image-column .inner-column .image{
	position:relative;
	overflow:hidden;
	border:15px solid #ffffff;
	border-radius:0px 0px 250px 250px;
}

.about-section-two .image-column .inner-column .image img{
	position:relative;
	width:100%;
	display:block;
}

.about-section-two .skill-column{
	position:relative;
	margin-bottom:40px;
}

.about-section-two .skill-column .inner-column{
	position:relative;
	padding-top:180px;
}

.about-section-two .skill-column .sec-title{
	margin-bottom:30px;
}

.about-section-two .skill-column .sec-title .text{
	font-size:16px;
    color:#fff;
}

/* Skills Section */

.about-section-two .skill-column .skills{
	margin-bottom:40px;
}

.skills .skill-item{
	position:relative;
	margin-bottom:25px;
}

.skills .skill-item:last-child{
	margin-bottom:0px;
}

.skills .skill-item .skill-bar{
	position:relative;
	width:100%;
	height:5px;
}

.skills .skill-item .skill-bar .bar-inner{
	position:relative;
	width:100%;
	height:5px;
	background:#ffffff;
}

.skills .skill-item .skill-bar .bar-inner .bar:before{
	position:absolute;
	content:'';
	right:-6px;
	top:-4px;
	width:12px;
	height:12px;
	border:1px solid #ffffff;
	background-color:#56a4c0;
}

.skills .skill-item .skill-bar .bar-inner .bar{
	position:absolute;
	left:0px;
	top:0px;
	height:5px;
	width:0px;
	border-bottom:5px solid #56a4c0;
	-webkit-transition:all 2000ms ease;
	-ms-transition:all 2000ms ease;
	-o-transition:all 2000ms ease;
	-moz-transition:all 2000ms ease;
	transition:all 2000ms ease;
}

.skills .skill-item .skill-header{
	position:relative;
	margin-bottom:12px;
}

.skills .skill-item .skill-header .skill-title{
	position:relative;
	float:left;
	color:#ffffff;
	font-size:16px;
	font-weight:700;
	line-height:1.4em;
	text-transform:capitalize;
}

.skills .skill-item .skill-header .skill-percentage{
	position:relative;
	float:right;
	font-weight:700;
	color:#ffffff;
	font-size:16px;
	text-transform:uppercase;
}

/***

====================================================================
	Process Section
====================================================================

***/

.process-section{
	position:relative;
	padding:100px 0px 70px;
}

.process-section .pattern-layer-one{
	position:absolute;
	right:0px;
	top:0px;
	width:911px;
	height:579px;
	background-repeat:no-repeat;
}

.process-section .pattern-layer-two{
	position:absolute;
	left:0px;
	bottom:0px;
	width:722px;
	height:579px;
	background-repeat:no-repeat;
}

.process-block{
	position:relative;
    z-index: 5;
}

.process-block .inner-box{
	position:relative;
	padding:0px 30px 40px;
}

.process-block .inner-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:35px;
	right:0px;
	bottom:60px;
	z-index:-1;
	border:1px solid #cccccc;
	background-color:#ffffff;
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
}

.process-block .inner-box:hover::before{
	bottom:0px;
}

.process-block .inner-box .number-box{
	position:relative;
	width:70px;
	height:70px;

	color:#ffffff;
	text-align:center;
	border-radius:50px;
	line-height:72px;
	font-size:30px;
	font-weight:800;
	margin-bottom:30px;
	display:inline-block;
	background-color:#e1e1e1;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.process-block .inner-box:hover .number-box{
	background-color:#56a4c0;
}

.process-block .inner-box .number-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:-1;
	border-radius:50%;
	background-color:#e1e1e1;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.process-block .inner-box:hover .number-box:before{
	transform:translateX(5px) translateY(5px);
}

.process-block .inner-box h4{
	position:relative;
	font-weight:600;
	line-height:1.4em;
	margin-bottom:15px;
	font-size:20px;
}

.process-block .inner-box h4 a{
	position:relative;
	color:#1b284c;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.process-block .inner-box h4 a:hover{
	color:#56a4c0;
}

.process-block .inner-box .text{
	position:relative;
	color:#555555;
	font-size:16px;
	line-height:1.8em;
	font-weight:600;
	margin-bottom:20px;
}

.process-block .inner-box .read-more{
	position:relative;
	color:#56a4c0;
	font-size:16px;
	font-weight:600;
	opacity:0;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	font-family: 'Montserrat', sans-serif;
}

.process-block .inner-box .read-more .arrow{
	position:relative;
	margin-right:10px;
}

.process-block .inner-box:hover .read-more{
	opacity:1;
}

/***

====================================================================
	Experiance Section
====================================================================

***/

.experiance-section{
	position:relative;
	padding:110px 0px 110px;
	background-position:center center;
	background-repeat:no-repeat;
}

.experiance-tabs{
	position:relative;
	margin-top:50px;
}

.experiance-tabs .tab-btns{
	position:relative;
	text-align:center;
	margin-bottom:25px;
}

.experiance-tabs .tab-btns .tab-btn{
	position:relative;
	z-index:1;
	/*width:200px;
	height:200px;*/
	display:block;
	font-size:18px;
	background:none;
	color:#1b284c;
	font-weight:800;
	line-height:24px;
	cursor:pointer;
	overflow:hidden;
	text-align:center;
	margin:10px;
	display:inline-block;
	padding:2px;
	border-radius:12px;
	transition:all 500ms ease;
	border:1px solid #cccccc;
	text-transform:uppercase;
	background-color:#ffffff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
    width: 125px;
}
.tab-btn .testt
{
    color:#1b284c;
}

.experiance-tabs .tab-btns .tab-btn:before{
	position:absolute;
	content:'';
	left:-1px;
	top:-1px;
	right:-1px;
	bottom:-1px;
	z-index:-1;
	opacity:0;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	background: -webkit-radial-gradient(circle farthest-corner at center center, #0246b7 0%, #131E3C 100%);
    background: -moz-radial-gradient(circle farthest-corner at center center, #0246b7 0%, #131E3C 100%);
    background: radial-gradient(circle farthest-corner at center center, #0246b7 0%, #131E3C 100%);
}

.experiance-tabs .tab-btns .tab-btn .icon{
	position:relative;
	display:block;
	color:#146cff;
	font-size:74px;
	font-weight:300;
	line-height:1em;
	margin-bottom:0px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}


.experiance-tabs .tab-btns .tab-btn.active-btn .icon,
.experiance-tabs .tab-btns .tab-btn:hover .icon{
	color:#ffffff;
}
.tab-btn.active-btn .testt,
.tab-btn:hover .testt
{
    color:#fff;
}

.experiance-tabs .tab-btns .tab-btn:hover::before,
.experiance-tabs .tab-btns .tab-btn.active-btn::before{
	opacity:1;
}

.experiance-tabs .tab-btns .tab-btn:hover,
.experiance-tabs .tab-btns .tab-btn.active-btn{
	color:#ffffff;
	border-color:#0d103e;
}

.experiance-tabs .tabs-content{
	position:relative;
	text-align:center;
}

.experiance-tabs .tabs-content .tab{
	position:relative;
	display:none;
}

.experiance-tabs .tabs-content .tab.active-tab{
	display:block;
}

.experiance-tabs .tabs-content h4{
	position:relative;
	color:#56a4c0;
	font-weight:600;
	margin-bottom:10px;
}

.experiance-tabs .tabs-content .text{
	position:relative;
	color:#1b284c;
	font-weight:600;
	font-size:16px;
	line-height:1.9em;
	margin-bottom:45px;
}

/***

====================================================================
	Info Section
====================================================================

***/

.info-section{
	position:relative;
	padding:70px 0px 70px;
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center bottom;
}

.info-section:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(27,40,76,0.90);
}

.info-section .logo-column{
	position:relative;
}

.info-section .logo-column .inner-column{
	position:relative;
}

.info-section .logo-column .logo{
	position:relative;
}

.info-section .info-column{
	position:relative;
}

.info-section .info-column .inner-column{
	position:relative;
	padding-left:60px;
}

.info-section .info-column .icon-box{
	position:absolute;
	left:0px;
	top:0px;
	color:#ffffff;
	font-size:44px;
	line-height:1em;
}

.info-section .info-column ul li{
	position:relative;
	color:#ffffff;
	font-size:16px;
	margin-bottom:5px;
}

.info-section .info-column ul li strong{
	position:relative;
	font-weight:700;
	font-size:18px;
}


.subscribe-widget .text{
	position:relative;
	color:#ffffff;
	font-size:16px;
	margin-bottom:25px;
	line-height:1.9em;
}

.emailed-form .form-group{
	position:relative;
	display:block;
	max-width:650px;
	margin:0 auto;
	width:100%;
	margin-bottom:20px;
}

.emailed-form .form-group input[type="text"],
.emailed-form .form-group input[type="tel"],
.emailed-form .form-group input[type="email"],
.emailed-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	color:#000000;
	line-height:20px;
	height:60px;
	font-size:16px;
	color:#797979;
	overflow:hidden;
	border-radius:6px;
	font-weight:600;
	padding:10px 50px 10px 30px;
	background:#ffffff;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
	border:1px solid #cccccc;
}

.emailed-form .form-group input[type="submit"],
.emailed-form button{
	position:absolute;
	right:0px;
	top:0px;
	width:190px;
	height:60px;
	line-height:40px;
	color:#ffffff;
	font-size:16px;
	font-weight:600;
	text-align:center;
	background:#56a4c0;
	letter-spacing:1px;
	border-radius:6px;
	text-transform:capitalize;
	font-family: 'Montserrat', sans-serif;
}

/***

====================================================================
	Faq's Page Section
====================================================================

***/

.faq-page-section{
	position:relative;
	padding:110px 0px 110px;
}

.accordion-box{
	position: relative;
}

.accordion-box .block{
	position: relative;
	margin-bottom:10px;
	border-radius:4px;
	overflow:hidden;
}

.accordion-box .block.active-block{
	border:1px solid transparent;
	box-shadow:0px 0px 20px rgba(0,0,0,0.10);
}

.accordion-box .block .acc-btn{
	position:relative;
	font-size:18px;
	line-height:35px;
	color:#1b284c;
	line-height:1.8em;
	font-weight:600;
	cursor:pointer;
	padding:16px 30px;
	padding-right: 45px;
	margin-bottom: 0px;
	background-color:#ebebeb;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
	font-family: 'Montserrat', sans-serif;
}

.accordion-box .block .acc-btn.active{
	color: #ffffff;
	margin-bottom:0px;
	background-color:#56a4c0;
}

.accordion-box .block .icon{
	position:absolute;
	right: 10px;
	top:15px;
	height: 35px;
	width: 35px;
	font-size: 20px;
	line-height: 35px;
	color: #56a4c0;
	text-align: center;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.accordion-box .block .acc-btn.active .icon{
	color: #ffffff !important;
	transform:rotate(90deg);
}

.accordion-box .block .acc-content{
	position:relative;
	display:none;
}

.accordion-box .block .content{
	position:relative;
	padding: 25px 20px 25px;
}

.accordion-box .block .acc-content.current{
	display: block;
}

.accordion-box .block .content .text{
	display: block;
	font-size: 16px;
	line-height: 1.8em;
	color: #555555;
}
/***

====================================================================
	Faq Form Section
====================================================================

***/

.faq-form-section{
	position:relative;
	padding:0px 0px 70px;
}

.faq-form-section .auto-container{
	max-width:970px;
	margin:0 auto;
}

/***

====================================================================
	Faq Form
====================================================================

 ***/

.faq-form{
	position:relative;
}

.faq-form .form-group{
	position:relative;
	margin-bottom:30px;
}

.faq-form .form-group input[type="text"],
.faq-form .form-group input[type="tel"],
.faq-form .form-group input[type="email"],
.faq-form .form-group select{
	position:relative;
	display:block;
	width:100%;
	line-height:28px;
	padding:10px 22px;
	color:#777777;
	height:56px;
	font-size:15px;
	background:none;
	border-radius:4px;
	font-weight:600;
	border:1px solid #cccccc;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.faq-form .form-group input[type="text"]:focus,
.faq-form .form-group input[type="tel"]:focus,
.faq-form .form-group input[type="email"]:focus,
.faq-form .form-group textarea:focus{
	border-color:#56a4c0;
}

.faq-form .form-group textarea::-webkit-input-placeholder,
.faq-form .form-group input::-webkit-input-placeholder{
	color:#777777;
}

.faq-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:22px;
	padding:15px 22px;
	color:#777777;
	height:150px;
	resize:none;
	font-size:15px;
	background:none;
	border-radius:4px;
	font-weight:600;
	border:1px solid #cccccc;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.faq-form .form-group .btn-detail{
	position:relative;
	text-align:center;
	margin-left:30px;
	color:#ffffff;
	display:inline-block;
}

.faq-form button{
	cursor: pointer;
	font-size: 16px;
	text-transform: capitalize;
}


/***

====================================================================
	Testimonial Page Section
====================================================================

***/

.testimonial-page-section{
	position:relative;
	padding:110px 0px 70px;
}

.team-page-section{
	position:relative;
	padding:110px 0px 70px;
}


/***

====================================================================
	Appointment Section Two
====================================================================

***/

.appointment-section{
	position:relative;
	padding-top:110px;
}

.appointment-section.style-two{
	padding-bottom:110px;
}

.appointment-section .image-layer{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	height:700px;
	background-size:cover;
	background-repeat:no-repeat;
}

.appointment-section .image-layer:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(86,164,192,0.90);
}

.appointment-section .inner-container{
	position:relative;
	z-index:1;
	padding:65px 0px;
}

.appointment-section .inner-container:before{
	position:absolute;
	content:'';
	left:250px;
	top:0px;
	right:0px;
	bottom:0px;
	border-radius:10px;
	background-color:#ffffff;
	box-shadow:0px 0px 15px rgba(0,0,0,0.15);
}

.appointment-section .image-column{
	position:relative;
}

.appointment-section .image-column .inner-column{
	position:relative;
	text-align:center;
	padding-left:60px;
}

.appointment-section .image-column .inner-column .image{
	position:relative;
	border-radius:7px;
	overflow:hidden;
}

.appointment-section .image-column .inner-column .image img{
	width:100%;
	display:block;
}

.appointment-section .form-column{
	position:relative;
}

.appointment-section .form-column .inner-column{
	position:relative;
	padding-right:45px;
	padding-top:0px;
	padding-left:20px;
}

.appointment-section .form-column h4{
	position:relative;
	color:#1b284c;
	font-weight:600;
	line-height:1.4em;
	margin-bottom:30px;
}

/* Appointment Form */

.appointment-form{
	position: relative;
	z-index:1;
}

.appointment-form .form-group{
	position:relative;
	margin-bottom:25px;
}

.ui-selectmenu-button.ui-button,
.appointment-form .form-group input[type="text"],
.appointment-form .form-group input[type="email"],
.appointment-form .form-group input[type="tel"],
.appointment-form .form-group input[type="url"],
.appointment-form .form-group textarea,
.appointment-form .form-group select{
	position: relative;
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    color: #888888;
    font-weight: 400;
    padding: 14px 22px;
	border-radius:4px;
	z-index:1;
	height:60px;
    border: 1px solid #d7d7d7;
    background-color: #ffffff;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.appointment-form .form-group input:focus,
.appointment-form .form-group select:focus,
.appointment-form .form-group textarea:focus{
	border-color:#56a4c0;
}

.appointment-form .form-group textarea{
	height: 150px;
	resize: none;
	border-radius:4px;
}

.appointment-form .form-group input[type="submit"],
.appointment-form button{
    margin-top:15px;
}

.appointment-form .form-group input[type="submit"]:hover,
.appointment-form button:hover{
	opacity: .95;
}

.appointment-form .form-group .icon{
	position: absolute;
	right: 15px;
	top: 5px;
	height: 50px;
	width: 50px;
	z-index:1;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	color: #56a4c0;
}

/***

==================================================================
	Blog Page Section
==================================================================

***/

.blog-page-section{
	position:relative;
	padding:100px 0px 100px;
}

.blog-page-section .styled-pagination{
	margin-top:50px;
}

/***

====================================================================
	Styled Pagination
====================================================================

***/

.styled-pagination{
	position:relative;
}

.styled-pagination li{
	position:relative;
	margin:0px 5px 10px;
	display:inline-block;
}

.styled-pagination li a{
	position:relative;
	width:50px;
	height:50px;
	color:#777777;
	font-size:18px;
	font-weight:500;
	line-height:50px;
	text-align:center;
	border-radius:5px;
	display:inline-block;
	border:1px solid #d7d7d7;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.styled-pagination li.active a,
.styled-pagination li:hover a{
	color:#ffffff;
	border-color:#1b284c;
	background-color:#1b284c;
}

.styled-pagination li.next a,
.styled-pagination li.prev a{
	color:#ffffff;
	border-color:#56a4c0;
	background-color:#56a4c0;
}

.sidebar-title{
	position:relative;
	margin-bottom:15px;
}

.sidebar-title h5{
	position: relative;
    color: #1b284c;
    font-weight: 700;
    line-height: 1.3em;
    text-transform: capitalize;
}

/***

====================================================================
	Sidebar Page Container
====================================================================

***/

.sidebar-page-container{
	position:relative;
	padding:90px 0px 80px;
}

.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side{
	margin-bottom:40px;
}

.sidebar-page-container .sidebar-side .sidebar-inner{
	position:relative;
	padding:45px 30px;
	box-shadow:0px 0px 20px rgba(0,0,0,0.15);
}

.sidebar-widget{
	margin-bottom:55px;
}


.news-detail{
	position:relative;
}

.news-detail .inner-box{
	position:relative;
	box-shadow:0px 0px 20px rgba(0,0,0,0.10);
}

.news-detail .inner-box .upper-box{
	position:relative;
	padding:30px 30px;
}

.news-detail .inner-box h3{
	position:relative;
	color:#1b284c;
	font-weight:700;
	line-height:1.3em;
}

.news-detail .inner-box .upper-box .post-meta{
	position:relative;
	padding-top:15px;
	margin-top:20px;
	border-top:1px solid #dddddd;
}

.news-detail .inner-box .upper-box .post-meta li{
	position:relative;
	color:#1b284c;
	font-size:16px;
	margin-right:10px;
	font-weight:600;
	display:inline-block;
}

.news-detail .inner-box .upper-box .post-meta li .icon{
	position:relative;
	top:1px;
	color:#1b284c;
	font-size:15px;
	margin-right:6px;
}

.news-detail .inner-box .image{
	position:relative;
}

.news-detail .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
}

.news-detail .inner-box .image .post-date{
	position:absolute;
	right:20px;
	top:-20px;
	color: #ffffff;
    width: 50px;
    height: 50px;
    font-size: 20px;
    text-align: center;
    font-weight: 800;
    z-index: 1;
	line-height:1.1em;
    padding-top: 5px;
    background-color: #56a4c0;
}

.news-detail .inner-box .image .post-date span{
    display: block;
    font-size: 14px;
    font-weight: 600;
}

.news-detail .inner-box .lower-content{
	position:relative;
	padding:30px 30px;
}

.news-detail .inner-box .lower-content p{
	position:relative;
	color:#555555;
	font-size:16px;
	line-height:1.8em;
}

.news-detail .inner-box .lower-content h4{
	position:relative;
	color:#1b284c;
	font-weight:700;
	margin-bottom:10px;
}

.news-detail .inner-box .lower-content blockquote{
	position:relative;
	padding:40px 40px;
	border-radius:4px;
	color:#ffffff;
	font-size:20px;
	font-weight:500;
	line-height:1.6em;
	margin-top:30px;
	margin-bottom:30px;
	background-color:#56a4c0;
}

.news-detail .inner-box .lower-content blockquote .blockquote-inner{
	position:relative;
	padding-left:70px;
}

.news-detail .inner-box .lower-content blockquote .blockquote-inner:before{
	position:absolute;
	content:'';
	left:0px;
	top:12px;
	height:3px;
	width:50px;
	background-color:#ffffff;
}

.news-detail .inner-box .lower-content blockquote .quote-icon{
	position:absolute;
	right:100px;
	bottom:25px;
	color:#ffffff;
	opacity:0.20;
	font-size:50px;
}

/* Post Share Options */

.news-detail .post-share-options{
	position:relative;
	margin-top: 40px;
	padding:22px 0px 0px;
	border-top:1px solid #cccccc;
}

.news-detail .post-share-options .tags a{
	position:relative;
	color:#555555;
	font-size:14px;
	font-weight:600;
	line-height: 1em;
	padding:12px 18px;
	border-radius:3px;
	margin-right: 6px;
	display: inline-block;
	border:1px solid #dddddd;
	text-transform:capitalize;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.news-detail .post-share-options .tags a:last-child{
	margin-right: 0px;
}

.news-detail .post-share-options .tags{
	position:relative;
	color:#ff4800;
	font-size:16px;
	font-weight:400;
	margin-top:3px;
}

.news-detail .post-share-options .tags a:hover{
	color:#ffffff;
	border-color:#56a4c0;
	background-color:#56a4c0;
}

.news-detail .post-share-options .social-box{
	position:relative;
	margin-top:10px;
}

.news-detail .post-share-options .social-box li.share{
	position:relative;
	color:#1b284c;
	font-weight:700;
	font-size:16px;
}

.news-detail .post-share-options .social-box li{
	position:relative;
	margin-left:15px;
	display:inline-block;
}

.news-detail .post-share-options .social-box li a{
	position:relative;
	font-size:16px;
	color:#bbbbbb;
	display:inline-block;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.news-detail .post-share-options .social-box li a:hover{
	color:#56a4c0;
}

/***

====================================================================
	Comments Area
====================================================================

 ***/

.sidebar-page-container .comments-area{
	position:relative;
	margin-top:60px;
	margin-bottom:50px;
}

.sidebar-page-container .group-title{
	position:relative;
}

.sidebar-page-container .group-title h3{
	position:relative;
	color:#1b284c;
	font-weight:700;
	margin-bottom:30px;
	text-transform:capitalize;
}

.sidebar-page-container .comments-area .comment-box{
	position:relative;
	padding:0px 0px 0px;
	margin-bottom:30px;
	border-bottom:1px solid #cccccc;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.sidebar-page-container .comments-area .comment-box:last-child{
	margin-bottom:0px;
}

.sidebar-page-container .comments-area .comment{
	position:relative;
	font-size:14px;
	min-height:140px;
	padding:5px 0px 0px 140px;
}

.sidebar-page-container .comments-area .reply-comment{
	margin-left:60px;
}

.sidebar-page-container .comments-area .comment-box .author-thumb{
	position:absolute;
	left:0px;
	top:0px;
	width:110px;
	border-radius:0px;
	margin-bottom:20px;
	overflow:hidden;
}

.sidebar-page-container .comments-area .comment-box .author-thumb img{
	width:100%;
	display:block;
}

.sidebar-page-container .comments-area .comment-info{
	margin-bottom:15px;
}

.sidebar-page-container .comments-area .comment-box strong{
	font-size:20px;
	font-weight:700;
	color:#1b284c;
	display:block;
	line-height:1.3em;
	display:inline-block;
	text-transform:capitalize;
	font-family: 'Montserrat', sans-serif;
}

.sidebar-page-container .comments-area .comment-box .text{
	color:#555555;
	font-size:16px;
	line-height:1.9em;
	margin-bottom:0px;
	padding-top:0px;
}

.sidebar-page-container .comments-area .comment-info .comment-time{
	font-size:15px;
	color:#555555;
	margin-left:20px;
	display:inline-block;
	font-weight:500;
	font-family: 'Montserrat', sans-serif;
}

.sidebar-page-container .comments-area .comment-box .theme-btn{
	position:absolute;
	right:0px;
	top:0px;
	font-size:16px;
	color:#ffffff;
	font-weight:600;
	padding:6px 18px;
	border-radius:4px;
	background-color:#56a4c0;
	text-transform:capitalize;
}

.sidebar-page-container .comments-area .comment-box .theme-btn:hover{
	background-color:#1b284c;
}


/***

====================================================================
	Comment Form
====================================================================

***/

.comment-form .group-title h4{
	position:relative;
	margin-bottom:50px;
}

.comment-form .form-group{
	margin-bottom:20px;
}

.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select{
	position:relative;
	display:block;
	width:100%;
	line-height:28px;
	padding:10px 25px;
	color:#888888;
	height:55px;
	font-size:14px;
	border-radius:5px;
	background:#f5f5f5;
	border:1px solid transparent;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="password"]:focus,
.comment-form .form-group input[type="tel"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus{
	border-color:#1b284c;
}

.comment-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:24px;
	padding:15px 25px 25px;
	color:#888888;
	border:1px solid transparent;
	height:200px;
	background:#f5f5f5;
	resize:none;
	font-size:14px;
	border-radius:5px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.comment-form .theme-btn{
	cursor:pointer;
}

.news-more-section{
	position:relative;
	border-top:2px solid #f5f5f5;
}

.news-more-section .new-post{
	position:relative;
}

.news-more-section .new-post .post-inner{
	position:relative;
	padding:50px 0px;

}

.news-more-section .new-post:first-child{
	border-right:2px solid #f5f5f5;
}

.news-more-section .new-post .content{
	position:relative;
	padding-left:100px;
	padding-top:10px;
}

.news-more-section .new-post .content .post-image{
	position:absolute;
	left:0px;
	top:0px;
	width:80px;
	height:80px;
	overflow:hidden;
	border-radius:50%;
}

.news-more-section .new-post .content h4{
	position:relative;
	font-weight:700;
	line-height:1.3em;
	margin-bottom:8px;
}

.news-more-section .new-post .content h4 a{
	position:relative;
	color:#1b284c;
}

.news-more-section .new-post .content .more{
	position:relative;
}

.news-more-section .new-post.style-two .content{
	text-align:right;
	padding-left:0px;
	padding-right:100px;
}

.news-more-section .new-post.style-two .content .post-image{
	left:auto;
	right:0px;
}

/* Error Section */

.error-section{
	position:relative;
	padding:160px 0px 160px;
}

.error-section .content{
	position:relative;
	text-align:center;
}

.error-section h1{
	position:relative;
	color:#1b284c;
	font-size:180px;
	font-weight:800;
	line-height:1em;
	margin-bottom:10px;
}

.error-section h2{
	position:relative;
	color:#1b284c;
	font-weight:800;
	line-height:1.2em;
	margin-bottom:10px;
}

.error-section .text{
	position:relative;
	color:#1b284c;
	font-size:20px;
	font-weight:300;
	margin-top:20px;
	margin-bottom:30px;
}

.team-page-section{
	position:relative;
	padding:110px 0px 70px;
}


/*Search Box Widget*/

.sidebar .search-box .form-group{
	position:relative;
	margin:0px;
}

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"]{
	position:relative;
	line-height:43px;
	padding:10px 50px 10px 25px;
	border:1px solid #dddddd;
	background:#ffffff;
	display:block;
	font-size:14px;
	width:100%;
	height:56px;
	color:#000000;
	border-radius:5px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.sidebar .search-box .form-group button{
	position:absolute;
	right:0px;
	top:0px;
	height:56px;
	width:60px;
	display:block;
	font-size:16px;
	color:#56a4c0;
	cursor:pointer;
	border-radius:0px 5px 5px 0px;
	line-height:100%;
	font-weight:normal;
	background:none;
}

/* Blog Cat */

.blog-cat{
	position:relative;
	border-radius:4px;
	overflow:hidden;
	border:1px solid #dddddd;
}

.blog-cat li{
	position:relative;
}

.blog-cat li a{
	position:relative;
	color:#555555;
	font-size:16px;
	padding:15px 0px;
	display:block;
	font-weight:600;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	border-bottom:1px solid #dddddd;
}

.blog-cat li a:hover{
	color:#1b284c;
}

.blog-cat li:last-child a{
	border-bottom:0px;
}

.blog-cat li a span{
	position:absolute;
	right:30px;
}

/*Post Widget*/

.sidebar .popular-posts .post{
	position:relative;
	font-size:14px;
	color:#666666;
	padding:0px 0px;
	padding-left:100px;
	min-height:105px;
	margin-bottom:20px;
	border-bottom:1px solid #dddddd;
}

.sidebar .popular-posts .post:last-child{
	margin-bottom:0px;
	border-bottom:0px;
	min-height:auto;
}

.sidebar .popular-posts .post .post-thumb{
	 position:absolute;
	 left:0px;
	 top:0px;
	 width:80px;
	 border-radius:0px;
	overflow:hidden;
}

.sidebar .popular-posts .post .post-thumb .overlay-box{
	position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    color: #ffffff;
    font-size: 18px;
    opacity: 0;
    text-align: center;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    background-color: rgba(66,124,255,0.70);
}

.sidebar .popular-posts .post .post-thumb .overlay-box .fa{
	top: 50%;
    position: relative;
    margin-top: -12px;
    display: block;
}

.sidebar .popular-posts .post:hover .post-thumb .overlay-box{
	opacity:1;
}

.sidebar .popular-posts .post .post-thumb img{
	display:block;
	width:100%;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.sidebar .popular-posts .post .text{
	position:relative;
	top:0px;
	font-size:16px;
	margin:0px 0px 0px;
	font-weight:700;
	color:#1b284c;
	line-height:1.5em;
	text-transform:capitalize;
}

.sidebar .popular-posts .post .text a{
	color:#1b284c;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	font-family: 'Montserrat', sans-serif;
}

.sidebar .popular-posts .post a:hover{
	color:#56a4c0;
}

.sidebar .popular-posts .post-info{
	position:relative;
	font-size:15px;
	color:#777777;
	font-weight:600;
	margin-top:6px;
}

/* Popular Tags */

.sidebar .popular-tags a{
	position:relative;
	display:inline-block;
	line-height:24px;
	padding:8px 20px 8px;
	margin:0px 6px 10px 0px;
	color:#555555;
	text-align:center;
	font-size:14px;
	background:none;
	font-weight:400;
	border-radius:5px;
	border:1px solid #dddddd;
	text-transform:capitalize;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
}

.sidebar .popular-tags a:hover{
	border-color:#56a4c0;
	background-color:#56a4c0;
	color:#ffffff;
}

/* Instagram Widget */

.instagram-widget .post-thumb{
    position:relative;
    width:29%;
    float:left;
    border-radius:8px;
    overflow:hidden;
    margin:0px 5px 10px;
}

.instagram-widget .post-thumb .overlay-box{
   position: absolute;
   content: '';
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   display: block;
   color: #ffffff;
   font-size: 18px;
   opacity: 0;
   text-align: center;
   transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -webkit-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   background-color: rgba(0,96,255,0.70);
}

.instagram-widget .post-thumb .overlay-box .fa{
   top: 50%;
   position: relative;
   margin-top: -12px;
   display: block;
}

.instagram-widget .post-thumb:hover .overlay-box{
   opacity:1;
}

.instagram-widget .post-thumb img{
   display:block;
   width:100%;
   transition:all 0.3s ease;
   -moz-transition:all 0.3s ease;
   -webkit-transition:all 0.3s ease;
   -ms-transition:all 0.3s ease;
   -o-transition:all 0.3s ease;
}

/* Archive List */

.archive-list{
   position:relative;
   padding-left:0px;
}

.archive-list li{
   position:relative;
   margin-bottom:18px;
}

.archive-list li a{
   position:relative;
   color:#555555;
   font-size:16px;
   padding-left:20px;
   font-weight:600;
}

.archive-list li a:before{
   position:absolute;
   content:'\f101';
   left:0px;
   top:-1px;
   color:#56a4c0;
   font-weight:400;
   font-family: 'FontAwesome';
}

/***

====================================================================
	Gallery Section
====================================================================

***/

.gallery-section{
	position:relative;
	padding:100px 0px 100px;
}

.gallery-section .filters{
	position:relative;
	margin-bottom:60px;
	text-align:center;
}

.gallery-section .filters .filter-tabs{
	position:relative;
}

.gallery-section .filters li{
	position: relative;
    display: inline-block;
    color: #555555;
	padding:0px 0px;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
	margin:0px 15px 0px;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.gallery-section .filters .filter.active,
.gallery-section .filters .filter:hover{
    color:#56a4c0;
	text-decoration:line-through;
}

.gallery-section .btn-box{
	position:relative;
	margin-top:30px;
}

.case-block.mix{
	display:none;
}


/***

====================================================================
	Cases Section
====================================================================

***/

.cases-section{
	position:relative;
	padding:110px 0px 100px;
	background-color:#f5f5f5;
}

.case-block{
	position:relative;
	margin-bottom:30px;
}

.case-block .inner-box{
	position:relative;
}

.case-block .inner-box .image{
	position:relative;
}

.case-block .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
}

.case-block .inner-box .image .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;

	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
}

.case-block .inner-box:hover .overlay-box{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
}

.case-block .inner-box .image .overlay-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:1;
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, #1b284c 100%);
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, #1b284c 100%);
	background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%, #1b284c 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0)), color-stop(100, #1b284c));
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #1b284c 100%);
	background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #1b284c 100%);
}

.case-block .inner-box .image .overlay-box .search-icon{
	position:absolute;
	left:50%;
	top:50%;
	width:60px;
	height:60px;
	color:#56a4c0;
	z-index:1;
	font-weight:600;
	font-size:20px;
	text-align:center;
	line-height:60px;
	margin-left:-30px;
	margin-top:-60px;
	border-radius:50px;
	display:inline-block;
	background-color:#ffffff;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.case-block .inner-box .image .overlay-box .search-icon:hover{
	background-color:#56a4c0;
	color:#ffffff;
}

.case-block .inner-box .image .overlay-box .content{
	position:absolute;
	left:40px;
	bottom:40px;
	z-index:1;
}

.case-block .inner-box .image .overlay-box .content h4{
	position:relative;
	line-height:1.3em;
	font-weight:700;
}

.case-block .inner-box .image .overlay-box .content h4 a{
	position:relative;
	color:#ffffff;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.case-block .inner-box .image .overlay-box .content h4 a:hover{
	color:#56a4c0;
}

.case-block .inner-box .image .overlay-box .content .category{
	position:relative;
	margin-top:5px;
	color:#ffffff;
}

.case-block .inner-box .image .overlay-box .arrow{
	position:absolute;
	right:0px;
	bottom:0px;
	color:#ffffff;
	width:60px;
	height:60px;
	z-index:1;
	font-size:22px;
	text-align:center;
	line-height:60px;
	background-color:#56a4c0;
}

.cases-section .section-text{
	position:relative;
	margin-top:25px;
	color:#56a4c0;
	font-size:18px;
	font-weight:600;
	text-align:center;
	margin-bottom:30px;
}


/***

====================================================================
	Project Detail Section
====================================================================

***/

.project-detail-section{
	position:relative;
	padding:110px 0px 100px;
}

.project-detail-section .image-column{
	position:relative;
}

.project-detail-section .image-column .sec-title{
	margin-bottom:25px;
}

.project-detail-section .image-column .inner-column{
	position:relative;
}

.project-detail-section .image-column .image{
	position:relative;
}

.project-detail-section .image-column .image img{
	position:relative;
	width:100%;
	display:block;
}

.project-detail-section .info-column{
	position:relative;
}

.project-detail-section .info-column .inner-column{
	position:relative;
	padding:45px 38px;
	margin-right:30px;
	background-color:#ffffff;
	border-bottom:12px solid #1b284c;
	box-shadow:0px 0px 15px rgba(0,0,0,0.15);
}

.project-detail-section .info-column .inner-column:before{
	position:absolute;
	content:'';
	right:-30px;
	bottom:-50px;
	width:320px;
	height:400px;
	z-index:-1;
	background:url(../images/background/pattern-18.png) no-repeat;
}

.project-detail-section .info-column h4{
	position:relative;
	color:#1b284c;
	font-weight:600;
	line-height:1.3em;
	margin-bottom:25px;
}

.project-detail-section .info-column .text{
	position:relative;
	color:#555555;
	font-size:15px;
	line-height:1.8em;
	font-weight:500;
	margin-bottom:30px;
}

.project-detail-section .info-column .info-list{
	position:relative;
}

.project-detail-section .info-column .info-list li{
	position:relative;
	color:#555555;
	font-size:16px;
	margin-bottom:28px;
	padding-left:25px;
	font-weight:600;
}

.project-detail-section .info-column .info-list li .icon{
	position:absolute;
	left:0px;
	top:0px;
	color:#1b284c;
	font-size:16px;
}

.project-detail-section .info-column .info-list li strong{
	position:relative;
	color:#56a4c0;
	font-weight:700;
}

.project-detail-section .lower-section{
	position:relative;
	padding-top:25px;
}

.project-detail-section .lower-section h3{
	position:relative;
	color:#1b284c;
	font-weight:600;
	margin-bottom:12px;
}

.project-detail-section .lower-section p{
	position:relative;
	color:#555555;
	font-size:16px;
	line-height:1.8em;
	font-weight:600;
}

.project-detail-section .lower-section .buttons-box{
	position:relative;
	margin-top:40px;
}


/***

====================================================================
	Cases Section Two
====================================================================

***/

.cases-section-two{
	position:relative;
	padding:110px 0px 60px;
	background-color:#f5f5f5;
}

.cases-section-two .owl-dots{
	position:relative;
	display:none;
}

.cases-section-two .owl-nav{
	position:absolute;
	left:50%;
	top:-90px;
	width:100%;
	max-width:1170px;
	margin-left:-585px;
	text-align:right;
}

.cases-section-two .owl-nav .owl-prev,
.cases-section-two .owl-nav .owl-next{
	position:relative;
	width:50px;
	height:50px;
	color:#000000;
	font-size:22px;
	border-radius:50px;
	line-height:44px;
	text-align:center;
	margin-left:15px;
	display:inline-block;
	border:2px solid #cdcdcd;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.cases-section-two .owl-nav .owl-prev:hover,
.cases-section-two .owl-nav .owl-next:hover{
	border-color:#56a4c0;
	color:#56a4c0;
}

.case-block-two{
	position:relative;
	margin-bottom:30px;
}

.case-block-two .inner-box{
	position:relative;
}

.case-block-two .inner-box .image{
	position:relative;
}

.case-block-two .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
}

.case-block-two .inner-box .image .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
}

.case-block-two .inner-box:hover .overlay-box{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
}

.case-block-two .inner-box .image .overlay-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:1;
	background-color:rgba(20,29,59,0.70);
}

.case-block-two .inner-box .image .overlay-box .search-icon{
	position:absolute;
	left:50%;
	top:50%;
	width:60px;
	height:60px;
	color:#56a4c0;
	z-index:1;
	font-weight:600;
	font-size:20px;
	text-align:center;
	line-height:60px;
	margin-left:-30px;
	margin-top:-60px;
	border-radius:50px;
	display:inline-block;
	background-color:#ffffff;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.case-block-two .inner-box .image .overlay-box .search-icon:hover{
	background-color:#56a4c0;
	color:#ffffff;
}

.case-block-two .inner-box .image .overlay-box .arrow{
	position:absolute;
	right:-5px;
	bottom:-5px;
	color:#ffffff;
	width:60px;
	height:60px;
	z-index:1;
	font-size:22px;
	text-align:center;
	line-height:60px;
	background-color:#56a4c0;
	border-radius:0px 0px 12px 0px;
}

.case-block-two .inner-box .lower-content{
	position:relative;
	padding-top:25px;
	padding-left:15px;
}

.case-block-two .inner-box .lower-content h5{
	position:relative;
	line-height:1.3em;
	font-weight:700;
}

.case-block-two .inner-box .lower-content h5 a{
	position:relative;
	color:#1b284c;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.case-block-two .inner-box .lower-content h5 a:hover{
	color:#56a4c0;
}

.case-block-two .inner-box .lower-content .category{
	position:relative;
	margin-top:5px;
	color:#1b284c;
	font-weight:500;
}

/***

====================================================================
	News Section Four
====================================================================

***/

.news-section-four{
	position:relative;
	padding:110px 0px 80px;
}

.news-section-four .image-layer{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	height:565px;
	background-size:contain;
}

.news-section-four .image-layer:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:-1;
	background-color:#56a4c0;
}

.news-block-four{
	position:relative;
	margin-bottom:30px;
}

.news-block-four .inner-box{
	position:relative;
	background-color:#ffffff;
	box-shadow:0px 0px 20px rgba(0,0,0,0.15);
}

.news-block-four .inner-box .image{
	position:relative;
	overflow:hidden;
	background-color:#1b284c;
}

.news-block-four .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.news-block-four .inner-box:hover .image img{
	opacity:0.7;
	transform:scale(1.04,1.04);
}

.news-block-four .inner-box .lower-content{
	position:relative;
	padding:35px 30px 30px;
}

.news-block-four .inner-box .lower-content .post-date{
	position:absolute;
	right:20px;
	top:-20px;
	color: #ffffff;
    width: 50px;
    height: 50px;
    font-size: 20px;
    text-align: center;
    font-weight: 800;
    z-index: 1;
	line-height:1.1em;
    padding-top: 5px;
    background-color: #56a4c0;
}

.news-block-four .inner-box .lower-content .post-date span{
    display: block;
    font-size: 14px;
    font-weight: 600;
}

.news-block-four .inner-box .lower-content .post-meta{
	position:relative;
	padding-top:12px;
	border-top:1px solid #cccccc;
}

.news-block-four .inner-box .lower-content .post-meta li{
	position:relative;
	color:#1b284c;
	font-size:16px;
	margin-right:10px;
	font-weight:600;
	padding-left:30px;
	display:inline-block;
}

.news-block-four .inner-box .lower-content .post-meta li .icon{
	position:absolute;
	left:0px;
	top:1px;
	color:#1b284c;
	font-size:15px;
	margin-right:6px;
}

.news-block-four .inner-box .lower-content h4{
	position:relative;
	line-height:1.4em;
	font-weight:700;
	margin-top:12px;
}

.news-block-four .inner-box .lower-content h4 a{
	position:relative;
	color:#1b284c;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.news-block-four .inner-box .lower-content h4 a:hover{
	color:#56a4c0;
}

.news-block-four .inner-box .lower-content .text{
	position:relative;
	line-height:1.8em;
	font-weight:500;
	margin-top:12px;
	color:#555555;
	font-size:16px;
	margin-bottom:18px;
}

.single-job-details {
    position: relative;
}

.single-job-details .inner-box {
    position: relative;
}

.single-job-details .inner-box .upper-box {
  position: relative;
}

.single-job-details .inner-box .upper-box h3 {
    position: relative;
    color: #1b284c;
    font-weight: 700;
    line-height: 1.3em;
    font-size: 30px;  
}


.single-job-details .inner-box .upper-box .post-meta {
    position: relative;
    padding-top: 15px;
    margin-top: 20px;
    border-top: 1px solid #dddddd;
}

.single-job-details .inner-box .upper-box .post-meta li {
    position: relative;
    color: #1b284c;
    font-size: 16px;
    margin-right: 10px;
    font-weight: 600;
    display: inline-block;
    color: #56a4c0;
}
.single-job-details .inner-box .upper-box .post-meta li .icon {
    position: relative;
    top: 1px;
    color: #1b284c;
    font-size: 15px;
    margin-right: 6px;
}

.single-job-details .inner-box .image .post-date {
    position: absolute;
    right: 20px;
    top: -20px;
    color: #ffffff;
    width: 50px;
    height: 50px;
    font-size: 20px;
    text-align: center;
    font-weight: 800;
    z-index: 1;
    line-height: 1.1em;
    padding-top: 5px;
    background-color: #56a4c0;
}

.single-job-details .inner-box .image .post-date span {
    display: block;
    font-size: 14px;
    font-weight: 600;
}

.mb-40
{
    margin-bottom:100px;
}


.section-lgt{
    padding-top: 100px;
}

.pbmit-heading-subheading{
    margin-bottom: 30px;
}
.pbmit-heading-subheading .pbmit-subtitle {
    display: inline-block;
    position: relative;
    margin-bottom: 5px;
    font-family:var(--pbmit-heading-typography-font-family);
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0;
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
    font-style: normal;
}

.pbmit-heading-subheading.text-center h4.pbmit-subtitle-white {
    position: relative;
    color: #000;
    margin-bottom: 5px;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 1px;
    display: inline-block;
  }

  .pbmit-heading-subheading h2.pbmit-title {
    font-size: 50px;
    line-height: 60px;
    letter-spacing: 0px;
    margin-bottom: 0;
    text-transform: none;
    font-style: normal;
    font-weight: normal;
  }
  .our-plan-heading-desc {
    width: 62%;
    margin: auto;
    margin-top: 10px;
  }

.pbmit-heading-subheading h4.pbmit-subtitle-white::before {
    position: absolute;
    content: "";
    top: 50%;
    width: 50px;
    height: 1px;
    left: -60px;
    background-color: #000;
}

.pbmit-heading-subheading.text-center h4.pbmit-subtitle-white::after {
    position: absolute;
    content: "";
    top: 50%;
    width: 50px;
    height: 1px;
    right: -60px;
    left: inherit;
    background-color: #000;
}

.pt-3 {
    padding-top: 1rem !important;
}
.pbminfotech-ele-ptable-style-1 .pbmit-pricing-table-box {
    position: relative;
    overflow: hidden;
    padding: 45px;
    color: #787c8b;
    border-top: 3px solid black;
    background-color: #F0F2F7;
}

.pbminfotech-ele-ptable-style-1 .pbmit-head-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.pbminfotech-ele-ptable-style-1 .pbminfotech-ptable-heading {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 20px;
    font-weight: 700;
    color: var(--pbmit-blackish-color);
}

.pbminfotech-ele-ptable-style-1 .pbminfotech-ptable-price, .pbminfotech-ele-ptable-style-1 .pbminfotech-ptable-symbol {
    font-size: 60px;
    line-height: 60px;
    font-weight: lighter;
}

.ptable-frequency {
    margin-top: 15px;
}

.pbminfotech-ele-ptable-style-1 .pbmit-pricing-table-box {
    color: #787c8b;
}

.pbminfotech-ele-ptable-style-1 .pbmit-icon-wrapper {
    font-size: 55px;
    line-height: 55px;
    color: #000;
}

.pbminfotech-ele-ptable-style-1 .pbmit-icon-wrapper {
    font-size: 55px;
    line-height: 55px;
    color:#000;
}

.pbminfotech-ele-ptable-style-1 .pbmit-ptable-inner {
    margin-top: 40px;
    padding: 50px 0 40px;
    border-top: 1px solid #FFF;
  }
  .pbminfotech-ele-ptable-style-1 .pbmit-ptable-lines-w {
    display: inline-block;
  }
  .pbminfotech-ele-ptable-style-1 .pbmit-ptable-line {
    margin-bottom: 15px;
  }
  .pbminfotech-ele-ptable-style-1 .pbmit-ptable-line i {
    margin: 5px 10px 0 0;
    color: #000;
  }

  .pbminfotech-ele-ptable-style-1 .pbmit-ptable-btn a {
    display: block;
    padding: 18px 55px;
    color: #fff;
    background-color: black;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .pbminfotech-ele-ptable-style-1 .pbmit-pricing-table-featured-col .pbmit-pricing-table-box {
    color:#fff;
    background-color:black;
    border-color: #ec733b;
}
.pbminfotech-ele-ptable-style-1 .pbmit-pricing-table-featured-col .pbmit-ptable-btn a,
.pbminfotech-ele-ptable-style-1 .pbmit-ptable-btn a:hover {
    color:black;
    background-color: #fff;
}
.pbmit-elementor-bg-color-light .pbminfotech-ele-ptable-style-1 .pbmit-ptable-btn a:hover {
    background-color: var(--pbmit-light-bg-color);
}
.pbminfotech-ele-ptable-style-1 .pbmit-pricing-table-featured-col .pbmit-ptable-btn a:hover {
    color:#fff;
    background-color: #ec733b;
}

.pbmit-pricing-table-box .pbminfotech-ptable-symbol, .pbmit-pricing-table-box .pbminfotech-ptable-price {
    display: inline-block;
  }

  .pbmit-pricing-table-box .pbminfotech-ptable-price {
    display: inline-block;
  }

  .pbminfotech-ele-ptable-style-1 .pbminfotech-ptable-frequency {
    margin-top: 15px;
  }

.pbminfotech-ele-ptable-style-1 .pbmit-pricing-table-featured-col .pbminfotech-ptable-price {
    color: #ec733b;
  }

  .pbminfotech-ele-ptable-style-1 .pbmit-pricing-table-featured-col .pbmit-ptable-line i, .pbminfotech-ele-ptable-style-1 .pbmit-pricing-table-featured-col .pbminfotech-ptable-heading, .pbminfotech-ele-ptable-style-1 .pbmit-pricing-table-featured-col .pbmit-icon-wrapper {
    color: #fff;
  }

  .section-lg {
    padding-top: 100px;
    padding-bottom: 80px;
  }
/***

====================================================================
	Contact Info Section
====================================================================

***/

.contact-info-section{
	position:relative;
	padding:110px 0px 100px;
}

.contact-info-section .title-box{
	position:relative;
	text-align:center;
}

.contact-info-section .title-box .title{
	position:relative;
	color:#56a4c0;
	font-size:16px;
	font-weight:700;
	text-transform:uppercase;
}

.contact-info-section .title-box h2{
	position:relative;
	font-weight:700;
	color:#1b284c;
	line-height:1.4em;
	margin-top:10px;
}

.contact-info-section .title-box .text{
	position:relative;
	color:#555555;
	font-size:16px;
	line-height:1.9em;
	font-weight:600;
	margin-top:10px;
	margin-bottom:40px;
}

.contact-info-section .info-column{
	position:relative;
	margin-bottom:30px;
}

.contact-info-section .info-column .inner-column{
	position:relative;
	padding:30px 30px;
	box-shadow:0px 0px 20px rgba(0,0,0,0.10);
}

.contact-info-section .info-column .inner-column .content{
	position:relative;
	padding-left:60px;
}

.contact-info-section .info-column .icon-box{
	position:absolute;
	left:0px;
	top:0px;
	color:#56a4c0;
	font-size:44px;
	line-height:1em;
}

.contact-info-section .info-column ul li{
	position:relative;
	color:#555555;
	font-size:16px;
	margin-top:5px;
	font-weight:600;
}

.contact-info-section .info-column ul li strong{
	position:relative;
	font-weight:700;
	font-size:18px;
	color:#1b284c;
	font-family: 'Montserrat', sans-serif;
}

.contact-info-section .lower-text{
	position:relative;
	text-align:center;
	color:#555555;
	font-size:16px;
	font-weight:600;
	margin-top:20px;
}

.contact-info-section .lower-text span{
	position:relative;
	color:#56a4c0;
	font-weight:700;
}

/***

==================================================================
		Contact Map Section
==================================================================

***/

.contact-map-section{
	position: relative;
	padding-top:0px;
	padding-bottom:100px;
}

.contact-map-section iframe{
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 490px;
}

.contact-form{
	position:relative;
}

.contact-form .form-group{
	position:relative;
	margin-bottom:30px;
}

.contact-form .form-group label{
	position:relative;
	color:#555555;
	font-size:16px;
	font-weight:600;
	margin-bottom:10px;
}

.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="email"],
.contact-form .form-group select{
	position:relative;
	display:block;
	width:100%;
	line-height:28px;
	padding:10px 22px;
	color:#777777;
	height:56px;
	font-size:15px;
	background:none;
	border-radius:4px;
	font-weight:600;
	border:1px solid #cccccc;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.contact-form .form-group input[type="text"]:focus,
.contact-form .form-group input[type="tel"]:focus,
.contact-form .form-group input[type="email"]:focus,
.contact-form .form-group textarea:focus{
	border-color:#56a4c0;
}

.contact-form .form-group textarea::-webkit-input-placeholder,
.contact-form .form-group input::-webkit-input-placeholder{
	color:#777777;
}

.contact-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:22px;
	padding:15px 22px;
	color:#777777;
	height:150px;
	resize:none;
	font-size:15px;
	background:none;
	border-radius:4px;
	font-weight:600;
	border:1px solid #cccccc;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.contact-form button{
	cursor: pointer;
}

.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error{
	border-color:#56a4c0 !important;
}

.contact-form label.error{
	display:block;
	line-height:24px;
	padding:5px 0px 0px;
	margin:0px;
	text-transform:uppercase;
	font-size:12px;
	color:#56a4c0;
	font-weight:500;
}
.width-24
{
    width:22%;
    margin-right:3%;
    border: 1px solid #f0f0f0 !important;
}
.width-24:hover
{
    background-color: var(--main-color-two);
    color:#fff !important;
}
.width-24:hover .contact-heading
{
    color:#fff !important;
}
.border-none
{
    border:none !important; 
}
.contact-heading
{
    font-size:20px;
    font-weight:bold;
}
.active > .contact-heading 
{
    color:#fff;
}

.contact-box {
    background-color: #EFF1F5;
    padding: 60px;
    height: 100%
}

.contact-box__title {
    margin: -0.4em 0 10px 0
}

.contact-box__text {
    margin: 0 0 37px 0
}

.contact-box__item {
    display: flex
}

.contact-box__item:not(:last-child) {
    padding: 0 0 30px 0;
    margin: 0 0 30px 0;
    border-bottom: 1px solid #dadfec
}

.contact-box__icon {
    font-size: 30px;
    line-height: 1;
    color: var(--main-color-two);
    align-self: flex-start;
    margin: 0 15px 0 0
}

.contact-box__label {
    font-size: 18px;
    margin: -0.3em 0 8px 0
}

.contact-box__info {
    max-width: 235px;
    margin: 0 0 -0.5em 0
}

.contact-box__info a {
    display: inline-block;
    color: inherit
}

.contact-box__form .form-group {
    line-height: 1
}

.contact-box__form textarea,
.contact-box__form select,
.contact-box__form input {
    height: 55px;
    font-size: 16px;
    border-radius: 5px;
    border: none;
    background-position: right 21px center
}

.contact-box__form i {
    top: 19px;
    right: calc(var(--bs-gutter-x)/2 + 24px);
    font-size: 16px
}
.loader {
    display: none;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 80px;
    height: 80px;
    animation: spin 2s linear infinite;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
}

.section-lgb {
    padding-bottom: 100px;
}
.pbmit-heading-subheading-style-7.text-center {
    margin-bottom: 60px;
}
.pbmit-heading-subheading-style-7 .pbmit-subtitle {
    margin-bottom: 5px;
    font-family: DM Sans,sans-serif;
    font-weight: 700;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 1px;
    color: #56a4c0;
    text-transform: uppercase;
    font-style: normal;
    position: relative;
    display: inline-block;
}
.pbmit-heading-subheading-style-7 .pbmit-title {
    font-family: Quicksand,sans-serif;
    font-weight: 700;
    font-size: 50px;
    line-height: 60px;
    letter-spacing: 0;
    color: #1b284c;
    text-transform: none;
    font-style: normal;
  }
  .pbmit-ihbox-style-14 {
    position: relative;
    padding: 0 20px;
    text-align: center;
  }
  .pbmit-ihbox-style-14 .pbmit-ihbox-icon .pbmit-ihbox-icon-type-text,
.pbmit-ihbox-style-14 .pbmit-ihbox-icon .pbmit-icon-type-icon,
.pbmit-ihbox-style-14 .pbmit-ihbox-svg .pbmit-ihbox-svg-wrapper {
    width: 80px;
    height: 80px;
    font-size: 40px;
    line-height: 90px;
    text-align: center;
    color:#fff;
    background-color:#56a4c0;
    box-shadow: 0px 0px 32px 0px rgba(3,3,19, 0.1);
    position: relative;
    z-index: 1;
}
.pbmit-ihbox-style-14 .pbmit-ihbox-svg .pbmit-ihbox-svg-wrapper {
    font-size: 20px;
    line-height: 80px;
    fill:#fff;
}
.pbmit-ihbox-style-14 .pbmit-ihbox-icon .pbmit-ihbox-icon-type-text {
    font-size: 35px;
    line-height: 85px;
}
.pbmit-ihbox-style-14 .pbmit-ihbox-icon .pbmit-ihbox-icon-type-text::after,
.pbmit-ihbox-style-14 .pbmit-ihbox-svg .pbmit-ihbox-svg-wrapper::after,
.pbmit-ihbox-style-14 .pbmit-ihbox-icon .pbmit-icon-type-icon::after {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    content: "";
    border-radius: 50%;
    background-color:var(--pbmit-blackish-color);
    transform: scale(0);
    transform-origin: center;
    transform-style: preserve-3d;
    transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
    z-index: -1;
    border-radius: 16px;
}
.pbmit-ihbox-style-14:hover .pbmit-ihbox-icon .pbmit-ihbox-icon-type-text::after,
.pbmit-ihbox-style-14:hover .pbmit-ihbox-svg .pbmit-ihbox-svg-wrapper::after,
.pbmit-ihbox-style-14:hover .pbmit-ihbox-icon .pbmit-icon-type-icon::after {
    transform: scaleX(1);
}
.pbmit-ihbox-style-14 .pbmit-ihbox-icon .pbmit-ihbox-icon-type-image img,
.pbmit-ihbox-style-14 .pbmit-ihbox-icon .pbmit-ihbox-icon-type-text,
.pbmit-ihbox-style-14 .pbmit-ihbox-icon .pbmit-icon-type-icon,
.pbmit-ihbox-style-14 .pbmit-ihbox-svg .pbmit-ihbox-svg-wrapper {
    transition: all 500ms linear;
    transition-delay: 0.1s;
    transform: scale(1) rotateY(0deg);
    border-radius: 16px;
}
.pbmit-ihbox-style-14:hover .pbmit-ihbox-icon .pbmit-ihbox-icon-type-image img,
.pbmit-ihbox-style-14:hover .pbmit-ihbox-icon .pbmit-ihbox-icon-type-text,
.pbmit-ihbox-style-14:hover .pbmit-ihbox-icon .pbmit-icon-type-icon,
.pbmit-ihbox-style-14:hover .pbmit-ihbox-svg .pbmit-ihbox-svg-wrapper {
    transform: scale(0.9) rotateY(360deg);
}
.pbmit-ihbox-style-14:hover .pbmit-ihbox-icon .pbmit-ihbox-icon-type-text,
.pbmit-ihbox-style-14:hover .pbmit-ihbox-icon .pbmit-icon-type-icon {
    color:#fff;
}
.pbmit-ihbox-style-14:hover .pbmit-ihbox-svg .pbmit-ihbox-svg-wrapper {
    fill:#fff;
}
.pbmit-ihbox-style-14 .pbmit-ihbox-icon,
.pbmit-ihbox-style-14 .pbmit-ihbox-svg {
    display: inline-block;
    margin-bottom: 35px;
}
.pbmit-ihbox-style-14 .pbmit-ihbox-icon .pbmit-ihbox-icon-type-image img {
    max-width: 80px;
    height: 80px;
}
.pbmit-ihbox-style-14 .pbmit-element-title {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 15px;
    color:#1b284c;
}
.pbmit-ihbox-style-14 .pbmit-element-heading,
.pbmit-ihbox-style-14 .pbmit-element-subtitle {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
}
.pbmit-ihbox-style-14 .pbmit-ihbox-btn {
    margin-top: 20px;
}
.pbmit-ihbox-style-14 .pbmit-ihbox-btn a {
    color:#fff;
}
.pbmit-ihbox-style-14 .pbmit-ihbox-btn a:hover {
    color: #56a4c0;
}
.pbmit-ihbox-style-14 .pbmit-ihbox-box:after {
    content: '';
    position: absolute;
    top: calc(25% - 15px);
    left: calc(100% - 40px);
    width: 40%;
    height: 1px;
    background-color: rgba(3,3,19, 0.1);
}
.pbmit-miconheading-style-14>div:last-child .pbmit-ihbox-style-14 .pbmit-ihbox-box:after{
    display: none;
}
a.pbmit-underline-text {
    text-decoration: underline;
    color: #56a4c0;
}
a.pbmit-underline-text:hover{
    color: var(--pbmit-blackish-color);
    text-decoration: underline!important;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


@media(max-width: 1399px) {
    .contact-box {
        padding: 40px
    }

    .contact-box__title {
        margin: -0.3em 0 10px 0
    }

    .contact-box__form textarea,
    .contact-box__form select,
    .contact-box__form input {
        font-size: 14px
    }

    .contact-tab-menu button {
        text-align: center
    }

    .contact-tab-menu .btn-title {
        display: block
    }

    .contact-tab-menu .btn-img {
        float: none;
        margin: 0 auto 10px auto;
        display: block
    }
}
  @media only screen and (max-width: 1000px) {
    .banner-section .patern-layer-one, .banner-section .patern-layer-two, .banner-section-two .content-column .text br {
      display: none;
    }
  }
  @media only screen and (max-width: 1023px) {
    .banner-section .slide {
      padding: 120px 0px 150px;
    }
  }
  @media only screen and (max-width: 599px) {
    .banner-section .content-column .title {
      font-size: 24px;
    }
    .banner-section .content-column h1
    {
        font-size: 28px;
    }
  }
[data-padding-top="1"] {
    padding-top: 1px !important;
}

[data-padding-bottom="1"] {
    padding-bottom: 1px !important;
}

[data-padding-top="2"] {
    padding-top: 2px !important;
}

[data-padding-bottom="2"] {
    padding-bottom: 2px !important;
}

[data-padding-top="3"] {
    padding-top: 3px !important;
}

[data-padding-bottom="3"] {
    padding-bottom: 3px !important;
}

[data-padding-top="4"] {
    padding-top: 4px !important;
}

[data-padding-bottom="4"] {
    padding-bottom: 4px !important;
}

[data-padding-top="5"] {
    padding-top: 5px !important;
}

[data-padding-bottom="5"] {
    padding-bottom: 5px !important;
}

[data-padding-top="6"] {
    padding-top: 6px !important;
}

[data-padding-bottom="6"] {
    padding-bottom: 6px !important;
}

[data-padding-top="7"] {
    padding-top: 7px !important;
}

[data-padding-bottom="7"] {
    padding-bottom: 7px !important;
}

[data-padding-top="8"] {
    padding-top: 8px !important;
}

[data-padding-bottom="8"] {
    padding-bottom: 8px !important;
}

[data-padding-top="9"] {
    padding-top: 9px !important;
}

[data-padding-bottom="9"] {
    padding-bottom: 9px !important;
}

[data-padding-top="10"] {
    padding-top: 10px !important;
}

[data-padding-bottom="10"] {
    padding-bottom: 10px !important;
}

[data-padding-top="11"] {
    padding-top: 11px !important;
}

[data-padding-bottom="11"] {
    padding-bottom: 11px !important;
}

[data-padding-top="12"] {
    padding-top: 12px !important;
}

[data-padding-bottom="12"] {
    padding-bottom: 12px !important;
}

[data-padding-top="13"] {
    padding-top: 13px !important;
}

[data-padding-bottom="13"] {
    padding-bottom: 13px !important;
}

[data-padding-top="14"] {
    padding-top: 14px !important;
}

[data-padding-bottom="14"] {
    padding-bottom: 14px !important;
}

[data-padding-top="15"] {
    padding-top: 15px !important;
}

[data-padding-bottom="15"] {
    padding-bottom: 15px !important;
}

[data-padding-top="16"] {
    padding-top: 16px !important;
}

[data-padding-bottom="16"] {
    padding-bottom: 16px !important;
}

[data-padding-top="17"] {
    padding-top: 17px !important;
}

[data-padding-bottom="17"] {
    padding-bottom: 17px !important;
}

[data-padding-top="18"] {
    padding-top: 18px !important;
}

[data-padding-bottom="18"] {
    padding-bottom: 18px !important;
}

[data-padding-top="19"] {
    padding-top: 19px !important;
}

[data-padding-bottom="19"] {
    padding-bottom: 19px !important;
}

[data-padding-top="20"] {
    padding-top: 20px !important;
}

[data-padding-bottom="20"] {
    padding-bottom: 20px !important;
}

[data-padding-top="21"] {
    padding-top: 21px !important;
}

[data-padding-bottom="21"] {
    padding-bottom: 21px !important;
}

[data-padding-top="22"] {
    padding-top: 22px !important;
}

[data-padding-bottom="22"] {
    padding-bottom: 22px !important;
}

[data-padding-top="23"] {
    padding-top: 23px !important;
}

[data-padding-bottom="23"] {
    padding-bottom: 23px !important;
}

[data-padding-top="24"] {
    padding-top: 24px !important;
}

[data-padding-bottom="24"] {
    padding-bottom: 24px !important;
}

[data-padding-top="25"] {
    padding-top: 25px !important;
}

[data-padding-bottom="25"] {
    padding-bottom: 25px !important;
}

[data-padding-top="26"] {
    padding-top: 26px !important;
}

[data-padding-bottom="26"] {
    padding-bottom: 26px !important;
}

[data-padding-top="27"] {
    padding-top: 27px !important;
}

[data-padding-bottom="27"] {
    padding-bottom: 27px !important;
}

[data-padding-top="28"] {
    padding-top: 28px !important;
}

[data-padding-bottom="28"] {
    padding-bottom: 28px !important;
}

[data-padding-top="29"] {
    padding-top: 29px !important;
}

[data-padding-bottom="29"] {
    padding-bottom: 29px !important;
}

[data-padding-top="30"] {
    padding-top: 30px !important;
}

[data-padding-bottom="30"] {
    padding-bottom: 30px !important;
}

[data-padding-top="31"] {
    padding-top: 31px !important;
}

[data-padding-bottom="31"] {
    padding-bottom: 31px !important;
}

[data-padding-top="32"] {
    padding-top: 32px !important;
}

[data-padding-bottom="32"] {
    padding-bottom: 32px !important;
}

[data-padding-top="33"] {
    padding-top: 33px !important;
}

[data-padding-bottom="33"] {
    padding-bottom: 33px !important;
}

[data-padding-top="34"] {
    padding-top: 34px !important;
}

[data-padding-bottom="34"] {
    padding-bottom: 34px !important;
}

[data-padding-top="35"] {
    padding-top: 35px !important;
}

[data-padding-bottom="35"] {
    padding-bottom: 35px !important;
}

[data-padding-top="36"] {
    padding-top: 36px !important;
}

[data-padding-bottom="36"] {
    padding-bottom: 36px !important;
}

[data-padding-top="37"] {
    padding-top: 37px !important;
}

[data-padding-bottom="37"] {
    padding-bottom: 37px !important;
}

[data-padding-top="38"] {
    padding-top: 38px !important;
}

[data-padding-bottom="38"] {
    padding-bottom: 38px !important;
}

[data-padding-top="39"] {
    padding-top: 39px !important;
}

[data-padding-bottom="39"] {
    padding-bottom: 39px !important;
}

[data-padding-top="40"] {
    padding-top: 40px !important;
}

[data-padding-bottom="40"] {
    padding-bottom: 40px !important;
}

[data-padding-top="41"] {
    padding-top: 41px !important;
}

[data-padding-bottom="41"] {
    padding-bottom: 41px !important;
}

[data-padding-top="42"] {
    padding-top: 42px !important;
}

[data-padding-bottom="42"] {
    padding-bottom: 42px !important;
}

[data-padding-top="43"] {
    padding-top: 43px !important;
}

[data-padding-bottom="43"] {
    padding-bottom: 43px !important;
}

[data-padding-top="44"] {
    padding-top: 44px !important;
}

[data-padding-bottom="44"] {
    padding-bottom: 44px !important;
}

[data-padding-top="45"] {
    padding-top: 45px !important;
}

[data-padding-bottom="45"] {
    padding-bottom: 45px !important;
}

[data-padding-top="46"] {
    padding-top: 46px !important;
}

[data-padding-bottom="46"] {
    padding-bottom: 46px !important;
}

[data-padding-top="47"] {
    padding-top: 47px !important;
}

[data-padding-bottom="47"] {
    padding-bottom: 47px !important;
}

[data-padding-top="48"] {
    padding-top: 48px !important;
}

[data-padding-bottom="48"] {
    padding-bottom: 48px !important;
}

[data-padding-top="49"] {
    padding-top: 49px !important;
}

[data-padding-bottom="49"] {
    padding-bottom: 49px !important;
}

[data-padding-top="50"] {
    padding-top: 50px !important;
}

[data-padding-bottom="50"] {
    padding-bottom: 50px !important;
}

[data-padding-top="51"] {
    padding-top: 51px !important;
}

[data-padding-bottom="51"] {
    padding-bottom: 51px !important;
}

[data-padding-top="52"] {
    padding-top: 52px !important;
}

[data-padding-bottom="52"] {
    padding-bottom: 52px !important;
}

[data-padding-top="53"] {
    padding-top: 53px !important;
}

[data-padding-bottom="53"] {
    padding-bottom: 53px !important;
}

[data-padding-top="54"] {
    padding-top: 54px !important;
}

[data-padding-bottom="54"] {
    padding-bottom: 54px !important;
}

[data-padding-top="55"] {
    padding-top: 55px !important;
}

[data-padding-bottom="55"] {
    padding-bottom: 55px !important;
}

[data-padding-top="56"] {
    padding-top: 56px !important;
}

[data-padding-bottom="56"] {
    padding-bottom: 56px !important;
}

[data-padding-top="57"] {
    padding-top: 57px !important;
}

[data-padding-bottom="57"] {
    padding-bottom: 57px !important;
}

[data-padding-top="58"] {
    padding-top: 58px !important;
}

[data-padding-bottom="58"] {
    padding-bottom: 58px !important;
}

[data-padding-top="59"] {
    padding-top: 59px !important;
}

[data-padding-bottom="59"] {
    padding-bottom: 59px !important;
}

[data-padding-top="60"] {
    padding-top: 60px !important;
}

[data-padding-bottom="60"] {
    padding-bottom: 60px !important;
}

[data-padding-top="61"] {
    padding-top: 61px !important;
}

[data-padding-bottom="61"] {
    padding-bottom: 61px !important;
}

[data-padding-top="62"] {
    padding-top: 62px !important;
}

[data-padding-bottom="62"] {
    padding-bottom: 62px !important;
}

[data-padding-top="63"] {
    padding-top: 63px !important;
}

[data-padding-bottom="63"] {
    padding-bottom: 63px !important;
}

[data-padding-top="64"] {
    padding-top: 64px !important;
}

[data-padding-bottom="64"] {
    padding-bottom: 64px !important;
}

[data-padding-top="65"] {
    padding-top: 65px !important;
}

[data-padding-bottom="65"] {
    padding-bottom: 65px !important;
}

[data-padding-top="66"] {
    padding-top: 66px !important;
}

[data-padding-bottom="66"] {
    padding-bottom: 66px !important;
}

[data-padding-top="67"] {
    padding-top: 67px !important;
}

[data-padding-bottom="67"] {
    padding-bottom: 67px !important;
}

[data-padding-top="68"] {
    padding-top: 68px !important;
}

[data-padding-bottom="68"] {
    padding-bottom: 68px !important;
}

[data-padding-top="69"] {
    padding-top: 69px !important;
}

[data-padding-bottom="69"] {
    padding-bottom: 69px !important;
}

[data-padding-top="70"] {
    padding-top: 70px !important;
}

[data-padding-bottom="70"] {
    padding-bottom: 70px !important;
}

[data-padding-top="71"] {
    padding-top: 71px !important;
}

[data-padding-bottom="71"] {
    padding-bottom: 71px !important;
}

[data-padding-top="72"] {
    padding-top: 72px !important;
}

[data-padding-bottom="72"] {
    padding-bottom: 72px !important;
}

[data-padding-top="73"] {
    padding-top: 73px !important;
}

[data-padding-bottom="73"] {
    padding-bottom: 73px !important;
}

[data-padding-top="74"] {
    padding-top: 74px !important;
}

[data-padding-bottom="74"] {
    padding-bottom: 74px !important;
}

[data-padding-top="75"] {
    padding-top: 75px !important;
}

[data-padding-bottom="75"] {
    padding-bottom: 75px !important;
}

[data-padding-top="76"] {
    padding-top: 76px !important;
}

[data-padding-bottom="76"] {
    padding-bottom: 76px !important;
}

[data-padding-top="77"] {
    padding-top: 77px !important;
}

[data-padding-bottom="77"] {
    padding-bottom: 77px !important;
}

[data-padding-top="78"] {
    padding-top: 78px !important;
}

[data-padding-bottom="78"] {
    padding-bottom: 78px !important;
}

[data-padding-top="79"] {
    padding-top: 79px !important;
}

[data-padding-bottom="79"] {
    padding-bottom: 79px !important;
}

[data-padding-top="80"] {
    padding-top: 80px !important;
}

[data-padding-bottom="80"] {
    padding-bottom: 80px !important;
}

[data-padding-top="81"] {
    padding-top: 81px !important;
}

[data-padding-bottom="81"] {
    padding-bottom: 81px !important;
}

[data-padding-top="82"] {
    padding-top: 82px !important;
}

[data-padding-bottom="82"] {
    padding-bottom: 82px !important;
}

[data-padding-top="83"] {
    padding-top: 83px !important;
}

[data-padding-bottom="83"] {
    padding-bottom: 83px !important;
}

[data-padding-top="84"] {
    padding-top: 84px !important;
}

[data-padding-bottom="84"] {
    padding-bottom: 84px !important;
}

[data-padding-top="85"] {
    padding-top: 85px !important;
}

[data-padding-bottom="85"] {
    padding-bottom: 85px !important;
}

[data-padding-top="86"] {
    padding-top: 86px !important;
}

[data-padding-bottom="86"] {
    padding-bottom: 86px !important;
}

[data-padding-top="87"] {
    padding-top: 87px !important;
}

[data-padding-bottom="87"] {
    padding-bottom: 87px !important;
}

[data-padding-top="88"] {
    padding-top: 88px !important;
}

[data-padding-bottom="88"] {
    padding-bottom: 88px !important;
}

[data-padding-top="89"] {
    padding-top: 89px !important;
}

[data-padding-bottom="89"] {
    padding-bottom: 89px !important;
}

[data-padding-top="90"] {
    padding-top: 90px !important;
}

[data-padding-bottom="90"] {
    padding-bottom: 90px !important;
}

[data-padding-top="91"] {
    padding-top: 91px !important;
}

[data-padding-bottom="91"] {
    padding-bottom: 91px !important;
}

[data-padding-top="92"] {
    padding-top: 92px !important;
}

[data-padding-bottom="92"] {
    padding-bottom: 92px !important;
}

[data-padding-top="93"] {
    padding-top: 93px !important;
}

[data-padding-bottom="93"] {
    padding-bottom: 93px !important;
}

[data-padding-top="94"] {
    padding-top: 94px !important;
}

[data-padding-bottom="94"] {
    padding-bottom: 94px !important;
}

[data-padding-top="95"] {
    padding-top: 95px !important;
}

[data-padding-bottom="95"] {
    padding-bottom: 95px !important;
}

[data-padding-top="96"] {
    padding-top: 96px !important;
}

[data-padding-bottom="96"] {
    padding-bottom: 96px !important;
}

[data-padding-top="97"] {
    padding-top: 97px !important;
}

[data-padding-bottom="97"] {
    padding-bottom: 97px !important;
}

[data-padding-top="98"] {
    padding-top: 98px !important;
}

[data-padding-bottom="98"] {
    padding-bottom: 98px !important;
}

[data-padding-top="99"] {
    padding-top: 99px !important;
}

[data-padding-bottom="99"] {
    padding-bottom: 99px !important;
}

[data-padding-top="100"] {
    padding-top: 100px !important;
}

[data-padding-bottom="100"] {
    padding-bottom: 100px !important;
}

[data-padding-top="101"] {
    padding-top: 101px !important;
}

[data-padding-bottom="101"] {
    padding-bottom: 101px !important;
}

[data-padding-top="102"] {
    padding-top: 102px !important;
}

[data-padding-bottom="102"] {
    padding-bottom: 102px !important;
}

[data-padding-top="103"] {
    padding-top: 103px !important;
}

[data-padding-bottom="103"] {
    padding-bottom: 103px !important;
}

[data-padding-top="104"] {
    padding-top: 104px !important;
}

[data-padding-bottom="104"] {
    padding-bottom: 104px !important;
}

[data-padding-top="105"] {
    padding-top: 105px !important;
}

[data-padding-bottom="105"] {
    padding-bottom: 105px !important;
}

[data-padding-top="106"] {
    padding-top: 106px !important;
}

[data-padding-bottom="106"] {
    padding-bottom: 106px !important;
}

[data-padding-top="107"] {
    padding-top: 107px !important;
}

[data-padding-bottom="107"] {
    padding-bottom: 107px !important;
}

[data-padding-top="108"] {
    padding-top: 108px !important;
}

[data-padding-bottom="108"] {
    padding-bottom: 108px !important;
}

[data-padding-top="109"] {
    padding-top: 109px !important;
}

[data-padding-bottom="109"] {
    padding-bottom: 109px !important;
}

[data-padding-top="110"] {
    padding-top: 110px !important;
}

[data-padding-bottom="110"] {
    padding-bottom: 110px !important;
}

[data-padding-top="111"] {
    padding-top: 111px !important;
}

[data-padding-bottom="111"] {
    padding-bottom: 111px !important;
}

[data-padding-top="112"] {
    padding-top: 112px !important;
}

[data-padding-bottom="112"] {
    padding-bottom: 112px !important;
}

[data-padding-top="113"] {
    padding-top: 113px !important;
}

[data-padding-bottom="113"] {
    padding-bottom: 113px !important;
}

[data-padding-top="114"] {
    padding-top: 114px !important;
}

[data-padding-bottom="114"] {
    padding-bottom: 114px !important;
}

[data-padding-top="115"] {
    padding-top: 115px !important;
}

[data-padding-bottom="115"] {
    padding-bottom: 115px !important;
}

[data-padding-top="116"] {
    padding-top: 116px !important;
}

[data-padding-bottom="116"] {
    padding-bottom: 116px !important;
}

[data-padding-top="117"] {
    padding-top: 117px !important;
}

[data-padding-bottom="117"] {
    padding-bottom: 117px !important;
}

[data-padding-top="118"] {
    padding-top: 118px !important;
}

[data-padding-bottom="118"] {
    padding-bottom: 118px !important;
}

[data-padding-top="119"] {
    padding-top: 119px !important;
}

[data-padding-bottom="119"] {
    padding-bottom: 119px !important;
}

[data-padding-top="120"] {
    padding-top: 120px !important;
}

[data-padding-bottom="120"] {
    padding-bottom: 120px !important;
}

[data-padding-top="121"] {
    padding-top: 121px !important;
}

[data-padding-bottom="121"] {
    padding-bottom: 121px !important;
}

[data-padding-top="122"] {
    padding-top: 122px !important;
}

[data-padding-bottom="122"] {
    padding-bottom: 122px !important;
}

[data-padding-top="123"] {
    padding-top: 123px !important;
}

[data-padding-bottom="123"] {
    padding-bottom: 123px !important;
}

[data-padding-top="124"] {
    padding-top: 124px !important;
}

[data-padding-bottom="124"] {
    padding-bottom: 124px !important;
}

[data-padding-top="125"] {
    padding-top: 125px !important;
}

[data-padding-bottom="125"] {
    padding-bottom: 125px !important;
}

[data-padding-top="126"] {
    padding-top: 126px !important;
}

[data-padding-bottom="126"] {
    padding-bottom: 126px !important;
}

[data-padding-top="127"] {
    padding-top: 127px !important;
}

[data-padding-bottom="127"] {
    padding-bottom: 127px !important;
}

[data-padding-top="128"] {
    padding-top: 128px !important;
}

[data-padding-bottom="128"] {
    padding-bottom: 128px !important;
}

[data-padding-top="129"] {
    padding-top: 129px !important;
}

[data-padding-bottom="129"] {
    padding-bottom: 129px !important;
}

[data-padding-top="130"] {
    padding-top: 130px !important;
}

[data-padding-bottom="130"] {
    padding-bottom: 130px !important;
}

[data-padding-top="131"] {
    padding-top: 131px !important;
}

[data-padding-bottom="131"] {
    padding-bottom: 131px !important;
}

[data-padding-top="132"] {
    padding-top: 132px !important;
}

[data-padding-bottom="132"] {
    padding-bottom: 132px !important;
}

[data-padding-top="133"] {
    padding-top: 133px !important;
}

[data-padding-bottom="133"] {
    padding-bottom: 133px !important;
}

[data-padding-top="134"] {
    padding-top: 134px !important;
}

[data-padding-bottom="134"] {
    padding-bottom: 134px !important;
}

[data-padding-top="135"] {
    padding-top: 135px !important;
}

[data-padding-bottom="135"] {
    padding-bottom: 135px !important;
}

[data-padding-top="136"] {
    padding-top: 136px !important;
}

[data-padding-bottom="136"] {
    padding-bottom: 136px !important;
}

[data-padding-top="137"] {
    padding-top: 137px !important;
}

[data-padding-bottom="137"] {
    padding-bottom: 137px !important;
}

[data-padding-top="138"] {
    padding-top: 138px !important;
}

[data-padding-bottom="138"] {
    padding-bottom: 138px !important;
}

[data-padding-top="139"] {
    padding-top: 139px !important;
}

[data-padding-bottom="139"] {
    padding-bottom: 139px !important;
}

[data-padding-top="140"] {
    padding-top: 140px !important;
}

[data-padding-bottom="140"] {
    padding-bottom: 140px !important;
}

[data-padding-top="141"] {
    padding-top: 141px !important;
}

[data-padding-bottom="141"] {
    padding-bottom: 141px !important;
}

[data-padding-top="142"] {
    padding-top: 142px !important;
}

[data-padding-bottom="142"] {
    padding-bottom: 142px !important;
}

[data-padding-top="143"] {
    padding-top: 143px !important;
}

[data-padding-bottom="143"] {
    padding-bottom: 143px !important;
}

[data-padding-top="144"] {
    padding-top: 144px !important;
}

[data-padding-bottom="144"] {
    padding-bottom: 144px !important;
}

[data-padding-top="145"] {
    padding-top: 145px !important;
}

[data-padding-bottom="145"] {
    padding-bottom: 145px !important;
}

[data-padding-top="146"] {
    padding-top: 146px !important;
}

[data-padding-bottom="146"] {
    padding-bottom: 146px !important;
}

[data-padding-top="147"] {
    padding-top: 147px !important;
}

[data-padding-bottom="147"] {
    padding-bottom: 147px !important;
}

[data-padding-top="148"] {
    padding-top: 148px !important;
}

[data-padding-bottom="148"] {
    padding-bottom: 148px !important;
}

[data-padding-top="149"] {
    padding-top: 149px !important;
}

[data-padding-bottom="149"] {
    padding-bottom: 149px !important;
}

[data-padding-top="150"] {
    padding-top: 150px !important;
}

[data-padding-bottom="150"] {
    padding-bottom: 150px !important;
}

[data-padding-top="151"] {
    padding-top: 151px !important;
}

[data-padding-bottom="151"] {
    padding-bottom: 151px !important;
}

[data-padding-top="152"] {
    padding-top: 152px !important;
}

[data-padding-bottom="152"] {
    padding-bottom: 152px !important;
}

[data-padding-top="153"] {
    padding-top: 153px !important;
}

[data-padding-bottom="153"] {
    padding-bottom: 153px !important;
}

[data-padding-top="154"] {
    padding-top: 154px !important;
}

[data-padding-bottom="154"] {
    padding-bottom: 154px !important;
}

[data-padding-top="155"] {
    padding-top: 155px !important;
}

[data-padding-bottom="155"] {
    padding-bottom: 155px !important;
}

[data-padding-top="156"] {
    padding-top: 156px !important;
}

[data-padding-bottom="156"] {
    padding-bottom: 156px !important;
}

[data-padding-top="157"] {
    padding-top: 157px !important;
}

[data-padding-bottom="157"] {
    padding-bottom: 157px !important;
}

[data-padding-top="158"] {
    padding-top: 158px !important;
}

[data-padding-bottom="158"] {
    padding-bottom: 158px !important;
}

[data-padding-top="159"] {
    padding-top: 159px !important;
}

[data-padding-bottom="159"] {
    padding-bottom: 159px !important;
}

[data-padding-top="160"] {
    padding-top: 160px !important;
}

[data-padding-bottom="160"] {
    padding-bottom: 160px !important;
}

[data-padding-top="161"] {
    padding-top: 161px !important;
}

[data-padding-bottom="161"] {
    padding-bottom: 161px !important;
}

[data-padding-top="162"] {
    padding-top: 162px !important;
}

[data-padding-bottom="162"] {
    padding-bottom: 162px !important;
}

[data-padding-top="163"] {
    padding-top: 163px !important;
}

[data-padding-bottom="163"] {
    padding-bottom: 163px !important;
}

[data-padding-top="164"] {
    padding-top: 164px !important;
}

[data-padding-bottom="164"] {
    padding-bottom: 164px !important;
}

[data-padding-top="165"] {
    padding-top: 165px !important;
}

[data-padding-bottom="165"] {
    padding-bottom: 165px !important;
}

[data-padding-top="166"] {
    padding-top: 166px !important;
}

[data-padding-bottom="166"] {
    padding-bottom: 166px !important;
}

[data-padding-top="167"] {
    padding-top: 167px !important;
}

[data-padding-bottom="167"] {
    padding-bottom: 167px !important;
}

[data-padding-top="168"] {
    padding-top: 168px !important;
}

[data-padding-bottom="168"] {
    padding-bottom: 168px !important;
}

[data-padding-top="169"] {
    padding-top: 169px !important;
}

[data-padding-bottom="169"] {
    padding-bottom: 169px !important;
}

[data-padding-top="170"] {
    padding-top: 170px !important;
}

[data-padding-bottom="170"] {
    padding-bottom: 170px !important;
}

[data-padding-top="171"] {
    padding-top: 171px !important;
}

[data-padding-bottom="171"] {
    padding-bottom: 171px !important;
}

[data-padding-top="172"] {
    padding-top: 172px !important;
}

[data-padding-bottom="172"] {
    padding-bottom: 172px !important;
}

[data-padding-top="173"] {
    padding-top: 173px !important;
}

[data-padding-bottom="173"] {
    padding-bottom: 173px !important;
}

[data-padding-top="174"] {
    padding-top: 174px !important;
}

[data-padding-bottom="174"] {
    padding-bottom: 174px !important;
}

[data-padding-top="175"] {
    padding-top: 175px !important;
}

[data-padding-bottom="175"] {
    padding-bottom: 175px !important;
}

[data-padding-top="176"] {
    padding-top: 176px !important;
}

[data-padding-bottom="176"] {
    padding-bottom: 176px !important;
}

[data-padding-top="177"] {
    padding-top: 177px !important;
}

[data-padding-bottom="177"] {
    padding-bottom: 177px !important;
}

[data-padding-top="178"] {
    padding-top: 178px !important;
}

[data-padding-bottom="178"] {
    padding-bottom: 178px !important;
}

[data-padding-top="179"] {
    padding-top: 179px !important;
}

[data-padding-bottom="179"] {
    padding-bottom: 179px !important;
}

[data-padding-top="180"] {
    padding-top: 180px !important;
}

[data-padding-bottom="180"] {
    padding-bottom: 180px !important;
}

[data-padding-top="181"] {
    padding-top: 181px !important;
}

[data-padding-bottom="181"] {
    padding-bottom: 181px !important;
}

[data-padding-top="182"] {
    padding-top: 182px !important;
}

[data-padding-bottom="182"] {
    padding-bottom: 182px !important;
}

[data-padding-top="183"] {
    padding-top: 183px !important;
}

[data-padding-bottom="183"] {
    padding-bottom: 183px !important;
}

[data-padding-top="184"] {
    padding-top: 184px !important;
}

[data-padding-bottom="184"] {
    padding-bottom: 184px !important;
}

[data-padding-top="185"] {
    padding-top: 185px !important;
}

[data-padding-bottom="185"] {
    padding-bottom: 185px !important;
}

[data-padding-top="186"] {
    padding-top: 186px !important;
}

[data-padding-bottom="186"] {
    padding-bottom: 186px !important;
}

[data-padding-top="187"] {
    padding-top: 187px !important;
}

[data-padding-bottom="187"] {
    padding-bottom: 187px !important;
}

[data-padding-top="188"] {
    padding-top: 188px !important;
}

[data-padding-bottom="188"] {
    padding-bottom: 188px !important;
}

[data-padding-top="189"] {
    padding-top: 189px !important;
}

[data-padding-bottom="189"] {
    padding-bottom: 189px !important;
}

[data-padding-top="190"] {
    padding-top: 190px !important;
}

[data-padding-bottom="190"] {
    padding-bottom: 190px !important;
}

[data-padding-top="191"] {
    padding-top: 191px !important;
}

[data-padding-bottom="191"] {
    padding-bottom: 191px !important;
}

[data-padding-top="192"] {
    padding-top: 192px !important;
}

[data-padding-bottom="192"] {
    padding-bottom: 192px !important;
}

[data-padding-top="193"] {
    padding-top: 193px !important;
}

[data-padding-bottom="193"] {
    padding-bottom: 193px !important;
}

[data-padding-top="194"] {
    padding-top: 194px !important;
}

[data-padding-bottom="194"] {
    padding-bottom: 194px !important;
}

[data-padding-top="195"] {
    padding-top: 195px !important;
}

[data-padding-bottom="195"] {
    padding-bottom: 195px !important;
}

[data-padding-top="196"] {
    padding-top: 196px !important;
}

[data-padding-bottom="196"] {
    padding-bottom: 196px !important;
}

[data-padding-top="197"] {
    padding-top: 197px !important;
}

[data-padding-bottom="197"] {
    padding-bottom: 197px !important;
}

[data-padding-top="198"] {
    padding-top: 198px !important;
}

[data-padding-bottom="198"] {
    padding-bottom: 198px !important;
}

[data-padding-top="199"] {
    padding-top: 199px !important;
}

[data-padding-bottom="199"] {
    padding-bottom: 199px !important;
}

[data-padding-top="200"] {
    padding-top: 200px !important;
}

[data-padding-bottom="200"] {
    padding-bottom: 200px !important;
}

[data-padding-top="201"] {
    padding-top: 201px !important;
}

[data-padding-bottom="201"] {
    padding-bottom: 201px !important;
}

[data-padding-top="202"] {
    padding-top: 202px !important;
}

[data-padding-bottom="202"] {
    padding-bottom: 202px !important;
}

[data-padding-top="203"] {
    padding-top: 203px !important;
}

[data-padding-bottom="203"] {
    padding-bottom: 203px !important;
}

[data-padding-top="204"] {
    padding-top: 204px !important;
}

[data-padding-bottom="204"] {
    padding-bottom: 204px !important;
}

[data-padding-top="205"] {
    padding-top: 205px !important;
}

[data-padding-bottom="205"] {
    padding-bottom: 205px !important;
}

[data-padding-top="206"] {
    padding-top: 206px !important;
}

[data-padding-bottom="206"] {
    padding-bottom: 206px !important;
}

[data-padding-top="207"] {
    padding-top: 207px !important;
}

[data-padding-bottom="207"] {
    padding-bottom: 207px !important;
}

[data-padding-top="208"] {
    padding-top: 208px !important;
}

[data-padding-bottom="208"] {
    padding-bottom: 208px !important;
}

[data-padding-top="209"] {
    padding-top: 209px !important;
}

[data-padding-bottom="209"] {
    padding-bottom: 209px !important;
}

[data-padding-top="210"] {
    padding-top: 210px !important;
}

[data-padding-bottom="210"] {
    padding-bottom: 210px !important;
}

[data-padding-top="211"] {
    padding-top: 211px !important;
}

[data-padding-bottom="211"] {
    padding-bottom: 211px !important;
}

[data-padding-top="212"] {
    padding-top: 212px !important;
}

[data-padding-bottom="212"] {
    padding-bottom: 212px !important;
}

[data-padding-top="213"] {
    padding-top: 213px !important;
}

[data-padding-bottom="213"] {
    padding-bottom: 213px !important;
}

[data-padding-top="214"] {
    padding-top: 214px !important;
}

[data-padding-bottom="214"] {
    padding-bottom: 214px !important;
}

[data-padding-top="215"] {
    padding-top: 215px !important;
}

[data-padding-bottom="215"] {
    padding-bottom: 215px !important;
}

[data-padding-top="216"] {
    padding-top: 216px !important;
}

[data-padding-bottom="216"] {
    padding-bottom: 216px !important;
}

[data-padding-top="217"] {
    padding-top: 217px !important;
}

[data-padding-bottom="217"] {
    padding-bottom: 217px !important;
}

[data-padding-top="218"] {
    padding-top: 218px !important;
}

[data-padding-bottom="218"] {
    padding-bottom: 218px !important;
}

[data-padding-top="219"] {
    padding-top: 219px !important;
}

[data-padding-bottom="219"] {
    padding-bottom: 219px !important;
}

[data-padding-top="220"] {
    padding-top: 220px !important;
}

[data-padding-bottom="220"] {
    padding-bottom: 220px !important;
}

[data-padding-top="221"] {
    padding-top: 221px !important;
}

[data-padding-bottom="221"] {
    padding-bottom: 221px !important;
}

[data-padding-top="222"] {
    padding-top: 222px !important;
}

[data-padding-bottom="222"] {
    padding-bottom: 222px !important;
}

[data-padding-top="223"] {
    padding-top: 223px !important;
}

[data-padding-bottom="223"] {
    padding-bottom: 223px !important;
}

[data-padding-top="224"] {
    padding-top: 224px !important;
}

[data-padding-bottom="224"] {
    padding-bottom: 224px !important;
}

[data-padding-top="225"] {
    padding-top: 225px !important;
}

[data-padding-bottom="225"] {
    padding-bottom: 225px !important;
}

[data-padding-top="226"] {
    padding-top: 226px !important;
}

[data-padding-bottom="226"] {
    padding-bottom: 226px !important;
}

[data-padding-top="227"] {
    padding-top: 227px !important;
}

[data-padding-bottom="227"] {
    padding-bottom: 227px !important;
}

[data-padding-top="228"] {
    padding-top: 228px !important;
}

[data-padding-bottom="228"] {
    padding-bottom: 228px !important;
}

[data-padding-top="229"] {
    padding-top: 229px !important;
}

[data-padding-bottom="229"] {
    padding-bottom: 229px !important;
}

[data-padding-top="230"] {
    padding-top: 230px !important;
}

[data-padding-bottom="230"] {
    padding-bottom: 230px !important;
}

[data-padding-top="231"] {
    padding-top: 231px !important;
}

[data-padding-bottom="231"] {
    padding-bottom: 231px !important;
}

[data-padding-top="232"] {
    padding-top: 232px !important;
}

[data-padding-bottom="232"] {
    padding-bottom: 232px !important;
}

[data-padding-top="233"] {
    padding-top: 233px !important;
}

[data-padding-bottom="233"] {
    padding-bottom: 233px !important;
}

[data-padding-top="234"] {
    padding-top: 234px !important;
}

[data-padding-bottom="234"] {
    padding-bottom: 234px !important;
}

[data-padding-top="235"] {
    padding-top: 235px !important;
}

[data-padding-bottom="235"] {
    padding-bottom: 235px !important;
}

[data-padding-top="236"] {
    padding-top: 236px !important;
}

[data-padding-bottom="236"] {
    padding-bottom: 236px !important;
}

[data-padding-top="237"] {
    padding-top: 237px !important;
}

[data-padding-bottom="237"] {
    padding-bottom: 237px !important;
}

[data-padding-top="238"] {
    padding-top: 238px !important;
}

[data-padding-bottom="238"] {
    padding-bottom: 238px !important;
}

[data-padding-top="239"] {
    padding-top: 239px !important;
}

[data-padding-bottom="239"] {
    padding-bottom: 239px !important;
}

[data-padding-top="240"] {
    padding-top: 240px !important;
}

[data-padding-bottom="240"] {
    padding-bottom: 240px !important;
}

[data-padding-top="241"] {
    padding-top: 241px !important;
}

[data-padding-bottom="241"] {
    padding-bottom: 241px !important;
}

[data-padding-top="242"] {
    padding-top: 242px !important;
}

[data-padding-bottom="242"] {
    padding-bottom: 242px !important;
}

[data-padding-top="243"] {
    padding-top: 243px !important;
}

[data-padding-bottom="243"] {
    padding-bottom: 243px !important;
}

[data-padding-top="244"] {
    padding-top: 244px !important;
}

[data-padding-bottom="244"] {
    padding-bottom: 244px !important;
}

[data-padding-top="245"] {
    padding-top: 245px !important;
}

[data-padding-bottom="245"] {
    padding-bottom: 245px !important;
}

[data-padding-top="246"] {
    padding-top: 246px !important;
}

[data-padding-bottom="246"] {
    padding-bottom: 246px !important;
}

[data-padding-top="247"] {
    padding-top: 247px !important;
}

[data-padding-bottom="247"] {
    padding-bottom: 247px !important;
}

[data-padding-top="248"] {
    padding-top: 248px !important;
}

[data-padding-bottom="248"] {
    padding-bottom: 248px !important;
}

[data-padding-top="249"] {
    padding-top: 249px !important;
}

[data-padding-bottom="249"] {
    padding-bottom: 249px !important;
}

[data-padding-top="250"] {
    padding-top: 250px !important;
}

[data-padding-bottom="250"] {
    padding-bottom: 250px !important;
}

[data-padding-top="251"] {
    padding-top: 251px !important;
}

[data-padding-bottom="251"] {
    padding-bottom: 251px !important;
}

[data-padding-top="252"] {
    padding-top: 252px !important;
}

[data-padding-bottom="252"] {
    padding-bottom: 252px !important;
}

[data-padding-top="253"] {
    padding-top: 253px !important;
}

[data-padding-bottom="253"] {
    padding-bottom: 253px !important;
}

[data-padding-top="254"] {
    padding-top: 254px !important;
}

[data-padding-bottom="254"] {
    padding-bottom: 254px !important;
}

[data-padding-top="255"] {
    padding-top: 255px !important;
}

[data-padding-bottom="255"] {
    padding-bottom: 255px !important;
}

[data-padding-top="256"] {
    padding-top: 256px !important;
}

[data-padding-bottom="256"] {
    padding-bottom: 256px !important;
}

[data-padding-top="257"] {
    padding-top: 257px !important;
}

[data-padding-bottom="257"] {
    padding-bottom: 257px !important;
}

[data-padding-top="258"] {
    padding-top: 258px !important;
}

[data-padding-bottom="258"] {
    padding-bottom: 258px !important;
}

[data-padding-top="259"] {
    padding-top: 259px !important;
}

[data-padding-bottom="259"] {
    padding-bottom: 259px !important;
}

[data-padding-top="260"] {
    padding-top: 260px !important;
}

[data-padding-bottom="260"] {
    padding-bottom: 260px !important;
}

[data-padding-top="261"] {
    padding-top: 261px !important;
}

[data-padding-bottom="261"] {
    padding-bottom: 261px !important;
}

[data-padding-top="262"] {
    padding-top: 262px !important;
}

[data-padding-bottom="262"] {
    padding-bottom: 262px !important;
}

[data-padding-top="263"] {
    padding-top: 263px !important;
}

[data-padding-bottom="263"] {
    padding-bottom: 263px !important;
}

[data-padding-top="264"] {
    padding-top: 264px !important;
}

[data-padding-bottom="264"] {
    padding-bottom: 264px !important;
}

[data-padding-top="265"] {
    padding-top: 265px !important;
}

[data-padding-bottom="265"] {
    padding-bottom: 265px !important;
}

[data-padding-top="266"] {
    padding-top: 266px !important;
}

[data-padding-bottom="266"] {
    padding-bottom: 266px !important;
}

[data-padding-top="267"] {
    padding-top: 267px !important;
}

[data-padding-bottom="267"] {
    padding-bottom: 267px !important;
}

[data-padding-top="268"] {
    padding-top: 268px !important;
}

[data-padding-bottom="268"] {
    padding-bottom: 268px !important;
}

[data-padding-top="269"] {
    padding-top: 269px !important;
}

[data-padding-bottom="269"] {
    padding-bottom: 269px !important;
}

[data-padding-top="270"] {
    padding-top: 270px !important;
}

[data-padding-bottom="270"] {
    padding-bottom: 270px !important;
}

[data-padding-top="271"] {
    padding-top: 271px !important;
}

[data-padding-bottom="271"] {
    padding-bottom: 271px !important;
}

[data-padding-top="272"] {
    padding-top: 272px !important;
}

[data-padding-bottom="272"] {
    padding-bottom: 272px !important;
}

[data-padding-top="273"] {
    padding-top: 273px !important;
}

[data-padding-bottom="273"] {
    padding-bottom: 273px !important;
}

[data-padding-top="274"] {
    padding-top: 274px !important;
}

[data-padding-bottom="274"] {
    padding-bottom: 274px !important;
}

[data-padding-top="275"] {
    padding-top: 275px !important;
}

[data-padding-bottom="275"] {
    padding-bottom: 275px !important;
}

[data-padding-top="276"] {
    padding-top: 276px !important;
}

[data-padding-bottom="276"] {
    padding-bottom: 276px !important;
}

[data-padding-top="277"] {
    padding-top: 277px !important;
}

[data-padding-bottom="277"] {
    padding-bottom: 277px !important;
}

[data-padding-top="278"] {
    padding-top: 278px !important;
}

[data-padding-bottom="278"] {
    padding-bottom: 278px !important;
}

[data-padding-top="279"] {
    padding-top: 279px !important;
}

[data-padding-bottom="279"] {
    padding-bottom: 279px !important;
}

[data-padding-top="280"] {
    padding-top: 280px !important;
}

[data-padding-bottom="280"] {
    padding-bottom: 280px !important;
}

[data-padding-top="281"] {
    padding-top: 281px !important;
}

[data-padding-bottom="281"] {
    padding-bottom: 281px !important;
}

[data-padding-top="282"] {
    padding-top: 282px !important;
}

[data-padding-bottom="282"] {
    padding-bottom: 282px !important;
}

[data-padding-top="283"] {
    padding-top: 283px !important;
}

[data-padding-bottom="283"] {
    padding-bottom: 283px !important;
}

[data-padding-top="284"] {
    padding-top: 284px !important;
}

[data-padding-bottom="284"] {
    padding-bottom: 284px !important;
}

[data-padding-top="285"] {
    padding-top: 285px !important;
}

[data-padding-bottom="285"] {
    padding-bottom: 285px !important;
}

[data-padding-top="286"] {
    padding-top: 286px !important;
}

[data-padding-bottom="286"] {
    padding-bottom: 286px !important;
}

[data-padding-top="287"] {
    padding-top: 287px !important;
}

[data-padding-bottom="287"] {
    padding-bottom: 287px !important;
}

[data-padding-top="288"] {
    padding-top: 288px !important;
}

[data-padding-bottom="288"] {
    padding-bottom: 288px !important;
}

[data-padding-top="289"] {
    padding-top: 289px !important;
}

[data-padding-bottom="289"] {
    padding-bottom: 289px !important;
}

[data-padding-top="290"] {
    padding-top: 290px !important;
}

[data-padding-bottom="290"] {
    padding-bottom: 290px !important;
}

[data-padding-top="291"] {
    padding-top: 291px !important;
}

[data-padding-bottom="291"] {
    padding-bottom: 291px !important;
}

[data-padding-top="292"] {
    padding-top: 292px !important;
}

[data-padding-bottom="292"] {
    padding-bottom: 292px !important;
}

[data-padding-top="293"] {
    padding-top: 293px !important;
}

[data-padding-bottom="293"] {
    padding-bottom: 293px !important;
}

[data-padding-top="294"] {
    padding-top: 294px !important;
}

[data-padding-bottom="294"] {
    padding-bottom: 294px !important;
}

[data-padding-top="295"] {
    padding-top: 295px !important;
}

[data-padding-bottom="295"] {
    padding-bottom: 295px !important;
}

[data-padding-top="296"] {
    padding-top: 296px !important;
}

[data-padding-bottom="296"] {
    padding-bottom: 296px !important;
}

[data-padding-top="297"] {
    padding-top: 297px !important;
}

[data-padding-bottom="297"] {
    padding-bottom: 297px !important;
}

[data-padding-top="298"] {
    padding-top: 298px !important;
}

[data-padding-bottom="298"] {
    padding-bottom: 298px !important;
}

[data-padding-top="299"] {
    padding-top: 299px !important;
}

[data-padding-bottom="299"] {
    padding-bottom: 299px !important;
}

[data-padding-top="300"] {
    padding-top: 300px !important;
}

[data-padding-bottom="300"] {
    padding-bottom: 300px !important;
}

[data-padding-top="301"] {
    padding-top: 301px !important;
}

[data-padding-bottom="301"] {
    padding-bottom: 301px !important;
}

[data-padding-top="302"] {
    padding-top: 302px !important;
}

[data-padding-bottom="302"] {
    padding-bottom: 302px !important;
}

[data-padding-top="303"] {
    padding-top: 303px !important;
}

[data-padding-bottom="303"] {
    padding-bottom: 303px !important;
}

[data-padding-top="304"] {
    padding-top: 304px !important;
}

[data-padding-bottom="304"] {
    padding-bottom: 304px !important;
}

[data-padding-top="305"] {
    padding-top: 305px !important;
}

[data-padding-bottom="305"] {
    padding-bottom: 305px !important;
}

[data-padding-top="306"] {
    padding-top: 306px !important;
}

[data-padding-bottom="306"] {
    padding-bottom: 306px !important;
}

[data-padding-top="307"] {
    padding-top: 307px !important;
}

[data-padding-bottom="307"] {
    padding-bottom: 307px !important;
}

[data-padding-top="308"] {
    padding-top: 308px !important;
}

[data-padding-bottom="308"] {
    padding-bottom: 308px !important;
}

[data-padding-top="309"] {
    padding-top: 309px !important;
}

[data-padding-bottom="309"] {
    padding-bottom: 309px !important;
}

[data-padding-top="310"] {
    padding-top: 310px !important;
}

[data-padding-bottom="310"] {
    padding-bottom: 310px !important;
}

[data-padding-top="311"] {
    padding-top: 311px !important;
}

[data-padding-bottom="311"] {
    padding-bottom: 311px !important;
}

[data-padding-top="312"] {
    padding-top: 312px !important;
}

[data-padding-bottom="312"] {
    padding-bottom: 312px !important;
}

[data-padding-top="313"] {
    padding-top: 313px !important;
}

[data-padding-bottom="313"] {
    padding-bottom: 313px !important;
}

[data-padding-top="314"] {
    padding-top: 314px !important;
}

[data-padding-bottom="314"] {
    padding-bottom: 314px !important;
}

[data-padding-top="315"] {
    padding-top: 315px !important;
}

[data-padding-bottom="315"] {
    padding-bottom: 315px !important;
}

[data-padding-top="316"] {
    padding-top: 316px !important;
}

[data-padding-bottom="316"] {
    padding-bottom: 316px !important;
}

[data-padding-top="317"] {
    padding-top: 317px !important;
}

[data-padding-bottom="317"] {
    padding-bottom: 317px !important;
}

[data-padding-top="318"] {
    padding-top: 318px !important;
}

[data-padding-bottom="318"] {
    padding-bottom: 318px !important;
}

[data-padding-top="319"] {
    padding-top: 319px !important;
}

[data-padding-bottom="319"] {
    padding-bottom: 319px !important;
}

[data-padding-top="320"] {
    padding-top: 320px !important;
}

[data-padding-bottom="320"] {
    padding-bottom: 320px !important;
}

[data-padding-top="321"] {
    padding-top: 321px !important;
}

[data-padding-bottom="321"] {
    padding-bottom: 321px !important;
}

[data-padding-top="322"] {
    padding-top: 322px !important;
}

[data-padding-bottom="322"] {
    padding-bottom: 322px !important;
}

[data-padding-top="323"] {
    padding-top: 323px !important;
}

[data-padding-bottom="323"] {
    padding-bottom: 323px !important;
}

[data-padding-top="324"] {
    padding-top: 324px !important;
}

[data-padding-bottom="324"] {
    padding-bottom: 324px !important;
}

[data-padding-top="325"] {
    padding-top: 325px !important;
}

[data-padding-bottom="325"] {
    padding-bottom: 325px !important;
}

[data-padding-top="326"] {
    padding-top: 326px !important;
}

[data-padding-bottom="326"] {
    padding-bottom: 326px !important;
}

[data-padding-top="327"] {
    padding-top: 327px !important;
}

[data-padding-bottom="327"] {
    padding-bottom: 327px !important;
}

[data-padding-top="328"] {
    padding-top: 328px !important;
}

[data-padding-bottom="328"] {
    padding-bottom: 328px !important;
}

[data-padding-top="329"] {
    padding-top: 329px !important;
}

[data-padding-bottom="329"] {
    padding-bottom: 329px !important;
}

[data-padding-top="330"] {
    padding-top: 330px !important;
}

[data-padding-bottom="330"] {
    padding-bottom: 330px !important;
}

[data-padding-top="331"] {
    padding-top: 331px !important;
}

[data-padding-bottom="331"] {
    padding-bottom: 331px !important;
}

[data-padding-top="332"] {
    padding-top: 332px !important;
}

[data-padding-bottom="332"] {
    padding-bottom: 332px !important;
}

[data-padding-top="333"] {
    padding-top: 333px !important;
}

[data-padding-bottom="333"] {
    padding-bottom: 333px !important;
}

[data-padding-top="334"] {
    padding-top: 334px !important;
}

[data-padding-bottom="334"] {
    padding-bottom: 334px !important;
}

[data-padding-top="335"] {
    padding-top: 335px !important;
}

[data-padding-bottom="335"] {
    padding-bottom: 335px !important;
}

[data-padding-top="336"] {
    padding-top: 336px !important;
}

[data-padding-bottom="336"] {
    padding-bottom: 336px !important;
}

[data-padding-top="337"] {
    padding-top: 337px !important;
}

[data-padding-bottom="337"] {
    padding-bottom: 337px !important;
}

[data-padding-top="338"] {
    padding-top: 338px !important;
}

[data-padding-bottom="338"] {
    padding-bottom: 338px !important;
}

[data-padding-top="339"] {
    padding-top: 339px !important;
}

[data-padding-bottom="339"] {
    padding-bottom: 339px !important;
}

[data-padding-top="340"] {
    padding-top: 340px !important;
}

[data-padding-bottom="340"] {
    padding-bottom: 340px !important;
}

[data-padding-top="341"] {
    padding-top: 341px !important;
}

[data-padding-bottom="341"] {
    padding-bottom: 341px !important;
}

[data-padding-top="342"] {
    padding-top: 342px !important;
}

[data-padding-bottom="342"] {
    padding-bottom: 342px !important;
}

[data-padding-top="343"] {
    padding-top: 343px !important;
}

[data-padding-bottom="343"] {
    padding-bottom: 343px !important;
}

[data-padding-top="344"] {
    padding-top: 344px !important;
}

[data-padding-bottom="344"] {
    padding-bottom: 344px !important;
}

[data-padding-top="345"] {
    padding-top: 345px !important;
}

[data-padding-bottom="345"] {
    padding-bottom: 345px !important;
}

[data-padding-top="346"] {
    padding-top: 346px !important;
}

[data-padding-bottom="346"] {
    padding-bottom: 346px !important;
}

[data-padding-top="347"] {
    padding-top: 347px !important;
}

[data-padding-bottom="347"] {
    padding-bottom: 347px !important;
}

[data-padding-top="348"] {
    padding-top: 348px !important;
}

[data-padding-bottom="348"] {
    padding-bottom: 348px !important;
}

[data-padding-top="349"] {
    padding-top: 349px !important;
}

[data-padding-bottom="349"] {
    padding-bottom: 349px !important;
}

[data-padding-top="350"] {
    padding-top: 350px !important;
}

[data-padding-bottom="350"] {
    padding-bottom: 350px !important;
}

[data-padding-top="351"] {
    padding-top: 351px !important;
}

[data-padding-bottom="351"] {
    padding-bottom: 351px !important;
}

[data-padding-top="352"] {
    padding-top: 352px !important;
}

[data-padding-bottom="352"] {
    padding-bottom: 352px !important;
}

[data-padding-top="353"] {
    padding-top: 353px !important;
}

[data-padding-bottom="353"] {
    padding-bottom: 353px !important;
}

[data-padding-top="354"] {
    padding-top: 354px !important;
}

[data-padding-bottom="354"] {
    padding-bottom: 354px !important;
}

[data-padding-top="355"] {
    padding-top: 355px !important;
}

[data-padding-bottom="355"] {
    padding-bottom: 355px !important;
}

[data-padding-top="356"] {
    padding-top: 356px !important;
}

[data-padding-bottom="356"] {
    padding-bottom: 356px !important;
}

[data-padding-top="357"] {
    padding-top: 357px !important;
}

[data-padding-bottom="357"] {
    padding-bottom: 357px !important;
}

[data-padding-top="358"] {
    padding-top: 358px !important;
}

[data-padding-bottom="358"] {
    padding-bottom: 358px !important;
}

[data-padding-top="359"] {
    padding-top: 359px !important;
}

[data-padding-bottom="359"] {
    padding-bottom: 359px !important;
}

[data-padding-top="360"] {
    padding-top: 360px !important;
}

[data-padding-bottom="360"] {
    padding-bottom: 360px !important;
}

[data-padding-top="361"] {
    padding-top: 361px !important;
}

[data-padding-bottom="361"] {
    padding-bottom: 361px !important;
}

[data-padding-top="362"] {
    padding-top: 362px !important;
}

[data-padding-bottom="362"] {
    padding-bottom: 362px !important;
}

[data-padding-top="363"] {
    padding-top: 363px !important;
}

[data-padding-bottom="363"] {
    padding-bottom: 363px !important;
}

[data-padding-top="364"] {
    padding-top: 364px !important;
}

[data-padding-bottom="364"] {
    padding-bottom: 364px !important;
}

[data-padding-top="365"] {
    padding-top: 365px !important;
}

[data-padding-bottom="365"] {
    padding-bottom: 365px !important;
}

[data-padding-top="366"] {
    padding-top: 366px !important;
}

[data-padding-bottom="366"] {
    padding-bottom: 366px !important;
}

[data-padding-top="367"] {
    padding-top: 367px !important;
}

[data-padding-bottom="367"] {
    padding-bottom: 367px !important;
}

[data-padding-top="368"] {
    padding-top: 368px !important;
}

[data-padding-bottom="368"] {
    padding-bottom: 368px !important;
}

[data-padding-top="369"] {
    padding-top: 369px !important;
}

[data-padding-bottom="369"] {
    padding-bottom: 369px !important;
}

[data-padding-top="370"] {
    padding-top: 370px !important;
}

[data-padding-bottom="370"] {
    padding-bottom: 370px !important;
}

[data-padding-top="371"] {
    padding-top: 371px !important;
}

[data-padding-bottom="371"] {
    padding-bottom: 371px !important;
}

[data-padding-top="372"] {
    padding-top: 372px !important;
}

[data-padding-bottom="372"] {
    padding-bottom: 372px !important;
}

[data-padding-top="373"] {
    padding-top: 373px !important;
}

[data-padding-bottom="373"] {
    padding-bottom: 373px !important;
}

[data-padding-top="374"] {
    padding-top: 374px !important;
}

[data-padding-bottom="374"] {
    padding-bottom: 374px !important;
}

[data-padding-top="375"] {
    padding-top: 375px !important;
}

[data-padding-bottom="375"] {
    padding-bottom: 375px !important;
}

[data-padding-top="376"] {
    padding-top: 376px !important;
}

[data-padding-bottom="376"] {
    padding-bottom: 376px !important;
}

[data-padding-top="377"] {
    padding-top: 377px !important;
}

[data-padding-bottom="377"] {
    padding-bottom: 377px !important;
}

[data-padding-top="378"] {
    padding-top: 378px !important;
}

[data-padding-bottom="378"] {
    padding-bottom: 378px !important;
}

[data-padding-top="379"] {
    padding-top: 379px !important;
}

[data-padding-bottom="379"] {
    padding-bottom: 379px !important;
}

[data-padding-top="380"] {
    padding-top: 380px !important;
}

[data-padding-bottom="380"] {
    padding-bottom: 380px !important;
}

[data-padding-top="381"] {
    padding-top: 381px !important;
}

[data-padding-bottom="381"] {
    padding-bottom: 381px !important;
}

[data-padding-top="382"] {
    padding-top: 382px !important;
}

[data-padding-bottom="382"] {
    padding-bottom: 382px !important;
}

[data-padding-top="383"] {
    padding-top: 383px !important;
}

[data-padding-bottom="383"] {
    padding-bottom: 383px !important;
}

[data-padding-top="384"] {
    padding-top: 384px !important;
}

[data-padding-bottom="384"] {
    padding-bottom: 384px !important;
}

[data-padding-top="385"] {
    padding-top: 385px !important;
}

[data-padding-bottom="385"] {
    padding-bottom: 385px !important;
}

[data-padding-top="386"] {
    padding-top: 386px !important;
}

[data-padding-bottom="386"] {
    padding-bottom: 386px !important;
}

[data-padding-top="387"] {
    padding-top: 387px !important;
}

[data-padding-bottom="387"] {
    padding-bottom: 387px !important;
}

[data-padding-top="388"] {
    padding-top: 388px !important;
}

[data-padding-bottom="388"] {
    padding-bottom: 388px !important;
}

[data-padding-top="389"] {
    padding-top: 389px !important;
}

[data-padding-bottom="389"] {
    padding-bottom: 389px !important;
}

[data-padding-top="390"] {
    padding-top: 390px !important;
}

[data-padding-bottom="390"] {
    padding-bottom: 390px !important;
}

[data-padding-top="391"] {
    padding-top: 391px !important;
}

[data-padding-bottom="391"] {
    padding-bottom: 391px !important;
}

[data-padding-top="392"] {
    padding-top: 392px !important;
}

[data-padding-bottom="392"] {
    padding-bottom: 392px !important;
}

[data-padding-top="393"] {
    padding-top: 393px !important;
}

[data-padding-bottom="393"] {
    padding-bottom: 393px !important;
}

[data-padding-top="394"] {
    padding-top: 394px !important;
}

[data-padding-bottom="394"] {
    padding-bottom: 394px !important;
}

[data-padding-top="395"] {
    padding-top: 395px !important;
}

[data-padding-bottom="395"] {
    padding-bottom: 395px !important;
}

[data-padding-top="396"] {
    padding-top: 396px !important;
}

[data-padding-bottom="396"] {
    padding-bottom: 396px !important;
}

[data-padding-top="397"] {
    padding-top: 397px !important;
}

[data-padding-bottom="397"] {
    padding-bottom: 397px !important;
}

[data-padding-top="398"] {
    padding-top: 398px !important;
}

[data-padding-bottom="398"] {
    padding-bottom: 398px !important;
}

[data-padding-top="399"] {
    padding-top: 399px !important;
}

[data-padding-bottom="399"] {
    padding-bottom: 399px !important;
}

[data-padding-top="400"] {
    padding-top: 400px !important;
}

[data-padding-bottom="400"] {
    padding-bottom: 400px !important;
}

[data-padding-top="401"] {
    padding-top: 401px !important;
}

[data-padding-bottom="401"] {
    padding-bottom: 401px !important;
}

[data-padding-top="402"] {
    padding-top: 402px !important;
}

[data-padding-bottom="402"] {
    padding-bottom: 402px !important;
}

[data-padding-top="403"] {
    padding-top: 403px !important;
}

[data-padding-bottom="403"] {
    padding-bottom: 403px !important;
}

[data-padding-top="404"] {
    padding-top: 404px !important;
}

[data-padding-bottom="404"] {
    padding-bottom: 404px !important;
}

[data-padding-top="405"] {
    padding-top: 405px !important;
}

[data-padding-bottom="405"] {
    padding-bottom: 405px !important;
}

[data-padding-top="406"] {
    padding-top: 406px !important;
}

[data-padding-bottom="406"] {
    padding-bottom: 406px !important;
}

[data-padding-top="407"] {
    padding-top: 407px !important;
}

[data-padding-bottom="407"] {
    padding-bottom: 407px !important;
}

[data-padding-top="408"] {
    padding-top: 408px !important;
}

[data-padding-bottom="408"] {
    padding-bottom: 408px !important;
}

[data-padding-top="409"] {
    padding-top: 409px !important;
}

[data-padding-bottom="409"] {
    padding-bottom: 409px !important;
}

[data-padding-top="410"] {
    padding-top: 410px !important;
}

[data-padding-bottom="410"] {
    padding-bottom: 410px !important;
}

[data-padding-top="411"] {
    padding-top: 411px !important;
}

[data-padding-bottom="411"] {
    padding-bottom: 411px !important;
}

[data-padding-top="412"] {
    padding-top: 412px !important;
}

[data-padding-bottom="412"] {
    padding-bottom: 412px !important;
}

[data-padding-top="413"] {
    padding-top: 413px !important;
}

[data-padding-bottom="413"] {
    padding-bottom: 413px !important;
}

[data-padding-top="414"] {
    padding-top: 414px !important;
}

[data-padding-bottom="414"] {
    padding-bottom: 414px !important;
}

[data-padding-top="415"] {
    padding-top: 415px !important;
}

[data-padding-bottom="415"] {
    padding-bottom: 415px !important;
}

[data-padding-top="416"] {
    padding-top: 416px !important;
}

[data-padding-bottom="416"] {
    padding-bottom: 416px !important;
}

[data-padding-top="417"] {
    padding-top: 417px !important;
}

[data-padding-bottom="417"] {
    padding-bottom: 417px !important;
}

[data-padding-top="418"] {
    padding-top: 418px !important;
}

[data-padding-bottom="418"] {
    padding-bottom: 418px !important;
}

[data-padding-top="419"] {
    padding-top: 419px !important;
}

[data-padding-bottom="419"] {
    padding-bottom: 419px !important;
}

[data-padding-top="420"] {
    padding-top: 420px !important;
}

[data-padding-bottom="420"] {
    padding-bottom: 420px !important;
}

[data-padding-top="421"] {
    padding-top: 421px !important;
}

[data-padding-bottom="421"] {
    padding-bottom: 421px !important;
}

[data-padding-top="422"] {
    padding-top: 422px !important;
}

[data-padding-bottom="422"] {
    padding-bottom: 422px !important;
}

[data-padding-top="423"] {
    padding-top: 423px !important;
}

[data-padding-bottom="423"] {
    padding-bottom: 423px !important;
}

[data-padding-top="424"] {
    padding-top: 424px !important;
}

[data-padding-bottom="424"] {
    padding-bottom: 424px !important;
}

[data-padding-top="425"] {
    padding-top: 425px !important;
}

[data-padding-bottom="425"] {
    padding-bottom: 425px !important;
}

[data-padding-top="426"] {
    padding-top: 426px !important;
}

[data-padding-bottom="426"] {
    padding-bottom: 426px !important;
}

[data-padding-top="427"] {
    padding-top: 427px !important;
}

[data-padding-bottom="427"] {
    padding-bottom: 427px !important;
}

[data-padding-top="428"] {
    padding-top: 428px !important;
}

[data-padding-bottom="428"] {
    padding-bottom: 428px !important;
}

[data-padding-top="429"] {
    padding-top: 429px !important;
}

[data-padding-bottom="429"] {
    padding-bottom: 429px !important;
}

[data-padding-top="430"] {
    padding-top: 430px !important;
}

[data-padding-bottom="430"] {
    padding-bottom: 430px !important;
}

[data-padding-top="431"] {
    padding-top: 431px !important;
}

[data-padding-bottom="431"] {
    padding-bottom: 431px !important;
}

[data-padding-top="432"] {
    padding-top: 432px !important;
}

[data-padding-bottom="432"] {
    padding-bottom: 432px !important;
}

[data-padding-top="433"] {
    padding-top: 433px !important;
}

[data-padding-bottom="433"] {
    padding-bottom: 433px !important;
}

[data-padding-top="434"] {
    padding-top: 434px !important;
}

[data-padding-bottom="434"] {
    padding-bottom: 434px !important;
}

[data-padding-top="435"] {
    padding-top: 435px !important;
}

[data-padding-bottom="435"] {
    padding-bottom: 435px !important;
}

[data-padding-top="436"] {
    padding-top: 436px !important;
}

[data-padding-bottom="436"] {
    padding-bottom: 436px !important;
}

[data-padding-top="437"] {
    padding-top: 437px !important;
}

[data-padding-bottom="437"] {
    padding-bottom: 437px !important;
}

[data-padding-top="438"] {
    padding-top: 438px !important;
}

[data-padding-bottom="438"] {
    padding-bottom: 438px !important;
}

[data-padding-top="439"] {
    padding-top: 439px !important;
}

[data-padding-bottom="439"] {
    padding-bottom: 439px !important;
}

[data-padding-top="440"] {
    padding-top: 440px !important;
}

[data-padding-bottom="440"] {
    padding-bottom: 440px !important;
}

[data-padding-top="441"] {
    padding-top: 441px !important;
}

[data-padding-bottom="441"] {
    padding-bottom: 441px !important;
}

[data-padding-top="442"] {
    padding-top: 442px !important;
}

[data-padding-bottom="442"] {
    padding-bottom: 442px !important;
}

[data-padding-top="443"] {
    padding-top: 443px !important;
}

[data-padding-bottom="443"] {
    padding-bottom: 443px !important;
}

[data-padding-top="444"] {
    padding-top: 444px !important;
}

[data-padding-bottom="444"] {
    padding-bottom: 444px !important;
}

[data-padding-top="445"] {
    padding-top: 445px !important;
}

[data-padding-bottom="445"] {
    padding-bottom: 445px !important;
}

[data-padding-top="446"] {
    padding-top: 446px !important;
}

[data-padding-bottom="446"] {
    padding-bottom: 446px !important;
}

[data-padding-top="447"] {
    padding-top: 447px !important;
}

[data-padding-bottom="447"] {
    padding-bottom: 447px !important;
}

[data-padding-top="448"] {
    padding-top: 448px !important;
}

[data-padding-bottom="448"] {
    padding-bottom: 448px !important;
}

[data-padding-top="449"] {
    padding-top: 449px !important;
}

[data-padding-bottom="449"] {
    padding-bottom: 449px !important;
}

[data-padding-top="450"] {
    padding-top: 450px !important;
}

[data-padding-bottom="450"] {
    padding-bottom: 450px !important;
}

[data-padding-top="451"] {
    padding-top: 451px !important;
}

[data-padding-bottom="451"] {
    padding-bottom: 451px !important;
}

[data-padding-top="452"] {
    padding-top: 452px !important;
}

[data-padding-bottom="452"] {
    padding-bottom: 452px !important;
}

[data-padding-top="453"] {
    padding-top: 453px !important;
}

[data-padding-bottom="453"] {
    padding-bottom: 453px !important;
}

[data-padding-top="454"] {
    padding-top: 454px !important;
}

[data-padding-bottom="454"] {
    padding-bottom: 454px !important;
}

[data-padding-top="455"] {
    padding-top: 455px !important;
}

[data-padding-bottom="455"] {
    padding-bottom: 455px !important;
}

[data-padding-top="456"] {
    padding-top: 456px !important;
}

[data-padding-bottom="456"] {
    padding-bottom: 456px !important;
}

[data-padding-top="457"] {
    padding-top: 457px !important;
}

[data-padding-bottom="457"] {
    padding-bottom: 457px !important;
}

[data-padding-top="458"] {
    padding-top: 458px !important;
}

[data-padding-bottom="458"] {
    padding-bottom: 458px !important;
}

[data-padding-top="459"] {
    padding-top: 459px !important;
}

[data-padding-bottom="459"] {
    padding-bottom: 459px !important;
}

[data-padding-top="460"] {
    padding-top: 460px !important;
}

[data-padding-bottom="460"] {
    padding-bottom: 460px !important;
}

[data-padding-top="461"] {
    padding-top: 461px !important;
}

[data-padding-bottom="461"] {
    padding-bottom: 461px !important;
}

[data-padding-top="462"] {
    padding-top: 462px !important;
}

[data-padding-bottom="462"] {
    padding-bottom: 462px !important;
}

[data-padding-top="463"] {
    padding-top: 463px !important;
}

[data-padding-bottom="463"] {
    padding-bottom: 463px !important;
}

[data-padding-top="464"] {
    padding-top: 464px !important;
}

[data-padding-bottom="464"] {
    padding-bottom: 464px !important;
}

[data-padding-top="465"] {
    padding-top: 465px !important;
}

[data-padding-bottom="465"] {
    padding-bottom: 465px !important;
}

[data-padding-top="466"] {
    padding-top: 466px !important;
}

[data-padding-bottom="466"] {
    padding-bottom: 466px !important;
}

[data-padding-top="467"] {
    padding-top: 467px !important;
}

[data-padding-bottom="467"] {
    padding-bottom: 467px !important;
}

[data-padding-top="468"] {
    padding-top: 468px !important;
}

[data-padding-bottom="468"] {
    padding-bottom: 468px !important;
}

[data-padding-top="469"] {
    padding-top: 469px !important;
}

[data-padding-bottom="469"] {
    padding-bottom: 469px !important;
}

[data-padding-top="470"] {
    padding-top: 470px !important;
}

[data-padding-bottom="470"] {
    padding-bottom: 470px !important;
}

[data-padding-top="471"] {
    padding-top: 471px !important;
}

[data-padding-bottom="471"] {
    padding-bottom: 471px !important;
}

[data-padding-top="472"] {
    padding-top: 472px !important;
}

[data-padding-bottom="472"] {
    padding-bottom: 472px !important;
}

[data-padding-top="473"] {
    padding-top: 473px !important;
}

[data-padding-bottom="473"] {
    padding-bottom: 473px !important;
}

[data-padding-top="474"] {
    padding-top: 474px !important;
}

[data-padding-bottom="474"] {
    padding-bottom: 474px !important;
}

[data-padding-top="475"] {
    padding-top: 475px !important;
}

[data-padding-bottom="475"] {
    padding-bottom: 475px !important;
}

[data-padding-top="476"] {
    padding-top: 476px !important;
}

[data-padding-bottom="476"] {
    padding-bottom: 476px !important;
}

[data-padding-top="477"] {
    padding-top: 477px !important;
}

[data-padding-bottom="477"] {
    padding-bottom: 477px !important;
}

[data-padding-top="478"] {
    padding-top: 478px !important;
}

[data-padding-bottom="478"] {
    padding-bottom: 478px !important;
}

[data-padding-top="479"] {
    padding-top: 479px !important;
}

[data-padding-bottom="479"] {
    padding-bottom: 479px !important;
}

[data-padding-top="480"] {
    padding-top: 480px !important;
}

[data-padding-bottom="480"] {
    padding-bottom: 480px !important;
}

[data-padding-top="481"] {
    padding-top: 481px !important;
}

[data-padding-bottom="481"] {
    padding-bottom: 481px !important;
}

[data-padding-top="482"] {
    padding-top: 482px !important;
}

[data-padding-bottom="482"] {
    padding-bottom: 482px !important;
}

[data-padding-top="483"] {
    padding-top: 483px !important;
}

[data-padding-bottom="483"] {
    padding-bottom: 483px !important;
}

[data-padding-top="484"] {
    padding-top: 484px !important;
}

[data-padding-bottom="484"] {
    padding-bottom: 484px !important;
}

[data-padding-top="485"] {
    padding-top: 485px !important;
}

[data-padding-bottom="485"] {
    padding-bottom: 485px !important;
}

[data-padding-top="486"] {
    padding-top: 486px !important;
}

[data-padding-bottom="486"] {
    padding-bottom: 486px !important;
}

[data-padding-top="487"] {
    padding-top: 487px !important;
}

[data-padding-bottom="487"] {
    padding-bottom: 487px !important;
}

[data-padding-top="488"] {
    padding-top: 488px !important;
}

[data-padding-bottom="488"] {
    padding-bottom: 488px !important;
}

[data-padding-top="489"] {
    padding-top: 489px !important;
}

[data-padding-bottom="489"] {
    padding-bottom: 489px !important;
}

[data-padding-top="490"] {
    padding-top: 490px !important;
}

[data-padding-bottom="490"] {
    padding-bottom: 490px !important;
}

[data-padding-top="491"] {
    padding-top: 491px !important;
}

[data-padding-bottom="491"] {
    padding-bottom: 491px !important;
}

[data-padding-top="492"] {
    padding-top: 492px !important;
}

[data-padding-bottom="492"] {
    padding-bottom: 492px !important;
}

[data-padding-top="493"] {
    padding-top: 493px !important;
}

[data-padding-bottom="493"] {
    padding-bottom: 493px !important;
}

[data-padding-top="494"] {
    padding-top: 494px !important;
}

[data-padding-bottom="494"] {
    padding-bottom: 494px !important;
}

[data-padding-top="495"] {
    padding-top: 495px !important;
}

[data-padding-bottom="495"] {
    padding-bottom: 495px !important;
}

[data-padding-top="496"] {
    padding-top: 496px !important;
}

[data-padding-bottom="496"] {
    padding-bottom: 496px !important;
}

[data-padding-top="497"] {
    padding-top: 497px !important;
}

[data-padding-bottom="497"] {
    padding-bottom: 497px !important;
}

[data-padding-top="498"] {
    padding-top: 498px !important;
}

[data-padding-bottom="498"] {
    padding-bottom: 498px !important;
}

[data-padding-top="499"] {
    padding-top: 499px !important;
}

[data-padding-bottom="499"] {
    padding-bottom: 499px !important;
}

[data-padding-top="500"] {
    padding-top: 500px !important;
}

[data-padding-bottom="500"] {
    padding-bottom: 500px !important;
}

[data-margin-top="1"] {
    margin-top: 1px !important;
}

[data-margin-bottom="1"] {
    margin-bottom: 1px !important;
}

[data-margin-top="2"] {
    margin-top: 2px !important;
}

[data-margin-bottom="2"] {
    margin-bottom: 2px !important;
}

[data-margin-top="3"] {
    margin-top: 3px !important;
}

[data-margin-bottom="3"] {
    margin-bottom: 3px !important;
}

[data-margin-top="4"] {
    margin-top: 4px !important;
}

[data-margin-bottom="4"] {
    margin-bottom: 4px !important;
}

[data-margin-top="5"] {
    margin-top: 5px !important;
}

[data-margin-bottom="5"] {
    margin-bottom: 5px !important;
}

[data-margin-top="6"] {
    margin-top: 6px !important;
}

[data-margin-bottom="6"] {
    margin-bottom: 6px !important;
}

[data-margin-top="7"] {
    margin-top: 7px !important;
}

[data-margin-bottom="7"] {
    margin-bottom: 7px !important;
}

[data-margin-top="8"] {
    margin-top: 8px !important;
}

[data-margin-bottom="8"] {
    margin-bottom: 8px !important;
}

[data-margin-top="9"] {
    margin-top: 9px !important;
}

[data-margin-bottom="9"] {
    margin-bottom: 9px !important;
}

[data-margin-top="10"] {
    margin-top: 10px !important;
}

[data-margin-bottom="10"] {
    margin-bottom: 10px !important;
}

[data-margin-top="11"] {
    margin-top: 11px !important;
}

[data-margin-bottom="11"] {
    margin-bottom: 11px !important;
}

[data-margin-top="12"] {
    margin-top: 12px !important;
}

[data-margin-bottom="12"] {
    margin-bottom: 12px !important;
}

[data-margin-top="13"] {
    margin-top: 13px !important;
}

[data-margin-bottom="13"] {
    margin-bottom: 13px !important;
}

[data-margin-top="14"] {
    margin-top: 14px !important;
}

[data-margin-bottom="14"] {
    margin-bottom: 14px !important;
}

[data-margin-top="15"] {
    margin-top: 15px !important;
}

[data-margin-bottom="15"] {
    margin-bottom: 15px !important;
}

[data-margin-top="16"] {
    margin-top: 16px !important;
}

[data-margin-bottom="16"] {
    margin-bottom: 16px !important;
}

[data-margin-top="17"] {
    margin-top: 17px !important;
}

[data-margin-bottom="17"] {
    margin-bottom: 17px !important;
}

[data-margin-top="18"] {
    margin-top: 18px !important;
}

[data-margin-bottom="18"] {
    margin-bottom: 18px !important;
}

[data-margin-top="19"] {
    margin-top: 19px !important;
}

[data-margin-bottom="19"] {
    margin-bottom: 19px !important;
}

[data-margin-top="20"] {
    margin-top: 20px !important;
}

[data-margin-bottom="20"] {
    margin-bottom: 20px !important;
}

[data-margin-top="21"] {
    margin-top: 21px !important;
}

[data-margin-bottom="21"] {
    margin-bottom: 21px !important;
}

[data-margin-top="22"] {
    margin-top: 22px !important;
}

[data-margin-bottom="22"] {
    margin-bottom: 22px !important;
}

[data-margin-top="23"] {
    margin-top: 23px !important;
}

[data-margin-bottom="23"] {
    margin-bottom: 23px !important;
}

[data-margin-top="24"] {
    margin-top: 24px !important;
}

[data-margin-bottom="24"] {
    margin-bottom: 24px !important;
}

[data-margin-top="25"] {
    margin-top: 25px !important;
}

[data-margin-bottom="25"] {
    margin-bottom: 25px !important;
}

[data-margin-top="26"] {
    margin-top: 26px !important;
}

[data-margin-bottom="26"] {
    margin-bottom: 26px !important;
}

[data-margin-top="27"] {
    margin-top: 27px !important;
}

[data-margin-bottom="27"] {
    margin-bottom: 27px !important;
}

[data-margin-top="28"] {
    margin-top: 28px !important;
}

[data-margin-bottom="28"] {
    margin-bottom: 28px !important;
}

[data-margin-top="29"] {
    margin-top: 29px !important;
}

[data-margin-bottom="29"] {
    margin-bottom: 29px !important;
}

[data-margin-top="30"] {
    margin-top: 30px !important;
}

[data-margin-bottom="30"] {
    margin-bottom: 30px !important;
}

[data-margin-top="31"] {
    margin-top: 31px !important;
}

[data-margin-bottom="31"] {
    margin-bottom: 31px !important;
}

[data-margin-top="32"] {
    margin-top: 32px !important;
}

[data-margin-bottom="32"] {
    margin-bottom: 32px !important;
}

[data-margin-top="33"] {
    margin-top: 33px !important;
}

[data-margin-bottom="33"] {
    margin-bottom: 33px !important;
}

[data-margin-top="34"] {
    margin-top: 34px !important;
}

[data-margin-bottom="34"] {
    margin-bottom: 34px !important;
}

[data-margin-top="35"] {
    margin-top: 35px !important;
}

[data-margin-bottom="35"] {
    margin-bottom: 35px !important;
}

[data-margin-top="36"] {
    margin-top: 36px !important;
}

[data-margin-bottom="36"] {
    margin-bottom: 36px !important;
}

[data-margin-top="37"] {
    margin-top: 37px !important;
}

[data-margin-bottom="37"] {
    margin-bottom: 37px !important;
}

[data-margin-top="38"] {
    margin-top: 38px !important;
}

[data-margin-bottom="38"] {
    margin-bottom: 38px !important;
}

[data-margin-top="39"] {
    margin-top: 39px !important;
}

[data-margin-bottom="39"] {
    margin-bottom: 39px !important;
}

[data-margin-top="40"] {
    margin-top: 40px !important;
}

[data-margin-bottom="40"] {
    margin-bottom: 40px !important;
}

[data-margin-top="41"] {
    margin-top: 41px !important;
}

[data-margin-bottom="41"] {
    margin-bottom: 41px !important;
}

[data-margin-top="42"] {
    margin-top: 42px !important;
}

[data-margin-bottom="42"] {
    margin-bottom: 42px !important;
}

[data-margin-top="43"] {
    margin-top: 43px !important;
}

[data-margin-bottom="43"] {
    margin-bottom: 43px !important;
}

[data-margin-top="44"] {
    margin-top: 44px !important;
}

[data-margin-bottom="44"] {
    margin-bottom: 44px !important;
}

[data-margin-top="45"] {
    margin-top: 45px !important;
}

[data-margin-bottom="45"] {
    margin-bottom: 45px !important;
}

[data-margin-top="46"] {
    margin-top: 46px !important;
}

[data-margin-bottom="46"] {
    margin-bottom: 46px !important;
}

[data-margin-top="47"] {
    margin-top: 47px !important;
}

[data-margin-bottom="47"] {
    margin-bottom: 47px !important;
}

[data-margin-top="48"] {
    margin-top: 48px !important;
}

[data-margin-bottom="48"] {
    margin-bottom: 48px !important;
}

[data-margin-top="49"] {
    margin-top: 49px !important;
}

[data-margin-bottom="49"] {
    margin-bottom: 49px !important;
}

[data-margin-top="50"] {
    margin-top: 50px !important;
}

[data-margin-bottom="50"] {
    margin-bottom: 50px !important;
}

[data-margin-top="51"] {
    margin-top: 51px !important;
}

[data-margin-bottom="51"] {
    margin-bottom: 51px !important;
}

[data-margin-top="52"] {
    margin-top: 52px !important;
}

[data-margin-bottom="52"] {
    margin-bottom: 52px !important;
}

[data-margin-top="53"] {
    margin-top: 53px !important;
}

[data-margin-bottom="53"] {
    margin-bottom: 53px !important;
}

[data-margin-top="54"] {
    margin-top: 54px !important;
}

[data-margin-bottom="54"] {
    margin-bottom: 54px !important;
}

[data-margin-top="55"] {
    margin-top: 55px !important;
}

[data-margin-bottom="55"] {
    margin-bottom: 55px !important;
}

[data-margin-top="56"] {
    margin-top: 56px !important;
}

[data-margin-bottom="56"] {
    margin-bottom: 56px !important;
}

[data-margin-top="57"] {
    margin-top: 57px !important;
}

[data-margin-bottom="57"] {
    margin-bottom: 57px !important;
}

[data-margin-top="58"] {
    margin-top: 58px !important;
}

[data-margin-bottom="58"] {
    margin-bottom: 58px !important;
}

[data-margin-top="59"] {
    margin-top: 59px !important;
}

[data-margin-bottom="59"] {
    margin-bottom: 59px !important;
}

[data-margin-top="60"] {
    margin-top: 60px !important;
}

[data-margin-bottom="60"] {
    margin-bottom: 60px !important;
}

[data-margin-top="61"] {
    margin-top: 61px !important;
}

[data-margin-bottom="61"] {
    margin-bottom: 61px !important;
}

[data-margin-top="62"] {
    margin-top: 62px !important;
}

[data-margin-bottom="62"] {
    margin-bottom: 62px !important;
}

[data-margin-top="63"] {
    margin-top: 63px !important;
}

[data-margin-bottom="63"] {
    margin-bottom: 63px !important;
}

[data-margin-top="64"] {
    margin-top: 64px !important;
}

[data-margin-bottom="64"] {
    margin-bottom: 64px !important;
}

[data-margin-top="65"] {
    margin-top: 65px !important;
}

[data-margin-bottom="65"] {
    margin-bottom: 65px !important;
}

[data-margin-top="66"] {
    margin-top: 66px !important;
}

[data-margin-bottom="66"] {
    margin-bottom: 66px !important;
}

[data-margin-top="67"] {
    margin-top: 67px !important;
}

[data-margin-bottom="67"] {
    margin-bottom: 67px !important;
}

[data-margin-top="68"] {
    margin-top: 68px !important;
}

[data-margin-bottom="68"] {
    margin-bottom: 68px !important;
}

[data-margin-top="69"] {
    margin-top: 69px !important;
}

[data-margin-bottom="69"] {
    margin-bottom: 69px !important;
}

[data-margin-top="70"] {
    margin-top: 70px !important;
}

[data-margin-bottom="70"] {
    margin-bottom: 70px !important;
}

[data-margin-top="71"] {
    margin-top: 71px !important;
}

[data-margin-bottom="71"] {
    margin-bottom: 71px !important;
}

[data-margin-top="72"] {
    margin-top: 72px !important;
}

[data-margin-bottom="72"] {
    margin-bottom: 72px !important;
}

[data-margin-top="73"] {
    margin-top: 73px !important;
}

[data-margin-bottom="73"] {
    margin-bottom: 73px !important;
}

[data-margin-top="74"] {
    margin-top: 74px !important;
}

[data-margin-bottom="74"] {
    margin-bottom: 74px !important;
}

[data-margin-top="75"] {
    margin-top: 75px !important;
}

[data-margin-bottom="75"] {
    margin-bottom: 75px !important;
}

[data-margin-top="76"] {
    margin-top: 76px !important;
}

[data-margin-bottom="76"] {
    margin-bottom: 76px !important;
}

[data-margin-top="77"] {
    margin-top: 77px !important;
}

[data-margin-bottom="77"] {
    margin-bottom: 77px !important;
}

[data-margin-top="78"] {
    margin-top: 78px !important;
}

[data-margin-bottom="78"] {
    margin-bottom: 78px !important;
}

[data-margin-top="79"] {
    margin-top: 79px !important;
}

[data-margin-bottom="79"] {
    margin-bottom: 79px !important;
}

[data-margin-top="80"] {
    margin-top: 80px !important;
}

[data-margin-bottom="80"] {
    margin-bottom: 80px !important;
}

[data-margin-top="81"] {
    margin-top: 81px !important;
}

[data-margin-bottom="81"] {
    margin-bottom: 81px !important;
}

[data-margin-top="82"] {
    margin-top: 82px !important;
}

[data-margin-bottom="82"] {
    margin-bottom: 82px !important;
}

[data-margin-top="83"] {
    margin-top: 83px !important;
}

[data-margin-bottom="83"] {
    margin-bottom: 83px !important;
}

[data-margin-top="84"] {
    margin-top: 84px !important;
}

[data-margin-bottom="84"] {
    margin-bottom: 84px !important;
}

[data-margin-top="85"] {
    margin-top: 85px !important;
}

[data-margin-bottom="85"] {
    margin-bottom: 85px !important;
}

[data-margin-top="86"] {
    margin-top: 86px !important;
}

[data-margin-bottom="86"] {
    margin-bottom: 86px !important;
}

[data-margin-top="87"] {
    margin-top: 87px !important;
}

[data-margin-bottom="87"] {
    margin-bottom: 87px !important;
}

[data-margin-top="88"] {
    margin-top: 88px !important;
}

[data-margin-bottom="88"] {
    margin-bottom: 88px !important;
}

[data-margin-top="89"] {
    margin-top: 89px !important;
}

[data-margin-bottom="89"] {
    margin-bottom: 89px !important;
}

[data-margin-top="90"] {
    margin-top: 90px !important;
}

[data-margin-bottom="90"] {
    margin-bottom: 90px !important;
}

[data-margin-top="91"] {
    margin-top: 91px !important;
}

[data-margin-bottom="91"] {
    margin-bottom: 91px !important;
}

[data-margin-top="92"] {
    margin-top: 92px !important;
}

[data-margin-bottom="92"] {
    margin-bottom: 92px !important;
}

[data-margin-top="93"] {
    margin-top: 93px !important;
}

[data-margin-bottom="93"] {
    margin-bottom: 93px !important;
}

[data-margin-top="94"] {
    margin-top: 94px !important;
}

[data-margin-bottom="94"] {
    margin-bottom: 94px !important;
}

[data-margin-top="95"] {
    margin-top: 95px !important;
}

[data-margin-bottom="95"] {
    margin-bottom: 95px !important;
}

[data-margin-top="96"] {
    margin-top: 96px !important;
}

[data-margin-bottom="96"] {
    margin-bottom: 96px !important;
}

[data-margin-top="97"] {
    margin-top: 97px !important;
}

[data-margin-bottom="97"] {
    margin-bottom: 97px !important;
}

[data-margin-top="98"] {
    margin-top: 98px !important;
}

[data-margin-bottom="98"] {
    margin-bottom: 98px !important;
}

[data-margin-top="99"] {
    margin-top: 99px !important;
}

[data-margin-bottom="99"] {
    margin-bottom: 99px !important;
}

[data-margin-top="100"] {
    margin-top: 100px !important;
}

[data-margin-bottom="100"] {
    margin-bottom: 100px !important;
}

[data-margin-top="101"] {
    margin-top: 101px !important;
}

[data-margin-bottom="101"] {
    margin-bottom: 101px !important;
}

[data-margin-top="102"] {
    margin-top: 102px !important;
}

[data-margin-bottom="102"] {
    margin-bottom: 102px !important;
}

[data-margin-top="103"] {
    margin-top: 103px !important;
}

[data-margin-bottom="103"] {
    margin-bottom: 103px !important;
}

[data-margin-top="104"] {
    margin-top: 104px !important;
}

[data-margin-bottom="104"] {
    margin-bottom: 104px !important;
}

[data-margin-top="105"] {
    margin-top: 105px !important;
}

[data-margin-bottom="105"] {
    margin-bottom: 105px !important;
}

[data-margin-top="106"] {
    margin-top: 106px !important;
}

[data-margin-bottom="106"] {
    margin-bottom: 106px !important;
}

[data-margin-top="107"] {
    margin-top: 107px !important;
}

[data-margin-bottom="107"] {
    margin-bottom: 107px !important;
}

[data-margin-top="108"] {
    margin-top: 108px !important;
}

[data-margin-bottom="108"] {
    margin-bottom: 108px !important;
}

[data-margin-top="109"] {
    margin-top: 109px !important;
}

[data-margin-bottom="109"] {
    margin-bottom: 109px !important;
}

[data-margin-top="110"] {
    margin-top: 110px !important;
}

[data-margin-bottom="110"] {
    margin-bottom: 110px !important;
}

[data-margin-top="111"] {
    margin-top: 111px !important;
}

[data-margin-bottom="111"] {
    margin-bottom: 111px !important;
}

[data-margin-top="112"] {
    margin-top: 112px !important;
}

[data-margin-bottom="112"] {
    margin-bottom: 112px !important;
}

[data-margin-top="113"] {
    margin-top: 113px !important;
}

[data-margin-bottom="113"] {
    margin-bottom: 113px !important;
}

[data-margin-top="114"] {
    margin-top: 114px !important;
}

[data-margin-bottom="114"] {
    margin-bottom: 114px !important;
}

[data-margin-top="115"] {
    margin-top: 115px !important;
}

[data-margin-bottom="115"] {
    margin-bottom: 115px !important;
}

[data-margin-top="116"] {
    margin-top: 116px !important;
}

[data-margin-bottom="116"] {
    margin-bottom: 116px !important;
}

[data-margin-top="117"] {
    margin-top: 117px !important;
}

[data-margin-bottom="117"] {
    margin-bottom: 117px !important;
}

[data-margin-top="118"] {
    margin-top: 118px !important;
}

[data-margin-bottom="118"] {
    margin-bottom: 118px !important;
}

[data-margin-top="119"] {
    margin-top: 119px !important;
}

[data-margin-bottom="119"] {
    margin-bottom: 119px !important;
}

[data-margin-top="120"] {
    margin-top: 120px !important;
}

[data-margin-bottom="120"] {
    margin-bottom: 120px !important;
}

[data-margin-top="121"] {
    margin-top: 121px !important;
}

[data-margin-bottom="121"] {
    margin-bottom: 121px !important;
}

[data-margin-top="122"] {
    margin-top: 122px !important;
}

[data-margin-bottom="122"] {
    margin-bottom: 122px !important;
}

[data-margin-top="123"] {
    margin-top: 123px !important;
}

[data-margin-bottom="123"] {
    margin-bottom: 123px !important;
}

[data-margin-top="124"] {
    margin-top: 124px !important;
}

[data-margin-bottom="124"] {
    margin-bottom: 124px !important;
}

[data-margin-top="125"] {
    margin-top: 125px !important;
}

[data-margin-bottom="125"] {
    margin-bottom: 125px !important;
}

[data-margin-top="126"] {
    margin-top: 126px !important;
}

[data-margin-bottom="126"] {
    margin-bottom: 126px !important;
}

[data-margin-top="127"] {
    margin-top: 127px !important;
}

[data-margin-bottom="127"] {
    margin-bottom: 127px !important;
}

[data-margin-top="128"] {
    margin-top: 128px !important;
}

[data-margin-bottom="128"] {
    margin-bottom: 128px !important;
}

[data-margin-top="129"] {
    margin-top: 129px !important;
}

[data-margin-bottom="129"] {
    margin-bottom: 129px !important;
}

[data-margin-top="130"] {
    margin-top: 130px !important;
}

[data-margin-bottom="130"] {
    margin-bottom: 130px !important;
}

[data-margin-top="131"] {
    margin-top: 131px !important;
}

[data-margin-bottom="131"] {
    margin-bottom: 131px !important;
}

[data-margin-top="132"] {
    margin-top: 132px !important;
}

[data-margin-bottom="132"] {
    margin-bottom: 132px !important;
}

[data-margin-top="133"] {
    margin-top: 133px !important;
}

[data-margin-bottom="133"] {
    margin-bottom: 133px !important;
}

[data-margin-top="134"] {
    margin-top: 134px !important;
}

[data-margin-bottom="134"] {
    margin-bottom: 134px !important;
}

[data-margin-top="135"] {
    margin-top: 135px !important;
}

[data-margin-bottom="135"] {
    margin-bottom: 135px !important;
}

[data-margin-top="136"] {
    margin-top: 136px !important;
}

[data-margin-bottom="136"] {
    margin-bottom: 136px !important;
}

[data-margin-top="137"] {
    margin-top: 137px !important;
}

[data-margin-bottom="137"] {
    margin-bottom: 137px !important;
}

[data-margin-top="138"] {
    margin-top: 138px !important;
}

[data-margin-bottom="138"] {
    margin-bottom: 138px !important;
}

[data-margin-top="139"] {
    margin-top: 139px !important;
}

[data-margin-bottom="139"] {
    margin-bottom: 139px !important;
}

[data-margin-top="140"] {
    margin-top: 140px !important;
}

[data-margin-bottom="140"] {
    margin-bottom: 140px !important;
}

[data-margin-top="141"] {
    margin-top: 141px !important;
}

[data-margin-bottom="141"] {
    margin-bottom: 141px !important;
}

[data-margin-top="142"] {
    margin-top: 142px !important;
}

[data-margin-bottom="142"] {
    margin-bottom: 142px !important;
}

[data-margin-top="143"] {
    margin-top: 143px !important;
}

[data-margin-bottom="143"] {
    margin-bottom: 143px !important;
}

[data-margin-top="144"] {
    margin-top: 144px !important;
}

[data-margin-bottom="144"] {
    margin-bottom: 144px !important;
}

[data-margin-top="145"] {
    margin-top: 145px !important;
}

[data-margin-bottom="145"] {
    margin-bottom: 145px !important;
}

[data-margin-top="146"] {
    margin-top: 146px !important;
}

[data-margin-bottom="146"] {
    margin-bottom: 146px !important;
}

[data-margin-top="147"] {
    margin-top: 147px !important;
}

[data-margin-bottom="147"] {
    margin-bottom: 147px !important;
}

[data-margin-top="148"] {
    margin-top: 148px !important;
}

[data-margin-bottom="148"] {
    margin-bottom: 148px !important;
}

[data-margin-top="149"] {
    margin-top: 149px !important;
}

[data-margin-bottom="149"] {
    margin-bottom: 149px !important;
}

[data-margin-top="150"] {
    margin-top: 150px !important;
}

[data-margin-bottom="150"] {
    margin-bottom: 150px !important;
}

[data-margin-top="151"] {
    margin-top: 151px !important;
}

[data-margin-bottom="151"] {
    margin-bottom: 151px !important;
}

[data-margin-top="152"] {
    margin-top: 152px !important;
}

[data-margin-bottom="152"] {
    margin-bottom: 152px !important;
}

[data-margin-top="153"] {
    margin-top: 153px !important;
}

[data-margin-bottom="153"] {
    margin-bottom: 153px !important;
}

[data-margin-top="154"] {
    margin-top: 154px !important;
}

[data-margin-bottom="154"] {
    margin-bottom: 154px !important;
}

[data-margin-top="155"] {
    margin-top: 155px !important;
}

[data-margin-bottom="155"] {
    margin-bottom: 155px !important;
}

[data-margin-top="156"] {
    margin-top: 156px !important;
}

[data-margin-bottom="156"] {
    margin-bottom: 156px !important;
}

[data-margin-top="157"] {
    margin-top: 157px !important;
}

[data-margin-bottom="157"] {
    margin-bottom: 157px !important;
}

[data-margin-top="158"] {
    margin-top: 158px !important;
}

[data-margin-bottom="158"] {
    margin-bottom: 158px !important;
}

[data-margin-top="159"] {
    margin-top: 159px !important;
}

[data-margin-bottom="159"] {
    margin-bottom: 159px !important;
}

[data-margin-top="160"] {
    margin-top: 160px !important;
}

[data-margin-bottom="160"] {
    margin-bottom: 160px !important;
}

[data-margin-top="161"] {
    margin-top: 161px !important;
}

[data-margin-bottom="161"] {
    margin-bottom: 161px !important;
}

[data-margin-top="162"] {
    margin-top: 162px !important;
}

[data-margin-bottom="162"] {
    margin-bottom: 162px !important;
}

[data-margin-top="163"] {
    margin-top: 163px !important;
}

[data-margin-bottom="163"] {
    margin-bottom: 163px !important;
}

[data-margin-top="164"] {
    margin-top: 164px !important;
}

[data-margin-bottom="164"] {
    margin-bottom: 164px !important;
}

[data-margin-top="165"] {
    margin-top: 165px !important;
}

[data-margin-bottom="165"] {
    margin-bottom: 165px !important;
}

[data-margin-top="166"] {
    margin-top: 166px !important;
}

[data-margin-bottom="166"] {
    margin-bottom: 166px !important;
}

[data-margin-top="167"] {
    margin-top: 167px !important;
}

[data-margin-bottom="167"] {
    margin-bottom: 167px !important;
}

[data-margin-top="168"] {
    margin-top: 168px !important;
}

[data-margin-bottom="168"] {
    margin-bottom: 168px !important;
}

[data-margin-top="169"] {
    margin-top: 169px !important;
}

[data-margin-bottom="169"] {
    margin-bottom: 169px !important;
}

[data-margin-top="170"] {
    margin-top: 170px !important;
}

[data-margin-bottom="170"] {
    margin-bottom: 170px !important;
}

[data-margin-top="171"] {
    margin-top: 171px !important;
}

[data-margin-bottom="171"] {
    margin-bottom: 171px !important;
}

[data-margin-top="172"] {
    margin-top: 172px !important;
}

[data-margin-bottom="172"] {
    margin-bottom: 172px !important;
}

[data-margin-top="173"] {
    margin-top: 173px !important;
}

[data-margin-bottom="173"] {
    margin-bottom: 173px !important;
}

[data-margin-top="174"] {
    margin-top: 174px !important;
}

[data-margin-bottom="174"] {
    margin-bottom: 174px !important;
}

[data-margin-top="175"] {
    margin-top: 175px !important;
}

[data-margin-bottom="175"] {
    margin-bottom: 175px !important;
}

[data-margin-top="176"] {
    margin-top: 176px !important;
}

[data-margin-bottom="176"] {
    margin-bottom: 176px !important;
}

[data-margin-top="177"] {
    margin-top: 177px !important;
}

[data-margin-bottom="177"] {
    margin-bottom: 177px !important;
}

[data-margin-top="178"] {
    margin-top: 178px !important;
}

[data-margin-bottom="178"] {
    margin-bottom: 178px !important;
}

[data-margin-top="179"] {
    margin-top: 179px !important;
}

[data-margin-bottom="179"] {
    margin-bottom: 179px !important;
}

[data-margin-top="180"] {
    margin-top: 180px !important;
}

[data-margin-bottom="180"] {
    margin-bottom: 180px !important;
}

[data-margin-top="181"] {
    margin-top: 181px !important;
}

[data-margin-bottom="181"] {
    margin-bottom: 181px !important;
}

[data-margin-top="182"] {
    margin-top: 182px !important;
}

[data-margin-bottom="182"] {
    margin-bottom: 182px !important;
}

[data-margin-top="183"] {
    margin-top: 183px !important;
}

[data-margin-bottom="183"] {
    margin-bottom: 183px !important;
}

[data-margin-top="184"] {
    margin-top: 184px !important;
}

[data-margin-bottom="184"] {
    margin-bottom: 184px !important;
}

[data-margin-top="185"] {
    margin-top: 185px !important;
}

[data-margin-bottom="185"] {
    margin-bottom: 185px !important;
}

[data-margin-top="186"] {
    margin-top: 186px !important;
}

[data-margin-bottom="186"] {
    margin-bottom: 186px !important;
}

[data-margin-top="187"] {
    margin-top: 187px !important;
}

[data-margin-bottom="187"] {
    margin-bottom: 187px !important;
}

[data-margin-top="188"] {
    margin-top: 188px !important;
}

[data-margin-bottom="188"] {
    margin-bottom: 188px !important;
}

[data-margin-top="189"] {
    margin-top: 189px !important;
}

[data-margin-bottom="189"] {
    margin-bottom: 189px !important;
}

[data-margin-top="190"] {
    margin-top: 190px !important;
}

[data-margin-bottom="190"] {
    margin-bottom: 190px !important;
}

[data-margin-top="191"] {
    margin-top: 191px !important;
}

[data-margin-bottom="191"] {
    margin-bottom: 191px !important;
}

[data-margin-top="192"] {
    margin-top: 192px !important;
}

[data-margin-bottom="192"] {
    margin-bottom: 192px !important;
}

[data-margin-top="193"] {
    margin-top: 193px !important;
}

[data-margin-bottom="193"] {
    margin-bottom: 193px !important;
}

[data-margin-top="194"] {
    margin-top: 194px !important;
}

[data-margin-bottom="194"] {
    margin-bottom: 194px !important;
}

[data-margin-top="195"] {
    margin-top: 195px !important;
}

[data-margin-bottom="195"] {
    margin-bottom: 195px !important;
}

[data-margin-top="196"] {
    margin-top: 196px !important;
}

[data-margin-bottom="196"] {
    margin-bottom: 196px !important;
}

[data-margin-top="197"] {
    margin-top: 197px !important;
}

[data-margin-bottom="197"] {
    margin-bottom: 197px !important;
}

[data-margin-top="198"] {
    margin-top: 198px !important;
}

[data-margin-bottom="198"] {
    margin-bottom: 198px !important;
}

[data-margin-top="199"] {
    margin-top: 199px !important;
}

[data-margin-bottom="199"] {
    margin-bottom: 199px !important;
}

[data-margin-top="200"] {
    margin-top: 200px !important;
}

[data-margin-bottom="200"] {
    margin-bottom: 200px !important;
}

[data-margin-top="201"] {
    margin-top: 201px !important;
}

[data-margin-bottom="201"] {
    margin-bottom: 201px !important;
}

[data-margin-top="202"] {
    margin-top: 202px !important;
}

[data-margin-bottom="202"] {
    margin-bottom: 202px !important;
}

[data-margin-top="203"] {
    margin-top: 203px !important;
}

[data-margin-bottom="203"] {
    margin-bottom: 203px !important;
}

[data-margin-top="204"] {
    margin-top: 204px !important;
}

[data-margin-bottom="204"] {
    margin-bottom: 204px !important;
}

[data-margin-top="205"] {
    margin-top: 205px !important;
}

[data-margin-bottom="205"] {
    margin-bottom: 205px !important;
}

[data-margin-top="206"] {
    margin-top: 206px !important;
}

[data-margin-bottom="206"] {
    margin-bottom: 206px !important;
}

[data-margin-top="207"] {
    margin-top: 207px !important;
}

[data-margin-bottom="207"] {
    margin-bottom: 207px !important;
}

[data-margin-top="208"] {
    margin-top: 208px !important;
}

[data-margin-bottom="208"] {
    margin-bottom: 208px !important;
}

[data-margin-top="209"] {
    margin-top: 209px !important;
}

[data-margin-bottom="209"] {
    margin-bottom: 209px !important;
}

[data-margin-top="210"] {
    margin-top: 210px !important;
}

[data-margin-bottom="210"] {
    margin-bottom: 210px !important;
}

[data-margin-top="211"] {
    margin-top: 211px !important;
}

[data-margin-bottom="211"] {
    margin-bottom: 211px !important;
}

[data-margin-top="212"] {
    margin-top: 212px !important;
}

[data-margin-bottom="212"] {
    margin-bottom: 212px !important;
}

[data-margin-top="213"] {
    margin-top: 213px !important;
}

[data-margin-bottom="213"] {
    margin-bottom: 213px !important;
}

[data-margin-top="214"] {
    margin-top: 214px !important;
}

[data-margin-bottom="214"] {
    margin-bottom: 214px !important;
}

[data-margin-top="215"] {
    margin-top: 215px !important;
}

[data-margin-bottom="215"] {
    margin-bottom: 215px !important;
}

[data-margin-top="216"] {
    margin-top: 216px !important;
}

[data-margin-bottom="216"] {
    margin-bottom: 216px !important;
}

[data-margin-top="217"] {
    margin-top: 217px !important;
}

[data-margin-bottom="217"] {
    margin-bottom: 217px !important;
}

[data-margin-top="218"] {
    margin-top: 218px !important;
}

[data-margin-bottom="218"] {
    margin-bottom: 218px !important;
}

[data-margin-top="219"] {
    margin-top: 219px !important;
}

[data-margin-bottom="219"] {
    margin-bottom: 219px !important;
}

[data-margin-top="220"] {
    margin-top: 220px !important;
}

[data-margin-bottom="220"] {
    margin-bottom: 220px !important;
}

[data-margin-top="221"] {
    margin-top: 221px !important;
}

[data-margin-bottom="221"] {
    margin-bottom: 221px !important;
}

[data-margin-top="222"] {
    margin-top: 222px !important;
}

[data-margin-bottom="222"] {
    margin-bottom: 222px !important;
}

[data-margin-top="223"] {
    margin-top: 223px !important;
}

[data-margin-bottom="223"] {
    margin-bottom: 223px !important;
}

[data-margin-top="224"] {
    margin-top: 224px !important;
}

[data-margin-bottom="224"] {
    margin-bottom: 224px !important;
}

[data-margin-top="225"] {
    margin-top: 225px !important;
}

[data-margin-bottom="225"] {
    margin-bottom: 225px !important;
}

[data-margin-top="226"] {
    margin-top: 226px !important;
}

[data-margin-bottom="226"] {
    margin-bottom: 226px !important;
}

[data-margin-top="227"] {
    margin-top: 227px !important;
}

[data-margin-bottom="227"] {
    margin-bottom: 227px !important;
}

[data-margin-top="228"] {
    margin-top: 228px !important;
}

[data-margin-bottom="228"] {
    margin-bottom: 228px !important;
}

[data-margin-top="229"] {
    margin-top: 229px !important;
}

[data-margin-bottom="229"] {
    margin-bottom: 229px !important;
}

[data-margin-top="230"] {
    margin-top: 230px !important;
}

[data-margin-bottom="230"] {
    margin-bottom: 230px !important;
}

[data-margin-top="231"] {
    margin-top: 231px !important;
}

[data-margin-bottom="231"] {
    margin-bottom: 231px !important;
}

[data-margin-top="232"] {
    margin-top: 232px !important;
}

[data-margin-bottom="232"] {
    margin-bottom: 232px !important;
}

[data-margin-top="233"] {
    margin-top: 233px !important;
}

[data-margin-bottom="233"] {
    margin-bottom: 233px !important;
}

[data-margin-top="234"] {
    margin-top: 234px !important;
}

[data-margin-bottom="234"] {
    margin-bottom: 234px !important;
}

[data-margin-top="235"] {
    margin-top: 235px !important;
}

[data-margin-bottom="235"] {
    margin-bottom: 235px !important;
}

[data-margin-top="236"] {
    margin-top: 236px !important;
}

[data-margin-bottom="236"] {
    margin-bottom: 236px !important;
}

[data-margin-top="237"] {
    margin-top: 237px !important;
}

[data-margin-bottom="237"] {
    margin-bottom: 237px !important;
}

[data-margin-top="238"] {
    margin-top: 238px !important;
}

[data-margin-bottom="238"] {
    margin-bottom: 238px !important;
}

[data-margin-top="239"] {
    margin-top: 239px !important;
}

[data-margin-bottom="239"] {
    margin-bottom: 239px !important;
}

[data-margin-top="240"] {
    margin-top: 240px !important;
}

[data-margin-bottom="240"] {
    margin-bottom: 240px !important;
}

[data-margin-top="241"] {
    margin-top: 241px !important;
}

[data-margin-bottom="241"] {
    margin-bottom: 241px !important;
}

[data-margin-top="242"] {
    margin-top: 242px !important;
}

[data-margin-bottom="242"] {
    margin-bottom: 242px !important;
}

[data-margin-top="243"] {
    margin-top: 243px !important;
}

[data-margin-bottom="243"] {
    margin-bottom: 243px !important;
}

[data-margin-top="244"] {
    margin-top: 244px !important;
}

[data-margin-bottom="244"] {
    margin-bottom: 244px !important;
}

[data-margin-top="245"] {
    margin-top: 245px !important;
}

[data-margin-bottom="245"] {
    margin-bottom: 245px !important;
}

[data-margin-top="246"] {
    margin-top: 246px !important;
}

[data-margin-bottom="246"] {
    margin-bottom: 246px !important;
}

[data-margin-top="247"] {
    margin-top: 247px !important;
}

[data-margin-bottom="247"] {
    margin-bottom: 247px !important;
}

[data-margin-top="248"] {
    margin-top: 248px !important;
}

[data-margin-bottom="248"] {
    margin-bottom: 248px !important;
}

[data-margin-top="249"] {
    margin-top: 249px !important;
}

[data-margin-bottom="249"] {
    margin-bottom: 249px !important;
}

[data-margin-top="250"] {
    margin-top: 250px !important;
}

[data-margin-bottom="250"] {
    margin-bottom: 250px !important;
}

[data-margin-top="251"] {
    margin-top: 251px !important;
}

[data-margin-bottom="251"] {
    margin-bottom: 251px !important;
}

[data-margin-top="252"] {
    margin-top: 252px !important;
}

[data-margin-bottom="252"] {
    margin-bottom: 252px !important;
}

[data-margin-top="253"] {
    margin-top: 253px !important;
}

[data-margin-bottom="253"] {
    margin-bottom: 253px !important;
}

[data-margin-top="254"] {
    margin-top: 254px !important;
}

[data-margin-bottom="254"] {
    margin-bottom: 254px !important;
}

[data-margin-top="255"] {
    margin-top: 255px !important;
}

[data-margin-bottom="255"] {
    margin-bottom: 255px !important;
}

[data-margin-top="256"] {
    margin-top: 256px !important;
}

[data-margin-bottom="256"] {
    margin-bottom: 256px !important;
}

[data-margin-top="257"] {
    margin-top: 257px !important;
}

[data-margin-bottom="257"] {
    margin-bottom: 257px !important;
}

[data-margin-top="258"] {
    margin-top: 258px !important;
}

[data-margin-bottom="258"] {
    margin-bottom: 258px !important;
}

[data-margin-top="259"] {
    margin-top: 259px !important;
}

[data-margin-bottom="259"] {
    margin-bottom: 259px !important;
}

[data-margin-top="260"] {
    margin-top: 260px !important;
}

[data-margin-bottom="260"] {
    margin-bottom: 260px !important;
}

[data-margin-top="261"] {
    margin-top: 261px !important;
}

[data-margin-bottom="261"] {
    margin-bottom: 261px !important;
}

[data-margin-top="262"] {
    margin-top: 262px !important;
}

[data-margin-bottom="262"] {
    margin-bottom: 262px !important;
}

[data-margin-top="263"] {
    margin-top: 263px !important;
}

[data-margin-bottom="263"] {
    margin-bottom: 263px !important;
}

[data-margin-top="264"] {
    margin-top: 264px !important;
}

[data-margin-bottom="264"] {
    margin-bottom: 264px !important;
}

[data-margin-top="265"] {
    margin-top: 265px !important;
}

[data-margin-bottom="265"] {
    margin-bottom: 265px !important;
}

[data-margin-top="266"] {
    margin-top: 266px !important;
}

[data-margin-bottom="266"] {
    margin-bottom: 266px !important;
}

[data-margin-top="267"] {
    margin-top: 267px !important;
}

[data-margin-bottom="267"] {
    margin-bottom: 267px !important;
}

[data-margin-top="268"] {
    margin-top: 268px !important;
}

[data-margin-bottom="268"] {
    margin-bottom: 268px !important;
}

[data-margin-top="269"] {
    margin-top: 269px !important;
}

[data-margin-bottom="269"] {
    margin-bottom: 269px !important;
}

[data-margin-top="270"] {
    margin-top: 270px !important;
}

[data-margin-bottom="270"] {
    margin-bottom: 270px !important;
}

[data-margin-top="271"] {
    margin-top: 271px !important;
}

[data-margin-bottom="271"] {
    margin-bottom: 271px !important;
}

[data-margin-top="272"] {
    margin-top: 272px !important;
}

[data-margin-bottom="272"] {
    margin-bottom: 272px !important;
}

[data-margin-top="273"] {
    margin-top: 273px !important;
}

[data-margin-bottom="273"] {
    margin-bottom: 273px !important;
}

[data-margin-top="274"] {
    margin-top: 274px !important;
}

[data-margin-bottom="274"] {
    margin-bottom: 274px !important;
}

[data-margin-top="275"] {
    margin-top: 275px !important;
}

[data-margin-bottom="275"] {
    margin-bottom: 275px !important;
}

[data-margin-top="276"] {
    margin-top: 276px !important;
}

[data-margin-bottom="276"] {
    margin-bottom: 276px !important;
}

[data-margin-top="277"] {
    margin-top: 277px !important;
}

[data-margin-bottom="277"] {
    margin-bottom: 277px !important;
}

[data-margin-top="278"] {
    margin-top: 278px !important;
}

[data-margin-bottom="278"] {
    margin-bottom: 278px !important;
}

[data-margin-top="279"] {
    margin-top: 279px !important;
}

[data-margin-bottom="279"] {
    margin-bottom: 279px !important;
}

[data-margin-top="280"] {
    margin-top: 280px !important;
}

[data-margin-bottom="280"] {
    margin-bottom: 280px !important;
}

[data-margin-top="281"] {
    margin-top: 281px !important;
}

[data-margin-bottom="281"] {
    margin-bottom: 281px !important;
}

[data-margin-top="282"] {
    margin-top: 282px !important;
}

[data-margin-bottom="282"] {
    margin-bottom: 282px !important;
}

[data-margin-top="283"] {
    margin-top: 283px !important;
}

[data-margin-bottom="283"] {
    margin-bottom: 283px !important;
}

[data-margin-top="284"] {
    margin-top: 284px !important;
}

[data-margin-bottom="284"] {
    margin-bottom: 284px !important;
}

[data-margin-top="285"] {
    margin-top: 285px !important;
}

[data-margin-bottom="285"] {
    margin-bottom: 285px !important;
}

[data-margin-top="286"] {
    margin-top: 286px !important;
}

[data-margin-bottom="286"] {
    margin-bottom: 286px !important;
}

[data-margin-top="287"] {
    margin-top: 287px !important;
}

[data-margin-bottom="287"] {
    margin-bottom: 287px !important;
}

[data-margin-top="288"] {
    margin-top: 288px !important;
}

[data-margin-bottom="288"] {
    margin-bottom: 288px !important;
}

[data-margin-top="289"] {
    margin-top: 289px !important;
}

[data-margin-bottom="289"] {
    margin-bottom: 289px !important;
}

[data-margin-top="290"] {
    margin-top: 290px !important;
}

[data-margin-bottom="290"] {
    margin-bottom: 290px !important;
}

[data-margin-top="291"] {
    margin-top: 291px !important;
}

[data-margin-bottom="291"] {
    margin-bottom: 291px !important;
}

[data-margin-top="292"] {
    margin-top: 292px !important;
}

[data-margin-bottom="292"] {
    margin-bottom: 292px !important;
}

[data-margin-top="293"] {
    margin-top: 293px !important;
}

[data-margin-bottom="293"] {
    margin-bottom: 293px !important;
}

[data-margin-top="294"] {
    margin-top: 294px !important;
}

[data-margin-bottom="294"] {
    margin-bottom: 294px !important;
}

[data-margin-top="295"] {
    margin-top: 295px !important;
}

[data-margin-bottom="295"] {
    margin-bottom: 295px !important;
}

[data-margin-top="296"] {
    margin-top: 296px !important;
}

[data-margin-bottom="296"] {
    margin-bottom: 296px !important;
}

[data-margin-top="297"] {
    margin-top: 297px !important;
}

[data-margin-bottom="297"] {
    margin-bottom: 297px !important;
}

[data-margin-top="298"] {
    margin-top: 298px !important;
}

[data-margin-bottom="298"] {
    margin-bottom: 298px !important;
}

[data-margin-top="299"] {
    margin-top: 299px !important;
}

[data-margin-bottom="299"] {
    margin-bottom: 299px !important;
}

[data-margin-top="300"] {
    margin-top: 300px !important;
}

[data-margin-bottom="300"] {
    margin-bottom: 300px !important;
}

[data-margin-top="301"] {
    margin-top: 301px !important;
}

[data-margin-bottom="301"] {
    margin-bottom: 301px !important;
}

[data-margin-top="302"] {
    margin-top: 302px !important;
}

[data-margin-bottom="302"] {
    margin-bottom: 302px !important;
}

[data-margin-top="303"] {
    margin-top: 303px !important;
}

[data-margin-bottom="303"] {
    margin-bottom: 303px !important;
}

[data-margin-top="304"] {
    margin-top: 304px !important;
}

[data-margin-bottom="304"] {
    margin-bottom: 304px !important;
}

[data-margin-top="305"] {
    margin-top: 305px !important;
}

[data-margin-bottom="305"] {
    margin-bottom: 305px !important;
}

[data-margin-top="306"] {
    margin-top: 306px !important;
}

[data-margin-bottom="306"] {
    margin-bottom: 306px !important;
}

[data-margin-top="307"] {
    margin-top: 307px !important;
}

[data-margin-bottom="307"] {
    margin-bottom: 307px !important;
}

[data-margin-top="308"] {
    margin-top: 308px !important;
}

[data-margin-bottom="308"] {
    margin-bottom: 308px !important;
}

[data-margin-top="309"] {
    margin-top: 309px !important;
}

[data-margin-bottom="309"] {
    margin-bottom: 309px !important;
}

[data-margin-top="310"] {
    margin-top: 310px !important;
}

[data-margin-bottom="310"] {
    margin-bottom: 310px !important;
}

[data-margin-top="311"] {
    margin-top: 311px !important;
}

[data-margin-bottom="311"] {
    margin-bottom: 311px !important;
}

[data-margin-top="312"] {
    margin-top: 312px !important;
}

[data-margin-bottom="312"] {
    margin-bottom: 312px !important;
}

[data-margin-top="313"] {
    margin-top: 313px !important;
}

[data-margin-bottom="313"] {
    margin-bottom: 313px !important;
}

[data-margin-top="314"] {
    margin-top: 314px !important;
}

[data-margin-bottom="314"] {
    margin-bottom: 314px !important;
}

[data-margin-top="315"] {
    margin-top: 315px !important;
}

[data-margin-bottom="315"] {
    margin-bottom: 315px !important;
}

[data-margin-top="316"] {
    margin-top: 316px !important;
}

[data-margin-bottom="316"] {
    margin-bottom: 316px !important;
}

[data-margin-top="317"] {
    margin-top: 317px !important;
}

[data-margin-bottom="317"] {
    margin-bottom: 317px !important;
}

[data-margin-top="318"] {
    margin-top: 318px !important;
}

[data-margin-bottom="318"] {
    margin-bottom: 318px !important;
}

[data-margin-top="319"] {
    margin-top: 319px !important;
}

[data-margin-bottom="319"] {
    margin-bottom: 319px !important;
}

[data-margin-top="320"] {
    margin-top: 320px !important;
}

[data-margin-bottom="320"] {
    margin-bottom: 320px !important;
}

[data-margin-top="321"] {
    margin-top: 321px !important;
}

[data-margin-bottom="321"] {
    margin-bottom: 321px !important;
}

[data-margin-top="322"] {
    margin-top: 322px !important;
}

[data-margin-bottom="322"] {
    margin-bottom: 322px !important;
}

[data-margin-top="323"] {
    margin-top: 323px !important;
}

[data-margin-bottom="323"] {
    margin-bottom: 323px !important;
}

[data-margin-top="324"] {
    margin-top: 324px !important;
}

[data-margin-bottom="324"] {
    margin-bottom: 324px !important;
}

[data-margin-top="325"] {
    margin-top: 325px !important;
}

[data-margin-bottom="325"] {
    margin-bottom: 325px !important;
}

[data-margin-top="326"] {
    margin-top: 326px !important;
}

[data-margin-bottom="326"] {
    margin-bottom: 326px !important;
}

[data-margin-top="327"] {
    margin-top: 327px !important;
}

[data-margin-bottom="327"] {
    margin-bottom: 327px !important;
}

[data-margin-top="328"] {
    margin-top: 328px !important;
}

[data-margin-bottom="328"] {
    margin-bottom: 328px !important;
}

[data-margin-top="329"] {
    margin-top: 329px !important;
}

[data-margin-bottom="329"] {
    margin-bottom: 329px !important;
}

[data-margin-top="330"] {
    margin-top: 330px !important;
}

[data-margin-bottom="330"] {
    margin-bottom: 330px !important;
}

[data-margin-top="331"] {
    margin-top: 331px !important;
}

[data-margin-bottom="331"] {
    margin-bottom: 331px !important;
}

[data-margin-top="332"] {
    margin-top: 332px !important;
}

[data-margin-bottom="332"] {
    margin-bottom: 332px !important;
}

[data-margin-top="333"] {
    margin-top: 333px !important;
}

[data-margin-bottom="333"] {
    margin-bottom: 333px !important;
}

[data-margin-top="334"] {
    margin-top: 334px !important;
}

[data-margin-bottom="334"] {
    margin-bottom: 334px !important;
}

[data-margin-top="335"] {
    margin-top: 335px !important;
}

[data-margin-bottom="335"] {
    margin-bottom: 335px !important;
}

[data-margin-top="336"] {
    margin-top: 336px !important;
}

[data-margin-bottom="336"] {
    margin-bottom: 336px !important;
}

[data-margin-top="337"] {
    margin-top: 337px !important;
}

[data-margin-bottom="337"] {
    margin-bottom: 337px !important;
}

[data-margin-top="338"] {
    margin-top: 338px !important;
}

[data-margin-bottom="338"] {
    margin-bottom: 338px !important;
}

[data-margin-top="339"] {
    margin-top: 339px !important;
}

[data-margin-bottom="339"] {
    margin-bottom: 339px !important;
}

[data-margin-top="340"] {
    margin-top: 340px !important;
}

[data-margin-bottom="340"] {
    margin-bottom: 340px !important;
}

[data-margin-top="341"] {
    margin-top: 341px !important;
}

[data-margin-bottom="341"] {
    margin-bottom: 341px !important;
}

[data-margin-top="342"] {
    margin-top: 342px !important;
}

[data-margin-bottom="342"] {
    margin-bottom: 342px !important;
}

[data-margin-top="343"] {
    margin-top: 343px !important;
}

[data-margin-bottom="343"] {
    margin-bottom: 343px !important;
}

[data-margin-top="344"] {
    margin-top: 344px !important;
}

[data-margin-bottom="344"] {
    margin-bottom: 344px !important;
}

[data-margin-top="345"] {
    margin-top: 345px !important;
}

[data-margin-bottom="345"] {
    margin-bottom: 345px !important;
}

[data-margin-top="346"] {
    margin-top: 346px !important;
}

[data-margin-bottom="346"] {
    margin-bottom: 346px !important;
}

[data-margin-top="347"] {
    margin-top: 347px !important;
}

[data-margin-bottom="347"] {
    margin-bottom: 347px !important;
}

[data-margin-top="348"] {
    margin-top: 348px !important;
}

[data-margin-bottom="348"] {
    margin-bottom: 348px !important;
}

[data-margin-top="349"] {
    margin-top: 349px !important;
}

[data-margin-bottom="349"] {
    margin-bottom: 349px !important;
}

[data-margin-top="350"] {
    margin-top: 350px !important;
}

[data-margin-bottom="350"] {
    margin-bottom: 350px !important;
}

[data-margin-top="351"] {
    margin-top: 351px !important;
}

[data-margin-bottom="351"] {
    margin-bottom: 351px !important;
}

[data-margin-top="352"] {
    margin-top: 352px !important;
}

[data-margin-bottom="352"] {
    margin-bottom: 352px !important;
}

[data-margin-top="353"] {
    margin-top: 353px !important;
}

[data-margin-bottom="353"] {
    margin-bottom: 353px !important;
}

[data-margin-top="354"] {
    margin-top: 354px !important;
}

[data-margin-bottom="354"] {
    margin-bottom: 354px !important;
}

[data-margin-top="355"] {
    margin-top: 355px !important;
}

[data-margin-bottom="355"] {
    margin-bottom: 355px !important;
}

[data-margin-top="356"] {
    margin-top: 356px !important;
}

[data-margin-bottom="356"] {
    margin-bottom: 356px !important;
}

[data-margin-top="357"] {
    margin-top: 357px !important;
}

[data-margin-bottom="357"] {
    margin-bottom: 357px !important;
}

[data-margin-top="358"] {
    margin-top: 358px !important;
}

[data-margin-bottom="358"] {
    margin-bottom: 358px !important;
}

[data-margin-top="359"] {
    margin-top: 359px !important;
}

[data-margin-bottom="359"] {
    margin-bottom: 359px !important;
}

[data-margin-top="360"] {
    margin-top: 360px !important;
}

[data-margin-bottom="360"] {
    margin-bottom: 360px !important;
}

[data-margin-top="361"] {
    margin-top: 361px !important;
}

[data-margin-bottom="361"] {
    margin-bottom: 361px !important;
}

[data-margin-top="362"] {
    margin-top: 362px !important;
}

[data-margin-bottom="362"] {
    margin-bottom: 362px !important;
}

[data-margin-top="363"] {
    margin-top: 363px !important;
}

[data-margin-bottom="363"] {
    margin-bottom: 363px !important;
}

[data-margin-top="364"] {
    margin-top: 364px !important;
}

[data-margin-bottom="364"] {
    margin-bottom: 364px !important;
}

[data-margin-top="365"] {
    margin-top: 365px !important;
}

[data-margin-bottom="365"] {
    margin-bottom: 365px !important;
}

[data-margin-top="366"] {
    margin-top: 366px !important;
}

[data-margin-bottom="366"] {
    margin-bottom: 366px !important;
}

[data-margin-top="367"] {
    margin-top: 367px !important;
}

[data-margin-bottom="367"] {
    margin-bottom: 367px !important;
}

[data-margin-top="368"] {
    margin-top: 368px !important;
}

[data-margin-bottom="368"] {
    margin-bottom: 368px !important;
}

[data-margin-top="369"] {
    margin-top: 369px !important;
}

[data-margin-bottom="369"] {
    margin-bottom: 369px !important;
}

[data-margin-top="370"] {
    margin-top: 370px !important;
}

[data-margin-bottom="370"] {
    margin-bottom: 370px !important;
}

[data-margin-top="371"] {
    margin-top: 371px !important;
}

[data-margin-bottom="371"] {
    margin-bottom: 371px !important;
}

[data-margin-top="372"] {
    margin-top: 372px !important;
}

[data-margin-bottom="372"] {
    margin-bottom: 372px !important;
}

[data-margin-top="373"] {
    margin-top: 373px !important;
}

[data-margin-bottom="373"] {
    margin-bottom: 373px !important;
}

[data-margin-top="374"] {
    margin-top: 374px !important;
}

[data-margin-bottom="374"] {
    margin-bottom: 374px !important;
}

[data-margin-top="375"] {
    margin-top: 375px !important;
}

[data-margin-bottom="375"] {
    margin-bottom: 375px !important;
}

[data-margin-top="376"] {
    margin-top: 376px !important;
}

[data-margin-bottom="376"] {
    margin-bottom: 376px !important;
}

[data-margin-top="377"] {
    margin-top: 377px !important;
}

[data-margin-bottom="377"] {
    margin-bottom: 377px !important;
}

[data-margin-top="378"] {
    margin-top: 378px !important;
}

[data-margin-bottom="378"] {
    margin-bottom: 378px !important;
}

[data-margin-top="379"] {
    margin-top: 379px !important;
}

[data-margin-bottom="379"] {
    margin-bottom: 379px !important;
}

[data-margin-top="380"] {
    margin-top: 380px !important;
}

[data-margin-bottom="380"] {
    margin-bottom: 380px !important;
}

[data-margin-top="381"] {
    margin-top: 381px !important;
}

[data-margin-bottom="381"] {
    margin-bottom: 381px !important;
}

[data-margin-top="382"] {
    margin-top: 382px !important;
}

[data-margin-bottom="382"] {
    margin-bottom: 382px !important;
}

[data-margin-top="383"] {
    margin-top: 383px !important;
}

[data-margin-bottom="383"] {
    margin-bottom: 383px !important;
}

[data-margin-top="384"] {
    margin-top: 384px !important;
}

[data-margin-bottom="384"] {
    margin-bottom: 384px !important;
}

[data-margin-top="385"] {
    margin-top: 385px !important;
}

[data-margin-bottom="385"] {
    margin-bottom: 385px !important;
}

[data-margin-top="386"] {
    margin-top: 386px !important;
}

[data-margin-bottom="386"] {
    margin-bottom: 386px !important;
}

[data-margin-top="387"] {
    margin-top: 387px !important;
}

[data-margin-bottom="387"] {
    margin-bottom: 387px !important;
}

[data-margin-top="388"] {
    margin-top: 388px !important;
}

[data-margin-bottom="388"] {
    margin-bottom: 388px !important;
}

[data-margin-top="389"] {
    margin-top: 389px !important;
}

[data-margin-bottom="389"] {
    margin-bottom: 389px !important;
}

[data-margin-top="390"] {
    margin-top: 390px !important;
}

[data-margin-bottom="390"] {
    margin-bottom: 390px !important;
}

[data-margin-top="391"] {
    margin-top: 391px !important;
}

[data-margin-bottom="391"] {
    margin-bottom: 391px !important;
}

[data-margin-top="392"] {
    margin-top: 392px !important;
}

[data-margin-bottom="392"] {
    margin-bottom: 392px !important;
}

[data-margin-top="393"] {
    margin-top: 393px !important;
}

[data-margin-bottom="393"] {
    margin-bottom: 393px !important;
}

[data-margin-top="394"] {
    margin-top: 394px !important;
}

[data-margin-bottom="394"] {
    margin-bottom: 394px !important;
}

[data-margin-top="395"] {
    margin-top: 395px !important;
}

[data-margin-bottom="395"] {
    margin-bottom: 395px !important;
}

[data-margin-top="396"] {
    margin-top: 396px !important;
}

[data-margin-bottom="396"] {
    margin-bottom: 396px !important;
}

[data-margin-top="397"] {
    margin-top: 397px !important;
}

[data-margin-bottom="397"] {
    margin-bottom: 397px !important;
}

[data-margin-top="398"] {
    margin-top: 398px !important;
}

[data-margin-bottom="398"] {
    margin-bottom: 398px !important;
}

[data-margin-top="399"] {
    margin-top: 399px !important;
}

[data-margin-bottom="399"] {
    margin-bottom: 399px !important;
}

[data-margin-top="400"] {
    margin-top: 400px !important;
}

[data-margin-bottom="400"] {
    margin-bottom: 400px !important;
}

[data-margin-top="401"] {
    margin-top: 401px !important;
}

[data-margin-bottom="401"] {
    margin-bottom: 401px !important;
}

[data-margin-top="402"] {
    margin-top: 402px !important;
}

[data-margin-bottom="402"] {
    margin-bottom: 402px !important;
}

[data-margin-top="403"] {
    margin-top: 403px !important;
}

[data-margin-bottom="403"] {
    margin-bottom: 403px !important;
}

[data-margin-top="404"] {
    margin-top: 404px !important;
}

[data-margin-bottom="404"] {
    margin-bottom: 404px !important;
}

[data-margin-top="405"] {
    margin-top: 405px !important;
}

[data-margin-bottom="405"] {
    margin-bottom: 405px !important;
}

[data-margin-top="406"] {
    margin-top: 406px !important;
}

[data-margin-bottom="406"] {
    margin-bottom: 406px !important;
}

[data-margin-top="407"] {
    margin-top: 407px !important;
}

[data-margin-bottom="407"] {
    margin-bottom: 407px !important;
}

[data-margin-top="408"] {
    margin-top: 408px !important;
}

[data-margin-bottom="408"] {
    margin-bottom: 408px !important;
}

[data-margin-top="409"] {
    margin-top: 409px !important;
}

[data-margin-bottom="409"] {
    margin-bottom: 409px !important;
}

[data-margin-top="410"] {
    margin-top: 410px !important;
}

[data-margin-bottom="410"] {
    margin-bottom: 410px !important;
}

[data-margin-top="411"] {
    margin-top: 411px !important;
}

[data-margin-bottom="411"] {
    margin-bottom: 411px !important;
}

[data-margin-top="412"] {
    margin-top: 412px !important;
}

[data-margin-bottom="412"] {
    margin-bottom: 412px !important;
}

[data-margin-top="413"] {
    margin-top: 413px !important;
}

[data-margin-bottom="413"] {
    margin-bottom: 413px !important;
}

[data-margin-top="414"] {
    margin-top: 414px !important;
}

[data-margin-bottom="414"] {
    margin-bottom: 414px !important;
}

[data-margin-top="415"] {
    margin-top: 415px !important;
}

[data-margin-bottom="415"] {
    margin-bottom: 415px !important;
}

[data-margin-top="416"] {
    margin-top: 416px !important;
}

[data-margin-bottom="416"] {
    margin-bottom: 416px !important;
}

[data-margin-top="417"] {
    margin-top: 417px !important;
}

[data-margin-bottom="417"] {
    margin-bottom: 417px !important;
}

[data-margin-top="418"] {
    margin-top: 418px !important;
}

[data-margin-bottom="418"] {
    margin-bottom: 418px !important;
}

[data-margin-top="419"] {
    margin-top: 419px !important;
}

[data-margin-bottom="419"] {
    margin-bottom: 419px !important;
}

[data-margin-top="420"] {
    margin-top: 420px !important;
}

[data-margin-bottom="420"] {
    margin-bottom: 420px !important;
}

[data-margin-top="421"] {
    margin-top: 421px !important;
}

[data-margin-bottom="421"] {
    margin-bottom: 421px !important;
}

[data-margin-top="422"] {
    margin-top: 422px !important;
}

[data-margin-bottom="422"] {
    margin-bottom: 422px !important;
}

[data-margin-top="423"] {
    margin-top: 423px !important;
}

[data-margin-bottom="423"] {
    margin-bottom: 423px !important;
}

[data-margin-top="424"] {
    margin-top: 424px !important;
}

[data-margin-bottom="424"] {
    margin-bottom: 424px !important;
}

[data-margin-top="425"] {
    margin-top: 425px !important;
}

[data-margin-bottom="425"] {
    margin-bottom: 425px !important;
}

[data-margin-top="426"] {
    margin-top: 426px !important;
}

[data-margin-bottom="426"] {
    margin-bottom: 426px !important;
}

[data-margin-top="427"] {
    margin-top: 427px !important;
}

[data-margin-bottom="427"] {
    margin-bottom: 427px !important;
}

[data-margin-top="428"] {
    margin-top: 428px !important;
}

[data-margin-bottom="428"] {
    margin-bottom: 428px !important;
}

[data-margin-top="429"] {
    margin-top: 429px !important;
}

[data-margin-bottom="429"] {
    margin-bottom: 429px !important;
}

[data-margin-top="430"] {
    margin-top: 430px !important;
}

[data-margin-bottom="430"] {
    margin-bottom: 430px !important;
}

[data-margin-top="431"] {
    margin-top: 431px !important;
}

[data-margin-bottom="431"] {
    margin-bottom: 431px !important;
}

[data-margin-top="432"] {
    margin-top: 432px !important;
}

[data-margin-bottom="432"] {
    margin-bottom: 432px !important;
}

[data-margin-top="433"] {
    margin-top: 433px !important;
}

[data-margin-bottom="433"] {
    margin-bottom: 433px !important;
}

[data-margin-top="434"] {
    margin-top: 434px !important;
}

[data-margin-bottom="434"] {
    margin-bottom: 434px !important;
}

[data-margin-top="435"] {
    margin-top: 435px !important;
}

[data-margin-bottom="435"] {
    margin-bottom: 435px !important;
}

[data-margin-top="436"] {
    margin-top: 436px !important;
}

[data-margin-bottom="436"] {
    margin-bottom: 436px !important;
}

[data-margin-top="437"] {
    margin-top: 437px !important;
}

[data-margin-bottom="437"] {
    margin-bottom: 437px !important;
}

[data-margin-top="438"] {
    margin-top: 438px !important;
}

[data-margin-bottom="438"] {
    margin-bottom: 438px !important;
}

[data-margin-top="439"] {
    margin-top: 439px !important;
}

[data-margin-bottom="439"] {
    margin-bottom: 439px !important;
}

[data-margin-top="440"] {
    margin-top: 440px !important;
}

[data-margin-bottom="440"] {
    margin-bottom: 440px !important;
}

[data-margin-top="441"] {
    margin-top: 441px !important;
}

[data-margin-bottom="441"] {
    margin-bottom: 441px !important;
}

[data-margin-top="442"] {
    margin-top: 442px !important;
}

[data-margin-bottom="442"] {
    margin-bottom: 442px !important;
}

[data-margin-top="443"] {
    margin-top: 443px !important;
}

[data-margin-bottom="443"] {
    margin-bottom: 443px !important;
}

[data-margin-top="444"] {
    margin-top: 444px !important;
}

[data-margin-bottom="444"] {
    margin-bottom: 444px !important;
}

[data-margin-top="445"] {
    margin-top: 445px !important;
}

[data-margin-bottom="445"] {
    margin-bottom: 445px !important;
}

[data-margin-top="446"] {
    margin-top: 446px !important;
}

[data-margin-bottom="446"] {
    margin-bottom: 446px !important;
}

[data-margin-top="447"] {
    margin-top: 447px !important;
}

[data-margin-bottom="447"] {
    margin-bottom: 447px !important;
}

[data-margin-top="448"] {
    margin-top: 448px !important;
}

[data-margin-bottom="448"] {
    margin-bottom: 448px !important;
}

[data-margin-top="449"] {
    margin-top: 449px !important;
}

[data-margin-bottom="449"] {
    margin-bottom: 449px !important;
}

[data-margin-top="450"] {
    margin-top: 450px !important;
}

[data-margin-bottom="450"] {
    margin-bottom: 450px !important;
}

[data-margin-top="451"] {
    margin-top: 451px !important;
}

[data-margin-bottom="451"] {
    margin-bottom: 451px !important;
}

[data-margin-top="452"] {
    margin-top: 452px !important;
}

[data-margin-bottom="452"] {
    margin-bottom: 452px !important;
}

[data-margin-top="453"] {
    margin-top: 453px !important;
}

[data-margin-bottom="453"] {
    margin-bottom: 453px !important;
}

[data-margin-top="454"] {
    margin-top: 454px !important;
}

[data-margin-bottom="454"] {
    margin-bottom: 454px !important;
}

[data-margin-top="455"] {
    margin-top: 455px !important;
}

[data-margin-bottom="455"] {
    margin-bottom: 455px !important;
}

[data-margin-top="456"] {
    margin-top: 456px !important;
}

[data-margin-bottom="456"] {
    margin-bottom: 456px !important;
}

[data-margin-top="457"] {
    margin-top: 457px !important;
}

[data-margin-bottom="457"] {
    margin-bottom: 457px !important;
}

[data-margin-top="458"] {
    margin-top: 458px !important;
}

[data-margin-bottom="458"] {
    margin-bottom: 458px !important;
}

[data-margin-top="459"] {
    margin-top: 459px !important;
}

[data-margin-bottom="459"] {
    margin-bottom: 459px !important;
}

[data-margin-top="460"] {
    margin-top: 460px !important;
}

[data-margin-bottom="460"] {
    margin-bottom: 460px !important;
}

[data-margin-top="461"] {
    margin-top: 461px !important;
}

[data-margin-bottom="461"] {
    margin-bottom: 461px !important;
}

[data-margin-top="462"] {
    margin-top: 462px !important;
}

[data-margin-bottom="462"] {
    margin-bottom: 462px !important;
}

[data-margin-top="463"] {
    margin-top: 463px !important;
}

[data-margin-bottom="463"] {
    margin-bottom: 463px !important;
}

[data-margin-top="464"] {
    margin-top: 464px !important;
}

[data-margin-bottom="464"] {
    margin-bottom: 464px !important;
}

[data-margin-top="465"] {
    margin-top: 465px !important;
}

[data-margin-bottom="465"] {
    margin-bottom: 465px !important;
}

[data-margin-top="466"] {
    margin-top: 466px !important;
}

[data-margin-bottom="466"] {
    margin-bottom: 466px !important;
}

[data-margin-top="467"] {
    margin-top: 467px !important;
}

[data-margin-bottom="467"] {
    margin-bottom: 467px !important;
}

[data-margin-top="468"] {
    margin-top: 468px !important;
}

[data-margin-bottom="468"] {
    margin-bottom: 468px !important;
}

[data-margin-top="469"] {
    margin-top: 469px !important;
}

[data-margin-bottom="469"] {
    margin-bottom: 469px !important;
}

[data-margin-top="470"] {
    margin-top: 470px !important;
}

[data-margin-bottom="470"] {
    margin-bottom: 470px !important;
}

[data-margin-top="471"] {
    margin-top: 471px !important;
}

[data-margin-bottom="471"] {
    margin-bottom: 471px !important;
}

[data-margin-top="472"] {
    margin-top: 472px !important;
}

[data-margin-bottom="472"] {
    margin-bottom: 472px !important;
}

[data-margin-top="473"] {
    margin-top: 473px !important;
}

[data-margin-bottom="473"] {
    margin-bottom: 473px !important;
}

[data-margin-top="474"] {
    margin-top: 474px !important;
}

[data-margin-bottom="474"] {
    margin-bottom: 474px !important;
}

[data-margin-top="475"] {
    margin-top: 475px !important;
}

[data-margin-bottom="475"] {
    margin-bottom: 475px !important;
}

[data-margin-top="476"] {
    margin-top: 476px !important;
}

[data-margin-bottom="476"] {
    margin-bottom: 476px !important;
}

[data-margin-top="477"] {
    margin-top: 477px !important;
}

[data-margin-bottom="477"] {
    margin-bottom: 477px !important;
}

[data-margin-top="478"] {
    margin-top: 478px !important;
}

[data-margin-bottom="478"] {
    margin-bottom: 478px !important;
}

[data-margin-top="479"] {
    margin-top: 479px !important;
}

[data-margin-bottom="479"] {
    margin-bottom: 479px !important;
}

[data-margin-top="480"] {
    margin-top: 480px !important;
}

[data-margin-bottom="480"] {
    margin-bottom: 480px !important;
}

[data-margin-top="481"] {
    margin-top: 481px !important;
}

[data-margin-bottom="481"] {
    margin-bottom: 481px !important;
}

[data-margin-top="482"] {
    margin-top: 482px !important;
}

[data-margin-bottom="482"] {
    margin-bottom: 482px !important;
}

[data-margin-top="483"] {
    margin-top: 483px !important;
}

[data-margin-bottom="483"] {
    margin-bottom: 483px !important;
}

[data-margin-top="484"] {
    margin-top: 484px !important;
}

[data-margin-bottom="484"] {
    margin-bottom: 484px !important;
}

[data-margin-top="485"] {
    margin-top: 485px !important;
}

[data-margin-bottom="485"] {
    margin-bottom: 485px !important;
}

[data-margin-top="486"] {
    margin-top: 486px !important;
}

[data-margin-bottom="486"] {
    margin-bottom: 486px !important;
}

[data-margin-top="487"] {
    margin-top: 487px !important;
}

[data-margin-bottom="487"] {
    margin-bottom: 487px !important;
}

[data-margin-top="488"] {
    margin-top: 488px !important;
}

[data-margin-bottom="488"] {
    margin-bottom: 488px !important;
}

[data-margin-top="489"] {
    margin-top: 489px !important;
}

[data-margin-bottom="489"] {
    margin-bottom: 489px !important;
}

[data-margin-top="490"] {
    margin-top: 490px !important;
}

[data-margin-bottom="490"] {
    margin-bottom: 490px !important;
}

[data-margin-top="491"] {
    margin-top: 491px !important;
}

[data-margin-bottom="491"] {
    margin-bottom: 491px !important;
}

[data-margin-top="492"] {
    margin-top: 492px !important;
}

[data-margin-bottom="492"] {
    margin-bottom: 492px !important;
}

[data-margin-top="493"] {
    margin-top: 493px !important;
}

[data-margin-bottom="493"] {
    margin-bottom: 493px !important;
}

[data-margin-top="494"] {
    margin-top: 494px !important;
}

[data-margin-bottom="494"] {
    margin-bottom: 494px !important;
}

[data-margin-top="495"] {
    margin-top: 495px !important;
}

[data-margin-bottom="495"] {
    margin-bottom: 495px !important;
}

[data-margin-top="496"] {
    margin-top: 496px !important;
}

[data-margin-bottom="496"] {
    margin-bottom: 496px !important;
}

[data-margin-top="497"] {
    margin-top: 497px !important;
}

[data-margin-bottom="497"] {
    margin-bottom: 497px !important;
}

[data-margin-top="498"] {
    margin-top: 498px !important;
}

[data-margin-bottom="498"] {
    margin-bottom: 498px !important;
}

[data-margin-top="499"] {
    margin-top: 499px !important;
}

[data-margin-bottom="499"] {
    margin-bottom: 499px !important;
}

[data-margin-top="500"] {
    margin-top: 500px !important;
}

[data-margin-bottom="500"] {
    margin-bottom: 500px !important;
}
[data-margin-minus-top="0"] {
    margin-top: 0px !important;
}

[data-margin-minus-top="1"] {
    margin-top: -1px !important;
}

[data-margin-minus-bottom="1"] {
    margin-bottom: -1px !important;
}

[data-margin-minus-top="2"] {
    margin-top: -2px !important;
}

[data-margin-minus-bottom="2"] {
    margin-bottom: -2px !important;
}

[data-margin-minus-top="3"] {
    margin-top: -3px !important;
}

[data-margin-minus-bottom="3"] {
    margin-bottom: -3px !important;
}

[data-margin-minus-top="4"] {
    margin-top: -4px !important;
}

[data-margin-minus-bottom="4"] {
    margin-bottom: -4px !important;
}

[data-margin-minus-top="5"] {
    margin-top: -5px !important;
}

[data-margin-minus-bottom="5"] {
    margin-bottom: -5px !important;
}

[data-margin-minus-top="6"] {
    margin-top: -6px !important;
}

[data-margin-minus-bottom="6"] {
    margin-bottom: -6px !important;
}

[data-margin-minus-top="7"] {
    margin-top: -7px !important;
}

[data-margin-minus-bottom="7"] {
    margin-bottom: -7px !important;
}

[data-margin-minus-top="8"] {
    margin-top: -8px !important;
}

[data-margin-minus-bottom="8"] {
    margin-bottom: -8px !important;
}

[data-margin-minus-top="9"] {
    margin-top: -9px !important;
}

[data-margin-minus-bottom="9"] {
    margin-bottom: -9px !important;
}

[data-margin-minus-top="10"] {
    margin-top: -10px !important;
}

[data-margin-minus-bottom="10"] {
    margin-bottom: -10px !important;
}

[data-margin-minus-top="11"] {
    margin-top: -11px !important;
}

[data-margin-minus-bottom="11"] {
    margin-bottom: -11px !important;
}

[data-margin-minus-top="12"] {
    margin-top: -12px !important;
}

[data-margin-minus-bottom="12"] {
    margin-bottom: -12px !important;
}

[data-margin-minus-top="13"] {
    margin-top: -13px !important;
}

[data-margin-minus-bottom="13"] {
    margin-bottom: -13px !important;
}

[data-margin-minus-top="14"] {
    margin-top: -14px !important;
}

[data-margin-minus-bottom="14"] {
    margin-bottom: -14px !important;
}

[data-margin-minus-top="15"] {
    margin-top: -15px !important;
}

[data-margin-minus-bottom="15"] {
    margin-bottom: -15px !important;
}

[data-margin-minus-top="16"] {
    margin-top: -16px !important;
}

[data-margin-minus-bottom="16"] {
    margin-bottom: -16px !important;
}

[data-margin-minus-top="17"] {
    margin-top: -17px !important;
}

[data-margin-minus-bottom="17"] {
    margin-bottom: -17px !important;
}

[data-margin-minus-top="18"] {
    margin-top: -18px !important;
}

[data-margin-minus-bottom="18"] {
    margin-bottom: -18px !important;
}

[data-margin-minus-top="19"] {
    margin-top: -19px !important;
}

[data-margin-minus-bottom="19"] {
    margin-bottom: -19px !important;
}

[data-margin-minus-top="20"] {
    margin-top: -20px !important;
}

[data-margin-minus-bottom="20"] {
    margin-bottom: -20px !important;
}

[data-margin-minus-top="21"] {
    margin-top: -21px !important;
}

[data-margin-minus-bottom="21"] {
    margin-bottom: -21px !important;
}

[data-margin-minus-top="22"] {
    margin-top: -22px !important;
}

[data-margin-minus-bottom="22"] {
    margin-bottom: -22px !important;
}

[data-margin-minus-top="23"] {
    margin-top: -23px !important;
}

[data-margin-minus-bottom="23"] {
    margin-bottom: -23px !important;
}

[data-margin-minus-top="24"] {
    margin-top: -24px !important;
}

[data-margin-minus-bottom="24"] {
    margin-bottom: -24px !important;
}

[data-margin-minus-top="25"] {
    margin-top: -25px !important;
}

[data-margin-minus-bottom="25"] {
    margin-bottom: -25px !important;
}

[data-margin-minus-top="26"] {
    margin-top: -26px !important;
}

[data-margin-minus-bottom="26"] {
    margin-bottom: -26px !important;
}

[data-margin-minus-top="27"] {
    margin-top: -27px !important;
}

[data-margin-minus-bottom="27"] {
    margin-bottom: -27px !important;
}

[data-margin-minus-top="28"] {
    margin-top: -28px !important;
}

[data-margin-minus-bottom="28"] {
    margin-bottom: -28px !important;
}

[data-margin-minus-top="29"] {
    margin-top: -29px !important;
}

[data-margin-minus-bottom="29"] {
    margin-bottom: -29px !important;
}

[data-margin-minus-top="30"] {
    margin-top: -30px !important;
}

[data-margin-minus-bottom="30"] {
    margin-bottom: -30px !important;
}

[data-margin-minus-top="31"] {
    margin-top: -31px !important;
}

[data-margin-minus-bottom="31"] {
    margin-bottom: -31px !important;
}

[data-margin-minus-top="32"] {
    margin-top: -32px !important;
}

[data-margin-minus-bottom="32"] {
    margin-bottom: -32px !important;
}

[data-margin-minus-top="33"] {
    margin-top: -33px !important;
}

[data-margin-minus-bottom="33"] {
    margin-bottom: -33px !important;
}

[data-margin-minus-top="34"] {
    margin-top: -34px !important;
}

[data-margin-minus-bottom="34"] {
    margin-bottom: -34px !important;
}

[data-margin-minus-top="35"] {
    margin-top: -35px !important;
}

[data-margin-minus-bottom="35"] {
    margin-bottom: -35px !important;
}

[data-margin-minus-top="36"] {
    margin-top: -36px !important;
}

[data-margin-minus-bottom="36"] {
    margin-bottom: -36px !important;
}

[data-margin-minus-top="37"] {
    margin-top: -37px !important;
}

[data-margin-minus-bottom="37"] {
    margin-bottom: -37px !important;
}

[data-margin-minus-top="38"] {
    margin-top: -38px !important;
}

[data-margin-minus-bottom="38"] {
    margin-bottom: -38px !important;
}

[data-margin-minus-top="39"] {
    margin-top: -39px !important;
}

[data-margin-minus-bottom="39"] {
    margin-bottom: -39px !important;
}

[data-margin-minus-top="40"] {
    margin-top: -40px !important;
}

[data-margin-minus-bottom="40"] {
    margin-bottom: -40px !important;
}

[data-margin-minus-top="41"] {
    margin-top: -41px !important;
}

[data-margin-minus-bottom="41"] {
    margin-bottom: -41px !important;
}

[data-margin-minus-top="42"] {
    margin-top: -42px !important;
}

[data-margin-minus-bottom="42"] {
    margin-bottom: -42px !important;
}

[data-margin-minus-top="43"] {
    margin-top: -43px !important;
}

[data-margin-minus-bottom="43"] {
    margin-bottom: -43px !important;
}

[data-margin-minus-top="44"] {
    margin-top: -44px !important;
}

[data-margin-minus-bottom="44"] {
    margin-bottom: -44px !important;
}

[data-margin-minus-top="45"] {
    margin-top: -45px !important;
}

[data-margin-minus-bottom="45"] {
    margin-bottom: -45px !important;
}

[data-margin-minus-top="46"] {
    margin-top: -46px !important;
}

[data-margin-minus-bottom="46"] {
    margin-bottom: -46px !important;
}

[data-margin-minus-top="47"] {
    margin-top: -47px !important;
}

[data-margin-minus-bottom="47"] {
    margin-bottom: -47px !important;
}

[data-margin-minus-top="48"] {
    margin-top: -48px !important;
}

[data-margin-minus-bottom="48"] {
    margin-bottom: -48px !important;
}

[data-margin-minus-top="49"] {
    margin-top: -49px !important;
}

[data-margin-minus-bottom="49"] {
    margin-bottom: -49px !important;
}

[data-margin-minus-top="50"] {
    margin-top: -50px !important;
}

[data-margin-minus-bottom="50"] {
    margin-bottom: -50px !important;
}

[data-margin-minus-top="51"] {
    margin-top: -51px !important;
}

[data-margin-minus-bottom="51"] {
    margin-bottom: -51px !important;
}

[data-margin-minus-top="52"] {
    margin-top: -52px !important;
}

[data-margin-minus-bottom="52"] {
    margin-bottom: -52px !important;
}

[data-margin-minus-top="53"] {
    margin-top: -53px !important;
}

[data-margin-minus-bottom="53"] {
    margin-bottom: -53px !important;
}

[data-margin-minus-top="54"] {
    margin-top: -54px !important;
}

[data-margin-minus-bottom="54"] {
    margin-bottom: -54px !important;
}

[data-margin-minus-top="55"] {
    margin-top: -55px !important;
}

[data-margin-minus-bottom="55"] {
    margin-bottom: -55px !important;
}

[data-margin-minus-top="56"] {
    margin-top: -56px !important;
}

[data-margin-minus-bottom="56"] {
    margin-bottom: -56px !important;
}

[data-margin-minus-top="57"] {
    margin-top: -57px !important;
}

[data-margin-minus-bottom="57"] {
    margin-bottom: -57px !important;
}

[data-margin-minus-top="58"] {
    margin-top: -58px !important;
}

[data-margin-minus-bottom="58"] {
    margin-bottom: -58px !important;
}

[data-margin-minus-top="59"] {
    margin-top: -59px !important;
}

[data-margin-minus-bottom="59"] {
    margin-bottom: -59px !important;
}

[data-margin-minus-top="60"] {
    margin-top: -60px !important;
}

[data-margin-minus-bottom="60"] {
    margin-bottom: -60px !important;
}

[data-margin-minus-top="61"] {
    margin-top: -61px !important;
}

[data-margin-minus-bottom="61"] {
    margin-bottom: -61px !important;
}

[data-margin-minus-top="62"] {
    margin-top: -62px !important;
}

[data-margin-minus-bottom="62"] {
    margin-bottom: -62px !important;
}

[data-margin-minus-top="63"] {
    margin-top: -63px !important;
}

[data-margin-minus-bottom="63"] {
    margin-bottom: -63px !important;
}

[data-margin-minus-top="64"] {
    margin-top: -64px !important;
}

[data-margin-minus-bottom="64"] {
    margin-bottom: -64px !important;
}

[data-margin-minus-top="65"] {
    margin-top: -65px !important;
}

[data-margin-minus-bottom="65"] {
    margin-bottom: -65px !important;
}

[data-margin-minus-top="66"] {
    margin-top: -66px !important;
}

[data-margin-minus-bottom="66"] {
    margin-bottom: -66px !important;
}

[data-margin-minus-top="67"] {
    margin-top: -67px !important;
}

[data-margin-minus-bottom="67"] {
    margin-bottom: -67px !important;
}

[data-margin-minus-top="68"] {
    margin-top: -68px !important;
}

[data-margin-minus-bottom="68"] {
    margin-bottom: -68px !important;
}

[data-margin-minus-top="69"] {
    margin-top: -69px !important;
}

[data-margin-minus-bottom="69"] {
    margin-bottom: -69px !important;
}

[data-margin-minus-top="70"] {
    margin-top: -70px !important;
}

[data-margin-minus-bottom="70"] {
    margin-bottom: -70px !important;
}

[data-margin-minus-top="71"] {
    margin-top: -71px !important;
}

[data-margin-minus-bottom="71"] {
    margin-bottom: -71px !important;
}

[data-margin-minus-top="72"] {
    margin-top: -72px !important;
}

[data-margin-minus-bottom="72"] {
    margin-bottom: -72px !important;
}

[data-margin-minus-top="73"] {
    margin-top: -73px !important;
}

[data-margin-minus-bottom="73"] {
    margin-bottom: -73px !important;
}

[data-margin-minus-top="74"] {
    margin-top: -74px !important;
}

[data-margin-minus-bottom="74"] {
    margin-bottom: -74px !important;
}

[data-margin-minus-top="75"] {
    margin-top: -75px !important;
}

[data-margin-minus-bottom="75"] {
    margin-bottom: -75px !important;
}

[data-margin-minus-top="76"] {
    margin-top: -76px !important;
}

[data-margin-minus-bottom="76"] {
    margin-bottom: -76px !important;
}

[data-margin-minus-top="77"] {
    margin-top: -77px !important;
}

[data-margin-minus-bottom="77"] {
    margin-bottom: -77px !important;
}

[data-margin-minus-top="78"] {
    margin-top: -78px !important;
}

[data-margin-minus-bottom="78"] {
    margin-bottom: -78px !important;
}

[data-margin-minus-top="79"] {
    margin-top: -79px !important;
}

[data-margin-minus-bottom="79"] {
    margin-bottom: -79px !important;
}

[data-margin-minus-top="80"] {
    margin-top: -80px !important;
}

[data-margin-minus-bottom="80"] {
    margin-bottom: -80px !important;
}

[data-margin-minus-top="81"] {
    margin-top: -81px !important;
}

[data-margin-minus-bottom="81"] {
    margin-bottom: -81px !important;
}

[data-margin-minus-top="82"] {
    margin-top: -82px !important;
}

[data-margin-minus-bottom="82"] {
    margin-bottom: -82px !important;
}

[data-margin-minus-top="83"] {
    margin-top: -83px !important;
}

[data-margin-minus-bottom="83"] {
    margin-bottom: -83px !important;
}

[data-margin-minus-top="84"] {
    margin-top: -84px !important;
}

[data-margin-minus-bottom="84"] {
    margin-bottom: -84px !important;
}

[data-margin-minus-top="85"] {
    margin-top: -85px !important;
}

[data-margin-minus-bottom="85"] {
    margin-bottom: -85px !important;
}

[data-margin-minus-top="86"] {
    margin-top: -86px !important;
}

[data-margin-minus-bottom="86"] {
    margin-bottom: -86px !important;
}

[data-margin-minus-top="87"] {
    margin-top: -87px !important;
}

[data-margin-minus-bottom="87"] {
    margin-bottom: -87px !important;
}

[data-margin-minus-top="88"] {
    margin-top: -88px !important;
}

[data-margin-minus-bottom="88"] {
    margin-bottom: -88px !important;
}

[data-margin-minus-top="89"] {
    margin-top: -89px !important;
}

[data-margin-minus-bottom="89"] {
    margin-bottom: -89px !important;
}

[data-margin-minus-top="90"] {
    margin-top: -90px !important;
}

[data-margin-minus-bottom="90"] {
    margin-bottom: -90px !important;
}

[data-margin-minus-top="91"] {
    margin-top: -91px !important;
}

[data-margin-minus-bottom="91"] {
    margin-bottom: -91px !important;
}

[data-margin-minus-top="92"] {
    margin-top: -92px !important;
}

[data-margin-minus-bottom="92"] {
    margin-bottom: -92px !important;
}

[data-margin-minus-top="93"] {
    margin-top: -93px !important;
}

[data-margin-minus-bottom="93"] {
    margin-bottom: -93px !important;
}

[data-margin-minus-top="94"] {
    margin-top: -94px !important;
}

[data-margin-minus-bottom="94"] {
    margin-bottom: -94px !important;
}

[data-margin-minus-top="95"] {
    margin-top: -95px !important;
}

[data-margin-minus-bottom="95"] {
    margin-bottom: -95px !important;
}

[data-margin-minus-top="96"] {
    margin-top: -96px !important;
}

[data-margin-minus-bottom="96"] {
    margin-bottom: -96px !important;
}

[data-margin-minus-top="97"] {
    margin-top: -97px !important;
}

[data-margin-minus-bottom="97"] {
    margin-bottom: -97px !important;
}

[data-margin-minus-top="98"] {
    margin-top: -98px !important;
}

[data-margin-minus-bottom="98"] {
    margin-bottom: -98px !important;
}

[data-margin-minus-top="99"] {
    margin-top: -99px !important;
}

[data-margin-minus-bottom="99"] {
    margin-bottom: -99px !important;
}

[data-margin-minus-top="100"] {
    margin-top: -100px !important;
}

[data-margin-minus-bottom="100"] {
    margin-bottom: -100px !important;
}

[data-margin-minus-top="101"] {
    margin-top: -101px !important;
}

[data-margin-minus-bottom="101"] {
    margin-bottom: -101px !important;
}

[data-margin-minus-top="102"] {
    margin-top: -102px !important;
}

[data-margin-minus-bottom="102"] {
    margin-bottom: -102px !important;
}

[data-margin-minus-top="103"] {
    margin-top: -103px !important;
}

[data-margin-minus-bottom="103"] {
    margin-bottom: -103px !important;
}

[data-margin-minus-top="104"] {
    margin-top: -104px !important;
}

[data-margin-minus-bottom="104"] {
    margin-bottom: -104px !important;
}

[data-margin-minus-top="105"] {
    margin-top: -105px !important;
}

[data-margin-minus-bottom="105"] {
    margin-bottom: -105px !important;
}

[data-margin-minus-top="106"] {
    margin-top: -106px !important;
}

[data-margin-minus-bottom="106"] {
    margin-bottom: -106px !important;
}

[data-margin-minus-top="107"] {
    margin-top: -107px !important;
}

[data-margin-minus-bottom="107"] {
    margin-bottom: -107px !important;
}

[data-margin-minus-top="108"] {
    margin-top: -108px !important;
}

[data-margin-minus-bottom="108"] {
    margin-bottom: -108px !important;
}

[data-margin-minus-top="109"] {
    margin-top: -109px !important;
}

[data-margin-minus-bottom="109"] {
    margin-bottom: -109px !important;
}

[data-margin-minus-top="110"] {
    margin-top: -110px !important;
}

[data-margin-minus-bottom="110"] {
    margin-bottom: -110px !important;
}

[data-margin-minus-top="111"] {
    margin-top: -111px !important;
}

[data-margin-minus-bottom="111"] {
    margin-bottom: -111px !important;
}

[data-margin-minus-top="112"] {
    margin-top: -112px !important;
}

[data-margin-minus-bottom="112"] {
    margin-bottom: -112px !important;
}

[data-margin-minus-top="113"] {
    margin-top: -113px !important;
}

[data-margin-minus-bottom="113"] {
    margin-bottom: -113px !important;
}

[data-margin-minus-top="114"] {
    margin-top: -114px !important;
}

[data-margin-minus-bottom="114"] {
    margin-bottom: -114px !important;
}

[data-margin-minus-top="115"] {
    margin-top: -115px !important;
}

[data-margin-minus-bottom="115"] {
    margin-bottom: -115px !important;
}

[data-margin-minus-top="116"] {
    margin-top: -116px !important;
}

[data-margin-minus-bottom="116"] {
    margin-bottom: -116px !important;
}

[data-margin-minus-top="117"] {
    margin-top: -117px !important;
}

[data-margin-minus-bottom="117"] {
    margin-bottom: -117px !important;
}

[data-margin-minus-top="118"] {
    margin-top: -118px !important;
}

[data-margin-minus-bottom="118"] {
    margin-bottom: -118px !important;
}

[data-margin-minus-top="119"] {
    margin-top: -119px !important;
}

[data-margin-minus-bottom="119"] {
    margin-bottom: -119px !important;
}

[data-margin-minus-top="120"] {
    margin-top: -120px !important;
}

[data-margin-minus-bottom="120"] {
    margin-bottom: -120px !important;
}

[data-margin-minus-top="121"] {
    margin-top: -121px !important;
}

[data-margin-minus-bottom="121"] {
    margin-bottom: -121px !important;
}

[data-margin-minus-top="122"] {
    margin-top: -122px !important;
}

[data-margin-minus-bottom="122"] {
    margin-bottom: -122px !important;
}

[data-margin-minus-top="123"] {
    margin-top: -123px !important;
}

[data-margin-minus-bottom="123"] {
    margin-bottom: -123px !important;
}

[data-margin-minus-top="124"] {
    margin-top: -124px !important;
}

[data-margin-minus-bottom="124"] {
    margin-bottom: -124px !important;
}

[data-margin-minus-top="125"] {
    margin-top: -125px !important;
}

[data-margin-minus-bottom="125"] {
    margin-bottom: -125px !important;
}

[data-margin-minus-top="126"] {
    margin-top: -126px !important;
}

[data-margin-minus-bottom="126"] {
    margin-bottom: -126px !important;
}

[data-margin-minus-top="127"] {
    margin-top: -127px !important;
}

[data-margin-minus-bottom="127"] {
    margin-bottom: -127px !important;
}

[data-margin-minus-top="128"] {
    margin-top: -128px !important;
}

[data-margin-minus-bottom="128"] {
    margin-bottom: -128px !important;
}

[data-margin-minus-top="129"] {
    margin-top: -129px !important;
}

[data-margin-minus-bottom="129"] {
    margin-bottom: -129px !important;
}

[data-margin-minus-top="130"] {
    margin-top: -130px !important;
}

[data-margin-minus-bottom="130"] {
    margin-bottom: -130px !important;
}

[data-margin-minus-top="131"] {
    margin-top: -131px !important;
}

[data-margin-minus-bottom="131"] {
    margin-bottom: -131px !important;
}

[data-margin-minus-top="132"] {
    margin-top: -132px !important;
}

[data-margin-minus-bottom="132"] {
    margin-bottom: -132px !important;
}

[data-margin-minus-top="133"] {
    margin-top: -133px !important;
}

[data-margin-minus-bottom="133"] {
    margin-bottom: -133px !important;
}

[data-margin-minus-top="134"] {
    margin-top: -134px !important;
}

[data-margin-minus-bottom="134"] {
    margin-bottom: -134px !important;
}

[data-margin-minus-top="135"] {
    margin-top: -135px !important;
}

[data-margin-minus-bottom="135"] {
    margin-bottom: -135px !important;
}

[data-margin-minus-top="136"] {
    margin-top: -136px !important;
}

[data-margin-minus-bottom="136"] {
    margin-bottom: -136px !important;
}

[data-margin-minus-top="137"] {
    margin-top: -137px !important;
}

[data-margin-minus-bottom="137"] {
    margin-bottom: -137px !important;
}

[data-margin-minus-top="138"] {
    margin-top: -138px !important;
}

[data-margin-minus-bottom="138"] {
    margin-bottom: -138px !important;
}

[data-margin-minus-top="139"] {
    margin-top: -139px !important;
}

[data-margin-minus-bottom="139"] {
    margin-bottom: -139px !important;
}

[data-margin-minus-top="140"] {
    margin-top: -140px !important;
}

[data-margin-minus-bottom="140"] {
    margin-bottom: -140px !important;
}

[data-margin-minus-top="141"] {
    margin-top: -141px !important;
}

[data-margin-minus-bottom="141"] {
    margin-bottom: -141px !important;
}

[data-margin-minus-top="142"] {
    margin-top: -142px !important;
}

[data-margin-minus-bottom="142"] {
    margin-bottom: -142px !important;
}

[data-margin-minus-top="143"] {
    margin-top: -143px !important;
}

[data-margin-minus-bottom="143"] {
    margin-bottom: -143px !important;
}

[data-margin-minus-top="144"] {
    margin-top: -144px !important;
}

[data-margin-minus-bottom="144"] {
    margin-bottom: -144px !important;
}

[data-margin-minus-top="145"] {
    margin-top: -145px !important;
}

[data-margin-minus-bottom="145"] {
    margin-bottom: -145px !important;
}

[data-margin-minus-top="146"] {
    margin-top: -146px !important;
}

[data-margin-minus-bottom="146"] {
    margin-bottom: -146px !important;
}

[data-margin-minus-top="147"] {
    margin-top: -147px !important;
}

[data-margin-minus-bottom="147"] {
    margin-bottom: -147px !important;
}

[data-margin-minus-top="148"] {
    margin-top: -148px !important;
}

[data-margin-minus-bottom="148"] {
    margin-bottom: -148px !important;
}

[data-margin-minus-top="149"] {
    margin-top: -149px !important;
}

[data-margin-minus-bottom="149"] {
    margin-bottom: -149px !important;
}

[data-margin-minus-top="150"] {
    margin-top: -150px !important;
}

[data-margin-minus-bottom="150"] {
    margin-bottom: -150px !important;
}

[data-margin-minus-top="151"] {
    margin-top: -151px !important;
}

[data-margin-minus-bottom="151"] {
    margin-bottom: -151px !important;
}

[data-margin-minus-top="152"] {
    margin-top: -152px !important;
}

[data-margin-minus-bottom="152"] {
    margin-bottom: -152px !important;
}

[data-margin-minus-top="153"] {
    margin-top: -153px !important;
}

[data-margin-minus-bottom="153"] {
    margin-bottom: -153px !important;
}

[data-margin-minus-top="154"] {
    margin-top: -154px !important;
}

[data-margin-minus-bottom="154"] {
    margin-bottom: -154px !important;
}

[data-margin-minus-top="155"] {
    margin-top: -155px !important;
}

[data-margin-minus-bottom="155"] {
    margin-bottom: -155px !important;
}

[data-margin-minus-top="156"] {
    margin-top: -156px !important;
}

[data-margin-minus-bottom="156"] {
    margin-bottom: -156px !important;
}

[data-margin-minus-top="157"] {
    margin-top: -157px !important;
}

[data-margin-minus-bottom="157"] {
    margin-bottom: -157px !important;
}

[data-margin-minus-top="158"] {
    margin-top: -158px !important;
}

[data-margin-minus-bottom="158"] {
    margin-bottom: -158px !important;
}

[data-margin-minus-top="159"] {
    margin-top: -159px !important;
}

[data-margin-minus-bottom="159"] {
    margin-bottom: -159px !important;
}

[data-margin-minus-top="160"] {
    margin-top: -160px !important;
}

[data-margin-minus-bottom="160"] {
    margin-bottom: -160px !important;
}

[data-margin-minus-top="161"] {
    margin-top: -161px !important;
}

[data-margin-minus-bottom="161"] {
    margin-bottom: -161px !important;
}

[data-margin-minus-top="162"] {
    margin-top: -162px !important;
}

[data-margin-minus-bottom="162"] {
    margin-bottom: -162px !important;
}

[data-margin-minus-top="163"] {
    margin-top: -163px !important;
}

[data-margin-minus-bottom="163"] {
    margin-bottom: -163px !important;
}

[data-margin-minus-top="164"] {
    margin-top: -164px !important;
}

[data-margin-minus-bottom="164"] {
    margin-bottom: -164px !important;
}

[data-margin-minus-top="165"] {
    margin-top: -165px !important;
}

[data-margin-minus-bottom="165"] {
    margin-bottom: -165px !important;
}

[data-margin-minus-top="166"] {
    margin-top: -166px !important;
}

[data-margin-minus-bottom="166"] {
    margin-bottom: -166px !important;
}

[data-margin-minus-top="167"] {
    margin-top: -167px !important;
}

[data-margin-minus-bottom="167"] {
    margin-bottom: -167px !important;
}

[data-margin-minus-top="168"] {
    margin-top: -168px !important;
}

[data-margin-minus-bottom="168"] {
    margin-bottom: -168px !important;
}

[data-margin-minus-top="169"] {
    margin-top: -169px !important;
}

[data-margin-minus-bottom="169"] {
    margin-bottom: -169px !important;
}

[data-margin-minus-top="170"] {
    margin-top: -170px !important;
}

[data-margin-minus-bottom="170"] {
    margin-bottom: -170px !important;
}

[data-margin-minus-top="171"] {
    margin-top: -171px !important;
}

[data-margin-minus-bottom="171"] {
    margin-bottom: -171px !important;
}

[data-margin-minus-top="172"] {
    margin-top: -172px !important;
}

[data-margin-minus-bottom="172"] {
    margin-bottom: -172px !important;
}

[data-margin-minus-top="173"] {
    margin-top: -173px !important;
}

[data-margin-minus-bottom="173"] {
    margin-bottom: -173px !important;
}

[data-margin-minus-top="174"] {
    margin-top: -174px !important;
}

[data-margin-minus-bottom="174"] {
    margin-bottom: -174px !important;
}

[data-margin-minus-top="175"] {
    margin-top: -175px !important;
}

[data-margin-minus-bottom="175"] {
    margin-bottom: -175px !important;
}

[data-margin-minus-top="176"] {
    margin-top: -176px !important;
}

[data-margin-minus-bottom="176"] {
    margin-bottom: -176px !important;
}

[data-margin-minus-top="177"] {
    margin-top: -177px !important;
}

[data-margin-minus-bottom="177"] {
    margin-bottom: -177px !important;
}

[data-margin-minus-top="178"] {
    margin-top: -178px !important;
}

[data-margin-minus-bottom="178"] {
    margin-bottom: -178px !important;
}

[data-margin-minus-top="179"] {
    margin-top: -179px !important;
}

[data-margin-minus-bottom="179"] {
    margin-bottom: -179px !important;
}

[data-margin-minus-top="180"] {
    margin-top: -180px !important;
}

[data-margin-minus-bottom="180"] {
    margin-bottom: -180px !important;
}

[data-margin-minus-top="181"] {
    margin-top: -181px !important;
}

[data-margin-minus-bottom="181"] {
    margin-bottom: -181px !important;
}

[data-margin-minus-top="182"] {
    margin-top: -182px !important;
}

[data-margin-minus-bottom="182"] {
    margin-bottom: -182px !important;
}

[data-margin-minus-top="183"] {
    margin-top: -183px !important;
}

[data-margin-minus-bottom="183"] {
    margin-bottom: -183px !important;
}

[data-margin-minus-top="184"] {
    margin-top: -184px !important;
}

[data-margin-minus-bottom="184"] {
    margin-bottom: -184px !important;
}

[data-margin-minus-top="185"] {
    margin-top: -185px !important;
}

[data-margin-minus-bottom="185"] {
    margin-bottom: -185px !important;
}

[data-margin-minus-top="186"] {
    margin-top: -186px !important;
}

[data-margin-minus-bottom="186"] {
    margin-bottom: -186px !important;
}

[data-margin-minus-top="187"] {
    margin-top: -187px !important;
}

[data-margin-minus-bottom="187"] {
    margin-bottom: -187px !important;
}

[data-margin-minus-top="188"] {
    margin-top: -188px !important;
}

[data-margin-minus-bottom="188"] {
    margin-bottom: -188px !important;
}

[data-margin-minus-top="189"] {
    margin-top: -189px !important;
}

[data-margin-minus-bottom="189"] {
    margin-bottom: -189px !important;
}

[data-margin-minus-top="190"] {
    margin-top: -190px !important;
}

[data-margin-minus-bottom="190"] {
    margin-bottom: -190px !important;
}

[data-margin-minus-top="191"] {
    margin-top: -191px !important;
}

[data-margin-minus-bottom="191"] {
    margin-bottom: -191px !important;
}

[data-margin-minus-top="192"] {
    margin-top: -192px !important;
}

[data-margin-minus-bottom="192"] {
    margin-bottom: -192px !important;
}

[data-margin-minus-top="193"] {
    margin-top: -193px !important;
}

[data-margin-minus-bottom="193"] {
    margin-bottom: -193px !important;
}

[data-margin-minus-top="194"] {
    margin-top: -194px !important;
}

[data-margin-minus-bottom="194"] {
    margin-bottom: -194px !important;
}

[data-margin-minus-top="195"] {
    margin-top: -195px !important;
}

[data-margin-minus-bottom="195"] {
    margin-bottom: -195px !important;
}

[data-margin-minus-top="196"] {
    margin-top: -196px !important;
}

[data-margin-minus-bottom="196"] {
    margin-bottom: -196px !important;
}

[data-margin-minus-top="197"] {
    margin-top: -197px !important;
}

[data-margin-minus-bottom="197"] {
    margin-bottom: -197px !important;
}

[data-margin-minus-top="198"] {
    margin-top: -198px !important;
}

[data-margin-minus-bottom="198"] {
    margin-bottom: -198px !important;
}

[data-margin-minus-top="199"] {
    margin-top: -199px !important;
}

[data-margin-minus-bottom="199"] {
    margin-bottom: -199px !important;
}

[data-margin-minus-top="200"] {
    margin-top: -200px !important;
}

[data-margin-minus-bottom="200"] {
    margin-bottom: -200px !important;
}

[data-margin-minus-top="201"] {
    margin-top: -201px !important;
}

[data-margin-minus-bottom="201"] {
    margin-bottom: -201px !important;
}

[data-margin-minus-top="202"] {
    margin-top: -202px !important;
}

[data-margin-minus-bottom="202"] {
    margin-bottom: -202px !important;
}

[data-margin-minus-top="203"] {
    margin-top: -203px !important;
}

[data-margin-minus-bottom="203"] {
    margin-bottom: -203px !important;
}

[data-margin-minus-top="204"] {
    margin-top: -204px !important;
}

[data-margin-minus-bottom="204"] {
    margin-bottom: -204px !important;
}

[data-margin-minus-top="205"] {
    margin-top: -205px !important;
}

[data-margin-minus-bottom="205"] {
    margin-bottom: -205px !important;
}

[data-margin-minus-top="206"] {
    margin-top: -206px !important;
}

[data-margin-minus-bottom="206"] {
    margin-bottom: -206px !important;
}

[data-margin-minus-top="207"] {
    margin-top: -207px !important;
}

[data-margin-minus-bottom="207"] {
    margin-bottom: -207px !important;
}

[data-margin-minus-top="208"] {
    margin-top: -208px !important;
}

[data-margin-minus-bottom="208"] {
    margin-bottom: -208px !important;
}

[data-margin-minus-top="209"] {
    margin-top: -209px !important;
}

[data-margin-minus-bottom="209"] {
    margin-bottom: -209px !important;
}

[data-margin-minus-top="210"] {
    margin-top: -210px !important;
}

[data-margin-minus-bottom="210"] {
    margin-bottom: -210px !important;
}

[data-margin-minus-top="211"] {
    margin-top: -211px !important;
}

[data-margin-minus-bottom="211"] {
    margin-bottom: -211px !important;
}

[data-margin-minus-top="212"] {
    margin-top: -212px !important;
}

[data-margin-minus-bottom="212"] {
    margin-bottom: -212px !important;
}

[data-margin-minus-top="213"] {
    margin-top: -213px !important;
}

[data-margin-minus-bottom="213"] {
    margin-bottom: -213px !important;
}

[data-margin-minus-top="214"] {
    margin-top: -214px !important;
}

[data-margin-minus-bottom="214"] {
    margin-bottom: -214px !important;
}

[data-margin-minus-top="215"] {
    margin-top: -215px !important;
}

[data-margin-minus-bottom="215"] {
    margin-bottom: -215px !important;
}

[data-margin-minus-top="216"] {
    margin-top: -216px !important;
}

[data-margin-minus-bottom="216"] {
    margin-bottom: -216px !important;
}

[data-margin-minus-top="217"] {
    margin-top: -217px !important;
}

[data-margin-minus-bottom="217"] {
    margin-bottom: -217px !important;
}

[data-margin-minus-top="218"] {
    margin-top: -218px !important;
}

[data-margin-minus-bottom="218"] {
    margin-bottom: -218px !important;
}

[data-margin-minus-top="219"] {
    margin-top: -219px !important;
}

[data-margin-minus-bottom="219"] {
    margin-bottom: -219px !important;
}

[data-margin-minus-top="220"] {
    margin-top: -220px !important;
}

[data-margin-minus-bottom="220"] {
    margin-bottom: -220px !important;
}

[data-margin-minus-top="221"] {
    margin-top: -221px !important;
}

[data-margin-minus-bottom="221"] {
    margin-bottom: -221px !important;
}

[data-margin-minus-top="222"] {
    margin-top: -222px !important;
}

[data-margin-minus-bottom="222"] {
    margin-bottom: -222px !important;
}

[data-margin-minus-top="223"] {
    margin-top: -223px !important;
}

[data-margin-minus-bottom="223"] {
    margin-bottom: -223px !important;
}

[data-margin-minus-top="224"] {
    margin-top: -224px !important;
}

[data-margin-minus-bottom="224"] {
    margin-bottom: -224px !important;
}

[data-margin-minus-top="225"] {
    margin-top: -225px !important;
}

[data-margin-minus-bottom="225"] {
    margin-bottom: -225px !important;
}

[data-margin-minus-top="226"] {
    margin-top: -226px !important;
}

[data-margin-minus-bottom="226"] {
    margin-bottom: -226px !important;
}

[data-margin-minus-top="227"] {
    margin-top: -227px !important;
}

[data-margin-minus-bottom="227"] {
    margin-bottom: -227px !important;
}

[data-margin-minus-top="228"] {
    margin-top: -228px !important;
}

[data-margin-minus-bottom="228"] {
    margin-bottom: -228px !important;
}

[data-margin-minus-top="229"] {
    margin-top: -229px !important;
}

[data-margin-minus-bottom="229"] {
    margin-bottom: -229px !important;
}

[data-margin-minus-top="230"] {
    margin-top: -230px !important;
}

[data-margin-minus-bottom="230"] {
    margin-bottom: -230px !important;
}

[data-margin-minus-top="231"] {
    margin-top: -231px !important;
}

[data-margin-minus-bottom="231"] {
    margin-bottom: -231px !important;
}

[data-margin-minus-top="232"] {
    margin-top: -232px !important;
}

[data-margin-minus-bottom="232"] {
    margin-bottom: -232px !important;
}

[data-margin-minus-top="233"] {
    margin-top: -233px !important;
}

[data-margin-minus-bottom="233"] {
    margin-bottom: -233px !important;
}

[data-margin-minus-top="234"] {
    margin-top: -234px !important;
}

[data-margin-minus-bottom="234"] {
    margin-bottom: -234px !important;
}

[data-margin-minus-top="235"] {
    margin-top: -235px !important;
}

[data-margin-minus-bottom="235"] {
    margin-bottom: -235px !important;
}

[data-margin-minus-top="236"] {
    margin-top: -236px !important;
}

[data-margin-minus-bottom="236"] {
    margin-bottom: -236px !important;
}

[data-margin-minus-top="237"] {
    margin-top: -237px !important;
}

[data-margin-minus-bottom="237"] {
    margin-bottom: -237px !important;
}

[data-margin-minus-top="238"] {
    margin-top: -238px !important;
}

[data-margin-minus-bottom="238"] {
    margin-bottom: -238px !important;
}

[data-margin-minus-top="239"] {
    margin-top: -239px !important;
}

[data-margin-minus-bottom="239"] {
    margin-bottom: -239px !important;
}

[data-margin-minus-top="240"] {
    margin-top: -240px !important;
}

[data-margin-minus-bottom="240"] {
    margin-bottom: -240px !important;
}

[data-margin-minus-top="241"] {
    margin-top: -241px !important;
}

[data-margin-minus-bottom="241"] {
    margin-bottom: -241px !important;
}

[data-margin-minus-top="242"] {
    margin-top: -242px !important;
}

[data-margin-minus-bottom="242"] {
    margin-bottom: -242px !important;
}

[data-margin-minus-top="243"] {
    margin-top: -243px !important;
}

[data-margin-minus-bottom="243"] {
    margin-bottom: -243px !important;
}

[data-margin-minus-top="244"] {
    margin-top: -244px !important;
}

[data-margin-minus-bottom="244"] {
    margin-bottom: -244px !important;
}

[data-margin-minus-top="245"] {
    margin-top: -245px !important;
}

[data-margin-minus-bottom="245"] {
    margin-bottom: -245px !important;
}

[data-margin-minus-top="246"] {
    margin-top: -246px !important;
}

[data-margin-minus-bottom="246"] {
    margin-bottom: -246px !important;
}

[data-margin-minus-top="247"] {
    margin-top: -247px !important;
}

[data-margin-minus-bottom="247"] {
    margin-bottom: -247px !important;
}

[data-margin-minus-top="248"] {
    margin-top: -248px !important;
}

[data-margin-minus-bottom="248"] {
    margin-bottom: -248px !important;
}

[data-margin-minus-top="249"] {
    margin-top: -249px !important;
}

[data-margin-minus-bottom="249"] {
    margin-bottom: -249px !important;
}

[data-margin-minus-top="250"] {
    margin-top: -250px !important;
}

[data-margin-minus-bottom="250"] {
    margin-bottom: -250px !important;
}

[data-margin-minus-top="251"] {
    margin-top: -251px !important;
}

[data-margin-minus-bottom="251"] {
    margin-bottom: -251px !important;
}

[data-margin-minus-top="252"] {
    margin-top: -252px !important;
}

[data-margin-minus-bottom="252"] {
    margin-bottom: -252px !important;
}

[data-margin-minus-top="253"] {
    margin-top: -253px !important;
}

[data-margin-minus-bottom="253"] {
    margin-bottom: -253px !important;
}

[data-margin-minus-top="254"] {
    margin-top: -254px !important;
}

[data-margin-minus-bottom="254"] {
    margin-bottom: -254px !important;
}

[data-margin-minus-top="255"] {
    margin-top: -255px !important;
}

[data-margin-minus-bottom="255"] {
    margin-bottom: -255px !important;
}

[data-margin-minus-top="256"] {
    margin-top: -256px !important;
}

[data-margin-minus-bottom="256"] {
    margin-bottom: -256px !important;
}

[data-margin-minus-top="257"] {
    margin-top: -257px !important;
}

[data-margin-minus-bottom="257"] {
    margin-bottom: -257px !important;
}

[data-margin-minus-top="258"] {
    margin-top: -258px !important;
}

[data-margin-minus-bottom="258"] {
    margin-bottom: -258px !important;
}

[data-margin-minus-top="259"] {
    margin-top: -259px !important;
}

[data-margin-minus-bottom="259"] {
    margin-bottom: -259px !important;
}

[data-margin-minus-top="260"] {
    margin-top: -260px !important;
}

[data-margin-minus-bottom="260"] {
    margin-bottom: -260px !important;
}

[data-margin-minus-top="261"] {
    margin-top: -261px !important;
}

[data-margin-minus-bottom="261"] {
    margin-bottom: -261px !important;
}

[data-margin-minus-top="262"] {
    margin-top: -262px !important;
}

[data-margin-minus-bottom="262"] {
    margin-bottom: -262px !important;
}

[data-margin-minus-top="263"] {
    margin-top: -263px !important;
}

[data-margin-minus-bottom="263"] {
    margin-bottom: -263px !important;
}

[data-margin-minus-top="264"] {
    margin-top: -264px !important;
}

[data-margin-minus-bottom="264"] {
    margin-bottom: -264px !important;
}

[data-margin-minus-top="265"] {
    margin-top: -265px !important;
}

[data-margin-minus-bottom="265"] {
    margin-bottom: -265px !important;
}

[data-margin-minus-top="266"] {
    margin-top: -266px !important;
}

[data-margin-minus-bottom="266"] {
    margin-bottom: -266px !important;
}

[data-margin-minus-top="267"] {
    margin-top: -267px !important;
}

[data-margin-minus-bottom="267"] {
    margin-bottom: -267px !important;
}

[data-margin-minus-top="268"] {
    margin-top: -268px !important;
}

[data-margin-minus-bottom="268"] {
    margin-bottom: -268px !important;
}

[data-margin-minus-top="269"] {
    margin-top: -269px !important;
}

[data-margin-minus-bottom="269"] {
    margin-bottom: -269px !important;
}

[data-margin-minus-top="270"] {
    margin-top: -270px !important;
}

[data-margin-minus-bottom="270"] {
    margin-bottom: -270px !important;
}

[data-margin-minus-top="271"] {
    margin-top: -271px !important;
}

[data-margin-minus-bottom="271"] {
    margin-bottom: -271px !important;
}

[data-margin-minus-top="272"] {
    margin-top: -272px !important;
}

[data-margin-minus-bottom="272"] {
    margin-bottom: -272px !important;
}

[data-margin-minus-top="273"] {
    margin-top: -273px !important;
}

[data-margin-minus-bottom="273"] {
    margin-bottom: -273px !important;
}

[data-margin-minus-top="274"] {
    margin-top: -274px !important;
}

[data-margin-minus-bottom="274"] {
    margin-bottom: -274px !important;
}

[data-margin-minus-top="275"] {
    margin-top: -275px !important;
}

[data-margin-minus-bottom="275"] {
    margin-bottom: -275px !important;
}

[data-margin-minus-top="276"] {
    margin-top: -276px !important;
}

[data-margin-minus-bottom="276"] {
    margin-bottom: -276px !important;
}

[data-margin-minus-top="277"] {
    margin-top: -277px !important;
}

[data-margin-minus-bottom="277"] {
    margin-bottom: -277px !important;
}

[data-margin-minus-top="278"] {
    margin-top: -278px !important;
}

[data-margin-minus-bottom="278"] {
    margin-bottom: -278px !important;
}

[data-margin-minus-top="279"] {
    margin-top: -279px !important;
}

[data-margin-minus-bottom="279"] {
    margin-bottom: -279px !important;
}

[data-margin-minus-top="280"] {
    margin-top: -280px !important;
}

[data-margin-minus-bottom="280"] {
    margin-bottom: -280px !important;
}

[data-margin-minus-top="281"] {
    margin-top: -281px !important;
}

[data-margin-minus-bottom="281"] {
    margin-bottom: -281px !important;
}

[data-margin-minus-top="282"] {
    margin-top: -282px !important;
}

[data-margin-minus-bottom="282"] {
    margin-bottom: -282px !important;
}

[data-margin-minus-top="283"] {
    margin-top: -283px !important;
}

[data-margin-minus-bottom="283"] {
    margin-bottom: -283px !important;
}

[data-margin-minus-top="284"] {
    margin-top: -284px !important;
}

[data-margin-minus-bottom="284"] {
    margin-bottom: -284px !important;
}

[data-margin-minus-top="285"] {
    margin-top: -285px !important;
}

[data-margin-minus-bottom="285"] {
    margin-bottom: -285px !important;
}

[data-margin-minus-top="286"] {
    margin-top: -286px !important;
}

[data-margin-minus-bottom="286"] {
    margin-bottom: -286px !important;
}

[data-margin-minus-top="287"] {
    margin-top: -287px !important;
}

[data-margin-minus-bottom="287"] {
    margin-bottom: -287px !important;
}

[data-margin-minus-top="288"] {
    margin-top: -288px !important;
}

[data-margin-minus-bottom="288"] {
    margin-bottom: -288px !important;
}

[data-margin-minus-top="289"] {
    margin-top: -289px !important;
}

[data-margin-minus-bottom="289"] {
    margin-bottom: -289px !important;
}

[data-margin-minus-top="290"] {
    margin-top: -290px !important;
}

[data-margin-minus-bottom="290"] {
    margin-bottom: -290px !important;
}

[data-margin-minus-top="291"] {
    margin-top: -291px !important;
}

[data-margin-minus-bottom="291"] {
    margin-bottom: -291px !important;
}

[data-margin-minus-top="292"] {
    margin-top: -292px !important;
}

[data-margin-minus-bottom="292"] {
    margin-bottom: -292px !important;
}

[data-margin-minus-top="293"] {
    margin-top: -293px !important;
}

[data-margin-minus-bottom="293"] {
    margin-bottom: -293px !important;
}

[data-margin-minus-top="294"] {
    margin-top: -294px !important;
}

[data-margin-minus-bottom="294"] {
    margin-bottom: -294px !important;
}

[data-margin-minus-top="295"] {
    margin-top: -295px !important;
}

[data-margin-minus-bottom="295"] {
    margin-bottom: -295px !important;
}

[data-margin-minus-top="296"] {
    margin-top: -296px !important;
}

[data-margin-minus-bottom="296"] {
    margin-bottom: -296px !important;
}

[data-margin-minus-top="297"] {
    margin-top: -297px !important;
}

[data-margin-minus-bottom="297"] {
    margin-bottom: -297px !important;
}

[data-margin-minus-top="298"] {
    margin-top: -298px !important;
}

[data-margin-minus-bottom="298"] {
    margin-bottom: -298px !important;
}

[data-margin-minus-top="299"] {
    margin-top: -299px !important;
}

[data-margin-minus-bottom="299"] {
    margin-bottom: -299px !important;
}

[data-margin-minus-top="300"] {
    margin-top: -300px !important;
}

[data-margin-minus-bottom="300"] {
    margin-bottom: -300px !important;
}

[data-margin-minus-top="301"] {
    margin-top: -301px !important;
}

[data-margin-minus-bottom="301"] {
    margin-bottom: -301px !important;
}

[data-margin-minus-top="302"] {
    margin-top: -302px !important;
}

[data-margin-minus-bottom="302"] {
    margin-bottom: -302px !important;
}

[data-margin-minus-top="303"] {
    margin-top: -303px !important;
}

[data-margin-minus-bottom="303"] {
    margin-bottom: -303px !important;
}

[data-margin-minus-top="304"] {
    margin-top: -304px !important;
}

[data-margin-minus-bottom="304"] {
    margin-bottom: -304px !important;
}

[data-margin-minus-top="305"] {
    margin-top: -305px !important;
}

[data-margin-minus-bottom="305"] {
    margin-bottom: -305px !important;
}

[data-margin-minus-top="306"] {
    margin-top: -306px !important;
}

[data-margin-minus-bottom="306"] {
    margin-bottom: -306px !important;
}

[data-margin-minus-top="307"] {
    margin-top: -307px !important;
}

[data-margin-minus-bottom="307"] {
    margin-bottom: -307px !important;
}

[data-margin-minus-top="308"] {
    margin-top: -308px !important;
}

[data-margin-minus-bottom="308"] {
    margin-bottom: -308px !important;
}

[data-margin-minus-top="309"] {
    margin-top: -309px !important;
}

[data-margin-minus-bottom="309"] {
    margin-bottom: -309px !important;
}

[data-margin-minus-top="310"] {
    margin-top: -310px !important;
}

[data-margin-minus-bottom="310"] {
    margin-bottom: -310px !important;
}

[data-margin-minus-top="311"] {
    margin-top: -311px !important;
}

[data-margin-minus-bottom="311"] {
    margin-bottom: -311px !important;
}

[data-margin-minus-top="312"] {
    margin-top: -312px !important;
}

[data-margin-minus-bottom="312"] {
    margin-bottom: -312px !important;
}

[data-margin-minus-top="313"] {
    margin-top: -313px !important;
}

[data-margin-minus-bottom="313"] {
    margin-bottom: -313px !important;
}

[data-margin-minus-top="314"] {
    margin-top: -314px !important;
}

[data-margin-minus-bottom="314"] {
    margin-bottom: -314px !important;
}

[data-margin-minus-top="315"] {
    margin-top: -315px !important;
}

[data-margin-minus-bottom="315"] {
    margin-bottom: -315px !important;
}

[data-margin-minus-top="316"] {
    margin-top: -316px !important;
}

[data-margin-minus-bottom="316"] {
    margin-bottom: -316px !important;
}

[data-margin-minus-top="317"] {
    margin-top: -317px !important;
}

[data-margin-minus-bottom="317"] {
    margin-bottom: -317px !important;
}

[data-margin-minus-top="318"] {
    margin-top: -318px !important;
}

[data-margin-minus-bottom="318"] {
    margin-bottom: -318px !important;
}

[data-margin-minus-top="319"] {
    margin-top: -319px !important;
}

[data-margin-minus-bottom="319"] {
    margin-bottom: -319px !important;
}

[data-margin-minus-top="320"] {
    margin-top: -320px !important;
}

[data-margin-minus-bottom="320"] {
    margin-bottom: -320px !important;
}

[data-margin-minus-top="321"] {
    margin-top: -321px !important;
}

[data-margin-minus-bottom="321"] {
    margin-bottom: -321px !important;
}

[data-margin-minus-top="322"] {
    margin-top: -322px !important;
}

[data-margin-minus-bottom="322"] {
    margin-bottom: -322px !important;
}

[data-margin-minus-top="323"] {
    margin-top: -323px !important;
}

[data-margin-minus-bottom="323"] {
    margin-bottom: -323px !important;
}

[data-margin-minus-top="324"] {
    margin-top: -324px !important;
}

[data-margin-minus-bottom="324"] {
    margin-bottom: -324px !important;
}

[data-margin-minus-top="325"] {
    margin-top: -325px !important;
}

[data-margin-minus-bottom="325"] {
    margin-bottom: -325px !important;
}

[data-margin-minus-top="326"] {
    margin-top: -326px !important;
}

[data-margin-minus-bottom="326"] {
    margin-bottom: -326px !important;
}

[data-margin-minus-top="327"] {
    margin-top: -327px !important;
}

[data-margin-minus-bottom="327"] {
    margin-bottom: -327px !important;
}

[data-margin-minus-top="328"] {
    margin-top: -328px !important;
}

[data-margin-minus-bottom="328"] {
    margin-bottom: -328px !important;
}

[data-margin-minus-top="329"] {
    margin-top: -329px !important;
}

[data-margin-minus-bottom="329"] {
    margin-bottom: -329px !important;
}

[data-margin-minus-top="330"] {
    margin-top: -330px !important;
}

[data-margin-minus-bottom="330"] {
    margin-bottom: -330px !important;
}

[data-margin-minus-top="331"] {
    margin-top: -331px !important;
}

[data-margin-minus-bottom="331"] {
    margin-bottom: -331px !important;
}

[data-margin-minus-top="332"] {
    margin-top: -332px !important;
}

[data-margin-minus-bottom="332"] {
    margin-bottom: -332px !important;
}

[data-margin-minus-top="333"] {
    margin-top: -333px !important;
}

[data-margin-minus-bottom="333"] {
    margin-bottom: -333px !important;
}

[data-margin-minus-top="334"] {
    margin-top: -334px !important;
}

[data-margin-minus-bottom="334"] {
    margin-bottom: -334px !important;
}

[data-margin-minus-top="335"] {
    margin-top: -335px !important;
}

[data-margin-minus-bottom="335"] {
    margin-bottom: -335px !important;
}

[data-margin-minus-top="336"] {
    margin-top: -336px !important;
}

[data-margin-minus-bottom="336"] {
    margin-bottom: -336px !important;
}

[data-margin-minus-top="337"] {
    margin-top: -337px !important;
}

[data-margin-minus-bottom="337"] {
    margin-bottom: -337px !important;
}

[data-margin-minus-top="338"] {
    margin-top: -338px !important;
}

[data-margin-minus-bottom="338"] {
    margin-bottom: -338px !important;
}

[data-margin-minus-top="339"] {
    margin-top: -339px !important;
}

[data-margin-minus-bottom="339"] {
    margin-bottom: -339px !important;
}

[data-margin-minus-top="340"] {
    margin-top: -340px !important;
}

[data-margin-minus-bottom="340"] {
    margin-bottom: -340px !important;
}

[data-margin-minus-top="341"] {
    margin-top: -341px !important;
}

[data-margin-minus-bottom="341"] {
    margin-bottom: -341px !important;
}

[data-margin-minus-top="342"] {
    margin-top: -342px !important;
}

[data-margin-minus-bottom="342"] {
    margin-bottom: -342px !important;
}

[data-margin-minus-top="343"] {
    margin-top: -343px !important;
}

[data-margin-minus-bottom="343"] {
    margin-bottom: -343px !important;
}

[data-margin-minus-top="344"] {
    margin-top: -344px !important;
}

[data-margin-minus-bottom="344"] {
    margin-bottom: -344px !important;
}

[data-margin-minus-top="345"] {
    margin-top: -345px !important;
}

[data-margin-minus-bottom="345"] {
    margin-bottom: -345px !important;
}

[data-margin-minus-top="346"] {
    margin-top: -346px !important;
}

[data-margin-minus-bottom="346"] {
    margin-bottom: -346px !important;
}

[data-margin-minus-top="347"] {
    margin-top: -347px !important;
}

[data-margin-minus-bottom="347"] {
    margin-bottom: -347px !important;
}

[data-margin-minus-top="348"] {
    margin-top: -348px !important;
}

[data-margin-minus-bottom="348"] {
    margin-bottom: -348px !important;
}

[data-margin-minus-top="349"] {
    margin-top: -349px !important;
}

[data-margin-minus-bottom="349"] {
    margin-bottom: -349px !important;
}

[data-margin-minus-top="350"] {
    margin-top: -350px !important;
}

[data-margin-minus-bottom="350"] {
    margin-bottom: -350px !important;
}

[data-margin-minus-top="351"] {
    margin-top: -351px !important;
}

[data-margin-minus-bottom="351"] {
    margin-bottom: -351px !important;
}

[data-margin-minus-top="352"] {
    margin-top: -352px !important;
}

[data-margin-minus-bottom="352"] {
    margin-bottom: -352px !important;
}

[data-margin-minus-top="353"] {
    margin-top: -353px !important;
}

[data-margin-minus-bottom="353"] {
    margin-bottom: -353px !important;
}

[data-margin-minus-top="354"] {
    margin-top: -354px !important;
}

[data-margin-minus-bottom="354"] {
    margin-bottom: -354px !important;
}

[data-margin-minus-top="355"] {
    margin-top: -355px !important;
}

[data-margin-minus-bottom="355"] {
    margin-bottom: -355px !important;
}

[data-margin-minus-top="356"] {
    margin-top: -356px !important;
}

[data-margin-minus-bottom="356"] {
    margin-bottom: -356px !important;
}

[data-margin-minus-top="357"] {
    margin-top: -357px !important;
}

[data-margin-minus-bottom="357"] {
    margin-bottom: -357px !important;
}

[data-margin-minus-top="358"] {
    margin-top: -358px !important;
}

[data-margin-minus-bottom="358"] {
    margin-bottom: -358px !important;
}

[data-margin-minus-top="359"] {
    margin-top: -359px !important;
}

[data-margin-minus-bottom="359"] {
    margin-bottom: -359px !important;
}

[data-margin-minus-top="360"] {
    margin-top: -360px !important;
}

[data-margin-minus-bottom="360"] {
    margin-bottom: -360px !important;
}

[data-margin-minus-top="361"] {
    margin-top: -361px !important;
}

[data-margin-minus-bottom="361"] {
    margin-bottom: -361px !important;
}

[data-margin-minus-top="362"] {
    margin-top: -362px !important;
}

[data-margin-minus-bottom="362"] {
    margin-bottom: -362px !important;
}

[data-margin-minus-top="363"] {
    margin-top: -363px !important;
}

[data-margin-minus-bottom="363"] {
    margin-bottom: -363px !important;
}

[data-margin-minus-top="364"] {
    margin-top: -364px !important;
}

[data-margin-minus-bottom="364"] {
    margin-bottom: -364px !important;
}

[data-margin-minus-top="365"] {
    margin-top: -365px !important;
}

[data-margin-minus-bottom="365"] {
    margin-bottom: -365px !important;
}

[data-margin-minus-top="366"] {
    margin-top: -366px !important;
}

[data-margin-minus-bottom="366"] {
    margin-bottom: -366px !important;
}

[data-margin-minus-top="367"] {
    margin-top: -367px !important;
}

[data-margin-minus-bottom="367"] {
    margin-bottom: -367px !important;
}

[data-margin-minus-top="368"] {
    margin-top: -368px !important;
}

[data-margin-minus-bottom="368"] {
    margin-bottom: -368px !important;
}

[data-margin-minus-top="369"] {
    margin-top: -369px !important;
}

[data-margin-minus-bottom="369"] {
    margin-bottom: -369px !important;
}

[data-margin-minus-top="370"] {
    margin-top: -370px !important;
}

[data-margin-minus-bottom="370"] {
    margin-bottom: -370px !important;
}

[data-margin-minus-top="371"] {
    margin-top: -371px !important;
}

[data-margin-minus-bottom="371"] {
    margin-bottom: -371px !important;
}

[data-margin-minus-top="372"] {
    margin-top: -372px !important;
}

[data-margin-minus-bottom="372"] {
    margin-bottom: -372px !important;
}

[data-margin-minus-top="373"] {
    margin-top: -373px !important;
}

[data-margin-minus-bottom="373"] {
    margin-bottom: -373px !important;
}

[data-margin-minus-top="374"] {
    margin-top: -374px !important;
}

[data-margin-minus-bottom="374"] {
    margin-bottom: -374px !important;
}

[data-margin-minus-top="375"] {
    margin-top: -375px !important;
}

[data-margin-minus-bottom="375"] {
    margin-bottom: -375px !important;
}

[data-margin-minus-top="376"] {
    margin-top: -376px !important;
}

[data-margin-minus-bottom="376"] {
    margin-bottom: -376px !important;
}

[data-margin-minus-top="377"] {
    margin-top: -377px !important;
}

[data-margin-minus-bottom="377"] {
    margin-bottom: -377px !important;
}

[data-margin-minus-top="378"] {
    margin-top: -378px !important;
}

[data-margin-minus-bottom="378"] {
    margin-bottom: -378px !important;
}

[data-margin-minus-top="379"] {
    margin-top: -379px !important;
}

[data-margin-minus-bottom="379"] {
    margin-bottom: -379px !important;
}

[data-margin-minus-top="380"] {
    margin-top: -380px !important;
}

[data-margin-minus-bottom="380"] {
    margin-bottom: -380px !important;
}

[data-margin-minus-top="381"] {
    margin-top: -381px !important;
}

[data-margin-minus-bottom="381"] {
    margin-bottom: -381px !important;
}

[data-margin-minus-top="382"] {
    margin-top: -382px !important;
}

[data-margin-minus-bottom="382"] {
    margin-bottom: -382px !important;
}

[data-margin-minus-top="383"] {
    margin-top: -383px !important;
}

[data-margin-minus-bottom="383"] {
    margin-bottom: -383px !important;
}

[data-margin-minus-top="384"] {
    margin-top: -384px !important;
}

[data-margin-minus-bottom="384"] {
    margin-bottom: -384px !important;
}

[data-margin-minus-top="385"] {
    margin-top: -385px !important;
}

[data-margin-minus-bottom="385"] {
    margin-bottom: -385px !important;
}

[data-margin-minus-top="386"] {
    margin-top: -386px !important;
}

[data-margin-minus-bottom="386"] {
    margin-bottom: -386px !important;
}

[data-margin-minus-top="387"] {
    margin-top: -387px !important;
}

[data-margin-minus-bottom="387"] {
    margin-bottom: -387px !important;
}

[data-margin-minus-top="388"] {
    margin-top: -388px !important;
}

[data-margin-minus-bottom="388"] {
    margin-bottom: -388px !important;
}

[data-margin-minus-top="389"] {
    margin-top: -389px !important;
}

[data-margin-minus-bottom="389"] {
    margin-bottom: -389px !important;
}

[data-margin-minus-top="390"] {
    margin-top: -390px !important;
}

[data-margin-minus-bottom="390"] {
    margin-bottom: -390px !important;
}

[data-margin-minus-top="391"] {
    margin-top: -391px !important;
}

[data-margin-minus-bottom="391"] {
    margin-bottom: -391px !important;
}

[data-margin-minus-top="392"] {
    margin-top: -392px !important;
}

[data-margin-minus-bottom="392"] {
    margin-bottom: -392px !important;
}

[data-margin-minus-top="393"] {
    margin-top: -393px !important;
}

[data-margin-minus-bottom="393"] {
    margin-bottom: -393px !important;
}

[data-margin-minus-top="394"] {
    margin-top: -394px !important;
}

[data-margin-minus-bottom="394"] {
    margin-bottom: -394px !important;
}

[data-margin-minus-top="395"] {
    margin-top: -395px !important;
}

[data-margin-minus-bottom="395"] {
    margin-bottom: -395px !important;
}

[data-margin-minus-top="396"] {
    margin-top: -396px !important;
}

[data-margin-minus-bottom="396"] {
    margin-bottom: -396px !important;
}

[data-margin-minus-top="397"] {
    margin-top: -397px !important;
}

[data-margin-minus-bottom="397"] {
    margin-bottom: -397px !important;
}

[data-margin-minus-top="398"] {
    margin-top: -398px !important;
}

[data-margin-minus-bottom="398"] {
    margin-bottom: -398px !important;
}

[data-margin-minus-top="399"] {
    margin-top: -399px !important;
}

[data-margin-minus-bottom="399"] {
    margin-bottom: -399px !important;
}

[data-margin-minus-top="400"] {
    margin-top: -400px !important;
}

[data-margin-minus-bottom="400"] {
    margin-bottom: -400px !important;
}

[data-margin-minus-top="401"] {
    margin-top: -401px !important;
}

[data-margin-minus-bottom="401"] {
    margin-bottom: -401px !important;
}

[data-margin-minus-top="402"] {
    margin-top: -402px !important;
}

[data-margin-minus-bottom="402"] {
    margin-bottom: -402px !important;
}

[data-margin-minus-top="403"] {
    margin-top: -403px !important;
}

[data-margin-minus-bottom="403"] {
    margin-bottom: -403px !important;
}

[data-margin-minus-top="404"] {
    margin-top: -404px !important;
}

[data-margin-minus-bottom="404"] {
    margin-bottom: -404px !important;
}

[data-margin-minus-top="405"] {
    margin-top: -405px !important;
}

[data-margin-minus-bottom="405"] {
    margin-bottom: -405px !important;
}

[data-margin-minus-top="406"] {
    margin-top: -406px !important;
}

[data-margin-minus-bottom="406"] {
    margin-bottom: -406px !important;
}

[data-margin-minus-top="407"] {
    margin-top: -407px !important;
}

[data-margin-minus-bottom="407"] {
    margin-bottom: -407px !important;
}

[data-margin-minus-top="408"] {
    margin-top: -408px !important;
}

[data-margin-minus-bottom="408"] {
    margin-bottom: -408px !important;
}

[data-margin-minus-top="409"] {
    margin-top: -409px !important;
}

[data-margin-minus-bottom="409"] {
    margin-bottom: -409px !important;
}

[data-margin-minus-top="410"] {
    margin-top: -410px !important;
}

[data-margin-minus-bottom="410"] {
    margin-bottom: -410px !important;
}

[data-margin-minus-top="411"] {
    margin-top: -411px !important;
}

[data-margin-minus-bottom="411"] {
    margin-bottom: -411px !important;
}

[data-margin-minus-top="412"] {
    margin-top: -412px !important;
}

[data-margin-minus-bottom="412"] {
    margin-bottom: -412px !important;
}

[data-margin-minus-top="413"] {
    margin-top: -413px !important;
}

[data-margin-minus-bottom="413"] {
    margin-bottom: -413px !important;
}

[data-margin-minus-top="414"] {
    margin-top: -414px !important;
}

[data-margin-minus-bottom="414"] {
    margin-bottom: -414px !important;
}

[data-margin-minus-top="415"] {
    margin-top: -415px !important;
}

[data-margin-minus-bottom="415"] {
    margin-bottom: -415px !important;
}

[data-margin-minus-top="416"] {
    margin-top: -416px !important;
}

[data-margin-minus-bottom="416"] {
    margin-bottom: -416px !important;
}

[data-margin-minus-top="417"] {
    margin-top: -417px !important;
}

[data-margin-minus-bottom="417"] {
    margin-bottom: -417px !important;
}

[data-margin-minus-top="418"] {
    margin-top: -418px !important;
}

[data-margin-minus-bottom="418"] {
    margin-bottom: -418px !important;
}

[data-margin-minus-top="419"] {
    margin-top: -419px !important;
}

[data-margin-minus-bottom="419"] {
    margin-bottom: -419px !important;
}

[data-margin-minus-top="420"] {
    margin-top: -420px !important;
}

[data-margin-minus-bottom="420"] {
    margin-bottom: -420px !important;
}

[data-margin-minus-top="421"] {
    margin-top: -421px !important;
}

[data-margin-minus-bottom="421"] {
    margin-bottom: -421px !important;
}

[data-margin-minus-top="422"] {
    margin-top: -422px !important;
}

[data-margin-minus-bottom="422"] {
    margin-bottom: -422px !important;
}

[data-margin-minus-top="423"] {
    margin-top: -423px !important;
}

[data-margin-minus-bottom="423"] {
    margin-bottom: -423px !important;
}

[data-margin-minus-top="424"] {
    margin-top: -424px !important;
}

[data-margin-minus-bottom="424"] {
    margin-bottom: -424px !important;
}

[data-margin-minus-top="425"] {
    margin-top: -425px !important;
}

[data-margin-minus-bottom="425"] {
    margin-bottom: -425px !important;
}

[data-margin-minus-top="426"] {
    margin-top: -426px !important;
}

[data-margin-minus-bottom="426"] {
    margin-bottom: -426px !important;
}

[data-margin-minus-top="427"] {
    margin-top: -427px !important;
}

[data-margin-minus-bottom="427"] {
    margin-bottom: -427px !important;
}

[data-margin-minus-top="428"] {
    margin-top: -428px !important;
}

[data-margin-minus-bottom="428"] {
    margin-bottom: -428px !important;
}

[data-margin-minus-top="429"] {
    margin-top: -429px !important;
}

[data-margin-minus-bottom="429"] {
    margin-bottom: -429px !important;
}

[data-margin-minus-top="430"] {
    margin-top: -430px !important;
}

[data-margin-minus-bottom="430"] {
    margin-bottom: -430px !important;
}

[data-margin-minus-top="431"] {
    margin-top: -431px !important;
}

[data-margin-minus-bottom="431"] {
    margin-bottom: -431px !important;
}

[data-margin-minus-top="432"] {
    margin-top: -432px !important;
}

[data-margin-minus-bottom="432"] {
    margin-bottom: -432px !important;
}

[data-margin-minus-top="433"] {
    margin-top: -433px !important;
}

[data-margin-minus-bottom="433"] {
    margin-bottom: -433px !important;
}

[data-margin-minus-top="434"] {
    margin-top: -434px !important;
}

[data-margin-minus-bottom="434"] {
    margin-bottom: -434px !important;
}

[data-margin-minus-top="435"] {
    margin-top: -435px !important;
}

[data-margin-minus-bottom="435"] {
    margin-bottom: -435px !important;
}

[data-margin-minus-top="436"] {
    margin-top: -436px !important;
}

[data-margin-minus-bottom="436"] {
    margin-bottom: -436px !important;
}

[data-margin-minus-top="437"] {
    margin-top: -437px !important;
}

[data-margin-minus-bottom="437"] {
    margin-bottom: -437px !important;
}

[data-margin-minus-top="438"] {
    margin-top: -438px !important;
}

[data-margin-minus-bottom="438"] {
    margin-bottom: -438px !important;
}

[data-margin-minus-top="439"] {
    margin-top: -439px !important;
}

[data-margin-minus-bottom="439"] {
    margin-bottom: -439px !important;
}

[data-margin-minus-top="440"] {
    margin-top: -440px !important;
}

[data-margin-minus-bottom="440"] {
    margin-bottom: -440px !important;
}

[data-margin-minus-top="441"] {
    margin-top: -441px !important;
}

[data-margin-minus-bottom="441"] {
    margin-bottom: -441px !important;
}

[data-margin-minus-top="442"] {
    margin-top: -442px !important;
}

[data-margin-minus-bottom="442"] {
    margin-bottom: -442px !important;
}

[data-margin-minus-top="443"] {
    margin-top: -443px !important;
}

[data-margin-minus-bottom="443"] {
    margin-bottom: -443px !important;
}

[data-margin-minus-top="444"] {
    margin-top: -444px !important;
}

[data-margin-minus-bottom="444"] {
    margin-bottom: -444px !important;
}

[data-margin-minus-top="445"] {
    margin-top: -445px !important;
}

[data-margin-minus-bottom="445"] {
    margin-bottom: -445px !important;
}

[data-margin-minus-top="446"] {
    margin-top: -446px !important;
}

[data-margin-minus-bottom="446"] {
    margin-bottom: -446px !important;
}

[data-margin-minus-top="447"] {
    margin-top: -447px !important;
}

[data-margin-minus-bottom="447"] {
    margin-bottom: -447px !important;
}

[data-margin-minus-top="448"] {
    margin-top: -448px !important;
}

[data-margin-minus-bottom="448"] {
    margin-bottom: -448px !important;
}

[data-margin-minus-top="449"] {
    margin-top: -449px !important;
}

[data-margin-minus-bottom="449"] {
    margin-bottom: -449px !important;
}

[data-margin-minus-top="450"] {
    margin-top: -450px !important;
}

[data-margin-minus-bottom="450"] {
    margin-bottom: -450px !important;
}

[data-margin-minus-top="451"] {
    margin-top: -451px !important;
}

[data-margin-minus-bottom="451"] {
    margin-bottom: -451px !important;
}

[data-margin-minus-top="452"] {
    margin-top: -452px !important;
}

[data-margin-minus-bottom="452"] {
    margin-bottom: -452px !important;
}

[data-margin-minus-top="453"] {
    margin-top: -453px !important;
}

[data-margin-minus-bottom="453"] {
    margin-bottom: -453px !important;
}

[data-margin-minus-top="454"] {
    margin-top: -454px !important;
}

[data-margin-minus-bottom="454"] {
    margin-bottom: -454px !important;
}

[data-margin-minus-top="455"] {
    margin-top: -455px !important;
}

[data-margin-minus-bottom="455"] {
    margin-bottom: -455px !important;
}

[data-margin-minus-top="456"] {
    margin-top: -456px !important;
}

[data-margin-minus-bottom="456"] {
    margin-bottom: -456px !important;
}

[data-margin-minus-top="457"] {
    margin-top: -457px !important;
}

[data-margin-minus-bottom="457"] {
    margin-bottom: -457px !important;
}

[data-margin-minus-top="458"] {
    margin-top: -458px !important;
}

[data-margin-minus-bottom="458"] {
    margin-bottom: -458px !important;
}

[data-margin-minus-top="459"] {
    margin-top: -459px !important;
}

[data-margin-minus-bottom="459"] {
    margin-bottom: -459px !important;
}

[data-margin-minus-top="460"] {
    margin-top: -460px !important;
}

[data-margin-minus-bottom="460"] {
    margin-bottom: -460px !important;
}

[data-margin-minus-top="461"] {
    margin-top: -461px !important;
}

[data-margin-minus-bottom="461"] {
    margin-bottom: -461px !important;
}

[data-margin-minus-top="462"] {
    margin-top: -462px !important;
}

[data-margin-minus-bottom="462"] {
    margin-bottom: -462px !important;
}

[data-margin-minus-top="463"] {
    margin-top: -463px !important;
}

[data-margin-minus-bottom="463"] {
    margin-bottom: -463px !important;
}

[data-margin-minus-top="464"] {
    margin-top: -464px !important;
}

[data-margin-minus-bottom="464"] {
    margin-bottom: -464px !important;
}

[data-margin-minus-top="465"] {
    margin-top: -465px !important;
}

[data-margin-minus-bottom="465"] {
    margin-bottom: -465px !important;
}

[data-margin-minus-top="466"] {
    margin-top: -466px !important;
}

[data-margin-minus-bottom="466"] {
    margin-bottom: -466px !important;
}

[data-margin-minus-top="467"] {
    margin-top: -467px !important;
}

[data-margin-minus-bottom="467"] {
    margin-bottom: -467px !important;
}

[data-margin-minus-top="468"] {
    margin-top: -468px !important;
}

[data-margin-minus-bottom="468"] {
    margin-bottom: -468px !important;
}

[data-margin-minus-top="469"] {
    margin-top: -469px !important;
}

[data-margin-minus-bottom="469"] {
    margin-bottom: -469px !important;
}

[data-margin-minus-top="470"] {
    margin-top: -470px !important;
}

[data-margin-minus-bottom="470"] {
    margin-bottom: -470px !important;
}

[data-margin-minus-top="471"] {
    margin-top: -471px !important;
}

[data-margin-minus-bottom="471"] {
    margin-bottom: -471px !important;
}

[data-margin-minus-top="472"] {
    margin-top: -472px !important;
}

[data-margin-minus-bottom="472"] {
    margin-bottom: -472px !important;
}

[data-margin-minus-top="473"] {
    margin-top: -473px !important;
}

[data-margin-minus-bottom="473"] {
    margin-bottom: -473px !important;
}

[data-margin-minus-top="474"] {
    margin-top: -474px !important;
}

[data-margin-minus-bottom="474"] {
    margin-bottom: -474px !important;
}

[data-margin-minus-top="475"] {
    margin-top: -475px !important;
}

[data-margin-minus-bottom="475"] {
    margin-bottom: -475px !important;
}

[data-margin-minus-top="476"] {
    margin-top: -476px !important;
}

[data-margin-minus-bottom="476"] {
    margin-bottom: -476px !important;
}

[data-margin-minus-top="477"] {
    margin-top: -477px !important;
}

[data-margin-minus-bottom="477"] {
    margin-bottom: -477px !important;
}

[data-margin-minus-top="478"] {
    margin-top: -478px !important;
}

[data-margin-minus-bottom="478"] {
    margin-bottom: -478px !important;
}

[data-margin-minus-top="479"] {
    margin-top: -479px !important;
}

[data-margin-minus-bottom="479"] {
    margin-bottom: -479px !important;
}

[data-margin-minus-top="480"] {
    margin-top: -480px !important;
}

[data-margin-minus-bottom="480"] {
    margin-bottom: -480px !important;
}

[data-margin-minus-top="481"] {
    margin-top: -481px !important;
}

[data-margin-minus-bottom="481"] {
    margin-bottom: -481px !important;
}

[data-margin-minus-top="482"] {
    margin-top: -482px !important;
}

[data-margin-minus-bottom="482"] {
    margin-bottom: -482px !important;
}

[data-margin-minus-top="483"] {
    margin-top: -483px !important;
}

[data-margin-minus-bottom="483"] {
    margin-bottom: -483px !important;
}

[data-margin-minus-top="484"] {
    margin-top: -484px !important;
}

[data-margin-minus-bottom="484"] {
    margin-bottom: -484px !important;
}

[data-margin-minus-top="485"] {
    margin-top: -485px !important;
}

[data-margin-minus-bottom="485"] {
    margin-bottom: -485px !important;
}

[data-margin-minus-top="486"] {
    margin-top: -486px !important;
}

[data-margin-minus-bottom="486"] {
    margin-bottom: -486px !important;
}

[data-margin-minus-top="487"] {
    margin-top: -487px !important;
}

[data-margin-minus-bottom="487"] {
    margin-bottom: -487px !important;
}

[data-margin-minus-top="488"] {
    margin-top: -488px !important;
}

[data-margin-minus-bottom="488"] {
    margin-bottom: -488px !important;
}

[data-margin-minus-top="489"] {
    margin-top: -489px !important;
}

[data-margin-minus-bottom="489"] {
    margin-bottom: -489px !important;
}

[data-margin-minus-top="490"] {
    margin-top: -490px !important;
}

[data-margin-minus-bottom="490"] {
    margin-bottom: -490px !important;
}

[data-margin-minus-top="491"] {
    margin-top: -491px !important;
}

[data-margin-minus-bottom="491"] {
    margin-bottom: -491px !important;
}

[data-margin-minus-top="492"] {
    margin-top: -492px !important;
}

[data-margin-minus-bottom="492"] {
    margin-bottom: -492px !important;
}

[data-margin-minus-top="493"] {
    margin-top: -493px !important;
}

[data-margin-minus-bottom="493"] {
    margin-bottom: -493px !important;
}

[data-margin-minus-top="494"] {
    margin-top: -494px !important;
}

[data-margin-minus-bottom="494"] {
    margin-bottom: -494px !important;
}

[data-margin-minus-top="495"] {
    margin-top: -495px !important;
}

[data-margin-minus-bottom="495"] {
    margin-bottom: -495px !important;
}

[data-margin-minus-top="496"] {
    margin-top: -496px !important;
}

[data-margin-minus-bottom="496"] {
    margin-bottom: -496px !important;
}

[data-margin-minus-top="497"] {
    margin-top: -497px !important;
}

[data-margin-minus-bottom="497"] {
    margin-bottom: -497px !important;
}

[data-margin-minus-top="498"] {
    margin-top: -498px !important;
}

[data-margin-minus-bottom="498"] {
    margin-bottom: -498px !important;
}

[data-margin-minus-top="499"] {
    margin-top: -499px !important ;
}

[data-margin-minus-bottom="499"] {
    margin-bottom: -499px !important;
}

[data-margin-minus-top="500"] {
    margin-top: -500px !important;
}

[data-margin-minus-bottom="500"] {
    margin-bottom: -500px !important;
}