/* Minification failed. Returning unminified contents. (640,10): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (640,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (640,42): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (640,59): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (640,74): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (640,88): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (640,105): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (640,122): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (640,138): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (640,153): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (640,168): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (640,181): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (640,196): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (640,216): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (640,234): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (640,254): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (640,272): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (640,287): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (640,305): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (640,322): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (640,338): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (640,353): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (640,371): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (640,393): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (640,415): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (640,437): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (640,460): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (640,656): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5125,1): run-time error CSS1019: Unexpected token, found '@import' (5125,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css?family=Montserrat:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800")' (5139,56): run-time error CSS1062: Expected semicolon or closing curly-brace, found '.' (5159,56): run-time error CSS1062: Expected semicolon or closing curly-brace, found '.' (5304,1): run-time error CSS1019: Unexpected token, found '@keyframes' (5305,7): run-time error CSS1035: Expected colon, found '{' (7236,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7237,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7294,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7295,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7673,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7674,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7687,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7688,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7701,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7702,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7713,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7714,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7757,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7758,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7771,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7772,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8390,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8391,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9431,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0s' (9458,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0s' (9468,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0s' (9495,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0s' (19017,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19018,7): run-time error CSS1035: Expected colon, found '{' (21631,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (23268,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23269,7): run-time error CSS1035: Expected colon, found '{' (23282,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23283,7): run-time error CSS1035: Expected colon, found '{' (28560,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (28561,7): run-time error CSS1035: Expected colon, found '{' (28570,1): run-time error CSS1019: Unexpected token, found '@keyframes' (28571,7): run-time error CSS1035: Expected colon, found '{' (28580,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (28581,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (28592,1): run-time error CSS1019: Unexpected token, found '@keyframes' (28593,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (29117,29): run-time error CSS1046: Expect comma, found '0' (29117,33): run-time error CSS1046: Expect comma, found '/' (29118,29): run-time error CSS1046: Expect comma, found '0' (29118,33): run-time error CSS1046: Expect comma, found '/' (29454,27): run-time error CSS1046: Expect comma, found '20' (29454,33): run-time error CSS1046: Expect comma, found '/' (30249,27): run-time error CSS1046: Expect comma, found '20' (30249,33): run-time error CSS1046: Expect comma, found '/' (30324,28): run-time error CSS1046: Expect comma, found '255' (30324,36): run-time error CSS1046: Expect comma, found '/' (30357,28): run-time error CSS1046: Expect comma, found '255' (30357,36): run-time error CSS1046: Expect comma, found '/' (30868,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (30869,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (30889,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (30890,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (30910,1): run-time error CSS1019: Unexpected token, found '@keyframes' (30911,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (30943,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (30944,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (30964,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (30965,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (30985,1): run-time error CSS1019: Unexpected token, found '@keyframes' (30986,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (31080,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (31081,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (31097,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (31098,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (31114,1): run-time error CSS1019: Unexpected token, found '@keyframes' (31115,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (31219,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (31220,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (31236,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (31237,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (31253,1): run-time error CSS1019: Unexpected token, found '@keyframes' (31254,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (31282,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (31283,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (31299,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (31300,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (31316,1): run-time error CSS1019: Unexpected token, found '@keyframes' (31317,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (31420,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (31421,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (31437,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (31438,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (31454,1): run-time error CSS1019: Unexpected token, found '@keyframes' (31455,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (31483,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (31484,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (31500,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (31501,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (31517,1): run-time error CSS1019: Unexpected token, found '@keyframes' (31518,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (31597,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (31598,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (31609,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (31610,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (31621,1): run-time error CSS1019: Unexpected token, found '@keyframes' (31622,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (31641,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (31642,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (31653,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (31654,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (31665,1): run-time error CSS1019: Unexpected token, found '@keyframes' (31666,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (31739,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (31740,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (31749,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (31750,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (31759,1): run-time error CSS1019: Unexpected token, found '@keyframes' (31760,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (31777,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (31778,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (31787,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (31788,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (31797,1): run-time error CSS1019: Unexpected token, found '@keyframes' (31798,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (31858,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (31859,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (31875,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (31876,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (31892,1): run-time error CSS1019: Unexpected token, found '@keyframes' (31893,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (31921,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (31922,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (31933,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (31934,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (31945,1): run-time error CSS1019: Unexpected token, found '@keyframes' (31946,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (31982,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (31983,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (31999,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (32000,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (32016,1): run-time error CSS1019: Unexpected token, found '@keyframes' (32017,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (32045,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (32046,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (32062,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (32063,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (32079,1): run-time error CSS1019: Unexpected token, found '@keyframes' (32080,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (32228,14): run-time error CSS1038: Expected hex color, found '#ffff' (32549,17): run-time error CSS1038: Expected hex color, found '#ffff' (34101,1): run-time error CSS1019: Unexpected token, found '@import' (34101,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css?family=Poppins:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800")' (34606,31): run-time error CSS1046: Expect comma, found '34' (34606,37): run-time error CSS1046: Expect comma, found '/' (34610,31): run-time error CSS1046: Expect comma, found '255' (34610,39): run-time error CSS1046: Expect comma, found '/' (34617,31): run-time error CSS1046: Expect comma, found '255' (34617,39): run-time error CSS1046: Expect comma, found '/' (34646,31): run-time error CSS1046: Expect comma, found '34' (34646,37): run-time error CSS1046: Expect comma, found '/' (34650,31): run-time error CSS1046: Expect comma, found '255' (34650,39): run-time error CSS1046: Expect comma, found '/' (34739,31): run-time error CSS1046: Expect comma, found '255' (34739,39): run-time error CSS1046: Expect comma, found '/' */ .la,.la-stack{display:inline-block}.la-fw,.la-li{text-align:center}@font-face{font-family:LineAwesome;src:url(/Content/assets/vendor/line-awesome/line-awesome/line-awesome/fonts/line-awesomeeb4f.eot?v=1.1.);src:url(/Content/assets/vendor/line-awesome/line-awesome/line-awesome/fonts/line-awesome0176.eot??v=1.1.#iefix) format("embedded-opentype"),url(/Content/assets/vendor/line-awesome/line-awesome/line-awesome/fonts/line-awesomeeb4f.woff2?v=1.1.) format("woff2"),url(/Content/assets/vendor/line-awesome/line-awesome/line-awesome/fonts/line-awesomeeb4f.woff?v=1.1.) format("woff"),url(/Content/assets/vendor/line-awesome/line-awesome/line-awesome/fonts/line-awesomeeb4f.ttf?v=1.1.) format("truetype"),url(/Content/assets/vendor/line-awesome/line-awesome/line-awesome/fonts/line-awesomeeb4f.svg?v=1.1.#fa) format("svg");font-weight:400;font-style:normal}@media screen and (-webkit-min-device-pixel-ratio:0){@font-face{font-family:LineAwesome;src:url(/Content/assets/vendor/line-awesome/line-awesome/line-awesome/fonts/line-awesomeeb4f.svg?v=1.1.#fa) format("svg")}}.la{font:normal normal normal 16px/1 LineAwesome;font-size:inherit;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased}.la-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.la-2x{font-size:2em}.la-3x{font-size:3em}.la-4x{font-size:4em}.la-5x{font-size:5em}.la-fw{width:1.28571429em}.la-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.la-ul>li{position:relative}.la-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em}.la-li.la-lg{left:-1.85714286em}.la-border{padding:.2em .25em .15em;border:.08em solid #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.li.pull-left{margin-right:.3em}.li.pull-right{margin-left:.3em}.la-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.la-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.la-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.la-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.la-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.la-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}:root .la-flip-horizontal,:root .la-flip-vertical,:root .la-rotate-180,:root .la-rotate-270,:root .la-rotate-90{filter:none}.la-stack{position:relative;width:2em;height:2em;line-height:2em;vertical-align:middle}.la-stack-1x,.la-stack-2x{position:absolute;left:0;width:100%;text-align:center}.la-stack-1x{line-height:inherit}.la-stack-2x{font-size:2em}.la-inverse{color:#fff}.la-500px:before{content:"\f100"}.la-adjust:before{content:"\f101"}.la-adn:before{content:"\f102"}.la-align-center:before{content:"\f103"}.la-align-justify:before{content:"\f104"}.la-align-left:before{content:"\f105"}.la-align-right:before{content:"\f106"}.la-amazon:before{content:"\f107"}.la-ambulance:before{content:"\f108"}.la-anchor:before{content:"\f109"}.la-android:before{content:"\f10a"}.la-angellist:before{content:"\f10b"}.la-angle-double-down:before{content:"\f10c"}.la-angle-double-left:before{content:"\f10d"}.la-angle-double-right:before{content:"\f10e"}.la-angle-double-up:before{content:"\f10f"}.la-angle-down:before{content:"\f110"}.la-angle-left:before{content:"\f111"}.la-angle-right:before{content:"\f112"}.la-angle-up:before{content:"\f113"}.la-apple:before{content:"\f114"}.la-archive:before{content:"\f115"}.la-area-chart:before{content:"\f116"}.la-arrow-circle-down:before{content:"\f117"}.la-arrow-circle-left:before{content:"\f118"}.la-arrow-circle-o-down:before{content:"\f119"}.la-arrow-circle-o-left:before{content:"\f11a"}.la-arrow-circle-o-right:before{content:"\f11b"}.la-arrow-circle-o-up:before{content:"\f11c"}.la-arrow-circle-right:before{content:"\f11d"}.la-arrow-circle-up:before{content:"\f11e"}.la-arrow-down:before{content:"\f11f"}.la-arrow-left:before{content:"\f120"}.la-arrow-right:before{content:"\f121"}.la-arrow-up:before{content:"\f122"}.la-arrows:before{content:"\f123"}.la-arrows-alt:before{content:"\f124"}.la-arrows-h:before{content:"\f125"}.la-arrows-v:before{content:"\f126"}.la-asterisk:before{content:"\f127"}.la-at:before{content:"\f128"}.la-automobile:before{content:"\f129"}.la-backward:before{content:"\f12a"}.la-balance-scale:before{content:"\f12b"}.la-ban:before{content:"\f12c"}.la-bank:before{content:"\f12d"}.la-bar-chart:before{content:"\f12e"}.la-bar-chart-o:before{content:"\f12f"}.la-barcode:before{content:"\f130"}.la-bars:before{content:"\f131"}.la-battery-0:before{content:"\f132"}.la-battery-1:before{content:"\f133"}.la-battery-2:before{content:"\f134"}.la-battery-3:before{content:"\f135"}.la-battery-4:before{content:"\f136"}.la-battery-empty:before{content:"\f137"}.la-battery-full:before{content:"\f138"}.la-battery-half:before{content:"\f139"}.la-battery-quarter:before{content:"\f13a"}.la-battery-three-quarters:before{content:"\f13b"}.la-bed:before{content:"\f13c"}.la-beer:before{content:"\f13d"}.la-behance:before{content:"\f13e"}.la-behance-square:before{content:"\f13f"}.la-bell:before{content:"\f140"}.la-bell-o:before{content:"\f141"}.la-bell-slash:before{content:"\f142"}.la-bell-slash-o:before{content:"\f143"}.la-bicycle:before{content:"\f144"}.la-binoculars:before{content:"\f145"}.la-birthday-cake:before{content:"\f146"}.la-bitbucket:before{content:"\f147"}.la-bitbucket-square:before{content:"\f148"}.la-bitcoin:before{content:"\f149"}.la-black-tie:before{content:"\f14a"}.la-bold:before{content:"\f14b"}.la-bolt:before{content:"\f14c"}.la-bomb:before{content:"\f14d"}.la-book:before{content:"\f14e"}.la-bookmark:before{content:"\f14f"}.la-bookmark-o:before{content:"\f150"}.la-briefcase:before{content:"\f151"}.la-btc:before{content:"\f152"}.la-bug:before{content:"\f153"}.la-building:before{content:"\f154"}.la-building-o:before{content:"\f155"}.la-bullhorn:before{content:"\f156"}.la-bullseye:before{content:"\f157"}.la-bus:before{content:"\f158"}.la-buysellads:before{content:"\f159"}.la-cab:before{content:"\f15a"}.la-calculator:before{content:"\f15b"}.la-calendar:before{content:"\f15c"}.la-calendar-check-o:before{content:"\f15d"}.la-calendar-minus-o:before{content:"\f15e"}.la-calendar-o:before{content:"\f15f"}.la-calendar-plus-o:before{content:"\f160"}.la-calendar-times-o:before{content:"\f161"}.la-camera:before{content:"\f162"}.la-camera-retro:before{content:"\f163"}.la-car:before{content:"\f164"}.la-caret-down:before{content:"\f165"}.la-caret-left:before{content:"\f166"}.la-caret-right:before{content:"\f167"}.la-caret-square-o-down:before,.la-toggle-down:before{content:"\f168"}.la-caret-square-o-left:before,.la-toggle-left:before{content:"\f169"}.la-caret-square-o-right:before,.la-toggle-right:before{content:"\f16a"}.la-caret-square-o-up:before,.la-toggle-up:before{content:"\f16b"}.la-caret-up:before{content:"\f16c"}.la-cart-arrow-down:before{content:"\f16d"}.la-cart-plus:before{content:"\f16e"}.la-cc:before{content:"\f16f"}.la-cc-amex:before{content:"\f170"}.la-cc-diners-club:before{content:"\f171"}.la-cc-discover:before{content:"\f172"}.la-cc-jcb:before{content:"\f173"}.la-cc-mastercard:before{content:"\f174"}.la-cc-paypal:before{content:"\f175"}.la-cc-stripe:before{content:"\f176"}.la-cc-visa:before{content:"\f177"}.la-certificate:before{content:"\f178"}.la-chain:before{content:"\f179"}.la-chain-broken:before{content:"\f17a"}.la-check:before{content:"\f17b"}.la-check-circle:before{content:"\f17c"}.la-check-circle-o:before{content:"\f17d"}.la-check-square:before{content:"\f17e"}.la-check-square-o:before{content:"\f17f"}.la-chevron-circle-down:before{content:"\f180"}.la-chevron-circle-left:before{content:"\f181"}.la-chevron-circle-right:before{content:"\f182"}.la-chevron-circle-up:before{content:"\f183"}.la-chevron-down:before{content:"\f184"}.la-chevron-left:before{content:"\f185"}.la-chevron-right:before{content:"\f186"}.la-chevron-up:before{content:"\f187"}.la-child:before{content:"\f188"}.la-chrome:before{content:"\f189"}.la-circle:before{content:"\f18a"}.la-circle-o:before{content:"\f18b"}.la-circle-o-notch:before{content:"\f18c"}.la-circle-thin:before{content:"\f18d"}.la-clipboard:before{content:"\f18e"}.la-clock-o:before{content:"\f18f"}.la-clone:before{content:"\f190"}.la-close:before{content:"\f191"}.la-cloud:before{content:"\f192"}.la-cloud-download:before{content:"\f193"}.la-cloud-upload:before{content:"\f194"}.la-cny:before{content:"\f195"}.la-code:before{content:"\f196"}.la-code-fork:before{content:"\f197"}.la-codepen:before{content:"\f198"}.la-coffee:before{content:"\f199"}.la-cog:before{content:"\f19a"}.la-cogs:before{content:"\f19b"}.la-columns:before{content:"\f19c"}.la-comment:before{content:"\f19d"}.la-comment-o:before{content:"\f19e"}.la-commenting:before{content:"\f19f"}.la-commenting-o:before{content:"\f1a0"}.la-comments:before{content:"\f1a1"}.la-comments-o:before{content:"\f1a2"}.la-compass:before{content:"\f1a3"}.la-compress:before{content:"\f1a4"}.la-connectdevelop:before{content:"\f1a5"}.la-contao:before{content:"\f1a6"}.la-copy:before{content:"\f1a7"}.la-copyright:before{content:"\f1a8"}.la-creative-commons:before{content:"\f1a9"}.la-credit-card:before{content:"\f1aa"}.la-crop:before{content:"\f1ab"}.la-crosshairs:before{content:"\f1ac"}.la-css3:before{content:"\f1ad"}.la-cube:before{content:"\f1ae"}.la-cubes:before{content:"\f1af"}.la-cut:before{content:"\f1b0"}.la-cutlery:before{content:"\f1b1"}.la-dashboard:before{content:"\f1b2"}.la-dashcube:before{content:"\f1b3"}.la-database:before{content:"\f1b4"}.la-dedent:before{content:"\f1b5"}.la-delicious:before{content:"\f1b6"}.la-desktop:before{content:"\f1b7"}.la-deviantart:before{content:"\f1b8"}.la-diamond:before{content:"\f1b9"}.la-digg:before{content:"\f1ba"}.la-dollar:before{content:"\f1bb"}.la-dot-circle-o:before{content:"\f1bc"}.la-download:before{content:"\f1bd"}.la-dribbble:before{content:"\f1be"}.la-dropbox:before{content:"\f1bf"}.la-drupal:before{content:"\f1c0"}.la-edit:before{content:"\f1c1"}.la-eject:before{content:"\f1c2"}.la-ellipsis-h:before{content:"\f1c3"}.la-ellipsis-v:before{content:"\f1c4"}.la-empire:before,.la-ge:before{content:"\f1c5"}.la-envelope:before{content:"\f1c6"}.la-envelope-o:before{content:"\f1c7"}.la-envelope-square:before{content:"\f1c8"}.la-eraser:before{content:"\f1c9"}.la-eur:before{content:"\f1ca"}.la-euro:before{content:"\f1cb"}.la-exchange:before{content:"\f1cc"}.la-exclamation:before{content:"\f1cd"}.la-exclamation-circle:before{content:"\f1ce"}.la-exclamation-triangle:before{content:"\f1cf"}.la-expand:before{content:"\f1d0"}.la-expeditedssl:before{content:"\f1d1"}.la-external-link:before{content:"\f1d2"}.la-external-link-square:before{content:"\f1d3"}.la-eye:before{content:"\f1d4"}.la-eye-slash:before{content:"\f1d5"}.la-eyedropper:before{content:"\f1d6"}.la-facebook-f:before,.la-facebook:before{content:"\f1d7"}.la-facebook-official:before{content:"\f1d8"}.la-facebook-square:before{content:"\f1d9"}.la-fast-backward:before{content:"\f1da"}.la-fast-forward:before{content:"\f1db"}.la-fax:before{content:"\f1dc"}.la-female:before{content:"\f1dd"}.la-fighter-jet:before{content:"\f1de"}.la-file:before{content:"\f1df"}.la-file-archive-o:before{content:"\f1e0"}.la-file-audio-o:before{content:"\f1e1"}.la-file-code-o:before{content:"\f1e2"}.la-file-excel-o:before{content:"\f1e3"}.la-file-image-o:before{content:"\f1e4"}.la-file-movie-o:before{content:"\f1e5"}.la-file-o:before{content:"\f1e6"}.la-file-pdf-o:before{content:"\f1e7"}.la-file-photo-o:before{content:"\f1e8"}.la-file-picture-o:before{content:"\f1e9"}.la-file-powerpoint-o:before{content:"\f1ea"}.la-file-sound-o:before{content:"\f1eb"}.la-file-text:before{content:"\f1ec"}.la-file-text-o:before{content:"\f1ed"}.la-file-video-o:before{content:"\f1ee"}.la-file-word-o:before{content:"\f1ef"}.la-file-zip-o:before{content:"\f1f0"}.la-files-o:before{content:"\f1f1"}.la-film:before{content:"\f1f2"}.la-filter:before{content:"\f1f3"}.la-fire:before{content:"\f1f4"}.la-fire-extinguisher:before{content:"\f1f5"}.la-firefox:before{content:"\f1f6"}.la-flag:before{content:"\f1f7"}.la-flag-checkered:before{content:"\f1f8"}.la-flag-o:before{content:"\f1f9"}.la-flash:before{content:"\f1fa"}.la-flask:before{content:"\f1fb"}.la-flickr:before{content:"\f1fc"}.la-floppy-o:before{content:"\f1fd"}.la-folder:before{content:"\f1fe"}.la-folder-o:before{content:"\f1ff"}.la-folder-open:before{content:"\f200"}.la-folder-open-o:before{content:"\f201"}.la-font:before{content:"\f202"}.la-fonticons:before{content:"\f203"}.la-forumbee:before{content:"\f204"}.la-forward:before{content:"\f205"}.la-foursquare:before{content:"\f206"}.la-frown-o:before{content:"\f207"}.la-futbol-o:before,.la-soccer-ball-o:before{content:"\f208"}.la-gamepad:before{content:"\f209"}.la-gavel:before{content:"\f20a"}.la-gbp:before{content:"\f20b"}.la-gear:before{content:"\f20c"}.la-gears:before{content:"\f20d"}.la-genderless:before{content:"\f20e"}.la-get-pocket:before{content:"\f20f"}.la-gg:before{content:"\f210"}.la-gg-circle:before{content:"\f211"}.la-gift:before{content:"\f212"}.la-git:before{content:"\f213"}.la-git-square:before{content:"\f214"}.la-github:before{content:"\f215"}.la-github-alt:before{content:"\f216"}.la-github-square:before{content:"\f217"}.la-glass:before{content:"\f218"}.la-globe:before{content:"\f219"}.la-google:before{content:"\f21a"}.la-google-plus:before{content:"\f21b"}.la-google-plus-square:before{content:"\f21c"}.la-google-wallet:before{content:"\f21d"}.la-graduation-cap:before{content:"\f21e"}.la-gittip:before,.la-gratipay:before{content:"\f21f"}.la-group:before{content:"\f220"}.la-h-square:before{content:"\f221"}.la-hacker-news:before{content:"\f222"}.la-hand-grab-o:before{content:"\f223"}.la-hand-lizard-o:before{content:"\f224"}.la-hand-o-down:before{content:"\f225"}.la-hand-o-left:before{content:"\f226"}.la-hand-o-right:before{content:"\f227"}.la-hand-o-up:before{content:"\f228"}.la-hand-paper-o:before{content:"\f229"}.la-hand-peace-o:before{content:"\f22a"}.la-hand-pointer-o:before{content:"\f22b"}.la-hand-rock-o:before{content:"\f22c"}.la-hand-scissors-o:before{content:"\f22d"}.la-hand-spock-o:before{content:"\f22e"}.la-hand-stop-o:before{content:"\f22f"}.la-hdd-o:before{content:"\f230"}.la-header:before{content:"\f231"}.la-headphones:before{content:"\f232"}.la-heart:before{content:"\f233"}.la-heart-o:before{content:"\f234"}.la-heartbeat:before{content:"\f235"}.la-history:before{content:"\f236"}.la-home:before{content:"\f237"}.la-hospital-o:before{content:"\f238"}.la-hotel:before{content:"\f239"}.la-hourglass:before{content:"\f23a"}.la-hourglass-1:before{content:"\f23b"}.la-hourglass-2:before{content:"\f23c"}.la-hourglass-3:before{content:"\f23d"}.la-hourglass-end:before{content:"\f23e"}.la-hourglass-half:before{content:"\f23f"}.la-hourglass-o:before{content:"\f240"}.la-hourglass-start:before{content:"\f241"}.la-houzz:before{content:"\f242"}.la-html5:before{content:"\f243"}.la-i-cursor:before{content:"\f244"}.la-ils:before{content:"\f245"}.la-image:before{content:"\f246"}.la-inbox:before{content:"\f247"}.la-indent:before{content:"\f248"}.la-industry:before{content:"\f249"}.la-info:before{content:"\f24a"}.la-info-circle:before{content:"\f24b"}.la-inr:before{content:"\f24c"}.la-instagram:before{content:"\f24d"}.la-institution:before{content:"\f24e"}.la-internet-explorer:before{content:"\f24f"}.la-ioxhost:before{content:"\f250"}.la-italic:before{content:"\f251"}.la-joomla:before{content:"\f252"}.la-jpy:before{content:"\f253"}.la-jsfiddle:before{content:"\f254"}.la-key:before{content:"\f255"}.la-keyboard-o:before{content:"\f256"}.la-krw:before{content:"\f257"}.la-language:before{content:"\f258"}.la-laptop:before{content:"\f259"}.la-lastfm:before{content:"\f25a"}.la-lastfm-square:before{content:"\f25b"}.la-leaf:before{content:"\f25c"}.la-leanpub:before{content:"\f25d"}.la-legal:before{content:"\f25e"}.la-lemon-o:before{content:"\f25f"}.la-level-down:before{content:"\f260"}.la-level-up:before{content:"\f261"}.la-life-bouy:before{content:"\f262"}.la-life-buoy:before{content:"\f263"}.la-life-ring:before,.la-support:before{content:"\f264"}.la-life-saver:before{content:"\f265"}.la-lightbulb-o:before{content:"\f266"}.la-line-chart:before{content:"\f267"}.la-link:before{content:"\f268"}.la-linkedin:before{content:"\f269"}.la-linkedin-square:before{content:"\f26a"}.la-linux:before{content:"\f26b"}.la-list:before{content:"\f26c"}.la-list-alt:before{content:"\f26d"}.la-list-ol:before{content:"\f26e"}.la-list-ul:before{content:"\f26f"}.la-location-arrow:before{content:"\f270"}.la-lock:before{content:"\f271"}.la-long-arrow-down:before{content:"\f272"}.la-long-arrow-left:before{content:"\f273"}.la-long-arrow-right:before{content:"\f274"}.la-long-arrow-up:before{content:"\f275"}.la-magic:before{content:"\f276"}.la-magnet:before{content:"\f277"}.la-mail-forward:before{content:"\f278"}.la-mail-reply:before{content:"\f279"}.la-mail-reply-all:before{content:"\f27a"}.la-male:before{content:"\f27b"}.la-map:before{content:"\f27c"}.la-map-marker:before{content:"\f27d"}.la-map-o:before{content:"\f27e"}.la-map-pin:before{content:"\f27f"}.la-map-signs:before{content:"\f280"}.la-mars:before{content:"\f281"}.la-mars-double:before{content:"\f282"}.la-mars-stroke:before{content:"\f283"}.la-mars-stroke-h:before{content:"\f284"}.la-mars-stroke-v:before{content:"\f285"}.la-maxcdn:before{content:"\f286"}.la-meanpath:before{content:"\f287"}.la-medium:before{content:"\f288"}.la-medkit:before{content:"\f289"}.la-meh-o:before{content:"\f28a"}.la-mercury:before{content:"\f28b"}.la-microphone:before{content:"\f28c"}.la-microphone-slash:before{content:"\f28d"}.la-minus:before{content:"\f28e"}.la-minus-circle:before{content:"\f28f"}.la-minus-square:before{content:"\f290"}.la-minus-square-o:before{content:"\f291"}.la-mobile:before{content:"\f292"}.la-mobile-phone:before{content:"\f293"}.la-money:before{content:"\f294"}.la-moon-o:before{content:"\f295"}.la-mortar-board:before{content:"\f296"}.la-motorcycle:before{content:"\f297"}.la-mouse-pointer:before{content:"\f298"}.la-music:before{content:"\f299"}.la-navicon:before{content:"\f29a"}.la-neuter:before{content:"\f29b"}.la-newspaper-o:before{content:"\f29c"}.la-object-group:before{content:"\f29d"}.la-object-ungroup:before{content:"\f29e"}.la-odnoklassniki:before{content:"\f29f"}.la-odnoklassniki-square:before{content:"\f2a0"}.la-opencart:before{content:"\f2a1"}.la-openid:before{content:"\f2a2"}.la-opera:before{content:"\f2a3"}.la-optin-monster:before{content:"\f2a4"}.la-outdent:before{content:"\f2a5"}.la-pagelines:before{content:"\f2a6"}.la-paint-brush:before{content:"\f2a7"}.la-paper-plane:before,.la-send:before{content:"\f2a8"}.la-paper-plane-o:before,.la-send-o:before{content:"\f2a9"}.la-paperclip:before{content:"\f2aa"}.la-paragraph:before{content:"\f2ab"}.la-paste:before{content:"\f2ac"}.la-pause:before{content:"\f2ad"}.la-paw:before{content:"\f2ae"}.la-paypal:before{content:"\f2af"}.la-pencil:before{content:"\f2b0"}.la-pencil-square:before{content:"\f2b1"}.la-pencil-square-o:before{content:"\f2b2"}.la-phone:before{content:"\f2b3"}.la-phone-square:before{content:"\f2b4"}.la-photo:before{content:"\f2b5"}.la-picture-o:before{content:"\f2b6"}.la-pie-chart:before{content:"\f2b7"}.la-pied-piper:before{content:"\f2b8"}.la-pied-piper-alt:before{content:"\f2b9"}.la-pinterest:before{content:"\f2ba"}.la-pinterest-p:before{content:"\f2bb"}.la-pinterest-square:before{content:"\f2bc"}.la-plane:before{content:"\f2bd"}.la-play:before{content:"\f2be"}.la-play-circle:before{content:"\f2bf"}.la-play-circle-o:before{content:"\f2c0"}.la-plug:before{content:"\f2c1"}.la-plus:before{content:"\f2c2"}.la-plus-circle:before{content:"\f2c3"}.la-plus-square:before{content:"\f2c4"}.la-plus-square-o:before{content:"\f2c5"}.la-power-off:before{content:"\f2c6"}.la-print:before{content:"\f2c7"}.la-puzzle-piece:before{content:"\f2c8"}.la-qq:before{content:"\f2c9"}.la-qrcode:before{content:"\f2ca"}.la-question:before{content:"\f2cb"}.la-question-circle:before{content:"\f2cc"}.la-quote-left:before{content:"\f2cd"}.la-quote-right:before{content:"\f2ce"}.la-ra:before{content:"\f2cf"}.la-random:before{content:"\f2d0"}.la-rebel:before{content:"\f2d1"}.la-recycle:before{content:"\f2d2"}.la-reddit:before{content:"\f2d3"}.la-reddit-square:before{content:"\f2d4"}.la-refresh:before{content:"\f2d5"}.la-registered:before{content:"\f2d6"}.la-renren:before{content:"\f2d7"}.la-reorder:before{content:"\f2d8"}.la-repeat:before{content:"\f2d9"}.la-reply:before{content:"\f2da"}.la-reply-all:before{content:"\f2db"}.la-retweet:before{content:"\f2dc"}.la-rmb:before{content:"\f2dd"}.la-road:before{content:"\f2de"}.la-rocket:before{content:"\f2df"}.la-rotate-left:before{content:"\f2e0"}.la-rotate-right:before{content:"\f2e1"}.la-rouble:before{content:"\f2e2"}.la-feed:before,.la-rss:before{content:"\f2e3"}.la-rss-square:before{content:"\f2e4"}.la-rub:before{content:"\f2e5"}.la-ruble:before{content:"\f2e6"}.la-rupee:before{content:"\f2e7"}.la-safari:before{content:"\f2e8"}.la-save:before{content:"\f2e9"}.la-scissors:before{content:"\f2ea"}.la-search:before{content:"\f2eb"}.la-search-minus:before{content:"\f2ec"}.la-search-plus:before{content:"\f2ed"}.la-sellsy:before{content:"\f2ee"}.la-server:before{content:"\f2ef"}.la-share:before{content:"\f2f0"}.la-share-alt:before{content:"\f2f1"}.la-share-alt-square:before{content:"\f2f2"}.la-share-square:before{content:"\f2f3"}.la-share-square-o:before{content:"\f2f4"}.la-shekel:before{content:"\f2f5"}.la-sheqel:before{content:"\f2f6"}.la-shield:before{content:"\f2f7"}.la-ship:before{content:"\f2f8"}.la-shirtsinbulk:before{content:"\f2f9"}.la-shopping-cart:before{content:"\f2fa"}.la-sign-in:before{content:"\f2fb"}.la-sign-out:before{content:"\f2fc"}.la-signal:before{content:"\f2fd"}.la-simplybuilt:before{content:"\f2fe"}.la-sitemap:before{content:"\f2ff"}.la-skyatlas:before{content:"\f300"}.la-skype:before{content:"\f301"}.la-slack:before{content:"\f302"}.la-sliders:before{content:"\f303"}.la-slideshare:before{content:"\f304"}.la-smile-o:before{content:"\f305"}.la-sort:before,.la-unsorted:before{content:"\f306"}.la-sort-alpha-asc:before{content:"\f307"}.la-sort-alpha-desc:before{content:"\f308"}.la-sort-amount-asc:before{content:"\f309"}.la-sort-amount-desc:before{content:"\f30a"}.la-sort-asc:before,.la-sort-up:before{content:"\f30b"}.la-sort-desc:before,.la-sort-down:before{content:"\f30c"}.la-sort-numeric-asc:before{content:"\f30d"}.la-sort-numeric-desc:before{content:"\f30e"}.la-soundcloud:before{content:"\f30f"}.la-space-shuttle:before{content:"\f310"}.la-spinner:before{content:"\f311"}.la-spoon:before{content:"\f312"}.la-spotify:before{content:"\f313"}.la-square:before{content:"\f314"}.la-square-o:before{content:"\f315"}.la-stack-exchange:before{content:"\f316"}.la-stack-overflow:before{content:"\f317"}.la-star:before{content:"\f318"}.la-star-half:before{content:"\f319"}.la-star-half-empty:before,.la-star-half-full:before,.la-star-half-o:before{content:"\f31a"}.la-star-o:before{content:"\f31b"}.la-steam:before{content:"\f31c"}.la-steam-square:before{content:"\f31d"}.la-step-backward:before{content:"\f31e"}.la-step-forward:before{content:"\f31f"}.la-stethoscope:before{content:"\f320"}.la-sticky-note:before{content:"\f321"}.la-sticky-note-o:before{content:"\f322"}.la-stop:before{content:"\f323"}.la-street-view:before{content:"\f324"}.la-strikethrough:before{content:"\f325"}.la-stumbleupon:before{content:"\f326"}.la-stumbleupon-circle:before{content:"\f327"}.la-subscript:before{content:"\f328"}.la-subway:before{content:"\f329"}.la-suitcase:before{content:"\f32a"}.la-sun-o:before{content:"\f32b"}.la-superscript:before{content:"\f32c"}.la-table:before{content:"\f32d"}.la-tablet:before{content:"\f32e"}.la-tachometer:before{content:"\f32f"}.la-tag:before{content:"\f330"}.la-tags:before{content:"\f331"}.la-tasks:before{content:"\f332"}.la-taxi:before{content:"\f333"}.la-television:before,.la-tv:before{content:"\f334"}.la-tencent-weibo:before{content:"\f335"}.la-terminal:before{content:"\f336"}.la-text-height:before{content:"\f337"}.la-text-width:before{content:"\f338"}.la-th:before{content:"\f339"}.la-th-large:before{content:"\f33a"}.la-th-list:before{content:"\f33b"}.la-thumb-tack:before{content:"\f33c"}.la-thumbs-down:before{content:"\f33d"}.la-thumbs-o-down:before{content:"\f33e"}.la-thumbs-o-up:before{content:"\f33f"}.la-thumbs-up:before{content:"\f340"}.la-ticket:before{content:"\f341"}.la-remove:before,.la-times:before{content:"\f342"}.la-times-circle:before{content:"\f343"}.la-times-circle-o:before{content:"\f344"}.la-tint:before{content:"\f345"}.la-toggle-off:before{content:"\f346"}.la-toggle-on:before{content:"\f347"}.la-trademark:before{content:"\f348"}.la-train:before{content:"\f349"}.la-intersex:before,.la-transgender:before{content:"\f34a"}.la-transgender-alt:before{content:"\f34b"}.la-trash:before{content:"\f34c"}.la-trash-o:before{content:"\f34d"}.la-tree:before{content:"\f34e"}.la-trello:before{content:"\f34f"}.la-tripadvisor:before{content:"\f350"}.la-trophy:before{content:"\f351"}.la-truck:before{content:"\f352"}.la-try:before{content:"\f353"}.la-tty:before{content:"\f354"}.la-tumblr:before{content:"\f355"}.la-tumblr-square:before{content:"\f356"}.la-turkish-lira:before{content:"\f357"}.la-twitch:before{content:"\f358"}.la-twitter:before{content:"\f359"}.la-twitter-square:before{content:"\f35a"}.la-umbrella:before{content:"\f35b"}.la-underline:before{content:"\f35c"}.la-undo:before{content:"\f35d"}.la-university:before{content:"\f35e"}.la-unlink:before{content:"\f35f"}.la-unlock:before{content:"\f360"}.la-unlock-alt:before{content:"\f361"}.la-upload:before{content:"\f362"}.la-usd:before{content:"\f363"}.la-user:before{content:"\f364"}.la-user-md:before{content:"\f365"}.la-user-plus:before{content:"\f366"}.la-user-secret:before{content:"\f367"}.la-user-times:before{content:"\f368"}.la-users:before{content:"\f369"}.la-venus:before{content:"\f36a"}.la-venus-double:before{content:"\f36b"}.la-venus-mars:before{content:"\f36c"}.la-viacoin:before{content:"\f36d"}.la-video-camera:before{content:"\f36e"}.la-vimeo:before{content:"\f36f"}.la-vimeo-square:before{content:"\f370"}.la-vine:before{content:"\f371"}.la-vk:before{content:"\f372"}.la-volume-down:before{content:"\f373"}.la-volume-off:before{content:"\f374"}.la-volume-up:before{content:"\f375"}.la-warning:before{content:"\f376"}.la-wechat:before{content:"\f377"}.la-weibo:before{content:"\f378"}.la-weixin:before{content:"\f379"}.la-whatsapp:before{content:"\f37a"}.la-wheelchair:before{content:"\f37b"}.la-wifi:before{content:"\f37c"}.la-wikipedia-w:before{content:"\f37d"}.la-windows:before{content:"\f37e"}.la-won:before{content:"\f37f"}.la-wordpress:before{content:"\f380"}.la-wrench:before{content:"\f381"}.la-xing:before{content:"\f382"}.la-xing-square:before{content:"\f383"}.la-y-combinator:before{content:"\f384"}.la-y-combinator-square:before{content:"\f385"}.la-yahoo:before{content:"\f386"}.la-yc:before{content:"\f387"}.la-yc-square:before{content:"\f388"}.la-yelp:before{content:"\f389"}.la-yen:before{content:"\f38a"}.la-youtube:before{content:"\f38b"}.la-youtube-play:before{content:"\f38c"}.la-youtube-square:before{content:"\f38d"} @font-face { font-family: 'Pe-icon-7-stroke'; src:url('/Content/assets/vendor/pe-icon/fonts/Pe-icon-7-stroke.eot?d7yf1v'); src:url('/Content/assets/vendor/pe-icon/fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v') format('embedded-opentype'), url('/Content/assets/vendor/pe-icon/fonts/Pe-icon-7-stroke.woff?d7yf1v') format('woff'), url('/Content/assets/vendor/pe-icon/fonts/Pe-icon-7-stroke.ttf?d7yf1v') format('truetype'), url('/Content/assets/vendor/pe-icon/fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke') format('svg'); font-weight: normal; font-style: normal; } [class^="pe-7s-"], [class*=" pe-7s-"] { display: inline-block; font-family: 'Pe-icon-7-stroke'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pe-7s-album:before { content: "\e6aa"; } .pe-7s-arc:before { content: "\e6ab"; } .pe-7s-back-2:before { content: "\e6ac"; } .pe-7s-bandaid:before { content: "\e6ad"; } .pe-7s-car:before { content: "\e6ae"; } .pe-7s-diamond:before { content: "\e6af"; } .pe-7s-door-lock:before { content: "\e6b0"; } .pe-7s-eyedropper:before { content: "\e6b1"; } .pe-7s-female:before { content: "\e6b2"; } .pe-7s-gym:before { content: "\e6b3"; } .pe-7s-hammer:before { content: "\e6b4"; } .pe-7s-headphones:before { content: "\e6b5"; } .pe-7s-helm:before { content: "\e6b6"; } .pe-7s-hourglass:before { content: "\e6b7"; } .pe-7s-leaf:before { content: "\e6b8"; } .pe-7s-magic-wand:before { content: "\e6b9"; } .pe-7s-male:before { content: "\e6ba"; } .pe-7s-map-2:before { content: "\e6bb"; } .pe-7s-next-2:before { content: "\e6bc"; } .pe-7s-paint-bucket:before { content: "\e6bd"; } .pe-7s-pendrive:before { content: "\e6be"; } .pe-7s-photo:before { content: "\e6bf"; } .pe-7s-piggy:before { content: "\e6c0"; } .pe-7s-plugin:before { content: "\e6c1"; } .pe-7s-refresh-2:before { content: "\e6c2"; } .pe-7s-rocket:before { content: "\e6c3"; } .pe-7s-settings:before { content: "\e6c4"; } .pe-7s-shield:before { content: "\e6c5"; } .pe-7s-smile:before { content: "\e6c6"; } .pe-7s-usb:before { content: "\e6c7"; } .pe-7s-vector:before { content: "\e6c8"; } .pe-7s-wine:before { content: "\e6c9"; } .pe-7s-cloud-upload:before { content: "\e68a"; } .pe-7s-cash:before { content: "\e68c"; } .pe-7s-close:before { content: "\e680"; } .pe-7s-bluetooth:before { content: "\e68d"; } .pe-7s-cloud-download:before { content: "\e68b"; } .pe-7s-way:before { content: "\e68e"; } .pe-7s-close-circle:before { content: "\e681"; } .pe-7s-id:before { content: "\e68f"; } .pe-7s-angle-up:before { content: "\e682"; } .pe-7s-wristwatch:before { content: "\e690"; } .pe-7s-angle-up-circle:before { content: "\e683"; } .pe-7s-world:before { content: "\e691"; } .pe-7s-angle-right:before { content: "\e684"; } .pe-7s-volume:before { content: "\e692"; } .pe-7s-angle-right-circle:before { content: "\e685"; } .pe-7s-users:before { content: "\e693"; } .pe-7s-angle-left:before { content: "\e686"; } .pe-7s-user-female:before { content: "\e694"; } .pe-7s-angle-left-circle:before { content: "\e687"; } .pe-7s-up-arrow:before { content: "\e695"; } .pe-7s-angle-down:before { content: "\e688"; } .pe-7s-switch:before { content: "\e696"; } .pe-7s-angle-down-circle:before { content: "\e689"; } .pe-7s-scissors:before { content: "\e697"; } .pe-7s-wallet:before { content: "\e600"; } .pe-7s-safe:before { content: "\e698"; } .pe-7s-volume2:before { content: "\e601"; } .pe-7s-volume1:before { content: "\e602"; } .pe-7s-voicemail:before { content: "\e603"; } .pe-7s-video:before { content: "\e604"; } .pe-7s-user:before { content: "\e605"; } .pe-7s-upload:before { content: "\e606"; } .pe-7s-unlock:before { content: "\e607"; } .pe-7s-umbrella:before { content: "\e608"; } .pe-7s-trash:before { content: "\e609"; } .pe-7s-tools:before { content: "\e60a"; } .pe-7s-timer:before { content: "\e60b"; } .pe-7s-ticket:before { content: "\e60c"; } .pe-7s-target:before { content: "\e60d"; } .pe-7s-sun:before { content: "\e60e"; } .pe-7s-study:before { content: "\e60f"; } .pe-7s-stopwatch:before { content: "\e610"; } .pe-7s-star:before { content: "\e611"; } .pe-7s-speaker:before { content: "\e612"; } .pe-7s-signal:before { content: "\e613"; } .pe-7s-shuffle:before { content: "\e614"; } .pe-7s-shopbag:before { content: "\e615"; } .pe-7s-share:before { content: "\e616"; } .pe-7s-server:before { content: "\e617"; } .pe-7s-search:before { content: "\e618"; } .pe-7s-film:before { content: "\e6a5"; } .pe-7s-science:before { content: "\e619"; } .pe-7s-disk:before { content: "\e6a6"; } .pe-7s-ribbon:before { content: "\e61a"; } .pe-7s-repeat:before { content: "\e61b"; } .pe-7s-refresh:before { content: "\e61c"; } .pe-7s-add-user:before { content: "\e6a9"; } .pe-7s-refresh-cloud:before { content: "\e61d"; } .pe-7s-paperclip:before { content: "\e69c"; } .pe-7s-radio:before { content: "\e61e"; } .pe-7s-note2:before { content: "\e69d"; } .pe-7s-print:before { content: "\e61f"; } .pe-7s-network:before { content: "\e69e"; } .pe-7s-prev:before { content: "\e620"; } .pe-7s-mute:before { content: "\e69f"; } .pe-7s-power:before { content: "\e621"; } .pe-7s-medal:before { content: "\e6a0"; } .pe-7s-portfolio:before { content: "\e622"; } .pe-7s-like2:before { content: "\e6a1"; } .pe-7s-plus:before { content: "\e623"; } .pe-7s-left-arrow:before { content: "\e6a2"; } .pe-7s-play:before { content: "\e624"; } .pe-7s-key:before { content: "\e6a3"; } .pe-7s-plane:before { content: "\e625"; } .pe-7s-joy:before { content: "\e6a4"; } .pe-7s-photo-gallery:before { content: "\e626"; } .pe-7s-pin:before { content: "\e69b"; } .pe-7s-phone:before { content: "\e627"; } .pe-7s-plug:before { content: "\e69a"; } .pe-7s-pen:before { content: "\e628"; } .pe-7s-right-arrow:before { content: "\e699"; } .pe-7s-paper-plane:before { content: "\e629"; } .pe-7s-delete-user:before { content: "\e6a7"; } .pe-7s-paint:before { content: "\e62a"; } .pe-7s-bottom-arrow:before { content: "\e6a8"; } .pe-7s-notebook:before { content: "\e62b"; } .pe-7s-note:before { content: "\e62c"; } .pe-7s-next:before { content: "\e62d"; } .pe-7s-news-paper:before { content: "\e62e"; } .pe-7s-musiclist:before { content: "\e62f"; } .pe-7s-music:before { content: "\e630"; } .pe-7s-mouse:before { content: "\e631"; } .pe-7s-more:before { content: "\e632"; } .pe-7s-moon:before { content: "\e633"; } .pe-7s-monitor:before { content: "\e634"; } .pe-7s-micro:before { content: "\e635"; } .pe-7s-menu:before { content: "\e636"; } .pe-7s-map:before { content: "\e637"; } .pe-7s-map-marker:before { content: "\e638"; } .pe-7s-mail:before { content: "\e639"; } .pe-7s-mail-open:before { content: "\e63a"; } .pe-7s-mail-open-file:before { content: "\e63b"; } .pe-7s-magnet:before { content: "\e63c"; } .pe-7s-loop:before { content: "\e63d"; } .pe-7s-look:before { content: "\e63e"; } .pe-7s-lock:before { content: "\e63f"; } .pe-7s-lintern:before { content: "\e640"; } .pe-7s-link:before { content: "\e641"; } .pe-7s-like:before { content: "\e642"; } .pe-7s-light:before { content: "\e643"; } .pe-7s-less:before { content: "\e644"; } .pe-7s-keypad:before { content: "\e645"; } .pe-7s-junk:before { content: "\e646"; } .pe-7s-info:before { content: "\e647"; } .pe-7s-home:before { content: "\e648"; } .pe-7s-help2:before { content: "\e649"; } .pe-7s-help1:before { content: "\e64a"; } .pe-7s-graph3:before { content: "\e64b"; } .pe-7s-graph2:before { content: "\e64c"; } .pe-7s-graph1:before { content: "\e64d"; } .pe-7s-graph:before { content: "\e64e"; } .pe-7s-global:before { content: "\e64f"; } .pe-7s-gleam:before { content: "\e650"; } .pe-7s-glasses:before { content: "\e651"; } .pe-7s-gift:before { content: "\e652"; } .pe-7s-folder:before { content: "\e653"; } .pe-7s-flag:before { content: "\e654"; } .pe-7s-filter:before { content: "\e655"; } .pe-7s-file:before { content: "\e656"; } .pe-7s-expand1:before { content: "\e657"; } .pe-7s-exapnd2:before { content: "\e658"; } .pe-7s-edit:before { content: "\e659"; } .pe-7s-drop:before { content: "\e65a"; } .pe-7s-drawer:before { content: "\e65b"; } .pe-7s-download:before { content: "\e65c"; } .pe-7s-display2:before { content: "\e65d"; } .pe-7s-display1:before { content: "\e65e"; } .pe-7s-diskette:before { content: "\e65f"; } .pe-7s-date:before { content: "\e660"; } .pe-7s-cup:before { content: "\e661"; } .pe-7s-culture:before { content: "\e662"; } .pe-7s-crop:before { content: "\e663"; } .pe-7s-credit:before { content: "\e664"; } .pe-7s-copy-file:before { content: "\e665"; } .pe-7s-config:before { content: "\e666"; } .pe-7s-compass:before { content: "\e667"; } .pe-7s-comment:before { content: "\e668"; } .pe-7s-coffee:before { content: "\e669"; } .pe-7s-cloud:before { content: "\e66a"; } .pe-7s-clock:before { content: "\e66b"; } .pe-7s-check:before { content: "\e66c"; } .pe-7s-chat:before { content: "\e66d"; } .pe-7s-cart:before { content: "\e66e"; } .pe-7s-camera:before { content: "\e66f"; } .pe-7s-call:before { content: "\e670"; } .pe-7s-calculator:before { content: "\e671"; } .pe-7s-browser:before { content: "\e672"; } .pe-7s-box2:before { content: "\e673"; } .pe-7s-box1:before { content: "\e674"; } .pe-7s-bookmarks:before { content: "\e675"; } .pe-7s-bicycle:before { content: "\e676"; } .pe-7s-bell:before { content: "\e677"; } .pe-7s-battery:before { content: "\e678"; } .pe-7s-ball:before { content: "\e679"; } .pe-7s-back:before { content: "\e67a"; } .pe-7s-attention:before { content: "\e67b"; } .pe-7s-anchor:before { content: "\e67c"; } .pe-7s-albums:before { content: "\e67d"; } .pe-7s-alarm:before { content: "\e67e"; } .pe-7s-airplay:before { content: "\e67f"; } /*! * Bootstrap v4.3.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{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]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}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-break: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{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.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%}.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%}.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%}.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%}.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%}.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: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-top:.375rem;padding-bottom:.375rem;margin-bottom:0;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{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}.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' 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:center right calc(.375em + .1875rem);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)}.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip{display:block}.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((1em + .75rem) * 3 / 4 + 1.75rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' 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' 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)}.custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip{display:block}.form-control-file.is-valid~.valid-feedback,.form-control-file.is-valid~.valid-tooltip,.was-validated .form-control-file:valid~.valid-feedback,.was-validated .form-control-file:valid~.valid-tooltip{display:block}.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~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip{display:block}.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~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip{display:block}.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}.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' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");background-repeat:no-repeat;background-position:center right calc(.375em + .1875rem);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)}.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip{display:block}.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((1em + .75rem) * 3 / 4 + 1.75rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' 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' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%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)}.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip{display:block}.form-control-file.is-invalid~.invalid-feedback,.form-control-file.is-invalid~.invalid-tooltip,.was-validated .form-control-file:invalid~.invalid-feedback,.was-validated .form-control-file:invalid~.invalid-tooltip{display:block}.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~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip{display:block}.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~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip{display:block}.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;-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{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{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{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{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{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{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{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{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 auto;flex:1 1 auto;width:1%;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:#fff;text-align:center;white-space:nowrap;background-color:#000;border:1px solid #000;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;z-index:-1;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{color:#6c757d}.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' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 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' 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' 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:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' 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;background-color:#fff;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-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{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:calc(1rem + .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;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{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;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{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;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{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{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{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{-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{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{-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{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{-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{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{-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{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{-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 viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' 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 viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' 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;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{width:100%;border-radius:calc(.25rem - 1px)}.card-img-top{width:100%;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img-bottom{width:100%;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{display:-ms-flexbox;display:flex;-ms-flex:1 0 0%;flex:1 0 0%;-ms-flex-direction:column;flex-direction:column;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{-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(:first-of-type) .card-header:first-child{border-radius:0}.accordion>.card:not(:first-of-type):not(:last-of-type){border-bottom:0;border-radius:0}.accordion>.card:first-of-type{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion>.card:last-of-type{border-top-left-radius:0;border-top-right-radius:0}.accordion>.card .card-header{margin-bottom:-1px}.breadcrumb{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:2;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:1;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;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;margin-bottom:-1px;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{margin-bottom:0;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-horizontal{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}@media (min-width:576px){.list-group-horizontal-sm{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-sm .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-sm .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-sm .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}@media (min-width:768px){.list-group-horizontal-md{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-md .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-md .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-md .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}@media (min-width:992px){.list-group-horizontal-lg{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-lg .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-lg .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-lg .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}@media (min-width:1200px){.list-group-horizontal-xl{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-xl .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-xl .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xl .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}.list-group-flush .list-group-item{border-right:0;border-left:0;border-radius:0}.list-group-flush .list-group-item:last-child{margin-bottom:-1px}.list-group-flush:first-child .list-group-item:first-child{border-top:0}.list-group-flush:last-child .list-group-item:last-child{margin-bottom:0;border-bottom: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-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:.3rem;border-top-right-radius:.3rem}.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-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:1rem;border-top:1px solid #dee2e6;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:.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) * -1)}.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) * -1);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) * -1)}.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) * -1);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:0s .6s opacity}@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' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%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' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-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;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}} /*# sourceMappingURL=bootstrap.min.css.map */ .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; touch-action: manipulation; -moz-backface-visibility: hidden } .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-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) } .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; max-width: 100% } .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; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel .owl-nav [class*='owl-'], .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit } .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 { touch-action: pan-y; -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 { animation-duration: 1000ms; animation-fill-mode: both } .owl-carousel .owl-animated-in { z-index: 0 } .owl-carousel .owl-animated-out { z-index: 1 } .owl-carousel .fadeOut { animation-name: fadeOut } @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 .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0 } .owl-carousel .owl-item img.owl-lazy { 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("../../../../../../../www.portotheme.com/html/molla/assets/css/plugins/owl-carousel/owl.video.play.html") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease } .owl-carousel .owl-video-play-icon:hover { 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% } .owl-theme .owl-nav { margin-top: 0; text-align: center; -webkit-tap-highlight-color: transparent } .owl-theme .owl-nav [class*='owl-'] { position: absolute; top: 50%; z-index: 99; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; margin: 0; margin-top: -15px; color: #c96; font-size: 16px; line-height: 1; padding: 0; border: 0.1rem solid #ebebeb; background: transparent; cursor: pointer; border-radius: 50px; transition: all 0.3s ease } .owl-theme .owl-nav [class*='owl-']:not(.disabled):hover { color: #fff; border-color: #c96; background: #c96; text-decoration: none } .owl-theme .owl-nav .disabled { opacity: .8; cursor: default } .owl-theme .owl-nav .owl-prev { left: -50px } .owl-theme .owl-nav .owl-next { right: -50px } .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px } .owl-theme .owl-dots { line-height: 0; text-align: center; -webkit-tap-highlight-color: transparent } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline } .owl-theme .owl-dots .owl-dot span { width: 4px; height: 4px; margin: 5px 6px; border: 1px solid #ffffff; background: transparent; display: block; -webkit-backface-visibility: visible; transition: all .3s ease; border-radius: 30px; } .owl-theme .owl-dots .owl-dot:hover span { border-color: #000000; background: #000000 } .owl-theme .owl-dots .owl-dot.active span { width: 18px; border-color: #000000; background: #000000 } .owl-theme.owl-light .owl-nav [class*='owl-'] { border-color: #b7b7b7 } .owl-theme.owl-light .owl-nav [class*='owl-']:not(.disabled):hover { border-color: #c96 } .owl-theme.owl-light .owl-dots .owl-dot:hover span { border-color: #fff; background: #fff; } .owl-theme.owl-light .owl-dots .owl-dot.active span { border-color: #fff; background: #fff; } .owl-theme.owl-nav-inside .owl-nav .owl-prev { left: 30px } .owl-theme.owl-nav-inside .owl-nav .owl-next { right: 30px } .owl-theme.owl-nav-inside .owl-dots { position: absolute; left: 0; right: 0; bottom: 25px } .owl-simple .owl-nav { margin-top: 0; text-align: center; -webkit-tap-highlight-color: transparent } .owl-simple .owl-nav [class*='owl-'] { position: absolute; top: 50%; z-index: 99; display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; margin: 0; margin-top: -21px; color: #000000; font-size: 30px; line-height: 1; padding: 0; border: none; background: transparent; cursor: pointer; border-radius: 50px; transition: all 0.3s ease } .owl-simple .owl-nav [class*='owl-'] i { margin-top: .1rem } .owl-simple .owl-nav [class*='owl-']:not(.disabled):hover { color: #c96; background: transparent; text-decoration: none } .owl-simple .owl-nav .disabled { opacity: .7; cursor: default } .owl-simple .owl-nav .owl-prev { left: -50px } .owl-simple .owl-nav .owl-next { right: -50px } .owl-simple .owl-nav.disabled + .owl-dots { margin-top: 10px } .owl-simple .owl-dots { line-height: 0; text-align: center; -webkit-tap-highlight-color: transparent } .owl-simple .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline } .owl-simple .owl-dots .owl-dot span { width: 8px; height: 8px; margin: 5px 6px; border: 0.1rem solid #000; background: transparent; display: block; -webkit-backface-visibility: visible; transition: all .3s ease; border-radius: 30px } .owl-simple .owl-dots .owl-dot:hover span { border-color: #000000; background: #000000 } .owl-simple .owl-dots .owl-dot.active span { width: 18px; border-color: #000000; background: #000000 } .owl-simple.owl-light .owl-nav [class*='owl-'] { color: #fff } .owl-simple.owl-light .owl-dots .owl-dot:hover span { border-color: #c96; background: #c96 } .owl-simple.owl-light .owl-dots .owl-dot.active span { border-color: #c96; background: #c96 } .owl-simple.owl-light.owl-nav-inside .owl-dots .owl-dot span { border-color: #f8f8f8; } .owl-simple.owl-light.owl-nav-inside .owl-dots .owl-dot.active span { border-color: #f8f8f8; background: #f8f8f8 } .owl-simple.owl-dark .owl-nav [class*='owl-'] { color: #666666 } .owl-simple.owl-dark .owl-dots .owl-dot span { border-color: #666666 } .owl-simple.owl-dark .owl-dots .owl-dot:hover span, .owl-simple.owl-dark .owl-dots .owl-dot.active span { border-color: #666666; background: #666666 } .owl-simple.owl-nav-inside .owl-nav .owl-prev { left: 18px } .owl-simple.owl-nav-inside .owl-nav .owl-next { right: 18px } .owl-simple.owl-nav-inside .owl-dots { position: absolute; left: 0; right: 0; bottom: 25px } .owl-full .owl-nav { margin-top: 0; text-align: center; -webkit-tap-highlight-color: transparent } .owl-full .owl-nav [class*='owl-'] { position: absolute; top: 0; z-index: 99; display: flex; align-items: center; justify-content: center; width: 30px; height: 100%; margin: 0; color: #c96; font-size: 20px; line-height: 1; padding: 0; text-align: center; border: none; background: rgba(255,255,255,0.75); cursor: pointer; border-radius: 0; transition: all 0.3s ease } .owl-full .owl-nav [class*='owl-'] i { margin-top: .1rem } .owl-full .owl-nav [class*='owl-']:hover, .owl-full .owl-nav [class*='owl-']:focus { color: #c96; background: #fff; text-decoration: none; outline: none !important } .owl-full .owl-nav [class*='owl-']:before { content: ''; display: block; width: 10px; height: 100%; position: absolute; left: 100%; top: 0; border-radius: 20px 0 0 20px; background-size: contain; background-position: center center; background-repeat: no-repeat; background-image: url("../../../images/nav-prev-shadow.png") } .owl-full .owl-nav .disabled { opacity: 0; pointer-events: none; cursor: default } .owl-full .owl-nav .owl-prev { left: 0 } .owl-full .owl-nav .owl-next { right: 0 } .owl-full .owl-nav .owl-next:before { left: auto; right: 100%; background-image: url("../../../images/nav-next-shadow.png") } .owl-full.carousel-with-shadow .owl-stage-outer { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0 } .owl-full.carousel-with-shadow .owl-nav [class*='owl-'] { height: calc( 100% - 20px ) } .owl-full .owl-nav.disabled + .owl-dots { margin-top: 0 } .owl-full .owl-dots { position: absolute; left: 0; right: 0; bottom: -4rem; line-height: 0; text-align: center; -webkit-tap-highlight-color: transparent } .owl-full .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline } .owl-full .owl-dots .owl-dot span { width: 8px; height: 8px; margin: 5px 6px; border: 0.1rem solid #c96; background: transparent; display: block; -webkit-backface-visibility: visible; transition: all .3s ease; border-radius: 30px } .owl-full .owl-dots .owl-dot:hover span { border-color: #c96; background: #c96 } .owl-full .owl-dots .owl-dot.active span { width: 18px; border-color: #c96; background: #c96 } .owl-full.owl-nav-dark .owl-nav [class*='owl-'] { color: #333 } .owl-full.owl-nav-dark .owl-nav [class*='owl-']:hover, .owl-full.owl-nav-dark .owl-nav [class*='owl-']:focus { color: #c96; background: #fff } .bg-light .owl-full .owl-nav [class*='owl-']:hover, .bg-light .owl-full .owl-nav [class*='owl-']:focus { background: #f8f8f8 } /*# sourceMappingURL=owl.carousel.css.map */ .mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1442;overflow:hidden;position:fixed;opacity:0;background:#333;transition:opacity .55s ease}.mfp-ready.mfp-bg{opacity:.9}.mfp-removing.mfp-ready.mfp-bg{opacity:0}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1443;position:fixed;outline:none !important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;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:1445}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-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-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-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:-0.8em;left:8px;right:8px;z-index:1444}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1446;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:6rem;height:5.2rem;font:normal normal 2.6rem/1 'molla';position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.6;padding:0;color:#FFF;transition:all .35s ease}.mfp-close span{display:none}.mfp-close:before{content:'\f191'}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder,.mfp-iframe-holder,.mfp-ajax-holder{opacity:0;transition:0.5s ease;transition-property:transform, opacity}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close,.mfp-ajax-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;outline:none !important;display:none}.mfp-ready .mfp-image-holder,.mfp-ready .mfp-iframe-holder,.mfp-ready .mfp-ajax-holder,.mfp-ready .mfp-container{opacity:1}.mfp-removing .mfp-image-holder,.mfp-removing .mfp-iframe-holder,.mfp-removing .mfp-ajax-holder,.mfp-removing .mfp-container{opacity:0}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{display:flex;align-items:center;justify-content:center;text-align:center;position:absolute;opacity:.6;margin:0;top:50%;margin-top:-50px;font-family:'molla';color:#fff;font-weight:normal;font-size:3.2rem;line-height:1;padding:0;width:64px;height:100px;transition:all .35s ease;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow-left{left:0}.mfp-arrow-left:before{content:'\f111'}.mfp-arrow-right{right:0}.mfp-arrow-right:before{content:'\f112'}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:1060px}.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,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,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;font-size:13px;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,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,0.6);position:fixed;text-align:center;padding:0}}@media all and (max-width: 900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.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}}.mfp-fade.mfp-bg{opacity:0;-webkit-transition:all 0.15s ease-out;-moz-transition:all 0.15s ease-out;transition:all 0.15s ease-out}.mfp-fade.mfp-bg.mfp-ready{opacity:.9}.mfp-fade.mfp-bg.mfp-removing{opacity:0}.mfp-fade.mfp-wrap .mfp-content{opacity:0;-webkit-transition:all 0.15s ease-out;-moz-transition:all 0.15s ease-out;transition:all 0.15s ease-out}.mfp-fade.mfp-wrap.mfp-ready .mfp-content{opacity:1}.mfp-fade.mfp-wrap.mfp-removing .mfp-content{opacity:0} /*# sourceMappingURL=magnific-popup.css.map */ @charset "UTF-8"; /*! * animate.css -https://daneden.github.io/animate.css/ * Version - 3.7.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2019 Daniel Eden */ @-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 heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } .heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-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) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) 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) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) 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) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) 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) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) 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) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -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); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @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); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .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; } .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; } .animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; } .animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; } .animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; } .animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; } .animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; } .animated.fast { -webkit-animation-duration: 800ms; animation-duration: 800ms; } .animated.faster { -webkit-animation-duration: 500ms; animation-duration: 500ms; } .animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; } @media (print), (prefers-reduced-motion: reduce) { .animated { -webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; -webkit-transition-duration: 1ms !important; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; } } .color-container { position: relative; display: block; height: auto; width: 100%; } jroot-color-picker { position: relative; right: -166px; /* top: 52px; */ background: #fff; width: 297px; height: 275px; z-index: 999219; box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.11); border-radius: 8px; display: block; margin-bottom:20px } jroot-color-picker heading { float: left; width: 100%; padding: 5px 5px; background: #000; color: #fff; position: relative; } jroot-color-picker heading label { margin-bottom: 0px; float: left; width: 100%; padding-left: 5px; color: #fff; } jroot-color-picker heading controll { position: absolute; right: 15px; } jroot-color-picker heading controll icon { cursor: pointer; } jroot-color-picker el-block { float: left; width: 100%; position: absolute; left: 0; right: 0; bottom: 0; top: 39px; z-index: 999; background: #fff; padding: 3px 10px; } pallet-block { position: absolute; left: -160px; width: 160px; height: 275px; background: #ffffff; border-radius: 10px 0 0px 10px; top: 0px; z-index: 991; box-shadow: -2px 6px 6px 2px rgba(0, 0, 0, 0.07); padding-right: 0px; } pallet-block label { float: left; width: 100%; padding: 4px 7px; background: #000; color: #fff; margin-bottom: 0px; } pallet-block > ul { padding: 5px 10px; margin: 0px; float: left; width: 100%; max-height: 230px; overflow-y: auto; } pallet-block > ul > li { float: left; width: 100%; list-style: none; padding: 3px 0; } pallet-block > ul > li > span { width: 20% !important; float: left; height: 20px !important; border-radius: 0 !important; margin: 0 !important; border: 0 !important; } pallet-block > ul > li > span:hover{ box-shadow:none !important; } pallet-block > ul::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1); background-color: #F5F5F5; } pallet-block > ul::-webkit-scrollbar{ width: 6px; background-color: #F5F5F5; } pallet-block > ul::-webkit-scrollbar-thumb{ background-color: #2486bc; border: 1px solid #2486bc; } pallet-block > ul > li:hover{ border:2px solid rgba(0,0,0,0); } jroot-color-picker el-block change-pallet { float: left; width: 100%; border-bottom: 1px solid #f7f7f7; position: relative; padding-bottom: 6px; padding-top: 4px; } jroot-color-picker el-block change-pallet label { float: left; width: 100%; margin-bottom: 0px; font-size: 0.9em; } jroot-color-picker el-block change-pallet icon { position: absolute; right: 8px; font-size: 0.8em; color: #5ad6ef; font-weight: 500; letter-spacing: 0.5px; cursor: pointer; } active-pallet { float: left; width: 100%; height: 130px; padding: 5px 5px; } active-pallet ul { float: left; width: 20%; margin: 0px; padding: 0px; } active-pallet ul li { list-style: none; width: 100%; height: 25px; cursor: pointer; } active-pallet ul li:hover{ zoom:1.1; } jroot-color-picker el-block change-pallet color-block { width: 85px; height: 25px; background: red; position: absolute; right: 5px; top: 2px; } action-buttons { position: absolute; right: 0; bottom: 0; left: 0; width: 100%; height: 35px; } action-buttons button { float: right; padding: 0px 12px !important; border-radius: 0px !important; margin-right: 10px; font-size: 0.8em !important; } manual-color { float: left; width: 100%; padding: 5px 5px; margin-top: 10px; display: none; } manual-color .code-code { float: left; width: 60%; padding-right: 10px; } manual-color .code-code label { float: left; width: 100%; font-size: 0.9em; font-weight: 400; letter-spacing: 0.9px; } manual-color .code-code input { float: left; width: 100%; border: 1px solid #d6d6d6; padding: 3px 5px; border-radius: 3px; } manual-color .code-code .ui-slider { float: left; width: 100%; margin-top: 7px; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); border-radius: 3px; } manual-color .code-code .ui-slider span.ui-slider-handle { border-radius: 10px; outline:unset; background: #033649; border: none; } manual-color .code-code:last-child { width: 40%; } @import url("https://fonts.googleapis.com/css?family=Montserrat:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800"); @font-face { font-family: Kannada MN1; src: url(/Content/assets/fonts/WendelinNormal.ttf); } @font-face { font-family: Kannada MN; src: url(/Content/assets/fonts/TIMESS__.ttf); } @font-face { font-family: josefin sans,sans-serif; src: url(/Content/assets/fonts/josefin sans,sans-serif.ttf); } @font-face { font-family: CochinBold; src: url(/Content/assets/fonts/CochinBold_Italic.ttf); } @font-face { font-family: Cochin; src: url(/Content/assets/fonts/CochinItalic.ttf); } @font-face { font-family: 'CochinItalic'; src: url('/Content/assets/fonts/CochinItalic.ttf') format('truetype'); } @font-face { font-family: josefin sans,sans-serif; src: url(/Content/assets/fonts/josefin sans,sans-serif.ttf); } html { font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size-adjust: 100% } html, body { height: 100% } body { font-family: open sans,sans-serif; font-size: 15px; line-height: 1.8em; font-weight: 400; color: #000; background-color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden } video, object { display: block; vertical-align: baseline; min-width: 100%; min-height: 100%; } ::-moz-selection { color: #fff; background-color: #000 } ::selection { color: #fff; background-color: #000 } p { margin-bottom: 1.5rem } ul, ol { list-style: none; padding: 0; margin: 0 0 1.5rem } b, strong { font-weight: 700 } em, i { font-style: italic } hr { border: none; border-top: 1px solid #ebebeb; margin: 3rem auto 2.5rem } sub, sup { position: relative; font-size: 70%; line-height: 0; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } img { display: block; max-width: 100%; height: auto } .bg-light { background-color: #f8f8f8 !important } .bg-light-2 { background-color: #f9f9f9 !important } .bg-lighter { background-color: #f9f8f8 !important } .bg-gray { background-color: #fcfcfc !important } .bg-primary { background-color: #000 !important } .bg-secondary { background-color: #a6c76c !important } .bg-image { background-color: #ccc; background-size: cover; background-position: center center; background-repeat: no-repeat; } .min-height570 { min-height: 570px; } .bg-overlay { position: relative } .bg-overlay:before { content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; opacity: .3; background-color: #333 } .bg-overlay .container, .bg-overlay .container-fluid { position: relative; z-index: 2 } @keyframes rotating { from { transform: rotate(0deg) } to { transform: rotate(360deg) } } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: josefin sans,sans-serif; font-weight: 500; line-height: 1.1; margin-bottom: 1.4rem; color: #000; } h1, .h1 { font-size: 4rem } h2, .h2 { font-size: 3.6rem } h3, .h3 { font-size: 2.6rem } h4, .h4 { font-size: 2.2rem } h5, .h5 { font-size: 2rem; letter-spacing: -.025em } h6, .h6 { font-size: 1.7rem; letter-spacing: -.01em } a { color: #000; text-decoration: none; transition: color 0.3s ease } a:hover, a:focus { color: #bf8040; text-decoration: none } .link-underline { box-shadow: 0 1px 0 0 #000 } .text-primary { color: #000 !important } .text-secondary { color: #a6c76c !important } .text-dark { color: #333 !important } .text-light { color: #ccc !important } .lead { font-size: 1.7rem; font-weight: 400; line-height: 1.875; margin-bottom: 1.2rem } blockquote { position: relative; margin: 0 0 4.2rem; padding: 0; color: #777; font-style: italic; font-size: 1.7rem; line-height: 1.625 } blockquote p { max-width: 1120px } blockquote.text-center p { margin-left: auto; margin-right: auto } blockquote cite { font-style: normal; font-weight: 500; color: #000; letter-spacing: -.01em; line-height: 1 } blockquote cite span { display: block; font-weight: 300; font-size: 1.4rem } blockquote.text-white cite { color: #cccccc } blockquote.text-white cite span { color: #777 } @media screen and (min-width: 768px) { h1, .h1 { font-size: 5rem } h2, .h2 { font-size: 4rem } h3, .h3 { font-size: 3rem } h4, .h4 { font-size: 2.4rem } } .row { margin-left: -6px; margin-right: -6px } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .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-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .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-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .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-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .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-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { padding-right: 6px; padding-left: 6px } .no-gutters { margin-left: 0; margin-right: 0 } .no-gutters > .col, .no-gutters > [class*=col-] { padding-left: 0; padding-right: 0 } .container { width: 1188px; max-width: 100%; padding-left: 10px; padding-right: 10px } .page-wrapper { position: relative; display: flex; flex-direction: column; min-height: 100%; transition: transform 0.4s ease; max-width: 2880px; margin: 0 auto; } .mmenu-active .page-wrapper { } .explorediv { max-width: 85%; margin-left: auto; margin-right: auto; position: absolute; left: auto; bottom: 50px; z-index: 99; } a.view-project { display: table; color: #fff; border: solid 2px #d32fa9; border-radius: 50px; line-height: 0px; width: 54px; position: relative; height: 54px; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; } a.view-project i { font-size: 15px; position: absolute; left: 19px; top: 19px; transform: translateX(0); -webkit-transition: all ease 0.3s; transition: all ease 0.3s; font-weight: 600; } a.view-project span { opacity: 0; font-size: 15px; width: 110px; height: 46px; display: none; line-height: 51px; -webkit-transition: all ease 0.3s 0.3s; transition: all ease 0.3s 0.3s; } a.view-project:hover { width: 155px; padding-left: 24px; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; } a.view-project:hover i { left: auto; transform: translateX(90px); -webkit-transition: all ease 0.3s; transition: all ease 0.3s; } a.view-project:hover span { display: block; opacity: 1; -webkit-transition: all ease 0.3s 0.3s; transition: all ease 0.3s 0.3s; } a.view-project1 { display: table; color: #616161; border: solid 2px #000; border-radius: 50px; line-height: 0px; width: 54px; position: relative; height: 54px; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; } a.view-project1 i { font-size: 15px; position: absolute; left: 19px; top: 19px; transform: translateX(0); -webkit-transition: all ease 0.3s; transition: all ease 0.3s; font-weight: 600; } a.view-project1 span { opacity: 0; font-size: 15px; width: 110px; height: 46px; display: none; line-height: 51px; -webkit-transition: all ease 0.3s 0.3s; transition: all ease 0.3s 0.3s; text-align: left; font-weight: 600; letter-spacing: 2px; } a.view-project1:hover { width: 170px; padding-left: 24px; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; } a.view-project1:hover i { transform: translateX(110px); -webkit-transition: all ease 0.3s; transition: all ease 0.3s; } a.view-project1:hover span { display: block; opacity: 1; -webkit-transition: all ease 0.3s 0.3s; transition: all ease 0.3s 0.3s; } .colorread { display: inline-block; position: relative; margin: 0 auto; left: auto; right: auto; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .page-wrapper { display: block } } .main { flex: 1; width: 100% } .page-content { padding-bottom: 5rem } @media screen and (min-width: 992px) { .col-5col { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% } } .col-xl-5col { width: 100%; padding-left: 10px; padding-right: 10px } .col-xl-4-5col { width: 100%; padding-left: 10px; padding-right: 10px } .col-xl-2-5col { width: 100%; padding-left: 10px; padding-right: 10px } .col-xl-3-5col { width: 100%; padding-left: 10px; padding-right: 10px } @media screen and (min-width: 1200px) { .container-fluid { padding-left: 30px; padding-right: 30px } .col-xl-5col { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% } .col-xl-4-5col { -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80% } .col-xl-2-5col { -ms-flex: 0 0 calc(40%); flex: 0 0 calc(40%); max-width: calc(40%) } .col-xl-3-5col { -ms-flex: 0 0 calc(60%); flex: 0 0 calc(60%); max-width: calc(60%) } .no-gutters .col-xl-2-5col { -ms-flex: 0 0 calc(40% + 8px); flex: 0 0 calc(40% + 8px); max-width: calc(40% + 8px) } .no-gutters .col-xl-3-5col { -ms-flex: 0 0 calc(60% - 8px); flex: 0 0 calc(60% - 8px); max-width: calc(60% - 8px) } } @media screen and (min-width: 1280px) { .container { padding: 0px 70px 0; width: 100%; margin: 0 auto; max-width: 2200px; } } @media screen and (min-width: 1600px) { .container-fluid { padding-left: 70px; padding-right: 70px } .col-xxl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-xxl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-xxl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .col-xxl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .offset-xxl-2 { margin-left: 16.666667% } .col-xxl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-xxl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .col-xxl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .col-xxl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-xxl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .col-xxl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-xxl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-xxl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .col-xxl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .col-xxl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .col-xxl-5col { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% } .col-xxl-4-5col { -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80% } .d-xxl-block { display: block !important } .d-xxl-flex { display: flex !important } } @media screen and (min-width: 1920px) { .container-fluid { max-width: 1920px; margin-left: auto; margin-right: auto } } .header-top a:hover, .header-top a:focus { color: #999 !important; } .header { width: 100%; background-color: #fff; } .header .container, .header .container-fluid { position: relative; display: flex; align-items: center } .header-left, .header-center, .header-right { display: flex; align-items: center } .header-right { margin-left: auto; align-self: stretch } .header-center { margin-left: auto; margin-right: auto } .logo { display: block; margin-top: 2.55rem; margin-bottom: 2.95rem; flex-shrink: 0; min-height: 25px } .logo img { display: block; max-width: 100%; height: auto } .header-top { font-weight: 300; font-size: 1.5rem; line-height: 1.8; letter-spacing: 0; color: #000; background-color: #fff !important; border-bottom: 1px solid #ccc; } .top-menu li ul li a { color: #000 } .header-top a:hover, .header-top a:focus { color: #999 } .header-top .container, .header-top .container-fluid { position: relative } .header-top .container:after, .header-top .container-fluid:after { content: ''; display: block; height: 1px; position: absolute; bottom: -1px; left: 10px; right: 10px; background-color: #ebebeb } .header-top .top-menu li + li { margin-left: 2.6rem } @media screen and (min-width: 1200px) { .header-top .container-fluid:after { left: 30px; right: 30px } } @media screen and (min-width: 1600px) { .header-top .container-fluid:after { left: 70px; right: 70px } } .top-menu { text-transform: uppercase; letter-spacing: -.01em; margin: 0 } .top-menu > li { position: relative; display: inline-block; } .top-menu > li > a { text-transform: none; } .top-menu ul { display: flex; align-items: center } .top-menu li + li { margin-left: 3rem } .top-menu a { display: inline-flex; align-items: center; padding: 4px 0px 1px; } .fontsize15 { font-size: 15px !important; } .fontsize25 { font-size: 25px !important; } .top-menu a:hover { color: #ccc; } .top-menu i { font-size: 1.5rem; margin-right: .8rem; line-height: 1 } .top-menu i.icon-heart-o { margin-top: -.2rem } .top-menu span { color: #000; margin-left: .3rem } .header-dropdown { position: relative; padding-top: .8rem; padding-bottom: .8rem } .header-dropdown + .header-dropdown { margin-left: 2.9rem } .header-dropdown > a, .header-dropdown > span { position: relative; display: inline-flex; padding-top: .2rem; padding-bottom: .2rem; padding-right: 2.2rem; align-items: center; text-transform: uppercase } .header-dropdown > a::after, .header-dropdown > span::after { font-family: "molla"; content: '\f110'; position: absolute; right: 0; top: 50%; display: inline-block; font-size: 1.2rem; line-height: 1; margin-top: -.7rem } .header-dropdown a:hover, .header-dropdown a:focus { text-decoration: none } .header-menu { position: absolute; left: -1.5rem; top: 100%; z-index: 20; padding-top: .6rem; padding-bottom: .6rem; min-width: 100%; visibility: hidden; opacity: 0; background-color: #fff; box-shadow: 2px 5px 8px rgba(51,51,51,0.05),-2px 5px 8px rgba(51,51,51,0.05); transition: all .25s; margin-top: 1px } .header-dropdown:first-child .header-menu { left: 0 } .header-menu:before { content: ''; display: block; width: 100%; height: .1rem; position: absolute; top: -1px; left: 0 } .header-dropdown:hover > .header-menu, .header-dropdown:focus > .header-menu { visibility: visible; opacity: 1 } .header-menu ul { list-style: none; padding: 0; margin: 0 } .header-menu ul li { margin: 0 } .header-menu ul a { padding: .3rem 1.5rem; display: flex; align-items: center; white-space: nowrap } .header-menu a { color: inherit } .header-menu a:hover, .header-menu a:focus { color: #000 } .header-right .header-menu, .header-right .header-dropdown:first-child .header-menu { left: auto; right: 0 } .header-right .top-menu + .header-dropdown { margin-left: 2.5rem } .header-middle { border-bottom: .1rem solid #f4f4f4 } .header-middle .menu > li > a { letter-spacing: .01em } .header-middle .menu.sf-arrows > li > .sf-with-ul { padding-right: 1.5rem } .cart-dropdown, .compare-dropdown { display: flex; align-self: stretch; align-items: center } .cart-dropdown .dropdown-toggle, .compare-dropdown .dropdown-toggle { position: relative; display: flex; align-items: center; text-decoration: none !important; line-height: 1; color: #333 } .cart-dropdown .dropdown-toggle::after, .compare-dropdown .dropdown-toggle::after { display: none } .cart-dropdown .dropdown-menu, .compare-dropdown .dropdown-menu { display: block; width: 300px; z-index: 100; font-size: 1.7rem; z-index: 1001; border: none; margin: 1px 0 0; padding: 2.2rem 3rem 2.5rem; border-radius: 0; border: none; box-shadow: 5px 10px 16px rgba(51,51,51,0.05),-5px 10px 16px rgba(51,51,51,0.05); background-color: #fff; visibility: hidden; opacity: 0; transition: all .25s } .cart-dropdown .dropdown-menu:before, .compare-dropdown .dropdown-menu:before { content: ''; display: block; position: absolute; bottom: 100%; left: 0; right: 0; height: 1px } .cart-dropdown .dropdown-menu.dropdown-menu-right, .compare-dropdown .dropdown-menu.dropdown-menu-right { right: -1px } .cart-dropdown .btn-remove, .compare-dropdown .btn-remove { position: absolute; top: 50%; right: -.55rem; display: flex; align-items: center; justify-content: center; width: 2.4rem; height: 2.4rem; color: #cccccc; font-size: 1.7rem; line-height: 1; text-align: center; margin-top: -1.2rem } .cart-dropdown .btn-remove:hover, .cart-dropdown .btn-remove:focus, .compare-dropdown .btn-remove:hover, .compare-dropdown .btn-remove:focus { color: #333 } .cart-dropdown:hover .dropdown-toggle, .cart-dropdown.show .dropdown-toggle, .compare-dropdown:hover .dropdown-toggle, .compare-dropdown.show .dropdown-toggle { color: #000 } .cart-dropdown:hover .dropdown-menu, .cart-dropdown.show .dropdown-menu, .compare-dropdown:hover .dropdown-menu, .compare-dropdown.show .dropdown-menu { visibility: visible; opacity: 1 } .compare-dropdown { padding-left: 2.5rem } .compare-dropdown .dropdown-toggle { font-size: 2.6rem } .compare-products { list-style: none; padding: 0; margin: 0 } .compare-product { position: relative; padding: .5rem 0; margin: 0; box-shadow: none !important } .compare-product:hover { box-shadow: none } .compare-product-title { color: #666; font-weight: 300; font-size: 1.7rem; line-height: 1.35; margin: 0; letter-spacing: -.01em } .compare-product-title a { color: inherit } .compare-product-title a:hover, .compare-product-title a:focus { color: #000 } .compare-actions { display: flex; align-items: center; margin-top: 2rem } .compare-actions .action-link { font-size: 1.7rem; color: #666 } .compare-actions .action-link:hover, .compare-actions .action-link:focus { color: #000; text-decoration: underline } .compare-actions .btn { font-size: 1.7rem; min-width: 110px; margin-left: auto; padding-top: .65rem; padding-bottom: .65rem } .cart-dropdown { padding-left: 2.5rem } .cart-dropdown .dropdown-toggle { font-size: 2.8rem } .cart-dropdown .dropdown-toggle i { display: inline-block; margin-top: -3px } .cart-dropdown .cart-count { display: flex; align-items: center; justify-content: center; min-width: 2rem; height: 2rem; border-radius: 50%; font-weight: 400; font-size: 1rem; line-height: 1; margin-left: .2rem; margin-top: .1rem; color: #fff; background-color: #000 } .cart-dropdown .dropdown-cart-products { margin-top: -1rem } .cart-dropdown .product { position: relative; display: flex; align-items: flex-start; padding: 1.6rem 2.4rem 1.6rem 0; box-shadow: none; margin: 0 !important; border: none; border-bottom: 1px solid #ebebeb; box-shadow: none !important } .cart-dropdown .product-image-container { position: relative; max-width: 60px; margin: 0; margin-left: auto } .cart-dropdown .product-title { font-weight: 400; font-size: 1.7rem; line-height: 1.3; color: #666; text-align: left; margin-bottom: .4rem } .cart-dropdown .product-title a { color: inherit } .cart-dropdown .product-title a:hover, .cart-dropdown .product-title a:focus { color: #000 } .cart-dropdown .product-cart-details { font-weight: 400; max-width: 150px; font-size: 1.7rem; color: #999; text-align: left } .dropdown-cart-total { padding: 1rem 0 .5rem; display: flex; align-items: flex-end; font-size: 1.7rem; font-weight: 400; text-transform: uppercase; color: #666; margin-bottom: 1.1rem } .dropdown-cart-total .cart-total-price { font-size: 1.5rem; margin-left: auto } .dropdown-cart-action { display: flex; align-items: center; justify-content: space-between; padding: 0 0 .5rem } .dropdown-cart-action .btn { font-size: 1.7rem; min-width: 110px; padding-top: .75rem; padding-bottom: .75rem } .wishlist-link { display: flex; align-items: center; justify-content: center; color: #666; font-size: 2.6rem; line-height: 1; margin-left: 3.8rem } .wishlist-link i { display: inline-block; margin-top: -2px } .wishlist-link .wishlist-count { display: flex; align-items: center; justify-content: center; min-width: 2rem; height: 2rem; border-radius: 50%; font-weight: 400; font-size: 1rem; line-height: 1; margin-left: .7rem; margin-top: .1rem; color: #fff; background-color: #000 } .wishlist-link:hover, .wishlist-link:focus { color: #000 } .search-toggle { position: relative; display: block; font-size: 2.8rem; line-height: 1; min-width: 2.5rem; padding: .3rem .2rem; font-weight: 400; color: #333; text-align: center; z-index: 11 } .search-toggle:hover, .search-toggle:focus, .search-toggle.active { color: #000; outline: none !important } .header-search { position: relative; margin: 0; font-size: 0; line-height: 1; padding: 0; border: none } .header-search .header-search-wrapper { position: absolute; right: -1.4rem; top: 50%; margin-top: -20px; display: none; align-items: stretch; overflow: visible; border-radius: 20px; width: 100%; min-width: 270px; background-color: transparent; border: .1rem solid #ebebeb; border-radius: 20px; z-index: 10 } .header-search .header-search-wrapper.show { display: flex } .header-search .search-wrapper-wide { width: 570px } .header-search form { margin: 0 } .header-search .select-custom { flex: 0 0 200px; max-width: 200px; padding-right: 0; margin: 0; align-self: center } .header-search .select-custom:before { content: ''; display: block; position: absolute; left: 0; top: 50%; width: .1rem; height: 2.6rem; margin-top: -1.3rem; background-color: #ebebeb } .header-search .select-custom::after { right: 2rem; color: #999; font-size: 1.2rem } .header-search .form-control, .header-search select { line-height: 1; font-weight: 400; font-size: 1.7rem; letter-spacing: 0; background-color: #fff; margin: 0 } .header-search .form-control { flex: 1 1 auto; padding: .9rem 5rem .9rem 2.3rem; width: 100%; margin: 0; height: 38px; line-height: 20px; border: none; border-radius: 20px; box-shadow: none } .header-search select { width: 100%; border: none; line-height: 38px; height: 38px; color: #777; padding: .1rem 4rem .1rem 2rem; border-radius: 0; -moz-appearance: none; -webkit-appearance: none } .header-search select:focus { outline: none !important } .header-search option { font-size: 1.7rem; padding: .1rem .3rem } .header-search .btn { flex: 0 0 40px; max-width: 40px; min-width: 0; height: 40px; font-weight: 400; font-size: 1.8rem; line-height: 1; border: 0; padding: 0; margin: 0; min-width: 0; cursor: pointer; margin-top: -1px; margin-right: -1px; margin-bottom: -1rem; border-radius: 0 20px 20px 0 } .header-search .btn i { margin: 0 !important } .header-search-extended { margin-right: 19rem; width: 100%; max-width: 570px; margin-top: 2.2rem; margin-bottom: 2.2rem } .header-search-extended .header-search-wrapper { border-radius: 0px } .header-search-extended .form-control, .header-search-extended select { font-weight: 300 } .header-search-extended .form-control { height: 44px; padding-top: 1.2rem; padding-bottom: 1.2rem; padding-right: 2.4rem; border-radius: 8px; } .header-search-extended select { line-height: 44px; height: 44px } .header-search-extended .btn { flex: 0 0 70px; max-width: 70px; height: 40px; font-size: 2rem; border-radius: 0 30px 30px 0 } .header-search-visible .search-toggle { display: none } .header-search-visible .header-search-wrapper { position: static; left: auto; right: auto; top: auto; margin-top: 0; display: flex } .header-search-no-radius .header-search-wrapper, .header-search-no-radius .form-control, .header-search-no-radius .btn { border-radius: 0 } .header-search-no-round .header-search-wrapper { border-radius: .3rem } .header-search-no-round .form-control { border-radius: .3rem 0 0 .3rem } .header-search-no-round .btn { border-radius: 0 .3rem .3rem 0 } .mobile-menu-toggler { border: none; background: transparent; color: #666; padding: .2rem .25rem; font-size: 2.8rem; line-height: 1; display: flex; align-items: center; justify-content: center; cursor: pointer; } .header-bottom .mobile-menu-toggler { margin-top: .55rem; margin-bottom: .55rem; margin-left: -.4rem } .menu .megamenu.demo { overflow-x: hidden; overflow-y: scroll } .menu .megamenu.demo::-webkit-scrollbar { height: 10px; width: 7px } .menu .megamenu.demo::-webkit-scrollbar-thumb { background: #ebebeb; border-radius: 10px } .menu .megamenu.demo::-webkit-scrollbar-track { background: #fff; border-radius: 10px; margin: 8px; width: 100% } .menu .megamenu.demo .demo-item.hidden { opacity: 0; max-height: 0; padding-bottom: 0; overflow: hidden; transform: translateY(50px); transition: all 0.5s } .menu .megamenu.demo .demo-item.show { opacity: 1; max-height: 100%; padding-bottom: 3rem; transform: translateY(0) } .disabled-hidden { opacity: 0; width: 0; height: 0; padding: 0 !important; overflow: hidden } .header-intro-clearance .header-middle .header-left, .header-intro-clearance .header-bottom .header-left { flex: 0 0 calc((100% + 20px) / 4); max-width: calc((100% + 20px) / 4); margin: 0 } .header-intro-clearance .header-middle .header-center, .header-intro-clearance .header-bottom .header-center { flex: 0 0 calc((100% + 20px) / 2 - 20px); max-width: calc((100% + 20px) / 2 - 20px); margin: 0 } .header-intro-clearance .header-middle .header-right, .header-intro-clearance .header-bottom .header-right { margin-left: auto } .header-intro-clearance .header-bottom .menu > li > a { font-size: 1.7rem; letter-spacing: -.01em; text-transform: none } .header-intro-clearance .header-bottom .menu > li > a::before { top: 0 } .header-intro-clearance .header-bottom .menu.sf-arrows > li > .sf-with-ul::after { right: 1.3rem } .header-intro-clearance .header-bottom .menu > li + li { margin-left: .7rem } .header-intro-clearance .header-bottom .header-left { align-self: stretch } .header-intro-clearance .header-bottom .header-right p { padding-right: .5rem; font-size: 1.7rem; font-weight: 500; letter-spacing: -.01em } .header-intro-clearance .header-bottom .header-right .highlight { color: #333 } .header-intro-clearance .header-bottom .header-right i { color: #000; font-size: 2.6rem; letter-spacing: -.01em; margin-right: 1.5rem; } .header-intro-clearance .header-bottom .container::before { position: absolute; content: ''; left: 28.5rem; height: 1.5rem; width: .1rem; top: 50%; background-color: #ccc; transform: translateY(-50%) } .header-intro-clearance .header-bottom .container::after { position: absolute; content: ''; right: 28rem; height: 1.5rem; width: .1rem; top: 50%; background-color: #ccc; transform: translateY(-50%) } .header-intro-clearance .header-middle .header-right p { font-size: 1.1rem } .header-intro-clearance .top-menu { text-transform: none } .header-intro-clearance .header-dropdown > a, .header-intro-clearance .header-dropdown > span { padding-right: 1.8rem; text-transform: none } .header-intro-clearance .header-dropdown > a:after, .header-intro-clearance .header-dropdown > span:after { font-size: 1rem; margin-top: -.6rem } .header-intro-clearance .dropdown.category-dropdown { width: 275px; max-width: 95% } .header-intro-clearance .dropdown.category-dropdown .dropdown-toggle { color: #333; text-transform: none; padding-left: 5.5rem; min-width: 100% } .header-intro-clearance .dropdown.category-dropdown .dropdown-toggle i { font-size: 1rem; position: absolute; right: 1.5rem } .header-intro-clearance .dropdown.category-dropdown .dropdown-toggle::before { height: 0 } .header-intro-clearance .dropdown.category-dropdown .dropdown-toggle::after { font-weight: 400; position: absolute; margin-left: 0; left: 1.5rem } .header-intro-clearance .header-menu ul { display: block } .header-intro-clearance .top-menu:not(.top-link-menu) .header-menu li + li { margin-left: 0 } .header-intro-clearance .account, .header-intro-clearance .wishlist, .header-intro-clearance .compare-dropdown, .header-intro-clearance .cart-dropdown { display: flex; align-self: stretch; align-items: initial } .header-intro-clearance .account > a, .header-intro-clearance .wishlist > a, .header-intro-clearance .compare-dropdown > a, .header-intro-clearance .cart-dropdown > a { display: flex; flex-direction: column; align-items: center; justify-content: center } .header-intro-clearance div.icon { position: relative; height: 3.2rem } .header-intro-clearance .account a { font-size: 3rem; color: #333; line-height: 1 } .header-intro-clearance .wishlist a { font-size: 2.8rem; color: #333; line-height: 1 } .header-intro-clearance .cart-dropdown .cart-count, .header-intro-clearance .wishlist .wishlist-count { min-width: 1.6rem; height: 1.6rem } .header-intro-clearance .wishlist .wishlist-count { display: flex; align-items: center; justify-content: center; border-radius: 50%; font-weight: 400; font-size: 1rem; line-height: 1; color: #fff } .header-intro-clearance .wishlist .wishlist-count { position: absolute; top: 0; right: -.5rem } .header-intro-clearance .cart-dropdown .cart-count { position: absolute; top: 0; right: -.3rem } .header-intro-clearance .cart-dropdown, .header-intro-clearance .wishlist, .header-intro-clearance .account { padding-left: 3rem } .header-intro-clearance .cart-dropdown .dropdown-toggle, .header-intro-clearance .wishlist .dropdown-toggle, .header-intro-clearance .account .dropdown-toggle { color: #333 } @media screen and (min-width: 992px) { .mobile-menu-toggler { display: none } } @media screen and (min-width: 1600px) { .header .container-fluid .megamenu-container { position: relative } .header .container-fluid .megamenu-container .megamenu { right: auto; width: 1170px } } @media screen and (max-width: 1199px) { .header-search .search-wrapper-wide { width: 480px } .header-search-extended { margin-right: 10rem } .header-search-extended .btn { flex: 0 0 50px; max-width: 50px } } .mainslider.owl-simple .owl-dots { bottom: 10px; } @media screen and (max-width: 991px) { .top-menu:not(.top-link-menu) { display: block; align-items: center; align-self: stretch } .top-menu:not(.top-link-menu) > li { display: flex; align-items: center; align-self: stretch; padding-right: 2.2rem } .top-menu:not(.top-link-menu) > li > a { display: block; padding-left: 0; padding-right: 0; color: #000 !important; } /* .top-menu:not(.top-link-menu) > li::after { */ /* font-family: "molla"; */ /* content: '\f110'; */ /* position: absolute; */ /* right: 0; */ /* top: 50%; */ /* display: inline-block; */ /* font-size: 1.2rem; */ /* line-height: 1; */ /* margin-top: -.7rem */ /* } */ .top-menu:not(.top-link-menu) ul { display: block; position: absolute; right: 0; top: 100%; z-index: 20; padding-top: .6rem; padding-bottom: .6rem; min-width: 180px; visibility: hidden; opacity: 0; margin-top: 1px; background-color: #fff; box-shadow: 2px 5px 8px rgba(51,51,51,0.05),-2px 5px 8px rgba(51,51,51,0.05); text-transform: capitalize } .top-menu:not(.top-link-menu) ul:before { content: ''; display: block; width: 100%; height: .1rem; position: absolute; top: -1px; left: 0 } .top-menu:not(.top-link-menu):hover ul, .top-menu:not(.top-link-menu):focus ul { visibility: visible; opacity: 1 } .top-menu:not(.top-link-menu) li + li { margin-left: 0 !important } .top-menu:not(.top-link-menu) a { padding: .3rem 1.5rem; color: #000 !important; } .header-left .top-menu ul { right: auto; left: 0 } .header-search { display: none } .header-search-extended { margin-right: 0 } .header-search-extended .btn { height: 40px } .header-search-extended .form-control { height: 38px; padding-top: .9rem; padding-bottom: .9rem } .header-search-extended select { height: 38px; line-height: 38px } .header-search-visible .search-toggle { display: block } .header-search-visible .header-search-wrapper { position: absolute; right: -10rem; top: 100%; margin-top: .8rem; display: none; border-width: .4rem } .header-search-visible .header-search-wrapper:before { content: ''; display: block; width: 0; height: 0; position: absolute; right: 10rem; bottom: 100%; border-style: solid; border-width: 0 11px 13px 11px; border-color: transparent transparent #ebebeb transparent } .header-bottom { display: none } } @media screen and (max-width: 767px) { .header-search .search-wrapper-wide { width: 420px } .header-search .select-custom { flex: 0 0 180px; max-width: 180px } } @media screen and (max-width: 575px) { .header-search .search-wrapper-wide { width: 300px } .header-search .select-custom { display: none } .compare-dropdown, .wishlist-link { display: none } .cart-dropdown { padding-left: 1.4rem } } @media (max-width: 340px) { .header-search .search-wrapper-wide { width: 260px } .compare-dropdown, .wishlist, .account, .wishlist-link { display: none !important } } .main-nav { margin-left: 2rem; display: none } .menu, .menu ul { margin: 0; padding: 0; list-style: none } .menu { display: flex; align-items: center } .menu li { position: relative; display: flex; } .menu li:hover > ul, .menu li.show > ul, .menu li.show > .megamenu { display: block } .menu .megamenu-container { position: static } .menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 1002 } .menu ul ul { top: -1.6rem; left: 100% } .menu .megamenu { display: none; position: absolute; left: 1.5rem; right: 1.5rem; top: 100%; z-index: 9999999; } .menu .megamenu.megamenu-sm { left: 0; right: auto; width: 456px } .menu .megamenu.megamenu-md { left: auto; right: auto; width: 400px; } .menu .megamenu > ul, .menu .megamenu div > ul { display: block; position: static; left: auto; right: auto; top: auto; bottom: auto; box-shadow: none; margin-top: 0; padding: 0; min-width: 0 } .menu ul, .menu .megamenu { margin-top: 1px } .font-size18 { font-size: 24px !important; } .font-size21 { font-size: 21px !important; } .menu ul:before, .menu .megamenu:before { content: ''; display: block; position: absolute; bottom: 100%; height: 1px; left: 0; right: 0 } .menu ul ul, .menu .megamenu ul { margin-top: 0 } .tagti.owl-theme .owl-dots .owl-dot span { border-color: #000; } .tagti.owl-theme .owl-dots { position: absolute; margin: 0 auto; text-align: center; width: 100%; bottom: -140px; } .testimonial p { color: #000; } .menu a:not(.btn) { display: block; position: relative; text-decoration: none } .menu a:not(.btn):focus { outline: none !important } .menu { line-height: 1.5 } .counter-style-1 { /* border-radius: 80% 9px 0; */ bottom: 30px; font-family: josefin sans,sans-serif; /* height: 240px; */ /* padding-top: 76px; */ position: absolute; right: 80px; text-align: center; width: 94px; z-index: 3; font-weight: 300; } .counter-style-1 span { } @keyframes zoominoutsinglefeatured { 0% { transform: scale(1,1); } 50% { transform: scale(1.2,1.2); } 100% { transform: scale(1.2,1.2); } } .active .intro-slide1 { animation: zoominoutsinglefeatured 25s infinite ease-out; } .intro-slide1 { align-items: center; background-size: cover; background-position: bottom center; width: 100%; height: 100%; position: absolute; } .counter-style-1 span.current { font-size: 30px; color: #fff; } .counter-style-1 span.total { color: #fff; display: inline-block; font-size: 20px; left: 12px; top: 15px; } .web-image-block-container { position: absolute; bottom: 80px; z-index: 99; text-align: center; display: block; width: 100%; margin: 0 auto; } .web-image-block-container .mouse1 { margin: 0 auto; } .shake { animation: shake-vertical 12s ease-out infinite both } @keyframes shake-vertical { 0%,100% { transform: translateY(0) } 10%,30%,50%,70% { transform: translateY(-8px) } 20%,40%,60% { transform: translateY(8px) } 80% { transform: translateY(6.4px) } 90% { transform: translateY(-6.4px) } } .menu li > a { color: #111; font-weight: 300; font-size: 14px; letter-spacing: 0; padding-top: .5rem; padding-bottom: .5rem; padding-left: 3rem; padding-right: 3rem; text-transform: uppercase; font-family: josefin sans,sans-serif; } .menusub li { display:block; } .menusub li > a { padding-top: 1rem; padding-bottom: 1rem; padding-left: 2rem; padding-right: 2rem; border-bottom:1px solid #ccc; } .menusub li:last-child > a { border-bottom:0px solid #ccc; } .menu li ul li > a { font-size: 12px; font-weight: 500; text-transform: uppercase; } .menu li > a span:not(.tip) { position: relative } .menu > li > a { color: #333; font-weight: 500; font-size: 14px; letter-spacing: -.11em; padding: 3.95rem 3rem; } .eltdf-btn, .eltdf-btn.eltdf-btn-simple .eltdf-btn-text { display: inline-block; vertical-align: middle } .eltdf-btn { font-family: inherit; position: relative; width: auto; outline: 0; font-size: 14px; line-height: 2.2em; letter-spacing: .1em; font-weight: 600; text-transform: capitalize; box-sizing: border-box; margin: 0; -webkit-transition: color .3s ease,background-color .3s ease,border-color .3s ease; -moz-transition: color .3s ease,background-color .3s ease,border-color .3s ease; transition: color .3s ease,background-color .3s ease,border-color .3s ease; padding: 13px 46px; cursor: pointer } .eltdf-btn.eltdf-btn-simple { padding: 0 !important; font-size: 12px; color: #333; background-color: transparent; border: 0; vertical-align: middle } .eltdf-btn.eltdf-btn-simple.eltdf-btn-underline:after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background-color: currentColor; -webkit-transition: width .3s ease; -moz-transition: width .3s ease; transition: width .3s ease } .eltdf-btn.eltdf-btn-simple.eltdf-btn-underline:hover:after, .eltdf-call-to-action-holder, .eltdf-call-to-action-holder.eltdf-normal-layout:not(.eltdf-content-in-grid) .eltdf-cta-inner, .eltdf-call-to-action-holder.eltdf-simple-layout .eltdf-cta-button-holder, .eltdf-call-to-action-holder.eltdf-simple-layout .eltdf-cta-text-holder { width: 100% } .eltdf-btn.eltdf-btn-simple:not(.eltdf-btn-custom-hover-color):not(.eltdf-btn-underline):hover { color: #b97a56 !important } .eltdf-btn.eltdf-btn-simple:not(.eltdf-btn-custom-hover-bg):hover { background-color: transparent !important } .eltdf-btn.eltdf-btn-simple:not(.eltdf-btn-custom-border-hover):hover { border-color: transparent !important } .eltdf-btn.eltdf-btn-solid { color: #fff; background-color: #b97a56; border: none } .eltdf-btn.eltdf-btn-solid:not(.eltdf-btn-custom-hover-color):hover { color: #fff !important } .eltdf-btn.eltdf-btn-solid:not(.eltdf-btn-custom-hover-bg):hover { background-color: #333 !important } .eltdf-btn.eltdf-btn-outline { color: #b97a56; background-color: transparent } .eltdf-btn.eltdf-btn-outline .eltdf-btn-border { position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #b97a56; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease } .eltdf-btn.eltdf-btn-outline.eltdf-btn-double-border .eltdf-btn-border.eltdf-btn-border-first { -webkit-transform: translate(-2px,-2px); -moz-transform: translate(-2px,-2px); transform: translate(-2px,-2px) } .eltdf-btn.eltdf-btn-outline.eltdf-btn-double-border .eltdf-btn-border.eltdf-btn-border-second { -webkit-transform: translate(2px,2px); -moz-transform: translate(2px,2px); transform: translate(2px,2px) } .eltdf-btn.eltdf-btn-outline.eltdf-btn-double-border:hover .eltdf-btn-border.eltdf-btn-border-first { -webkit-transform: translate(-3px,-3px); -moz-transform: translate(-3px,-3px); transform: translate(-3px,-3px) } .eltdf-btn.eltdf-btn-outline.eltdf-btn-double-border:hover .eltdf-btn-border.eltdf-btn-border-second { -webkit-transform: translate(3px,3px); -moz-transform: translate(3px,3px); transform: translate(3px,3px) } .eltdf-btn.eltdf-btn-outline:not(.eltdf-btn-double-border):not(.eltdf-btn-custom-hover-color):hover { color: #333 !important } .eltdf-btn.eltdf-btn-outline:not(.eltdf-btn-double-border):not(.eltdf-btn-custom-border-hover):hover .eltdf-btn-border { border-color: #333 !important } .eltdf-btn.eltdf-btn-small { font-size: 12px; padding: 10px 34px } .eltdf-btn.eltdf-btn-large { padding: 15px 56px } .eltdf-btn.eltdf-btn-huge { display: block; text-align: center; padding: 15px 26px } .eltdf-btn.eltdf-btn-icon > i, .eltdf-btn.eltdf-btn-icon > span:not(.eltdf-btn-text) { position: relative; display: inline-block; vertical-align: top; margin: 0 0 0 4px; font-size: 1.142857142857143em; line-height: inherit; -webkit-transition: -webkit-transform .3s ease; -moz-transition: -moz-transform .3s ease; transition: transform .3s ease } .eltdf-btn.eltdf-btn-icon > i:before, .eltdf-btn.eltdf-btn-icon > span:not(.eltdf-btn-text):before { display: block; line-height: inherit } .eltdf-call-to-action-holder, .eltdf-call-to-action-holder .eltdf-cta-button-holder, .eltdf-call-to-action-holder .eltdf-cta-text-holder { display: inline-block; position: relative; vertical-align: middle } .eltdf-btn.eltdf-btn-icon.eltdf-btn-icon-animate:hover > i, .eltdf-btn.eltdf-btn-icon.eltdf-btn-icon-animate:hover > span:not(.eltdf-btn-text) { -webkit-transform: translateX(3px); -moz-transform: translateX(3px); transform: translateX(3px) } .eltdf-call-to-action-holder .eltdf-cta-text-holder h1, .eltdf-call-to-action-holder .eltdf-cta-text-holder h2, .eltdf-call-to-action-holder .eltdf-cta-text-holder h3, .eltdf-call-to-action-holder .eltdf-cta-text-holder h4, .eltdf-call-to-action-holder .eltdf-cta-text-holder h5, .eltdf-call-to-action-holder .eltdf-cta-text-holder h6 { margin: 0 } .eltdf-call-to-action-holder .eltdf-cta-button-holder .eltdf-btn { white-space: nowrap } .eltdf-call-to-action-holder.eltdf-normal-layout .eltdf-cta-inner { display: table } h1, h2, h3, h4, h5, h6 { margin: 20px 0; font-family: josefin sans,sans-serif; } .eltdf-st-tagline-text { display: block; margin: 0 0 12px; font-family: eb garamond,serif; font-size: 18px; font-style: italic; color: #8b8b8b; } h4 { font-family: josefin sans,sans-serif; font-size: 25px; letter-spacing: 0px; text-transform: capitalize; } .eltdf-st-title { font-family: josefin sans,sans-serif; font-weight: 600; text-transform: uppercase; color: #1d1d1d; font-size: 25px; line-height: 1.55em; letter-spacing: .10em; } .eltdf-st-title1 { font-family: josefin sans,sans-serif; font-weight: 500; text-transform: uppercase; color: #1d1d1d; font-size: 20px; line-height: 1.55em; letter-spacing: 2px; } .eltdf-st-title1 span { display: block; font-size: 12px; margin-bottom: 10px; letter-spacing: 1px; } .menu > li + li { margin-left: 0 } .menu.sf-arrows > li > .sf-with-ul { padding-right: 2rem } .menu.sf-arrows .sf-with-ul { position: relative } .menu.sf-arrows .sf-with-ul::after { font-family: 'molla'; content: '\f110'; position: absolute; right: 0; top: 50%; display: block; font-size: 1rem; line-height: 1; margin-top: -1.1rem } .fixed .menu.sf-arrows .sf-with-ul::after { margin-top: -.6rem } .menu.sf-arrows ul .sf-with-ul { padding-right: 4rem } .menu.sf-arrows ul .sf-with-ul:after { content: '\f112'; right: 3rem } .menu .megamenu, .menu ul { background-color: #fff; box-shadow: 5px 10px 16px rgba(51,51,51,0.05),-5px 10px 16px rgba(51,51,51,0.05) } .menu ul { min-width: 218px; padding: 0.6rem 0 0.6rem } .menu .megamenu .banner > a { display: block; padding: 0; margin: 0 } .menu .megamenu li a { padding-right: 0; padding-left: 0 } .mouse { position: absolute; width: 18px; height: 35px; bottom: 20px; left: 50%; margin-left: -12px; border-radius: 15px; border: 1.2px solid #fff; -webkit-animation: intro 1s; animation: intro 1s; cursor: pointer; z-index: 99; } .scroll { display: block; width: 3px; height: 3px; margin: 6px auto; border-radius: 4px; background: #000; -webkit-animation: finger 1s infinite; animation: finger 1s infinite; } @-webkit-keyframes intro { 0% { opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes intro { 0% { opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes finger { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes finger { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } .scroll_down { position: absolute; bottom: 20px; left: 25px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); z-index: 9 } .scroll_down a { color: #fff; display: inline-block; position: relative; overflow: hidden; font-weight: 300; font-size: 12px; letter-spacing: 2px } .scroll_down a:before { position: absolute; content: ""; top: 0; height: 2px; background: #b9c9db; -webkit-animation: go_bottom 2s infinite; animation: go_bottom 2s infinite; width: 100%; left: -50px } @-webkit-keyframes go_bottom { 0% { left: -100% } 100% { left: 0 } 100% { left: 100% } } @keyframes go_bottom { 0% { left: -100% } 100% { left: 0 } 100% { left: 100% } } .menu .megamenu li a:hover, .menu li ul li a:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; margin-left: 5px; color: #000; } .menu .megamenu .btn { min-width: 210px; text-transform: uppercase } .menu .banner { margin: 0; max-width: 218px; float: right; height: 100% } .menu .menu-col { padding: 2rem 1rem; } .menu .menu-title { color: #333; font-weight: 400; font-size: 1.7rem; text-transform: uppercase; margin-bottom: .6rem } .menu .megamenu-action { padding-bottom: 2rem } .menu ul + .menu-title { margin-top: 1.5rem } .menu .banner-content { padding-top: 0 } .menu .banner-content.banner-content-bottom { left: 2.4rem; bottom: 2.4rem } .menu .banner-content.banner-content-top { left: 2rem; top: 2.4rem; transform: translateY(0); -ms-transform: translateY(0) } .menu .banner-title { margin: 0; font-weight: 400; font-size: 1.8rem; line-height: 1.25; text-transform: uppercase; letter-spacing: 0 } .menu .banner-title span { font-size: 2.4rem } .menu .banner-content-top .banner-title span { line-height: 1.05; font-size: 3.1rem } .menu li:hover > a, .menu li.show > a, .menu li.active > a { color: #ffffff } .menu li ul li:hover > a, .menu li ul li.show > a, .menu li ul li.active > a { color: inherit } .demo-list { display: flex; align-items: center; flex-flow: wrap; margin: 0rem 0px 0rem } .demo-item { color: #000; flex: 0 0 33.33%; max-width: 33.33%; padding: 0 4px; text-align: center; padding-bottom: 0rem; margin-bottom: auto } .demo-item a { color: inherit } .demo-item a:hover, .demo-item a:focus { color: #000 } .demo-item a:hover .demo-bg, .demo-item a:focus .demo-bg { box-shadow: 3px 10px 16px rgba(51,51,51,0.05),-3px 10px 16px rgba(51,51,51,0.05); background-position: center bottom; transition: background-position 2s linear, box-shadow .3s } .demo-bg { background-repeat: no-repeat; background-size: cover; display: block; background-color: #f4f4f4; border: .1rem solid #ebebeb; margin-bottom: 0.2rem; padding-top: 90.95%; background-position: center top; transition: background-position .6s linear, box-shadow .3s; height: 275px; } .list-inline li { display: inline-block; padding-left: 15px; } .Kannada { font-family: "Kannada MN", sans-serif; } .list-inline li:first-child { padding-left: 0px; } .overlaycover:before { content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,0.6); transition: all 0.55s ease-out .3s; opacity: 1; visibility: visible; } .demo-title { font-weight: 400; font-size: 12px; letter-spacing: 0px; font-family: josefin sans,sans-serif; text-transform: uppercase; } .tip { color: #fff; display: block; position: absolute; left: 100%; bottom: 1.1rem; text-align: center; font-weight: 400; font-size: .8rem; line-height: 1; letter-spacing: 0; padding: .3rem .1rem .1rem; min-width: 23px; z-index: 1; border-radius: 0; margin-left: .5rem; text-transform: uppercase; background-color: #000 } .tip.tip-new { background-color: #a6c76c } .tip.tip-hot { background-color: #ef837b } .header-bottom .main-nav { margin-left: 0 } .header-bottom .menu .megamenu.megamenu-md { left: 0 } .header-bottom .menu .megamenu.megamenu-md.centermenu { left: auto; right: -365px; } .header-bottom .menu > li + li { margin-left: 1rem } .header-bottom .menu > li > a { padding: 1.65rem 1rem; font-weight: 700; } .header-bottom .menu > li > .sf-with-ul { padding-right: 3rem } .header-bottom .menu > li > a:before { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: .1rem; background-color: #000; transform-origin: right center; transform: scale(0, 1); transition: transform .3s ease } .header-bottom .menu li:hover > a:before, .header-bottom .menu li.show > a:before, .header-bottom .menu li.active > a:before { transform-origin: left center; transform: scale(1, 1) } .header-bottom .menu.sf-arrows > li > .sf-with-ul::after { right: 1rem } @media screen and (min-width: 992px) { .main-nav { display: block } } .side-nav { position: relative; margin: 0 } .sidenav-title { font-weight: 600; font-size: 1.7rem; line-height: 1.5; letter-spacing: -.01em; padding: 1.45rem 3rem; color: #fff; background-color: #333; text-transform: uppercase } .category-dropdown { display: flex; align-self: stretch; align-items: center } .category-dropdown .dropdown-toggle { position: relative; display: flex; align-items: center; align-self: stretch; color: #000; font-weight: 500; font-size: 1.7rem; line-height: 1.5; letter-spacing: -.01em; text-transform: uppercase; padding: 1rem 1.9rem 1rem 2rem; min-width: 270px; transition: background .4s, color .1s } .category-dropdown .dropdown-toggle:after { content: '\f131'; font-family: 'molla'; border: none; font-size: 2.3rem; line-height: 1; margin-left: 6.7rem } .category-dropdown .dropdown-toggle:before { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background-color: #000; transition: all .35s } .category-dropdown .dropdown-toggle:hover, .category-dropdown .dropdown-toggle:focus { color: #fff; background-color: #000; outline: none !important } .category-dropdown:not(.is-on):hover .dropdown-menu { display: block } .category-dropdown:not(.is-on):hover .dropdown-toggle { color: #fff !important; background-color: #000 } .category-dropdown:not(.is-on):hover .dropdown-toggle:after { content: '\f191' } .category-dropdown.show .dropdown-toggle { color: #fff; background-color: #000 } .category-dropdown.show .dropdown-toggle:after { content: '\f191' } .category-dropdown .dropdown-menu { left: 0; width: 100%; margin: 0; border-radius: 0; border: none; padding: 0; box-shadow: 0 10px 30px rgba(0,0,0,0.05) } .category-dropdown .dropdown-item { color: #666; font-weight: 300; font-size: 1.7rem; line-height: 1.5; letter-spacing: -.01em; border: .1rem solid #ebebeb; border-top: none; padding: .9rem 1.9rem; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .category-dropdown .dropdown-item.dropdown-item-lead { color: #333; font-weight: 500; background-color: #f9f9f9 } .category-dropdown .dropdown-item:hover, .category-dropdown .dropdown-item:focus { color: #000; background-color: #fff; outline: none !important } .category-dropdown .dropdown-item:hover.dropdown-item-lead, .category-dropdown .dropdown-item:focus.dropdown-item-lead { background-color: #f9f9f9 } .menu-vertical, .menu-vertical ul { margin: 0; padding: 0; list-style: none } .menu-vertical { display: flex; align-items: center; position: static; line-height: 1.5; flex-direction: column } .menu-vertical li { position: relative } .menu-vertical li:hover > ul, .menu-vertical li:hover > .megamenu, .menu-vertical li.show > ul, .menu-vertical li.show > .megamenu { display: block } .menu-vertical a:not(.btn) { display: block; position: relative; text-decoration: none } .menu-vertical a:not(.btn):focus { outline: none !important } .menu-vertical .megamenu-container { position: static } .menu-vertical ul { min-width: 218px; padding: 1.6rem 0 2rem } .menu-vertical ul, .menu-vertical .megamenu { display: none; position: absolute; top: 0; left: 100%; z-index: 1002; margin-top: 0; background-color: #fff; box-shadow: 5px 10px 16px rgba(51,51,51,0.05),-5px 10px 16px rgba(51,51,51,0.05) } .menu-vertical ul:before, .menu-vertical .megamenu:before { display: none } .menu-vertical .megamenu { width: 713px } .menu-vertical .megamenu.megamenu-sm { width: 456px } .menu-vertical .megamenu.megamenu-md { width: 694px } @media screen and (min-width: 1200px) { .menu-vertical .megamenu:not(.megamenu-sm):not(.megamenu-md) { width: 893px; min-height: 100% } } .menu-vertical .megamenu > ul, .menu-vertical .megamenu div > ul { display: block; position: static; left: auto; right: auto; top: auto; bottom: auto; box-shadow: none; margin-top: 0; padding: 0; min-width: 0 } .menu-vertical .banner { margin: 0; max-width: 280px; float: right; border-radius: 0 } .menu-vertical .banner img { border-radius: 0 } .menu-vertical .menu-banners { margin-top: 2.4rem } .menu-vertical .menu-banners .banner { float: none; max-width: 100% } .menu-vertical.sf-arrows > li > .sf-with-ul { padding-right: 3rem } .menu-vertical.sf-arrows .sf-with-ul { position: relative } .menu-vertical.sf-arrows .sf-with-ul::after { display: block; font-family: 'molla'; content: '\f112'; position: absolute; right: 1.8rem; top: 50%; line-height: 1; font-size: 1.2rem; margin-top: -.6rem } .menu-vertical li > a { color: #666; font-weight: 300; font-size: 1.7rem; letter-spacing: 0; padding-top: .6rem; padding-bottom: .6rem; padding-left: 3rem; padding-right: 3rem } .menu-vertical li > a span:not(.tip) { position: relative } .menu-vertical li > a strong { font-weight: 600 } .menu-vertical > li { width: 100% } .menu-vertical > li > a { display: block; color: #666; font-weight: 300; font-size: 1.7rem; line-height: 1.5; letter-spacing: -.01em; border: .1rem solid #ebebeb; border-top: none; padding: .9rem 1.9rem; width: 100% } .menu-vertical > li.item-lead > a { color: #333; font-weight: 500; background-color: #f9f9f9 } .menu-vertical > li + li { margin-left: 0 } .menu-vertical .menu-title { color: #333; font-weight: 600; font-size: 1.7rem; letter-spacing: -.01em; text-transform: capitalize; padding-bottom: 1rem; border-bottom: .1rem solid #eeeeee; margin-bottom: .7rem } .menu-vertical ul + .menu-title { margin-top: 1.2rem } .menu-vertical i { display: inline-block; color: #ccc; min-width: 3.4rem } .menu-vertical .menu-col { padding-left: 2rem; padding-right: 2rem; margin-top: 1.5rem; padding-bottom: 1.5rem } .menu-vertical .menu-col li > a { padding-left: 0; padding-right: 0 } .menu-vertical li:hover > a, .menu-vertical li.show > a, .menu-vertical li.active > a { color: #000 } .menu-vertical > li:hover > a, .menu-vertical > li.show > a, .menu-vertical > li.active > a { color: #000 } .menu-brands.menu-col { padding-top: 2rem; margin-top: 0 !important; border-top: .1rem solid #ebebeb } .menu-brands .brand { display: flex !important } .menu-brands .col, .menu-brands [class*=col-] { display: flex; align-items: center; justify-content: center } @keyframes fixedHeader { 0% { opacity: 0; transform: translateY(-60px) } 100% { opacity: 1; transform: translateY(0) } } .sticky-header1.fixed { position: fixed; left: 0; right: 0; top: 0; z-index: 94035; animation-name: fixedHeader; animation-duration: .4s; background-color: #fff; box-shadow: 0 3px 6px rgba(51,51,51,0.05) } @media screen and (min-width: 992px) { .sticky-header.fixed { position: fixed; left: 0; right: 0; top: 33.5px; z-index: 94035; animation-name: fixedHeader; animation-duration: .4s; background-color: #fff; box-shadow: 0 3px 6px rgba(51,51,51,0.05) } .sticky-header.fixed .logo { margin-top: 0; margin-bottom: 0 } .sticky-header.fixed.header-middle .menu > li > a { padding-top: 2rem; padding-bottom: 2rem } } .mobile-menu-container { position: fixed; left: -280px; top: 0; bottom: 0; z-index: 1001; background-color: #333; width: 100%; max-width: 280px; overflow-y: scroll; box-shadow: 0.1rem 0 0.6rem 0 rgba(51,51,51,0.5); will-change: transform; visibility: hidden; font-size: 1.2rem; line-height: 1.5; transition: all 0.4s ease } .mmenu-active .mobile-menu-container { visibility: visible; transform: translateX(280px) } .mobile-menu-container .social-icons { justify-content: center; margin-bottom: 0 } .mobile-menu-container .social-icon { width: 3rem; height: 3rem; font-size: 1.2rem; background-color: transparent; margin-bottom: 0; color: rgba(255,255,255,0.45); border-color: rgba(255,255,255,0.45) } .mobile-menu-container .social-icon + .social-icon { margin-left: .8rem } .mobile-menu-container .social-icon:hover, .mobile-menu-container .social-icon:focus { background-color: transparent } .mobile-menu-wrapper { position: relative; padding: 4.2rem 0 } .mobile-menu-close { display: flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; position: absolute; top: .7rem; right: 1rem; padding: 0; z-index: 9; cursor: pointer; font-size: 1.7rem; line-height: 1; color: #fff; transition: color .35s } .mobile-menu-close:hover, .mobile-menu-close:focus { color: #000 } .mobile-menu-overlay { display: block; position: fixed; left: 0; top: 0; bottom: 0; right: 0; background-color: rgba(25,25,25,0.25); z-index: 1000; transition: all 0.4s; visibility: hidden; opacity: 0 } .mmenu-active .mobile-menu-overlay { visibility: visible; opacity: 1 } .mobile-nav { padding: 0; margin: 0 0 2.5rem } .mobile-menu { margin: 0; padding: 0; list-style: none } .mobile-menu > li > a { text-transform: uppercase } .mobile-menu li { display: block; position: relative } .mobile-menu li a { position: relative; display: block; padding: 1rem 4.5rem 1rem 2rem; color: #fff; border-bottom: 0.1rem solid rgba(255,255,255,0.08) } .mobile-menu li a:hover, .mobile-menu li a:focus { color: #000; text-decoration: none; outline: none !important } .mobile-menu li.open > a, .mobile-menu li.active > a { color: #000 } .mobile-menu li ul { margin: 0; padding: .7rem 0 .9rem; display: none; margin-bottom: 0; border-bottom: 0.1rem solid rgba(255,255,255,0.08) } .mobile-menu li ul li a { padding-top: .6rem; padding-bottom: .6rem; padding-left: 3.5rem; border-bottom: none } .mobile-menu li ul li a:not(:hover):not(:focus) { color: rgba(255,255,255,0.8) } .mobile-menu li ul li:last-child ul { border-bottom: none; padding-bottom: 0 } .mobile-menu li ul ul { border-top: 0.1rem solid rgba(255,255,255,0.08) } .mobile-menu li ul ul li a { padding-left: 5rem } .mobile-menu > li > a { text-transform: uppercase } .mobile-menu span:not(.mmenu-btn):not(.tip) { position: relative } .mmenu-btn { display: flex; align-items: center; justify-content: center; position: absolute; right: 1rem; top: 50%; z-index: 10; width: 3rem; height: 3rem; font-size: 1.2rem; color: #fff; margin-top: -1.5rem; border-radius: 0; background-color: transparent; cursor: pointer; outline: none; transition: color 0.35s } .mmenu-btn::after { font-family: "molla"; content: '\f110'; display: inline-block } .mmenu-btn:hover, .mmenu-btn:focus { color: #000 } .open > a > .mmenu-btn::after { content: '\e802' } .mobile-search { margin: 1rem 0 1.5rem; padding: 0 2rem; display: flex; align-items: center } .mobile-search .form-control { height: 36px; margin-bottom: 0; -webkit-appearance: none; font-size: 1.2rem; line-height: 1.5; padding: .8rem 1.5rem; max-width: calc(100% - 36px); background-color: #333; border-color: rgba(255,255,255,0.1); border-right-width: 0 } .mobile-search .form-control::placeholder { color: rgba(255,255,255,0.45) } .mobile-search .form-control:focus { color: #fff; border-color: #000; background-color: #333 } .mobile-search .btn { font-size: 1.2rem; min-width: 3.6rem; padding: .8rem .2rem } .mobile-menu-container .tab-content { padding: 0; margin: 0 0 2.5rem; border: none } .mobile-menu-container .tab-content .mobile-nav, .mobile-menu-container .tab-content .mobile-cats-nav { margin-bottom: 0 } .mobile-menu-container .tab-pane { padding: 0 } .nav.nav-pills-mobile { display: flex; align-items: center; border-bottom: 0.1rem solid rgba(255,255,255,0.1); margin: 0 0 .2rem } .nav.nav-pills-mobile .nav-item { flex-grow: 1; flex-basis: 0; margin: 0 0 -.1rem } .nav.nav-pills-mobile .nav-link { color: #fff; font-weight: 600; font-size: 1.7rem; line-height: 1.5; text-transform: uppercase; border-bottom: .2rem solid transparent; background: none; padding: .8rem 2rem; transition: all .35s ease } .nav.nav-pills-mobile .nav-link.active, .nav.nav-pills-mobile .nav-link:hover, .nav.nav-pills-mobile .nav-link:focus { color: #000; border-bottom-color: #000 } .mobile-cats-nav .mobile-menu > li > a { text-transform: capitalize } .mobile-cats-menu li a { position: relative; display: block; padding: 1rem 4.5rem 1rem 2rem; color: rgba(255,255,255,0.8); border-bottom: 0.1rem solid rgba(255,255,255,0.08) } .mobile-cats-menu li a.mobile-cats-lead { font-weight: 500; color: #fff } .mobile-cats-menu li a:hover, .mobile-cats-menu li a:focus { color: #000; text-decoration: none; outline: none !important } .mobile-menu-light { background-color: #fff } .mobile-menu-light .mobile-menu-close:not(:hover):not(:focus) { color: #666 } .mobile-menu-light .social-icon { color: #999; border-color: #999 } .mobile-menu-light .mobile-menu li a { border-bottom-color: #efefef } .mobile-menu-light .mobile-menu li a:not(:hover):not(:focus) { color: #666 } .mobile-menu-light .mobile-menu li.open > a, .mobile-menu-light .mobile-menu li.active > a { color: #000 } .mobile-menu-light .mobile-menu li ul { border-bottom-color: #efefef } .mobile-menu-light .mobile-menu li ul li a:not(:hover):not(:focus) { color: #666 } .mobile-menu-light .mobile-menu li ul ul { border-top-color: #efefef } .mobile-menu-light .mmenu-btn:not(:hover):not(:focus) { color: #666 } .mobile-menu-light .mobile-search .form-control { color: #666; background-color: #fff; border-color: #e5e5e5 } .mobile-menu-light .mobile-search .form-control::placeholder { color: #666 } .mobile-menu-light .mobile-search .form-control:focus { color: #666; border-color: #000; background-color: #fff } .mobile-menu-light .nav.nav-pills-mobile { border-bottom-color: #efefef } .mobile-menu-light .nav.nav-pills-mobile .nav-link:not(:hover):not(:focus):not(.active) { color: #333 } .mobile-menu-light .mobile-cats-menu li a { border-bottom-color: #efefef } .mobile-menu-light .mobile-cats-menu li a:not(:hover):not(:focus) { color: #666 } .mobile-menu-light .mobile-cats-menu li a:not(:hover):not(:focus).mobile-cats-lead { color: #333 } p { margin-bottom: 0; font-size: 15px; font-weight: 300; font-family: open sans,sans-serif; letter-spacing: 0; color: #000 } .Craftsmanship .owl-dots { position: absolute; bottom: 15px; left: 0; right: 0; } .header-2 { background-color: #fff } .header-2 .logo { margin-top: 2.9rem; margin-bottom: 2.9rem } .header-2 .header-search-extended { margin-right: 0; max-width: none } .header-2 .header-search-extended select, .header-2 .header-search-extended .form-control { height: 38px } .header-2 .header-search-extended .form-control { padding: 1.2rem 2.4rem 1rem 2rem; font-family: josefin sans,sans-serif; letter-spacing: -.01em } .header-2 .header-search-extended .form-control:hover, .header-2 .header-search-extended .form-control:focus { border-color: #000; } .header-2 .header-search-extended .btn { height: 42px; background-color: transparent; color: #666; max-width: 60px } .header-2 .header-search-extended .btn:hover, .header-2 .header-search-extended .btn:focus, .header-2 .header-search-extended .btn:active { color: #000; background-color: transparent } .header-2 .btn-primary:not(:disabled):not(.disabled):active, .header-2 .btn-primary:not(:disabled):not(.disabled).active, .header-2 .show > .btn-primary.dropdown-toggle { color: #000; background-color: transparent } .header-2 .header-search .search-wrapper-wide { width: unset } .header-2 .header-top { font-weight: 300; font-size: 1.7rem; background-color: #f8f8f8 } .header-2 .header-top .header-left { display: flex; align-items: center } .header-2 .header-top .container::after, .header-2 .header-top .container-fluid::after { height: 0 } .header-2 .header-dropdown { padding-top: .75rem; padding-bottom: .75rem } .header-2 .header-dropdown + .header-dropdown { margin-left: 4rem } .header-2 .login-modal { margin-left: 4rem } .header-2 .top-menu { text-transform: capitalize } .header-2 .top-menu li + li { margin-left: 4rem } .header-2 .header-middle { border-bottom: none } .header-2 .header-middle .container::after { position: absolute; content: ''; bottom: -.1rem; left: 1rem; right: 1rem; height: .1rem; } .header-2 .cart-dropdown .dropdown-menu, .header-2 .compare-dropdown .dropdown-menu { margin-top: 0 } .header-2 .cart-dropdown:not(:hover):not(.show) .dropdown-toggle, .header-2 .compare-dropdown:not(:hover):not(.show) .dropdown-toggle, .header-2 .mobile-menu-toggler, .header-2 .search-toggle:not(:hover):not(:focus), .header-2 .wishlist-link:not(:hover):not(:focus) { color: #333 } .header-2 .sticky-header { background-color: #fff } .header-2 .mobile-menu-toggler { margin-left: 0 } .header-2 .header-search .header-search-wrapper { border-color: #dadada } .header-2 .header-search .header-search-wrapper:hover, .header-2 .header-search .header-search-wrapper:focus { border-color: #000 } .header-2 .header-bottom { color: #fff; border-top: 1px solid #ccc; } .multisteps-form__content { position: absolute; top: 44%; display: block; width: 100%; } .js-btn-prev, .js-btn-next { min-width: auto !important; border-radius: 50% !important; padding: 10.95px 1px !important; font-size: 24px !important; font-weight: 700 !important; } .js-btn-prev { left: -25px; position: absolute; font-family: LineAwesome; content: "\f275"; } .js-btn-next { right: -20px; position: absolute; font-family: LineAwesome; content: "\f274"; } .multisteps-form__progress { display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); } .multisteps-form__progress-btn { transition-property: all; transition-duration: 0.15s; transition-timing-function: linear; transition-delay: 0s; position: relative; color: rgba(108, 117, 125, 0.7); text-indent: -9999px; border: none; background-color: transparent; outline: none !important; cursor: pointer; font-size: 17px; } @media (min-width: 500px) { .multisteps-form__progress-btn { text-indent: 0; } } .multisteps-form__progress-btn:after { position: absolute; top: 12px; left: calc(-50% - 13px / 2); transition-property: all; transition-duration: 0.15s; transition-timing-function: linear; transition-delay: 0s; display: block; width: 100%; height: 2px; content: ''; background-color: currentColor; z-index: 1; } .multisteps-form__progress-btn:first-child:after { display: none; } .multisteps-form__progress-btn.js-active { color: #000; } .stepicon { background: #999; width: 80px; display: block; text-align: center; height: 80px; line-height: 80px; margin: 0 auto; border-radius: 50%; position: relative; z-index: 999; } #sync2 .owl-item .item::after { position: absolute; top: 40px; left: calc(61% - 13px / 2); transition-property: all; transition-duration: 0.15s; transition-timing-function: linear; transition-delay: 0s; display: block; width: 100%; height: 2px; content: ''; background-color: #999; z-index: 1; } #sync2 .owl-item .item.noneb::after { height: 0px; } #sync2 .owl-item.current .stepicon, #sync2 .owl-item:hover .stepicon { background: #000; cursor: pointer; } #sync2 .owl-item.current, #sync2 .owl-item:hover { color: #000; } .product-image { display: block; position: relative; } .product-image .overlay { position: absolute; width: 100%; height: 100%; left: 0; right: 0; background: rgba(255,255,255,0); opacity: 0; -webkit-transition: all ease-in-out 0.35s; -moz-transition: all ease-in-out 0.35s; -ms-transition: all ease-in-out 0.35s; -o-transition: all ease-in-out 0.35s; transition: all ease-in-out 0.35s; visibility: hidden; } .product-image:hover .overlay { visibility: visible; background: rgba(255,255,255,.9); opacity: 1; } .product-image .overlay .wrapper { display: inline-block; width: 100%; top: 50%; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); position: relative; padding: 25px 0; overflow: hidden; display: flex; } .product-image .overlay .wrapper a { display: block; float: left; text-align: center; width: 50%; padding: 0px 0; position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; overflow: hidden; } .product-image .overlay .wrapper1 a { width: 100%; } .product-image .overlay .wrapper a .svg { z-index: 1; position: relative; opacity: 0; -webkit-transition: all ease-in-out 0.35s; -moz-transition: all ease-in-out 0.35s; -ms-transition: all ease-in-out 0.35s; -o-transition: all ease-in-out 0.35s; transition: all ease-in-out 0.35s; -webkit-transform: scale(0.0001); -ms-transform: scale(0.0001); transform: scale(0.0001); backface-visibility: hidden; } .product-image .overlay .wrapper a.view .svg { max-height: 20px; } .product-image .overlay .wrapper a.add_to_cart_button .svg, .product-image .overlay .wrapper a.product_type_external .svg { max-height: 30px; } .product-image .overlay .wrapper a.added_to_cart img { max-height: 20px; } .animated-button.thar-one { color: #000; cursor: pointer; display: block; position: relative; border: 1px solid #000000; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; display: inline-block; width: auto; z-index: 9 } .animated-button.thar-one:hover { color: #fff !important; background-color: transparent; text-shadow: none; } .animated-button.thar-one:hover:before { bottom: 0%; top: auto; height: 100%; } .animated-button.thar-one:before { display: block; position: absolute; left: 0px; top: 0px; height: 0px; width: 100%; z-index: -1; content: ''; color: #000 !important; background: #000000; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .animated-button.thar-one1 { color: #fff; cursor: pointer; display: block; position: relative; border: 1px solid #fff; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; display: inline-block; width: auto; z-index: 9 } .animated-button.thar-one1:hover { color: #000 !important; background-color: transparent; text-shadow: none; } .animated-button.thar-one1:hover:before { bottom: 0%; top: auto; height: 100%; } .animated-button.thar-one1:before { display: block; position: absolute; left: 0px; top: 0px; height: 0px; width: 100%; z-index: -1; content: ''; color: #000 !important; background: #fff; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .animated-button.thar-two { color: #fff; cursor: pointer; display: block; position: relative; border: 2px solid #F7CA18; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .animated-button.thar-two:hover { color: #000 !important; background-color: transparent; text-shadow: ntwo; } .animated-button.thar-two:hover:before { top: 0%; bottom: auto; height: 100%; } .animated-button.thar-two:before { display: block; position: absolute; left: 0px; bottom: 0px; height: 0px; width: 100%; z-index: -1; content: ''; color: #000 !important; background: #F7CA18; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .animated-button:link, .animated-button:visited { position: relative; display: block; margin: 30px auto 0; padding: 14px 15px; color: #fff; font-size: 14px; text-align: center; text-decoration: none; overflow: hidden; letter-spacing: .08em; border-radius: 0; text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .animated-button:link:after, .animated-button:visited:after { content: ""; position: absolute; height: 0%; left: 50%; top: 50%; width: 150%; z-index: -1; -webkit-transition: all 0.75s ease 0s; -moz-transition: all 0.75s ease 0s; -o-transition: all 0.75s ease 0s; transition: all 0.75s ease 0s; } .animated-button:link:hover, .animated-button:visited:hover { color: #FFF; text-shadow: none; } .animated-button:link:hover:after, .animated-button:visited:hover:after { height: 450%; } .animated-button:link, .animated-button:visited { position: relative; display: block; margin: 0; padding: 10px 15px; color: #fff; font-size: 14px; border-radius: 0; text-align: center; text-decoration: none; overflow: hidden; letter-spacing: .08em; text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .animated-button.thar-one { color: #fff; cursor: pointer; display: inline-block; position: relative; border: 1px solid #000000; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; background: #000; } .animated-button.thar-one:hover { color: #000 !important; background-color: transparent; text-shadow: none; } .animated-button.thar-one:hover:before { bottom: 0%; top: auto; height: 100%; } .animated-button.thar-one:before { display: block; position: absolute; left: 0px; top: 0px; height: 0px; width: 100%; z-index: -1; content: ''; color: #000 !important; background: #ffffff; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .animated-button.thar-two { color: #fff; cursor: pointer; display: block; position: relative; border: 2px solid #F7CA18; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .animated-button.thar-two:hover { color: #000 !important; background-color: transparent; text-shadow: ntwo; } .animated-button.thar-two:hover:before { top: 0%; bottom: auto; height: 100%; } .animated-button.thar-two:before { display: block; position: absolute; left: 0px; bottom: 0px; height: 0px; width: 100%; z-index: -1; content: ''; color: #000 !important; background: #F7CA18; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .animated-button.thar-three { color: #fff; cursor: pointer; display: block; position: relative; border: 2px solid #F7CA18; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1); 0s; } .animated-button.thar-three:hover { color: #000 !important; background-color: transparent; text-shadow: nthree; } .animated-button.thar-three:hover:before { left: 0%; right: auto; width: 100%; } .animated-button.thar-three:before { display: block; position: absolute; top: 0px; right: 0px; height: 100%; width: 0px; z-index: -1; content: ''; color: #000 !important; background: #F7CA18; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1); 0s; } .animated-button.thar-four { color: #fff; cursor: pointer; display: block; position: relative; border: 2px solid #F7CA18; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1); 0s; } .animated-button.thar-four:hover { color: #000 !important; background-color: transparent; text-shadow: nfour; } .animated-button.thar-four:hover:before { right: 0%; left: auto; width: 100%; } .animated-button.thar-four:before { display: block; position: absolute; top: 0px; left: 0px; height: 100%; width: 0px; z-index: -1; content: ''; color: #000 !important; background: #F7CA18; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1); 0s; } .product-image .overlay .wrapper a span { opacity: 0; visibility: hidden; display: block; color: #000; line-height: 16px; font-size: 12px; letter-spacing: 0px; position: absolute; bottom: -50px; -webkit-transform: translate3d(50px,0,0); transform: translate3d(50px,0,0); -webkit-transition: all ease-in-out 0.15s; -moz-transition: all ease-in-out 0.15s; -ms-transition: all ease-in-out 0.15s; -o-transition: all ease-in-out 0.15s; transition: all ease-in-out 0.15s; font-family: josefin sans,sans-serif; text-transform: uppercase; } .product-image .overlay .wrapper a:first-child span { -webkit-transform: translate3d(-50px,0,0); transform: translate3d(-50px,0,0); } .product-image:hover .overlay .wrapper a span { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .product-image:hover .overlay .wrapper a:hover span { opacity: 1; visibility: visible; bottom: 0; } .product-image .overlay .wrapper a.added_to_cart:before, .product-image .overlay .wrapper a.add_to_cart_button:before, .product-image .overlay .wrapper a.product_type_external:before { position: absolute; content: " "; width: 1px; height: 100%; background: #000; opacity: 0; left: 1px; margin-left: 0; top: 0; -webkit-transform: scaleY(0.0001); -ms-transform: scaleY(0.0001); transform: scaleY(0.0001); } .product-image:hover .overlay .wrapper a.added_to_cart:before, .product-image:hover .overlay .wrapper a.add_to_cart_button:before, .product-image:hover .overlay .wrapper a.product_type_external:before { opacity: 1; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transition: all ease-in-out 0.35s; -moz-transition: all ease-in-out 0.35s; -ms-transition: all ease-in-out 0.35s; -o-transition: all ease-in-out 0.35s; transition: all ease-in-out 0.35s; } .product-image:hover .overlay .wrapper a .svg { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /* Adding to cart */ .product-image:hover .overlay .wrapper a.loading .svg { display: none; } .product-body { position: relative; display: flex; position: relative; padding: 0 0rem !important; transition: all .35s ease; background: rgba(255, 255, 255, 0) !important; background-color: transparent !important; } .product-body > a { flex: 1; } .product-body > a > h3, .product-body > a > h2 { display: block; margin-top: 15px; color: #000; font-family: josefin sans,sans-serif; font-weight: 400; font-size: 12px; letter-spacing: 1px; margin-bottom: 5px; } .product-body > a:hover > h3, .product-body > a:hover > h2 { color: #999; } .products-carousel .product-body a h3, .products-carousel .product-body a h2 { margin-bottom: 35px; } .product-body span.price { padding-top: 15px; margin-bottom: 10px; font-size: 18px; line-height: normal; padding-left: 60px; color: #000; font-family: josefin sans,sans-serif; float: right; text-align: right; } .product-body span.price del { color: #a9a9a9; } .product-body span.price del, .product-body span.price ins { display: block; text-outline: none; text-decoration: none; padding: 0; margin: 0; line-height: 18px; } .stepicon img { width: 50px !important; text-align: center; line-height: 80px; display: inline !important; } .multisteps-form__form { position: relative; } .multisteps-form__panel { position: absolute; top: 0; left: 0; width: 100%; height: 0; opacity: 0; visibility: hidden; } .multisteps-form__panel.js-active { height: auto; opacity: 1; visibility: visible; } .multisteps-form__panel[data-animation="scaleOut"] { -webkit-transform: scale(1.1); transform: scale(1.1); } .multisteps-form__panel[data-animation="scaleOut"].js-active { transition-property: all; transition-duration: 0.2s; transition-timing-function: linear; transition-delay: 0s; -webkit-transform: scale(1); transform: scale(1); } .multisteps-form__panel[data-animation="slideHorz"] { left: 50px; } .multisteps-form__panel[data-animation="slideHorz"].js-active { transition-property: all; transition-duration: 0.25s; transition-timing-function: cubic-bezier(0.2, 1.13, 0.38, 1.43); transition-delay: 0s; left: 0; } .multisteps-form__panel[data-animation="slideVert"] { top: 30px; } .multisteps-form__panel[data-animation="slideVert"].js-active { transition-property: all; transition-duration: 0.2s; transition-timing-function: linear; transition-delay: 0s; top: 0; } .multisteps-form__panel[data-animation="fadeIn"].js-active { transition-property: all; transition-duration: 0.3s; transition-timing-function: linear; transition-delay: 0s; } .multisteps-form__panel[data-animation="scaleIn"] { } .multisteps-form__panel[data-animation="scaleIn"].js-active { } .jwg_slider_module { min-height: 320px; } .jwg_slider_module, .jwg_slider_module .arrow_navigation, .jwg_slider_module .tabbed_navigation { overflow: hidden; position: relative; width: 100%; } .jwg_slider_module .tabbed_navigation > ul { margin: 0 auto; text-align: center; } .jwg_slider_module .tabbed_navigation > ul:after { content: ""; clear: both; display: block; } .jwg_slider_module .tabbed_navigation > ul li { overflow: hidden; position: relative; display: inline; display: inline-block; cursor: pointer; margin: 0 10px; opacity: 0.5; transition: opacity .5s; -o-transition: opacity .5s; -ms-transition: opacity .5s; -moz-transition: opacity .5s; -webkit-transition: opacity .5s; } .jwg_slider_module .tabbed_navigation > ul li.current, .jwg_slider_module .tabbed_navigation > ul li:hover { opacity: 1; } .jwg_slider_module .tabbed_navigation > ul.5_col li { width: 16%; } .jwg_slider_module .arrow_navigation { width: 100%; margin: 0 auto; height: 100%; position: relative; z-index: auto; } .jwg_slider_module .arrow_navigation > div { position: relative; z-index: 20; opacity: 0; transition: opacity .5s; -o-transition: opacity .5s; -ms-transition: opacity .5s; -moz-transition: opacity .5s; -webkit-transition: opacity .5s; width: auto; height: 75px; cursor: pointer; top: 38%; background: #FFF; padding: 10px; left: auto; } .jwg_slider_module .arrow_navigation.on > div { opacity: 0.6; } .jwg_slider_module .arrow_navigation > div:hover { opacity: 1; } .jwg_slider_module .arrow_navigation > div > p { font-size: 20px; position: relative; line-height: 45px; } .touch .jwg_slider_module .arrow_navigation > div { padding: 20px; width: 30px; } .touch .jwg_slider_module .arrow_navigation > div > p { font-size: 25px; } .jwg_slider_module .arrow_navigation > div.left { padding-right: 20px; border-radius: 0 50px 50px 0; } .jwg_slider_module .arrow_navigation > div.right { padding-left: 20px; border-radius: 50px 0 0 50px; } .jwg_slider_module .slides { width: 100%; position: absolute; top: 0; left: 0; height: 100%; } .jwg_slider_module .slides > .slide { float: left; width: 100%; height: inherit; text-align: center; background: #1abc9c; } .jwg_slider_module .tabbed_navigation { position: absolute; bottom: 0; left: 0; } .header-2 .header-bottom .main-nav { margin-left: 0 } .header-2 .header-bottom .menu ul, .header-2 .header-bottom .menu .megamenu { margin-top: 0 } .header-2 .header-bottom .menu > li:not(:hover):not(.active):not(.show) > a { color: #333 } .header-2 .header-bottom .mobile-menu-toggler { color: #fff } @media screen and (max-width: 991px) { .header-2 .header-search-visible .header-search-wrapper:before { border-bottom-color: #dadada } } @media screen and (max-width: 991px) { .header-middle .header-center { display: none } .top-menu:not(.top-link-menu) ul { min-width: 181px } .header-top ul li a ul li a { color: #000 !important; } .top-menu > li { } .top-menu .header-dropdown { padding: 0 } .top-menu .header-dropdown ul { left: -100%; right: 100% } .top-menu .header-menu { padding: 0 } } .header-3 { color: #fff; background-color: #000 } .header-3 .header-top { background-color: #333 } .header-3 .header-top .container::after, .header-3 .header-top .container-fluid::after { height: .1rem; background-color: #444444 } .header-3 .header-top .header-left i { font-size: 1.7rem; margin-right: .5rem } .header-3 .header-dropdown { padding-top: .65rem; padding-bottom: .65rem } .header-3 .header-middle { border-bottom: none } .header-3 .header-bottom { background-color: #fff } .header-3 .header-bottom .menu > li > a::before { bottom: 0; top: unset } .header-3 .wishlist a { color: #fff } .header-3 .cart-dropdown:not(:hover):not(.show) .dropdown-toggle, .header-3 .compare-dropdown:not(:hover):not(.show) .dropdown-toggle, .header-3 .mobile-menu-toggler, .header-3 .search-toggle:not(:hover):not(:focus), .header-3 .wishlist-link:not(:hover):not(:focus) { color: #fff } .header-3 .wishlist .wishlist-count, .header-3 .cart-count { color: #333 } .header-3 .header-bottom { border-bottom: .1rem solid #ebebeb } .header-3 .header-bottom .header-right p { padding-right: 0 } .header-3 .logo { margin-bottom: 3.5rem; margin-top: 3rem } .header-3 .header-search-extended .btn { max-width: 40px; margin-left: 1rem; height: 46px; font-size: 2.2rem; background-color: transparent; color: #333 } .header-3 .header-search-extended .form-control { border-top-right-radius: 3rem; border-bottom-right-radius: 3rem; padding-left: 0; height: 44px; padding: 1rem 2.4rem 1rem .5rem } .header-3 .btn-primary:hover, .header-3 .btn-primary:focus, .header-3 .btn-primary.focus, .header-3 .btn-primary:not(:disabled):not(.disabled):active, .header-3 .btn-primary:not(:disabled):not(.disabled).active, .header-3 .show > .btn-primary.dropdown-toggle { color: #000; background-color: transparent } @media screen and (max-width: 991px) { .header-3 .header-search-visible .header-search-wrapper { border-color: #dadada } .header-3 .header-search-visible .header-search-wrapper:before { border-bottom-color: #dadada } } @media screen and (max-width: 575px) { .header-3 .cart-dropdown, .header-3 .compare-dropdown, .header-3 .wishlist { padding-left: 1.4rem } } @media screen and (max-width: 1119px) { .header-intro-clearance .header-bottom .container::before, .header-intro-clearance .header-bottom .container::after { visibility: hidden } } @media screen and (max-width: 1100px) { .header-intro-clearance .header-bottom .header-right i { visibility: hidden } } @media screen and (max-width: 399px) { .header-intro-clearance .account, .wishlist { display: none } } .header-4 .header-top { font-weight: 400; font-size: 1.7rem; background-color: #f5f6f9; margin-bottom: 0; letter-spacing: -.01em } .header-4 .header-top .container:after { display: none } .header-4 .header-top .header-left i { font-size: 1.7rem; margin-right: .5rem } .header-4 .header-dropdown { padding-top: .75rem; padding-bottom: .75rem } .header-4 .header-dropdown + .header-dropdown { margin-left: 2rem } .header-4 .header-dropdown > a, .header-4 .header-dropdown > span { font-weight: 300; text-transform: initial } .header-4 .header-menu { margin-top: 0 } .header-4 .top-menu { text-transform: capitalize } .header-4 .top-menu i { font-size: 1.6rem } .header-4 .top-menu li + li { margin-left: 4rem } .header-4 .header-middle { border-bottom: none; margin-bottom: .1rem } .header-4 .header-search-extended { margin-top: 2.1rem; margin-bottom: 2.1rem } .header-4 .compare-dropdown .dropdown-toggle { font-size: 3rem } .header-4 .cart-dropdown .dropdown-toggle { font-size: 3.2rem } .header-4 .cart-dropdown, .header-4 .compare-dropdown { padding-left: 3rem } .header-4 .cart-dropdown:not(:hover):not(.show) .dropdown-toggle, .header-4 .compare-dropdown:not(:hover):not(.show) .dropdown-toggle { color: #333 } .header-4 .wishlist-link:not(:hover):not(:focus), .header-4 .search-toggle:not(:hover):not(:focus), .header-4 .mobile-menu-toggler { color: #333 } .header-4.header-intro-clearance .header-search .header-search-wrapper { border-color: #ccc } .header-4 .header-bottom { background-color: #fff } .header-4 .header-bottom .container::before { height: 0 } .header-4 .menu ul, .header-4 .menu .megamenu { margin-top: 0 } .header-4 .dropdown.category-dropdown { background-color: #f8f8f8 } .header-4 .dropdown.category-dropdown .dropdown-toggle:not(:hover):not(:focus) { color: #000 } .header-4 .header-search-extended .btn { max-width: 40px; margin-left: 1rem; height: 46px; font-size: 2.2rem } .header-4 .header-search-extended .form-control { border-top-right-radius: 3rem; border-bottom-right-radius: 3rem; padding-left: 0; height: 44px; padding: 1rem 2.4rem 1rem .5rem } .header-4 .btn-primary:hover, .header-4 .btn-primary:focus, .header-4 .btn-primary.focus, .header-4 .btn-primary:not(:disabled):not(.disabled):active, .header-4 .btn-primary:not(:disabled):not(.disabled).active, .header-4 .show > .btn-primary.dropdown-toggle { color: #000; background-color: transparent } .header-4 .dropdown.category-dropdown .dropdown-toggle:not(:hover):not(:focus) { color: #333 !important } @media screen and (min-width: 992px) { .header-4 .header-search-extended { margin-right: 7rem } } @media screen and (min-width: 1200px) { .header-4 .header-search-extended { margin-right: 15rem } } @media screen and (max-width: 991px) { .header-4 .header-search-visible .header-search-wrapper:before { border-bottom-color: #000 } } @media screen and (max-width: 575px) { .header-4 .cart-dropdown, .header-4 .compare-dropdown, .header-4 .wishlist { padding-left: 1.4rem } } .header-5 { position: absolute; left: 0; right: 0; top: 0; z-index: 1040; background-color: transparent; margin-top: 1rem } .header-5 .header-middle { border-bottom: none; margin-bottom: .1rem } .collectionmenu li { float: left; width: 48%; margin-right: 2%; border-bottom: 1px solid #ccc; } .tooltip-inner { max-width: 310px; /* set this to your maximum fitting width */ width: inherit; /* will take up least amount of space */ } .header-5 .cart-dropdown, .header-5 .compare-dropdown { padding-left: 2.3rem } .header-5 .cart-dropdown:not(:hover):not(.show) .dropdown-toggle, .header-5 .compare-dropdown:not(:hover):not(.show) .dropdown-toggle { color: #fff } .header-5 .cart-dropdown .dropdown-menu, .header-5 .compare-dropdown .dropdown-menu { margin-top: 0 } .header-5 .header-search { margin-right: 0 } .header-5 .header-search .header-search-wrapper { background-color: transparent; border: none; border-radius: 0; border-bottom: .1rem solid #fff; min-width: 260px } .header-5 .header-search-extended { margin-top: 0; margin-bottom: 0 } .header-5 .header-search-extended .form-control { background-color: transparent; color: #fff; border-radius: 0; padding-left: 1rem } .header-5 .header-search-extended .form-control::placeholder { color: #fff } .header-5 .header-search-extended .btn { max-width: 40px; flex: 0 0 40px } .header-5 .wishlist-link { margin-left: 3rem } .header-5 .wishlist-link:not(:hover):not(:focus), .header-5 .search-toggle:not(:hover):not(:focus):not(.active), .header-5 .mobile-menu-toggler, .header-5 .wishlist-link:not(:hover):not(:focus), .header-5 .menu > li:not(:hover):not(.active):not(.show) > a, .header-5 .mobile-menu-toggler { color: #fff } .header-5 .logo { margin-top: 0; margin-bottom: 0 } .header-5 .menu ul, .header-5 .menu .megamenu { margin-top: 0 } .header-5 .menu > li > a { padding-top: 2rem; padding-bottom: 2rem; font-weight: 400; font-size: 1.5rem; letter-spacing: -.01em } .header-5 .menu > li > a::before { content: ''; position: absolute; left: 2rem; right: -.5rem; bottom: .5rem; height: .1rem; background-color: #fff; transform-origin: right center; transform: scale(0, 1); transition: transform .3s } .header-5 .menu > li:hover > a, .header-5 .menu > li:focus > a, .header-5 .menu > li.active > a { color: #fff } .outside-box-right { margin-right: -7vw; } .grd-portfolio-shortcode .portfolio-item { margin: 15px 0; float: left } .grd-portfolio-shortcode .portfolio-item .content-item { float: left; width: 100%; position: relative; overflow: hidden; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 20px } .grd-portfolio-shortcode .portfolio-item .content-item .entry-header { -webkit-transition: all .5s; transition: all .5s; float: left; width: 100%; position: relative } .grd-portfolio-shortcode .portfolio-item .content-item .entry-header .entry-thumbnail { float: left; width: 100%; -webkit-transition: all .5s; transition: all .5s } .grd-portfolio-shortcode .portfolio-item .content-item .entry-header .entry-thumbnail img { width: 100% } .grd-portfolio-shortcode .portfolio-item .content-item .entry-header .entry-title { float: left; width: 100%; position: absolute; bottom: 0; right: 0; left: 0; height: 100%; background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.54)) } .grd-portfolio-shortcode .portfolio-item .content-item .entry-header .entry-title .title { float: left; width: 100%; margin: 0; font-size: 18px; font-weight: 500; padding: 30px; color: #fff; position: absolute; bottom: 0 } .grd-portfolio-shortcode .portfolio-item .content-item .entry-content { float: left; width: 100%; height: 100%; position: absolute; background-color: rgba(216, 142, 234, 0.3); bottom: -100%; -webkit-transition: all .5s; transition: all .5s } video { width: 100%; height: 100%; object-fit: cover; } #video { padding: 0 !important; position: absolute; } .entry-title h3 { font-size: 18px; text-transform: capitalize; letter-spacing: 3px; } .button--light { background: transparent; opacity: .7; text-align: center; border-radius: 30px; display: inline-flex; height: 46px; width: 260px; align-items: center; justify-content: center; text-decoration: none; border: 1px solid #222; border: 0; position: relative; border: none; display: inline-flex; width: auto; height: auto; opacity: 1; transition: all .25s ease; transform: translateX(-6px); } .button--light .text { font-weight: 400; letter-spacing: .14286em; font-size: 1.7rem; line-height: 1.71429; } .button--light:hover .text { padding-right: 18px; opacity: .7; } .grd-portfolio-shortcode .portfolio-item:hover .entry-title h3 { color: #000; } .header-11 .menu > li > a::before { content: ''; position: absolute; left: 0rem; right: 0.5rem; bottom: 1.5rem; height: .1rem; background-color: #000; transform-origin: right center; transform: scale(0, 1); transition: transform .3s } .header-11 .menu > li:hover > a::before, .header-11 .menu > li:focus > a::before, .header-11 .menu > li.active > a::before { transform-origin: left center; transform: scale(1, 1) } .header-5 .menu > li:hover > a::before, .header-5 .menu > li:focus > a::before, .header-5 .menu > li.active > a::before { transform-origin: left center; transform: scale(1, 1) } .header-5 .sticky-header.fixed { background-color: #333 } @media screen and (min-width: 1200px) { .header-5 .container-fluid { padding-left: 3rem; padding-right: 3rem } } @media screen and (min-width: 1600px) { .header-5 .container-fluid { padding-left: 6rem; padding-right: 6rem } .header-5 .container-fluid .megamenu-container { position: relative } .header-5 .container-fluid .megamenu-container .megamenu { right: auto; width: 1170px } } @media screen and (max-width: 575px) { .header-5 .cart-dropdown, .header-5 .compare-dropdown { padding-left: 1.4rem } } @media screen and (max-width: 1149px) { .header-5 .header-search-extended { display: none } } .header-6 .header-dropdown { padding-top: .55rem; padding-bottom: .55rem } .header-6 .header-dropdown + .header-dropdown { margin-left: 2rem } .header-6 .header-right .top-menu + .header-dropdown { margin-left: 2rem } .header-6 .header-dropdown > a, .header-6 .header-dropdown > span { font-weight: 400; text-transform: initial; padding-right: 2.8rem } .header-6 .header-menu { margin-top: 0; font-size: 1.5rem } .header-6 .top-menu { font-family: josefin sans,sans-serif; font-weight: 400; font-size: 12px; text-transform: uppercase; line-height: 26px; } .header-6 .top-menu i { font-size: 1.6rem } .header-6 .top-menu li + li { margin-left: 2rem } .header-6 .header-middle { display: flex; min-height: 115px; color: #777; font-weight: 400; font-size: 1.7rem; line-height: 1.5; letter-spacing: 0; border-bottom: none; margin-bottom: .1rem } .tagline { font-size: 17px; margin-top: 10px; color: #000; font-style: italic; letter-spacing: 2px; line-height: initial; font-family: josefin sans,sans-serif; } .header-6 .header-middle a { color: #000; cursor: pointer; } .header-6 .header-middle a:hover, .header-6 .header-middle a:focus { color: #999 } .header-6 .header-middle .container { position: relative; min-height: 0 } .header-6 .header-middle .header-center a { display: flex; align-items: center } .header-6 .cart-dropdown, .header-6 .compare-dropdown { padding-left: 3.8rem } .header-6 .cart-dropdown .dropdown-menu, .header-6 .compare-dropdown .dropdown-menu { margin-top: 0 } .header-6 .cart-dropdown:hover .cart-txt, .header-6 .cart-dropdown:focus .cart-txt, .header-6 .compare-dropdown:hover .cart-txt, .header-6 .compare-dropdown:focus .cart-txt { color: #000 } .header-6 .header-bottom { background-color: #222 } .header-6 .header-bottom .menu > li + li { margin-left: .6rem } .header-6 .header-bottom .menu > li > a { padding-top: 0rem; padding-bottom: 1rem; letter-spacing: .05em; color: #fff } .header-6 .header-bottom.fixed .menu > li > a { padding-top: 1.5rem; padding-bottom: 1.5rem; } .header-6 .header-bottom .menu > li > a:before { bottom: 1rem } .header-6 .header-bottom .header-right i { font-size: 1.7rem; letter-spacing: -.01em; margin-right: 1.5rem; color: #000 } .header-6 .header-bottom .header-right p { font-size: 1.7rem; font-weight: 500; letter-spacing: .05em; color: #fff; text-transform: uppercase } .header-6 .menu ul, .header-6 .menu .megamenu { margin-top: 0 } .header-6 .header-top .social-icons { margin-right: 3rem } .typing-wrap { position: absolute; top: 45px; width: 100%; margin: 0 auto; text-align: center; left: 0; right: 0; } .header-6 .header-top .social-icons a { font-size: 12px; font-weight: 500; color: #000 } .header-6 .header-top .social-icons a:hover { color: #ccc } .header-6 .header-right .top-menu + .header-dropdown { margin-left: 3rem } .header-6 .header-search .search-wrapper-wide { width: 270px; border: none; border-radius: 8px ​ !important; border-bottom: 1px solid #000; } .header-6 .header-search-extended { margin-top: 1rem; margin-bottom: 1rem } .header-6 .header-search-extended .form-control { font-size: 12px; font-weight: 400; color: #222; padding: 1.2rem 1.4rem 1rem 0.5rem; font-family: josefin sans,sans-serif; text-transform: uppercase; border-radius: 8px ​ !important; background: transparent; } .header.header-6 .header-bottom.sticky-header.fixed .menu > li > a { color: #000 !important; } .header-6 .header-search-extended .form-control::placeholder { color: #999 } .header-6 .header-search-extended .btn { background-color: transparent; color: #000; font-size: 2.6rem; padding-left: 0rem; max-width: 40px; z-index: 1; padding-top: 5px; } .header-6 .wishlist-link { font-size: 2.8rem } .header-6 .wishlist-link:hover .wishlist-txt, .header-6 .wishlist-link:focus .wishlist-txt { color: #000 } .header-6 .wishlist-link .wishlist-count, .header-6 .cart-dropdown .cart-count { min-width: 1.7rem; height: 1.7rem; margin-bottom: 1.5rem; margin-left: -1.2rem } .header-6 .wishlist-txt, .header-6 .cart-txt { font-size: 1.7rem; font-weight: 400; letter-spacing: 0; color: #222; margin-left: 1rem; margin-top: -.5rem; transition: all .3s } .header-6 .cart-txt { font-weight: 500 } .header-6 .menu.sf-arrows .sf-with-ul::after { letter-spacing: -.01em } .header-6 .header-middle a.btn:hover, .header-6 .header-middle a.btn:focus { color: #fff } .header-6 .btn-primary:hover, .header-6 .btn-primary:focus, .header-6 .btn-primary.focus, .header-6 .btn-primary:not(:disabled):not(.disabled):active, .header-6 .btn-primary:not(:disabled):not(.disabled).active, .header-6 .show > .btn-primary.dropdown-toggle { color: #999; background-color: transparent !important } @media screen and (min-width: 992px) { .header-6 .logo { position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); margin: 0 } } @media screen and (max-width: 991px) { .header-6 .header-bottom { display: block } .outside-box-right { margin-right: 0vw; } .wi-50 { width: 50%; } .intro-slider-containerL, .intro-slideL { height: 500px !important; } } @media screen and (max-width: 575px) { .header-6 .header-dropdown { display: none } .header-6 .cart-dropdown, .header-6 .compare-dropdown { padding-left: 1.4rem } .user-txt { font-size: 8px; display: block; } .header-6 .wishlist-link { margin-left: 1.4rem } .header-6 .compare-dropdown, .header-6 .wishlist-link { display: flex } } @media screen and (max-width: 991px) { .header-6 .header-middle .header-center { display: block } .header-6 .logo { margin-top: 0; margin-bottom: 0 } .header-6 .header-center { flex: 0 1 auto; margin-right: 0; } .header.header-6 .logo { display: flex; align-items: center; } .header.header-6 .logo img { display: block; max-width: 180px; height: auto; } .header-6 .header-right { display: flex; justify-content: flex-end; } .header-6 .header-middle { display: flex; min-height: 75px; } } .header-7 .header-top { background-color: #f9f9f9 } .header-7 .header-top .container-fluid::after { height: 0 } .header-7 .header-middle { border-bottom: none } .header-7 .header-middle .menu > li > a { font-size: 1.7rem; font-weight: 400; letter-spacing: 0 } .header-7 .cart-dropdown, .header-7 .compare-dropdown { padding-left: 2.3rem } .header-7 .cart-dropdown .dropdown-menu, .header-7 .compare-dropdown .dropdown-menu { margin-top: 0 } .header-7 .logo { margin-top: 2.5rem; margin-bottom: 2.5rem } .header-7 .main-nav { margin-left: 2.5rem } .header-7 .menu ul, .header-7 .menu .megamenu { margin-top: 0 } .header-7 .menu > li > a { padding-top: 3.9rem; padding-bottom: 3.7rem } .header-7 .menu.sf-arrows > li > .sf-with-ul { padding-right: 1.7rem } .header-7 .header-search-extended { margin-right: .5rem; max-width: 270px } .header-7 .header-search-extended .btn-primary { flex: 0 0 40px; max-width: 40px; background-color: transparent; font-size: 2.2rem; color: #666; border-radius: 0 } .header-7 .header-search-extended .header-search-wrapper { border-radius: 0; border: none; border-bottom: .1rem solid #ccc } .header-7 .header-search-extended .search-wrapper-wide { width: 270px } .header-7 .header-search-extended .form-control { padding-left: 1rem; padding-bottom: 1rem } .header-7 .btn-primary:hover, .header-7 .btn-primary:focus, .header-7 .btn-primary.focus, .header-7 .btn-primary:not(:disabled):not(.disabled):active, .header-7 .btn-primary:not(:disabled):not(.disabled).active, .header-7 .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #cc6666; border-color: #cc6666; box-shadow: none } .header-7 .top-menu:not(.top-link-menu) ul { min-width: 180px } @media screen and (max-width: 575px) { .header-7 .cart-dropdown, .header-7 .compare-dropdown { padding-left: 1.4rem } .header-7 .wishlist-link { margin-left: 1.4rem } } @media screen and (max-width: 1079px) { .header.header-7 .header-search-extended { display: none } } .header-8 .header-top { font-weight: 400; font-size: 1.7rem; color: #f4e8dd; background-color: #000; margin-bottom: 0 } .header-8 .header-top .container:after, .header-8 .header-top .container-fluid:after { display: none } .header-8 .header-top .header-dropdown > a:hover, .header-8 .header-top .header-dropdown > a:focus, .header-8 .header-top .top-menu > li > a:hover, .header-8 .header-top .top-menu > li > a:focus { color: #fff } .header-8 .header-menu { margin-top: 0 } .header-8 .header-menu ul a:not(:focus):not(:hover) { color: #666 } .header-8 .header-dropdown { padding-top: .75rem; padding-bottom: .75rem } .header-8 .header-dropdown + .header-dropdown { margin-left: 2rem } .header-8 .top-menu, .header-8 .header-dropdown > a, .header-8 .header-dropdown > span { text-transform: capitalize } .header-8 .header-dropdown > a, .header-8 .header-dropdown > span { padding-right: 2rem } .header-8 .header-dropdown > a::after, .header-8 .header-dropdown > span::after { font-size: 1rem; margin-top: -.5rem } .header-8 .top-menu li + li { margin-left: 2.1rem } .header-8 .header-middle { border-bottom: none; margin-bottom: 0 } .header-8 .main-nav { margin-left: 0; margin-right: 3rem } .header-8 .menu > li > a { padding-top: 3.45rem; padding-bottom: 3.45rem } .header-8 .header-search .form-control { background-color: #f4f4f4 } .header-8 .header-search .form-control::placeholder { font-style: italic } .header-8 .header-search .header-search-wrapper { border-color: #f4f4f4 } .header-8 .cart-dropdown .dropdown-menu, .header-8 .compare-dropdown .dropdown-menu, .header-8 .menu ul, .header-8 .menu .megamenu { margin-top: 0 } @media screen and (min-width: 992px) { .header-8 .header-top .top-menu a:hover, .header-8 .header-top .top-menu a:focus { color: #fff } } @media screen and (max-width: 991px) { .header-8 .top-menu ul a:not(:hover):not(:focus) { color: #666 } .header-8 .top-menu:not(.top-link-menu) ul { margin-top: 0 } .header-8 .top-menu:not(.top-link-menu) > li { padding-right: 2rem } .header-8 .top-menu:not(.top-link-menu) > li::after { font-size: 1rem; margin-top: -.5rem } } @media screen and (min-width: 1200px) { .header-8 .header-search .header-search-wrapper { display: flex } .header-8 .main-nav { margin-right: 26rem } } .header-9 { position: absolute; left: 0; right: 0; top: 0; z-index: 1040; background-color: transparent } .header-9 .header-middle { border-bottom: none } .header-9 .cart-dropdown, .header-9 .compare-dropdown { padding-left: 2.3rem } .header-9 .cart-dropdown:not(:hover):not(.show) .dropdown-toggle, .header-9 .compare-dropdown:not(:hover):not(.show) .dropdown-toggle { color: #fff } .header-9 .cart-dropdown .dropdown-menu, .header-9 .compare-dropdown .dropdown-menu { margin-top: 0 } .header-9 .header-search .header-search-wrapper { border-color: #fff } .header-9 .wishlist-link:not(:hover):not(:focus), .header-9 .search-toggle:not(:hover):not(:focus):not(.active), .header-9 .mobile-menu-toggler, .header-9 .wishlist-link:not(:hover):not(:focus), .header-9 .menu > li:not(:hover):not(.active):not(.show) > a, .header-9 .mobile-menu-toggler { color: #fff } .header-9 .logo { margin-top: 2.5rem; margin-bottom: 2.5rem } .header-9 .main-nav { margin-left: 1rem } .header-9 .menu ul, .header-9 .menu .megamenu { margin-top: 0 } .header-9 .menu > li > a { padding-top: 2.85rem; padding-bottom: 2.85rem } .header-9 .sticky-header.fixed { background-color: #333 } @media screen and (max-width: 575px) { .header-9 .cart-dropdown, .header-9 .compare-dropdown { padding-left: 1.4rem } .header-9 .wishlist-link { margin-left: 1.4rem } } .header-10 { background-color: #fff } .header-10 .header-top { font-size: 1.7rem; background-color: #f9f8f8; margin-bottom: 0 } .header-10 .header-top .container:after, .header-10 .header-top .container-fluid:after { display: none } .header-10 .header-menu { margin-top: 0 } .header-10 .header-dropdown { padding-top: .7rem; padding-bottom: .7rem } .header-10 .header-dropdown + .header-dropdown { margin-left: 2rem } .header-10 .header-dropdown > a, .header-10 .header-dropdown > span { padding-right: 1.8rem } .header-10 .header-dropdown > a:after, .header-10 .header-dropdown > span:after { font-size: 1rem; margin-top: -.6rem } .header-10 .top-menu { text-transform: capitalize } .header-10 .top-menu li + li { margin-left: 2rem } .header-10 .header-middle { border-bottom: none } .header-10 .cart-dropdown, .header-10 .compare-dropdown { padding-left: 1.4rem } .header-10 .cart-dropdown .dropdown-menu, .header-10 .compare-dropdown .dropdown-menu { margin-top: 0 } .header-10 .cart-dropdown:not(:hover):not(.show) .dropdown-toggle, .header-10 .compare-dropdown:not(:hover):not(.show) .dropdown-toggle, .header-10 .mobile-menu-toggler, .header-10 .search-toggle:not(:hover):not(:focus), .header-10 .wishlist-link:not(:hover):not(:focus) { color: #333 } .header-10 .sticky-header { background-color: #f7f7f7 } .header-10 .mobile-menu-toggler { margin-left: 0 } .header-10 .header-search-extended { margin-right: 2.8rem; margin-top: 2.25rem; margin-bottom: 2.25rem } .header-10 .header-search .header-search-wrapper { border-radius: .2rem; border-color: #000 } .header-10 .header-search .btn { border-radius: 0 .2rem .2rem 0 } .header-10 .header-search .select-custom:before { left: auto; right: 0 } .header-10 .header-bottom { background-color: #333 } .header-10 .header-bottom .container { display: block } .header-10 .header-bottom .col-lg-9 { position: static } .header-10 .header-bottom .main-nav { margin-left: 5.2rem } .header-10 .header-bottom .menu ul, .header-10 .header-bottom .menu .megamenu { margin-top: 0 } .header-10 .header-bottom .menu > li:not(:hover):not(.active):not(.show) > a { color: #fff } .header-10 .header-bottom .mobile-menu-toggler { color: #fff } .header-10 .header-bottom .menu > li > a { padding-top: 1.6rem; padding-bottom: 1.6rem } .header-10 .header-bottom .menu > li > a:before { background-color: #fff } .header-10 .menu > li:hover > a, .header-10 .menu > li.show > a, .header-10 .menu > li.active > a { color: #fff } .header-10 .category-dropdown .dropdown-toggle { color: #fff; text-transform: capitalize; font-weight: 500; font-size: 1.7rem; letter-spacing: -.01em; padding: 1.45rem 5rem 1.45rem 2rem; background-color: #000; min-width: 100% } .header-10 .category-dropdown .dropdown-toggle:before { display: none } .header-10 .category-dropdown .dropdown-toggle:after { position: absolute; right: 1.9rem; top: 50%; margin-top: -1.15rem; font-weight: normal; margin-left: 0; float: right } .header-10 .category-dropdown.show .dropdown-toggle:after { content: '\f131' } .header-10 .category-dropdown .dropdown-menu { box-shadow: none } .header-10 .menu-vertical ul li > a { padding-top: .5rem; padding-bottom: .5rem } .header-10 .menu-vertical .menu-title { color: #000 } .header-10 .menu-vertical .menu-col { margin-top: 1.6rem } @media screen and (max-width: 991px) { .header-10 .header-search-visible .header-search-wrapper:before { border-bottom-color: #dadada } .header-10 .top-menu:not(.top-link-menu) ul { margin-top: 0 } } @media screen and (min-width: 1200px) { .header-10 .header-search-extended { margin-right: 6.6rem } } .header-11 { position: absolute; left: 0; right: 0; top: 0; z-index: 1040; background-color: transparent } .header-11 .header-middle { border-bottom-color: rgba(250,250,250,0.2) } .header-11 .header-left, .header-11 .header-right { flex: 1 1 0 } .header-11 .header-center { flex: 0 1 auto } .header-11 .header-right { display: flex; justify-content: flex-end } .header-11 .cart-dropdown, .header-11 .compare-dropdown { padding-left: 3.3rem } .header-11 .cart-dropdown:not(:hover):not(.show) .dropdown-toggle, .header-11 .compare-dropdown:not(:hover):not(.show) .dropdown-toggle { color: #fff } .header-11 .cart-dropdown .dropdown-menu, .header-11 .compare-dropdown .dropdown-menu { margin-top: 0 } .header-11 .header-search .header-search-wrapper { border-color: #fff } .header-11 .wishlist-link:not(:hover):not(:focus), .header-11 .search-toggle:not(:hover):not(:focus):not(.active), .header-11 .mobile-menu-toggler, .header-11 .wishlist-link:not(:hover):not(:focus), .header-11 .menu > li:not(:hover):not(.active):not(.show) > a, .header-11 .mobile-menu-toggler { color: #fff } .header-11 .logo { margin-top: 2.5rem; margin-bottom: 2.5rem } .header-11 .main-nav { margin-left: 0 } .header-11 .menu > li:not(:last-child) { margin-right: 2rem } .header-11 .menu > li > a { padding-top: 2.95rem; padding-bottom: 2.95rem; padding-left: 0 } .header-11 .menu > li > a::after { content: none !important; } .header-11 .sticky-header.fixed { background-color: rgba(0, 0, 0, 0.75) } .header-11 .mobile-menu-toggler { margin-left: 0 } @media screen and (max-width: 575px) { .header-11 .cart-dropdown, .header-11 .compare-dropdown { padding-left: 1.4rem } .header-11 .wishlist-link { margin-left: 1.4rem } } @media screen and (min-width: 1200px) { .header-11 .menu > li:not(:last-child) { margin-right: 2rem } } .header-12 .logo { margin-bottom: 2.5rem } .header-12 .header-dropdown-link { display: flex; align-items: flex-end } .header-12 .account, .header-12 .wishlist, .header-12 .compare-dropdown, .header-12 .cart-dropdown { display: flex; align-self: stretch; align-items: initial } .header-12 .account > a, .header-12 .wishlist > a, .header-12 .compare-dropdown > a, .header-12 .cart-dropdown > a { display: flex; flex-direction: column; align-items: center; justify-content: space-around } .header-12 div.icon { position: relative } .header-12 .account a { font-size: 3rem; color: #333; line-height: 1 } .header-12 .wishlist a { font-size: 2.8rem; color: #333; line-height: 1 } .header-12 .cart-dropdown .cart-count, .header-12 .wishlist .wishlist-count { min-width: 1.6rem; height: 1.6rem } .header-12 .wishlist .wishlist-count { display: flex; align-items: center; justify-content: center; border-radius: 50%; font-weight: 400; font-size: 1rem; line-height: 1; color: #fff } .header-12 .wishlist .wishlist-count { position: absolute; top: 0; right: -.5rem } .header-12 .cart-dropdown .cart-count { position: absolute; top: 0; right: -.3rem } .header-12 .cart-dropdown, .header-12 .wishlist, .header-12 .account { padding-left: 3rem } .header-12 .cart-dropdown .dropdown-toggle, .header-12 .wishlist .dropdown-toggle, .header-12 .account .dropdown-toggle { color: #333 } .header-12 .cart-dropdown, .header-12 .wishlist, .header-12 .account { align-items: flex-end; padding-left: 3.4rem } .header-12 .cart-dropdown > a p, .header-12 .wishlist > a p, .header-12 .account > a p { margin-top: .3rem; font-size: 1.1rem; font-weight: 300; letter-spacing: 0; transition: color .3s } .header-12 .cart-dropdown:hover > a, .header-12 .cart-dropdown:hover > a p, .header-12 .cart-dropdown:focus > a, .header-12 .cart-dropdown:focus > a p, .header-12 .cart-dropdown.show > a, .header-12 .cart-dropdown.show > a p, .header-12 .wishlist:hover > a, .header-12 .wishlist:hover > a p, .header-12 .wishlist:focus > a, .header-12 .wishlist:focus > a p, .header-12 .wishlist.show > a, .header-12 .wishlist.show > a p, .header-12 .account:hover > a, .header-12 .account:hover > a p, .header-12 .account:focus > a, .header-12 .account:focus > a p, .header-12 .account.show > a, .header-12 .account.show > a p { color: #1cc0a0 } .header-12 .wishlist { padding-left: 3rem } .header-12 .dropdown.category-dropdown .dropdown-toggle { min-width: 264px; position: relative; color: #fff; background-color: #1cc0a0; padding-left: 5.6rem; padding-right: 3rem } .header-12 .dropdown.category-dropdown .dropdown-toggle:after { margin-left: 0; position: absolute; left: 1.8rem; top: 50%; margin-top: -1.1rem } .header-12 .dropdown.category-dropdown .dropdown-toggle:before { display: block; height: auto; content: ''; font-family: 'molla'; content: '\f110'; position: absolute; left: auto; right: 1.8rem; top: 50%; font-size: 1rem; line-height: 1; margin-top: -.5rem } .header-12 .dropdown.category-dropdown.show .dropdown-toggle:before { content: '\e801' } .header-12 .header-dropdown > a, .header-12 .header-dropdown > span { text-transform: none } .header-12 .top-menu { text-transform: none } .header-12 .header-menu ul { display: block } .header-12 .header-dropdown { padding-top: .7rem; padding-bottom: .7rem } .header-12 .header-top { font-size: 1.4rem } .header-12 .header-top .header-left { letter-spacing: -.01em } .header-12 .header-top .header-left i { margin-right: .8rem } .header-12 .header-top .top-menu li + li { margin-left: 0 } .header-12 .header-top .dropdown-links > li + li { margin-left: 4rem } .header-12 .header-middle { border-bottom: none } .header-12 .header-bottom .container { position: relative } .header-12 .header-bottom .container::after { content: ''; position: absolute; top: 1.8rem; bottom: 1.8rem; width: .1rem; background-color: #ccc; right: 20.5% } .header-12 .header-bottom .menu > li + li { margin-left: 2.8rem } .header-12 .header-bottom .menu > li > a { padding: 1.55rem 3rem 1.55rem 1rem } .header-12 .header-bottom .menu > li > a::before { content: ''; display: block; position: absolute; left: 0; right: -.5rem; width: unset; bottom: 0; height: .1rem; background-color: #1cc0a0; transform-origin: right center; transform: scale(0, 1); transition: transform .3s ease } .header-12 .header-bottom .menu > li:hover > a, .header-12 .header-bottom .menu > li:focus > a, .header-12 .header-bottom .menu > li.active > a { color: #1cc0a0 } .header-12 .header-bottom .menu > li:hover > a::before, .header-12 .header-bottom .menu > li:focus > a::before, .header-12 .header-bottom .menu > li.active > a::before { transform-origin: left center; transform: scale(1, 1) } .header-12 .header-bottom .header-right { margin-left: 2rem } .header-12 .header-bottom .header-right i { font-size: 1.7rem; color: #fff } .header-12 .header-bottom .header-right p { font-size: 1.7rem; font-weight: 500; letter-spacing: -.01em; color: #fff; text-transform: none; padding-left: 1.5rem; margin-right: 4rem } .header-12 .header-bottom .menu > li:not(:hover):not(.active):not(.show) > a { color: #fff } .header-12 .sticky-header.fixed { background-color: #333 } .header-12 .header-search-extended #cat, .header-12 .header-search-extended .form-control { background-color: #f8f8f8 } .header-12 .header-search-extended .form-control { padding-left: 2rem } .header-12 .header-search-extended .select-custom { flex: 0 0 213px; max-width: 213px } @media screen and (min-width: 1600px) { .header-12 .header-search-extended { margin-right: 7rem } .header-12 .header-search .search-wrapper-wide { width: 832px } .header-12 .header-search-extended { max-width: 832px } } @media screen and (max-width: 991px) { .header-12 .header-search-visible .header-search-wrapper:before { border-bottom-color: #dadada } } @media screen and (min-width: 1200px) { .header-12 .header-text { display: block } } @media screen and (max-width: 1279px) { .header-12 .header-bottom .menu > li + li { margin-left: .5rem } .header-12 .header-bottom .container::after { visibility: hidden } } @media screen and (max-width: 1140px) { .header-12 .header-bottom .header-right { margin-left: 0 } .header-12 .header-bottom .header-right p { font-size: 1.7rem; margin-right: 1rem } .header-12 .header-bottom .menu > li > a { font-size: 1.3rem } .header-12 .dropdown.category-dropdown .dropdown-toggle { font-size: 1.7rem; min-width: 150px; padding-left: 5rem } .header-12 .dropdown.category-dropdown .dropdown-toggle::before { right: 1rem } } @media screen and (max-width: 395px) { .header-12 .wishlist, .header-12 .account { display: none } } .header-13 { background-color: #fff } .header-13 .header-top { font-weight: 300; font-size: 1.3rem } .header-13 .header-dropdown { padding-top: .85rem; padding-bottom: .85rem } .header-13 .header-dropdown + .header-dropdown { margin-left: 2rem } .header-13 .header-dropdown > a, .header-13 .header-dropdown > span { padding-right: 1.8rem } .header-13 .header-dropdown > a:after, .header-13 .header-dropdown > span:after { font-size: 1rem; margin-top: -.6rem } .header-13 .top-menu { text-transform: uppercase } .header-13 .top-menu li + li { margin-left: 3rem } .header-13 .header-middle { border-bottom: none } .header-13 .cart-dropdown, .header-13 .compare-dropdown { padding-left: 1.4rem } .header-13 .cart-dropdown .dropdown-menu, .header-13 .compare-dropdown .dropdown-menu { margin-top: 0 } .header-13 .cart-dropdown:not(:hover):not(.show) .dropdown-toggle, .header-13 .compare-dropdown:not(:hover):not(.show) .dropdown-toggle, .header-13 .mobile-menu-toggler, .header-13 .search-toggle:not(:hover):not(:focus), .header-13 .wishlist-link:not(:hover):not(:focus) { color: #666 } .header-13 .mobile-menu-toggler { margin-left: 0 } .header-13 .header-search-extended { margin-right: 2.1rem } .header-13 .header-search .header-search-wrapper { border-radius: .3rem; border-color: #ebebeb } .header-13 .header-search .btn { border-radius: 0 .3rem .3rem 0 } .header-13 .header-bottom { color: #fff; background-color: #333 } .header-13 .header-bottom .menu ul, .header-13 .header-bottom .menu .megamenu { margin-top: 0 } .header-13 .header-bottom .menu > li:not(:hover):not(.active):not(.show) > a { color: #ccc } .header-13 .header-bottom .menu > li.active > a, .header-13 .header-bottom .menu > li.show > a { color: #fff } .header-13 .header-bottom .mobile-menu-toggler { color: #fff } .header-13 .header-bottom .menu > li > a { padding-left: 0; padding-top: 1.55rem; padding-bottom: 1.55rem } .header-13 .header-bottom .menu > li > a:hover, .header-13 .header-bottom .menu > li > a:focus { color: #fff } .header-13 .main-nav { margin-left: 2rem } .header-13 .menu > li > a:before { display: none } .header-13 .fixed .menu .megamenu { left: 0; right: 0 } .header-13 .dropdown.category-dropdown .dropdown-toggle { min-width: 264px; position: relative; color: #fff; background-color: #000; padding-left: 5.6rem; padding-right: 3rem } .header-13 .dropdown.category-dropdown .dropdown-toggle:after { margin-left: 0; position: absolute; left: 1.8rem; top: 50%; margin-top: -1.1rem } .header-13 .dropdown.category-dropdown.show .dropdown-toggle:before { content: '\e801' } .header-13 .header-text { color: #ccc; display: none } .header-13 .header-text i { margin-right: 1.4rem } .header-13 .sticky-header.fixed { left: auto; right: auto } @media screen and (max-width: 991px) { .header-13 .header-search-visible .header-search-wrapper:before { border-bottom-color: #dadada } } @media screen and (min-width: 992px) { .header-13 .sticky-header.fixed { width: 930px } } @media screen and (min-width: 1200px) { .header-13 .header-text { display: block } .header-13 .sticky-header.fixed { width: 1110px } .header-13 .header-search-extended { margin-right: 11rem } } @media screen and (min-width: 1280px) { .header-13 .sticky-header.fixed { width: 1170px } .header-13 .header-search-extended { margin-right: 17rem } } .header-14 { background-color: #fff } .header-14 .header-top { font-weight: 300; font-size: 1.7rem; letter-spacing: 0 } .header-14 .header-top .header-left { font-weight: 400; letter-spacing: -.01em } .header-14 .header-top .header-left i { margin-right: 1rem; font-size: 1.6rem } .header-14 .header-middle .container, .header-14 .header-middle .container-fluid, .header-14 .header-bottom .container, .header-14 .header-bottom .container-fluid { display: block } .header-14 .header-bottom .container::after, .header-14 .header-bottom .container-fluid::after { content: ''; position: absolute; top: 1.95rem; bottom: 1.95rem; right: 16%; width: .1rem; background-color: #fff } .header-14 .header-dropdown { padding-top: .8rem; padding-bottom: .8rem } .header-14 .header-dropdown + .header-dropdown { margin-left: 2rem } .header-14 .header-dropdown > a, .header-14 .header-dropdown > span { padding-right: 1.8rem; text-transform: none } .header-14 .header-dropdown > a:after, .header-14 .header-dropdown > span:after { font-size: 1rem; margin-top: -.6rem } .header-14 .login { text-transform: none } .header-14 .top-menu { text-transform: uppercase } .header-14 .top-menu ul { display: block } .header-14 .top-menu .menus { display: flex; align-items: center } .header-14 .top-menu .menus > li + li { margin-left: 4rem } .header-14 .top-menu li + li { margin-left: 0 } .header-14 .header-middle { border-bottom: none } .header-14 .cart-dropdown, .header-14 .compare-dropdown { padding-left: 0 } .header-14 .cart-dropdown .dropdown-menu, .header-14 .compare-dropdown .dropdown-menu { margin-top: 0 } .header-14 .cart-dropdown:hover .dropdown-toggle, .header-14 .cart-dropdown.show .dropdown-toggle, .header-14 .compare-dropdown:hover .dropdown-toggle, .header-14 .compare-dropdown.show .dropdown-toggle { color: #fcb941 } .header-14 .mobile-menu-toggler { margin-left: 0; color: #333 } .header-14 .header-search-extended { margin-right: 0; max-width: 100%; margin-top: 2.05rem; margin-bottom: 2.05rem } .header-14 .header-search .header-search-wrapper { border-radius: .3rem; border-color: #000 } .header-14 .header-search .search-wrapper-wide { width: 100% } .header-14 .header-search .btn { border-radius: 0 .3rem .3rem 0 } .header-14 .header-bottom { color: #fff; background-color: #333 } .header-14 .header-bottom .menu ul, .header-14 .header-bottom .menu .megamenu { margin-top: 0 } .header-14 .header-bottom .menu > li:not(:hover):not(.active):not(.show) > a { color: #fff } .header-14 .header-bottom .menu > li > a { padding-left: 0; padding-top: 1.6rem; padding-bottom: 1.6rem } .header-14 .header-bottom .menu > li > a::before { content: ''; display: block; position: absolute; left: 0; right: -.5rem; width: unset; bottom: 0; height: .1rem; background-color: #fcb941; transform-origin: right center; transform: scale(0, 1); transition: transform .3s ease } .header-14 .header-bottom .menu > li:hover > a::before, .header-14 .header-bottom .menu > li:focus > a::before, .header-14 .header-bottom .menu > li.active > a::before { transform-origin: left center; transform: scale(1, 1) } .header-14 .header-bottom .menu > li > .sf-with-ul { padding-left: 1rem; padding-right: 2.5rem } .header-14 .main-nav { margin-left: 0 } .header-14 .menu > li > a:before { display: none } .header-14 .dropdown.category-dropdown .dropdown-toggle { min-width: 0; width: 100%; position: relative; color: #333 !important; background-color: #000; font-size: 1.7rem; text-transform: capitalize; padding: 1.45rem 1rem 1.45rem 5rem } .header-14 .dropdown.category-dropdown .dropdown-toggle:before { display: none } .header-14 .dropdown.category-dropdown .dropdown-toggle:after { margin-left: 0; position: absolute; left: 1.4rem; top: 50%; font-size: 2.2rem; margin-top: -1.2rem } .header-14 .dropdown.category-dropdown .dropdown-menu { box-shadow: none } .header-14 .dropdown.category-dropdown.show .dropdown-toggle::after { content: '\f131' } .header-14 .menu-vertical ul li > a { padding-top: .5rem; padding-bottom: .5rem } .header-14 .menu-vertical > li:not(:last-child) > a { border-bottom: none } .header-14 .menu-vertical > li > a { font-weight: 400; padding-bottom: .95rem; padding-left: .5rem } .header-14 .menu-vertical > li:not(:hover):not(.show):not(.active) > a { color: #333 } .header-14 .menu-vertical .megamenu:not(.megamenu-sm):not(.megamenu-md) { min-height: 0 } .header-14 .menu-vertical i { font-size: 1.7rem; display: inline-flex; justify-content: center; margin-right: 1rem } .header-14 .menu-vertical .sf-with-ul::after { right: 1.3rem } .header-14 .menu-brands.menu-col { padding-bottom: 2rem } .header-14 .header-bottom .header-left .category-dropdown { width: 100% } .header-14 .header-bottom .header-center { display: flex; justify-content: center } .header-14 .header-bottom .header-center .main-nav { margin-left: 0 } .header-14 .header-bottom .header-right { display: flex; justify-content: flex-end; align-items: center; padding-right: 5rem } .header-14 .header-bottom .header-right p { font-weight: 500; letter-spacing: -.01em; color: #fff } .header-14 .header-bottom .header-right i { font-size: 1.7rem; margin-right: 1.5rem; color: #fcb941 } .header-14 .header-dropdown-link { display: flex; align-items: flex-end } .header-14 .wishlist-link { position: relative; flex-direction: column; font-size: 2.8rem; color: #333 } .header-14 .wishlist-link .wishlist-count { right: 0; top: -.5rem } .header-14 .wishlist-link:hover .wishlist-txt, .header-14 .wishlist-link:focus .wishlist-txt { color: #fcb941 } .header-14 .compare-dropdown { padding-left: 2.4rem } .header-14 .compare-dropdown .dropdown-toggle { font-size: 3rem } .header-14 .compare-dropdown:hover .compare-txt, .header-14 .compare-dropdown:focus .compare-txt { color: #fcb941 } .header-14 .cart-dropdown { font-size: 3.2rem; margin-left: 3.4rem; align-items: flex-end } .header-14 .cart-dropdown .cart-count { top: -.3rem; right: -.3rem } .header-14 .cart-dropdown:hover .cart-txt, .header-14 .cart-dropdown:focus .cart-txt { color: #fcb941 } .header-14 .compare-dropdown [class*='count'], .header-14 .cart-dropdown [class*='count'], .header-14 .wishlist-link [class*='count'] { min-width: 1.6rem; height: 1.6rem; position: absolute } .header-14 .compare-dropdown .dropdown-toggle, .header-14 .cart-dropdown .dropdown-toggle, .header-14 .wishlist-link .dropdown-toggle { position: relative; flex-direction: column } .header-14 .wishlist-txt, .header-14 .cart-txt, .header-14 .compare-txt { font-size: 1.1rem; font-weight: 300; letter-spacing: 0; color: #777; margin-top: .3rem; transition: all .3s } .header-14 .select-custom::before { right: 0; left: unset; background-color: #dadada } @media screen and (max-width: 991px) { .header-14 .header-search-visible .header-search-wrapper:before { border-bottom-color: #dadada } .header-14 .header-middle-right { display: flex; align-items: stretch; justify-content: flex-end } } @media screen and (min-width: 768px) { .header-14 .header-middle .header-right { max-width: 84% } } @media screen and (min-width: 1200px) { .header-14 .main-nav { margin-left: 2rem } } @media screen and (min-width: 1600px) { .header-14 .container-fluid .megamenu-container { position: static } .header-14 .main-nav { margin-left: 3rem } .header-14 .header-bottom .menu > li + li { margin-left: 3rem } } @media screen and (max-width: 1500px) { .header-14 .header-bottom .col-lg-9 { position: static } .header-14 .menu .megamenu { left: 3rem; right: 3rem } } @media screen and (max-width: 1199px) { .header-14 .menu .megamenu { left: 1.5rem; right: 1.5rem } } @media screen and (max-width: 992px) { .header-14 .top-menu .menus { display: block } } @media screen and (max-width: 1700px) { .header-14 .header-bottom .container::after, .header-14 .header-bottom .container-fluid::after { right: 22% } } @media screen and (max-width: 1200px) { .header-14 .header-bottom .header-right { padding-right: 1rem } .header-14 .header-bottom .menu > li > a { font-size: 1.3rem } .header-14 .header-bottom .menu > li + li { margin-left: 0 } } .footer { width: 100%; font-weight: 300; font-size: 1.7rem; color: #777; background-color: #fff } .footer a { font-size: 13px; font-weight: 400; color: #0c0c0c; max-width: 100%; } .footer a:hover, .footer a:focus { color: #999 !important } .footer .widget { margin-bottom: 4rem } .footer .widget-title { color: #000; margin-top: 0; margin-bottom: 1.9rem } .footer-middle { padding: 6.7rem 0 2.2rem; border-top: .1rem solid #ebebeb } .footer-logo { margin-bottom: 2rem; margin-top: -.8rem } .widget-about p { max-width: 250px } .container-fluid .widget-about p { max-width: 540px } .widget-about p:last-of-type { margin-bottom: 3.2rem } .widget-list { margin-bottom: 0 } .widget-list li:not(:last-child) { margin-bottom: .4rem } .widget-newsletter form { padding-top: .7rem } .widget-newsletter .form-control { height: 46px; padding-top: 1.15rem; padding-bottom: 1.15rem; background-color: #fff; border-right-width: 0 } .widget-newsletter .form-control:not(:focus) { border-color: #dadada } .widget-newsletter .btn { min-width: 46px; font-size: 1.5rem; padding: 1.1rem 1rem } .widget-newsletter .btn i { margin: 0 !important } .footer-bottom .container, .footer-bottom .container-fluid { position: relative; display: flex; align-content: center; flex-direction: column; padding-top: 2.1rem; padding-bottom: 2.9rem } .footer-bottom .container:before, .footer-bottom .container-fluid:before { content: ''; display: block; position: absolute; top: 0; left: 10px; right: 10px; background-color: #ebebeb } .footer-copyright { margin-bottom: 1rem; text-align: center } .footer-payments { margin-left: auto; margin-right: auto; margin-bottom: 0 } #scroll-top { width: 5rem; height: 5rem; position: fixed; right: 50px; bottom: 128px; z-index: 999; color: #cccccc; display: none; align-items: center; justify-content: center; text-align: center; line-height: 1; visibility: hidden; opacity: 0; border-radius: 0; border: none; background-color: #f9f8f8; font-size: 3rem; transition: all 0.4s ease; transform: translateY(60px); -ms-transform: translateY(60px) } #scroll-top:hover, #scroll-top:focus { color: #777; background-color: #eaeaea } #scroll-top.show { visibility: visible; opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0) } @media screen and (min-width: 768px) { #scroll-top { display: flex } } @media screen and (min-width: 992px) { .footer-bottom .container, .footer-bottom .container-fluid { flex-direction: row } .footer-copyright { margin-bottom: 0; text-align: left; font-size: 15px; font-weight: 300; letter-spacing: 0px; color: #0c0c0c; } .footer .widget-title { letter-spacing: 1px !important; color: #0c0c0c !important; font-size: 15px !important; font-family: josefin sans,sans-serif; font-weight: 500 !important; text-transform: uppercase; } .footer-payments { margin-right: 0 } } .deal-container .banner-subtitle { color: #666; margin-bottom: .9rem; font-weight: 400 } .deal-container .banner-content.banner-content-top { top: 4rem } .deal-container .banner-text { font-weight: 600 } .deal { display: flex; flex-direction: column-reverse; padding: 0rem; background-color: #fff; margin-bottom: 2rem } .Craftsmanship .owl-nav { display: none; } .banner-overlay-div { padding-right: 0; } .subscribe-div { padding-left: 0; } .deal-content { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 3.5rem 0 2rem } .deal-content .btn { padding-top: .85rem; padding-bottom: .85rem; font-weight: 500; color: #333; background-color: transparent; border: .1rem solid #ebebeb } .deal-content .btn:hover, .deal-content .btn:focus { color: #fff; border-color: #d88eea; background-color: #d88eea } .deal-content h4 { color: #d88eea; font-weight: 400; font-size: 1.4rem; line-height: 1.3; letter-spacing: -.01em; margin-bottom: .5rem } .deal-content h2 { font-weight: 600; font-size: 4rem; line-height: 1.1; letter-spacing: -.05em; margin-bottom: 3.6rem } .deal-content .product-title { font-weight: 600; font-size: 2rem; letter-spacing: -.01em; margin-bottom: .7rem } .deal-content .product-price { font-weight: 300; font-size: 2rem; margin-bottom: 2.4rem } .deal-content .new-price { font-weight: 600 } .deal-image { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .deal-image > a { display: block } .deal-countdown { margin-bottom: 4rem; margin-left: -1rem; max-width: 270px } .deal-countdown .countdown-show3 .countdown-section { width: calc(33.33% - 20px) } .deal-countdown .countdown-section { font-size: 1.2rem; line-height: 1; padding: 1.6rem 0; margin-left: 1rem; margin-right: 1rem; background-color: #d88eea; border-radius: .3rem; border: .1rem solid #e1e1e1 } .deal-countdown .countdown-section:not(:last-child):after { color: #333333; content: ':'; display: inline-block; font-weight: 400; font-size: 20px; line-height: 1; position: absolute; left: 100%; margin-left: 9px; margin-top: -1px; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%) } .deal-countdown .countdown-period { display: block; font-size: 1.2rem; font-weight: 400; color: #fff; text-transform: lowercase; width: 100%; padding-left: .2rem; padding-right: .2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .deal-countdown .countdown-amount { display: inline-block; color: #fff; font-weight: 600; font-size: 3rem; letter-spacing: -.05em; margin-bottom: .4rem } .btn-more { text-transform: capitalize } .icon-box-side .icon-box-title { font-weight: 600 } .icon-box-side p { font-weight: 300; letter-spacing: -.01em } @media screen and (min-width: 768px) { .deal { flex-direction: row } .deal-content { -ms-flex: 0 0 47.8%; flex: 0 0 47.8%; max-width: 47.8%; padding-top: 1rem; padding-bottom: 1rem } .deal-image { -ms-flex: 0 0 52.2%; flex: 0 0 52.2%; max-width: 52.2% } } @media screen and (min-width: 1200px) { .deal-content { padding: 3.5rem 3rem 2rem; border: 1px solid #e9e9e9; border-right: 0; } .deal-content .btn { padding-top: 1.15rem; padding-bottom: 1.15rem } .deal-content h4 { font-size: 2rem } .deal-content h2 { font-size: 4rem } .deal-content .product-title { font-size: 2.4rem } .deal-content .product-price { font-size: 2.4rem } .deal-countdown .countdown-section { padding-top: 2.1rem; padding-bottom: 2.1rem } .deal-countdown .countdown-amount { font-size: 3rem } } .page { position: relative; overflow: hidden; } .page .video-bg { width: 100%; height: 0; padding-bottom: 56.25%; /* Aspect ratio */ position: absolute; } .page .video-bg iframe { border: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .page .content { position: relative; z-index: 1; } @media screen and (min-width: 1200px) { .footer-bottom .container-fluid:before { left: 30px; right: 30px } } @media screen and (min-width: 1600px) { .footer-bottom .container-fluid:before { left: 70px; right: 70px } } @media screen and (min-width: 992px) and (max-width: 1200px) { .footer .widget-about .social-icon:not(:last-child) { margin-right: .4rem } } .footer-dark { background-color: #000 } .footer-dark .footer-middle { border-top-width: 0 } .footer-dark .widget-title { color: #fff } .footer-dark .social-icon:hover, .footer-dark .social-icon:focus { color: #fff } .footer-dark .footer-bottom { color: #fff; background: #2d2d2d; font-size: 15px; font-weight: 600; letter-spacing: 2px; } .footer-dark .footer-bottom .container:before { background-color: #525455 } .footer-dark.footer-2 .widget-about-info a:not(:hover) { color: #fff } .footer-dark.footer-2 .widget-about-title { color: #000 } .footer-dark.footer-2 .footer-bottom { color: #999999 } .footer-2 .footer-middle { padding-top: 4.5rem; padding-bottom: .4rem } .footer-2 .footer-bottom .container { padding-top: 1.2rem; padding-bottom: 1.2rem; flex-direction: column-reverse } .read-more { display: inline-block; position: relative; font-weight: 400; letter-spacing: -.01em; padding-bottom: .1rem; transition: all .3s ease; font-size: 18px; } .read-more:hover, .read-more:focus { padding-right: 2.2rem; box-shadow: none } .read-more:hover:after, .read-more:focus:after { opacity: 1; transform: translateX(0) } .entry-read-more:hover { color: none; } .read-more { font-size: 18px; font-weight: 400; border: none !important; color: #999; webkit-transition-timing-function: cubic-bezier(.18,1,.21,1); transition-timing-function: cubic-bezier(.18,1,.21,1); -webkit-transition-duration: 900ms; transition-duration: 900ms; box-shadow: none !important; text-transform: none !important } .post-content .read-more span { position: relative; top: 0.1rem; } .read-more span { -webkit-transition-timing-function: cubic-bezier(.18,1,.21,1); transition-timing-function: cubic-bezier(.18,1,.21,1); -webkit-transition-duration: 900ms; transition-duration: 900ms; top: 6px; position: relative; font-size: 23px; color: #000; } .read-more:hover { color: #000; } .read-more:hover span { margin-left: 1rem; color: #000; } .col-md-6 .widget-about p, .col-lg-6 .widget-about p { max-width: none } .widget-about-info { font-weight: 400; font-size: 2rem; letter-spacing: -.01em; line-height: 1.3; padding-top: .7rem } .widget-about-info .footer-payments { margin-top: .6rem } .widget-about-title { display: block; font-weight: 300; font-size: 1.7rem; color: #000; letter-spacing: 0; margin-bottom: .4rem } .footer-bottom .social-icons { margin-left: auto; margin-right: auto; margin-bottom: 1rem } .footer-bottom .social-icon { font-size: 1.3rem } .footer-newsletter { color: #ebebeb; padding-top: 12.8rem; padding-bottom: 12.5rem; background-attachment: fixed; } .discover { overflow: hidden; } .discover img { filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1); -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .discover:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: .8s; transition: .8s; -webkit-filter: grayscale(0); filter: none; } .contentbox { background: #000; overflow: hidden; padding: 0 15px; } .contentbox p { color: #fff; font-style: normal; } .quick-post { text-transform: center; } @media (max-width: 768px) { } .quick-post .date { -webkit-transition: all 1s ease; transition: all 1s ease; border-radius: 50%; background: #aeca2e; color: #FFF; display: inline-block; padding: 20px; line-height: 1.2; } .quick-post .date span { display: block; font-weight: 400; } .quick-post .date .day { font-size: 26px; font-weight: 600; display: inline-block; } .quick-post h2 { margin: 0; padding: 5px 0; font-weight: 500; text-transform: capitalize; font-size: 23px !important; line-height: 1.2; } .cat-blocks-container { padding-top: .5rem } .cat-blocks-container [class*="col-"] { display: flex; align-items: stretch; justify-content: center } .cat-block { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; text-align: center; margin-bottom: 3rem } .cat-block figure { display: inline-flex; align-items: center; position: relative; flex: 1; margin: 0 } .cat-block figure span { position: relative } .cat-block figure span:after { content: ''; display: block; position: absolute; bottom: -.2rem; left: 45%; width: 105%; margin-left: -45%; height: .3rem; border-radius: 50%; transition: all 0.35s ease; filter: blur(3px); opacity: .5 } .cat-block img { margin-left: auto; margin-right: auto; transition: transform 0.35s ease } .cat-block:hover img { transform: translateY(-14px) } .cat-block:hover figure span:after { opacity: 1 } .cat-block-title { color: #000; font-weight: 400; /* font-size: 1.4rem; */ /* letter-spacing: -.01em; */ margin-top: 1rem; margin-bottom: 0; font-size: 14px; text-transform: capitalize; letter-spacing: 2px; text-align: center; } .cat-block-title span { color: #000; font-weight: 600; } .cta-box .cta-title { font-weight: 500; font-size: 2.2rem; letter-spacing: 2px; margin-bottom: 4.2rem; text-transform: capitalize; line-height: 35px; color: #000; } .cta-box .cta-title span { font-size: 1.7rem; letter-spacing: 2px; } .cta-box .cta-title1 { font-weight: 500; font-size: 1.7rem; letter-spacing: 2px; margin-top: 2.2rem; text-transform: capitalize; color: #000; margin-bottom: 2.6rem; } .cta-title2 { margin-top: 1rem; margin-bottom: 0; } .cta-box .form-control:not(:focus):not(.form-control-white) { border-color: #777 } .cta-box p { max-width: 350px; margin-left: auto; margin-right: auto; font-weight: 300; font-size: 1.5rem; line-height: 1.5; margin-bottom: 2.4rem } .cta-box .btn { text-transform: uppercase } .cta-box .btn:not(.btn-block) { min-width: 130px } .cta-box .btn-outline-dark-2 { color: #222; border: none; border-bottom: .2rem solid #222; padding: 1.45rem 1rem } .cta-box .btn-outline-dark-2:hover, .cta-box .btn-outline-dark-2:focus, .cta-box .btn-outline-dark-2:not(.disabled):active { background-color: #333; border-color: #333; color: #fff } .quick-post h2 a { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; color: #4d4d4d; } .quick-post h2 a:hover { color: #aeca2e; } .quick-post .category { padding: 20px 0; border-top: 1px solid #4d4d4d; display: block; margin: 0 40px; font-size: 18px; } @media (max-width: 768px) { .quick-post .category { border: 0; margin: 0 20px; padding: 0 0 20px; } } .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #222222 !important; border-color: #222222 !important; box-shadow: none; } .quick-post .img { cursor: pointer; position: relative; width: 100%; height: 100%; margin: 0 auto; display: block; max-width: 100%; height: auto; } .quick-post .img img { border-radius: 50%; } .quick-post .img:hover .post-info { opacity: 1; filter: alpha(opacity=100); } .quick-post .post-info { cursor: pointer; position: absolute; width: 100%; height: 100%; border-radius: 50%; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; background: #000; padding-top: 26%; text-align: center } .quick-post .post-info:after { display: inline-block; vertical-align: middle; content: " "; height: 100%; } .quick-post .post-info p { display: inline-block; vertical-align: middle; margin: 0; color: #fff; padding: 5px 20px; font-size: 15px; line-height: 1.4; } @media (max-width: 1200px) { .quick-post .post-info p { font-size: 16px; } } @media (max-width: 992px) { .quick-post .post-info p { font-size: 14px; } .deal-content { padding: 3.5rem 3rem 2rem; border: 1px solid #ededed; border-top: 0; } .tagti.owl-theme .owl-dots { bottom: -15px; } } @media (max-width: 768px) { .quick-post .post-info p { font-size: 16px; } } .quick-post .post-info p a { color: #fff; font-size: 14px; letter-spacing: 1px; padding-top: 4px; } .quick-post .post-info h2 { font-size: 20px; color: #fff; } .quick-post:hover .date { -webkit-transition: all 1s ease; transition: all 1s ease; background: #4d4d4d; } .welcome-text { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: center; align-content: center; height: 100%; } .video-banner { position: relative; } .video-banner intro-slider:after { position: fixed; top: 0; right: 0; bottom: 0; left: 0; content: ''; background-color: rgba(0,0,0,.5); } .btn-1 { background: #e02c2600; font-weight: 600; color: #fff; cursor: pointer; font-size: 15px; font-weight: 400; line-height: 35px; margin: 0 0 2em; max-width: 200px; position: relative; text-decoration: none; text-transform: uppercase; width: 100%; } .btn-1:focus { color: #fff } .btn-1:focus, .btn-1:hover { box-shadow: none } .font-size12 { font-size: 11px !important; font-weight: 300; } .btn-1 svg { height: 45px; left: 0; position: absolute; top: 0; width: 100% } .btn-1 rect { fill: none; stroke: #fff; stroke-width: 2; stroke-dasharray: 422,0; transition: all .35s linear } .btn-1:hover { background: rgba(225,51,45,0); color: #fff } .btn-1:hover rect { stroke-width: 5; stroke-dasharray: 15,310; stroke-dashoffset: 48; transition: all 1.35s cubic-bezier(.19,1,.22,1) } .contentsection { z-index: 99; position: relative; } .footer-newsletter .heading { margin-bottom: 2.4rem } .footer-newsletter .title { color: #1d1c1c; font-weight: 600; letter-spacing: 2px; } .footer-newsletter .title-desc { color: #1d1c1c; font-size: 1.7rem; margin-top: .7rem; font-weight: 500; letter-spacing: 1px; } .footer-newsletter .title-desc span { color: #fff; font-weight: 400 } #newsletter-btn span { font-size: 14px; } .footer-newsletter .form-control { height: 46px; padding: 1.25rem 2rem; font-size: 1.7rem; line-height: 1.5; font-weight: 300; color: #999999; background-color: #fff; border: none; border-radius: 0; margin-bottom: 0; transition: all 0.3s } .footer-newsletter .form-control.form-control::placeholder { color: #999999 } .footer-newsletter .btn i:last-child { margin-left: 1rem } .footer-menu { display: flex; align-items: center; margin-bottom: .8rem; margin-left: auto; margin-right: auto } .footer-menu li { position: relative } .footer-menu li + li { margin-left: 2.1rem } .footer-menu li + li:before { content: ''; display: inline-block; width: 1px; height: 1.2rem; position: absolute; left: -1.1rem; top: 50%; margin-top: -.6rem; background-color: #b5b5b5 } .footer-menu a { box-shadow: 0 1px 0 #b5b5b5 } @media screen and (min-width: 992px) { .footer-2 .footer-bottom .container, .footer-2 .footer-bottom .container-fluid { flex-direction: row } .footer-menu { margin-bottom: 0; margin-left: .6rem; margin-right: 0 } .footer-bottom .social-icons { margin-left: auto; margin-right: 0; margin-bottom: 0 } } @media screen and (max-width: 575px) { .widget-about-info .col-sm-6:not(:last-child) { margin-bottom: 1rem } .header-6 .header-top .social-icons { margin-right: 0rem; } } .productempty { height: 300px; margin: 0 auto; } .page-header { padding: 4.6rem 0 5rem; background-color: #ebebeb; background-size: cover; background-position: center center; background-repeat: no-repeat } .page-header h1 { color: #333; font: normal 400 3.2rem/1.1 josefin sans,sans-serif; letter-spacing: -.025em; margin-bottom: 0 } .page-header h1 span { display: block; color: #000; font-size: 1.7rem; margin-top: .8rem } .page-header.page-header-big { display: flex; align-items: center; justify-content: center; min-height: 250px; margin-bottom: 5rem } .page-header.page-header-big h1 span { font-size: 1.7rem; margin-top: .4rem; letter-spacing: 0 } @media screen and (min-width: 768px) { .page-header h1 { font-size: 3.6rem } .page-header h1 span { font-size: 1.8rem } .page-header.page-header-big { min-height: 350px } } @media screen and (min-width: 992px) { .page-header h1 { font-size: 4rem } .page-header h1 span { font-size: 2rem } .page-header.page-header-big { min-height: 450px } } .breadcrumb-nav { margin-bottom: 4rem; border-bottom: 0.1rem solid rgba(235,235,235,0.55) } .breadcrumb-nav .container, .breadcrumb-nav .container-fluid { padding-top: 1.4rem; padding-bottom: 1.4rem } .breadcrumb-with-filter .container, .breadcrumb-with-filter .container-fluid { display: flex; align-items: center; flex-wrap: wrap } .breadcrumb-with-filter .container-fluid { width: 100% } .breadcrumb { background-color: transparent; border-radius: 0; margin: 0; padding: 0 } .breadcrumb-item { font-weight: 300; font-size: 1.7rem; line-height: 1.5; letter-spacing: 0; text-transform: capitalize } .breadcrumb-item i { font-size: 1.7rem; vertical-align: top; margin-top: -.2rem } .breadcrumb-item i::before { margin: 0 } .breadcrumb-item a { color: #777 } .breadcrumb-item a:hover, .breadcrumb-item a:focus { color: #000 } .breadcrumb-item.active { color: #000 } .breadcrumb-item + .breadcrumb-item { padding-left: 1rem } .breadcrumb-item + .breadcrumb-item:before { color: #999999; content: '\f112'; font-family: "molla"; padding-right: .7rem; font-size: 1.1rem; vertical-align: middle; margin-top: -.1rem } .title { font-size: 2.2rem; letter-spacing: -.03em } .title-lg { font-weight: 600; font-size: 2.6rem; letter-spacing: -.01em } .title-sm { font-size: 2rem; letter-spacing: -.03em } .heading { margin-bottom: 1.6rem } .heading.heading-flex { display: flex; flex-direction: column; text-align: center } .heading .title { margin-bottom: 0 } .heading.heading-center { text-align: center } .heading.heading-center .title { margin-bottom: 1.5rem } .heading.heading-center .title-lg { margin-bottom: 2.4rem } .title-separator { font-weight: 300; color: #cccccc } .text-white .title-separator { color: #777 } .title-desc { color: #777; font-weight: 300; font-size: 1.7rem; line-height: 1.5; letter-spacing: -.01em; margin-bottom: 0 } .heading-right { margin-top: .5rem } .title-link { font-weight: 500; transition: all .3s ease } .title-link:hover, .title-link:focus { box-shadow: 0 1px 0 0 #000 } .title-link i { font-size: 1.5rem } .title-link i:last-child { margin-left: .5rem } @media screen and (min-width: 768px) { .title { font-size: 2.4rem } .title-lg { font-size: 3rem } } .call-toaction-area .inner-content { } .call-toaction-area ul { display: block; position: relative; padding-left: 0; } .step { font-size: 29px; color: #777; margin-bottom: -8px; display: block; } .step1 { font-size: 29px; color: #777; margin-bottom: -8px; display: block; } .call-toaction-area ul li { position: relative; display: block; overflow: hidden; background: #ffffff; max-width: 20%; float: left; width: 100%; padding: 15px 8px 15px; height: 260px; z-index: 1; } .call-toaction-area ul li:last-child { border-right: none; } .call-toaction-area ul li .content-box { position: relative; display: block; } .call-toaction-area ul li .content-box .icon-holder { display: block; position: relative; } .call-toaction-area ul li .content-box .icon-holder span:before { position: absolute; bottom: 0; height: 1px; left: 0; width: 100%; content: ''; z-index: 0; background: rgba(66,70,78,0.1); } .box1 { padding: 5px 10px 30px; position: relative; margin-bottom: 20px; } .call-toaction-area ul li .content-box .icon-holder span:after { position: absolute; bottom: -2px; height: 5px; width: 30px; content: ''; z-index: -1; transition: all ease 0.3s; background: #ececed; margin-left: -45px; } .call-toaction-area ul li .content-box .icon-holder span:before { font-size: 64px; line-height: 64px; color: #ed232a; } .call-toaction-area ul li .content-box .icon-holder span img { display: inline-block } .call-toaction-area ul li .content-box .icon-holder .title { position: relative; top: 0; left: 0; right: 0; bottom: 0; } .call-toaction-area ul li .content-box .icon-holder h3 { padding: 0px 0; font-size: 18px; letter-spacing: 0px; line-height: 22px; } .call-toaction-area ul li .content-box .overlay-box { position: absolute; top: 2px; left: 0; width: 100%; height: 100%; background: #ffffff; transform: rotateX(150deg); opacity: 0; transition: all 500ms ease; padding-top: 35px; } .call-toaction-area ul li:hover .content-box .overlay-box { transform: rotateX(0deg); opacity: 1; } .call-toaction-area ul li .content-box .overlay-box h3 { margin: 0 0 12px; font-size: 20px; letter-spacing: 0px; line-height: 24px; } .call-toaction-area ul li .content-box .overlay-box p { margin: 0 0 15px; } .call-toaction-area ul li .content-box .overlay-box a { display: inline-block; height: 23px; width: 25px; color: #ee262d; } .call-toaction-area ul li .content-box .overlay-box a span:before { font-size: 23px; line-height: 23px; } @media screen and (min-width: 992px) { .heading.heading-flex { align-items: center; flex-direction: row; text-align: left } .heading-right { margin-top: 0; margin-left: auto } } .icon-box { color: #777; font-weight: 300; font-size: 1.7rem; line-height: 1.5; letter-spacing: -.01em; margin-bottom: 2rem } .icon-box.icon-box-sm { font-size: 1.7rem; line-height: 1.86 } .icon-box-title { color: #000; font-weight: 400; font-size: 2.5rem; letter-spacing: -.025em; margin-bottom: 1.6rem; margin-top: 0.9rem; } .icon-box-icon { display: inline-flex; align-items: center; justify-content: center; color: #000; font-size: 4rem; line-height: 1; } .icon-box-content p:last-child { margin-bottom: 0 } .icon-box-left { position: relative; padding-left: 70px } .icon-box-left .icon-box-icon { position: absolute; left: 0; top: -1rem } .icon-box-circle .icon-box-icon { width: 7rem; height: 7rem; border-radius: 50%; color: #fff; background-color: #000 } .icon-box-circle.icon-box-left { padding-left: 100px } .icon-box-circle.icon-box-left .icon-box-icon { left: 1rem } .icon-box-card { background-color: #f9f8f8; padding: 6.5rem 2rem 6rem } .icon-box-card .icon-box-title { font-weight: 600 } .icon-box-card .icon-box-icon { margin-bottom: 1.3rem } .icon-boxes-container { background-color: #f7f7f7; padding-top: 2.8rem; padding-bottom: 2.8rem; margin-bottom: 0 } .icon-boxes-container.bg-dark .icon-box-icon { color: #666 } .icon-boxes-container.bg-dark .icon-box-title { color: #fff } .icon-box-side { display: flex; align-items: center; width: 100%; padding-top: 0rem !important; padding-bottom: 0rem !important; margin-bottom: 0 } .icon-box-side p { margin-bottom: 0 } .icon-box-side .icon-box-icon { display: inline-block; line-height: 0; min-width: 7rem; text-align: center; margin-bottom: 0; font-size: 45px; } .icon-box-side .icon-box-title { font-weight: 500; font-size: 1.7rem; letter-spacing: -.01em; margin-top: .2rem; margin-bottom: 0 } @media screen and (min-width: 768px) { .icon-box { margin-bottom: 4rem } .icon-box-side { margin-bottom: 0 } } @media screen and (min-width: 1200px) { .icon-boxes-separator [class*="col-"] + [class*="col-"]:before { content: ''; display: block; width: .1rem; height: 5.3rem; background-color: #e9e9e9; position: absolute; left: -.3rem; top: 50%; margin-top: -2.55rem } } @media screen and (max-width: 1199px) { .icon-box-sm br { display: none } } .accordion { margin-bottom: 3rem } .card { border-radius: 0; margin-bottom: 0; border: none; border-top: .1rem solid #ebebeb } .card:last-child { border-bottom: 0rem solid #ebebeb } .card-header { position: relative; padding: 0; border: none; font-weight: 700; line-height: 1.5; background-color: transparent; margin: 0 } .card-header::after { display: block; clear: both; content: '' } .card-title { font-size: 1.8rem; line-height: 1; margin-bottom: 0 } .pagination-style1 .owl-dots { position: absolute !important; right: 80px !important; left: auto !important; top: 50%; transform: translateY(-50%); bottom: inherit !important; } .pagination-style1 .owl-dots .owl-dot { color: #fff; font-size: 15px; line-height: 1; margin: 0 0 16px; opacity: 1; position: relative; display: flex; font-weight: 600; } .pagination-style1 .owl-dots .owl-dot:hover { color: #fff; opacity: 1; } .pagination-style1 .owl-dots .owl-dot:last-child { margin: 0 0 0px; } .pagination-style1 .owl-dots .owl-dot.active { color: #000; opacity: 1; } .pagination-style1 .owl-dots .owl-dot::before { background: #000 none repeat scroll 0 0; content: ""; height: 1px; left: 40px; position: absolute; top: 10px; transition: all 0.3s ease-in-out 0s; width: 0px; } .pagination-style1 .owl-dots .owl-dot:hover::before, .pagination-style1 .owl-dots .owl-dot.active::before { width: 42px; } .card-title a { display: block; padding: 2.5rem 4rem 2.5rem 0.2rem; position: relative; color: #000; border: none; background-color: transparent; outline: none !important } .card-title a i { min-width: 17px; margin-right: 2.4rem } .card-title a:before { content: '\e802'; display: inline-block; position: absolute; right: 1.2rem; top: 50%; color: #000; font-family: "molla"; line-height: 1; transform: translateY(-50%); -ms-transform: translateY(-50%); transition: all 0.3s } .card-title a.collapsed { color: #333 } .card-title a.collapsed:hover, .card-title a.collapsed:focus { color: #000 } .card-title a.collapsed:before { content: '\f110'; color: #8c8c8c; transform: translateY(-50%); -ms-transform: translateY(-50%) } .card-body { padding: 1.8rem 2rem 2.8rem 0.2rem; border: none; border-radius: 0 } product-accor .card-body { padding: 1.8rem 2rem 2.8rem 0.2rem; } .accordion-icon .card-body { padding-left: 5.5rem !important } .accordion-plus .card-title a:before { content: '\f28e' } .accordion-plus .card-title a.collapsed:before { content: '\f2c2' } .accordion-rounded .card:first-child { border-radius: .3rem .3rem 0 0 } .accordion-rounded .card:last-child { border-radius: 0 0 .3rem .3rem } .card.card-box .card-title a { padding-left: 2rem } .card.card-box .card-title a:before { right: 2rem } .card.card-box .card-title a i { margin-right: 1.4rem } .card.card-box .card-body { padding: 1rem 2rem 2rem } .card.card-sm .card-title { font-size: 1.7rem; letter-spacing: -.01em } .card.card-sm .card-title a { padding-top: 2.1rem; padding-bottom: 2.1rem } .card.card-sm .card-title a:before { right: 2rem } .card.card-sm .card-body { padding: 1rem 2rem 2rem } .card.bg-light, .card.bg-white { background-color: #fff !important; border: .1rem solid #ebebeb !important } .card.bg-light .card-title a, .card.bg-white .card-title a { background-color: #fff } .card.bg-light .card-title a.collapsed { background-color: #f9f8f8 } @media screen and (min-width: 992px) { .card-title { font-size: 1.8rem; margin: 0; } .career .card-title { font-size: 2.3rem; margin: 0; } } .career .card { border-radius: 0; margin-bottom: 0; border: none; border: .1rem solid #d8d8d8; padding: 15px; margin-bottom: 20px; } .career .card-body { padding: 0 } .careerskill li { font-size: 16px; display: inline-block; margin-right: 15px; font-weight: 100; } .more { display: none; } .careerskill li i { font-size: 16px; margin-right: 5px; } .priceinput { text-align: center; margin-top: 15px; } .priceinput input { width: 80px; margin: 0 10px; text-align: center; } #price-slider .noUi-tooltip { display: none; } .nav-link:focus { outline: none !important } .nav.nav-tabs { border-bottom-right-radius: .3rem; border: .1rem solid #d7d7d7; border-top-width: 0; border-right-width: 0; border-left-width: 0 } .nav.nav-tabs .nav-link { color: #777; font-weight: 500; font-size: 1.7rem; line-height: 1.5; letter-spacing: -.025em; padding: .85rem 2.2rem; border-top-left-radius: .3rem; border-top-right-radius: .3rem; text-align: center; transition: all .35s ease } .nav.nav-tabs .nav-link:hover, .nav.nav-tabs .nav-link:focus { color: #000; border-color: transparent } .nav.nav-tabs .nav-item + .nav-item { margin-left: .1rem } .nav.nav-tabs .nav-item.show .nav-link, .nav.nav-tabs .nav-item .nav-link.active { color: #000; border-color: #d7d7d7; border-bottom-color: transparent } .nav.nav-tabs.nav-tabs-bg .nav-link:not(.active) { border-color: #ebebeb #ebebeb #d7d7d7 #ebebeb; background-color: #f9f8f8 } .nav.nav-tabs.justify-content-center { border-bottom-left-radius: .3rem; border-bottom-right-radius: .3rem } .tab-content-border { border: .1rem solid #d7d7d7; border-radius: .3rem; border-top-left-radius: 0; border-top-width: 0 } .justify-content-center + .tab-content-border { border-top-left-radius: .3rem } .tab-pane { padding: 1.4rem 2.2rem } .tab-pane p:last-child { margin-bottom: 0 } .nav.nav-pills .nav-link { color: #777; font-weight: 400; font-size: 1.7rem; line-height: 1.5; letter-spacing: -.01em; padding: .45rem 1rem; border-radius: 0; text-align: center; text-transform: uppercase; border: none; border-bottom: .1rem solid transparent; background-color: transparent; transition: all .35s ease } .nav.nav-pills .nav-link:hover, .nav.nav-pills .nav-link:focus { color: #000 } .nav.nav-pills .nav-link:focus { outline: none !important } .nav.nav-pills .nav-item + .nav-item { margin-left: 1rem } .nav.nav-pills .nav-item.show .nav-link, .nav.nav-pills .nav-item .nav-link.active { color: #000; border-color: #d7d7d7; border-bottom-color: #000 } .nav-pills + .tab-content .tab-pane { padding: 1.4rem 0 } .nav-pills + .tab-content .tab-pane p:last-child { margin-bottom: 0 } .tabs-vertical { display: flex; align-items: flex-start; align-items: stretch } .tabs-vertical .tab-content-border { border-top-width: .1rem; border-left-width: 0; border-bottom-left-radius: 0 } .tabs-vertical .nav { flex-shrink: 0 } .tabs-vertical .nav .nav-link { min-width: 100px } .tabs-vertical .nav.nav-tabs { border-bottom-width: 0; border-right-width: .1rem } .tabs-vertical .nav.nav-tabs .nav-link { border-top-left-radius: .3rem; border-top-right-radius: 0; border-bottom-left-radius: .3rem } .tabs-vertical .nav.nav-tabs .nav-item { margin-bottom: 0; margin-right: -1px } .tabs-vertical .nav.nav-tabs .nav-item + .nav-item { margin-left: 0; margin-top: 1px } .tabs-vertical .nav.nav-tabs .nav-item.show .nav-link, .tabs-vertical .nav.nav-tabs .nav-item .nav-link.active { border-color: #d7d7d7; border-right-color: transparent } .tabs-vertical .nav.nav-tabs.nav-tabs-bg .nav-link:not(.active) { border-color: #ebebeb #d7d7d7 #ebebeb #ebebeb; background-color: #f9f8f8 } .tab-content.tab-content-carousel > .tab-pane { display: block; visibility: hidden; height: 0 !important } .tab-content.tab-content-carousel > .tab-pane:not(.active) { overflow: hidden !important } .tab-content.tab-content-carousel > .active { height: auto !important; visibility: visible } .nav.nav-border-anim .nav-link { position: relative; border-bottom: none } .nav.nav-border-anim .nav-link:before { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: .1rem; background-color: #000; transform-origin: right center; transform: scale(0, 1); transition: transform .3s ease } .form-tab .nav.nav-border-anim .nav-link:before { height: .2rem } .nav.nav-border-anim .nav-link.active:before { transform-origin: left center; transform: scale(1, 1) } .nav.nav-border-anim.nav-pills-mobile .nav-link:before { height: .2rem } @media screen and (min-width: 992px) { .nav-pills + .tab-content .tab-pane { padding-left: 1rem; padding-right: 1rem } } .btn-wrap { display: inline-block; margin-bottom: 2rem } .btn-wrap > span { display: block; color: #ccc; margin-bottom: .3rem } .btn { display: inline-flex; align-items: center; justify-content: center; text-align: center; padding: .85rem 1.5rem; font-weight: 300; font-size: 1.5rem; line-height: 1.5; letter-spacing: -.01em; min-width: 100px; border-radius: 0; white-space: normal; transition: all 0.3s; font-family: josefin sans,sans-serif; } .btn span { line-height: 1 } .btn i:first-child { margin-right: 1rem } .btn i:last-child { margin-left: 1rem } .btn:focus { box-shadow: none } .btn:focus, .btn:active { outline: none !important } .btn:active:focus { box-shadow: none !important } .btn.btn-minwidth-sm { min-width: 112px } .btn.btn-minwidth { min-width: 170px } .btn.btn-minwidth-lg { min-width: 218px } .btn:active { outline: none } .btn-rounded { border-radius: .2rem } .btn-round { border-radius: 3rem } .btn-lg { font-weight: 500; font-size: 1.5rem; min-width: 170px; padding: 1.1rem 2rem } .btn-lg i:first-child { margin-right: 1.4rem } .btn-lg i:last-child { margin-left: 1.4rem } .btn-more { padding-top: 1.15rem; padding-bottom: 1.15rem; min-width: 230px; text-transform: uppercase } .btn-link { padding: .4rem 1rem; min-width: 0; color: #000; text-decoration: none; border: none; border-bottom: .1rem solid transparent; letter-spacing: 0; font-size: 1.7rem; min-width: 0; font-family: josefin sans,sans-serif } .btn-link.btn-link-dark { color: #333 } .btn-link:hover, .btn-link:focus, .btn-link .btn-link-dark:hover, .btn-link .btn-link-dark:focus { color: #000; text-decoration: none; border-color: #000 } .btn-link i:first-child { margin-right: 1rem } .btn-link i:last-child { margin-left: 1rem } .btn-hover-text { display: none } .btn:hover .btn-text, .btn:focus .btn-text { display: none } .btn:hover .btn-hover-text, .btn:focus .btn-hover-text { display: inline-block } .btn-primary { color: #fff; background-color: #000; border-color: #000; box-shadow: none } .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #a6c76c; border-color: #a6c76c; box-shadow: none } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #000; border-color: #000 } .btn-secondary { color: #fff; background-color: #a6c76c; border-color: #a6c76c; box-shadow: none } .btn-secondary:hover, .btn-secondary:focus, .btn-secondary.focus, .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #000; border-color: #000; box-shadow: none } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #a6c76c; border-color: #a6c76c } .btn-white { color: #333; background-color: #fff; border-color: #fff; box-shadow: none } .btn-white:hover, .btn-white:focus, .btn-white.focus, .btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { color: #fff; background-color: #000; border-color: #000; box-shadow: none } .btn-white.disabled, .btn-white:disabled { color: #333; background-color: #fff; border-color: #fff } .btn-white-2 { color: #333; background-color: #fff; border-color: #fff; box-shadow: none } .btn-white-2:hover, .btn-white-2:focus, .btn-white-2.focus, .btn-white-2:not(:disabled):not(.disabled):active, .btn-white-2:not(:disabled):not(.disabled).active, .show > .btn-white-2.dropdown-toggle { color: #fff; background-color: #a6c76c; border-color: #a6c76c; box-shadow: none } .btn-white-2.disabled, .btn-white-2:disabled { color: #333; background-color: #fff; border-color: #fff } .btn-primary-white { color: #fff; background-color: #000; border-color: #000; box-shadow: none } .btn-primary-white:hover, .btn-primary-white:focus, .btn-primary-white.focus, .btn-primary-white:not(:disabled):not(.disabled):active, .btn-primary-white:not(:disabled):not(.disabled).active, .show > .btn-primary-white.dropdown-toggle { color: #000; background-color: #fff; border-color: #fff; box-shadow: none } .btn-primary-white.disabled, .btn-primary-white:disabled { color: #fff; background-color: #000; border-color: #000 } .btn-white-primary { color: #000; background-color: #fff; border-color: #fff; box-shadow: none } .btn-white-primary:hover, .btn-white-primary:focus, .btn-white-primary.focus, .btn-white-primary:not(:disabled):not(.disabled):active, .btn-white-primary:not(:disabled):not(.disabled).active, .show > .btn-white-primary.dropdown-toggle { color: #fff; background-color: #000; border-color: #000; box-shadow: none } .btn-white-primary.disabled, .btn-white-primary:disabled { color: #000; background-color: #fff; border-color: #fff } .btn-dark { color: #fff; background-color: #333; border-color: #333; box-shadow: none } .btn-dark:hover, .btn-dark:focus, .btn-dark.focus, .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #000; border-color: #000; box-shadow: none } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #333; border-color: #333 } .btn-outline { color: #000; background-color: transparent; background-image: none; border-color: #ebebeb; box-shadow: 0 5px 10px rgba(0,0,0,0.05) } .btn-outline:hover, .btn-outline:focus, .btn-outline.focus, .btn-outline:not(:disabled):not(.disabled):active, .btn-outline:not(:disabled):not(.disabled).active, .show > .btn-outline.dropdown-toggle { color: #000; background-color: transparent; border-color: #ebebeb; box-shadow: 0 5px 10px rgba(0,0,0,0.15) } .btn-outline.disabled, .btn-outline:disabled { color: #000; background-color: transparent } .btn-outline-primary { color: #000; background-color: transparent; background-image: none; border-color: #000; box-shadow: none } .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary.focus, .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #000; background-color: transparent; border-color: #ebebeb; box-shadow: 0 5px 10px rgba(0,0,0,0.05) } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #000; background-color: transparent } .btn-outline-primary-2 { color: #000; background-color: transparent; background-image: none; border-color: #000; box-shadow: none } .btn-outline-primary-2:hover, .btn-outline-primary-2:focus, .btn-outline-primary-2.focus, .btn-outline-primary-2:not(:disabled):not(.disabled):active, .btn-outline-primary-2:not(:disabled):not(.disabled).active, .show > .btn-outline-primary-2.dropdown-toggle { color: #fff; background-color: #000; border-color: #000; box-shadow: none } .btn-outline-primary-2.disabled, .btn-outline-primary-2:disabled { color: #000; background-color: transparent } .btn-outline-light { color: #fff; background-color: transparent; background-image: none; border-color: #fff; box-shadow: none } .btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light.focus, .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #000; background-color: transparent; border-color: #fff; box-shadow: none } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #fff; background-color: transparent } .btn-outline-dark { color: #333; background-color: transparent; background-image: none; border-color: #d7d7d7; box-shadow: none } .btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark.focus, .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #000; background-color: transparent; border-color: #ebebeb; box-shadow: 0 5px 10px rgba(0,0,0,0.05) } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #333; background-color: transparent } .btn-outline-dark-2 { color: #333; background-color: transparent; background-image: none; border-color: #ebebeb; box-shadow: none } .btn-outline-dark-2:hover, .btn-outline-dark-2:focus, .btn-outline-dark-2.focus, .btn-outline-dark-2:not(:disabled):not(.disabled):active, .btn-outline-dark-2:not(:disabled):not(.disabled).active, .show > .btn-outline-dark-2.dropdown-toggle { color: #000; background-color: #f9f8f8; border-color: #ebebeb; box-shadow: none } .btn-outline-dark-2.disabled, .btn-outline-dark-2:disabled { color: #333; background-color: transparent } .btn-outline-dark-3 { color: #333; background-color: transparent; background-image: none; border-color: #d7d7d7; box-shadow: none } .btn-outline-dark-3:hover, .btn-outline-dark-3:focus, .btn-outline-dark-3.focus, .btn-outline-dark-3:not(:disabled):not(.disabled):active, .btn-outline-dark-3:not(:disabled):not(.disabled).active, .show > .btn-outline-dark-3.dropdown-toggle { color: #000; background-color: transparent; border-color: #000; box-shadow: none } .btn-outline-dark-3.disabled, .btn-outline-dark-3:disabled { color: #333; background-color: transparent } .btn-outline-darker { color: #333; background-color: transparent; background-image: none; border-color: #d7d7d7; box-shadow: none } .btn-outline-darker:hover, .btn-outline-darker:focus, .btn-outline-darker.focus, .btn-outline-darker:not(:disabled):not(.disabled):active, .btn-outline-darker:not(:disabled):not(.disabled).active, .show > .btn-outline-darker.dropdown-toggle { color: #fff; background-color: #000; border-color: #000; box-shadow: none } .btn-outline-darker.disabled, .btn-outline-darker:disabled { color: #333; background-color: transparent } .btn-outline-gray { color: #333; background-color: transparent; background-image: none; border-color: #959595; box-shadow: none } .btn-outline-gray:hover, .btn-outline-gray:focus, .btn-outline-gray.focus, .btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { color: #fff; background-color: #000; border-color: #000; box-shadow: none } .btn-outline-gray.disabled, .btn-outline-gray:disabled { color: #333; background-color: transparent } .btn-outline-lightgray { color: #333; background-color: transparent; background-image: none; border-color: #ebebeb; box-shadow: none } .btn-outline-lightgray:hover, .btn-outline-lightgray:focus, .btn-outline-lightgray.focus, .btn-outline-lightgray:not(:disabled):not(.disabled):active, .btn-outline-lightgray:not(:disabled):not(.disabled).active, .show > .btn-outline-lightgray.dropdown-toggle { color: #000; background-color: #f5f6f9; border-color: #ebebeb; box-shadow: none } .btn-outline-lightgray.disabled, .btn-outline-lightgray:disabled { color: #333; background-color: transparent } .btn-shadow { box-shadow: 0 5px 10px rgba(0,0,0,0.05) !important } .btn-shadow:hover, .btn-shadow:focus, .btn-shadow:active { box-shadow: 0 5px 10px rgba(0,0,0,0.15) !important } .btn-outline-white { color: #fff; background-color: transparent; background-image: none; border-color: #fff; box-shadow: none } .btn-outline-white:hover, .btn-outline-white:focus, .btn-outline-white.focus, .btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { color: #fff; background-color: #000; border-color: #000; box-shadow: none } .btn-outline-white.disabled, .btn-outline-white:disabled { color: #fff; background-color: transparent } .btn-outline-white-2 { color: #fff; background-color: transparent; background-image: none; border-color: #fff; box-shadow: none } .btn-outline-white-2:hover, .btn-outline-white-2:focus, .btn-outline-white-2.focus, .btn-outline-white-2:not(:disabled):not(.disabled):active, .btn-outline-white-2:not(:disabled):not(.disabled).active, .show > .btn-outline-white-2.dropdown-toggle { color: #fff; background-color: #a6c76c; border-color: #a6c76c; box-shadow: none } .btn-outline-white-2.disabled, .btn-outline-white-2:disabled { color: #fff; background-color: transparent } .btn-outline-white-3 { color: #fff; background-color: transparent; background-image: none; border-color: #fff; box-shadow: none } .btn-outline-white-3:hover, .btn-outline-white-3:focus, .btn-outline-white-3.focus, .btn-outline-white-3:not(:disabled):not(.disabled):active, .btn-outline-white-3:not(:disabled):not(.disabled).active, .show > .btn-outline-white-3.dropdown-toggle { color: #333; background-color: #fff; border-color: #fff; box-shadow: none } .btn-outline-white-3.disabled, .btn-outline-white-3:disabled { color: #fff; background-color: transparent } .btn-outline-white-4 { color: #fff; background-color: transparent; background-image: none; border-color: #fff; box-shadow: none } .btn-outline-white-4:hover, .btn-outline-white-4:focus, .btn-outline-white-4.focus, .btn-outline-white-4:not(:disabled):not(.disabled):active, .btn-outline-white-4:not(:disabled):not(.disabled).active, .show > .btn-outline-white-4.dropdown-toggle { color: #000; background-color: #fff; border-color: #fff; box-shadow: none } .btn-outline-white-4.disabled, .btn-outline-white-4:disabled { color: #fff; background-color: transparent } .bg-image .btn-wrap > span { color: #777 } .bg-image .btn-link-dark { color: #fff } .bg-image .btn-link-dark:hover, .bg-image .btn-link-dark:focus { color: #000; border-color: #000 } #myCarousel .nav a small { display: block; } #myCarousel .nav { background: #eee; } #myCarousel .nav a { border-radius: 0px; } .bg-image .btn-outline-primary:hover, .bg-image .btn-outline-primary:focus, .bg-image .btn-outline-primary.focus, .bg-image .btn-outline-primary:not(:disabled):not(.disabled):active, .bg-image .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .bg-image .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #000; border-color: #000 } .bg-image .btn-outline-dark { color: #fff; border-color: #fff } .bg-image .btn-outline-dark:hover, .bg-image .btn-outline-dark:focus, .bg-image .btn-outline-dark.focus, .bg-image .btn-outline-dark:not(:disabled):not(.disabled):active, .bg-image .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .bg-image .btn-outline-dark.dropdown-toggle { color: #000; background-color: #fff; border-color: #fff } .product { position: relative; margin-bottom: 1rem; transition: box-shadow .35s ease; background-color: #fff } .owl-carousel .product { margin-bottom: 0 !important } .product:hover { box-shadow: 0 5px 20px rgba(0,0,0,0.05) } .product-media { position: relative; display: block; margin-bottom: 0; overflow: hidden } .product-media > a { display: block } .product-image { display: block; width: 100%; height: auto } .product-image-hover { position: absolute; left: 0; top: 0; opacity: 0; width: 100%; height: auto; transition: all .4s ease } .product:hover .product-image-hover { opacity: 1 } .product-countdown { position: absolute; left: .8rem; right: .8rem; bottom: 1.3rem; z-index: 6; transition: all .4s ease; visibility: visible; opacity: 1 } .product-countdown .countdown-show4 .countdown-section { width: calc(25% - 10px) } .product-countdown .countdown-section { font-size: 1rem; line-height: 1; padding: 1.4rem 0 1.2rem; margin-left: .5rem; margin-right: .5rem; background-color: rgba(255,255,255,0.9); border-radius: .4rem } .product-countdown .countdown-section:not(:last-child):after { color: #fff; content: ':'; display: inline-block; font-weight: 400; font-size: 20px; line-height: 1; position: absolute; left: 100%; margin-left: 3px; margin-top: -1px; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%) } .product-countdown .countdown-period { display: block; font-weight: 400; color: #000; text-transform: lowercase; width: 100%; padding-left: .2rem; padding-right: .2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .product-countdown .countdown-amount { display: inline-block; color: #ef837b; font-weight: 500; font-size: 1.8rem; letter-spacing: -.03em; margin-bottom: .6rem } .product-countdown.countdown-primary .countdown-amount { color: #000 } .product-countdown-container { position: absolute; left: 1.4rem; right: 1.4rem; bottom: 1.3rem; z-index: 6; padding-top: .9rem; padding-bottom: .9rem; border-radius: .3rem; background-color: rgba(255,255,255,0.95); letter-spacing: -.01em; transition: all .4s ease; visibility: visible; opacity: 1 } .product-countdown-container .product-contdown-title { display: block; color: #333; font-weight: 400; font-size: 1.7rem; line-height: 1.2; margin-bottom: .3rem; text-align: center } .product-countdown-container .product-countdown { position: relative; left: auto; right: auto; bottom: auto; z-index: 6; line-height: 1; opacity: 1 } .product-countdown-container .product-countdown .countdown-amount { font-weight: 500; font-size: 1.7rem; line-height: 1; margin-bottom: 0; text-transform: uppercase } .product:hover .product-countdown, .product:hover .product-countdown-container { opacity: 0; visibility: hidden } .product-body { position: relative; padding: 1.6rem 2rem; transition: all .35s ease; background-color: #fff } .product-body.product-action-inner { padding-right: 4rem } .product-title { font-weight: 400; font-size: 2.2rem; line-height: 1.25; letter-spacing: -.01em; color: #000; margin-bottom: .2rem } .product-title a { color: inherit } .product-title a:hover, .product-title a:focus { color: #000 } .product-cat { color: #777; font-weight: 300; font-size: 1.7rem; line-height: 1.2; letter-spacing: -.01em; margin-bottom: .3rem } .product-cat a { color: inherit } .product-cat a:hover, .product-cat a:focus { color: #666 } .fw-500 { font-weight: 500 !important } .product-price { display: flex; align-items: center; flex-flow: wrap; font-weight: 400; font-size: 1.7rem; line-height: 1.25; color: #000; /* margin-bottom: 1.3rem; */ margin-left: 25px; } .new-price { color: #ef837b; margin-right: .8rem } .old-price { color: #cccccc; text-decoration: line-through } .out-price { color: #cccccc } .out-text { display: block; width: 100%; font-size: 1.7rem; margin-top: .2rem } .product-label { position: absolute; z-index: 1; top: 2rem; left: 2rem; font-weight: 400; font-size: 1.7rem; line-height: 1.6rem; letter-spacing: -.01em; padding: .5rem .9rem; min-width: 45px; text-align: center; color: #000; background-color: #fff } .product-label + .product-label { top: 5rem } .product-label.label-sale { color: #fff; background-color: #ef837b } .product-label.label-new { color: #fff; background-color: #a6c76c } .product-label.label-top { color: #fff; background-color: #7dd2ea } .product-label.label-out { color: #fff; background-color: #ccc } .product-label.label-primary { color: #fff; background-color: #000 } .product-label.label-secondary { color: #fff; background-color: #a6c76c } .product-label-text { color: #000; font-weight: 400; font-size: 1.7rem; line-height: 1; letter-spacing: -.01em; margin-top: -.1rem } .label-circle { display: flex; align-items: center; justify-content: center; width: 4.6rem; height: 4.6rem; min-width: 0; border-radius: 50%; line-height: 1 } .label-circle + .label-circle { top: 5.6rem } .label-circle.label-out { font-size: 1.1rem } .ratings-container { display: flex; align-items: center; font-size: 1.7rem; margin-bottom: 1.7rem; line-height: 1; white-space: nowrap } .ratings { position: relative; color: #cccccc } .ratings, .ratings-val { display: inline-block; font-size: 1.7rem; letter-spacing: 0.1em; line-height: 1; font-family: "molla" } .ratings:before, .ratings-val:before { content: "\f318" "\f318" "\f318" "\f318" "\f318" } .ratings-val { position: absolute; top: 0; left: 0; white-space: nowrap; overflow: hidden; color: #fcb941 } .ratings-primary .ratings-val { color: #000 } .ratings-text { color: #cccccc; letter-spacing: -.01em; margin-left: .8rem } .ratings-text a { color: inherit } .ratings-text a:hover, .ratings-text a:focus { color: #000 } .product-action { position: absolute; left: 0; right: 0; bottom: 0; display: flex; align-items: center; background-color: rgba(255,255,255,0.95); z-index: 10; transition: all .35s ease; opacity: 0; visibility: hidden; transform: translateY(100%) } .product:hover .product-action, .product:focus .product-action { visibility: visible; opacity: 1; transform: translateY(0) } .action-icon-top { padding-top: .8rem; padding-bottom: .8rem } .action-icon-top .btn-product { padding-top: 1rem; padding-bottom: 1rem; flex-direction: column } .action-icon-top .btn-product span { margin-top: .9rem } .action-icon-top:before { margin-right: 0 } .btn-product { color: #000; position: relative; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; line-height: 1; transition: all .35s ease; padding-top: 1.9rem; padding-bottom: 1.9rem; flex-grow: 1; flex-basis: 0 } .btn-product + .btn-product { border-left: .1rem dotted #e5e5e5 } .btn-product:before { font-family: "molla"; margin-right: .9rem } .btn-product span { color: #666666; font-weight: 400; font-size: 1.7rem; letter-spacing: -.01em; transition: all .35s ease } .btn-product:hover, .btn-product:focus { outline: none !important } .btn-product:hover span, .btn-product:focus span { color: #000; box-shadow: 0 1px 0 0 #000 } .product-action-dark { background-color: #000 } .product-action-dark .btn-product:not(:hover):not(:focus) span { color: #fff } .product-action-dark .btn-product + .btn-product { border-left-color: #4b4b4b } .product-action-vertical { display: flex; flex-direction: column; position: absolute; right: 2rem; top: 2rem; background-color: transparent; z-index: 10; visibility: hidden; opacity: 0; transition: all .35s ease; transform: translateX(-15px) } .product:hover .product-action-vertical { visibility: visible; opacity: 1; transform: translateX(0) } .btn-product-icon { position: relative; display: flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; padding: 0; font-size: 1.7rem; line-height: 1; transition: all .35s ease; padding: 0; border-radius: 50%; color: #000; background-color: #fff } .btn-product-icon:before { font-family: "molla" } .btn-product-icon span { display: none } .btn-product-icon:hover, .btn-product-icon:focus { color: #fff; background-color: #000 } .btn-product-icon + .btn-product-icon { margin-top: 1rem } .btn-cart:before { content: '\e812' } .btn-wishlist { font-size: 1.6rem } .btn-wishlist:before { content: '\f234' } .product-body .btn-wishlist { position: absolute; top: 3.4rem; right: 2rem; color: #ccc; padding: 0; margin: 0; background: none } .product-body .btn-wishlist:before { margin-right: 0 } .product-body .btn-wishlist span { display: none } .product-body .btn-wishlist:hover, .product-body .btn-wishlist:focus { color: #000; background: none } .btn-quickview:before { content: '\f145' } .btn-compare:before { content: '\f2d0' } .btn-expandable { position: relative } .btn-expandable span { position: absolute; right: 100%; top: 0; bottom: 0; align-items: center; display: inline-flex; font-weight: 300; font-size: 1.1rem; white-space: nowrap; letter-spacing: 0; min-width: 100px; padding-left: 1.8rem; padding-right: .4rem; color: #fff; background-color: #000; transition: all .35s ease; opacity: 0; visibility: hidden; border-top-left-radius: 30px; border-bottom-left-radius: 30px; transform: translateX(15px); z-index: -1 } .btn-expandable:hover, .btn-expandable:focus { border-top-left-radius: 0; border-bottom-left-radius: 0 } .btn-expandable:hover span, .btn-expandable:focus span { visibility: visible; opacity: 1; transform: translateX(0) } .product-size { display: flex; align-items: center; padding-top: .2rem; margin-bottom: 1.6rem } .product-size a { display: flex; align-items: center; justify-content: center; text-align: center; width: 2.1rem; height: 2.1rem; font-weight: 400; font-size: 1.2rem; padding-top: .1rem; line-height: 1; color: #666666; background-color: #f7f8fa; border-radius: .2rem; transition: all .35s ease; margin-right: .5rem } .product-size a:last-child { margin-right: 0 } .product-size a:hover, .product-size a:focus, .product-size a.active { color: #fff; background-color: #333 } .product-size a.disabled { color: #cccccc; pointer-events: none } .product-nav { display: flex; align-items: center } .product-nav-dots { margin-bottom: .5rem } .product-nav-dots a, .product-nav-dots span { display: block; width: 1.7rem; height: 1.7rem; border-radius: 50%; border: .2rem solid #fff; margin-right: .5rem; transition: box-shadow .35s ease; background-repeat: no-repeat; background-position: center center } .product-nav-dots a.active, .product-nav-dots a:hover, .product-nav-dots a:focus, .product-nav-dots span.active, .product-nav-dots span:hover, .product-nav-dots span:focus { box-shadow: 0 0 0 0.1rem #000 !important; } .product-nav-dots a:last-child, .product-nav-dots span:last-child { margin-right: 0 } .product-nav-thumbs { padding-top: .2rem; margin-bottom: 1.6rem } .product-nav-thumbs a, .product-nav-thumbs span { display: flex; align-items: center; width: 4.4rem; height: 4.4rem; border-radius: .2rem; border: .2rem solid #fff; margin-right: .4rem; transition: box-shadow .35s ease } .product-nav-thumbs a.active, .product-nav-thumbs a:hover, .product-nav-thumbs a:focus, .product-nav-thumbs span.active, .product-nav-thumbs span:hover, .product-nav-thumbs span:focus { box-shadow: 0 0 0 0.1rem #cccccc } .product-nav-thumbs a:last-child, .product-nav-thumbs span:last-child { margin-right: 0 } .product-nav-thumbs img { border-radius: .2rem } .product-disabled { pointer-events: none } .product-disabled .btn-product, .product-disabled .btn-product-icon { pointer-events: none; color: #fff; background-color: #ccc !important } .product.text-center .product-price, .product.text-center .ratings-container, .product.text-center .product-nav, .product.text-center .product-size { justify-content: center } .product.product-2 .product-body { padding-bottom: .4rem } .product.product-2 .product-action { padding-top: 1rem; padding-bottom: 1rem } .product.product-2 .btn-product { padding-top: .1rem; padding-bottom: .1rem } .product.product-2 .btn-product + .btn-product { border-left-style: solid } .product.product-2 .ratings-container:last-child { margin-bottom: 1.6rem } .product.product-2 .product-action-vertical { top: 3rem } .product.product-2 .product-nav-dots { margin-bottom: 2rem } .product-footer { display: none; padding-top: 1.3rem } .product.product-3 { position: relative; overflow: hidden; background-color: #fff } .product.product-3 .product-action { position: absolute; bottom: 100%; border-bottom: .1rem solid #ebebeb; background-color: #fff; transform: translateY(0); transition-duration: .25s } .product.product-3 .btn-product { padding-top: 1.05rem; padding-bottom: 1.05rem } .product.product-3 .btn-product:not(:hover):not(:focus) span { color: #333 } .product.product-3 .product-price, .product.product-3 .product-nav { margin-bottom: 0 } .product.product-3 .product-body { background-color: #fff } .product.product-3 .product-footer { display: block; position: absolute; bottom: 0; left: 0; right: 0; background-color: #fff; transform: translateY(100%); visibility: hidden; transition: all .35s ease; padding: 0 2rem 1rem } .product.product-3:hover { box-shadow: none } .product.product-4 .product-body { padding-bottom: 2rem; z-index: 2 } .product.product-4 .product-body div:last-child { margin-bottom: 0 } .product.product-4 .product-action { background-color: transparent } .product.product-4 .product-action-vertical { top: 3rem; transform: translate(0, 10px) } .product.product-4 .btn-product { padding-top: 1.1rem; padding-bottom: 1.1rem; color: #fff; background-color: #000 } .product.product-4 .btn-product span { color: inherit; transition-duration: 0s } .product.product-4 .btn-product:hover, .product.product-4 .btn-product:focus { color: #fff; background-color: #a6c76c } .product.product-4 .btn-product:hover span, .product.product-4 .btn-product:focus span { box-shadow: none } .product.product-4 .product-title { margin-bottom: 1rem } .product.product-4 .product-nav { margin-bottom: 0 } .product.product-4 .product-footer { opacity: 0; position: absolute; left: 0; right: 0; display: block; padding-top: .3rem; padding-bottom: 2.5rem; transition: all .35s ease; background-color: #fff; z-index: 1 } .product.product-4 .ratings-container { margin-bottom: 0 } .product.product-4:hover .product-action-vertical { transform: translate(0, 0) } .product.product-4:hover .product-footer { opacity: 1; box-shadow: 0 5px 20px rgba(0,0,0,0.05) } .product-4-carousel .owl-stage { padding-bottom: 4rem } .product.product-5 .product-body { padding-bottom: 1.6rem; background-color: #fff; transition-duration: 0s; z-index: 2 } .product.product-5 .product-body div:last-child { margin-bottom: 0 } .product.product-5 .product-action { background-color: transparent } .product.product-5 .product-action-vertical { transform: translate(10px, 0) } .product.product-5 .btn-product { padding-top: 1.1rem; padding-bottom: 1.1rem; color: #000; background-color: #000 } .product.product-5 .btn-product span { color: #fff; transition-duration: 0s } .product.product-5 .btn-product:hover, .product.product-5 .btn-product:focus { color: #fff; background-color: #000 } .product.product-5 .btn-product:hover span, .product.product-5 .btn-product:focus span { box-shadow: none } .product.product-5 .product-title { margin-bottom: 1rem } .product.product-5 .product-footer { opacity: 0; position: absolute; left: 0; right: 0; display: block; padding-top: 0; padding-bottom: 2rem; transition: all .35s ease; background-color: #fff; z-index: 1 } .product.product-5 .ratings-container { margin-bottom: 0 } .product.product-5 .ratings-container + .product-nav { margin-top: 1.7rem } .product.product-5 .product-nav { margin-bottom: 0 } .product.product-5:hover .product-footer { opacity: 1; box-shadow: 0 5px 20px rgba(0,0,0,0.05) } .product-5-carousel .owl-stage { padding-bottom: 7rem } .product.product-6 { overflow: hidden } .product.product-6 .product-body { position: absolute; left: 0; right: 0; bottom: 0; padding-right: 2rem; padding-bottom: 0; transform: translateY(100%) } .product.product-6 .product-action { position: static; left: auto; right: auto; bottom: auto; visibility: visible; opacity: 1; transform: translateY(0); background-color: transparent; padding-top: 1rem; padding-bottom: 1rem; border-top: .1rem solid #ebebeb; margin-top: 2.4rem } .product.product-6 .btn-product { padding-top: .1rem; padding-bottom: .1rem } .product.product-6 .btn-product + .btn-product { border-left-style: solid } .product.product-6 .product-cat { margin-bottom: .5rem } .product.product-6 .product-title { margin-bottom: 1rem } .product.product-6:hover { box-shadow: none } .product.product-6:hover .product-body { transform: translateY(0) } .product.product-7 .btn-product { padding-top: 1.1rem; padding-bottom: 1.1rem; color: #000; background-color: #fff; text-transform: uppercase; border-bottom: .1rem solid #ebebeb } .product.product-7 .btn-product span { color: #000 } .product.product-7 .btn-product:before { display: inline-block; margin-top: -.1rem } .product.product-7 .btn-product:hover, .product.product-7 .btn-product:focus { color: #fff; background-color: #000; border-bottom-color: #000 } .product.product-7 .btn-product:hover span, .product.product-7 .btn-product:focus span { color: #fff; box-shadow: none } .product.product-7 .product-nav-thumbs { margin-bottom: 1rem } .product.product-8 { margin-bottom: 2rem } .product.product-8 .product-media { border: .1rem solid #ebebeb } .product.product-8 .product-body { padding: 1.9rem .5rem 4rem } .product.product-8 .product-cat { color: #ccc; margin-bottom: .5rem } .product.product-8 .product-action { background-color: transparent } .product.product-8 .product-action-vertical { transform: translate(0, 10px) } .product.product-8 .new-price { color: #000 } .product.product-8 .btn-product { padding-top: 1.2rem; padding-bottom: 1.2rem; color: #fff; background-color: #333; text-transform: uppercase } .product.product-8 .btn-product:before { color: #000; margin-top: -2px; margin-right: .6rem } .product.product-8 .btn-product span { font-size: 1.7rem; color: inherit; transition-duration: 0s } .product.product-8 .btn-product:hover, .product.product-8 .btn-product:focus { color: #fff; background-color: #000 } .product.product-8 .btn-product:hover:before, .product.product-8 .btn-product:focus:before { color: #fff } .product.product-8 .btn-product:hover span, .product.product-8 .btn-product:focus span { box-shadow: none } .product.product-8 .product-title { margin-bottom: 1rem } .product.product-8 .product-price { margin-bottom: .9rem } .product.product-8 .product-nav { padding-top: .4rem; margin-bottom: 1.3rem } .product.product-8 .product-nav:last-child { margin-bottom: 0 } .product.product-8 .ratings-container { opacity: 0; position: absolute; left: 0; right: 0; bottom: 2.2rem; margin-bottom: 0; transition: all .35s ease } .product.product-8:hover .product-action-vertical { transform: translate(0, 0) } .product.product-8:hover .ratings-container { opacity: 1 } .product.product-9 .product-price { font-size: 1.7rem; font-weight: 500; letter-spacing: .01em; color: #333 } .product.product-9 .old-price { text-decoration: none } .product.product-9 .label-sale { background-color: #000; text-transform: uppercase } .product.product-9 .product-body { padding: 1rem 2rem; transition: all .3s } .product.product-9 .product-action { bottom: auto; background-color: #fff; text-transform: uppercase } .product.product-9 .product-action::before { content: ''; position: absolute; left: 0; right: 0; bottom: 1rem; height: .1rem; background-color: #ebebeb } .product.product-9 .product-detail { position: absolute; visibility: hidden; padding-top: 1rem; opacity: 0; left: 50%; transform: translateX(-50%); transition: all .3s } .product.product-9 .btn-product { padding-top: 1.2rem; padding-bottom: 2.2rem } .product.product-9:hover { margin-bottom: -9rem !important; box-shadow: none } .product.product-9:hover .product-body, .product.product-9:hover .product-action { transform: translateY(-100%) } .product.product-9:hover .product-intro { padding-bottom: 9rem } .product.product-9:hover .product-detail { bottom: 1rem; opacity: 1; visibility: visible } .product.product-9 .product-nav-dots a, .product.product-9 .product-nav-dots span { width: 4rem; height: 5rem; border-radius: .5rem } .product.product-10:hover .product-body, .product.product-10:focus .product-body { transform: translateY(-56px) } .product.product-10:hover .product-action, .product.product-10:focus .product-action { transform: translateY(22%) } .product.product-10 .btn-expandable span { background-color: #fcb941 } .product.product-10 .product-media { background-color: #fff; padding: 2rem } .product.product-10 .product-image-hover { padding: 2rem } .product.product-10 .product-body .btn-wishlist { width: fit-content; left: 50%; right: 0; top: 4.5rem; transform: translateX(-50%) } .product.product-10 .product-body .btn-wishlist span { margin-left: .5rem; display: flex } .product.product-10 .product-body .btn-wishlist:hover, .product.product-10 .product-body .btn-wishlist:focus { color: #666 } .product.product-10 .product-body .btn-wishlist:hover::before, .product.product-10 .product-body .btn-wishlist:focus::before { content: '\f233' } .product.product-10 .btn-product:hover span, .product.product-10 .btn-product:focus span { color: #000; box-shadow: 0 1px 0 0 #fcb941 } .product.product-10 .product-action { display: flex; justify-content: center } .product.product-10 .product-body { padding-bottom: 5rem } .product.product-10 .btn-cart { padding: .5rem 3.5rem; border: .2rem solid #fcb941; border-radius: .5rem; color: #fcb941 } .product.product-10 .btn-cart span { text-transform: uppercase } .product.product-10 .btn-cart::before { content: '' } .product.product-10 .btn-cart:hover, .product.product-10 .btn-cart:focus { color: #222; background-color: #fcb941 } .product.product-10 .btn-quickview { color: #fcb941 } .product.product-10 .btn-quickview:hover, .product.product-10 .btn-quickview:focus { color: #fff; background-color: #fcb941 } .product.product-10 .product-title a { font-size: 1.7rem; font-weight: 400; font-family: josefin sans,sans-serif; letter-spacing: 0; color: #333 } .product.product-10 .product-title a:hover, .product.product-10 .product-title a:focus { color: #fcb941 } .product.product-10 .product-price { margin-top: .8rem; font-size: 1.7rem; font-weight: 700; font-family: josefin sans,sans-serif; letter-spacing: 0; color: #000 } .product.product-10 .new-price { font-size: 1.7rem; font-weight: 700; font-family: josefin sans,sans-serif; letter-spacing: 0 } .product.product-10 .old-price { font-size: 1.7rem; font-weight: 400; font-family: josefin sans,sans-serif; letter-spacing: 0; text-decoration: none } .product.product-10 .product-label { left: 3rem; text-transform: uppercase; font-size: 1.7rem; font-weight: 700; font-family: josefin sans,sans-serif; letter-spacing: -.01em } .product.product-10 .product-label.label-deal { color: #fff; background-color: #ef837b; padding: .5rem 2rem; left: 0; box-shadow: 0 5px 10px rgba(34,34,34,0.2) } .product.product-11 a:hover, .product.product-11 a:focus { color: #cc9966 } .product.product-11 .btn-product-icon { color: #333; border: .1rem solid #ebebeb } .product.product-11 .btn-product-icon:hover, .product.product-11 .btn-product-icon:focus { color: #fff; background-color: #cc9966; border-color: #cc9966 } .product.product-11 .product-price { color: #333 } .product.product-11 .old-price { text-decoration: none } .product.product-11 .product-body { padding-bottom: 7rem } .product.product-11 .product-action { bottom: 2rem } .product.product-11 .btn-product { text-transform: uppercase; color: #333; border: .1rem solid #ebebeb; margin-left: 2rem; margin-right: 2rem; padding-top: .8rem; padding-bottom: .8rem } .product.product-11 .btn-product span { font-size: 1.4rem } .product.product-11 .btn-product:hover, .product.product-11 .btn-product:focus { color: #fff; border-color: #cc9966; background-color: #cc9966 } .product.product-11 .btn-product:hover span, .product.product-11 .btn-product:focus span { color: #fff; box-shadow: none } .product.product-11:hover, .product.product-11:focus { z-index: 10 } .product.product-list { box-shadow: none; padding-bottom: 2rem; border-bottom: .1rem solid #ebebeb; margin-bottom: 2rem } .product.product-list .product-media { height: 100% } .product.product-list .product-media > a { height: 100% } .product.product-list .product-media img { width: 100%; height: 100%; object-fit: cover } .product.product-list .product-body { padding: 1.6rem 0 0 } .product.product-list .product-body .btn-wishlist { top: 3.1rem } .product.product-list .product-list-action { padding: 3.4rem 0 0 } .product.product-list .product-content { color: #777; font-weight: 300; font-size: 1.7rem; line-height: 1.43; padding-top: 1rem; margin-bottom: 3.4rem } .product.product-list .product-content p { margin-bottom: 0 } .product.product-list .product-action { position: static; left: auto; right: auto; bottom: auto; transform: translateY(0); opacity: 1; visibility: visible; margin-bottom: 1.2rem } .product.product-list .ratings-container { margin-bottom: 2.6rem } .product.product-list .btn-product { color: #777; padding-top: 0; padding-bottom: 0; line-height: 1.4; flex: 1 1 50%; max-width: 50% } .product.product-list .btn-product:before { margin-right: .5rem } .product.product-list .btn-product span { color: inherit; font-size: 1.2rem; transition: box-shadow .35s ease, color 0s ease } .product.product-list .btn-product.disabled { pointer-events: none } .product.product-list .btn-product:hover, .product.product-list .btn-product:focus { color: #000 } .product.product-list .btn-product:hover span, .product.product-list .btn-product:focus span { color: inherit } .product.product-list .btn-product.btn-cart { color: #000; border: 0.1rem solid #000; flex: 1 1 100%; max-width: 100%; text-transform: uppercase; line-height: 1; padding-top: 1rem; padding-bottom: 1rem; transition: all .35s ease } .product.product-list .btn-product.btn-cart span { font-size: 1.3rem } .product.product-list .btn-product.btn-cart:hover, .product.product-list .btn-product.btn-cart:focus { color: #fff; background-color: #000 } .product.product-list .btn-product.btn-cart:hover span, .product.product-list .btn-product.btn-cart:focus span { box-shadow: none } .product.product-list .btn-product.btn-cart.disabled { color: #ccc; border-color: #ebebeb; background-color: #f9f8f8 } .product.product-list .btn-product.btn-cart.disabled:before { display: none } .product.product-list .product-nav { margin-bottom: 0 } .product.product-sm { display: flex; align-items: flex-start; margin-bottom: 2rem } .product.product-sm:hover { box-shadow: none } .product.product-sm .product-media { flex: 0 0 80px; max-width: 80px } .product.product-sm .product-body { flex: 1 1 auto; padding: 1rem 0 0 2rem } .product.product-sm .product-cat { color: #cccccc; font-weight: 400; font-size: 1.7rem; text-transform: uppercase; margin-bottom: .2rem } .product.product-sm .product-title { font-size: 1.4rem } .product.product-sm .product-price { font-size: 1.6rem } .product.product-sm .product-title { margin-bottom: .2rem } .product.product-sm .product-price { margin-bottom: 0 } .product.product-sm .product-price .old-price { text-decoration: none } @media screen and (min-width: 480px) { .just-action-icons-sm .btn-product span { display: none } .just-action-icons-sm .btn-product:before { margin-right: 0 } } @media screen and (min-width: 768px) { .just-action-icons-md .btn-product span { display: none } .just-action-icons-md .btn-product:before { margin-right: 0 } } @media screen and (min-width: 992px) { .just-action-icons-lg .btn-product span { display: none } .just-action-icons-lg .btn-product:before { margin-right: 0 } } @media screen and (min-width: 1200px) { .just-action-icons-xl .btn-product span { display: none } .just-action-icons-xl .btn-product:before { margin-right: 0 } } @media screen and (max-width: 1200px) { .product.product-9:hover .product-body, .product.product-9:hover .product-action { transform: translateY(-60%) } } @media screen and (max-width: 991px) { .sticky-wrapper { z-index: 1 } } .banners-group { margin-bottom: 1.9rem } .banner { display: block; position: relative; margin-bottom: 0rem; } .banner > a { position: relative; display: block; outline: none !important } .banner img { display: block; max-width: none; width: 100%; height: auto } .banner.banner-menu img { height: 100% } .owl-theme.owl-theme1 .owl-dots .owl-dot span { border: 1px solid #000000 !important; } .banner-content { display: inline-block; position: absolute; padding-top: .4rem; left: 2rem; bottom: 5%; z-index: 2; transform: translateY(-50%); -ms-transform: translateY(-50%) } .banner-content a:hover, .banner-content a:focus { text-decoration: underline } .banner-big .banner-content.banner-content-center, .banner-content-center.banner-content { max-width: none; left: 0; right: 0; text-align: center } .banner-title { color: #fff; font-weight: 500; font-size: 2rem; line-height: 1.3; margin-bottom: 1.5rem; letter-spacing: -.03em } .banner-title a { color: inherit } .banner-title a:hover, .banner-title a:focus { text-decoration: none } .banner-title.text-white a { color: #fff } .banner-subtitle { color: #777; font-weight: 300; font-size: 1.7rem; line-height: 1.2; letter-spacing: 0; margin-bottom: 1rem } .banner-subtitle a { color: inherit } .banner-subtitle a:hover, .banner-subtitle a:focus { text-decoration: none } .banner-subtitle.text-white a { color: #fff } .banner-link { font-weight: 400; display: inline-block } .banner-big { color: #cccccc } .banner-big .banner-content { max-width: 470px; left: 3rem } .banner-big .banner-subtitle { font-size: 1.8rem; margin-bottom: .6rem } .banner-big .banner-title { font-size: 3rem; line-height: 1.15; margin-bottom: 1rem } .banner-big .banner-title + .btn { margin-top: 1rem } .banner-big p:last-of-type { margin-bottom: 2.3rem } @media screen and (min-width: 768px) { .banner-content { left: 3rem } .banner-big .banner-content { left: 6rem } .banner-big .banner-title { font-size: 4rem } } @media screen and (min-width: 992px) { .banner-content { left: 4rem } .banner-big .banner-content { left: 10rem } .banner-big .banner-title { font-size: 5rem } } .banner-display > a:before { content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; opacity: 0; visibility: hidden; background-color: rgba(51,51,51,0.4); transition: all 0.35s ease } .banner-display:hover > a:before { visibility: visible; opacity: 1 } .banner-display .banner-content { padding-top: 0 } .banner-display .banner-title { font-size: 29px } .banner-display.banner-link-anim .banner-title { margin-bottom: 0 } .banner-display.banner-link-anim:hover .banner-content { padding-bottom: 4.5rem } .btn.banner-link { font-size: 1.7rem; line-height: 1; padding: 1.5rem 1.4rem; min-width: 0; text-transform: capitalize; text-decoration: none !important } .btn.banner-link i { margin-right: 0; margin-left: 0 } .btn.banner-link i:first-child { margin-right: 0 } .btn.banner-link i:last-child { margin-left: .9rem } .banner-overlay > a { position: relative } .banner-overlay > a:after { content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(51,51,51,0.25); z-index: 1; opacity: 0; visibility: hidden; transition: all 0.4s ease } .banner-overlay.banner-overlay-light > a:after { background-color: rgba(255,255,255,0.3) } .banner-overlay:hover > a:after, .banner-overlay:focus > a:after { visibility: visible; opacity: 1 } @media screen and (min-width: 768px) { .banner-display .banner-title { font-size: 2.4rem } } .video-banner p { max-width: 500px } .video-banner p:last-child { margin-bottom: 0 } .video-banner.text-center p { margin-left: auto; margin-right: auto } .video-banner-bg { padding-top: 8.5rem; padding-bottom: 7.5rem } .video-banner-title { letter-spacing: -.025em; margin-bottom: 3.6rem } .video-banner-title > span { display: block; font-weight: 400; font-size: 2rem; letter-spacing: -.03em; margin-bottom: 1.6rem } .video-fullheight { display: flex; align-items: center } .btn-video { display: inline-flex; justify-content: center; align-items: center; width: 5.4rem; height: 5.4rem; font-size: 1.7rem; line-height: 1; color: #000; background-color: #fff; border-radius: 50%; box-shadow: 0 0 0 1.5rem rgba(255,255,255,0.2); transition: all .35s ease } .btn-video i { margin-right: -.2rem } .btn-video:hover, .btn-video:focus { color: #fff; background-color: #a6c76c; box-shadow: 0 0 0 1rem rgba(255,255,255,0.2) } .video-banner-poster .video-banner-title { font-weight: 400; margin-bottom: 1.6rem } .video-banner-poster .video-banner-title span { font-weight: 300; font-size: 1.6rem } .video-poster { position: relative } .video-poster img { border-radius: .4rem } .video-poster-content { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) } .video-poster-title { font-weight: 400; margin-bottom: 3rem; letter-spacing: -.025em } .video-banner-box { padding: 3rem } .video-banner-box .video-poster img { border-radius: 0 } .video-box-content { padding-left: 0; max-width: 460px; font-size: 1.5rem; color: #777 } .video-box-content .video-banner-title { font-weight: 400; margin-bottom: 1.2rem } .video-box-content .video-banner-title span { font-weight: 300; font-size: 1.8rem; margin-bottom: .6rem } .video-box-content p:not(:last-child) { margin-bottom: 2rem } @media screen and (min-width: 768px) { .video-banner-bg { padding-top: 14.5rem; padding-bottom: 13.5rem } .video-banner-title > span { font-size: 2.4rem } .video-box-content .video-banner-title span { font-size: 2rem } .btn-video { width: 7rem; height: 7rem; font-size: 1.8rem } } .arrowbtn { display: inline-block } .arrowbtn span { margin-left: 22px; line-height: 50px; text-transform: uppercase; font-weight: 500; font-size: 15px; position: absolute; margin-top: 20px; width: 152px; } .arrowbtn span a:hover { color: #fff } .intro-slider:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; background-color: rgba(0,0,0,.3); } .arrowbtn span a { color: #fff } .arrowbtn .arrow { width: 48px; height: 48px; border-radius: 50%; border: 2px solid rgba(255,255,255,.8); background: 0 0; position: relative; margin-top: 22px; transition: all .2s linear; display: inline-table; } .arrowbtn:hover { cursor: pointer } .arrowbtn:hover .arrow { cursor: pointer } .arrowbtn .arrow.next { bottom: 0; right: 0 } .arrowbtn .arrow.next:before { width: 21px; height: 8px; background: url(/Content/assets/images/demos/demo-18/arrow-white-2.svg) left center no-repeat; background-size: cover; transform: rotate(180deg); content: ''; position: absolute; top: 50%; right: 10px; margin-top: -4px; transition: all .2s linear } .arrowbtn1 .slick-arrow { line-height: 44px; position: relative; z-index: 9; bottom: 25px; visibility: visible !important; width: 45px; height: 45px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; opacity: 1; color: #ec2028; border: 2px solid rgba(0,0,0,.29); background: rgba(255,255,255,0); float: left } .arrowbtn1 span { margin-left: 22px; line-height: 50px; text-transform: uppercase; font-weight: 500; font-size: 15px } .arrowbtn1 span a:hover { color: #000 } .arrowbtn1 .arrow { width: 48px; height: 48px; border-radius: 50%; border: 2px solid rgba(0,0,0,.8); background: 0 0; position: relative; margin-top: 22px; transition: all .2s linear } .arrowbtn1:hover { cursor: pointer } .arrowbtn1:hover .arrow { cursor: pointer } .arrowbtn1 .arrow.next { bottom: 0; right: 0 } .arrowbtn1 .arrow.next:hover { border-color: #000 } .arrowbtn1 .arrow.next:before { width: 21px; height: 8px; background: url(/Content/assets/images/demos/demo-18/arrow-black-2.svg) left center no-repeat; background-size: cover; transform: rotate(180deg); content: ''; position: absolute; top: 50%; right: 10px; margin-top: -4px; transition: all .2s linear } .arrowbtn1:hover .arrow.next:before { width: 40px; right: 20px; transition: all .2s linear } .arrowbtn .arrow.next1 { } .arrowbtn .arrow.next1:before { width: 21px; height: 8px; background: url(/Content/assets/images/demos/demo-18/arrow-white-2.svg) left center no-repeat; background-size: cover; transform: rotate(180deg); content: ''; position: absolute; top: 50%; right: 10px; margin-top: -4px; transition: all .2s linear } .arrowbtn .arrow.next:after { height: 0; width: 0; position: absolute; right: 0; bottom: 0; content: '' } .arrowbtn:hover .arrow.next { border-color: #fff; transition: all .2s linear } .arrowbtn:hover .arrow.next:before { width: 40px; right: 20px; transition: all .2s linear } .arrowbtn:hover .arrow.next1:before { width: 40px; right: 20px; transition: all .2s linear } @media screen and (min-width: 992px) { .video-banner-bg { padding-top: 9.5rem; padding-bottom: 10.5rem; } .video-box-content { padding-left: 5rem } .video-fullheight { height: 100vh; max-height: 900px } } @media screen and (min-width: 992px) { .video-box-content { padding-left: 7rem } } .banner-cat .banner-title { margin-bottom: .1rem; margin-top: 0 } .banner-cat .banner-subtitle { margin-bottom: 1.6rem } .banner-content-overlay { overflow: hidden; padding: 0.8rem 2rem .7rem; background-color: rgba(0, 0, 0, 0.9); left: 0; right: 0; top: auto; bottom: 0; transform: translateY(0); -ms-transform: translateY(0); transition: all .3s ease } .banner-content-overlay .banner-subtitle { margin-bottom: .9rem } .banner-content-overlay .banner-link { opacity: 0; position: absolute; bottom: 12px; left: 0; right: 0; transition: all .3s ease; transform: translateY(30px); -ms-transform: translateY(30px) } .banner:hover .banner-content-overlay { padding-bottom: 3.7rem; background-color: #000 } .banner:hover .banner-content-overlay .banner-link { opacity: 1; transform: translateY(0); -ms-transform: translateY(0) } .banner-content-static { overflow: hidden; display: block; width: 100%; margin-top: 0; padding: 1.2rem 2rem; background-color: #fff; position: static; left: auto; right: auto; top: auto; bottom: auto; transform: translateY(0); -ms-transform: translateY(0); transition: all .3s ease } .banner-content-static .banner-subtitle { transition: all .25s ease; margin-bottom: .9rem } .banner-content-static .banner-link { opacity: 0; position: absolute; bottom: 19px; left: 0; right: 0; transition: all .3s ease; transform: translateY(30px); -ms-transform: translateY(30px) } .banner:hover .banner-content-static { background-color: #fff } .banner:hover .banner-content-static .banner-subtitle { opacity: 0 } .banner:hover .banner-content-static .banner-link { opacity: 1; transform: translateY(0); -ms-transform: translateY(0) } .banner-content.banner-content-top { top: 105px } .banner-content.banner-content-bottom { top: auto; bottom: 60px; transform: translateY(0); -ms-transform: translateY(0) } .banner-content.banner-content-right { left: auto; right: 30px } .banner-link-anim .banner-content { transition: all .3s ease } .banner-link-anim .banner-subtitle { margin-bottom: 0 } .banner-display img { -webkit-transition: all .5s; transition: all .5s; } .banner-display:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .banner-display { overflow: hidden; } .banner-link-anim .banner-link { opacity: 0; position: absolute; bottom: -25px; left: 0; min-width: 130px; padding-left: .5rem; padding-right: .5rem; transition: all .3s ease; transform: translateY(-20px); -ms-transform: translateY(-20px) } .banner-link-anim .banner-content-center .banner-link { left: 50%; transform: translateY(-20px) translateX(-50%); -ms-transform: translateY(-20px) translateX(-50%) } .banner-link-anim:hover .banner-content { padding-bottom: 4rem } .banner-link-anim:hover .banner-link { opacity: 1; transform: translateY(0); -ms-transform: translateY(0) } .banner-link-anim:hover .banner-content-center .banner-link { transform: translateY(10%) translateX(-50%); -ms-transform: translateY(10%) translateX(-50%) } .banner-badge .banner-link { font-size: 1.7rem; display: inline-block; background-color: #fff; padding: 1.2rem 2rem; text-align: center; min-width: 170px; border-radius: .2rem; position: absolute; top: auto; bottom: 3.2rem; right: auto; left: 50%; transform: translateX(-50%) translateY(0); -ms-transform: translateX(-50%) translateY(0); overflow: hidden } .banner-badge .banner-title, .banner-badge .banner-subtitle { transition: all .3s ease } .banner-badge .banner-subtitle { margin-bottom: 0 } .banner-badge .banner-link-text { opacity: 0; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; color: #fff; transition: all .3s ease; transform: translateY(100%); -webkit-transform: translateY(100%) } .banner-badge .banner-link:hover, .banner-badge .banner-link:focus { text-decoration: none } .banner-badge .banner-link:hover .banner-title, .banner-badge .banner-link:hover .banner-subtitle, .banner-badge .banner-link:focus .banner-title, .banner-badge .banner-link:focus .banner-subtitle { opacity: 0; transform: translateY(100%); -webkit-transform: translateY(100%) } .banner-badge .banner-link:hover .banner-link-text, .banner-badge .banner-link:focus .banner-link-text { opacity: 1; background-color: #000; transform: translateY(0); -webkit-transform: translateY(0) } .social-icons { display: flex; align-items: center; flex-flow: row wrap } .social-icon { display: flex; align-items: center; justify-content: center; font-size: 1.7rem; width: 2rem; height: 2rem; color: #000; margin: 0; background-color: transparent; border-radius: 50%; text-decoration: none; opacity: 1; transition: all .35s ease } .social-icon:not(:last-child) { margin-right: 1rem } .social-icon:hover, .social-icon:focus { color: #777; border-color: #777; background-color: transparent } .social-icon.social-facebook:hover { background: #3b5999; border-color: #3b5999; color: #fff !important; } .social-icon.social-twitter:hover { background: #00aced; border-color: #00aced; color: #fff !important; } .social-icon.social-instagram:hover { background: linear-gradient(#400080,transparent),linear-gradient(200deg,#d047d1,red,#ff0); border-color: #ff0; color: #fff !important; } .social-icon.social-youtube:hover { background: #FF0000; border-color: #FF0000; color: #fff !important; } .social-icon.social-pinterest:hover { background: #bd081c; border-color: #bd081c; color: #fff !important; } .social-icon.social-linkedin:hover { background: #0077b5; border-color: #0077b5; color: #fff !important; } .social-icons-color, .social-icons-simple { line-height: 1 } .social-icons-color .social-icon, .social-icons-simple .social-icon { width: 30px; height: 30px; border: 1px solid #999; border-radius: 0; text-align: center; margin-right: 5px !important; text-align: center; /* margin: 0; */ justify-content: center !important; } .social-icons-color .social-icon:not(:last-child), .social-icons-simple .social-icon:not(:last-child) { margin-right: 2rem } .social-label { margin-bottom: 0; margin-right: 2rem } .social-icons-sm .social-icon { font-size: 1.2rem; width: 3rem; height: 3rem } .social-icons-sm .social-icon:not(:last-child) { margin-right: .5rem } .social-icons-sm .social-label { margin-right: 1rem } .social-icons-colored .social-icon.social-facebook { color: #fff; border-color: #8f79ed; background-color: #8f79ed } .social-icons-colored .social-icon.social-twitter { color: #fff; border-color: #79c8ed; background-color: #79c8ed } .social-icons-colored .social-icon.social-instagram { color: #fff; border-color: #dd6d9a; background-color: #dd6d9a } .social-icons-colored .social-icon.social-youtube { color: #fff; border-color: #e66262; background-color: #e66262 } .social-icons-colored .social-icon.social-pinterest { color: #fff; border-color: #e66262; background-color: #e66262 } .social-icons-colored .social-icon.social-linkedin { color: #fff; border-color: #3399cc; background-color: #3399cc } .social-icons-colored .social-icon:hover, .social-icons-colored .social-icon:focus { background-color: #fff !important; border-color: #d7d7d7 !important } .social-icons-colored .social-icon:hover.social-facebook, .social-icons-colored .social-icon:focus.social-facebook { color: #8f79ed } .social-icons-colored .social-icon:hover.social-twitter, .social-icons-colored .social-icon:focus.social-twitter { color: #79c8ed } .social-icons-colored .social-icon:hover.social-instagram, .social-icons-colored .social-icon:focus.social-instagram { color: #dd6d9a } .social-icons-colored .social-icon:hover.social-youtube, .social-icons-colored .social-icon:focus.social-youtube { color: #e66262 } .social-icons-colored .social-icon:hover.social-pinterest, .social-icons-colored .social-icon:focus.social-pinterest { color: #e66262 } .social-icons-colored .social-icon:hover.social-linkedin, .social-icons-colored .social-icon:focus.social-linkedin { color: #3399cc } .testimonial-icon:before { font-family: 'molla'; content: '\f10d'; display: inline-block; font-style: normal; font-weight: normal; font-size: 2.6rem; line-height: 1; color: #000; margin-top: 1.5rem; margin-bottom: 1.5rem } .testimonial img { display: inline-block !important; border-radius: 5px; margin-top: 1rem; margin-bottom: 2.1rem } .owl-testimonials.owl-theme .owl-nav [class*='owl-'] { top: 65px } .owl-testimonials-photo.owl-theme .owl-nav [class*='owl-'] { top: 110px } .form-group { margin-bottom: 2rem } .form-group .form-control, .form-group .select-custom { margin-bottom: 0 } .form-control { height: 40px; padding: .45rem 2rem; font-size: 1.7rem; line-height: 1.5; font-weight: 300; color: #000000; background-color: transparent; border: 1px solid #d8d8d8; border-radius: 0; margin-bottom: 2rem; transition: all 0.3s; box-shadow: none; font-family: josefin sans,sans-serif; } select.form-control:not([size]):not([multiple]) { height: 40px; line-height: 1 } .addtocart { padding: 10px 40px 10px 30px !important; } .product-sizegroup .product-size1 { width: 20%; float: left; } .product-sizegroup .product-size2 { width: 80%; float: left; } .form-control-white { border-color: #fff } .form-control:focus, .form-control:hover { border-color: #777; box-shadow: none; outline: none !important } .form-control::placeholder { color: #ccc } textarea.form-control { min-height: 100px; padding-top: 1.1rem; padding-bottom: 1.1rem; border-color: #d8d8d8 } .form-control-rounded { border-radius: .2rem } .input-group-round .form-control { border-top-left-radius: 30px; border-bottom-left-radius: 30px } .input-group-round > .input-group-append > .btn { border-top-right-radius: 30px; border-bottom-right-radius: 30px } label { color: #000; font-weight: 300; font-size: 1.7rem; margin: 0 0 1.1rem } .form-text { color: #999; line-height: 1.5; margin-top: 0 } .form-control + .form-text { margin-top: -.5rem; margin-bottom: .6rem } small.form-text { font-size: 85% } .required-field > label::after { content: '*'; color: #e02b27; font-size: 1.2rem; margin: 0 0 0 .45rem } .required { color: #e02b27; font-size: 1.2rem } .required + .form-footer { margin-top: 0.8rem } .form-footer { display: flex; align-items: center; flex-wrap: wrap; padding-top: .6rem } .select-custom { position: relative; margin-bottom: 1rem } .select-custom .form-control, .select-custom .form-control-sm { padding-right: 4rem } .form-group-custom-control { margin-top: 2rem } .form-group-custom-control .custom-control { margin-top: 0; margin-bottom: 2rem } .form-group-custom-control + .form-group-custom-control { margin-top: -.5rem } .form-group-custom-control .custom-control-label { text-transform: initial; letter-spacing: 0; font-weight: 400 } .custom-control { position: relative; padding-left: 2.6rem; margin-top: 1rem; margin-bottom: 1rem } .custom-control-label { position: static; margin-bottom: 0; margin-top: .1rem; font-size: 1.5rem; padding-left: 2.6rem; margin-left: -2.6rem } .custom-control-label::before { left: 0; top: .6rem; width: 1.6rem; height: 1.6rem; background-color: #f9f9f9; border: 1px solid #dadada; box-shadow: none !important } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #dadada } .custom-control-label::after { left: 0; top: .6rem; width: 1.6rem; height: 1.6rem } .custom-checkbox .custom-control-label::before { border-radius: 0 } .custom-checkbox .custom-control-label::after { display: flex; align-items: center; justify-content: center; color: #fff; background-image: none; font-size: 1rem; font-family: 'molla'; content: '\ec2d'; line-height: 1; text-align: center; opacity: 0; margin-top: .1rem; visibility: hidden; transition: opacity .01s } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #333; background-color: #333 } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { background-color: #333 } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(51,51,51,0.5) } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(51,51,51,0.5) } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: none; opacity: 1; visibility: visible } .custom-control.custom-radio .custom-control-label::before { top: .4rem; background-color: #f9f9f9; border-color: #dadada; border-radius: 50% } .custom-control.custom-radio .custom-control-input:checked ~ .custom-control-label::before { border-color: #000; background-color: #fff } .custom-control.custom-radio .custom-control-label::after { border-radius: 50%; width: .6rem; height: .6rem; top: .9rem; left: .5rem } .custom-control.custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: none !important; z-index: 2; background-color: #000 } .form-control-tooltip { position: relative; padding-right: 4rem } .form-control-tooltip .input-tooltip { display: inline-block; position: absolute; right: 0; top: 50%; font-size: 2.4rem; color: #777; transform: translateY(-50%); transition: all 0.3s } .form-control-tooltip .input-tooltip:hover, .form-control-tooltip .input-tooltip:focus { color: #000 } .cta .input-group { margin-bottom: 0 } .cta .form-control { height: 46px; padding-top: 1.15rem; padding-bottom: 1.15rem; background-color: #fff } .cta .form-control:not(:focus):not(.form-control-white) { border-color: #dadada } .cta .btn { } .cta .btn:not(.btn-block) { min-width: 170px } .cta.bg-image { background-color: #f5f5f5 } .cta-title { font-weight: 500; font-size: 2rem; line-height: 1.2; letter-spacing: -.03em; margin-bottom: 0 } .cta-desc { margin-bottom: 1.5rem } .cta-horizontal .form-control { flex-grow: 1; margin-right: 2rem } .cta-horizontal .form-control, .cta-horizontal .cta-desc { margin-bottom: 0 } .cta-horizontal-box { padding-top: 5.2rem; padding-bottom: 4.8rem } .cta-heading { padding-top: .7rem; margin-bottom: 2.7rem } .cta-heading .cta-title { margin-bottom: .5rem } .cta-text { padding-top: .5rem } .cta-text .cta-title { margin-bottom: 2.1rem } .cta-text .cta-desc { margin-bottom: 2.3rem } .cta-separator { position: relative } .cta-separator [class*="col-"] + [class*="col-"]:before { content: ''; width: .1rem; display: block; height: 80%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); background-color: #ebebeb } .cta-separator.bg-image [class*="col-"] + [class*="col-"]:before { background-color: #dadada } .cta-wrapper { padding-top: 5.6rem; padding-bottom: 5.6rem; max-width: 370px; margin-left: auto; margin-right: auto } .cta-wrapper .cta-title { margin-bottom: .6rem } .cta-wrapper .cta-desc { margin-bottom: 2rem } .cta-wrapper.cta-text { max-width: 330px } .cta-wrapper.cta-text .cta-title { margin-bottom: 1.6rem } .cta-wrapper.cta-text .cta-desc { margin-bottom: 2.6rem } .cta-border { border: 1px solid #000000; text-align: center } .cta-border .cta-content { display: flex; align-items: center; flex-direction: column; margin-top: 15px; margin-bottom: 15px; padding: 0% 3% 0% 3%; } .cta-border .cta-heading { width: 100%; flex: 0 0 100%; max-width: 100%; margin: 0; padding-top: 0; padding-right: 0 } .cta-border .cta-title { font-family: josefin sans,sans-serif; font-weight: 400; text-transform: uppercase; margin-top: 0; margin-bottom: 0 !important; } .cta-border .cta-text { position: relative; padding: 0; flex-grow: 1; margin-bottom: 2rem } .cta-border .cta-text::before { content: ''; background-color: #000000; width: 1px; height: 12rem; position: absolute; left: -3px; top: 50%; margin-top: -6rem; display: none } .cta-border p { margin-bottom: 0 } @media screen and (min-width: 992px) { .cta-border { text-align: left; padding-left: 0; padding-right: 0 } .cta-border .cta-content { } .cta-border .cta-heading { flex: 0 0 100%; max-width: 100%; padding-right: 2rem; } .cta-border .cta-title { margin-bottom: 0 } .top80 { top: 80% !important; } .cta-border .cta-text { margin-right: 2rem; padding-left: 2rem; margin-bottom: 0 } .cta-border .cta-text::before { display: block } } @media screen and (max-width: 1199px) { .cta-horizontal-box { padding-left: 3rem; padding-right: 3rem } } @media screen and (max-width: 991px) { .cta-horizontal .cta-desc { margin-bottom: 1.5rem } .call-toaction-area ul li { max-width: 33.3%; } .cta-separator [class*="col-"] + [class*="col-"]:before { height: .1rem; width: 80%; left: 10%; top: 0; bottom: auto } .cta-border .cta-title, .cta-border .cta-title.text-right { text-align: left !important } .header-search { position: inherit; width: auto; padding-left: 3.8rem; } .header-search .header-search-wrapper.show { z-index: 1002; opacity: 1; visibility: visible; background: #ffffff; width: 100%; position: absolute; top: 66px; left: 0px; height: auto; padding: 4px 8px 4px; box-shadow: 0 3px 3px rgba(0,0,0,.15); -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; display: flex; right: 0px; border-radius: 0; overflow: hidden; } } @media screen and (max-width: 767px) { .cta-horizontal .form-control { margin-right: 1rem } .cta .btn:not(.btn-block) { min-width: 0 } .cta-wrapper { padding-left: 1.5rem; padding-right: 1.5rem } .call-toaction-area ul li { max-width: 50%; } } .icon-box-content { margin-bottom: 1rem; } .faqs .card-title, .product-accor .card-title { margin-top: 0; } @media screen and (max-width: 575px) { .cta .input-group { flex-direction: column } .header-search { position: inherit; width: auto; padding-left: 1.2rem; margin-right: 1.4rem; } .header.header-6 .logo img { display: block; max-width: 165px; height: auto; } .cta .input-group .form-control { width: 100%; margin-right: 0 } .cta .input-group .btn { margin-left: 0; margin-top: 1rem } .cta .input-group .input-group-append, .cta .input-group .input-group-prepend { justify-content: center } .cta .input-group-round .form-control, .cta .input-group-round .btn { border-radius: 30px } .cta .input-group-round .input-group-append { justify-content: center } } .table { margin-bottom: 3rem } .table th { font-weight: 400; font-size: 1.7rem; line-height: 1.5; font-family: josefin sans,sans-serif; color: #000; } .table th, .table thead th, .table td { border-top: none; border-bottom: .1rem solid #ebebeb } .table th, .table td { padding-left: 0; padding-right: 0; padding-top: 1.4rem; padding-bottom: 1.4rem } .table td { vertical-align: middle } .count-container { margin-bottom: 3.3rem } .count-wrapper { color: #000; font-weight: 400; font-size: 3rem; line-height: 1.2; margin-bottom: .6rem } .count-title { font-weight: 400; font-size: 1.7rem; letter-spacing: -.01em } .pagination { border-radius: 0; align-items: center; margin-bottom: 2rem } .page-link { display: inline-flex; align-items: center; justify-content: center; min-width: 2rem; height: 4rem; font-weight: 400; font-size: 1.7rem; padding: 0 .1rem; line-height: 1; color: #706f6c; border-radius: .3rem; background-color: transparent; border: .1rem solid transparent } .page-link i { font-size: 1.5rem } .page-link.page-link-prev { margin-right: 1.7rem } /* .page-link.page-link-prev i { */ /* margin-left: 0; */ /* margin-right: 1rem */ /* } */ .page-link.page-link-next { margin-left: 1.8rem } /* .page-link.page-link-next i { */ /* margin-left: 1rem; */ /* margin-right: 0 */ /* } */ .page-link.page-link-prev, .page-link.page-link-next { padding-left: 1rem; padding-right: 1rem; min-width: 70px } .page-link:hover, .page-link:focus { box-shadow: none; color: #000; border-color: #ebebeb; text-decoration: none; background-color: transparent; outline: none !important } .page-item-total { color: #cccccc; font-size: 1.7rem; font-weight: 400; margin-left: 1.2rem } .page-item + .page-item { margin-left: .4rem } .page-item:first-child .page-link { border-top-left-radius: .3rem; border-bottom-left-radius: .3rem } .page-item:last-child .page-link { border-top-right-radius: .3rem; border-bottom-right-radius: .3rem } .page-item.active .page-link { color: #fff !important; background-color: #000; border-color: #000 } .page-item.disabled .page-link { border-color: #eaeaea; color: #eaeaea } .modal-backdrop { background-color: #333 } .modal-backdrop.show { opacity: .4 } .modal-body { padding: 0 } .modal-body .close { position: absolute; right: 1.5rem; top: 1.5rem } .txt-white { color: #fff !important; } .font-size15 { font-size: 17px !important; } .fullwidth { width: 100%; } .modal-content { border: none; box-shadow: 5px 10px 16px rgba(51,51,51,0.05),-5px 10px 16px rgba(51,51,51,0.05) } .close { font-weight: normal; font-size: 2.8rem; color: #000; opacity: 1; transition: all .3s } .close:hover, .close:focus { color: #777 } @media screen and (min-width: 768px) { .modal-dialog { max-width: 575px } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-lg, .modal-xl { max-width: 1200px; } } .alert { font-weight: 300; font-size: 1.7rem; line-height: 1.43; letter-spacing: -.01em; border-radius: 0; margin: 0; padding: 1rem 1.5rem; border: none } .alert .container { position: relative } .alert a { color: rgba(255,255,255,0.7) } .alert a:hover, .alert a:focus { color: rgba(255,255,255,0.9) } .alert .close { color: rgba(255,255,255,0.5); font-weight: 300; font-size: 1.7rem; line-height: 1; top: 50%; transform: translateY(-50%) } .alert .close span { display: inline-block; line-height: 1; padding-bottom: .2rem } .alert-primary { color: #fff; background-color: #000 } .alert-dark { color: #fff; background-color: #333 } .alert-danger { color: #fff; background-color: #da2828 } .alert-info { color: #fff; background-color: #dfdfdf } .alert-success { color: #fff; background-color: #20cb55 } .alert-warning { color: #fff; background-color: #ea8745 } .instagram-feed { width: 100%; display: block; position: relative; background-color: #ccc; margin-bottom: 2rem } .owl-carousel .instagram-feed { margin-bottom: 0 } .instagram-feed:after { content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(51,51,51,0.4); transition: all 0.4s ease; opacity: 0; visibility: hidden; z-index: 1 } .instagram-feed:hover:after, .instagram-feed:hover .instagram-feed-content { opacity: 1; visibility: visible } .instagram-feed img { max-width: none; width: 100% } .instagram-feed-content { position: absolute; display: flex; align-items: center; justify-content: center; z-index: 2; width: 100%; left: 0; top: 0; bottom: 0; color: #fff; font-weight: 400; font-size: 1.7rem; transition: all 0.45s ease; opacity: 0; visibility: hidden } .instagram-feed-content i { font-weight: normal; margin-right: .8rem } .instagram-feed-content a { color: inherit } .instagram-feed-content a:hover, .instagram-feed-content a:focus { color: #000 } .instagram-feed-content a + a { margin-left: 2rem } .elements > div { padding: 1rem } .elements > div:nth-child(1) .element-img { background-position: calc(-200px*calc(1 - 1)) 0 } .elements > div:nth-child(1) .element-hover-img { background-position: calc(-200px * 1 + 100px) 0 } .elements > div:nth-child(2) .element-img { background-position: calc(-200px*calc(2 - 1)) 0 } .elements > div:nth-child(2) .element-hover-img { background-position: calc(-200px * 2 + 100px) 0 } .elements > div:nth-child(3) .element-img { background-position: calc(-200px*calc(3 - 1)) 0 } .elements > div:nth-child(3) .element-hover-img { background-position: calc(-200px * 3 + 100px) 0 } .elements > div:nth-child(4) .element-img { background-position: calc(-200px*calc(4 - 1)) 0 } .elements > div:nth-child(4) .element-hover-img { background-position: calc(-200px * 4 + 100px) 0 } .elements > div:nth-child(5) .element-img { background-position: calc(-200px*calc(5 - 1)) 0 } .elements > div:nth-child(5) .element-hover-img { background-position: calc(-200px * 5 + 100px) 0 } .elements > div:nth-child(6) .element-img { background-position: calc(-200px*calc(6 - 1)) 0 } .elements > div:nth-child(6) .element-hover-img { background-position: calc(-200px * 6 + 100px) 0 } .elements > div:nth-child(7) .element-img { background-position: calc(-200px*calc(7 - 1)) 0 } .elements > div:nth-child(7) .element-hover-img { background-position: calc(-200px * 7 + 100px) 0 } .elements > div:nth-child(8) .element-img { background-position: calc(-200px*calc(8 - 1)) 0 } .elements > div:nth-child(8) .element-hover-img { background-position: calc(-200px * 8 + 100px) 0 } .elements > div:nth-child(9) .element-img { background-position: calc(-200px*calc(9 - 1)) 0 } .elements > div:nth-child(9) .element-hover-img { background-position: calc(-200px * 9 + 100px) 0 } .elements > div:nth-child(10) .element-img { background-position: calc(-200px*calc(10 - 1)) 0 } .elements > div:nth-child(10) .element-hover-img { background-position: calc(-200px * 10 + 100px) 0 } .elements > div:nth-child(11) .element-img { background-position: calc(-200px*calc(11 - 1)) 0 } .elements > div:nth-child(11) .element-hover-img { background-position: calc(-200px * 11 + 100px) 0 } .elements > div:nth-child(12) .element-img { background-position: calc(-200px*calc(12 - 1)) 0 } .elements > div:nth-child(12) .element-hover-img { background-position: calc(-200px * 12 + 100px) 0 } .elements > div:nth-child(13) .element-img { background-position: calc(-200px*calc(13 - 1)) 0 } .elements > div:nth-child(13) .element-hover-img { background-position: calc(-200px * 13 + 100px) 0 } .elements > div:nth-child(14) .element-img { background-position: calc(-200px*calc(14 - 1)) 0 } .elements > div:nth-child(14) .element-hover-img { background-position: calc(-200px * 14 + 100px) 0 } .elements > div > a { display: block } .element { display: flex; flex-direction: column; align-items: center; justify-content: center; border: .1rem solid #ebebeb; position: relative; transition: all .3s } .element:hover, .element:focus { box-shadow: 0 5px 20px rgba(234,234,234,0.8) } .element:hover .element-hover-img, .element:focus .element-hover-img { visibility: visible; opacity: 1 } .element:hover .element-img, .element:focus .element-img { opacity: 0 } .element:hover p, .element:focus p { color: #333 } .element p { margin-top: -1rem; padding-bottom: 1rem; font-family: josefin sans,sans-serif; font-size: 18px; } .element-img, .element-hover-img { width: 100px; height: 100px; background-image: url(../images/elements.png); background-repeat: no-repeat; transition: all .3s } .element-hover-img { position: absolute; left: 50%; top: 0; transform: translateX(-50%); visibility: hidden; opacity: 0; transition: all .3s } .element-type { font-size: 1.7rem; font-weight: 400; font-family: josefin sans,sans-serif; letter-spacing: .01em; color: #666; } .intro-section { margin-top: -1px } .intro-banners .banner { margin-bottom: 2rem } .text-darkwhite { color: #ebebeb } .banner-link-anim { background-color: transparent } .banner-subtitle { margin-bottom: .5rem } .intro-slider-container, .intro-slide { background-color: #cccccc } .intro-slider-containerL, .intro-slideL{ height:calc(100vh - 180px) !important; } .intro-slider-container, .intro-slide .slide-image { position: relative } .intro-slider-container:before, .intro-slide .slide-image:before { display: block; content: ''; width: 100% } .slider-container-1:before, .intro-slider-1 .slide-image:before { padding-top: 56.5384615385% } @media screen and (max-width: 479px) { .slider-container-1:before, .intro-slider-1 .slide-image:before { padding-top: 83.3333333333% } } .slider-container-ratio .intro-slider, .slide-image > picture, .slide-image > img { position: absolute; left: 0; top: 0; z-index: 2; width: 100% } .slide-image img { display: block; width: 100%; max-width: none; height: auto } .slider-loader { color: #333 } .slider-loader::after { content: '\f311'; display: flex; align-items: center; justify-content: center; width: 5rem; height: 5rem; margin-top: -2.5rem; margin-left: -2.5rem; font-family: "molla"; position: absolute; left: 50%; top: 50%; font-size: 4rem; transform-origin: center center; animation: rotating 3s linear infinite; z-index: 20 } .owl-loaded + .slider-loader { display: none } button:focus { outline: none } @keyframes rotating { from { transform: rotate(0deg) } to { transform: rotate(360deg) } } .header.header-6 .header-bottom .menu > li > a::before { background: #999 !important; } .header.header-6 .header-bottom.sticky-header.fixed .menu > li > a::before { background: #999 !important; } .bg-gradient-extra-dark-gray-transparent1:after { content: ""; position: absolute !important; /* width: 100%; */ /* height: 100%; */ left: 0; top: 0; /* background: rgba(35,35,35,0); */ background: -moz-linear-gradient(bottom,rgba(0,0,0,0) 70%,#000000 100%); background: -webkit-gradient(left bottom,left top,color-stop(70%,rgba(0,0,0,0)),color-stop(100%,#000000)); /* background: -webkit-linear-gradient(bottom,rgba(0,0,0,0) 70%,#000000 100%); */ background: -o-linear-gradient(bottom,rgba(0,0,0,0) 70%,#000000 100%); background: -ms-linear-gradient(bottom,rgba(0,0,0,0) 70%,#000000 100%); background: #000 !important; opacity: 0.2 !important; visibility: visible !important; z-index: 2 !important; } .bg-gradient-extra-dark-gray-transparent2:after { content: ""; position: absolute !important; /* width: 100%; */ /* height: 100%; */ left: 0; top: 0; /* background: rgba(35,35,35,0); */ background: -moz-linear-gradient(bottom,rgba(0,0,0,0) 70%,#000000 100%); background: -webkit-gradient(left bottom,left top,color-stop(70%,rgba(0,0,0,0)),color-stop(100%,#000000)); /* background: -webkit-linear-gradient(bottom,rgba(0,0,0,0) 70%,#000000 100%); */ background: -o-linear-gradient(bottom,rgba(0,0,0,0) 70%,#000000 100%); background: -ms-linear-gradient(bottom,rgba(0,0,0,0) 70%,#000000 100%); background: #000 !important; opacity: 0.2 !important; visibility: visible !important; z-index: 2 !important; } .intro-content { position: absolute; left: 0px; top: 59%; z-index: 10; width: 100%; transform: translateY(-59%); -ms-transform: translateY(-50%) } .intro-subtitle { color: #fff; font-weight: 300; font-size: 1.7rem; letter-spacing: -.01em; margin-bottom: .5rem } .intro-title { color: #fff; font-weight: 700; font-size: 3rem; line-height: 1.2; letter-spacing: -.03em; margin-bottom: 1.2rem; text-indent: -.2rem } .brand { display: flex; align-items: center; justify-content: center; min-height: 48px } .brand img { width: auto !important; max-width: 100% !important } .brand:focus { outline: none !important } .title-lg { letter-spacing: -.025em } .nav.nav-pills .nav-link { font-size: 1.6rem } .mt-v3 { margin-top: -3rem } .categories.container { position: relative } .categories.container::before { content: ''; position: absolute; left: 1rem; right: 1rem; height: .1rem; top: 0; background-color: #ebebeb } .more-container { margin-bottom: 7rem } .icon-box-card { background-color: transparent; padding: 2rem } .icon-box-icon { color: #333; font-size: 3.4rem } .carousel-with-shadow .owl-stage-outer { padding: 0 1rem 2rem; margin-left: -1rem; margin-right: -1rem; margin-top: -3rem; padding-top: 3rem } .carousel-with-shadow.owl-simple .owl-nav [class*='owl-'] { margin-top: -31px } .blog-posts .entry { color: #777; font-size: 1.5rem; line-height: 1.73; letter-spacing: -.01em; margin-bottom: 3rem } .blog-posts .entry-media { margin-bottom: 1.7rem } .blog-posts .entry-meta { color: #8b8b8b; margin-bottom: .8rem } .blog-posts .entry-title { font-weight: 500; font-size: 1.8rem; letter-spacing: -.01em; margin-bottom: .5rem } .blog-posts .read-more { padding-right: 0; font-weight: 400; text-transform: uppercase } .blog-posts .read-more:after { display: none } .blog-posts .read-more:hover, .blog-posts .read-more:focus { padding-right: 0 } .entry.entry-display { transition: box-shadow .35s ease } .entry.entry-display .entry-body { padding: 0 2rem 2.5rem } .entry.entry-display:hover { box-shadow: 5px 5px 10px rgba(0,0,0,0.03),-5px 5px 10px rgba(0,0,0,0.03) } .cta-display .cta-title { font-weight: 600; font-size: 2.6rem; letter-spacing: -.01em } .cta-display .cta-desc { font-size: 1.7rem; margin-bottom: 0 } .cta-display-content { max-width: 630px; margin-left: auto; margin-right: auto } .footer .widget-title { font-weight: 600 } .widget-about p { font-size: 13px; font-weight: 400; color: #0c0c0c; max-width: 100%; } .cross-txt { position: absolute; left: -1px; right: -1px; transform: translateY(-50%); display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center } .cross-txt:before, .cross-txt:after { content: ''; -ms-flex: 1; flex: 1; height: 1px; background: #fff } .cross-txt:before { margin-right: 2.5rem } .cross-txt:after { margin-left: 2.5rem } .mfp-ready.mfp-bg { opacity: .6 } .quickView-content { padding: 4rem 2rem; background-color: #fff } .quickView-content .owl-theme.owl-light .owl-nav [class*='owl-'] { border: none; font-size: 3rem; color: #fff } .quickView-content .owl-theme.owl-light .owl-nav [class*='owl-']:hover, .quickView-content .owl-theme.owl-light .owl-nav [class*='owl-']:focus { color: #000; background-color: transparent } .quickView-content .owl-theme.owl-nav-inside .owl-nav .owl-prev { left: 30px; margin: 0 } .quickView-content .owl-theme.owl-nav-inside .owl-nav .owl-next { right: 30px; margin: 0 } .quickView-content .owl-theme .owl-nav [class*='owl-'] { top: 50% } .quickView-content .owl-theme.owl-light .owl-nav [class*='owl-'] { background-color: transparent } .quickView-content .owl-theme.owl-nav-inside .owl-dots { left: 50%; transform: translateX(-50%); right: unset } .quickView-content > .row { margin-left: 0; margin-right: 0 } .quickView-content > .row > div { padding-left: 2rem; padding-right: 2rem } .quickView-content > .row > div .row { margin-left: 0; margin-right: 0 } .quickView-content .product-title { margin-top: 3rem } .quickView-content .product-title, .quickView-content .product-price { font-size: 2.4rem; font-weight: 400; letter-spacing: -.025em; color: #333; margin-bottom: 1rem } .quickView-content .rating-container { margin-bottom: 2rem } .quickView-content p { color: #666; margin-bottom: 4rem } .quickView-content .product-nav-thumbs a, .quickView-content .product-nav-thumbs span { height: 5.4rem } .quickView-content .details-filter-row label { font-size: 1.7rem; letter-spacing: 0; text-transform: uppercase; color: #333 } .quickView-content .product-details-action { margin-top: 5rem; flex-direction: column; align-items: normal; margin-bottom: 4rem } .quickView-content .details-action-wrapper { margin-left: 0; margin-bottom: 2rem; flex-wrap: wrap } .quickView-content .btn-product { background-color: transparent } .quickView-content .btn-product span { font-size: 1.7rem; letter-spacing: .01em; color: #777; text-transform: uppercase } .quickView-content .btn-product.btn-cart { flex: 0 0 100%; max-width: 100%; padding: 1.2rem 1.5rem } .quickView-content .btn-product.btn-cart:hover span, .quickView-content .btn-product.btn-cart:focus span { color: #fff; box-shadow: none } .quickView-content .btn-product.btn-cart span { font-size: 1.7rem; letter-spacing: .1em } .quickView-content .product-details-footer { flex-direction: column; align-items: flex-start; padding-top: 4rem } .quickView-content .product-details-footer .social-icons { margin-left: 0 } .quickView-content .product-cat { font-size: 1.7rem; font-weight: 400; letter-spacing: .01em; color: #777; margin-bottom: 4.5rem } .quickView-content .product-cat span { margin-right: .7rem } .quickView-content .product-cat a { color: #666 } .quickView-content .product-left { padding-left: .5rem; padding-right: .5rem; flex: 0 0 19.2%; max-width: 19.2% } .quickView-content .product-left img { margin-bottom: 1rem } .quickView-content .product-right { padding-left: .5rem; padding-right: .5rem; flex: 0 0 80.8%; max-width: 80.8% } .quickView-content .intro-slider-container, .quickView-content .intro-slide { height: unset } .quickView-content .btn-wishlist:before { content: '\f234' } .quickView-content .btn-compare:before { content: '\f2d0' } .quickView-content .btn-wishlist, .quickView-content .btn-compare { border: none } .quickView-content .btn-wishlist:hover, .quickView-content .btn-wishlist:focus, .quickView-content .btn-compare:hover, .quickView-content .btn-compare:focus { color: #000; background-color: transparent } .quickView-content .btn-wishlist:hover span, .quickView-content .btn-wishlist:focus span, .quickView-content .btn-compare:hover span, .quickView-content .btn-compare:focus span { color: #000 } .quickView-content .details-action-wrapper .btn-product + .btn-product { margin-left: 0; padding-left: 0 } .quickView-content .carousel-dot img { transition: all .3s; opacity: .6 } .quickView-content .carousel-dot.active img { opacity: 1; box-shadow: 0 0 0 1px #000 } .quickView-content .carousel-dot:hover img, .quickView-content .carousel-dot:focus img { opacity: 1 } .quickView-content .btn-fullscreen { position: absolute; right: 2rem; bottom: 2rem; z-index: 49; display: flex; align-items: center; justify-content: center; text-align: center; width: 4rem; height: 4rem; color: #777; font-weight: normal; font-size: 2rem; line-height: 1; background-color: #fff; box-shadow: 2px 6px 16px rgba(51,51,51,0.05); transition: all .35s ease } .quickView-content .btn-fullscreen:hover, .quickView-content .btn-fullscreen:focus { color: #fff; background-color: #000 } .container.quickView-container, .fullscreen-container .container, .container.newsletter-popup-container { width: 900px; max-width: 100%; background: #fff; padding: 10px 15px; border-radius: 10px; } .quickView-container, .fullscreen-container { position: relative } .quickView-container button.mfp-close, .fullscreen-container button.mfp-close { color: #666; font-size: 1.8rem; top: 1.5rem; right: 2rem; display: block; width: 2rem; height: 2rem } .fullscreen-container { margin-left: -.8rem; margin-right: -.8rem } .fullscreen-container .carousel-dots { margin-top: 2rem; display: flex; padding-left: 6rem; padding-right: 6rem } .fullscreen-container .carousel-dot { padding-left: .5rem; padding-right: .5rem } .fullscreen-container .quickView-content { padding: 1rem 0 4rem } .mfp-newsletter.mfp-bg { background: #222; opacity: .6 } .newsletter-popup-container { position: relative } .newsletter-popup-container .newsletter-img { width: 100%; height: 100%; object-fit: cover } .newsletter-popup-container .banner-content-wrap { display: flex; justify-content: center; align-items: center } .newsletter-popup-container .banner-content { position: static; transform: translateY(0); padding-top: 2.5rem; padding-left: 1rem; padding-right: 1rem; flex: 0 0 calc((100% + 20px) / 6 * 4); max-width: calc((100% + 20px) / 6 * 4) } .newsletter-popup-container .banner-title { font-size: 4.6rem; font-weight: 700; letter-spacing: -.025em; color: #222; margin-bottom: 1rem; text-transform: uppercase; line-height: 1.4em } .newsletter-popup-container .banner-title span { color: #000; font-weight: 700 } .newsletter-popup-container .banner-title light { font-weight: 400 } .newsletter-popup-container p { font-weight: 400; letter-spacing: .01em; margin-bottom: 3.3rem; line-height: 1.75em } .newsletter-popup-container .logo { margin-left: auto; margin-right: auto; margin-top: 2.5rem; margin-bottom: 1.5rem; min-height: 0 } .newsletter-popup-container .form-control { background-color: #f5f5f5; border-color: #f5f5f5; border-radius: 0; height: 4.6rem; background-clip: border-box; color: #666; font-size: 13px; font-family: open sans,sans-serif; font-weight: 400; } .newsletter-popup-container .form-control::placeholder { color: #666 } .newsletter-popup-container .form-control:focus { border-color: #f5f5f5 } .newsletter-popup-container .input-group { border: none } .newsletter-popup-container .input-group .btn { min-width: 60px; background-color: #222; color: #fff; border-radius: 0; text-transform: uppercase; font-size: 38px; font-weight: 400; padding: 7px 0 0; height: 46px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .newsletter-popup-container .input-group .btn:hover, .newsletter-popup-container .input-group .btn:focus { background-color: #000; } .newsletter-popup-container .input-group .btn:hover i, .newsletter-popup-container .input-group .btn:focus i { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; transform: translateX(5px); } .newsletter-popup-container .custom-control { margin-top: 5rem; margin-left: auto; margin-right: auto; padding-left: 0; flex: 0 0 calc((100% + 20px) * .5 + 20px); max-width: calc((100% + 20px) * .5 + 20px) } .newsletter-popup-container .custom-control-label { font-size: 1.7rem; font-weight: 400; letter-spacing: .01em; padding-left: 4.4rem } .newsletter-popup-container .custom-control-label:before, .newsletter-popup-container .custom-control-label:after { left: -.5rem; width: 1.4rem; height: 1.4rem; border-radius: .2rem } .newsletter-popup-container .newsletter-popup-content { box-shadow: 0 10px 20px rgba(34,34,34,0.3) } .newsletter-popup-container .mfp-close { top: 7px; right: 7px; font-size: 2rem; background: #f6f5f5; border-radius: 50%; width: 3rem; height: 3rem; opacity: 1; } @media screen and (min-width: 1200px) { .quickView-content > .row .product-fullscreen { flex: 0 0 calc(50% + 2rem); max-width: calc(50% + 2rem); padding-left: 0; padding-right: 0 } } .mfp-wrap .mfp-content { transition: all .35s; opacity: 0 } .mfp-wrap.mfp-ready .mfp-content { opacity: 1 } @media screen and (min-width: 576px) { .intro-content { left: 0; width: 100%; } .intro-subtitle { font-size: 1.6rem } .intro-title { font-size: 3.6rem; margin-bottom: 1.3rem } } @media screen and (min-width: 768px) { .intro-content { left: 0; width: 100%; } .intro-subtitle { font-size: 1.8rem } .intro-title { font-size: 4.2rem; margin-bottom: 1.7rem } } @media screen and (min-width: 992px) { .cta-display .cta-title { font-size: 3rem } } .intro-content .btn { background: transparent; padding: 0; border: 0; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInUp; animation-delay: 0.6s; } .intro-content .btn span { font-size: 12px; text-transform: uppercase; font-weight: 600; border: 2px solid #fff; background: transparent; height: 40px; display: block; padding: 14px 15px; } .intro-content .btn span:hover, .intro-content .btn span:focus { height: 40px; } @media screen and (min-width: 1200px) { .intro-content { right: 70px; } .intro-subtitle { font-size: 2rem } .intro-title { font-size: 5.2rem } } @media screen and (max-width: 575px) { .cta-display .cta-desc { margin-bottom: 2rem } .cta-display .btn { padding-top: .85rem; padding-bottom: .85rem } } @media screen and (max-width: 991px) { /* .newsletter-img { display: none }*/ .newsletter-popup-container .banner-content { padding-bottom: 2rem } } @media screen and (max-width: 900px) { .fullscreen-container { margin-left: -.6rem; margin-right: -.6rem } } @media screen and (min-width: 768px) { .banner-display .banner-title { font-size: 29px } } .banner-display .border1:before { content: ""; border: 1px solid #fff; display: block; margin: 14px; position: absolute; /* width: 100%; */ /* height: 100%; */ top: 0; left: 0; right: 0; bottom: 0; z-index: 0; opacity: 0; } .banner-display:hover .border1:before { opacity: 0; } @media screen and (max-width: 591px) { .newsletter-popup-container .banner-content { flex: 0 0 90%; max-width: 90% } } @media screen and (max-width: 439px) { .quickView-content .details-action-wrapper { flex-direction: column } .quickView-content .details-action-wrapper .btn-product + .btn-product { border: none; margin-top: 1rem } } @media screen and (min-width: 992px) { .banners-sm .banner-link-anim { padding-left: 0; padding-right: 0 } .banners-sm .row { margin-left: 0; margin-right: 0 } } .toolbox { display: flex; flex-direction: column; flex-wrap: wrap; font-weight: 400; font-size: 1.7rem; line-height: 1.5; margin-top: 0; margin-bottom: 2rem } .toolbox::after { display: block; clear: both; content: '' } .toolbox .select-custom { margin-bottom: 0 } .toolbox .select-custom::after { right: .9rem; font-size: 1rem } .toolbox .select-custom .form-control { font-size: 1.7rem; padding-right: 2rem; max-width: 140px; min-width: 140px; background-color: #fff; border-color: #e4e4e4 } .toolbox label { font-weight: 400; color: #000; letter-spacing: -.01em; margin: 0 } .toolbox .form-control { color: #000; font-weight: 300; font-size: 1.2rem; padding: .45rem 1rem; height: 30px; margin-bottom: 0 } .toolbox .form-control:not(:focus) { border-color: #000 } .toolbox select.form-control:not([size]):not([multiple]) { height: 30px; line-height: 1.1; } .toolbox-left, .toolbox-right { display: flex; flex: 1 1 0; flex-wrap: wrap } .toolbox-center { margin-top: 1rem; flex: 0 1 auto } .toolbox-right { margin-top: 1rem; flex-direction: column } .toolbox-info { color: #000 } .toolbox-info span { color: #777 } .toolbox-sort { display: flex; align-items: center } .toolbox-sort label { margin-right: 1.6rem } .toolbox-layout { margin-top: 1rem } .btn-layout { display: inline-flex; padding: .5rem } .btn-layout + .btn-layout { margin-left: .5rem } .btn-layout svg { fill: #dadada; transition: fill 0.35s } .btn-layout:hover svg, .btn-layout:focus svg, .btn-layout.active svg { fill: #333 } .products > .row > [class*=col-] { display: flex; align-items: stretch; align-content: stretch } .products .product { width: 100% } .product { overflow: hidden } .carousel-equal-height .owl-stage, .carousel-equal-height .owl-item { display: flex; align-items: stretch } .carousel-equal-height .product { width: 100% } .owl-carousel .entry { margin-bottom: 0 } .load-more-container { margin-top: 4rem; margin-bottom: 2rem } .btn.btn-load-more { text-transform: uppercase; min-width: 190px; justify-content: space-between; padding-left: 2rem; padding-right: 2rem } .btn.btn-load-more i { margin: 0 !important } .sidebar-shop .widget { color: #333; margin: 0 0 2rem; border-bottom: .1rem solid #ebebeb } .sidebar-shop .widget:last-child { border-bottom: none } .sidebar-shop .widget-title { color: #333; font-weight: 400; font-size: 1.8rem; line-height: 1.15; letter-spacing: -.01em; margin-bottom: .7rem } .sidebar-shop .custom-control { padding-left: 2.7rem; margin: 0 } .sidebar-shop .custom-control-label { font-weight: 400; color: #5d5d5d; cursor: pointer } .sidebar-shop .custom-control-label::before { border-radius: 0.2rem } .widget-clean { display: flex; align-items: center; padding-top: .0rem; padding-bottom: 2.1rem } .widget-clean label { color: inherit; font-weight: 400; font-size: 1.7rem; letter-spacing: -.01em; margin: 0 } .widget-clean a { display: inline-block; font-weight: 400; font-size: 1.7rem; margin-left: auto; letter-spacing: -.01em; } .widget-collapsible .widget-title a { position: relative; display: block; color: inherit; text-decoration: none; padding-right: 3rem } .widget-collapsible .widget-title a:after { color: #333; content: '\f28e'; display: block; font-family: 'molla'; font-size: 1.7rem; line-height: 1; position: absolute; top: 50%; right: 1.6rem; margin-top: -.7rem } .widget-collapsible .widget-title a.collapsed:after { content: '\f2c2' } .widget-collapsible .widget-title a:focus { outline: none !important } .widget-collapsible .widget-body { padding-top: 1rem; padding-bottom: 2rem } .widget-collapsible .widget-body .filter-items { max-height: 300px; overflow: auto; } .filter-item { position: relative; margin-bottom: .3rem } .filter-items-count .filter-item { padding-right: 4rem } .filter-items-count .item-count { display: inline-flex; align-items: center; justify-content: center; position: absolute; right: 1rem; top: 50%; min-width: 2.5rem; height: 2rem; margin-top: -1rem; font-weight: 300; font-size: 1.7rem; line-height: 1; border-radius: .6rem; color: #777; background-color: #f8f8f8 } .sidebar-toggler { display: inline-flex; align-items: center; color: #333; font-weight: 400; font-size: 1.7rem; line-height: 1; letter-spacing: -.01em; text-transform: uppercase; margin-right: 3rem } .sidebar-toggler i { font-size: 1.7rem; margin-right: .9rem } .sidebar-toggler:hover, .sidebar-toggler:focus { color: #000 } .sub-filter-items { padding-left: 2.7rem } .filter-colors { display: flex; align-items: center; flex-wrap: wrap; padding-top: .7rem; padding-bottom: .5rem } .filter-colors a { position: relative; display: block; width: 2.4rem; height: 2.4rem; border-radius: 50%; border: .2rem solid #fff; margin: 0 .3rem .3rem; transition: box-shadow .35s ease } .filter-colors a:after { color: #fff; font-family: 'molla'; content: '\ec2d'; font-size: 1rem; line-height: 1; position: absolute; left: 50%; top: 50%; opacity: 0; visibility: hidden; transition: opacity .01s; margin-top: -.4rem; margin-left: -.5rem } .filter-colors a.selected, .filter-colors a:hover, .filter-colors a:focus { box-shadow: 0 0 0 .1rem #cccccc } .filter-colors a.selected:after { visibility: visible; opacity: 1 } .filter-price { padding-top: .2rem; padding-bottom: 3rem } .filter-price-text { margin-bottom: 2rem; letter-spacing: -.01em } #filter-price-range { color: #000 } @media screen and (min-width: 576px) { .toolbox-right { flex-direction: row } .toolbox-layout { margin-top: 0; margin-right: -.5rem; margin-left: 1rem } } @media screen and (min-width: 768px) { .toolbox { flex-direction: row } .toolbox-center { margin-top: 0 } .toolbox-right { margin-top: 0; justify-content: flex-end } } .product-details-top { margin-bottom: 1rem } .product-gallery { margin-bottom: 2rem } .product-main-image { position: relative; margin-bottom: 1rem } .product-main-image img { max-width: none; width: 100% } .btn-product-gallery { position: absolute; right: 2rem; bottom: 2rem; z-index: 49; display: flex; align-items: center; justify-content: center; text-align: center; width: 4rem; height: 4rem; color: #777; font-weight: normal; font-size: 2rem; line-height: 1; background-color: #fff; box-shadow: 2px 6px 16px rgba(51,51,51,0.05); transition: all .35s ease } .btn-product-gallery1 { position: absolute; right: 2rem; top: 2rem; z-index: 49; display: flex; align-items: center; justify-content: center; text-align: center; width: 4rem; height: 4rem; color: #000000; font-weight: normal; font-size: 2rem; line-height: 1; background-color: #ffffff; box-shadow: 2px 6px 16px rgba(51, 51, 51, 0.51); transition: all .35s ease; border: 2px solid #fff; border-radius: 50%; } .btn-product-gallery2 { position: absolute; right: 6rem; top: 2rem; z-index: 49; display: flex; align-items: center; justify-content: center; text-align: center; width: 4rem; height: 4rem; color: #000000; font-weight: normal; font-size: 2rem; line-height: 1; background-color: #ffffff; box-shadow: 2px 6px 16px rgba(51, 51, 51, 0.51); transition: all .35s ease; border: 2px solid #fff; border-radius: 50%; } .btn-product-gallery:hover, .btn-product-gallery:focus { color: #fff; background-color: #000 } .product-image-gallery { display: flex; flex-flow: row wrap; margin-left: -.5rem; margin-right: -.5rem } .product-gallery-item { position: relative; display: block; flex: 0 0 25%; max-width: 25%; padding-left: .5rem; padding-right: .5rem; margin-bottom: 1rem } .max-col-6 .product-gallery-item { flex: 0 0 16.66%; max-width: 16.66% } .product-gallery-item img { max-width: none; width: 100% } .product-gallery-item:before, .product-gallery-item:after { content: ''; display: block; position: absolute; left: .5rem; right: .5rem; top: 0; bottom: 0; transition: all .35s ease } .product-gallery-item:before { opacity: 1; border: 0.1rem solid #dee2e6 !important } .product-gallery-item.active:before { border: 0.1rem solid #000 !important } .product-gallery-item:after { visibility: visible; opacity: 1; } .product-gallery-item.active:before { visibility: visible; opacity: 1 } .product-gallery-item:hover:after, .product-gallery-item.active:after { opacity: 0; visibility: hidden } .product-gallery-vertical .row { margin-left: 0; margin-right: 0 } .product-gallery-vertical .product-image-gallery, .product-gallery-vertical .product-main-image { width: 100% } .product-gallery-vertical .product-image-gallery { width: calc( 100% + 10px ) } .product-gallery-masonry { position: relative; display: block !important } .product-gallery-masonry .product-gallery-item { max-width: 50%; width: 50% } .product-gallery-carousel.owl-carousel { z-index: initial } .product-gallery-carousel.owl-carousel .owl-item:not(.active) { pointer-events: none } .product-gallery-image { margin-bottom: 0; padding-right: 1rem } .product-gallery-separated { position: relative } .product-separated-item { position: relative; display: block; margin-bottom: 1rem } .product-separated-item img { max-width: none; width: 100% } .product-pager { display: flex; align-items: center } .product-pager-link { color: #ccc; display: flex; align-items: center; font-weight: 400; font-size: 1.7rem; line-height: 1.3; letter-spacing: 0 } .product-pager-link i { color: #666; font-size: 2rem; line-height: 1; transition: color .3s } .product-pager-link span { display: inline-block; transition: box-shadow .3s ease } .product-pager-link:hover, .product-pager-link:focus { color: #000 } .product-pager-link:hover i, .product-pager-link:focus i { color: inherit } .product-pager-link:hover span, .product-pager-link:focus span { box-shadow: 0 1px 0 #000 } .product-pager-link + .product-pager-link { margin-left: 3rem } .product-pager-prev i { margin-right: .5rem } .product-pager-next i { margin-left: .5rem } .product-details { margin-bottom: 2rem } .product-details .product-title { font-weight: 400; font-size: 2.5rem; letter-spacing: -.025em; margin-bottom: 1.2rem; margin-top: -.5rem; padding-right: 1rem } .product-details .ratings-container { margin-bottom: 1.3rem } .product-details .product-price { font-size: 2.8rem } .product-details .new-price { margin-right: 1rem } .product-details .product-content { margin-bottom: 1.6rem } .product-details .product-content p:last-child { margin-bottom: 0 } .product-details .product-countdown { position: static; left: auto; right: auto; bottom: auto; top: auto; max-width: 260px; margin-left: -5px; margin-bottom: 2rem } .product-details .product-countdown .countdown-section { background-color: #f9f8f8 } .product-details .product-nav-dots a, .product-details .product-nav-dots span { width: 2.4rem; height: 2.4rem; box-shadow: 0 0 0 0.1rem #ccc; } optgroup { font-weight: bold; color: #000; background: none; background-color: none; } .product-details .product-cat { font-weight: 400; font-size: 1.4rem } .product-details .product-cat span { margin-right: .7rem } .product-details .product-cat a { color: #666; box-shadow: none; transition: all .35s ease } .product-details .product-cat a:hover, .product-details .product-cat a:focus { color: #000; box-shadow: 0 1px 0 #000 } .product-details .product-size { flex-flow: row wrap; padding-top: 0; margin-bottom: 0 } .product-details .product-size a { color: #666; width: 4rem; height: 4rem; font-weight: 400; font-size: 1.7rem; letter-spacing: -.01em; border: .1rem solid #d7d7d7; background-color: transparent; border-radius: 0; margin-right: 1rem } .product-details .product-size a.active, .product-details .product-size a:hover, .product-details .product-size a:focus { color: #000; border-color: #000; background-color: transparent } .product-details .product-size a.disabled { color: #dadada; border-color: #ebebeb; background-color: transparent } .details-filter-row { display: flex; align-items: center; flex-flow: row wrap; margin-bottom: 3rem } .details-filter-row .form-control { font-weight: 400; margin-bottom: 0; padding-left: 1rem; padding-right: 1rem; background-color: #fff; border-color: #d7d7d7; min-width: 131px } .details-filter-row .select-custom { margin-bottom: 0; margin-right: 3.9rem } .details-filter-row .select-custom .form-control { padding-right: 3rem } .details-filter-row .select-custom::after { font-size: 1rem; right: .9rem } .details-filter-row label { display: inline-block; width: auto; font-weight: 500; font-size: 15px; margin-bottom: 0; letter-spacing: 1px; margin-right: 9px; } .details-filter-row .product-nav { margin-bottom: 0 } .details-filter-row .product-nav-thumbs { padding-top: 0 } .size-guide { color: #777; display: inline-flex; align-items: center } .size-guide i { font-size: 1.8rem; margin-right: .7rem } .size-guide:hover, .size-guide:focus { color: #000 } .product-details-quantity { max-width: 131px } .product-details-quantity .form-control { padding-left: 2.6rem; padding-right: 2.6rem; text-align: center; margin-bottom: 0 } .product-details-action { display: flex; align-items: center; flex-flow: row wrap; margin-bottom: 3rem } .product-details-action .btn-cart { padding: 1rem 1.5rem; max-width: 198px; color: #000; border: 0.1rem solid #000 } .product-details-action .btn-cart span { font-size: 1.7rem; color: inherit; text-transform: uppercase; box-shadow: none; transition: box-shadow .35s ease, color 0s ease } .product-details-action .btn-cart:before { margin-right: .4rem } .product-details-action .btn-cart:hover, .product-details-action .btn-cart:focus { color: #fff; border-color: #000; background-color: #000 } .details-action-wrapper { display: flex; align-items: center; margin-left: 4rem } .details-action-wrapper .btn-product { padding-top: 0; padding-bottom: 0; white-space: nowrap; align-self: stretch; line-height: 1.4 } .details-action-wrapper .btn-product:before { margin-right: 1rem } .details-action-wrapper .btn-product.btn-wishlist:before { margin-top: -.2rem } .details-action-wrapper .btn-product span { font-size: 1.4rem } .details-action-wrapper .btn-product + .btn-product { padding-left: 1.3rem; margin-left: 1.6rem } .product-details-footer { color: #777; display: flex; font-weight: 400; align-items: center; flex-wrap: wrap; padding-top: 1.7rem; border-top: .1rem solid #ebebeb; padding-bottom: 1.7rem } .product-details-footer .social-icons { } .product-details-footer .social-icon { margin-bottom: 0 } @media screen and (min-width: 992px) { .container-fluid .product-details-top .col-lg-7 { -ms-flex: 0 0 56.5%; flex: 0 0 56.5%; max-width: 56.5% } .container-fluid .product-details-top .col-lg-5 { -ms-flex: 0 0 43.5%; flex: 0 0 43.5%; max-width: 43.5% } } @media screen and (min-width: 1700px) { .container-fluid .product-details-action .btn-cart { min-width: 240px } .container-fluid .details-filter-row .form-control { min-width: 171px } } .product-details-tab { margin-bottom: 5rem } .product-details-tab .nav.nav-pills .nav-link { color: #000; font-size: 1.7rem; padding: .55rem 3rem; border-bottom-width: .2rem; text-transform: capitalize } .product-details-tab .nav.nav-pills .nav-link:hover, .product-details-tab .nav.nav-pills .nav-link:focus { color: #000; border-bottom-color: #000 } .product-details-tab .nav.nav-pills .nav-item + .nav-item { margin-left: 2rem } .product-details-tab .tab-content { border: .1rem solid #dadada; margin-top: -.1rem; border-radius: .3rem } .product-details-tab .tab-content .tab-pane { padding: 2.7rem 3rem } .product-desc-content h2 { font-weight: 400; font-size: 2.4rem; letter-spacing: -.01em; margin-bottom: 1.8rem } .product-desc-content h3 { font-weight: 400; font-size: 1.7rem; letter-spacing: -.01em; margin-bottom: 1.8rem } .product-desc-content ul { color: #000 } .product-desc-content ul li { position: relative; padding-left: 1.3rem } .product-desc-content ul li:before { content: '•'; position: absolute; display: block; top: 0; left: .2rem } .product-desc-content a { color: #333; border-bottom: .1rem solid #b8b8b8; transition: all .35s ease } .product-desc-content a:hover, .product-desc-content a:focus { color: #000; border-bottom-color: #000 } .product-desc-content blockquote { color: #333; font-style: normal; font-weight: 400; font-size: 2.4rem; line-height: 1.25; letter-spacing: -.01em; margin-bottom: 1.6rem } .product-desc-content blockquote p { margin-bottom: 0 } .product-desc-content blockquote cite { font-weight: 300; font-size: 1.7rem; letter-spacing: 0 } .reviews h3 { font-size: 1.7rem; letter-spacing: -.01em; margin-bottom: 2.3rem } .review { padding-bottom: 1.3rem; margin-bottom: 2rem; border-bottom: .1rem solid #ebebeb } .review:last-child { margin-bottom: 0 } .review .col-auto { width: 120px; padding-right: 2rem } .review h4 { color: #333; font-weight: 400; font-size: 1.7rem; line-height: 1.25; letter-spacing: -.01em; margin-bottom: .8rem } .review h4 a { color: inherit } .review h4 a:hover, .review h4 a:focus { color: #000 } .review .ratings-container { padding-top: .7rem; margin-bottom: .5rem } .review .review-date { color: #ccc } .review-content { margin-bottom: .8rem } .review-action { font-size: 1.2rem } .review-action a { color: #777; transition: all .35s ease } .review-action a:hover, .review-action a:focus { color: #000; box-shadow: 0 1px 0 #000 } .review-action a + a { margin-left: 1.6rem } .review-action i { font-size: 1.7rem; margin-right: .6rem } .product-details-centered { text-align: center } .product-details-centered .ratings-container, .product-details-centered .product-price, .product-details-centered .details-filter-row { justify-content: center } .product-details-centered .product-content { max-width: 470px; margin-left: auto; margin-right: auto } .product-details-centered .details-row-size .select-custom { margin-right: 2rem } .product-details-centered .details-filter-row label { width: auto; margin-right: 1rem } .product-details-centered .details-filter-row .form-control { min-width: 104px } .product-details-centered .product-details-action { flex-direction: column; align-items: center } .product-details-centered .product-details-action .btn-cart { min-width: 218px } .product-details-centered .details-action-wrapper { margin-left: 0 } .product-details-centered .details-action-wrapper .btn-product + .btn-product { border-left-width: 0 } .product-details-centered .product-details-quantity { max-width: 100px } .details-action-col { display: flex; align-items: center; margin-bottom: 2.2rem } .details-action-col .product-details-quantity { margin-right: 2rem } .details-action-col label { display: inline-block; width: 67px; font-weight: 400; font-size: 1.7rem; margin-bottom: 0 } .product-details-extended .nav.nav-pills { border-top: .1rem solid #ebebeb } .product-details-extended .nav.nav-pills .nav-link { padding-top: 1.2rem; padding-bottom: 1.2rem; border-top: .2rem solid transparent; border-bottom: none; margin-top: -.1rem } .product-details-extended .nav.nav-pills .nav-link.active, .product-details-extended .nav.nav-pills .nav-link:hover, .product-details-extended .nav.nav-pills .nav-link:focus { border-color: #000 } .product-details-extended .tab-content { border: none } .product-details-extended .tab-content .tab-pane { padding: 0 } .product-desc-row { display: flex; align-items: center; padding-top: 5rem; padding-bottom: 5rem; min-height: 500px } .product-desc-row.text-white h2, .product-desc-row.text-white h3, .product-desc-row.text-white h4 { color: inherit } .product-details-separator { margin-bottom: 6rem } .product-details-separator .details-filter-row label { margin-right: 2.4rem } .product-details-separator .details-filter-row .product-size { margin-right: 2rem } @media screen and (min-width: 768px) { .product-details-separator [class*="col-"] { padding-top: 1rem } .product-details-separator [class*="col-"] + [class*="col-"]:before { content: ''; width: .1rem; display: block; height: 100%; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -ms-transform: translateY(-50%); background-color: #ebebeb } } .details-footer-col { padding-top: 0; padding-bottom: 0; flex-direction: column; align-items: flex-start; border-top: none } .product-details-centered .details-footer-col { align-items: center } .details-footer-col .product-cat { margin-bottom: 2.6rem } .details-footer-col .social-icons { margin-left: 0 } .product-details-accordion .card { border: .1rem solid #ebebeb } .product-details-accordion .card .card-title { font-weight: 400 } .product-details-accordion .card .card-title a { background-color: #f9f8f8 } .product-details-accordion .card .card-title a:not(.collapsed) { background-color: #fff } .product-details-accordion .card .card-body { padding-top: 0 } .product-details-accordion .card .card-body p:last-child { margin-bottom: .2rem } .product-details-sidebar { margin-bottom: 3rem } .product-details-sidebar .details-filter-row .select-custom { margin-right: 1.9rem } .product-details-sidebar .product-details-action { flex-direction: column; align-items: flex-start } .product-details-sidebar .details-action-wrapper { margin-left: 0 } .product-details-sidebar .details-action-col { width: 100% } .product-details-sidebar .details-action-col .btn-product { flex: 1 1 auto; max-width: 230px } .product-details-sidebar .product-details-action { margin-bottom: 2.6rem } .sidebar-product { max-width: 280px; margin-left: auto; margin-right: auto } .sidebar-product .widget { margin-bottom: 4.5rem } .sidebar-product .widget-title { font-size: 2.4rem; letter-spacing: -.025em; margin-bottom: 2.4rem } .sidebar-product .products { margin-bottom: 3rem } .sidebar-product .btn { display: block; width: 100%; text-align: center; text-transform: uppercase } .sticky-bar { display: none } @media screen and (min-width: 992px) { .product-gallery-vertical .row { margin-left: -.5rem; margin-right: -.5rem; flex-direction: row-reverse } .product-gallery-vertical .btn-product-gallery { right: 2.5rem } .product-gallery-vertical .product-image-gallery, .product-gallery-vertical .product-main-image { padding-left: 0.5rem; padding-right: 1.8rem } .product-gallery-vertical .product-main-image { padding-left: 2.8rem; padding-right: 5.2rem } .product-gallery-vertical .product-main-image { flex: 0 0 80%; max-width: 80% } .product-gallery-vertical .product-image-gallery { width: auto; flex: 0 0 20%; max-width: 20%; margin-left: 0; margin-right: 0 } .product-gallery-vertical .product-gallery-item { flex: 0 0 100%; max-width: 100%; padding-left: 0; padding-right: 0; margin-bottom: 0.4rem } .product-gallery-vertical .product-gallery-item:before, .product-gallery-vertical .product-gallery-item:after { left: 0; right: 0 } .sticky-bar { display: block; width: 100%; position: fixed; left: 0; right: 0; bottom: 0; z-index: 500; padding-top: 1rem; padding-bottom: 1rem; background-color: #fff; box-shadow: -15px 0 43px rgba(51,51,51,0.15) } .sticky-bar .row { padding-top: 1rem; padding-bottom: 1rem } .sticky-bar .col-6 { display: flex; align-items: center } .sticky-bar .product-media { max-width: 60px; margin-right: 2rem; margin-bottom: 0; flex-shrink: 0 } .sticky-bar .product-title { margin-bottom: 0; letter-spacing: -.025em } .sticky-bar .product-price { margin-bottom: 0; margin-right: 2rem } .sticky-bar .product-details-quantity { margin-right: 2rem; max-width: 100px } .sticky-bar .product-details-action { margin-bottom: 0 } .sticky-bar .btn-cart { min-width: 200px; margin-right: 2rem } .sticky-bar .btn-product + .btn-product { border: none } .sticky-bar .btn-wishlist { font-size: 1.8rem; margin-right: 2rem } .sticky-bar .btn-wishlist span { display: none } .sticky-bar .btn-wishlist:before { margin-right: 0 } } @media screen and (min-width: 992px) and (max-width: 1199px) { .details-action-wrapper { margin-left: 1rem } .product-details-sidebar .product-details-quantity { max-width: 91px } } .product-details-action .addtocart, .product-details-action .SavemyDesign { padding: 10px 28px 10px 19px !important } @media screen and (min-width: 768px) and (max-width: 991px) { .product-details-action { display: flex; align-items: center; flex-flow: row wrap; margin-bottom: 3rem; } .product-details-action .addtocart, .product-details-action .SavemyDesign { padding: 10px 10px 10px 0px !important } .details-action-wrapper { margin-left: 0; margin-top: 1.5rem } .product-details-action .btn-cart { min-width: 198px } .product-details-tab .nav.nav-pills .nav-item + .nav-item { margin-left: 1rem } .product-details-tab .nav.nav-pills .nav-item .nav-link { padding-left: 1.5rem; padding-right: 1.5rem } } @media screen and (max-width: 767px) { .product-desc-row { min-height: 380px } .stepicon { background: #999; width: 60px; display: block; text-align: center; height: 60px; line-height: 60px; margin: 0 auto; border-radius: 50%; position: relative; z-index: 999; } .stepicon img { width: 35px !important; } #sync2 .owl-item .item::after { top: 30px; } .product-details-action .addtocart, .product-details-action .SavemyDesign { padding: 10px 17px 10px 10px !important } .product-desc-content h2, .product-details .product-title { font-size: 2.2rem } .product-gallery-separated { margin-bottom: 3rem } } @media screen and (max-width: 575px) { .breadcrumb-nav .d-flex { flex-direction: column; align-items: flex-start !important } .product-pager { margin-right: auto; margin-top: 1rem } .Qualityddp { margin-bottom: 2rem; } .product-details-tab .nav.nav-pills .nav-item + .nav-item { margin-left: 0 } } @media screen and (max-width: 580px) { .product-details-action { display: flex; align-items: center; flex-flow: row wrap; margin-bottom: 3rem; } .details-action-wrapper { margin-left: 0; margin-top: 1.5rem } .product-details-footer { flex-direction: column; align-items: flex-start } .product-details-footer .social-icons { margin-left: 0; margin-top: 1rem } .review .row { flex-direction: column } .details-filter-row .select-custom { margin-right: 1.5rem } .product-details-action .btn-cart, .product-details-centered .product-details-action .btn-cart { min-width: 198px } .product-details-sidebar .details-action-col .btn-product { min-width: 168px } } .entry { position: relative; margin-bottom: 3rem; font-size: 1.7rem; line-height: 1.85 } .entry-media { position: relative; background-color: #ccc; margin-bottom: 2.4rem } .entry-media > a { position: relative; display: block } .entry-media img { display: block; max-width: none; width: 100%; height: auto } .entry-video a:after { content: '\ec2c'; font-family: "molla"; display: -ms-inline-flexbox; display: inline-flex; align-items: center; justify-content: center; width: 7rem; height: 7rem; position: absolute; left: 50%; top: 50%; margin-left: -3.5rem; margin-top: -3.5rem; font-size: 1.8rem; line-height: 1; color: #fff; background-color: transparent; border-radius: 50%; border: .2rem solid #fff; -webkit-transition: all .35s ease; transition: all .35s ease } .entry-video a:hover:after, .entry-video a:focus:after { color: #000; background-color: #fff; box-shadow: 0 0 0 1.6rem rgba(255,255,255,0.2) } .entry-meta { display: flex; align-items: center; flex-flow: wrap; color: #777; font-size: 13px; line-height: 1.5; margin-bottom: .5rem } .text-center .entry-meta { justify-content: center } .entry-meta a { color: inherit; transition: all .3s ease } .entry-meta a:hover, .entry-meta a:focus { color: #000; box-shadow: 0 1px 0 #000 } .meta-separator { margin-left: 1.1rem; margin-right: 1.1rem } .entry-title { color: #000; font-weight: 600; font-size: 2.2rem; line-height: 1.25; letter-spacing: -.025em; margin-bottom: .6rem } .entry-title a { color: inherit } .entry-title a:hover, .entry-title a:focus { color: #000 } .entry-cats { color: #777; font-size: 1.7rem; line-height: 1.5; margin-bottom: 1.5rem } .entry-cats a { color: inherit; transition: all .3s ease } .entry-cats a:hover, .entry-cats a:focus { color: #000; box-shadow: 0 1px 0 #000 } .entry-content p { margin-bottom: 1.3rem font-size:14px; } .read-more { display: inline-block; position: relative; font-weight: 400; letter-spacing: -.01em; padding-bottom: .1rem; transition: all .3s ease; font-size: 13px; cursor: pointer; font-family: josefin sans,sans-serif; text-transform: uppercase !important; color: #000; } .read-more:hover, .read-more:focus { padding-right: 2.2rem; box-shadow: none } .read-more:hover:after, .read-more:focus:after { opacity: 1; transform: translateX(0) } .entry-read-more:hover { color: none; } .menu-cat { margin: 0 0 2rem; padding: 0; display: flex; align-items: center; flex-flow: wrap } .menu-cat li { margin-right: 3.6rem } .menu-cat li:last-child { margin-right: 0 } .menu-cat.justify-content-center li { margin-left: 1.8rem; margin-right: 1.8rem } .menu-cat.justify-content-center li:lat-child { margin-right: 1.8rem } .menu-cat a { display: inline-block; color: #000; font-weight: 300; font-size: 1.7rem; line-height: 1.5; padding-top: .4rem; padding-bottom: .4rem } .menu-cat a span { color: #cccccc; font-weight: 400; margin-left: .8rem } .menu-cat a:hover, .menu-cat a:focus { color: #000 } .menu-cat li.active a { color: #000; box-shadow: 0 1px 0 #000 } .entry-grid .entry-title { font-size: 16px; text-transform: uppercase; letter-spacing: 1px; font-weight: 400 !important; } .entry-grid .entry-media { margin-bottom: 1.4rem } .entry-grid .entry-cats { margin-bottom: .9rem } .entry-container { position: relative; margin: 0 -1rem .5rem; transition: height .4s } .entry-container::after { display: block; clear: both; content: '' } .entry-item { float: left; padding: 0 0px } .entry-list p { margin-bottom: 1rem } .entry-mask.entry { margin-bottom: 2rem } .entry-mask:before { content: ''; display: block; height: 50%; position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; background: -moz-linear-gradient(top, rgba(125,185,232,0) 0%, #000 100%); background: -webkit-linear-gradient(top, rgba(125,185,232,0) 0%, #000 100%); background: linear-gradient(to bottom, rgba(125,185,232,0) 0%, #000 100%); opacity: .75; transition: all 0.3s; pointer-events: none } .entry-mask .entry-media { margin-bottom: 0 } .entry-mask .entry-video a:after, .entry-mask .entry-gallery a:after { width: auto; height: auto; left: 3rem; top: 3rem; margin-left: 0; margin-top: 0; font-size: 1.7rem; line-height: 1; border: none } .entry-mask .entry-video a:hover:after, .entry-mask .entry-video a:focus:after, .entry-mask .entry-gallery a:hover:after, .entry-mask .entry-gallery a:focus:after { color: #fff; background-color: transparent; box-shadow: none } .entry-mask .entry-gallery a:after { color: #fff; position: absolute; content: '\f24d'; font-family: "molla"; top: 2.6rem } .entry-mask .entry-body { position: absolute; left: 0; bottom: 0; padding: 1.7rem 1.8rem 2.7rem 2.8rem; z-index: 5 } .entry-mask .entry-meta, .entry-mask .entry-cats { color: #ebebeb } .entry-mask .entry-cats { margin-bottom: 0 } .entry-mask .entry-title { color: #fff; font-size: 2rem } .entry-mask:hover:before { opacity: .9 } .widget { margin-bottom: 4.5rem } .sidebar { margin-top: 0rem } .sidebar .widget:last-child { margin-bottom: 1.5rem } .widget-title { color: #333; font-weight: 400; font-size: 1.8rem; line-height: 1.1; letter-spacing: -.01em; margin-bottom: 2rem } .widget-search .widget-title { margin-bottom: 1.3rem } .widget-search form { position: relative } .widget-search .form-control { height: 40px; padding: .95rem 5rem .95rem 1.4rem; font-weight: 300; font-size: 1.7rem; background-color: transparent; margin-bottom: 0 } .widget-search .btn { position: absolute; right: .8rem; top: 50%; min-width: 0; font-weight: normal; font-size: 1.8rem; color: #666; padding: 0; width: 3rem; height: 3rem; margin-top: -1.4rem } .widget-search .btn i { margin: 0 !important } .widget-search .btn:hover, .widget-search .btn:focus { color: #000 } .widget-cats ul { list-style: none; padding: 0; margin: 0 } .widget-cats li:not(:last-child) { margin-bottom: 1rem } .widget-cats a { color: #333; display: block; font-weight: 300; font-size: 1.7rem; line-height: 1.5 } .widget-cats a span { float: right } .widget-cats a:hover, .widget-cats a:focus { color: #000 } .widget-banner-sidebar { position: relative } .banner-sidebar-title { color: #777; text-align: center; font-weight: 300; font-size: 1.7rem; line-height: 1; letter-spacing: -.01em; margin-bottom: .8rem; text-transform: uppercase } .posts-list { list-style: none; padding: .4rem 0 .2rem; margin: 0 } .posts-list li { margin-bottom: 2rem } .posts-list li::after { display: block; clear: both; content: '' } .posts-list li:last-child { margin-bottom: 0 } .posts-list figure { float: left; max-width: 80px; margin-right: 2rem; margin-bottom: 0 } .posts-list figure a { display: block } .posts-list div { padding-top: .6rem } .posts-list span { display: block; color: #cccccc; font-weight: 300; font-size: 1.7rem; line-height: 1.25; letter-spacing: -.01em; margin-bottom: .5rem } .posts-list h4 { font-weight: 400; font-size: 1.7rem; line-height: 1.4; letter-spacing: 0; margin-bottom: 0 } .posts-list a { color: #333 } .posts-list a:hover, .posts-list a:focus { color: #000 } .banner-sidebar { position: relative; text-align: center; line-height: 0 } .banner-sidebar > a { display: inline-block } .tagcloud { display: flex; align-items: center; flex-flow: wrap; padding-top: .3rem; margin-right: -1rem; margin-bottom: -1rem } .tagcloud a { display: block; color: #777; font-weight: 300; font-size: 1.7rem; line-height: 1.4; border-radius: .3rem; padding: .65rem .9rem; background-color: #f9f8f8; border: .1rem solid #ebebeb; margin-right: 1rem; margin-bottom: 1rem; transition: all .3s ease } .tagcloud a:hover, .tagcloud a:focus { color: #000; background-color: #fff } .widget-text p:last-child { margin-bottom: 0 } @media screen and (min-width: 768px) { .entry-title { font-size: 2.4rem } .entry-list { margin-bottom: 5rem } .entry-list .col-md-5 { -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45% } .entry-list .entry-media { max-width: 376px; margin-bottom: 0 } .entry-list .col-md-7 { -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55% } } @media screen and (min-width: 992px) { .sidebar { margin-top: -.3rem } .entry { margin-bottom: 6rem } .entry-grid { margin-bottom: 4rem } .max-col-2 .entry-grid .entry-media { margin-bottom: 2.4rem } .max-col-2 .entry-grid .entry-title { font-size: 2.4rem } .max-col-2 .entry-grid .entry-cats { margin-bottom: 1.5rem } .max-col-4 .entry-grid .entry-video a:after { width: 5rem; height: 5rem; margin-left: -2.5rem; margin-top: -2.5rem } .max-col-4 .entry-grid .entry-video a:hover:after, .max-col-4 .entry-grid .entry-video a:focus:after { box-shadow: 0 0 0 1rem rgba(255,255,255,0.2) } .entry-list { margin-bottom: 7rem } .entry-list:last-of-type { margin-bottom: 6rem } .entry-list .entry-body { padding-left: 1.5rem } .entry-mask .entry-title { font-size: 2.4rem } } .entry.single-entry { margin-bottom: 4rem } .single-entry .entry-body { margin-bottom: 4rem } .single-entry .entry-meta, .single-entry .entry-cats { color: #ccc } .single-entry .entry-meta a:not(:hover):not(:focus), .single-entry .entry-cats a:not(:hover):not(:focus) { color: #666 } .single-entry .entry-title-big { font-weight: 400; font-size: 2.8rem } .editor-content::after { display: block; clear: both; content: '' } .editor-content .float-left { margin-right: 2.8rem; margin-bottom: 1.5rem } .editor-content .float-right { margin-left: 2.8rem; margin-bottom: 1.5rem } .editor-content img { margin-bottom: 2rem } .editor-content p { margin-bottom: 2.4rem } .editor-content h3 { font-weight: 400; font-size: 2.2rem; margin-bottom: 2rem } .editor-content a { color: #333; box-shadow: 0 1px 0 #333; transition: all .35s ease } .editor-content a:hover, .editor-content a:focus { color: #000; box-shadow: 0 1px 0 #000 } .editor-content blockquote { position: relative; color: #000; font-style: normal; font-weight: 400; font-size: 1.8rem; line-height: 1.67; padding: 7rem 3rem 4rem 3rem; border-left: 0.1rem solid #000; background-color: #f9f8f8; margin-top: 4.2rem; margin-bottom: 4.2rem } .editor-content blockquote p:last-child { margin-bottom: 0 } .editor-content blockquote:before { color: #ebebeb; content: '\f10e'; font-weight: normal; font-size: 3rem; line-height: 1; font-family: 'molla'; position: absolute; left: 3rem; top: 4rem; margin-top: -1.5rem } .editor-content ul li { position: relative; margin-bottom: 2.7rem } .editor-content ul li:before { display: inline-block; content: '•'; font-size: 1.8rem; line-height: 1; margin-right: 1rem; vertical-align: middle; margin-top: -1px } .entry-footer { margin-top: 3.6rem; margin-bottom: 5rem; align-items: center } .entry-footer .social-icon { font-size: 1.3rem } .entry-tags { display: flex; align-items: center; flex-flow: wrap; padding-top: .2rem } .entry-tags span { margin-right: 1rem } .entry-tags a { display: block; color: #777; font-weight: 300; font-size: 1.7rem; line-height: 1.4; border-radius: .3rem; padding: .45rem .9rem; background-color: #f9f8f8; border: .1rem solid #ebebeb; margin-right: .5rem; margin-bottom: 0; transition: all .3s ease } .entry-tags a:hover, .entry-tags a:focus { color: #000; background-color: #fff } .entry-author-details { display: flex; align-items: flex-start; padding: 5rem 3rem 4.6rem; background-color: #f9f8f8 } .entry-author-details h4 { color: #333; font-weight: 400; font-size: 1.5rem; line-height: 1; letter-spacing: -.01em; margin-bottom: 0 } .entry-author-details h4 a { color: inherit } .entry-author-details h4 a:hover, .entry-author-details h4 a:focus { color: #000 } .author-media, .comment-media { flex: 0 0 50px; max-width: 50px } .author-media img, .comment-media img { border-radius: 50% } .author-content p:last-child, .comment-content p:last-child { margin-bottom: 0 } .author-body { position: relative; flex: 1 1 auto; padding-left: 2rem } .author-header { align-items: flex-start; line-height: 1; margin-bottom: 2rem } .author-link { color: #777; letter-spacing: -.01em; transition: all .35s ease } .author-link:hover, .author-link:focus { color: #000; box-shadow: 0 1px 0 #000 } .pager-nav { width: 100%; display: flex; align-items: center; flex-direction: column; margin-bottom: 4.5rem; padding-bottom: 1rem } .pager-link { position: relative; color: #000; display: flex; flex-direction: column; align-items: flex-start; flex: 0 0 100%; max-width: 100%; width: 100%; font-weight: 400; padding-top: .95rem; padding-bottom: .95rem; font-size: 1.7rem; line-height: 1.5; transition: all .35s ease } .pager-link + .pager-link { border-top: .1rem solid #ebebeb } .pager-link:after { color: #333; display: block; font-family: 'molla'; font-size: 1.5rem; line-height: 1; position: absolute; top: 50%; transition: all .35s ease .05s; margin-top: -.8rem } .pager-link.pager-link-prev { padding-left: 10rem; padding-right: 1rem } .pager-link.pager-link-prev:after { content: '\f273'; left: 3rem } .pager-link.pager-link-next { padding-left: 1rem; padding-right: 10rem; align-items: flex-end; text-align: right } .pager-link.pager-link-next:after { content: '\f274'; right: 3rem } .pager-link:hover, .pager-link:focus { color: #000 } .pager-link:hover:after, .pager-link:focus:after { color: #000 } .pager-link:hover.pager-link-prev, .pager-link:focus.pager-link-prev { padding-left: 7rem } .pager-link:hover.pager-link-prev:after, .pager-link:focus.pager-link-prev:after { left: 0 } .pager-link:hover.pager-link-next, .pager-link:focus.pager-link-next { padding-right: 7rem } .pager-link:hover.pager-link-next:after, .pager-link:focus.pager-link-next:after { right: 0 } .pager-link:hover .pager-link-title, .pager-link:focus .pager-link-title { box-shadow: 0 .1rem 0 #333 } .pager-link-title { display: inline-block; margin-top: .6rem; flex: 0 0 auto; color: #333; font-size: 1.5rem; transition: all .35s ease; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .related-posts { padding-bottom: 4.5rem; margin-bottom: 4.5rem; border-bottom: .1rem solid #ebebeb } .related-posts .title { font-weight: 600; font-size: 1.8rem; letter-spacing: -.025em; margin-bottom: 3rem } .related-posts .entry.entry-grid { margin-bottom: 0 } .related-posts .entry-grid .entry-title { font-weight: 400 } .comments { margin-bottom: 5rem } .comments .title { font-weight: 600; font-size: 1.8rem; letter-spacing: -.025em; margin-bottom: 4.5rem } .comments ul { list-style: none; padding: 0; margin: 0 } .comments ul ul { margin-top: 4rem; margin-left: 8rem; padding-top: 4.5rem; border-top: .1rem solid #ebebeb } .comments li { border-bottom: .1rem solid #ebebeb; padding-bottom: 4rem; margin-bottom: 5rem } .comments li:last-child { border-bottom-width: 0; margin-bottom: 0; padding-bottom: 0 } .comment { position: relative; display: flex; align-items: flex-start } .comment-body { position: relative; flex: 1 1 auto; padding-left: 3rem } .comment-reply { display: flex; align-items: center; color: #777; position: absolute; right: 0; top: 0; font-weight: 300; font-size: 1.7rem; line-height: 1; letter-spacing: -.01em; padding-bottom: .4rem; transition: all .35s ease } .comment-reply:after { font-family: 'molla'; content: '\f279'; font-size: 1.5rem; margin-left: .7rem } .comment-reply:hover, .comment-reply:focus { color: #000; box-shadow: 0 1px 0 #000 } .comment-user { margin-bottom: 1rem } .comment-user h4 { color: #333; font-weight: 400; font-size: 1.5rem; line-height: 1; letter-spacing: -.01em; margin-bottom: 0 } .comment-user h4 a { color: inherit } .comment-user h4 a:hover, .comment-user h4 a:focus { color: #000 } .comment-user h4 span { display: block } .comment-date { color: #ccc; font-weight: 300; font-size: 1.7rem; line-height: 1 } .reply { background-color: #f9f8f8; padding: 4rem 3rem 5rem; margin-bottom: 2rem } .reply .heading { margin-bottom: 2.4rem } .reply .title { font-weight: 600; font-size: 1.8rem; letter-spacing: -.025em; margin-bottom: .9rem } .reply .title-desc { color: #ccc; font-size: 1.7rem; letter-spacing: -.01em } .reply .form-control { background-color: #fff } .reply textarea.form-control { min-height: 100px } .entry-fullwidth .entry-body { position: relative } @media screen and (min-width: 1200px) { .entry-fullwidth .entry-body { padding-left: 2rem } } .entry-fullwidth .author-body { padding-left: 4rem } .entry-fullwidth .social-icons.social-icons-vertical { margin-bottom: 2rem } @media screen and (min-width: 576px) { .pager-nav { flex-direction: row; padding-bottom: 1.5rem; border-bottom: .1rem solid #ebebeb; border-top: .1rem solid #ebebeb; padding-top: 1.5rem; } .pager-link { flex: 0 0 50%; max-width: 50%; padding-top: .55rem; padding-bottom: .55rem } .pager-link + .pager-link { border-top: none; border-left: .1rem solid #ebebeb } } @media screen and (min-width: 768px) { .single-entry .entry-title-big { font-size: 3.4rem } .editor-content::after { display: block; clear: both; content: '' } .editor-content .float-left { margin-right: 4.8rem; margin-bottom: 2rem } .editor-content .float-right { margin-left: 4.8rem; margin-bottom: 2rem } .editor-content h3 { font-size: 2.4rem } .editor-content blockquote { padding: 4rem 6rem 4rem 12rem } .editor-content blockquote:before { left: 4rem; top: 50% } } @media screen and (min-width: 992px) { .single-entry .entry-title-big { font-size: 4rem } .social-icons.social-icons-vertical { flex-direction: column; text-align: center; padding-bottom: 4rem } .entry-fullwidth .social-icons.social-icons-vertical { margin-bottom: 0 } .social-icons.social-icons-vertical .social-label { margin-right: 0; margin-bottom: 1.1rem } .social-icons.social-icons-vertical .social-icon { margin-bottom: 1rem; margin-right: 0 } .social-icons.social-icons-vertical .social-icon + .social-icon { margin-left: 0 } } .shape { position: relative; float: left; width: 80px; height: 50px; background-color: #fff; text-align: center; font-size: 14px; cursor: pointer; margin-right: 15px; border: 1px solid #000; opacity: .2; } .shape#rectangle { width: 34px; height: 50px; } .shape#runner { width: 19px; height: 50px; } .shape#square { width: 50px; height: 50px; } .shape#circle { width: 50px; height: 50px; border-radius: 100%; } .shape#oval { width: 37px; height: 50px; border-radius: 100%; } .shape.active, .shape:hover { background: #ebebeb; opacity: 1 } .shape#star-five { width: 50px; border: none; } .shape#star-five:hover { width: 50px; border: none; opacity: 1; background: none } .font-size13 { font-size: 15px !important; letter-spacing: 1px; /* font-weight: 600; */ FONT-FAMILY: open sans,sans-serif } .product-accor .card-title a { padding: 2rem 4rem 2rem 0.2rem } .accordionspan { background: #000; display: inline-block; padding: 10px; border-radius: 50%; } .accordionspan2 { margin-right: 10px; float: left; margin-top: -11px; } .accordionspan1 { display: inline-block; font-size: 30px; height: 50px; float: left; margin-right: 20px; vertical-align: middle; padding-top: 13px; } .product-accor .card-title a.collapsed { padding: 2rem 4rem 2rem 0.2rem } .zoomContainer { display: none !important; } .product-color li { display: inline-block; margin-right: 15px; width: 28%; cursor: pointer; margin-bottom: 15px; } .product-color li a { display: inline-block; margin-bottom: -4px; margin-right: 5px; } .product-color li a:last-child { margin-right: 5px; } .button-customized .btn { padding: 3px 10px !important; min-width: 100px !important; } @media screen and (max-width: 991px) { .sticky-content.is_stuck { position: static !important; top: auto !important; width: auto !important; bottom: auto !important } .product-color li { display: inline-block; margin-right: 15px; width: 43%; cursor: pointer; margin-bottom: 15px; } .shape { position: relative; float: left; width: 80px; height: 50px; background-color: #fff; text-align: center; font-size: 14px; cursor: pointer; margin-right: 10px; border: 1px solid #000; opacity: .2; } .shape#rectangle { width: 27px; height: 40px; } .shape#runner { width: 18px; height: 40px; } .shape#square { width: 40px; height: 40px; } .shape#circle { width: 40px; height: 40px; border-radius: 100%; } .shape#oval { width: 28px; height: 40px; border-radius: 100%; } .shape.active, .shape:hover { background: #ebebeb; opacity: 1 } .shape#star-five { width: 40px; border: none; } .shape#star-five:hover { width: 50px; border: none; opacity: 1; background: none } } .nav-filter { display: flex; margin-bottom: 3rem } .nav-filter a { display: inline-block; color: #777; padding: .4rem 1rem; font-weight: 400; font-size: 1.7rem; line-height: 1.5; letter-spacing: -.01em; text-transform: uppercase; border-bottom: .1rem solid transparent } .nav-filter a:hover, .nav-filter a:focus { color: #000 } .nav-filter .active a { color: #000; border-bottom-color: #000 } .portfolio-container { position: relative; margin: 0 -1rem 4rem; transition: height .4s } .portfolio-container::after { display: block; clear: both; content: '' } .portfolio-nogap { margin-left: 0; margin-right: 0; margin-bottom: 1rem } .portfolio-nogap .col, .portfolio-nogap [class*=col-] { padding-left: 0; padding-right: 0 } .portfolio-nogap .portfolio-item { margin-bottom: 0 } .portfolio-item { float: left; margin-bottom: 2rem } .portfolio { position: relative } .portfolio-media { background-color: #ccc; margin: 0 } .portfolio-media > a { position: relative; display: block; overflow: hidden; outline: none !important } .portfolio-media > a:after { content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; background-color: #444444; visibility: hidden; opacity: 0; transition: all 0.45s ease } .portfolio-media img { display: block; max-width: none; width: 100%; height: auto } .portfolio-item:hover .portfolio-media > a:after { visibility: visible; opacity: .4 } .portfolio-item:hover .portfolio-content { background-color: #f6f6f6 } .portfolio-content { padding: 1.6rem 2rem; transition: all 0.45s ease } .portfolio-title { color: #333; font-weight: 400; font-size: 1.7rem; line-height: 1.3; letter-spacing: -.01em; margin-bottom: .1rem } .portfolio-title a { color: inherit } .portfolio-title a:hover, .portfolio-title a:focus { color: #000 } .portfolio-tags { font-weight: 300; font-size: 1.7rem; letter-spacing: -.01em } .portfolio-tags a { color: #000; transition: all .35s ease } .portfolio-tags a:hover, .portfolio-tags a:focus { color: #000; box-shadow: 0 1px 0 #000 } .portfolio-overlay { overflow: hidden } .portfolio-overlay .portfolio-content { position: absolute; bottom: 0; left: 0; right: 0; padding: 2rem 3rem; opacity: 0; z-index: 2; visibility: hidden; -webkit-backface-visibility: hidden } .portfolio-overlay .portfolio-content.portfolio-content-center { bottom: auto; top: 50%; text-align: center; transform: translateY(-50%); -ms-transform: translateY(-50%) } .portfolio-overlay .portfolio-title { color: #fff } .portfolio-overlay .portfolio-title a:hover, .portfolio-overlay .portfolio-title a:focus { color: #f1f1f1 } .portfolio-overlay .portfolio-tags a { color: #ccc } .portfolio-overlay .portfolio-tags a:hover, .portfolio-overlay .portfolio-tags a:focus { color: #fff; box-shadow: 0 1px 0 #fff } .portfolio-overlay:hover .portfolio-content { visibility: visible; opacity: 1; background-color: transparent } @media screen and (max-width: 575px) { .nav-filter { flex-wrap: wrap; justify-content: center } .product-color li { width: 43%; } .Qualityddp { margin-bottom: 2rem !important; } } .about-images { position: relative; text-align: right; padding-top: 4rem } .about-img-front { position: relative; z-index: 2; border: 2rem solid #f9f9f9 } .about-img-back { position: absolute; right: 0; top: 0; z-index: 1 } .brands-text { max-width: 430px; margin-top: .5rem; margin-bottom: 3rem } .brands-text .title { line-height: 1.5 } .brands-display { margin-top: .5rem } .brands-display .brand { min-height: 0; margin-bottom: 4rem } .brands-display [class*="col-"] { display: flex } .brands-display [class*="col-"] .brand { width: 100% } .about-testimonials blockquote { max-width: 100%; margin-left: auto; margin-right: auto; font-style: normal; line-height: 1.875 } .member { margin-bottom: 2rem; max-width: 376px; margin-left: auto; margin-right: auto } .member p { max-width: 90%; color: #fff } .member.text-center p { margin-left: auto; margin-right: auto } .member.text-center .social-icons { justify-content: center } .member-media { position: relative; margin: 0 } .member-content { padding-top: 2.4rem; padding-bottom: 2.4rem; overflow: hidden } .member-title { font-weight: 400; font-size: 2.7rem; letter-spacing: 0; margin-bottom: 0 } .member-title span { display: block; color: #999; font-weight: 300; font-size: 1.7rem; margin-top: .3rem } .member-overlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; background-color: rgba(102,102,102,0.7); color: #fff; opacity: 0; visibility: hidden; overflow: hidden } .member-overlay .member-title { color: inherit; margin-bottom: 1.5rem } .member-overlay .member-title span { color: #ebebeb } .member-overlay .social-icons { margin-top: 2.7rem } .member-overlay .social-icon { font-size: 1.5rem } .member-overlay .social-icon + .social-icon { margin-left: 2.8rem } .member-overlay .social-icon:not(:hover) { color: inherit } .member-content, .member-overlay { transition: all 0.45s ease } .member:hover .member-content { opacity: 0 } .member:hover .member-overlay { visibility: visible; opacity: 1 } .member:hover.member-anim .member-overlay .member-title, .member:hover.member-anim .member-overlay p, .member:hover.member-anim .member-overlay .social-icons { animation-name: fadeInUpShort; animation-duration: .65s; animation-fill-mode: both } .member:hover.member-anim .member-overlay p { animation-delay: .1s } .member:hover.member-anim .member-overlay .social-icons { animation-delay: .2s } .member:hover.member-anim .member-content .member-title { animation-name: fadeOutUpShort; animation-duration: .65s; animation-fill-mode: both } @keyframes fadeInUpShort { from { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes fadeOutUpShort { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { opacity: 0; -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0) } } .member.member-2 { background-color: #fff; max-width: 277px; margin-left: auto; margin-right: auto } .member.member-2 .member-content { visibility: visible; opacity: 1; padding-top: 1.7rem; padding-bottom: 2.7rem } .member.member-2 .member-overlay { color: #333; background-color: rgba(249,249,249,0.7) } .member.member-2 .member-overlay .social-icons { margin-top: 0; margin-bottom: 0 } #map { height: 280px; background-color: #ccc } .gm-style .gm-style-iw-c { border-radius: 0 !important } #map address { color: #666; font-style: normal; font-weight: 400; margin: 0 0 1rem; font-size: 1.7rem; padding: .5rem .75rem .2rem .75rem; line-height: 1.5; margin: 0 } .direction-link { display: inline-block; margin-top: 1rem; line-height: 1 } .contact-info { margin-bottom: 3rem } .contact-info h3 { margin-top: .5rem; font-weight: 400; font-size: 1.8rem; letter-spacing: -.025em; margin-bottom: 1.5rem } .contact-list { max-width: 270px; list-style: none; padding-left: 0 } .contact-list li { position: relative; padding-left: 3rem; margin-bottom: 1.4rem } .contact-list a { color: #000 } .contact-list a:hover, .contact-list a:focus { color: #999 } .contact-list i { display: inline-block; position: absolute; left: 0; top: .7rem; font-size: 2rem; line-height: 1; color: #000 } .contact-list span { color: #000 } .fw-500 { font-weight: 500; } .store { margin-bottom: 3rem; color: #777 } .store address, .store div { font-weight: 300; font-style: normal; margin-bottom: 0 } .store a:not(.btn) { color: inherit } .store a:not(.btn):hover, .store a:not(.btn):focus { color: #000 } .store .btn.btn-link { padding-left: 0; padding-right: 0; margin-top: 2.1rem } .store-media { margin-bottom: 0 } .store-title { font-weight: 400; font-size: 1.7rem; letter-spacing: 0; margin-bottom: .8rem; margin-top: -.2rem } .store-subtitle { font-weight: 400; font-size: 1.7rem; letter-spacing: 0; margin-bottom: .4rem; margin-top: 3.2rem } @media screen and (min-width: 768px) { #map { height: 380px } } @media screen and (min-width: 992px) { #map { height: 492px } } .contact-box { margin-bottom: 3rem } .contact-box h3 { font-weight: 400; font-size: 1.7rem; letter-spacing: -.025em; margin-bottom: 1.6rem } .contact-box address, .contact-box div { font-weight: 300; font-style: normal } .contact-box a { color: inherit } .contact-box a:hover, .contact-box a:focus { color: #000 } .contact-box .social-icons { padding-top: 1.5rem } .contact-box .social-icon { font-size: 1.3rem } .touch-container .lead { max-width: 600px; margin-left: auto; margin-right: auto } .form-box { max-width: 575px; margin-left: auto; margin-right: auto; border: 1px solid #000; padding: 2.2rem 2rem 4.4rem; } .form-box .btn { min-width: 115px } .form-tab .nav.nav-pills { color: #333; border-bottom: .1rem solid #ebebeb } .form-tab .nav.nav-pills .nav-item { margin-bottom: -.1rem } .form-tab .nav.nav-pills .nav-item + .nav-item { margin-left: 0 } .form-tab .nav.nav-pills .nav-link { text-transform: capitalize; font-weight: 400; font-size: 2rem; letter-spacing: -.025em; color: inherit; border-bottom-width: .1rem; padding: .9rem 1rem } .form-tab .nav.nav-pills .nav-link.active { color: inherit } .form-tab .nav-fill .nav-item { flex: 1 1 0 } .form-tab .tab-content .tab-pane { padding: 2rem 0 0 } .form-tab .form-group { margin-bottom: 1.3rem } .form-tab .form-footer { padding-top: .6rem; padding-bottom: 3rem; border-bottom: .1rem solid #ebebeb; margin-bottom: 2.3rem } .form-tab .form-footer .btn { margin-left: auto; margin-top: 1rem; order: 2; width: 100% } .form-tab .form-footer a { color: inherit } .form-tab .form-footer a:hover, .form-tab .form-footer a:focus { color: #000 } .form-tab .form-footer a:not(.forgot-link) { text-decoration: underline } .form-tab .form-footer .custom-control { margin: 0 } .form-tab .form-footer .forgot-link { order: -1; width: 100%; margin-bottom: .6rem } .form-choice { color: #333; font-weight: 400; font-size: 1.7rem; line-height: 1.5; letter-spacing: -.025em } .form-choice p { margin-bottom: 2.7rem } .btn.btn-login { color: #333; font-weight: 300; font-size: 1.7rem; line-height: 1.5; display: flex; align-items: center; justify-content: center; text-align: center; padding: .85rem 1rem; border: .1rem solid #000; min-width: 0 } .btn.btn-login i { text-align: left; display: inline-block; margin-right: 0 !important; margin-left: 0 !important; min-width: 2rem } .btn.btn-login.btn-g i { color: #cc3333; min-width: 2.6rem } .btn.btn-login.btn-f i { color: #3366cc } .btn.btn-login:hover, .btn.btn-login:focus { background-color: #f5f6f9 } .form-choice .col-sm-6:not(:last-child) { margin-bottom: .6rem } @media screen and (min-width: 576px) { .form-choice .col-sm-6:not(:last-child) { margin-bottom: 0 } .form-tab .form-footer .btn { width: auto; margin-top: 0 } } .radio-tile-group { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; } .radio-tile-group .input-container { position: relative; margin: 0.5rem; } .radio-tile-group .input-container .radio-button { opacity: 0; position: absolute; top: 0; left: 0; height: 100%; width: 100%; margin: 0; cursor: pointer; } .radio-tile-group .input-container .radio-tile { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 100%; height: 100%; border: 1px solid #000; padding: 1rem; -webkit-transition: -webkit-transform 300ms ease; transition: -webkit-transform 300ms ease; transition: transform 300ms ease; transition: transform 300ms ease, -webkit-transform 300ms ease; } .radio-tile-group .input-container .icon svg { fill: #000; width: 3rem; height: 3rem; } .radio-tile-group .input-container .radio-tile-label { text-align: center; font-size: 1.5rem; /* text-transform: uppercase; */ letter-spacing: 1px; color: #000; margin-top: 5px; line-height: 1; } .radio-tile-group .input-container .radio-button:checked + .radio-tile { background-color: #000; border: 2px solid #000; color: white; } .radio-tile-group .input-container .radio-button:checked + .radio-tile .icon svg { fill: white; background-color: #000; } .radio-tile-group .input-container .radio-button:checked + .radio-tile .radio-tile-label { color: white; background-color: #000; } @media screen and (min-width: 768px) { .form-box { padding: 3.7rem 4rem 3.7rem } .form-tab .nav.nav-pills .nav-link { font-size: 2.4rem } .form-tab .form-footer .btn { margin-left: 0; margin-right: 1.6rem; order: -1 } .form-tab .form-footer .forgot-link { order: 2; width: auto; margin-bottom: 0; margin-left: auto } } .categories-page .banner { overflow: hidden } .categories-page .banner > a:not(.banner-link):after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; transition: all .35s ease; background-color: rgba(25,25,25,0.3); z-index: 1; visibility: hidden; opacity: 0 } .categories-page .banner-badge .banner-link { padding-top: 1.45rem; padding-bottom: 1.45rem; background-color: rgba(255,255,255,0.9); z-index: 5; bottom: 2rem } .categories-page .banner-badge .banner-title { font-size: 1.7rem; margin-bottom: .5rem } .categories-page .banner-badge .banner-subtitle { font-size: 1.4rem } .categories-page .banner:hover > a:not(.banner-link):after { visibility: visible; opacity: 1 } .sidebar-filter-overlay { display: block; position: fixed; left: 0; top: 0; bottom: 0; right: 0; background-color: rgba(25,25,25,0.25); z-index: 1000; transition: all 0.4s; visibility: hidden; opacity: 0 } .sidebar-filter-active .sidebar-filter-overlay { visibility: visible; opacity: 1 } .sidebar-filter { position: fixed; left: -350px; top: 0; bottom: 0; z-index: 1001; background-color: #fff; width: 100%; max-width: 350px; overflow-y: scroll; box-shadow: 0.1rem 0 0.6rem 0 rgba(51,51,51,0.5); will-change: transform; visibility: hidden; transition: all 0.35s } .sidebar-filter-active .sidebar-filter { visibility: visible; transform: translateX(350px) } .sidebar-filter .widget { padding-left: 1rem; padding-right: 1rem } .sidebar-filter .widget:last-child { border-bottom: none } .sidebar-filter .widget-clean { color: #333; text-transform: uppercase; font-weight: 400; font-size: 1.7rem; line-height: 1.5; letter-spacing: -.01em; border-bottom: .1rem solid #ebebeb; padding: 0 1rem 2.4rem; margin-bottom: 2rem } .sidebar-filter .widget-clean i { font-size: 1.7rem; line-height: 1; margin-right: 1rem } .sidebar-filter .widget-clean a { font-size: 1.4rem } .sidebar-filter-banner.sidebar-shop .widget:not(.widget-clean) { border-bottom: none; margin-bottom: 4rem } .sidebar-filter-banner.sidebar-shop .widget-title { margin-bottom: 1.7rem } .sidebar-filter-wrapper { position: relative; padding: 3.5rem 2.7rem 1.5rem } .sidebar-filter-clear { text-transform: capitalize; margin-left: auto } @media screen and (max-width: 380px) { .sidebar-filter { left: -300px; max-width: 300px } .sidebar-filter-active .sidebar-filter { -webkit-transform: translateX(300px); transform: translateX(300px) } .sidebar-filter-wrapper { padding-left: 1.7rem; padding-right: 1.7rem } } @media screen and (min-width: 992px) { .checkout .col-lg-3 { -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30% } .checkout .col-lg-9 { -ms-flex: 0 70%; flex: 0 0 70%; max-width: 70% } } .checkout label { margin-bottom: .2rem } .checkout .form-control { margin-bottom: 1.3rem } .checkout .form-control + .form-control { margin-top: 2rem } .checkout .form-control:not(:focus) { background-color: #f9f9f9 } .checkout textarea.form-control { min-height: 150px } .checkout .custom-control { margin-top: 2.5rem } .checkout .custom-control + .custom-control { margin-top: 1.8rem } .checkout .custom-control + label { margin-top: 1rem } .checkout .custom-control .custom-control-label { font-weight: 400; color: #333 } .checkout-title { font-weight: 600; font-size: 2.2rem; letter-spacing: 1px; margin-top: 2.2rem; margin-bottom: 1.8rem; } .checkout-discount { position: relative; max-width: 340px; margin-bottom: .5rem } .checkout-discount label { position: absolute; left: 0; top: 50%; width: 100%; padding-left: 1.1rem; padding-right: 1.1rem; font-weight: 400; transform: translateY(-50%); -ms-transform: translateY(-50%); opacity: 1; transition: all .3s } .checkout-discount label span { color: #000 } .checkout-discount .form-control { background-color: transparent !important; border-radius: .3rem; border: .1rem dashed #d7d7d7; padding-left: 1.1rem; padding-right: 1.1rem } .checkout-discount .form-control:focus { border-color: #000; outline: none !important } .summary { padding: 2.5rem 3rem 3rem; border: .1rem dashed #d7d7d7; background-color: #f9f9f9; border-radius: .3rem; margin-top: 2rem; margin-bottom: 2rem } .summary-title { font-weight: 500; font-size: 1.7rem; letter-spacing: 0; padding-bottom: 1.7rem; border-bottom: .1rem solid #cccccc; margin-bottom: 2.1rem } .table.table-summary { line-height: 1.43; color: #666; border: none; margin-bottom: 0 } .table.table-summary a { color: inherit } .table.table-summary a:hover, .table.table-summary a:focus { color: #000 } .table.table-summary thead th, .table.table-summary .summary-subtotal td { color: #333; font-weight: 400; font-size: 1.6rem } .table.table-summary thead th { border-bottom: none; padding: 0 0 .3rem } .table.table-summary tbody td { padding: 0; height: 70px; border-bottom: .1rem solid #ebebeb } .table.table-summary thead th, .table.table-summary tbody td { vertical-align: middle; border-top: none } .table.table-summary thead th:last-child, .table.table-summary tbody td:last-child { text-align: right; min-width: 100px } .table.table-summary .summary-total td { font-weight: 400; font-size: 1.7rem; color: #000; border-bottom: none } .accordion-summary { margin-bottom: 3.2rem } .accordion-summary .card { color: #999; font-weight: 300; font-size: 1.2rem; line-height: 1.67; border: none; background-color: transparent } .accordion-summary .card-title { font-weight: 300; font-size: 1.7rem; color: #333; letter-spacing: 0 } .accordion-summary .card-title a { color: inherit; padding: .7rem 0 .7rem 3rem } .accordion-summary .card-title a img { margin-top: 1rem } .accordion-summary .card-title a:hover, .accordion-summary .card-title a:focus { color: inherit } .accordion-summary .card-title a small { font-size: 1.1rem; color: #999 } .accordion-summary .card-title a:before { content: ''; width: 1.6rem; height: 1.6rem; border-radius: 50%; border: 0.1rem solid #000; right: auto; left: 0; top: .7rem; transform: translateY(0); -ms-transform: translateY(0) } .accordion-summary .card-title a:after { content: ''; display: block; width: .6rem; height: .6rem; position: absolute; left: .5rem; top: 1.2rem; border-radius: 50%; background-color: #000; visibility: visible; opacity: 1; transition: all .3s } .accordion-summary .card-title a.collapsed:before { border-color: #dadada } .accordion-summary .card-title a.collapsed:after { opacity: 0; visibility: hidden } .accordion-summary .card-body { padding: .4rem 0 .8rem 3rem } .paypal-link { cursor: pointer; margin-top: .2rem } .paypal-link:hover, .paypal-link:focus { color: #000 !important } @media screen and (min-width: 992px) { .summary { margin-top: 0 } } .top-menu span.toolfree { font-weight: 600; } @media screen and (max-width: 991px) { .top-menu:not(.top-link-menu) span.toolfree { color: #000 !important; } } .table td { padding: 8px; } .table-bordered thead td, .table-bordered thead th { border-bottom-width: 2px; background: #0f0f0f; color: #fff; } .table .price-col { width: 180px; color: #333; font-weight: 400; font-size: 1.6rem } .table .stock-col { width: 160px; font-weight: 400; font-size: 1.6rem } .table .action-col { width: 202px } .table .action-col .btn { height: 40px; padding-top: .55rem; padding-bottom: .55rem; font-size: 1.7rem; text-transform: uppercase } .table .action-col .btn i { font-size: 1.8rem; margin-right: 1rem !important; margin-left: 0 !important } .table .action-col .btn.disabled { opacity: 1 !important; color: #cccccc !important; cursor: default; pointer-events: none; background-color: #f9f8f8 !important; border-color: #ebebeb !important } .table .remove-col { padding-right: 0; padding-left: 0; width: 38px; text-align: right } .table .remove-col .btn-remove { margin-right: -.7rem } .product-col .product { display: flex; align-items: center; margin: 0; padding-right: 2rem; box-shadow: none } .product-col .product-media { display: inline-block; margin: 0; margin-right: 2.8rem; flex-shrink: 0; max-width: 60px } .product-col .product-title { display: inline-block; color: #000; font-weight: 400; font-size: 1.7rem; line-height: 1.25; margin: 0; font-family: open sans,sans-serif } .product-col .product-title a { color: inherit } .product-col .product-title a:hover, .product-col .product-title a:focus { color: #000 } .in-stock { color: #a6c76c } .out-of-stock { color: #ef837b } .btn-remove { display: inline-flex; align-items: center; justify-content: center; width: 3rem; height: 2.6rem; color: #cccccc; background-color: transparent; font-size: 1.7rem; line-height: 1; border: none; outline: none; transition: all .35s } .btn-remove:hover, .btn-remove:focus { color: #333 } .action-col .dropdown-menu { color: #666; border-radius: 0; width: 100%; font-size: 1.7rem; padding-top: .5rem; padding-bottom: .5rem } .action-col .dropdown-item { padding: .5rem 1.5rem; transition: background .35s ease, color .1s ease } .action-col .dropdown-item.active, .action-col .dropdown-item:active, .action-col .dropdown-item:hover, .action-col .dropdown-item:focus { color: #fff; background-color: #000 } @media screen and (max-width: 991px) { .table-mobile, .table-mobile tbody, .table-mobile tr, .table-mobile td { width: 100% !important; display: block !important } .table-mobile thead { display: none !important } .table-mobile tr { position: relative; padding-top: 4.2rem; padding-bottom: 4rem } .table-mobile .remove-col { position: absolute; right: 1.5rem; top: .5rem; padding: .5rem !important; width: auto !important } .table-mobile tr td { text-align: center; padding: .1rem 3rem; border-bottom: none } .table-mobile tr .product-col { padding-bottom: .6rem } .table-mobile tr .action-col { padding-top: 1.5rem } .table-mobile tr .action-col .btn, .table-mobile tr .action-col .dropdown { max-width: 220px; margin-left: auto; margin-right: auto } .table-mobile .product-col .product { justify-content: center } .table-mobile .product-col .product-title { text-align: left } .table-mobile { border: .1rem solid #ebebeb } .table-mobile tr:not(:last-child) { border-bottom: .1rem solid #ebebeb } .table-mobile .cart-product-quantity { margin: .5rem auto } .product-col .product { padding-right: 0 } } @media screen and (max-width: 767px) { .table-mobile .product-col .product-media { margin-right: 1.5rem } .product-color li { display: inline-block; margin-right: 15px; width: 29%; cursor: pointer; margin-bottom: 15px; } .col-vs-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media screen and (max-width: 575px) { .cart-bottom { flex-direction: column; margin-bottom: 4rem } .product-color li { display: inline-block; margin-right: 15px; width: 43%; cursor: pointer; margin-bottom: 15px; } .cart-bottom .cart-discount .btn { margin-top: 0 } .cart-bottom .btn { margin-left: 0 !important; margin-top: 1rem } } @media screen and (min-width: 992px) { .cart .col-lg-3 { -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30% } .cart .col-lg-9 { -ms-flex: 0 70%; flex: 0 0 70%; max-width: 70% } } .table .total-col { color: #000; font-weight: 400; font-size: 1.6rem } .table.table-cart .price-col { width: 120px } .table.table-cart .total-col { width: 80px } .table.table-cart .quantity-col { width: 135px } .cart-product-quantity { width: 100px } .cart-product-quantity .form-control { padding: .85rem 2.6rem; height: 40px; max-width: 100%; border-color: #dadada; background-color: #fff; margin: 0 } .input-spinner { position: relative } .input-spinner .input-group-prepend, .input-spinner .input-group-append { position: absolute; top: 0 } .input-spinner .input-group-prepend { left: 0 } .input-spinner .input-group-append { right: 0 } .input-spinner .form-control { padding: .5rem 2rem; height: auto; border-color: #dadada; background-color: #fff; margin: 0 } .input-spinner .form-control[disabled] { background-color: #f9f9f9 } .btn.btn-spinner { min-width: 0; color: #000; padding: 1.25rem .4rem; font-size: 1rem; border: none; background: none } .btn.btn-spinner i { margin: 0 !important } .btn.btn-spinner:hover, .btn.btn-spinner:focus { color: #000 } .cart-bottom { display: flex; align-items: flex-start; margin-bottom: 5rem } .cart-bottom .btn { margin-left: auto; min-width: 152px } .cart-discount { flex: 0 0 50%; max-width: 326px } .cart-discount .form-control { margin-right: 1.1rem } .cart-discount .btn { min-width: 40px; padding-left: 0; padding-right: 0 } .summary.summary-cart { margin-bottom: 3rem } .summary.summary-cart .summary-title { margin-bottom: 0 } .table.table-summary .summary-shipping { color: #333; font-weight: 400; font-size: 1.6rem } .table.table-summary .summary-shipping td { padding-top: 2rem; padding-bottom: 1.3rem; height: auto; border-bottom: none } .table.table-summary .summary-shipping-row { color: #333 } .table.table-summary .summary-shipping-row label { color: inherit } .table.table-summary .summary-shipping-row td { height: auto; padding-top: .5rem; padding-bottom: .5rem; border-bottom: none } .table.table-summary .custom-control { margin: 0 } .table.table-summary .summary-shipping-estimate { color: #333; font-weight: 400; font-size: 1.6rem } .table.table-summary .summary-shipping-estimate td { height: auto; padding-top: 1.4rem; padding-bottom: 2.3rem } .table.table-summary .summary-shipping-estimate a { margin-top: .6rem; display: inline-block; font-weight: 300; color: #999; font-size: 1.7rem; border-bottom: 0.1rem solid #999 } .table.table-summary .summary-shipping-estimate a:hover, .table.table-summary .summary-shipping-estimate a:focus { color: #000; border-bottom-color: #000 } .summary-cart .table.table-summary thead th:last-child, .summary-cart .table.table-summary tbody td:last-child { min-width: 0 } @media screen and (min-width: 992px) { .dashboard .col-lg-3 { -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30% } .dashboard .col-lg-9 { -ms-flex: 0 70%; flex: 0 0 70%; max-width: 70% } } .dashboard label { margin-bottom: .2rem } .dashboard .form-control { margin-bottom: 1.3rem } .dashboard .form-control + .form-control { margin-top: 2rem } .dashboard .form-control:not(:focus) { background-color: #f9f9f9 } .dashboard .tab-pane { padding: 0; border: none; line-height: 2.15; padding-bottom: 2rem } .dashboard .tab-pane p { margin-bottom: 1rem } .dashboard .btn { min-width: 123px } .nav-dashboard { margin-top: -1rem } .nav-dashboard .nav-link { overflow: hidden; position: relative; font-weight: 300; font-size: 1.7rem; line-height: 1.5; padding: 1.4rem 0; color: #333; border-bottom: .1rem solid #ebebeb } .nav-dashboard .nav-link:before { font-family: "molla"; content: '\f274'; display: block; font-size: 1.5rem; line-height: 1; position: absolute; top: 50%; left: -15px; margin-top: -7.5px; transition: all .3s; opacity: 0 } .nav-dashboard .nav-link:hover, .nav-dashboard .nav-link:focus, .nav-dashboard .nav-link.active { color: #000 } .nav-dashboard .nav-link.active { padding-left: 2rem } .nav-dashboard .nav-link.active:before { left: 0; opacity: 1 } .card-dashboard { margin-bottom: 3rem; background-color: #f9f9f9; border: .1rem solid #ebebeb !important; } .card-dashboard .card-title { letter-spacing: 0; margin-bottom: .5rem } .card-dashboard .card-body { padding: 1.3rem 2.8rem 2rem } .error-content { color: #777; font-weight: 400; font-size: 1.8rem; line-height: 1.5; letter-spacing: -.025em; padding-top: 8.5rem; background-size: cover; background-position: center center; background-repeat: no-repeat; min-height: 480px; background-color: #fdfdfd } .error-content p { margin-bottom: 2.5rem } .error-title { letter-spacing: -.025em; margin-bottom: 1.4rem } @media screen and (min-width: 768px) { .error-content { padding-top: 12.5rem; min-height: 540px } .error-content { min-height: 620px } } .soon { position: relative; background-color: #fff } .soon-content { display: flex; align-items: center; justify-content: center; position: relative; padding-top: 8rem; padding-bottom: 9rem; min-height: 100vh; background-color: #fff; z-index: 2; color: #999; font-weight: 400; font-size: 1.5rem; line-height: 1.875 } .soon-content form, .soon-content hr { max-width: 496px } .soon-content.text-center p { max-width: 680px; margin-left: auto; margin-right: auto } .soon-content.text-center form, .soon-content.text-center hr, .soon-content.text-center .coming-countdown { margin-left: auto; margin-right: auto } .soon-content form { padding-top: .5rem } .soon-content .input-group { flex-direction: column; align-items: center } .soon-content .btn { min-width: 140px; margin-top: 1rem } .soon-content .form-control { width: 100% } .soon-content .form-control:not(:focus) { border-color: #dadada } .soon-bg { display: none; height: 100%; width: 50%; position: absolute; left: 50%; top: 0; bottom: 0; z-index: 1 } .soon-logo { margin-bottom: 2.3rem } .soon-title { font-weight: 400; letter-spacing: -.025em; margin-bottom: 4.2rem } .coming-countdown { max-width: 476px; min-height: 53px; padding-bottom: .7rem } .coming-countdown .countdown-section { font-weight: 300; font-size: 1.7rem; line-height: 1; letter-spacing: 0 } .coming-countdown .countdown-amount { color: #000; font-weight: 400; font-size: 2.4rem; letter-spacing: -.025em } .coming-countdown.countdown-separator .countdown-section:not(:last-child):after { font-size: 30px; margin-left: 8px; color: #000; margin-top: -1rem } @media screen and (min-width: 576px) { .soon-content { font-size: 1.6rem } .soon-content .input-group { flex-direction: row } .soon-content .btn { margin-left: 1rem; margin-top: 0 } .soon-content .form-control { width: auto } .coming-countdown .countdown-section { font-size: 1.6rem } .coming-countdown .countdown-amount { font-size: 3rem } } @media screen and (min-width: 768px) { .soon-content { padding-right: 3rem } .soon-bg { display: block } } @media screen and (min-width: 1200px) { .soon-content { padding-right: 0 } } .mt-0 { margin-top: 0rem !important } .mb-0 { margin-bottom: 0rem !important } .pt-0 { padding-top: 0rem !important } .pb-0 { padding-bottom: 0rem !important } .mt-1 { margin-top: 1rem !important } .mb-1 { margin-bottom: 1rem !important } .pt-1 { padding-top: 1rem !important } .pb-1 { padding-bottom: 1rem !important } .mt-2 { margin-top: 2rem !important } .mb-2 { margin-bottom: 2rem !important } .pt-2 { padding-top: 2rem !important } .pb-2 { padding-bottom: 2rem !important } .mt-3 { margin-top: 3rem !important } .mb-3 { margin-bottom: 3rem !important } .pt-3 { padding-top: 3rem !important } .pb-3 { padding-bottom: 3rem !important } .mt-4 { margin-top: 4rem !important } .mb-4 { margin-bottom: 4rem !important } .pt-4 { padding-top: 4rem !important } .pb-4 { padding-bottom: 4rem !important } .mt-5 { margin-top: 5rem !important } .mb-5 { margin-bottom: 5rem !important } .pt-5 { padding-top: 5rem !important } .pb-5 { padding-bottom: 5rem !important } .mt-6 { margin-top: 6rem !important } .mb-6 { margin-bottom: 6rem !important } .pt-6 { padding-top: 6rem !important } .pb-6 { padding-bottom: 6rem !important } .mt-7 { margin-top: 7rem !important } .mb-7 { margin-bottom: 7rem !important } .pt-7 { padding-top: 7rem !important } .pb-7 { padding-bottom: 7rem !important } .mt-8 { margin-top: 8rem !important } .mb-8 { margin-bottom: 8rem !important } .pt-8 { padding-top: 8rem !important } .pb-8 { padding-bottom: 8rem !important } .mt-9 { margin-top: 9rem !important } .mb-9 { margin-bottom: 9rem !important } .pt-9 { padding-top: 9rem !important } .pb-9 { padding-bottom: 9rem !important } .mt-10 { margin-top: 10rem !important } .mb-10 { margin-bottom: 10rem !important } .pt-10 { padding-top: 10rem !important } .pb-10 { padding-bottom: 10rem !important } .mt-11 { margin-top: 11rem !important } .mb-11 { margin-bottom: 11rem !important } .pt-11 { padding-top: 11rem !important } .pb-11 { padding-bottom: 11rem !important } .mt-12 { margin-top: 12rem !important } .mb-12 { margin-bottom: 12rem !important } .pt-12 { padding-top: 12rem !important } .pb-12 { padding-bottom: 12rem !important } .mt-13 { margin-top: 13rem !important } .mb-13 { margin-bottom: 13rem !important } .pt-13 { padding-top: 13rem !important } .pb-13 { padding-bottom: 13rem !important } .mt-14 { margin-top: 14rem !important } .mb-14 { margin-bottom: 14rem !important } .pt-14 { padding-top: 14rem !important } .pb-14 { padding-bottom: 14rem !important } .mt-15 { margin-top: 15rem !important } .mb-15 { margin-bottom: 15rem !important } .pt-15 { padding-top: 15rem !important } .pb-15 { padding-bottom: 15rem !important } @media screen and (min-width: 768px) { .mt-md-0 { margin-top: 0rem !important } .mt-md-1 { margin-top: 1rem !important } .mt-md-2 { margin-top: 2rem !important } .mt-md-3 { margin-top: 3rem !important } .mt-md-4 { margin-top: 4rem !important } .mt-md-5 { margin-top: 5rem !important } .mt-md-6 { margin-top: 6rem !important } .mt-md-7 { margin-top: 7rem !important } .mt-md-8 { margin-top: 8rem !important } .mt-md-9 { margin-top: 9rem !important } .mt-md-10 { margin-top: 10rem !important } .mt-md-11 { margin-top: 11rem !important } .mt-md-12 { margin-top: 12rem !important } .mt-md-13 { margin-top: 13rem !important } .mt-md-14 { margin-top: 14rem !important } .mt-md-15 { margin-top: 15rem !important } .mb-md-0 { margin-bottom: 0rem !important } .mb-md-1 { margin-bottom: 1rem !important } .mb-md-2 { margin-bottom: 2rem !important } .mb-md-3 { margin-bottom: 3rem !important } .mb-md-4 { margin-bottom: 4rem !important } .mb-md-5 { margin-bottom: 5rem !important } .mb-md-6 { margin-bottom: 6rem !important } .mb-md-7 { margin-bottom: 7rem !important } .mb-md-8 { margin-bottom: 8rem !important } .mb-md-9 { margin-bottom: 9rem !important } .mb-md-10 { margin-bottom: 10rem !important } .mb-md-11 { margin-bottom: 11rem !important } .mb-md-12 { margin-bottom: 12rem !important } .mb-md-13 { margin-bottom: 13rem !important } .mb-md-14 { margin-bottom: 14rem !important } .mb-md-15 { margin-bottom: 15rem !important } .pt-md-0 { padding-top: 0rem !important } .pt-md-1 { padding-top: 1rem !important } .pt-md-2 { padding-top: 2rem !important } .pt-md-3 { padding-top: 3rem !important } .pt-md-4 { padding-top: 4rem !important } .pt-md-5 { padding-top: 5rem !important } .pt-md-6 { padding-top: 6rem !important } .pt-md-7 { padding-top: 7rem !important } .pt-md-8 { padding-top: 8rem !important } .pt-md-9 { padding-top: 9rem !important } .pt-md-10 { padding-top: 10rem !important } .pt-md-11 { padding-top: 11rem !important } .pt-md-12 { padding-top: 12rem !important } .pt-md-13 { padding-top: 13rem !important } .pt-md-14 { padding-top: 14rem !important } .pt-md-15 { padding-top: 15rem !important } .pb-md-0 { padding-bottom: 0rem !important } .pb-md-1 { padding-bottom: 1rem !important } .pb-md-2 { padding-bottom: 2rem !important } .pb-md-3 { padding-bottom: 3rem !important } .pb-md-4 { padding-bottom: 4rem !important } .pb-md-5 { padding-bottom: 5rem !important } .pb-md-6 { padding-bottom: 6rem !important } .pb-md-7 { padding-bottom: 7rem !important } .pb-md-8 { padding-bottom: 8rem !important } .pb-md-9 { padding-bottom: 9rem !important } .pb-md-10 { padding-bottom: 10rem !important } .pb-md-11 { padding-bottom: 11rem !important } .pb-md-12 { padding-bottom: 12rem !important } .pb-md-13 { padding-bottom: 13rem !important } .pb-md-14 { padding-bottom: 14rem !important } .pb-md-15 { padding-bottom: 15rem !important } } @media screen and (min-width: 992px) { .mt-lg-0 { margin-top: 0rem !important } .mt-lg-1 { margin-top: 1rem !important } .mt-lg-2 { margin-top: 2rem !important } .mt-lg-3 { margin-top: 3rem !important } .mt-lg-4 { margin-top: 4rem !important } .mt-lg-5 { margin-top: 5rem !important } .mt-lg-6 { margin-top: 6rem !important } .mt-lg-7 { margin-top: 7rem !important } .mt-lg-8 { margin-top: 8rem !important } .mt-lg-9 { margin-top: 9rem !important } .mt-lg-10 { margin-top: 10rem !important } .mt-lg-11 { margin-top: 11rem !important } .mt-lg-12 { margin-top: 12rem !important } .mt-lg-13 { margin-top: 13rem !important } .mt-lg-14 { margin-top: 14rem !important } .mt-lg-15 { margin-top: 15rem !important } .mb-lg-0 { margin-bottom: 0rem !important } .mb-lg-1 { margin-bottom: 1rem !important } .mb-lg-2 { margin-bottom: 2rem !important } .mb-lg-3 { margin-bottom: 3rem !important } .mb-lg-4 { margin-bottom: 4rem !important } .mb-lg-5 { margin-bottom: 5rem !important } .mb-lg-6 { margin-bottom: 6rem !important } .mb-lg-7 { margin-bottom: 7rem !important } .mb-lg-8 { margin-bottom: 8rem !important } .mb-lg-9 { margin-bottom: 9rem !important } .mb-lg-10 { margin-bottom: 10rem !important } .mb-lg-11 { margin-bottom: 11rem !important } .mb-lg-12 { margin-bottom: 12rem !important } .mb-lg-13 { margin-bottom: 13rem !important } .mb-lg-14 { margin-bottom: 14rem !important } .mb-lg-15 { margin-bottom: 15rem !important } .pt-lg-0 { padding-top: 0rem !important } .pt-lg-1 { padding-top: 1rem !important } .pt-lg-2 { padding-top: 2rem !important } .pt-lg-3 { padding-top: 3rem !important } .pt-lg-4 { padding-top: 4rem !important } .pt-lg-5 { padding-top: 5rem !important } .pt-lg-6 { padding-top: 6rem !important } .pt-lg-7 { padding-top: 7rem !important } .pt-lg-8 { padding-top: 8rem !important } .pt-lg-9 { padding-top: 9rem !important } .pt-lg-10 { padding-top: 10rem !important } .pt-lg-11 { padding-top: 11rem !important } .pt-lg-12 { padding-top: 12rem !important } .pt-lg-13 { padding-top: 13rem !important } .pt-lg-14 { padding-top: 14rem !important } .pt-lg-15 { padding-top: 15rem !important } .pb-lg-0 { padding-bottom: 0rem !important } .pb-lg-1 { padding-bottom: 1rem !important } .pb-lg-2 { padding-bottom: 2rem !important } .pb-lg-3 { padding-bottom: 3rem !important } .pb-lg-4 { padding-bottom: 4rem !important } .pb-lg-5 { padding-bottom: 5rem !important } .pb-lg-6 { padding-bottom: 6rem !important } .pb-lg-7 { padding-bottom: 7rem !important } .pb-lg-8 { padding-bottom: 8rem !important } .pb-lg-9 { padding-bottom: 9rem !important } .pb-lg-10 { padding-bottom: 10rem !important } .pb-lg-11 { padding-bottom: 11rem !important } .pb-lg-12 { padding-bottom: 12rem !important } .pb-lg-13 { padding-bottom: 13rem !important } .pb-lg-14 { padding-bottom: 14rem !important } .pb-lg-15 { padding-bottom: 15rem !important } } @media screen and (min-width: 1200px) { .mt-xl-0 { margin-top: 0rem !important } .mt-xl-1 { margin-top: 1rem !important } .mt-xl-2 { margin-top: 2rem !important } .mt-xl-3 { margin-top: 3rem !important } .mt-xl-4 { margin-top: 4rem !important } .mt-xl-5 { margin-top: 5rem !important } .mt-xl-6 { margin-top: 6rem !important } .mt-xl-7 { margin-top: 7rem !important } .mt-xl-8 { margin-top: 8rem !important } .mt-xl-9 { margin-top: 9rem !important } .mt-xl-10 { margin-top: 10rem !important } .mt-xl-11 { margin-top: 11rem !important } .mt-xl-12 { margin-top: 12rem !important } .mt-xl-13 { margin-top: 13rem !important } .mt-xl-14 { margin-top: 14rem !important } .mt-xl-15 { margin-top: 15rem !important } .mb-xl-0 { margin-bottom: 0rem !important } .mb-xl-1 { margin-bottom: 1rem !important } .mb-xl-2 { margin-bottom: 2rem !important } .mb-xl-3 { margin-bottom: 3rem !important } .mb-xl-4 { margin-bottom: 4rem !important } .mb-xl-5 { margin-bottom: 5rem !important } .mb-xl-6 { margin-bottom: 6rem !important } .mb-xl-7 { margin-bottom: 7rem !important } .mb-xl-8 { margin-bottom: 8rem !important } .mb-xl-9 { margin-bottom: 9rem !important } .mb-xl-10 { margin-bottom: 10rem !important } .mb-xl-11 { margin-bottom: 11rem !important } .mb-xl-12 { margin-bottom: 12rem !important } .mb-xl-13 { margin-bottom: 13rem !important } .mb-xl-14 { margin-bottom: 14rem !important } .mb-xl-15 { margin-bottom: 15rem !important } } @media screen and (min-width: 1600px) { .mt-xxl-0 { margin-top: 0rem !important } .mt-xxl-1 { margin-top: 1rem !important } .mt-xxl-2 { margin-top: 2rem !important } .mt-xxl-3 { margin-top: 3rem !important } .mt-xxl-4 { margin-top: 4rem !important } .mt-xxl-5 { margin-top: 5rem !important } .mt-xxl-6 { margin-top: 6rem !important } .mt-xxl-7 { margin-top: 7rem !important } .mt-xxl-8 { margin-top: 8rem !important } .mt-xxl-9 { margin-top: 9rem !important } .mt-xxl-10 { margin-top: 10rem !important } .mt-xxl-11 { margin-top: 11rem !important } .mt-xxl-12 { margin-top: 12rem !important } .mt-xxl-13 { margin-top: 13rem !important } .mt-xxl-14 { margin-top: 14rem !important } .mt-xxl-15 { margin-top: 15rem !important } .mb-xxl-0 { margin-bottom: 0rem !important } .mb-xxl-1 { margin-bottom: 1rem !important } .mb-xxl-2 { margin-bottom: 2rem !important } .mb-xxl-3 { margin-bottom: 3rem !important } .mb-xxl-4 { margin-bottom: 4rem !important } .mb-xxl-5 { margin-bottom: 5rem !important } .mb-xxl-6 { margin-bottom: 6rem !important } .mb-xxl-7 { margin-bottom: 7rem !important } .mb-xxl-8 { margin-bottom: 8rem !important } .mb-xxl-9 { margin-bottom: 9rem !important } .mb-xxl-10 { margin-bottom: 10rem !important } .mb-xxl-11 { margin-bottom: 11rem !important } .mb-xxl-12 { margin-bottom: 12rem !important } .mb-xxl-13 { margin-bottom: 13rem !important } .mb-xxl-14 { margin-bottom: 14rem !important } .mb-xxl-15 { margin-bottom: 15rem !important } } @font-face { font-family: 'molla'; src: url("/Content/assets/fonts/molla0ab2.eot?74273691"); src: url("/Content/assets/fonts/molla0ab2.eot?74273691#iefix") format("embedded-opentype"),url("/Content/assets/fonts/molla0ab2.woff2?74273691") format("woff2"),url("/Content/assets/fonts/molla0ab2.woff?74273691") format("woff"),url("/Content/assets/fonts/molla0ab2.ttf?74273691") format("truetype"),url("/Content/assets/fonts/molla0ab2.svg?74273691#molla") format("svg"); font-weight: normal; font-style: normal } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "molla"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .icon-google:before { content: '\e800' } .icon-check:before { content: '\e801' } .icon-angle-up:before { content: '\e802' } .icon-life-ring:before { content: '\e803' } .icon-phone-square:before { content: '\e804' } .icon-euro:before { content: '\e805' } .icon-phone:before { content: '\e806' } .icon-life-bouy:before { content: '\e807' } .icon-rmb:before { content: '\e808' } .icon-creative-commons-1:before { content: '\e809' } .icon-comment-o:before { content: '\e80a' } .icon-check-circle-o:before { content: '\e80b' } .icon-info-circle:before { content: '\e80c' } .icon-cog:before { content: '\e80d' } .icon-cogs:before { content: '\e80e' } .icon-gift:before { content: '\e80f' } .icon-cart-arrow-down:before { content: '\e810' } .icon-home:before { content: '\e811' } .icon-cart-plus:before { content: '\e812' } .icon-refresh:before { content: '\e813' } .icon-eye:before { content: '\e814' } .icon-map-marker:before { content: '\e815' } .icon-headphones:before { content: '\e816' } .icon-comments:before { content: '\e817' } .icon-list-alt:before { content: '\e818' } .icon-list-ol:before { content: '\e819' } .icon-clone-1:before { content: '\e81a' } .icon-plus-square-o:before { content: '\e81b' } .icon-rotate-left:before { content: '\e81c' } .icon-tv:before { content: '\e81d' } .icon-play:before { content: '\ec2c' } .icon-check:before { content: '\ec2d' } .icon-music:before { content: '\f001' } .icon-gift-1:before { content: '\f06b' } .icon-twitter-square:before { content: '\f081' } .icon-facebook-square:before { content: '\f082' } .icon-linkedin:before { content: '\f08c' } .icon-github-square:before { content: '\f092' } .icon-twitter:before { content: '\f099' } .icon-facebook:before { content: '\f09a' } .icon-github:before { content: '\f09b' } .icon-pinterest:before { content: '\f0d2' } .icon-pinterest-square:before { content: '\f0d3' } .icon-google-plus-square:before { content: '\f0d4' } .icon-google-plus-g:before { content: '\f0d5' } .icon-linkedin-in:before { content: '\f0e1' } .icon-laptop:before { content: '\f109' } .icon-quote-left:before { content: '\f10d' } .icon-quote-right:before { content: '\f10e' } .icon-angle-down:before { content: '\f110' } .icon-angle-left:before { content: '\f111' } .icon-angle-right:before { content: '\f112' } .icon-github-alt:before { content: '\f113' } .icon-arrow-down:before { content: '\f11f' } .icon-arrow-left:before { content: '\f120' } .icon-arrow-right:before { content: '\f121' } .icon-arrow-up:before { content: '\f122' } .icon-arrows:before { content: '\f123' } .icon-balance-scale:before { content: '\f12b' } .icon-bars:before { content: '\f131' } .icon-maxcdn:before { content: '\f136' } .icon-html5:before { content: '\f13b' } .icon-css3:before { content: '\f13c' } .icon-binoculars:before { content: '\f145' } .icon-bookmark-o:before { content: '\f150' } .icon-btc:before { content: '\f15a' } .icon-calendar:before { content: '\f15c' } .icon-youtube:before { content: '\f167' } .icon-xing:before { content: '\f168' } .icon-xing-square:before { content: '\f169' } .icon-dropbox:before { content: '\f16b' } .icon-stack-overflow:before { content: '\f16c' } .icon-instagram:before { content: '\f16d' } .icon-flickr:before { content: '\f16e' } .icon-adn:before { content: '\f170' } .icon-bitbucket:before { content: '\f171' } .icon-tumblr:before { content: '\f173' } .icon-tumblr-square:before { content: '\f174' } .icon-certificate:before { content: '\f178' } .icon-apple:before { content: '\f179' } .icon-windows:before { content: '\f17a' } .icon-android:before { content: '\f17b' } .icon-linux:before { content: '\f17c' } .icon-dribbble:before { content: '\f17d' } .icon-skype:before { content: '\f17e' } .icon-foursquare:before { content: '\f180' } .icon-trello:before { content: '\f181' } .icon-gratipay:before { content: '\f184' } .icon-vk:before { content: '\f189' } .icon-weibo:before { content: '\f18a' } .icon-renren:before { content: '\f18b' } .icon-pagelines:before { content: '\f18c' } .icon-stack-exchange:before { content: '\f18d' } .icon-clock-o:before { content: '\f18f' } .icon-close:before { content: '\f191' } .icon-vimeo-square:before { content: '\f194' } .icon-slack:before { content: '\f198' } .icon-wordpress:before { content: '\f19a' } .icon-openid:before { content: '\f19b' } .icon-yahoo:before { content: '\f19e' } .icon-reddit:before { content: '\f1a1' } .icon-reddit-square:before { content: '\f1a2' } .icon-stumbleupon-circle:before { content: '\f1a3' } .icon-stumbleupon:before { content: '\f1a4' } .icon-delicious:before { content: '\f1a5' } .icon-digg:before { content: '\f1a6' } .icon-pied-piper-pp:before { content: '\f1a7' } .icon-pied-piper-alt:before { content: '\f1a8' } .icon-drupal:before { content: '\f1a9' } .icon-joomla:before { content: '\f1aa' } .icon-behance:before { content: '\f1b4' } .icon-behance-square:before { content: '\f1b5' } .icon-steam:before { content: '\f1b6' } .icon-steam-square:before { content: '\f1b7' } .icon-dollar:before { content: '\f1bb' } .icon-spotify:before { content: '\f1bc' } .icon-deviantart:before { content: '\f1bd' } .icon-soundcloud:before { content: '\f1be' } .icon-edit:before { content: '\f1c1' } .icon-envelope:before { content: '\f1c6' } .icon-vine:before { content: '\f1ca' } .icon-codepen:before { content: '\f1cb' } .icon-jsfiddle:before { content: '\f1cc' } .icon-exclamation-circle:before { content: '\f1ce' } .icon-rebel:before { content: '\f1d0' } .icon-empire:before { content: '\f1d1' } .icon-git:before { content: '\f1d3' } .icon-hacker-news:before { content: '\f1d4' } .icon-tencent-weibo:before { content: '\f1d5' } .icon-qq:before { content: '\f1d6' } .icon-weixin:before { content: '\f1d7' } .icon-slideshare:before { content: '\f1e7' } .icon-twitch:before { content: '\f1e8' } .icon-yelp:before { content: '\f1e9' } .icon-paypal:before { content: '\f1ed' } .icon-google-wallet:before { content: '\f1ee' } .icon-cc-visa:before { content: '\f1f0' } .icon-cc-mastercard:before { content: '\f1f1' } .icon-cc-discover:before { content: '\f1f2' } .icon-cc-amex:before { content: '\f1f3' } .icon-cc-paypal:before { content: '\f1f4' } .icon-cc-stripe:before { content: '\f1f5' } .icon-lastfm:before { content: '\f202' } .icon-lastfm-square:before { content: '\f203' } .icon-ioxhost:before { content: '\f208' } .icon-angellist:before { content: '\f209' } .icon-buysellads:before { content: '\f20d' } .icon-connectdevelop:before { content: '\f20e' } .icon-dashcube:before { content: '\f210' } .icon-forumbee:before { content: '\f211' } .icon-leanpub:before { content: '\f212' } .icon-sellsy:before { content: '\f213' } .icon-shirtsinbulk:before { content: '\f214' } .icon-simplybuilt:before { content: '\f215' } .icon-skyatlas:before { content: '\f216' } .icon-heartbeat:before { content: '\f21e' } .icon-pinterest-p:before { content: '\f231' } .icon-whatsapp:before { content: '\f232' } .icon-heart:before { content: '\f233' } .icon-heart-o:before { content: '\f234' } .icon-viacoin:before { content: '\f237' } .icon-medium:before { content: '\f23a' } .icon-y-combinator:before { content: '\f23b' } .icon-optin-monster:before { content: '\f23c' } .icon-opencart:before { content: '\f23d' } .icon-expeditedssl:before { content: '\f23e' } .icon-cc-jcb:before { content: '\f24b' } .icon-cc-diners-club:before { content: '\f24c' } .icon-clone:before { content: '\f24d' } .icon-jpy:before { content: '\f253' } .icon-creative-commons:before { content: '\f25e' } .icon-gg:before { content: '\f260' } .icon-gg-circle:before { content: '\f261' } .icon-tripadvisor:before { content: '\f262' } .icon-odnoklassniki:before { content: '\f263' } .icon-odnoklassniki-square:before { content: '\f264' } .icon-get-pocket:before { content: '\f265' } .icon-wikipedia-w:before { content: '\f266' } .icon-safari:before { content: '\f267' } .icon-chrome:before { content: '\f268' } .icon-firefox:before { content: '\f269' } .icon-opera:before { content: '\f26a' } .icon-internet-explorer:before { content: '\f26b' } .icon-list:before { content: '\f26c' } .icon-contao:before { content: '\f26d' } .icon-500px:before { content: '\f26e' } .icon-list-ul:before { content: '\f26f' } .icon-amazon:before { content: '\f270' } .icon-long-arrow-down:before { content: '\f272' } .icon-long-arrow-left:before { content: '\f273' } .icon-long-arrow-right:before { content: '\f274' } .icon-long-arrow-up:before { content: '\f275' } .icon-magic:before { content: '\f276' } .icon-map-signs:before { content: '\f277' } .icon-mail-reply:before { content: '\f279' } .icon-houzz:before { content: '\f27c' } .icon-vimeo-v:before { content: '\f27d' } .icon-black-tie:before { content: '\f27e' } .icon-fonticons:before { content: '\f280' } .icon-reddit-alien:before { content: '\f281' } .icon-edge:before { content: '\f282' } .icon-codiepie:before { content: '\f284' } .icon-modx:before { content: '\f285' } .icon-fort-awesome:before { content: '\f286' } .icon-usb:before { content: '\f287' } .icon-product-hunt:before { content: '\f288' } .icon-mixcloud:before { content: '\f289' } .icon-scribd:before { content: '\f28a' } .icon-minus:before { content: '\f28e' } .icon-shopping-bag:before { content: '\f290' } .icon-bluetooth:before { content: '\f293' } .icon-bluetooth-b:before { content: '\f294' } .icon-gitlab:before { content: '\f296' } .icon-wpbeginner:before { content: '\f297' } .icon-wpforms:before { content: '\f298' } .icon-envira:before { content: '\f299' } .icon-glide:before { content: '\f2a5' } .icon-glide-g:before { content: '\f2a6' } .icon-viadeo:before { content: '\f2a9' } .icon-viadeo-square:before { content: '\f2aa' } .icon-snapchat:before { content: '\f2ab' } .icon-snapchat-ghost:before { content: '\f2ac' } .icon-snapchat-square:before { content: '\f2ad' } .icon-pied-piper:before { content: '\f2ae' } .icon-first-order:before { content: '\f2b0' } .icon-yoast:before { content: '\f2b1' } .icon-themeisle:before { content: '\f2b2' } .icon-google-plus:before { content: '\f2b3' } .icon-font-awesome:before { content: '\f2b4' } .icon-linode:before { content: '\f2b8' } .icon-play-outline:before { content: '\f2be' } .icon-plus:before { content: '\f2c2' } .icon-quora:before { content: '\f2c4' } .icon-free-code-camp:before { content: '\f2c5' } .icon-telegram:before { content: '\f2c6' } .icon-puzzle-piece:before { content: '\f2c8' } .icon-question-circle:before { content: '\f2cc' } .icon-random:before { content: '\f2d0' } .icon-bandcamp:before { content: '\f2d5' } .icon-grav:before { content: '\f2d6' } .icon-etsy:before { content: '\f2d7' } .icon-imdb:before { content: '\f2d8' } .icon-ravelry:before { content: '\f2d9' } .icon-sellcast:before { content: '\f2da' } .icon-superpowers:before { content: '\f2dd' } .icon-wpexplorer:before { content: '\f2de' } .icon-rocket:before { content: '\f2df' } .icon-meetup:before { content: '\f2e0' } .icon-rotate-right:before { content: '\f2e1' } .icon-rupee:before { content: '\f2e7' } .icon-search:before { content: '\f2eb' } .icon-search-plus:before { content: '\f2ed' } .icon-shopping-cart:before { content: '\f2fa' } .icon-spinner:before { content: '\f311' } .icon-star:before { content: '\f318' } .icon-star-o:before { content: '\f31b' } .icon-tag:before { content: '\f330' } .icon-tags:before { content: '\f331' } .icon-th-list:before { content: '\f33b' } .icon-thumbs-down:before { content: '\f33d' } .icon-thumbs-up:before { content: '\f340' } .icon-times:before { content: '\f342' } .icon-times-circle-o:before { content: '\f344' } .icon-trophy:before { content: '\f351' } .icon-truck:before { content: '\f352' } .icon-turkish-lira:before { content: '\f357' } .icon-font-awesome-alt:before { content: '\f35c' } .icon-unlock:before { content: '\f360' } .icon-usd:before { content: '\f363' } .icon-user:before { content: '\f364' } .icon-accessible-icon:before { content: '\f368' } .icon-accusoft:before { content: '\f369' } .icon-adversal:before { content: '\f36a' } .icon-affiliatetheme:before { content: '\f36b' } .icon-algolia:before { content: '\f36c' } .icon-amilia:before { content: '\f36d' } .icon-angrycreative:before { content: '\f36e' } .icon-app-store:before { content: '\f36f' } .icon-app-store-ios:before { content: '\f370' } .icon-apper:before { content: '\f371' } .icon-asymmetrik:before { content: '\f372' } .icon-audible:before { content: '\f373' } .icon-avianex:before { content: '\f374' } .icon-aws:before { content: '\f375' } .icon-bimobject:before { content: '\f378' } .icon-bitcoin:before { content: '\f379' } .icon-bity:before { content: '\f37a' } .icon-blackberry:before { content: '\f37b' } .icon-blogger:before { content: '\f37c' } .icon-blogger-b:before { content: '\f37d' } .icon-buromobelexperte:before { content: '\f37f' } .icon-centercode:before { content: '\f380' } .icon-cloudscale:before { content: '\f383' } .icon-cloudsmith:before { content: '\f384' } .icon-cloudversify:before { content: '\f385' } .icon-cpanel:before { content: '\f388' } .icon-yen:before { content: '\f38a' } .icon-css3-alt:before { content: '\f38b' } .icon-cuttlefish:before { content: '\f38c' } .icon-d-and-d:before { content: '\f38d' } .icon-deploydog:before { content: '\f38e' } .icon-deskpro:before { content: '\f38f' } .icon-digital-ocean:before { content: '\f391' } .icon-discord:before { content: '\f392' } .icon-discourse:before { content: '\f393' } .icon-dochub:before { content: '\f394' } .icon-docker:before { content: '\f395' } .icon-draft2digital:before { content: '\f396' } .icon-dribbble-square:before { content: '\f397' } .icon-dyalog:before { content: '\f399' } .icon-earlybirds:before { content: '\f39a' } .icon-erlang:before { content: '\f39d' } .icon-facebook-f:before { content: '\f39e' } .icon-facebook-messenger:before { content: '\f39f' } .icon-firstdraft:before { content: '\f3a1' } .icon-fonticons-fi:before { content: '\f3a2' } .icon-fort-awesome-alt:before { content: '\f3a3' } .icon-freebsd:before { content: '\f3a4' } .icon-gitkraken:before { content: '\f3a6' } .icon-gofore:before { content: '\f3a7' } .icon-goodreads:before { content: '\f3a8' } .icon-goodreads-g:before { content: '\f3a9' } .icon-google-drive:before { content: '\f3aa' } .icon-google-play:before { content: '\f3ab' } .icon-gripfire:before { content: '\f3ac' } .icon-grunt:before { content: '\f3ad' } .icon-gulp:before { content: '\f3ae' } .icon-hacker-news-square:before { content: '\f3af' } .icon-hire-a-helper:before { content: '\f3b0' } .icon-hotjar:before { content: '\f3b1' } .icon-hubspot:before { content: '\f3b2' } .icon-itunes:before { content: '\f3b4' } .icon-itunes-note:before { content: '\f3b5' } .icon-jenkins:before { content: '\f3b6' } .icon-joget:before { content: '\f3b7' } .icon-js:before { content: '\f3b8' } .icon-js-square:before { content: '\f3b9' } .icon-keycdn:before { content: '\f3ba' } .icon-kickstarter:before { content: '\f3bb' } .icon-kickstarter-k:before { content: '\f3bc' } .icon-laravel:before { content: '\f3bd' } .icon-line:before { content: '\f3c0' } .icon-lyft:before { content: '\f3c3' } .icon-magento:before { content: '\f3c4' } .icon-medapps:before { content: '\f3c6' } .icon-medium-m:before { content: '\f3c7' } .icon-medrt:before { content: '\f3c8' } .icon-microsoft:before { content: '\f3ca' } .icon-mix:before { content: '\f3cb' } .icon-mizuni:before { content: '\f3cc' } .icon-mobile-alt:before { content: '\f3cd' } .icon-monero:before { content: '\f3d0' } .icon-napster:before { content: '\f3d2' } .icon-node-js:before { content: '\f3d3' } .icon-npm:before { content: '\f3d4' } .icon-ns8:before { content: '\f3d5' } .icon-nutritionix:before { content: '\f3d6' } .icon-page4:before { content: '\f3d7' } .icon-palfed:before { content: '\f3d8' } .icon-patreon:before { content: '\f3d9' } .icon-periscope:before { content: '\f3da' } .icon-phabricator:before { content: '\f3db' } .icon-phoenix-framework:before { content: '\f3dc' } .icon-playstation:before { content: '\f3df' } .icon-pushed:before { content: '\f3e1' } .icon-python:before { content: '\f3e2' } .icon-red-river:before { content: '\f3e3' } .icon-wpressr:before { content: '\f3e4' } .icon-replyd:before { content: '\f3e6' } .icon-resolving:before { content: '\f3e7' } .icon-rocketchat:before { content: '\f3e8' } .icon-rockrms:before { content: '\f3e9' } .icon-schlix:before { content: '\f3ea' } .icon-searchengin:before { content: '\f3eb' } .icon-servicestack:before { content: '\f3ec' } .icon-sistrix:before { content: '\f3ee' } .icon-slack-hash:before { content: '\f3ef' } .icon-speakap:before { content: '\f3f3' } .icon-staylinked:before { content: '\f3f5' } .icon-steam-symbol:before { content: '\f3f6' } .icon-sticker-mule:before { content: '\f3f7' } .icon-studiovinari:before { content: '\f3f8' } .icon-supple:before { content: '\f3f9' } .icon-telegram-plane:before { content: '\f3fe' } .icon-uber:before { content: '\f402' } .icon-uikit:before { content: '\f403' } .icon-uniregistry:before { content: '\f404' } .icon-untappd:before { content: '\f405' } .icon-ussunnah:before { content: '\f407' } .icon-vaadin:before { content: '\f408' } .icon-viber:before { content: '\f409' } .icon-vimeo:before { content: '\f40a' } .icon-vnv:before { content: '\f40b' } .icon-whatsapp-square:before { content: '\f40c' } .icon-whmcs:before { content: '\f40d' } .icon-wordpress-simple:before { content: '\f411' } .icon-xbox:before { content: '\f412' } .icon-yandex:before { content: '\f413' } .icon-yandex-international:before { content: '\f414' } .icon-apple-pay:before { content: '\f415' } .icon-cc-apple-pay:before { content: '\f416' } .icon-fly:before { content: '\f417' } .icon-nintendo-switch:before { content: '\f418' } .icon-node:before { content: '\f419' } .icon-osi:before { content: '\f41a' } .icon-react:before { content: '\f41b' } .icon-autoprefixer:before { content: '\f41c' } .icon-less:before { content: '\f41d' } .icon-sass:before { content: '\f41e' } .icon-vuejs:before { content: '\f41f' } .icon-angular:before { content: '\f420' } .icon-aviato:before { content: '\f421' } .icon-ember:before { content: '\f423' } .icon-font-awesome-flag:before { content: '\f425' } .icon-gitter:before { content: '\f426' } .icon-hooli:before { content: '\f427' } .icon-strava:before { content: '\f428' } .icon-stripe:before { content: '\f429' } .icon-stripe-s:before { content: '\f42a' } .icon-typo3:before { content: '\f42b' } .icon-amazon-pay:before { content: '\f42c' } .icon-cc-amazon-pay:before { content: '\f42d' } .icon-ethereum:before { content: '\f42e' } .icon-korvue:before { content: '\f42f' } .icon-elementor:before { content: '\f430' } .icon-youtube-square:before { content: '\f431' } .icon-flipboard:before { content: '\f44d' } .icon-hips:before { content: '\f452' } .icon-php:before { content: '\f457' } .icon-quinscape:before { content: '\f459' } .icon-couch:before { content: '\f4b8' } .icon-readme:before { content: '\f4d5' } .icon-java:before { content: '\f4e4' } .icon-pied-piper-hat:before { content: '\f4e5' } .icon-creative-commons-by:before { content: '\f4e7' } .icon-creative-commons-nc:before { content: '\f4e8' } .icon-creative-commons-nc-eu:before { content: '\f4e9' } .icon-creative-commons-nc-jp:before { content: '\f4ea' } .icon-creative-commons-nd:before { content: '\f4eb' } .icon-creative-commons-pd:before { content: '\f4ec' } .icon-creative-commons-pd-alt:before { content: '\f4ed' } .icon-creative-commons-remix:before { content: '\f4ee' } .icon-creative-commons-sa:before { content: '\f4ef' } .icon-creative-commons-sampling:before { content: '\f4f0' } .icon-creative-commons-sampling-plus:before { content: '\f4f1' } .icon-creative-commons-share:before { content: '\f4f2' } .icon-creative-commons-zero:before { content: '\f4f3' } .icon-ebay:before { content: '\f4f4' } .icon-keybase:before { content: '\f4f5' } .icon-mastodon:before { content: '\f4f6' } .icon-r-project:before { content: '\f4f7' } .icon-researchgate:before { content: '\f4f8' } .icon-teamspeak:before { content: '\f4f9' } .icon-first-order-alt:before { content: '\f50a' } .icon-fulcrum:before { content: '\f50b' } .icon-galactic-republic:before { content: '\f50c' } .icon-galactic-senate:before { content: '\f50d' } .icon-jedi-order:before { content: '\f50e' } .icon-mandalorian:before { content: '\f50f' } .icon-old-republic:before { content: '\f510' } .icon-phoenix-squadron:before { content: '\f511' } .icon-sith:before { content: '\f512' } .icon-trade-federation:before { content: '\f513' } .icon-wolf-pack-battalion:before { content: '\f514' } .icon-blender:before { content: '\f517' } .icon-shoe-prints:before { content: '\f54b' } .icon-tshirt:before { content: '\f553' } .icon-concierge-bell:before { content: '\f562' } .icon-hornbill:before { content: '\f592' } .icon-mailchimp:before { content: '\f59e' } .icon-megaport:before { content: '\f5a3' } .icon-nimblr:before { content: '\f5a8' } .icon-rev:before { content: '\f5b2' } .icon-shopware:before { content: '\f5b5' } .icon-squarespace:before { content: '\f5be' } .icon-themeco:before { content: '\f5c6' } .icon-weebly:before { content: '\f5cc' } .icon-wix:before { content: '\f5cf' } .icon-ello:before { content: '\f5f1' } .icon-hackerrank:before { content: '\f5f7' } .icon-kaggle:before { content: '\f5fa' } .icon-markdown:before { content: '\f60f' } .icon-neos:before { content: '\f612' } .icon-zhihu:before { content: '\f63f' } .icon-alipay:before { content: '\f642' } .icon-the-red-yeti:before { content: '\f69d' } .icon-acquisitions-incorporated:before { content: '\f6af' } .icon-critical-role:before { content: '\f6c9' } .icon-d-and-d-beyond:before { content: '\f6ca' } .icon-dev:before { content: '\f6cc' } .icon-fantasy-flight-games:before { content: '\f6dc' } .icon-penny-arcade:before { content: '\f704' } .icon-wizards-of-the-coast:before { content: '\f730' } .icon-think-peaks:before { content: '\f731' } .icon-reacteurope:before { content: '\f75d' } .icon-adobe:before { content: '\f778' } .icon-artstation:before { content: '\f77a' } .icon-atlassian:before { content: '\f77b' } .icon-canadian-maple-leaf:before { content: '\f785' } .icon-centos:before { content: '\f789' } .icon-confluence:before { content: '\f78d' } .icon-dhl:before { content: '\f790' } .icon-diaspora:before { content: '\f791' } .icon-fedex:before { content: '\f797' } .icon-fedora:before { content: '\f798' } .icon-figma:before { content: '\f799' } .icon-intercom:before { content: '\f7af' } .icon-invision:before { content: '\f7b0' } .icon-jira:before { content: '\f7b1' } .icon-mendeley:before { content: '\f7b3' } .icon-raspberry-pi:before { content: '\f7bb' } .icon-redhat:before { content: '\f7bc' } .icon-sketch:before { content: '\f7c6' } .icon-sourcetree:before { content: '\f7d3' } .icon-suse:before { content: '\f7d6' } .icon-ubuntu:before { content: '\f7df' } .icon-ups:before { content: '\f7e0' } .icon-usps:before { content: '\f7e1' } .icon-yarn:before { content: '\f7e3' } [class^="dropify-font-"]:before, [class*=" dropify-font-"]:before, .dropify-font:before, .dropify-wrapper .dropify-message span.file-icon:before { font-family: "Pe-icon-7-stroke"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-left: .2em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; } .uploadGallery { padding: 15px; } .dropify-font-upload:before, .dropify-wrapper .dropify-message span.file-icon:before { content: '\e6bf'; color: #000; } .dropify-font-file:before { content: '\e6bf'; color: #000; } .close-container { position: relative; margin: auto; width: 30px; height: 30px; cursor: pointer; } .leftright { height: 1px; width: 30px; position: absolute; margin-top: 24px; background-color: #000; border-radius: 2px; transform: rotate(45deg); transition: all .3s ease-in; } .rightleft { height: 1px; width: 30px; position: absolute; margin-top: 24px; background-color: #000; border-radius: 2px; transform: rotate(-45deg); transition: all .3s ease-in; } .close-container:hover .leftright { transform: rotate(-45deg); background-color: #000; } .close-container:hover .rightleft { transform: rotate(45deg); background-color: #000; } .colorp .close-container { position: relative; margin: auto; width: 20px; height: 20px; cursor: pointer; } .colorp span { border: 0px } .colorp span:hover, .colorp span:focus { box-shadow: none } .colorp .leftright { height: 1px; width: 20px; position: absolute; margin-top: 15px; background-color: #fff; border-radius: 2px; transform: rotate(45deg); transition: all .3s ease-in; } .colorp .rightleft { height: 1px; width: 20px; position: absolute; margin-top: 15px; background-color: #fff; border-radius: 2px; transform: rotate(-45deg); transition: all .3s ease-in; } .colorp .close-container:hover .leftright { transform: rotate(-45deg); background-color: #fff; } .colorp .close-container:hover .rightleft { transform: rotate(45deg); background-color: #fff; } .close-container:hover label { opacity: 1; } .dropify-wrapper { display: block; position: relative; cursor: pointer; overflow: hidden; width: 100%; max-width: 100%; height: 200px; padding: 5px 10px; font-size: 14px; line-height: 22px; color: #000; background-color: #FFF; background-image: none; text-align: center; border: 1px solid #000000; -webkit-transition: border-color 0.15s linear; transition: border-color 0.15s linear; } .dropify-wrapper:hover { background-size: 30px 30px; background: #f1f1f1; -webkit-animation: stripes 2s linear infinite; animation: stripes 2s linear infinite; } .dropify-wrapper.has-preview .dropify-clear { display: block; } .dropify-wrapper.has-error { border-color: #F34141; } .dropify-wrapper.has-error .dropify-message .dropify-error { display: block; } .dropify-wrapper.has-error:hover .dropify-errors-container { visibility: visible; opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s; } .dropify-wrapper.disabled input { cursor: not-allowed; } .dropify-wrapper.disabled:hover { background-image: none; -webkit-animation: none; animation: none; } .dropify-wrapper.disabled .dropify-message { opacity: 0.5; text-decoration: line-through; } .dropify-wrapper.disabled .dropify-infos-message { display: none; } .dropify-wrapper input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; opacity: 0; cursor: pointer; z-index: 5; } .dropify-wrapper .dropify-message { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .dropify-wrapper .dropify-message span.file-icon { font-size: 30px; color: #000; } .dropify-wrapper .dropify-message p { margin: 5px 0 0 0; } .dropify-wrapper .dropify-message p.dropify-error { color: #F34141; font-weight: bold; display: none; } .dropify-wrapper .dropify-clear { display: none; position: absolute; opacity: 0; z-index: 7; top: 10px; right: 10px; background: none; border: 2px solid #FFF; text-transform: uppercase; font-size: 11px; padding: 4px 8px; font-weight: bold; color: #FFF; -webkit-transition: all 0.15s linear; transition: all 0.15s linear; } .dropify-wrapper .dropify-clear:hover { background: rgba(255, 255, 255, 0.2); } .dropify-wrapper .dropify-preview { display: none; position: absolute; z-index: 1; background-color: #FFF; padding: 5px; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; text-align: center; } .dropify-wrapper .dropify-preview .dropify-render img { top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); position: relative; max-width: 100%; max-height: 100%; background-color: #FFF; -webkit-transition: border-color 0.15s linear; transition: border-color 0.15s linear; display: inherit; } .dropify-wrapper .dropify-preview .dropify-render i { font-size: 70px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; color: #777; } .dropify-wrapper .dropify-preview .dropify-render .dropify-extension { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-top: 10px; text-transform: uppercase; font-weight: 900; letter-spacing: -0.03em; font-size: 13px; width: 42px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dropify-wrapper .dropify-preview .dropify-infos { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 3; background: rgba(0, 0, 0, 0.7); opacity: 0; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner { position: absolute; top: 50%; -webkit-transform: translate(0, -40%); transform: translate(0, -40%); -webkit-backface-visibility: hidden; backface-visibility: hidden; width: 100%; padding: 0 20px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p { padding: 0; margin: 0; position: relative; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #FFF; text-align: center; line-height: 25px; font-weight: bold; } .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message { margin-top: 15px; padding-top: 15px; font-size: 12px; position: relative; opacity: 0.5; } .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message::before { content: ''; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); background: #FFF; width: 30px; height: 2px; } .dropify-wrapper:hover .dropify-clear { opacity: 1; } .dropify-wrapper:hover .dropify-preview .dropify-infos { opacity: 1; } .dropify-wrapper:hover .dropify-preview .dropify-infos .dropify-infos-inner { margin-top: -5px; } .dropify-wrapper.touch-fallback { height: auto !important; } .dropify-wrapper.touch-fallback:hover { background-image: none; -webkit-animation: none; animation: none; } .dropify-wrapper.touch-fallback .dropify-preview { position: relative; padding: 0; } .dropify-wrapper.touch-fallback .dropify-preview .dropify-render { display: block; position: relative; } .dropify-wrapper.touch-fallback .dropify-preview .dropify-render .dropify-font-file { position: relative; -webkit-transform: translate(0, 0); transform: translate(0, 0); top: 0; left: 0; } .dropify-wrapper.touch-fallback .dropify-preview .dropify-render .dropify-font-file::before { margin-top: 30px; margin-bottom: 30px; } .dropify-wrapper.touch-fallback .dropify-preview .dropify-render img { position: relative; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos { position: relative; opacity: 1; background: transparent; } .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner { position: relative; top: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); padding: 5px 90px 5px 0; } .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p { padding: 0; margin: 0; position: relative; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #777; text-align: left; line-height: 25px; } .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-filename { font-weight: bold; } .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message { margin-top: 0; padding-top: 0; font-size: 11px; position: relative; opacity: 1; } .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message::before { display: none; } .dropify-wrapper.touch-fallback .dropify-message { -webkit-transform: translate(0, 0); transform: translate(0, 0); padding: 40px 0; } .dropify-wrapper.touch-fallback .dropify-clear { top: auto; bottom: 23px; opacity: 1; border-color: rgba(119, 119, 119, 0.7); color: #777; } .dropify-wrapper.touch-fallback.has-preview .dropify-message { display: none; } .dropify-wrapper.touch-fallback:hover .dropify-preview .dropify-infos .dropify-infos-inner { margin-top: 0; } .dropify-wrapper .dropify-loader { position: absolute; top: 15px; right: 15px; display: none; z-index: 9; } .dropify-wrapper .dropify-loader::after { display: block; position: relative; width: 20px; height: 20px; -webkit-animation: rotate 0.6s linear infinite; animation: rotate 0.6s linear infinite; border-radius: 100%; border-top: 1px solid #CCC; border-bottom: 1px solid #777; border-left: 1px solid #CCC; border-right: 1px solid #777; content: ''; } .dropify-wrapper .dropify-errors-container { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 3; background: rgba(243, 65, 65, 0.8); text-align: left; visibility: hidden; opacity: 0; -webkit-transition: visibility 0s linear 0.15s,opacity 0.15s linear; transition: visibility 0s linear 0.15s,opacity 0.15s linear; } .dropify-wrapper .dropify-errors-container ul { padding: 10px 20px; margin: 0; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .dropify-wrapper .dropify-errors-container ul li { margin-left: 20px; color: #FFF; font-weight: bold; } .dropify-wrapper .dropify-errors-container.visible { visibility: visible; opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s; } .dropify-wrapper ~ .dropify-errors-container ul { padding: 0; margin: 15px 0; } .dropify-wrapper ~ .dropify-errors-container ul li { margin-left: 20px; color: #F34141; font-weight: bold; } @-webkit-keyframes stripes { from { background-position: 0 0; } to { background-position: 60px 30px; } } @keyframes stripes { from { background-position: 0 0; } to { background-position: 60px 30px; } } @-webkit-keyframes rotate { 0% { -webkit-transform: rotateZ(-360deg); transform: rotateZ(-360deg); } 100% { -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); } } @keyframes rotate { 0% { -webkit-transform: rotateZ(-360deg); transform: rotateZ(-360deg); } 100% { -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); } } .icon-box-content1 ul { padding-left: 20px; } .icon-box-content1 ul li { font-size: 15px; list-style: disc; margin: 0 0 3px; } .intro-title1 { color: #fff; font-size: 13px; text-transform: uppercase; } .border1 { border: 1px solid #cacaca; } .blackC { color: #111; } a.element-type:hover { background: #f5f5f5; } .cityScroller { width: 100%; text-indent: 0; padding: 0; margin: 0; overflow: hidden; height: 60px; display: inline-block; vertical-align: bottom; text-align: center; font-family: josefin sans,sans-serif; font-size: 40px; font-weight: 500; line-height: 60px; text-transform: capitalize; } .cityScroller li { padding: 0; margin: 0; color: #fff; letter-spacing: 2px; display: block !important; text-align: center; text-transform: uppercase; } .nav-tabs { border: none; margin: 0 } .bg-light1:after { content: ''; position: absolute; height: 50px; background: #f8f9fa; width: 100%; overflow: hidden; margin-top: -50px; z-index: -1 } #tabs-6 li a { padding: 10px; margin-right: 20px; font-size: 20px; font-weight: 400; color: #293241; border: none; border-radius: 0; background: 0 0; z-index: 2; position: relative; transition: all .3s ease 0s } #tabs-6 li a:hover, #tabs-6 li.active a { border: none } #tabs-6 li a:before { content: ""; width: 100%; height: 4px; background: #f6f6f6; border: 1px solid #e9e9e9; border-radius: 2px; position: absolute; bottom: 0; left: 0 } #tabs-6 li a:after { content: ""; width: 0; height: 2px; background: #000; border: 1px solid #000; border-radius: 2px; position: absolute; bottom: 0; left: 0; opacity: 0; z-index: 1; transition: all 1s ease 0s } #tabs-6 li a.active:after, #tabs-6 li:hover a:after { width: 100%; opacity: 1 } ul.product-color { width: 100%; } .modal-header.colorpic { background: #000; } .colorpic h3 { margin: 0; color: #fff; font-size: 18px; letter-spacing: 1px; } .modal-header.colorpic .close { margin: -1.6rem -1rem -1rem auto; } .selectedcolor span { float: left; width: auto !important; margin-right: 50px; font-weight: 500; } .selectedcolor a { float: left; } .colorpallet .card-body { padding: 0.5rem 8px 0.5rem 8px; border: none; border-radius: 0; } .colorpallet .colorpallet1 { border-bottom: 1px solid #ccc; position: fixed; } .product-nav-dots .selectedcolor a, .product-nav-dots .selectedcolor span { width: 115px; height: 30px; border-radius: 0; border: 0; } .product-nav-dots #lstColors li { width: auto !important; margin-right: 0px; margin-bottom: 0; } .product-nav-dots #lstColors a, .product-nav-dots #lstColors span { width: 22px; height: 22px; border-radius: 0; border: 1px solid #fff; box-shadow: none; margin-bottom: 0px; } .product-nav-dots #lstColors li:hover a, .product-nav-dots #lstColors li:hover span { border: 1px solid #000; } .modal-header.selectorcolor { padding: 0.5rem 1rem; } #lstColors { font-size: 0; display: flex; height: 570px; flex-flow: column wrap; /* background-color: green; */ align-content: flex-start; } #lstColors.product-color li a:last-child { margin-right: 0px; } #pnlModalColor .modal-dialog { -webkit-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); position: fixed; margin: auto; height: 100%; right: 0; max-width: 625px; } #pnlModalColor .modal-content { height: 100%; overflow-y: auto; } .product-main-image { BACKGROUND: #fff; } .product-main-image canvas { WIDTH: 100%; } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-lg, .modal-xl { max-width: 1200px; } } .product-nav-dots #lstColors a:after { color: #fff; font-family: 'molla'; content: '\ec2d'; font-size: 1rem; line-height: 1; position: relative; opacity: 0; visibility: hidden; transition: opacity .01s; margin-top: 0.6rem; margin-left: .5rem; line-height: 20px; } .product-nav-dots #lstColors a.selected:after { visibility: visible; opacity: 1 } .modal-header.colorpic { background: #000; } .colorpic h3 { margin: 0; color: #fff; font-size: 18px; letter-spacing: 1px; } .modal-header.colorpic .close { margin: -1.6rem -1rem -1rem auto; } .selectedcolor span { float: left; width: auto !important; margin-right: 50px; font-weight: 500; } .selectedcolor a { float: left; } .colorpallet .card-body { padding: 0.5rem 8px 0.5rem 8px; border: none; border-radius: 0; } .colorpallet .colorpallet1 { border-bottom: 1px solid #ccc; position: fixed; } .product-nav-dots .selectedcolor a, .product-nav-dots .selectedcolor span { width: 115px; height: 30px; border-radius: 0; border: 0; } .product-nav-dots #lstColors li { width: auto !important; margin-right: 0px; margin-bottom: 0; } .product-nav-dots #lstColors a, .product-nav-dots #lstColors span { width: 22px; height: 22px; border-radius: 0; border: 1px solid #fff; box-shadow: none !important; margin-bottom: 0px; } .product-nav-dots #lstColors li:hover a, .product-nav-dots #lstColors li:hover span { border: 1px solid #000; } .modal-header.selectorcolor { padding: 0.5rem 1rem; } #lstColors { font-size: 0; } #lstColors.product-color li a:last-child { margin-right: 0px; } #pnlModalColor .modal-dialog { -webkit-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); position: fixed; margin: auto; height: 100%; right: 0; } #pnlModalColor .modal-content { height: 100%; overflow-y: auto; } .product-body > a > h3, .product-body > a > h2 { padding-left: 10px !important; text-transform: uppercase; } .entry-title1 { font-size: 20PX; font-weight: 600; font-family: josefin sans,sans-serif; text-transform: uppercase; } .user-txt { font-size: 13px; display: block; } .user-details li a { font-size: 14px; text-align: left; line-height: 2; margin-bottom: 0; border-bottom: 1px solid #f5f5f5; padding: 10px; display: block; } .user-details li a:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; margin-left: 5px; } .user-details li:last-child a { border: none; } .cart-dropdown .dropdown-menu { padding: 0; width: 250px; } .sample-colors { display: flex; align-items: center; flex-wrap: wrap; padding-top: 0; padding-bottom: 0 } .sample-colors a { position: relative; display: block; width: 2.4rem; height: 2.4rem; border: .2rem solid #f5f5f5; margin: 0 1.3rem 0 .5rem; transition: box-shadow .35s ease } .sample-colors-nav { display: flex; position: relative; width: 100%; } #lstColors { font-size: 0; } #lstColors.product-color li a:last-child { margin-right: 0px; } label.error { color: #c00000; font-weight: 500; font-size: 14px; display: block; width: 100%; } .bootbox-body { padding: 17px; font-weight: 500; } .active-color { border: 2px solid #000; } .cartorderlist li { border: 1px solid #ededed; padding: 10px 0; } @media screen and (max-width: 575px) { .user-account { width: 26px; overflow: hidden; } .scrollColor { width: 100%; overflow-x: scroll; max-width: 100%; position: relative; } } .form-check-input { position: absolute; margin-top: .7rem; margin-left: -1.25rem; /* margin-right: 34px !important; */ } .form-check-label { padding-left: 10px; } .modal-backdrop { z-index: 94037; } .modal { z-index: 94039; } .tooltip { z-index: 100000000 !important; font-size: 15px; } .mar50 { margin-top: -50px; } .mandate { color: #c00000; font-weight: 600; } .ordersampletext { font-size: 13px !important; } .widget-about .social-icons a { justify-content: left; } .borderA-1 { box-shadow: 0 0 16px rgb(0 0 0 / 5%); box-shadow: 0 0 16px rgb(0 0 0 / 5%); border: 1px solid #ccc !important; padding: 10px; } .sitemap .widget-list li { line-height: 1.8; margin-bottom: 15px; list-style-type: circle; margin-left: 30px; } @media screen and (max-width: 500px) { .stepNum { display: block; } .stepLi { line-height: 1.4; } } .grd-portfolio-shortcode .portfolio-sizer { width: 25%; float: left } .grd-portfolio-shortcode .gutter-sizer { width: 0 } .grd-portfolio-shortcode .portfolio-horizontal { width: 50% } .grd-portfolio-shortcode .portfolio-nomal { width: 25% } .grd-portfolio-shortcode .portfolio-vertical { width: 25% } .grd-portfolio-shortcode .portfolio-item { margin: 15px 0; float: left } .grd-portfolio-shortcode .portfolio-item .content-item { float: left; width: 100%; position: relative; overflow: hidden; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 0px } .grd-portfolio-shortcode .portfolio-item .content-item .entry-header { -webkit-transition: all .5s; transition: all .5s; float: left; width: 100%; position: relative } .grd-portfolio-shortcode .portfolio-item .content-item .entry-header .entry-thumbnail { float: left; width: 100%; -webkit-transition: all .5s; transition: all .5s } .grd-portfolio-shortcode .portfolio-item .content-item .entry-header .entry-thumbnail img { width: 100% } .grd-portfolio-shortcode .portfolio-item .content-item .entry-header .entry-title { float: left; width: 100%; position: absolute; bottom: 0; right: 0; left: 0; height: 100%; background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.54)) } .grd-portfolio-shortcode .portfolio-item .content-item .entry-header .entry-title .title { float: left; width: 100%; margin: 0; font-size: 18px; font-weight: 500; padding: 30px; color: #fff; position: absolute; bottom: 0 } .grd-portfolio-shortcode .portfolio-item .content-item .entry-content { float: left; width: 100%; height: 100%; position: absolute; background-color: rgba(21,21,21,.3); bottom: -100%; -webkit-transition: all .5s; transition: all .5s } .grd-portfolio-shortcode1 .portfolio-item .content-item .entry-content { float: left; width: 100%; height: 100%; position: absolute; background-color: rgba(21,21,21,.3); bottom: auto; -webkit-transition: all .5s; transition: all .5s; opacity: 0; top: AUTO; left: auto; right: auto; } .grd-portfolio-shortcode1 .portfolio-item:hover .content-item .entry-content { opacity: 1 } .grd-portfolio-shortcode .portfolio-item .content-item .entry-content .entry-title { float: left; width: 100%; position: absolute; top: 0; height: 100% } .grd-portfolio-shortcode .portfolio-item .content-item .entry-content .entry-title .title { float: left; width: 100%; margin: 0; font-size: 18px; font-weight: 500; padding: 27px 30px; color: #fff; bottom: 0; padding-bottom: 0 } .grd-portfolio-shortcode .portfolio-item .content-item .entry-content .entry-title .entry-meta { float: left; width: 100% } .grd-portfolio-shortcode .portfolio-item .content-item .entry-content .entry-meta { margin-top: 5px; padding: 0 30px; margin-bottom: 0 } .grd-portfolio-shortcode .portfolio-item .content-item .entry-content .entry-meta .category { float: left; width: 100%; font-size: 16px; color: #fff; text-decoration: none; font-weight: 400 } .grd-portfolio-shortcode .portfolio-item .content-item .entry-content .entry-read-more .read-more { float: left; padding: 23px 20px; color: #fff; text-transform: uppercase; -webkit-transition: all .2s; transition: all .2s; display: block; position: relative; width: 100%; height: 100%; /* TOP: 69%; */ PADDING-TOP: 20%; } .grd-portfolio-shortcode .portfolio-item .content-item .entry-content .entry-read-more .read-more:hover span { margin-left: 0; } .grd-portfolio-shortcode .portfolio-item .content-item .entry-content .entry-read-more .read-more i { margin-right: 5px; font-size: 35px; position: relative; top: 2px; color: #fff; } .grd-portfolio-shortcode .portfolio-item .content-item .entry-content .entry-read-more:hover .read-more { color: #ed232a } .grd-portfolio-shortcode .portfolio-item:hover .entry-content { bottom: 0 } .grd-portfolio-shortcode .portfolio-item:hover .entry-header .title { display: none } .grd-portfolio-shortcode .portfolio-item:hover .entry-thumbnail { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .grd-portfolio-shortcode .portfolio-item:first-child { margin-left: 0; left: 0 !important } .grd-portfolio-shortcode .item-full-width { padding: 0; margin: 0 } .grd-portfolio-shortcode .item-full-width .content-item { -webkit-border-radius: 0; border-radius: 0 } .grd-portfolio-shortcode .item-full-width .entry-thumbnail { padding-top: 83.333% } .grd-portfolio-shortcode .item-full-width .entry-thumbnail img { float: left; position: absolute; left: 0; bottom: 0 } .grd-portfolio-shortcode .grd_portfolio_grid { float: left; width: 100% } .grd-portfolio-shortcode .grd_portfolio_grid { margin: 0 } .grd-portfolio-shortcode .grd_portfolio_grid_ez { padding: 0 15px } .grd-portfolio-shortcode .portfolio-cats-filters { margin-bottom: 50px; z-index: 999; margin-top: 20px } .grd-portfolio-shortcode .portfolio-cats-filters #filters { border-bottom: 1px solid #f2f2f2; height: 37px } .grd-portfolio-shortcode .portfolio-cats-filters #filters .button { color: #444; padding: 15px 20px; border: 0; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #f4f4f4; margin: 0 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px } .grd-portfolio-shortcode .portfolio-cats-filters #filters .active { color: #fff; background-color: #ed232a; text-decoration: none } .custom-control label.error { position: absolute; margin-top: 17px; } .categoriesitem .img-border { border: 1px solid #000; border-radius: 50%; padding: 5px; overflow: hidden; } .categoriesitem .img-circle { overflow: hidden; border-radius: 50%; -webkit-transition: all .8s ease-out; -moz-transition: all .8s ease-out; -ms-transition: all .8s ease-out; -o-transition: all .8s ease-out; transition: all .8s ease-out; } .categoriesitem:hover .img-circle { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: .8s; transition: .8s; } .categoriesitem p { font-size: 17px; margin-top: 15px; font-weight: 500; text-transform: uppercase; /* letter-spacing: 1px; */ font-family: josefin sans,sans-serif; line-height: 1.2; } .categoriesitem:hover p { color: #999; } .customizingico { width: 29px; max-width: 50px; border: 1px solid rgb(20 20 20 / 50%) !important; padding: 2px; height: 29px; } .feature_contact_item h3 { color: #fff; font-weight: 700; font-size: 26px; margin-bottom: 10px; } .feature_contact_item { color: #fff; } .feature_contact_item { background-size: cover !important; overflow: hidden; transition: all 10s; -moz-transition: all 10s; -webkit-transition: all 10s; -o-transition: all 10s; position: relative; display: flex; min-height: 520px; } .feature_contact_item img { -webkit-transition: 0.3s; transition: 0.3s; } .feature_contact_item:hover img { } .border-right-10 { border-right: 2px solid #fff; } .fc_bg1::before { position: absolute; top: 0; right: auto; bottom: auto; left: 0; z-index: 2; display: block; visibility: inherit; overflow: hidden; box-sizing: border-box; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.36); content: ""; transition: opacity 0s linear 0s; will-change: transform,opacity; } .fc_bg2::before { position: absolute; top: 0; right: auto; bottom: auto; left: 0; z-index: 2; display: block; visibility: inherit; overflow: hidden; box-sizing: border-box; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.36); content: ""; transition: opacity 0s linear 0s; will-change: transform,opacity; } .fc_bg1 .opac { padding: 50px 40px 35px 50px; position: absolute; width: 100%; height: 100%; z-index: 99; filter: brightness(105%); -webkit-filter: brightness(105%); -moz-filter: brightness(105%); -o-filter: brightness(105%); -ms-filter: brightness(105%); -webkit-transition: 0.2s ease-out; -moz-transition: 0.2s ease-out; -o-transition: 0.2s ease-out; transition: 0.2s ease-out; } .single-featured-box { position: relative; display: block; height: 100%; width: 100%; margin: 0 auto; overflow: hidden; } .single-featured-box .inner { position: absolute; display: block; transition: all 300ms ease 100ms; height: 100%; width: 100%; } .single-featured-box .inner .static-content { position: absolute; left: 0; bottom: 0; width: 100%; display: block; opacity: 1; visibility: visible; z-index: 1; transform: translateY(0px); transition: all 500ms ease 100ms; height: 100%; position: relative; display: grid; align-content: center; align-items: center; vertical-align: middle; } .single-featured-box:hover .inner .static-content { opacity: 0; visibility: hidden; transform: translateY(50%); display: none; } .single-featured-box .icon { position: relative; display: block; padding-bottom: 10px; } .single-featured-box .icon span:before { color: #ffffff; font-size: 60px; line-height: 60px; } .single-featured-box .title { position: relative; display: block; } .single-featured-box .title h3 { color: #ffffff; font-weight: 500; font-family: josefin sans,sans-serif; text-transform: uppercase; font-size: 24px; line-height: 1.5; letter-spacing: 2px; } .single-featured-box .title h3 span { font-size: 16px; letter-spacing: 1px; font-family: josefin sans,sans-serif; text-transform: capitalize; margin-top: 12px; display: block; } .text-black { color: #000 !important; } .single-featured-box .title a { color: #fff; } .single-featured-box .title a:hover { color: #f5f5f5; } .single-featured-box .title h3 .cameraicon { font-size: 60px; } .ebgaramondfont { font-family: eb garamond,serif !important; text-transform: capitalize !important; font-style: italic; } .single-featured-box .inner .overlay-content { opacity: 1; visibility: visible; transform: translateY(0%); transition: all 900ms ease 100ms; vertical-align: middle; align-items: center; height: 100%; position: relative; display: grid; align-content: center; align-items: center; vertical-align: middle; } .single-featured-box .inner .overlay-content .text { position: absolute; top: 00px; left: 0; bottom: 0; right: 0; display: block; z-index: 999; opacity: 0; visibility: hidden; transform: translateY(100%); transition: all 500ms ease 100ms; } .single-featured-box:hover .inner .overlay-content .text { opacity: 1; visibility: visible; transform: translateY(0%); transition: all 900ms ease 100ms; } .single-featured-box .inner .overlay-content .icon span:before { color: #e9212e; } .single-featured-box .inner .overlay-content .text { position: relative; display: block; padding-bottom: 0px; } .single-featured-box .inner .overlay-content .text p { color: #ffffff; margin: 0 0 26px; } .single-featured-box .inner .overlay-content .text a { color: #ffffff; } .single-featured-box .overlay-content .overlay-image { position: absolute; bottom: 0; right: 0; width: 255px; height: 00px; opacity: 0; transform: scale(0.5); transition: all 500ms ease 100ms; } .single-featured-box:hover .overlay-content .overlay-image { opacity: 1; transform: scale(1.0); transition: all 900ms ease 500ms; } .fc_bg2 .opac { padding: 50px 40px 35px 50px; position: absolute; width: 100%; z-index: 99; filter: brightness(105%); -webkit-filter: brightness(105%); -moz-filter: brightness(105%); -o-filter: brightness(105%); -ms-filter: brightness(105%); -webkit-transition: 0.2s ease-out; -moz-transition: 0.2s ease-out; -o-transition: 0.2s ease-out; transition: 0.2s ease-out; } .banner-statistics { position: relative; overflow: hidden; } .banner-statistics img { -webkit-transition: 0.3s; transition: 0.3s; } .banner-statistics:hover img { transform: scale(1.1); } .banner-statistics::before { position: absolute; content: ""; width: 100%; height: 100%; background: rgb(0, 0, 0); top: 0; left: 0; -webkit-transition: 0.3s; transition: 0.3s; opacity: 0.3; pointer-events: none; z-index: 1; } .banner-statistics:hover .promo-lines::before, .banner-statistics:hover .promo-lines::after { transform: scale(1); -webkit-transform: scale(1); } /*.banner-statistics .promo-lines:before { position: absolute; top: 20px; bottom: 20px; left: 10px; right: 10px; content: ""; border-top: 1px solid #fff; border-bottom: 1px solid #fff; z-index: 1; transform: scaleX(0); -webkit-transform: scaleX(0); transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; } .banner-statistics .promo-lines:after { position: absolute; top: 10px; bottom: 10px; left: 20px; right: 20px; content: ""; border-left: 1px solid #fff; border-right: 1px solid #fff; z-index: 1; transform: scaleY(0); -webkit-transform: scaleY(0); transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; } */ .banner-statistics:hover::before { opacity: 1; background: rgba(0,0,0,0.5); } .banner-content { left: 0; right: 0; top: 50%; position: absolute; pointer-events: none; bottom: auto; z-index: 2; text-align: center !important; width: 100%; } .banner-text1 { font-size: 15px; line-height: 1.1; color: #d6b365; text-transform: uppercase; } .banner-text2 { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; margin: 0; color: #fff; font-size: 13px; font-weight: 500; text-transform: uppercase; /* letter-spacing: 1px; */ font-family: josefin sans,sans-serif; line-height: 1.2; } .banner-text2 span { display: block; } .interactive-banners-style-09 figure { position: relative; overflow: hidden } .interactive-banners-style-09 figure img { } .interactive-banners-style-09 figure:hover img { -webkit-filter: grayscale(1); filter: grayscale(1); } .interactive-banners-style-09 figcaption { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .interactive-banners-style-09 .interactive-banners-content .interactive-banners-hover-icon { position: absolute; left: 60px; bottom: 60px; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out } .interactive-banners-style-09 figcaption:hover .interactive-banners-content .interactive-banners-hover-icon { opacity: 0; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out } .interactive-banners-style-09 .interactive-banners-hover-action { opacity: 0; position: absolute; bottom: -25px; height: 100%; width: 100%; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out } .interactive-banners-style-09 .interactive-banners-action-content { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; min-height: 75px; -webkit-line-clamp: 3; -webkit-box-orient: vertical } .interactive-banners-style-09 figcaption:hover .interactive-banners-hover-action { opacity: 1; bottom: 0; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out } .interactive-banners-style-09 figure img { -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -ms-transition-duration: 2s; transition-duration: 2s } .interactive-banners-style-09 figure:hover img { /*-webkit-transform: scale(1.4); -ms-transform: scale(1.4); -moz-transform: scale(1.4); transform: scale(1.4); -o-transform: scale(1.4); -webkit-transition-duration: 4s; transition-duration: 4s*/ } .interactive-banners-style-09 .interactive-banners-overlay { opacity: 0; position: absolute; bottom: 0; height: 100%; width: 100%; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out } .interactive-banners-style-09 figure:hover .interactive-banners-overlay { opacity: 1; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out } .opacity-very-light { position: absolute; height: 100%; width: 100%; opacity: .2; top: 0; left: 0; } .bg-black { background-color: #000; } .bg-transparent-gradiant-white-black { background: -moz-linear-gradient(top,rgba(255,255,255,0) 0,rgba(0,0,0,.18) 18%,rgba(0,0,0,.95) 100%); background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(0,0,0,.18) 18%,rgba(0,0,0,.95) 100%); background: linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(0,0,0,.18) 18%,rgba(0,0,0,.95) 100%); } .eltdf-st-title2 { font-family: josefin sans,sans-serif; font-size: 18px; font-weight: 400; display: block; color: inherit; text-transform: uppercase; letter-spacing: 2px; } .carousel-equal-heightD .slick-slide { } .mainslider .owl-prev svg, .mainslider .owl-next svg { display: block; width: 35px; transition: .3s; will-change: transform; fill: transparent; } .mainslider .owl-prev svg polyline, .mainslider .owl-next svg polyline { fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2; } .mainslider .owl-prev { left: -18px !important; transform: translate(30px, -25px) rotate(180deg) skew(360deg, 0deg); } .mainslider .owl-prev:hover svg, .mainslider .owl-next:hover svg { transform: translateX(5px); } .tab-style-1 a { display: inline-block; font-size: 12px; font-weight: 500; margin-right: 3px; color: #696969; padding: 6px 3px 3px; border: 1px solid #ccc; font-family: josefin sans,sans-serif; text-transform: uppercase; line-height: 24px; border-radius: 0px; width: 100%; text-align: center; } .squarenav { z-index: 99; } .mainslider .owl-item.active .intro-title1 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInDown; animation-delay: 0.3s; } .mainslider .owl-item.active .intro-title { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: bounceInLeft; animation-delay: 0.4s; } .tradingimg { background-attachment: inherit !important; background-size: cover !important; width: 100%; height: 91.5%; background-position: center !important; } .tab-style-1 a.active, .tab-style-1 a:hover, .tab-style-1 a:focus { background-color: #000; color: #FFF; } @media only screen and (max-width: 767px) { .tab-style-1 a { margin: 0 15px 10px 0; padding: 0 0 6px; font-size: 16px } } @media only screen and (min-width: 576px) and (max-width: 767px) { .tab-style-1 a { margin: 0 30px 0px 0; padding: 0 0 6px; font-size: 18px } } .btn-link { color: #000; border-color: #000; font-family: josefin sans,sans-serif; font-weight: 400; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; } .product.product-7 { margin-bottom: 1rem !important; } .btn-link:hover, .btn-link:focus, .btn-link .btn-link-dark:hover, .btn-link .btn-link-dark:focus { color: #999; border-color: #999; } /******************* BASIC STYLING **********************/ .scroll_tabs_container { position: relative; top: 0px; left: 0px; right: 0px; text-align: left; height: 40px; margin-bottom: 10px; } ul.scroll_tabs_container { list-style: none; } .scroll_tabs_container div.scroll_tab_inner { height: 40px; } .scroll_tabs_container div.scroll_tab_inner span, .scroll_tabs_container div.scroll_tab_inner li { font-size: 14px; background-color: #CCCCCC; color: #333333; cursor: pointer; } .scroll_tabs_container div.scroll_tab_inner li { display: -moz-inline-stack; display: inline-block; *display: inline; list-style-type: none; } .scroll_tabs_container div.scroll_tab_inner span.scroll_tab_left_finisher { padding: 0px; width: 0px; } .scroll_tabs_container div.scroll_tab_inner span.scroll_tab_right_finisher { padding: 0px; width: 0px; } .scroll_tabs_container .scroll_tab_left_button { height: 40px; background-color: #CCCCCC; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .scroll_tabs_container .scroll_tab_left_button::before { content: "\25C0"; line-height: 40px; } .scroll_tabs_container .scroll_tab_left_button_over { background-color: #999999; } .scroll_tabs_container .scroll_tab_left_button_disabled { color: #AAAAAA; background-color: #CCCCCC; } .scroll_tabs_container .scroll_tab_right_button { height: 40px; background-color: #CCCCCC; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .scroll_tabs_container .scroll_tab_right_button::before { content: "\25B6"; line-height: 40px; } .scroll_tabs_container .scroll_tab_right_button_over { background-color: #999999; } .scroll_tabs_container .scroll_tab_right_button_disabled { color: #AAAAAA; background-color: #CCCCCC; } /****************** LIGHT THEME **************************/ .scroll_tabs_theme_light { height: 42px; } .scroll_tabs_theme_light div.scroll_tab_inner { height: 42px; } .scroll_tabs_theme_light div.scroll_tab_inner span, .scroll_tabs_theme_light div.scroll_tab_inner li { font-size: 14px; background-color: transparent; cursor: pointer; } .sticky-content.is_stuck { background: #fff; animation: 700ms ease-in-out 0s normal none 1 running fade; padding-top: 3px; z-index: 99; } .scroll_tabs_theme_light .navbar-item { padding-left: 20px; padding-right: 20px; line-height: 40px; padding-top: 12px; padding-bottom: 12px; } .scroll_tabs_theme_light div.scroll_tab_inner span.scroll_tab_first, .scroll_tabs_theme_light div.scroll_tab_inner li.scroll_tab_first { border-left: 0px; } .block.content { border-bottom: 1px solid #CCCCCC; padding-bottom: 90px; } .title { padding-top: 100px; } .btn-product-icon1 { border: 1px solid rgb(20 20 20 / 50%) !important; font-size: 21px; /* width: auto !important; */ padding: 3px 3px !important; margin: 0 5px; font-weight: 600; width: 29px !important; height: 29px !important; color: #434343; } .btn-product-icon1:hover { border: 1px solid #999; } .stockrug { display: flex; justify-content: center; } .scroll_tabs_theme_light div.scroll_tab_inner span.scroll_tab_left_finisher { padding: 0px; width: 10px; background-color: #CCCCCC; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; display: none !important; } .scroll_tabs_theme_light div.scroll_tab_inner span.scroll_tab_right_finisher { padding: 0px; width: 10px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: #CCCCCC; border-left: 0px; border-right: 1px solid #999999; } .scroll_tabs_theme_light div.scroll_tab_inner span.scroll_tab_over, .scroll_tabs_theme_light div.scroll_tab_inner li.scroll_tab_over { background-color: #000; color: #fff; } /*.scroll_tabs_theme_light div.scroll_tab_inner span.scroll_tab_first_over { background-color: #999999; } .scroll_tabs_theme_light div.scroll_tab_inner span.scroll_tab_left_finisher_over { background-color: #999999; } .scroll_tabs_theme_light div.scroll_tab_inner span.scroll_tab_right_finisher_over { background-color: #999999; }*/ /*.scroll_tabs_theme_light div.scroll_tab_inner span.scroll_tab_left_finisher_selected { background-color: #AAAAAA; } .scroll_tabs_theme_light div.scroll_tab_inner span.scroll_tab_right_finisher_selected { background-color: #AAAAAA; }*/ .scroll_tabs_theme_light .scroll_tab_left_button { height: 35px; background-color: rgb(255 255 255 / 85%); border: 1px solid #999999; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 35px !important; text-align: center; border-radius: 0px; } .scroll_tabs_theme_light .scroll_tab_left_button::before { font-family: "molla"; content: '\f111'; line-height: 35px; } .scroll_tabs_theme_light .scroll_tab_left_button_over { background-color: #000; color: #fff; } .scroll_tabs_theme_light .scroll_tab_left_button_disabled { color: #AAAAAA; background-color: #CCCCCC; /* box-shadow: 0 5px 20px rgb(34 34 34 / 30%); */ } .scroll_tabs_theme_light .scroll_tab_right_button { height: 35px; background-color: rgb(255 255 255 / 85%); border: 1px solid #999999; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 35px !important; text-align: center; border-radius: 0px; } .scroll_tabs_theme_light .scroll_tab_right_button::before { font-family: "molla"; content: '\f112'; line-height: 35px; } .scroll_tabs_theme_light .scroll_tab_right_button_over { background-color: #000; color: #fff; } .scroll_tabs_theme_light .scroll_tab_right_button_disabled { color: #AAAAAA; background-color: #CCCCCC; } .scroll_tabs_theme_light div.scroll_tab_inner li .is-active { background-color: #000; color: #fff; } .lablehead { display: inline-block; background: #f5ffe9; color: #000; padding: 10px 31px; border-radius: 20px; margin: 10px 0; font-weight: 500; font-size: 16px; } .lableQua { font-weight: 600; margin-bottom: 10px; } .lableQua span { margin-right: 10px; } .lableAns { } .qodef-video-button .qodef-svg-circle { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; fill: none; color: currentColor; stroke: #fff; -webkit-transition: all .8s cubic-bezier(.14,.57,.14,1.03); -o-transition: all .8s cubic-bezier(.14,.57,.14,1.03); transition: all .8s cubic-bezier(.14,.57,.14,1.03); overflow: visible; } .qodef-video-button .qodef-svg-circle circle:nth-child(1) { stroke: currentColor; opacity: .7 } .qodef-video-button .qodef-svg-circle circle:nth-child(2) { border: 1px solid currentColor; stroke-dasharray: 680; stroke-dashoffset: 680; stroke-width: 1.2px; -webkit-transition: all 1s cubic-bezier(.45,0,.14,1.03); -o-transition: all 1s cubic-bezier(.45,0,.14,1.03); transition: all 1s cubic-bezier(.45,0,.14,1.03); -webkit-transform: rotate(-125deg); -ms-transform: rotate(-125deg); transform: rotate(-125deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center } .qodef-video-button:hover .qodef-svg-circle circle:nth-child(2) { stroke-dashoffset: 0; -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); -webkit-transition: all 1s cubic-bezier(.43,.41,.36,.9); -o-transition: all 1s cubic-bezier(.43,.41,.36,.9); transition: all 1s cubic-bezier(.43,.41,.36,.9) } .qodef-video-button .qodef-m-play { position: relative; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; 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; color: #fff; font-size: 210px; line-height: 1 } @media only screen and (max-width:680px) { .qodef-video-button .qodef-m-play { font-size: 90px } } .qodef-video-button .qodef-m-play span { display: block; line-height: inherit } .qodef-video-button .qodef-m-play span.qodef-m-play-inner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 1em; height: 1em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .uploadnow { position: absolute; top: 25% } .qodef-video-button .qodef-m-play span.qodef-m-play-inner .qodef-m-play-square { margin-right: 5px; } .qodef-video-button .qodef-m-play span.qodef-m-play-inner span { display: block; } .qodef-video-button .qodef-m-play span.qodef-m-play-inner .upload { font-family: josefin sans,sans-serif; font-size: 18px; font-weight: 400; display: block; color: inherit; text-transform: uppercase; } .uploadnowfile { opacity: 0; position: absolute; width: 1em; height: 1em; /* top: -53px; */ /* left: 0; */ /* right: 0; */ text-align: center; z-index: 999999; cursor: pointer; margin: 0 auto; } .cameraicon { font-size: 50px; } .qodef-video-button .qodef-m-play span.qodef-m-play-inner span a { color: inherit } .qodef-video-button .qodef-m-play span.qodef-m-play-inner span a:hover { color: #aeaeae } .qodef-video-button .qodef-m-play span:before { display: block; line-height: inherit } .lableAns span { margin-right: 10px; font-weight: 600; } /*.scroll_tabs_theme_light div.scroll_tab_inner span.scroll_tab_first_selected { background-color: #AAAAAA; }*/ /****************** DARK THEME **************************/ .scroll_tabs_theme_dark { height: 42px; } .scroll_tabs_theme_dark div.scroll_tab_inner { height: 42px; } .scroll_tabs_theme_dark div.scroll_tab_inner span, .scroll_tabs_theme_dark div.scroll_tab_inner li { padding-left: 20px; padding-right: 20px; line-height: 40px; font-size: 14px; background-color: #333333; border-left: 1px solid #222222; border-top: 1px solid #222222; border-bottom: 1px solid #222222; color: #FFFFFF; cursor: pointer; } .scroll_tabs_theme_dark div.scroll_tab_inner span.scroll_tab_first, .scroll_tabs_theme_dark div.scroll_tab_inner li.scroll_tab_first { border-left: 0px; } .scroll_tabs_theme_dark div.scroll_tab_inner span.scroll_tab_left_finisher { padding: 0px; width: 10px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .scroll_tabs_theme_dark div.scroll_tab_inner span.scroll_tab_right_finisher { padding: 0px; width: 10px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-left: 0px; border-right: 1px solid #222222; } .scroll_tabs_theme_dark div.scroll_tab_inner span.scroll_tab_over, .scroll_tabs_theme_dark div.scroll_tab_inner li.scroll_tab_over { background-color: #000; } .scroll_tabs_theme_dark .scroll_tab_left_button { height: 42px; background-color: #333333; color: #FFFFFF; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border: 1px solid #222222; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .scroll_tabs_theme_dark .scroll_tab_left_button::before { content: "\25C0"; line-height: 40px; padding-left: 5px; } .scroll_tabs_theme_dark .scroll_tab_left_button_over { background-color: #666666; } .scroll_tabs_theme_dark .scroll_tab_left_button_disabled { color: #444444; background-color: #333333; } .scroll_tabs_theme_dark .scroll_tab_right_button { height: 42px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: #333333; border: 1px solid #222222; color: #FFFFFF; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .scroll_tabs_theme_dark .scroll_tab_right_button::before { content: "\25B6"; line-height: 40px; padding-left: 5px; } .scroll_tabs_theme_dark .scroll_tab_right_button_over { background-color: #666666; } .scroll_tabs_theme_dark .scroll_tab_right_button_disabled { color: #444444; background-color: #333333; } .scroll_tabs_theme_dark div.scroll_tab_inner span.tab_selected, .scroll_tabs_theme_dark div.scroll_tab_inner li.tab_selected { background-color: #666666; } .mfp-close { cursor: pointer; top: 2px; right: 1px; text-align: center; z-index: 0; display: inline-block !important; width: 28px; height: 28px; padding: 6px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100% } .mfp-close:after { transform-origin: 50% 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg) } .mfp-close:after, .mfp-close:before { content: ""; position: absolute; height: 1px; width: 12px; top: 50%; left: calc(50% - 6px); margin-top: -1px; background-color: rgba(0,0,0,.5); -webkit-transition: all .3s ease; transition: all .3s ease } .mfp-close:before { transform-origin: 50% 50%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .mfp-close:hover { background: #e5e5e5 } .mfp-close:hover:after, .mfp-close:hover:before { -webkit-transform: rotate(0deg); transform: rotate(0deg) } .product.product-7 .product-price { margin-bottom: .8rem; font-size: 15px; letter-spacing: 0; color: #000; display: flex; justify-content: start !important; padding-left: 0; margin-left: 10px; font-weight: 700; } .bloglist { display: none; } #loadMoreqqq { border: 1px solid #000; background: #fff; padding: 5px 23px; margin: 0 auto; text-align: center; display: block; text-decoration: none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #loadMoreqqq:hover { background: #000; color: #fff; } .sidebar .widget-title { color: #ffffff; font-weight: 400; font-size: 1.8rem; line-height: 1.1; letter-spacing: -.01em; margin-bottom: 2rem; background: #000; margin-top: 3px; padding: 11px 7px; border-radius: 2px; } .cd-words-wrapper { display: inline-block; position: relative; text-align: left } .cd-words-wrapper b { display: inline-block; position: absolute; white-space: nowrap; left: 0; top: 0; right: 0; margin: 0 auto } .cd-words-wrapper b.is-visible { position: relative } .no-js .cd-words-wrapper b { opacity: 0 } .no-js .cd-words-wrapper b.is-visible { opacity: 1 } .cd-headline.rotate-1 .cd-words-wrapper { -webkit-perspective: 300px; -moz-perspective: 300px; perspective: 300px } .cd-headline.rotate-1 b { opacity: 0; -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg) } .cd-headline.rotate-1 b.is-visible { opacity: 1; -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); -webkit-animation: cd-rotate-1-in 1.2s; -moz-animation: cd-rotate-1-in 1.2s; animation: cd-rotate-1-in 1.2s } .cd-headline.rotate-1 b.is-hidden { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); -webkit-animation: cd-rotate-1-out 1.2s; -moz-animation: cd-rotate-1-out 1.2s; animation: cd-rotate-1-out 1.2s } @-webkit-keyframes cd-rotate-1-in { 0% { -webkit-transform: rotateX(180deg); opacity: 0 } 35% { -webkit-transform: rotateX(120deg); opacity: 0 } 65% { opacity: 0 } 100% { -webkit-transform: rotateX(360deg); opacity: 1 } } @-moz-keyframes cd-rotate-1-in { 0% { -moz-transform: rotateX(180deg); opacity: 0 } 35% { -moz-transform: rotateX(120deg); opacity: 0 } 65% { opacity: 0 } 100% { -moz-transform: rotateX(360deg); opacity: 1 } } @keyframes cd-rotate-1-in { 0% { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); opacity: 0 } 35% { -webkit-transform: rotateX(120deg); -moz-transform: rotateX(120deg); -ms-transform: rotateX(120deg); -o-transform: rotateX(120deg); transform: rotateX(120deg); opacity: 0 } 65% { opacity: 0 } 100% { -webkit-transform: rotateX(360deg); -moz-transform: rotateX(360deg); -ms-transform: rotateX(360deg); -o-transform: rotateX(360deg); transform: rotateX(360deg); opacity: 1 } } @-webkit-keyframes cd-rotate-1-out { 0% { -webkit-transform: rotateX(0); opacity: 1 } 35% { -webkit-transform: rotateX(-40deg); opacity: 1 } 65% { opacity: 0 } 100% { -webkit-transform: rotateX(180deg); opacity: 0 } } @-moz-keyframes cd-rotate-1-out { 0% { -moz-transform: rotateX(0); opacity: 1 } 35% { -moz-transform: rotateX(-40deg); opacity: 1 } 65% { opacity: 0 } 100% { -moz-transform: rotateX(180deg); opacity: 0 } } @keyframes cd-rotate-1-out { 0% { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); opacity: 1 } 35% { -webkit-transform: rotateX(-40deg); -moz-transform: rotateX(-40deg); -ms-transform: rotateX(-40deg); -o-transform: rotateX(-40deg); transform: rotateX(-40deg); opacity: 1 } 65% { opacity: 0 } 100% { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); opacity: 0 } } .cd-headline.type .cd-words-wrapper { vertical-align: top; overflow: hidden } .cd-headline.type span { padding: 10px 0 } .cd-headline.type > span { display: inline-block } .cd-headline.type .cd-words-wrapper::after { content: ''; position: absolute; right: 0; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 90%; width: 1px; background-color: #aebcb9 } .cd-headline.type .cd-words-wrapper.waiting::after { -webkit-animation: cd-pulse 1s infinite; -moz-animation: cd-pulse 1s infinite; animation: cd-pulse 1s infinite } .cd-headline.type .cd-words-wrapper.selected::after { visibility: hidden } .cd-headline.type .cd-words-wrapper.selected b { color: #0d0d0d } .cd-headline.type b { visibility: hidden } .cd-headline.type b.is-visible { visibility: visible } .cd-headline.type i { position: absolute; visibility: hidden; font-style: normal } .cd-headline.type i.in { position: relative; visibility: visible } @-webkit-keyframes cd-pulse { 0% { -webkit-transform: translateY(-50%) scale(1); opacity: 1 } 40% { -webkit-transform: translateY(-50%) scale(.9); opacity: 0 } 100% { -webkit-transform: translateY(-50%) scale(0); opacity: 0 } } @-moz-keyframes cd-pulse { 0% { -moz-transform: translateY(-50%) scale(1); opacity: 1 } 40% { -moz-transform: translateY(-50%) scale(.9); opacity: 0 } 100% { -moz-transform: translateY(-50%) scale(0); opacity: 0 } } @keyframes cd-pulse { 0% { -webkit-transform: translateY(-50%) scale(1); -moz-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); -o-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); opacity: 1 } 40% { -webkit-transform: translateY(-50%) scale(.9); -moz-transform: translateY(-50%) scale(.9); -ms-transform: translateY(-50%) scale(.9); -o-transform: translateY(-50%) scale(.9); transform: translateY(-50%) scale(.9); opacity: 0 } 100% { -webkit-transform: translateY(-50%) scale(0); -moz-transform: translateY(-50%) scale(0); -ms-transform: translateY(-50%) scale(0); -o-transform: translateY(-50%) scale(0); transform: translateY(-50%) scale(0); opacity: 0 } } .cd-headline.rotate-2 .cd-words-wrapper { -webkit-perspective: 300px; -moz-perspective: 300px; perspective: 300px } .cd-headline.rotate-2 em, .cd-headline.rotate-2 i { display: inline-block; -webkit-backface-visibility: hidden; backface-visibility: hidden; font-style: normal } .cd-headline.rotate-2 b { opacity: 0 } .cd-headline.rotate-2 i { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(-20px) rotateX(90deg); -moz-transform: translateZ(-20px) rotateX(90deg); -ms-transform: translateZ(-20px) rotateX(90deg); -o-transform: translateZ(-20px) rotateX(90deg); transform: translateZ(-20px) rotateX(90deg); opacity: 0 } .is-visible .cd-headline.rotate-2 i { opacity: 1 } .cd-headline.rotate-2 i.in { -webkit-animation: cd-rotate-2-in .4s forwards; -moz-animation: cd-rotate-2-in .4s forwards; animation: cd-rotate-2-in .4s forwards } .cd-headline.rotate-2 i.out { -webkit-animation: cd-rotate-2-out .4s forwards; -moz-animation: cd-rotate-2-out .4s forwards; animation: cd-rotate-2-out .4s forwards } .cd-headline.rotate-2 em { -webkit-transform: translateZ(20px); -moz-transform: translateZ(20px); -ms-transform: translateZ(20px); -o-transform: translateZ(20px); transform: translateZ(20px) } .no-csstransitions .cd-headline.rotate-2 i { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); opacity: 0 } .no-csstransitions .cd-headline.rotate-2 i em { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1) } .no-csstransitions .cd-headline.rotate-2 .is-visible i { opacity: 1 } @-webkit-keyframes cd-rotate-2-in { 0% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(90deg) } 60% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(-10deg) } 100% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0) } } @-moz-keyframes cd-rotate-2-in { 0% { opacity: 0; -moz-transform: translateZ(-20px) rotateX(90deg) } 60% { opacity: 1; -moz-transform: translateZ(-20px) rotateX(-10deg) } 100% { opacity: 1; -moz-transform: translateZ(-20px) rotateX(0) } } @keyframes cd-rotate-2-in { 0% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(90deg); -moz-transform: translateZ(-20px) rotateX(90deg); -ms-transform: translateZ(-20px) rotateX(90deg); -o-transform: translateZ(-20px) rotateX(90deg); transform: translateZ(-20px) rotateX(90deg) } 60% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(-10deg); -moz-transform: translateZ(-20px) rotateX(-10deg); -ms-transform: translateZ(-20px) rotateX(-10deg); -o-transform: translateZ(-20px) rotateX(-10deg); transform: translateZ(-20px) rotateX(-10deg) } 100% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0); -moz-transform: translateZ(-20px) rotateX(0); -ms-transform: translateZ(-20px) rotateX(0); -o-transform: translateZ(-20px) rotateX(0); transform: translateZ(-20px) rotateX(0) } } @-webkit-keyframes cd-rotate-2-out { 0% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0) } 60% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-100deg) } 100% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-90deg) } } @-moz-keyframes cd-rotate-2-out { 0% { opacity: 1; -moz-transform: translateZ(-20px) rotateX(0) } 60% { opacity: 0; -moz-transform: translateZ(-20px) rotateX(-100deg) } 100% { opacity: 0; -moz-transform: translateZ(-20px) rotateX(-90deg) } } @keyframes cd-rotate-2-out { 0% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0); -moz-transform: translateZ(-20px) rotateX(0); -ms-transform: translateZ(-20px) rotateX(0); -o-transform: translateZ(-20px) rotateX(0); transform: translateZ(-20px) rotateX(0) } 60% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-100deg); -moz-transform: translateZ(-20px) rotateX(-100deg); -ms-transform: translateZ(-20px) rotateX(-100deg); -o-transform: translateZ(-20px) rotateX(-100deg); transform: translateZ(-20px) rotateX(-100deg) } 100% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-90deg); -moz-transform: translateZ(-20px) rotateX(-90deg); -ms-transform: translateZ(-20px) rotateX(-90deg); -o-transform: translateZ(-20px) rotateX(-90deg); transform: translateZ(-20px) rotateX(-90deg) } } .cd-headline.loading-bar span { display: inline-block; padding: .2em 0 } .cd-headline.loading-bar .cd-words-wrapper { overflow: hidden; vertical-align: top; width: 100% !important; } /* .cd-headline.loading-bar .cd-words-wrapper::after { content: ''; position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background: #5971ff; z-index: 2; -webkit-transition: width .3s -.1s; -moz-transition: width .3s -.1s; transition: width .3s -.1s } */ .cd-headline.loading-bar .cd-words-wrapper.is-loading::after { width: 100%; -webkit-transition: width 3s; -moz-transition: width 3s; transition: width 3s } .cd-headline.loading-bar b { top: .2em; opacity: 0; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; transition: opacity .3s } .cd-headline.loading-bar b.is-visible { opacity: 1; top: 0 } .cd-headline.slide span { display: inline; padding-top: 10px; padding-bottom: 10px } .cd-headline.slide .cd-words-wrapper { overflow: hidden; vertical-align: top } .cd-headline.slide b { opacity: 0; top: .2em } .cd-headline.slide b.is-visible { top: 0; opacity: 1; -webkit-animation: slide-in .6s; -moz-animation: slide-in .6s; animation: slide-in .6s } .cd-headline.slide b.is-hidden { -webkit-animation: slide-out .6s; -moz-animation: slide-out .6s; animation: slide-out .6s } @-webkit-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(-100%) } 60% { opacity: 1; -webkit-transform: translateY(20%) } 100% { opacity: 1; -webkit-transform: translateY(0) } } @-moz-keyframes slide-in { 0% { opacity: 0; -moz-transform: translateY(-100%) } 60% { opacity: 1; -moz-transform: translateY(20%) } 100% { opacity: 1; -moz-transform: translateY(0) } } @keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%) } 60% { opacity: 1; -webkit-transform: translateY(20%); -moz-transform: translateY(20%); -ms-transform: translateY(20%); -o-transform: translateY(20%); transform: translateY(20%) } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes slide-out { 0% { opacity: 1; -webkit-transform: translateY(0) } 60% { opacity: 0; -webkit-transform: translateY(120%) } 100% { opacity: 0; -webkit-transform: translateY(100%) } } @-moz-keyframes slide-out { 0% { opacity: 1; -moz-transform: translateY(0) } 60% { opacity: 0; -moz-transform: translateY(120%) } 100% { opacity: 0; -moz-transform: translateY(100%) } } @keyframes slide-out { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 60% { opacity: 0; -webkit-transform: translateY(120%); -moz-transform: translateY(120%); -ms-transform: translateY(120%); -o-transform: translateY(120%); transform: translateY(120%) } 100% { opacity: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%) } } .cd-headline.clip span { display: inline-block; padding: .2em 0 } .cd-headline.clip .cd-words-wrapper { overflow: hidden; vertical-align: top } .cd-headline.clip .cd-words-wrapper::after { content: ''; position: absolute; top: 0; right: 0; width: 2px; height: 100%; background-color: #aebcb9 } .cd-headline.clip b { opacity: 0 } .cd-headline.clip b.is-visible { opacity: 1 } .cd-headline.zoom .cd-words-wrapper { -webkit-perspective: 300px; -moz-perspective: 300px; perspective: 300px } .cd-headline.zoom b { opacity: 0 } .cd-headline.zoom b.is-visible { opacity: 1; -webkit-animation: zoom-in .8s; -moz-animation: zoom-in .8s; animation: zoom-in .8s } .cd-headline.zoom b.is-hidden { -webkit-animation: zoom-out .8s; -moz-animation: zoom-out .8s; animation: zoom-out .8s } @-webkit-keyframes zoom-in { 0% { opacity: 0; -webkit-transform: translateZ(100px) } 100% { opacity: 1; -webkit-transform: translateZ(0) } } @-moz-keyframes zoom-in { 0% { opacity: 0; -moz-transform: translateZ(100px) } 100% { opacity: 1; -moz-transform: translateZ(0) } } @keyframes zoom-in { 0% { opacity: 0; -webkit-transform: translateZ(100px); -moz-transform: translateZ(100px); -ms-transform: translateZ(100px); -o-transform: translateZ(100px); transform: translateZ(100px) } 100% { opacity: 1; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0) } } @-webkit-keyframes zoom-out { 0% { opacity: 1; -webkit-transform: translateZ(0) } 100% { opacity: 0; -webkit-transform: translateZ(-100px) } } @-moz-keyframes zoom-out { 0% { opacity: 1; -moz-transform: translateZ(0) } 100% { opacity: 0; -moz-transform: translateZ(-100px) } } @keyframes zoom-out { 0% { opacity: 1; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0) } 100% { opacity: 0; -webkit-transform: translateZ(-100px); -moz-transform: translateZ(-100px); -ms-transform: translateZ(-100px); -o-transform: translateZ(-100px); transform: translateZ(-100px) } } .cd-headline.rotate-3 .cd-words-wrapper { -webkit-perspective: 300px; -moz-perspective: 300px; perspective: 300px } .cd-headline.rotate-3 b { opacity: 0 } .cd-headline.rotate-3 i { display: inline-block; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-backface-visibility: hidden; backface-visibility: hidden } .is-visible .cd-headline.rotate-3 i { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0) } .cd-headline.rotate-3 i.in { -webkit-animation: cd-rotate-3-in .6s forwards; -moz-animation: cd-rotate-3-in .6s forwards; animation: cd-rotate-3-in .6s forwards } .cd-headline.rotate-3 i.out { -webkit-animation: cd-rotate-3-out .6s forwards; -moz-animation: cd-rotate-3-out .6s forwards; animation: cd-rotate-3-out .6s forwards } .no-csstransitions .cd-headline.rotate-3 i { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); opacity: 0 } .no-csstransitions .cd-headline.rotate-3 .is-visible i { opacity: 1 } @-webkit-keyframes cd-rotate-3-in { 0% { -webkit-transform: rotateY(180deg) } 100% { -webkit-transform: rotateY(0) } } @-moz-keyframes cd-rotate-3-in { 0% { -moz-transform: rotateY(180deg) } 100% { -moz-transform: rotateY(0) } } @keyframes cd-rotate-3-in { 0% { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg) } 100% { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0) } } @-webkit-keyframes cd-rotate-3-out { 0% { -webkit-transform: rotateY(0) } 100% { -webkit-transform: rotateY(-180deg) } } @-moz-keyframes cd-rotate-3-out { 0% { -moz-transform: rotateY(0) } 100% { -moz-transform: rotateY(-180deg) } } @keyframes cd-rotate-3-out { 0% { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0) } 100% { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg) } } .cd-headline.scale b { opacity: 0 } .cd-headline.scale i { display: inline-block; opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0) } .is-visible .cd-headline.scale i { opacity: 1 } .cd-headline.scale i.in { -webkit-animation: scale-up .6s forwards; -moz-animation: scale-up .6s forwards; animation: scale-up .6s forwards } .cd-headline.scale i.out { -webkit-animation: scale-down .6s forwards; -moz-animation: scale-down .6s forwards; animation: scale-down .6s forwards } .no-csstransitions .cd-headline.scale i { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 0 } .no-csstransitions .cd-headline.scale .is-visible i { opacity: 1 } @-webkit-keyframes scale-up { 0% { -webkit-transform: scale(0); opacity: 0 } 60% { -webkit-transform: scale(1.2); opacity: 1 } 100% { -webkit-transform: scale(1); opacity: 1 } } @-moz-keyframes scale-up { 0% { -moz-transform: scale(0); opacity: 0 } 60% { -moz-transform: scale(1.2); opacity: 1 } 100% { -moz-transform: scale(1); opacity: 1 } } @keyframes scale-up { 0% { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0 } 60% { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); opacity: 1 } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1 } } @-webkit-keyframes scale-down { 0% { -webkit-transform: scale(1); opacity: 1 } 60% { -webkit-transform: scale(0); opacity: 0 } } @-moz-keyframes scale-down { 0% { -moz-transform: scale(1); opacity: 1 } 60% { -moz-transform: scale(0); opacity: 0 } } @keyframes scale-down { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1 } 60% { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0 } } .cd-headline.push b { opacity: 0 } .cd-headline.push b.is-visible { opacity: 1; -webkit-animation: push-in .6s; -moz-animation: push-in .6s; animation: push-in .6s } .cd-headline.push b.is-hidden { -webkit-animation: push-out .6s; -moz-animation: push-out .6s; animation: push-out .6s } @-webkit-keyframes push-in { 0% { opacity: 0; -webkit-transform: translateX(-100%) } 60% { opacity: 1; -webkit-transform: translateX(10%) } 100% { opacity: 1; -webkit-transform: translateX(0) } } @-moz-keyframes push-in { 0% { opacity: 0; -moz-transform: translateX(-100%) } 60% { opacity: 1; -moz-transform: translateX(10%) } 100% { opacity: 1; -moz-transform: translateX(0) } } @keyframes push-in { 0% { opacity: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%) } 60% { opacity: 1; -webkit-transform: translateX(10%); -moz-transform: translateX(10%); -ms-transform: translateX(10%); -o-transform: translateX(10%); transform: translateX(10%) } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } } @-webkit-keyframes push-out { 0% { opacity: 1; -webkit-transform: translateX(0) } 60% { opacity: 0; -webkit-transform: translateX(110%) } 100% { opacity: 0; -webkit-transform: translateX(100%) } } @-moz-keyframes push-out { 0% { opacity: 1; -moz-transform: translateX(0) } 60% { opacity: 0; -moz-transform: translateX(110%) } 100% { opacity: 0; -moz-transform: translateX(100%) } } @keyframes push-out { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } 60% { opacity: 0; -webkit-transform: translateX(110%); -moz-transform: translateX(110%); -ms-transform: translateX(110%); -o-transform: translateX(110%); transform: translateX(110%) } 100% { opacity: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%) } } .cd-headline1 b { font-weight: 300 !important; } .intro-content { z-index: 99; } .product-body > a > h3 span, .product-body > a > h2 span { display: block; font-size: 13px; margin: 9px 0 0; text-transform: none; letter-spacing: 0px; } .fontsize18 { font-size: 18px !important; } .fontsize30 { font-size: 30px !important; } .SuggestedColor li { display: inline-block; padding-right: 5px; } .SuggestedColor li img { width: 50px; } #whatsapp-chat { position: fixed; background: #fff; width: 350px; border-radius: 10px; box-shadow: 0 1px 15px rgba(32,33,36,.28); bottom: 90px; left: 30px; overflow: hidden; z-index: 999; animation-name: showchat; animation-duration: 1s; transform: scale(1) } a.blantershow-chat { background: #000; color: #fff; position: fixed; z-index: 999; bottom: 0px; right: 30px; font-size: 15px; padding: 10px 20px; border-radius: 5px 5px 0px 0px; box-shadow: 0 1px 15px rgba(32,33,36,.28); -webkit-animation: anim-glow 2s ease infinite; animation: anim-glow 2s ease infinite; } .tawk-button { display: none !important; } @media screen and (max-width: 767px) { .intro-title { margin-top: 5px !important; } .intro-title.fontsize25 { font-size: 20px !important; } .icon-box-content { text-align: left !important; } .icon-box .icon-box-content { text-align: center !important; } .icon-box-content .eltdf-st-title1 { font-size: 16px !important; } } .pagination li a{ width: 40px; height: 40px; line-height: normal; text-indent: 1px; text-align: center; vertical-align: middle; color: #868686; font-size: 15px; border-radius: 0 !important; border: 1px solid #e5e5e5; -webkit-transition: none; transition: none; text-transform: uppercase; margin: 0 2px !important; min-width:auto !important; } .pagination li:hover a, .pagination li.active a, .pagination li a.active{ background:#000; color:#fff; } .hide { display: none !important; } /*#product-zoom-gallery .product-gallery-item:nth-child(4){ display:none!important } */ .parameterlable { position: absolute; top: -11px; font-size: 12px; margin-left: 14px; line-height: 1; background: #ffff; padding: 5px; } .intro-content{ z-index:99; } .product-body > a > h3 span, .product-body > a > h2 span{ display: block; font-size: 13px; margin: 9px 0 0; text-transform: none; letter-spacing: 0px; } .fontsize18{ font-size:18px !important; } .fontsize15{ font-size:15px !important; } .fontsize30{ font-size:30px !important; } .SuggestedColor li{ display:inline-block; padding-right:0px; cursor:pointer; } .sticky-custome_summery { position: fixed; left: 0; right: 0; top: 0; z-index: 94035; box-shadow: 0 3px 6px rgba(51,51,51,0.05); display: none; } .sticky-custome_summery.show { display: block !important; animation-name: fixedHeader; animation-duration: .4s; } .custome_summery_container { background: #000; } .custome_summery li { display: inline-block; border-right: 3px solid #3d3d3d; color: #fff; min-height: 85px; padding: 15px; } .custome_summery li p { font-size: 13px; margin-bottom: 5px; color: #fff; } .custome_summery { margin: 0; display: flex; } .custome_summery li h2 { font-size: 17px; margin: 0; color: #fff; } .custome_summery li:last-child { border: none; } .custome_summery li.rug_type { width: 13%; } .custome_summery li.material_type { width: 16%; } .custome_summery li.size { width: 16%; } .custome_summery li.pile_height { width: 13%; } .custome_summery li.shipment { width: 14%; } .custome_summery li.startfrom { width: 13%; } .custome_summery li.price { width: 12%; } .sticky-contentdiv.is_stuck { background: #fff; padding-top: 3px; z-index: 99; } .SuggestedColor li img{ width:120px; } .SuggestedColor1 li img{ width:100px; } .conventional_size{ padding-top:30px; } .conventional_size_list li{ display:inline-block; margin-bottom:10px; } .conventional_size_list li a{ border:1px solid #ddd; padding: 5px 10px; margin-right:10px; color: #000; } #socialLoginList .social-icon{ display:inline-block; border-radius:0; padding:10px 15px; } .signinwith { border-bottom: 2px solid #808080; text-align: center; } .signinwith h1 { overflow: hidden; position: relative; line-height: 24px; white-space: nowrap; text-transform: uppercase; bottom: -22px; display: inline-block; max-width: 80%; border: solid #fff; border-width: 0 10px; font-size: 15px; background: #fff; margin: 0; } .SuggestedColor li{ } .SuggestedColor li.Shape_1{ width: 80px; height: 128px; overflow: hidden; position: relative; box-shadow: 1px 2px 0px #767676; } .SuggestedColor{ position: relative; width: auto; /* overflow-x: scroll; */ overflow-y: hidden; white-space: nowrap; transition: all 0.2s; /* transform: scale(0.98); */ will-change: transform; user-select: none; cursor: pointer; display: flow-root; } .SuggestedColor li.Shape_1 img{ transform: rotate( 90deg); /* width: 199px; */ height: 142px; /* overflow: hidden; */ /* background-position-y: 63px !important; */ /* background-position-x: -15px !important; */ /* background-repeat: no-repeat !important; */ /* background-size: 100% 100% !important; */ display: block !important; left: -30px; top: -8px; position: absolute; width: 142px; max-width: 142px; } .SuggestedColor li.Shape_2{ width: 80px; height: 129px; overflow: hidden; position: relative; box-shadow: 1px 2px 0px #767676; border-radius: 100%; } .SuggestedColor li.Shape_2 img{ height: 137px; display: block !important; left: -32px; top: -5px; position: absolute; width: 137px; max-width: 137px; transform: rotate( 90deg); } .SuggestedColor li.Shape_3{ width: 90px; height: 90px; overflow:hidden; position: relative; box-shadow: 1px 2px 0px #767676; } .SuggestedColor li.Shape_3 img{ height: 135px !important; display: block !important; left: -23px; top: -19px; position: absolute; width: 135px !important; max-width: 135px !important; } .SuggestedColor li.Shape_4{ width: 90px; height: 90px; overflow:hidden; position: relative; box-shadow: 1px 2px 0px #767676; border-radius:100%; } .SuggestedColor li.Shape_4 img{ height: 130px !important; display: block !important; left: -22px; top: -21px; position: absolute; width: 130px !important; max-width: 130px !important; } .SuggestedColor li.Shape_5{ width: 45px; height: 128px; overflow: hidden; position: relative; box-shadow: 1px 2px 0px #767676; } .SuggestedColor li.Shape_5 img{ height: 142px; display: block !important; left: -53px; top: -6px; position: absolute; max-width: 142px; width: 142px; /* max-height: 145px; */ transform: rotate( 90deg); } .btnlogininwith{ border:1px solid #000; transition:all .35s ease; } #Google:before{ content:'\f0d5'; font-family: "molla"; margin-right: 12px; top: -2px; position: relative; color: #dd4d43; } #Google:hover:before, #Facebook:hover:before{ color:#fff; } #Google:hover { background: #dd4b39; border-color: #dd4b39; color: #fff !important; } #Facebook:before{ content:'\f39e'; font-family: "molla"; margin-right: 12px; top: -2px; position: relative; color: #3b5999; } #Facebook:hover { background: #3b5999; border-color: #3b5999; color: #fff !important; } .conventional_size_list li a.active, .conventional_size_list li a:hover, .conventional_size_list li a:focus{ border-color:#000; } .parameterlable{ position: absolute; top: -11px; font-size: 12px; margin-left: 14px; line-height: 1; background: #ffff; padding: 5px; } .handling_charges{ border:1px solid #ddd; padding: 5px 15px; background:#f5f5f5; } #frmSubscription label.error{ position:absolute; top:50px; } .samplecolorlist li a{ width:29px !important; height:29px !important; } .testimonials1.circlenav .owl-nav [class*='owl-']{ top:35% !important } .benifit{text-transform: capitalize; font-size: 14px !important; font-family: josefin sans,sans-serif; list-style: circle; list-style-type: disclosure-closed; margin-left: 15px; margin-bottom: 25px; letter-spacing: -0.1px; } p.dynamic,#uniqueButton{ display:none; } @media screen and (max-width: 767px) { .product-image-gallery{ display:none; } .sliderproduct .owl-item .product-main-image{ display:block !important; } } @media screen and (max-width: 991px) { .intro-slider-containerL, .intro-slideL { height: 290px !important; } .product-image .overlay{ opacity:1; visibility: visible; } .customizingico{ background:#fff; } } .mobilethumb{ position:fixed; top:-18px; display:none !important; width:100%; background: #fff; z-index:999; } .mobilethumb .sliderproduct { width: 60%; right: 0; position: absolute; } @media screen and (min-width: 1600px) { .feature_contact_item{ min-height:590px; max-height:590px; } .feature_contact_item .thumbcover{ width:100%; } } @media screen and (max-width: 767px) { .sticky-custome_summery.show { display: none !important; animation-name: fixedHeader; animation-duration: .4s; } .colorpallet .card-body .product-nav-dots { padding: 0.5rem 8px 0.5rem 8px; border: none; border-radius: 0; /* overflow: hidden; */ overflow: scroll; height: 320px; } .colorpallet .card-body .product-nav-dots #lstColors { height: 320px; } .mobilethumb.darkHeader{ display:block !important; } .ordersampletext { font-size: 12px !important; } .ordersampletext.pt-3{ padding-top:0 !important; } #pnlModalColor .modal-dialog{ bottom: 0; align-items: end; min-height: calc(100% - 27%); height: 73%; } #pnlModalColor .modal-content { height: 100%; overflow-y: visible; } } .clientsl .owl-stage{ margin:0 auto; } .colorname { width:60px } .banner-content_1 { left: 0; right: 0; top: 12PX; position: RELATIVE !important; pointer-events: none; /* bottom: auto; */ z-index: 2; text-align: center !important; width: 100%; } .banner-statistics_1::before { position: absolute; content: ""; width: 100%; height: 100%; background: transparent; top: 0; left: 0; -webkit-transition: 0.3s; transition: 0.3s; opacity: 0.3; pointer-events: none; z-index: 1; } .banner-statistics_1:hover::before { opacity: 1; background: rgba(0,0,0,0); } .banner-content_1 .banner-text2 { color:#000; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } ::-moz-selection { background-color: #000 } ::selection { background-color: #000 } .bg-primary { background-color: #000 !important } .bg-secondary { background-color: #23aa90 !important } a { color: #000 } a:hover, a:focus { color: #999 } .link-underline { box-shadow: 0 1px 0 0 #000 } .text-primary { color: #000 !important } .text-secondary { color: #23aa90 !important } .alert-primary { background-color: #000 } .banner-badge .banner-link:hover .banner-link-text, .banner-badge .banner-link:focus .banner-link-text { background-color: #000 } .header-3 .header-search-extended .btn, .header-4 .header-search-extended .btn { background-color: transparent; color: #333 } .header-3 .header-search-extended .btn:hover, .header-3 .header-search-extended .btn:focus, .header-4 .header-search-extended .btn:hover, .header-4 .header-search-extended .btn:focus { color: #000 } .btn-video { color: #000 } .btn-video:hover, .btn-video:focus { background-color: #0a0a0a } .breadcrumb-item a:hover, .breadcrumb-item a:focus { color: #000 } .btn-link { color: #000 } .btn-link:hover, .btn-link:focus, .btn-link .btn-link-dark:hover, .btn-link .btn-link-dark:focus { color: #000; border-color: #000 } .btn-primary { color: #fff; background-color: #000; border-color: #000; box-shadow: none } .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #23aa90; border-color: #23aa90; box-shadow: none } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #000; border-color: #000 } .btn-secondary { color: #fff; background-color: #23aa90; border-color: #23aa90; box-shadow: none } .btn-secondary:hover, .btn-secondary:focus, .btn-secondary.focus, .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #000; border-color: #000; box-shadow: none } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #23aa90; border-color: #23aa90 } .btn-white { color: #333; background-color: #fff; border-color: #fff; box-shadow: none } .btn-white:hover, .btn-white:focus, .btn-white.focus, .btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { color: #fff; background-color: #000; border-color: #000; box-shadow: none } .btn-white.disabled, .btn-white:disabled { color: #333; background-color: #fff; border-color: #fff } .btn-white-2 { color: #333; background-color: #fff; border-color: #fff; box-shadow: none } .btn-white-2:hover, .btn-white-2:focus, .btn-white-2.focus, .btn-white-2:not(:disabled):not(.disabled):active, .btn-white-2:not(:disabled):not(.disabled).active, .show > .btn-white-2.dropdown-toggle { color: #fff; background-color: #23aa90; border-color: #23aa90; box-shadow: none } .btn-white-2.disabled, .btn-white-2:disabled { color: #333; background-color: #fff; border-color: #fff } .btn-primary-white { color: #fff; background-color: #000; border-color: #000; box-shadow: none } .btn-primary-white:hover, .btn-primary-white:focus, .btn-primary-white.focus, .btn-primary-white:not(:disabled):not(.disabled):active, .btn-primary-white:not(:disabled):not(.disabled).active, .show > .btn-primary-white.dropdown-toggle { color: #000; background-color: #fff; border-color: #fff; box-shadow: none } .btn-primary-white.disabled, .btn-primary-white:disabled { color: #fff; background-color: #000; border-color: #000 } .btn-white-primary { color: #000; background-color: #fff; border-color: #fff; box-shadow: none } .btn-white-primary:hover, .btn-white-primary:focus, .btn-white-primary.focus, .btn-white-primary:not(:disabled):not(.disabled):active, .btn-white-primary:not(:disabled):not(.disabled).active, .show > .btn-white-primary.dropdown-toggle { color: #fff; background-color: #000; border-color: #000; box-shadow: none } .btn-white-primary.disabled, .btn-white-primary:disabled { color: #000; background-color: #fff; border-color: #fff } .btn-dark { color: #fff; background-color: #333; border-color: #333; box-shadow: none } .btn-dark:hover, .btn-dark:focus, .btn-dark.focus, .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #000; border-color: #000; box-shadow: none } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #333; border-color: #333 } .btn-outline { color: #000; background-color: transparent; background-image: none; border-color: #ebebeb; box-shadow: 0 5px 10px rgba(0,0,0,0.05) } .btn-outline:hover, .btn-outline:focus, .btn-outline.focus, .btn-outline:not(:disabled):not(.disabled):active, .btn-outline:not(:disabled):not(.disabled).active, .show > .btn-outline.dropdown-toggle { color: #000; background-color: transparent; border-color: #ebebeb; box-shadow: 0 5px 10px rgba(0,0,0,0.15) } .btn-outline.disabled, .btn-outline:disabled { color: #000; background-color: transparent } .btn-outline-primary { color: #000; background-color: transparent; background-image: none; border-color: #000; box-shadow: none } .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary.focus, .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #000; background-color: transparent; border-color: #ebebeb; box-shadow: 0 5px 10px rgba(0,0,0,0.05) } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #000; background-color: transparent } .btn-outline-primary-2 { color: #000; background-color: transparent; background-image: none; border-color: #000; box-shadow: none } .btn-outline-primary-2:hover, .btn-outline-primary-2:focus, .btn-outline-primary-2.focus, .btn-outline-primary-2:not(:disabled):not(.disabled):active, .btn-outline-primary-2:not(:disabled):not(.disabled).active, .show > .btn-outline-primary-2.dropdown-toggle { color: #fff; background-color: #000; border-color: #000; box-shadow: none } .btn-outline-primary-2.disabled, .btn-outline-primary-2:disabled { color: #000; background-color: transparent } .btn-outline-light { color: #fff; background-color: transparent; background-image: none; border-color: #fff; box-shadow: none } .btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light.focus, .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #000; background-color: transparent; border-color: #fff; box-shadow: none } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #fff; background-color: transparent } .btn-outline-dark { color: #000; background-color: transparent; background-image: none; border-color: #000000; box-shadow: none; } .btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark.focus, .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: #000; border-color: #ebebeb; box-shadow: 0 5px 10px rgba(0,0,0,0.05) } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #333; background-color: transparent } .btn-outline-dark-2 { color: #333; background-color: transparent; background-image: none; border-color: #ebebeb; box-shadow: none } .btn-outline-dark-2:hover, .btn-outline-dark-2:focus, .btn-outline-dark-2.focus, .btn-outline-dark-2:not(:disabled):not(.disabled):active, .btn-outline-dark-2:not(:disabled):not(.disabled).active, .show > .btn-outline-dark-2.dropdown-toggle { color: #000; background-color: #fafafa; border-color: #ebebeb; box-shadow: none } .btn-outline-dark-2.disabled, .btn-outline-dark-2:disabled { color: #333; background-color: transparent } .btn-outline-dark-3 { color: #333; background-color: transparent; background-image: none; border-color: #d7d7d7; box-shadow: none } .btn-outline-dark-3:hover, .btn-outline-dark-3:focus, .btn-outline-dark-3.focus, .btn-outline-dark-3:not(:disabled):not(.disabled):active, .btn-outline-dark-3:not(:disabled):not(.disabled).active, .show > .btn-outline-dark-3.dropdown-toggle { color: #000; background-color: transparent; border-color: #000; box-shadow: none } .btn-outline-dark-3.disabled, .btn-outline-dark-3:disabled { color: #333; background-color: transparent } .btn-outline-darker { color: #333; background-color: transparent; background-image: none; border-color: #d7d7d7; box-shadow: none } .btn-outline-darker:hover, .btn-outline-darker:focus, .btn-outline-darker.focus, .btn-outline-darker:not(:disabled):not(.disabled):active, .btn-outline-darker:not(:disabled):not(.disabled).active, .show > .btn-outline-darker.dropdown-toggle { color: #fff; background-color: #000; border-color: #000; box-shadow: none } .btn-outline-darker.disabled, .btn-outline-darker:disabled { color: #333; background-color: transparent } .btn-outline-gray { color: #333; background-color: transparent; background-image: none; border-color: #959595; box-shadow: none } .btn-outline-gray:hover, .btn-outline-gray:focus, .btn-outline-gray.focus, .btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle { color: #fff; background-color: #000; border-color: #000; box-shadow: none } .btn-outline-gray.disabled, .btn-outline-gray:disabled { color: #333; background-color: transparent } .btn-outline-lightgray { color: #333; background-color: transparent; background-image: none; border-color: #ebebeb; box-shadow: none } .btn-outline-lightgray:hover, .btn-outline-lightgray:focus, .btn-outline-lightgray.focus, .btn-outline-lightgray:not(:disabled):not(.disabled):active, .btn-outline-lightgray:not(:disabled):not(.disabled).active, .show > .btn-outline-lightgray.dropdown-toggle { color: #000; background-color: #f5f6f9; border-color: #ebebeb; box-shadow: none } .btn-outline-lightgray.disabled, .btn-outline-lightgray:disabled { color: #333; background-color: transparent } .btn-outline-white { color: #fff; background-color: transparent; background-image: none; border-color: #fff; box-shadow: none } .btn-outline-white:hover, .btn-outline-white:focus, .btn-outline-white.focus, .btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { color: #fff; background-color: #000; border-color: #000; box-shadow: none } .btn-outline-white.disabled, .btn-outline-white:disabled { color: #fff; background-color: transparent } .btn-outline-white-2 { color: #fff; background-color: transparent; background-image: none; border-color: #fff; box-shadow: none } .btn-outline-white-2:hover, .btn-outline-white-2:focus, .btn-outline-white-2.focus, .btn-outline-white-2:not(:disabled):not(.disabled):active, .btn-outline-white-2:not(:disabled):not(.disabled).active, .show > .btn-outline-white-2.dropdown-toggle { color: #fff; background-color: #23aa90; border-color: #23aa90; box-shadow: none } .btn-outline-white-2.disabled, .btn-outline-white-2:disabled { color: #fff; background-color: transparent } .btn-outline-white-4 { color: #fff; background-color: transparent; background-image: none; border-color: #fff; box-shadow: none } .btn-outline-white-4:hover, .btn-outline-white-4:focus, .btn-outline-white-4.focus, .btn-outline-white-4:not(:disabled):not(.disabled):active, .btn-outline-white-4:not(:disabled):not(.disabled).active, .show > .btn-outline-white-4.dropdown-toggle { color: #000; background-color: #fff; border-color: #fff; box-shadow: none } .btn-outline-white-4.disabled, .btn-outline-white-4:disabled { color: #fff; background-color: transparent } .newsletter-popup-container .input-group .btn:hover, .newsletter-popup-container .input-group .btn:focus { background-color: #000 } .bg-image .btn-link-dark:hover, .bg-image .btn-link-dark:focus { color: #000; border-color: #000 } .bg-image .btn-outline-primary:hover, .bg-image .btn-outline-primary:focus, .bg-image .btn-outline-primary.focus, .bg-image .btn-outline-primary:not(:disabled):not(.disabled):active, .bg-image .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .bg-image .btn-outline-primary.dropdown-toggle { background-color: #000; border-color: #000 } .bg-image .btn-outline-dark:hover, .bg-image .btn-outline-dark:focus, .bg-image .btn-outline-dark.focus, .bg-image .btn-outline-dark:not(:disabled):not(.disabled):active, .bg-image .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .bg-image .btn-outline-dark.dropdown-toggle { color: #000 } .card-title a { color: #000 } .card-title a:before { color: #000 } .card-title a.collapsed:hover, .card-title a.collapsed:focus { color: #000 } .count-wrapper { color: #000 } .feature-box i { color: #000 } .feature-box-simple i { color: #000 } .form-control:focus { border-color: #000 } .custom-control.custom-radio .custom-control-input:checked ~ .custom-control-label::before { border-color: #000 } .custom-control.custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-color: #000 } .icon-box-icon { color: #000 } .icon-box-circle .icon-box-icon { background-color: #000 } .instagram-feed-content a:hover, .instagram-feed-content a:focus { color: #000 } .close:hover, .close:focus { color: #000 } .page-header h1 span { color: #000 } .page-link:hover, .page-link:focus { color: #000 } .page-item.active .page-link { color: #000 } .social-icon:hover, .social-icon:focus { color: #000; border-color: #000 } .testimonial-icon:before { color: #000 } .nav.nav-tabs .nav-link:hover, .nav.nav-tabs .nav-link:focus { color: #000 } .nav.nav-tabs .nav-item.show .nav-link, .nav.nav-tabs .nav-item .nav-link.active { color: #000 } .nav.nav-pills .nav-link:hover, .nav.nav-pills .nav-link:focus { color: #000 } .nav.nav-pills .nav-item.show .nav-link, .nav.nav-pills .nav-item .nav-link.active { color: #000; border-bottom-color: #000 } .nav.nav-border-anim .nav-link:before { background-color: #000 } .title-link:hover, .title-link:focus { box-shadow: 0 1px 0 0 #000 } .product-countdown.countdown-primary .countdown-amount { color: #000 } .product-title a:hover, .product-title a:focus { color: #000 } .product-price { color: #000 } .product-label.label-primary { background-color: #000 } .product-label.label-secondary { background-color: #23aa90 } .product-label-text { color: #000 } .ratings-primary .ratings-val { color: #000 } .ratings-text a:hover, .ratings-text a:focus { color: #000 } .btn-product { color: #000 } .btn-product:hover span, .btn-product:focus span { color: #000; box-shadow: 0 1px 0 0 #000 } .btn-product-icon { color: #000 } .btn-product-icon:hover, .btn-product-icon:focus { background-color: #000 } .product-body .btn-wishlist:hover, .product-body .btn-wishlist:focus { color: #000 } .btn-expandable span { background-color: #000 } .product.product-4 .btn-product:hover, .product.product-4 .btn-product:focus { background-color: #23aa90 } .product.product-5 .btn-product { color: #000 } .product.product-5 .btn-product:hover, .product.product-5 .btn-product:focus { background-color: #000 } .product.product-7 .btn-product { color: #000 } .product.product-7 .btn-product span { color: #000 } .product.product-7 .btn-product:hover, .product.product-7 .btn-product:focus { background-color: #000; border-bottom-color: #000 } .product.product-8 .new-price { color: #000 } .product.product-8 .btn-product:before { color: #000 } .product.product-8 .btn-product:hover, .product.product-8 .btn-product:focus { background-color: #000 } .product.product-list .btn-product:hover, .product.product-list .btn-product:focus { color: #000 } .product.product-list .btn-product.btn-cart { color: #000; border-bolor: #000 } .product.product-list .btn-product.btn-cart:hover, .product.product-list .btn-product.btn-cart:focus { background-color: #000 } .footer a:hover, .footer a:focus { color: #000 } .footer-dark.footer-2 .widget-about-title { color: #000 } .header-top a:hover, .header-top a:focus { color: #fcf2ff } .top-menu span { color: #000 } .header-menu a:hover, .header-menu a:focus { color: #000 } .account a:hover, .account a:focus { color: #000 } .wishlist a:hover, .wishlist a:focus { color: #000 } .wishlist a .wishlist-count { background-color: #000 } .cart-dropdown:hover .dropdown-toggle, .cart-dropdown.show .dropdown-toggle, .compare-dropdown:hover .dropdown-toggle, .compare-dropdown.show .dropdown-toggle { color: #000 } .compare-product-title a:hover, .compare-product-title a:focus { color: #000 } .compare-actions .action-link:hover, .compare-actions .action-link:focus { color: #000 } .cart-dropdown .cart-count { background-color: #000 } .cart-dropdown .product-title a:hover, .cart-dropdown .product-title a:focus { color: #000 } .wishlist-link .wishlist-count { background-color: #000 } .wishlist-link:hover, .wishlist-link:focus { color: #000 } .search-toggle:hover, .search-toggle:focus, .search-toggle.active { color: #000 } .menu li:hover > a, .menu li.show > a, .menu li.active > a { color: #000 } .demo-item a:hover, .demo-item a:focus { color: #777 } .tip { background-color: #000 } .header-bottom .menu > li > a:before { background-color: #999999 } .category-dropdown .dropdown-toggle:before { background-color: #000 } .category-dropdown .dropdown-toggle:hover, .category-dropdown .dropdown-toggle:focus { color: #fff; background-color: #000 } .category-dropdown:not(.is-on):hover .dropdown-toggle { background-color: #000 } .category-dropdown.show .dropdown-toggle { color: #fff; background-color: #000 } .category-dropdown .dropdown-item:hover, .category-dropdown .dropdown-item:focus { color: #000 } .menu-vertical li:hover > a, .menu-vertical li.show > a, .menu-vertical li.active > a { color: #000 } .menu-vertical > li:hover > a, .menu-vertical > li.show > a, .menu-vertical > li.active > a { color: #000 } .mobile-menu-close:hover, .mobile-menu-close:focus { color: #000 } .mobile-menu li a:hover, .mobile-menu li a:focus { color: #fff } .mobile-menu li.open > a, .mobile-menu li.active > a { color: #fff } .mmenu-btn:hover, .mmenu-btn:focus { color: #fff } .mobile-search .form-control:focus { border-color: #000 } .nav.nav-pills-mobile .nav-link.active, .nav.nav-pills-mobile .nav-link:hover, .nav.nav-pills-mobile .nav-link:focus { color: #000; border-bottom-color: #000 } .mobile-cats-menu li a:hover, .mobile-cats-menu li a:focus { color: #000 } .mobile-menu-light .mobile-menu li.open > a, .mobile-menu-light .mobile-menu li.active > a { color: #000 } .mobile-menu-light .mobile-search .form-control:focus { border-color: #000 } .header-4 .header-search .header-search-wrapper { border-color: #000 } .header-4 .dropdown.category-dropdown .dropdown-toggle:not(:hover):not(:focus) { color: #000 } @media screen and (max-width: 991px) { .header-4 .header-search-visible .header-search-wrapper:before { border-bottom-color: #000 } } .header-6 .header-middle a:hover, .header-6 .header-middle a:focus { color: #999 } .header-8 .header-top { color: #8ceedb; background-color: #000 } .header-10 .header-search .header-search-wrapper { border-color: #000 } .header-10 .category-dropdown .dropdown-toggle { background-color: #000 } .header-10 .menu-vertical .menu-title { color: #000 } .header-12 .dropdown.category-dropdown .dropdown-toggle { background-color: #000 } .header-13 .dropdown.category-dropdown .dropdown-toggle { background-color: #000 } .header-14 .header-search .header-search-wrapper { border-color: #000 } .header-14 .dropdown.category-dropdown .dropdown-toggle { background-color: #000 } .entry-video a:hover:after, .entry-video a:focus:after { color: #000 } .entry-meta a:hover, .entry-meta a:focus { color: #000; box-shadow: 0 1px 0 #000 } .entry-title a:hover, .entry-title a:focus { color: #000 } .entry-cats a:hover, .entry-cats a:focus { color: #000; box-shadow: 0 1px 0 #000 } .read-more:hover, .read-more:focus { box-shadow: 0 1px 0 0 #000 } .menu-cat a:hover, .menu-cat a:focus { color: #000 } .menu-cat li.active a { color: #000; box-shadow: 0 1px 0 #000 } .widget-search .btn:hover, .widget-search .btn:focus { color: #000 } .widget-cats a:hover, .widget-cats a:focus { color: #000 } .posts-list a:hover, .posts-list a:focus { color: #000 } .tagcloud a:hover, .tagcloud a:focus { color: #000 } .table .total-col { color: #000 } .btn.btn-spinner:hover, .btn.btn-spinner:focus { color: #000 } .table.table-summary .summary-shipping-estimate a:hover, .table.table-summary .summary-shipping-estimate a:focus { color: #000; border-bottom-color: #000 } .sidebar-toggler:hover, .sidebar-toggler:focus { color: #000 } #filter-price-range { color: #000 } .checkout-discount label span { color: #000 } .checkout-discount .form-control:focus { border-color: #000 } .table.table-summary a:hover, .table.table-summary a:focus { color: #000 } .table.table-summary .summary-total td { color: #000 } .accordion-summary .card-title a:before { border-color: #000 } .accordion-summary .card-title a:after { background-color: #000 } .paypal-link:hover, .paypal-link:focus { color: #000 !important } .coming-countdown .countdown-amount { color: #000 } .coming-countdown.countdown-separator .countdown-section:not(:last-child):after { color: #000 } .contact-box a:hover, .contact-box a:focus { color: #000 } .contact-list a:hover, .contact-list a:focus { color: #000 } .contact-list i { color: #000 } .store a:not(.btn):hover, .store a:not(.btn):focus { color: #000 } .nav-dashboard .nav-link:hover, .nav-dashboard .nav-link:focus, .nav-dashboard .nav-link.active { color: #000 } .form-tab .form-footer a:hover, .form-tab .form-footer a:focus { color: #000 } .nav-filter a:hover, .nav-filter a:focus { color: #000 } .nav-filter .active a { color: #000; border-bottom-color: #000 } .portfolio-title a:hover, .portfolio-title a:focus { color: #000 } .portfolio-tags a { color: #000 } .portfolio-tags a:hover, .portfolio-tags a:focus { color: #000; box-shadow: 0 1px 0 #000 } .btn-product-gallery:hover, .btn-product-gallery:focus { background-color: #000 } .product-gallery-item:before { border-color: #000 } .product-pager-link:hover, .product-pager-link:focus { color: #000 } .product-pager-link:hover span, .product-pager-link:focus span { box-shadow: 0 1px 0 #000 } .product-details .product-cat a:hover, .product-details .product-cat a:focus { color: #000; box-shadow: 0 1px 0 #000 } .product-details .product-size a.active, .product-details .product-size a:hover, .product-details .product-size a:focus { color: #000; border-color: #000 } .size-guide:hover, .size-guide:focus { color: #000 } .product-details-action .btn-cart { color: #000; border-color: #000 } .product-details-action .btn-cart:hover, .product-details-action .btn-cart:focus { border-color: #000; background-color: #000 } .product-details-tab .nav.nav-pills .nav-link:hover, .product-details-tab .nav.nav-pills .nav-link:focus { color: #000; border-bottom-color: #000 } .product-desc-content a:hover, .product-desc-content a:focus { color: #000; border-bottom-color: #000 } .review h4 a:hover, .review h4 a:focus { color: #000 } .review-action a:hover, .review-action a:focus { color: #000; box-shadow: 0 1px 0 #000 } .product-details-extended .nav.nav-pills .nav-link.active, .product-details-extended .nav.nav-pills .nav-link:hover, .product-details-extended .nav.nav-pills .nav-link:focus { border-color: #000 } .editor-content a:hover, .editor-content a:focus { color: #000; box-shadow: 0 1px 0 #000 } .editor-content blockquote { border-left-color: #000 } .entry-tags a:hover, .entry-tags a:focus { color: #000 } .entry-author-details h4 a:hover, .entry-author-details h4 a:focus { color: #000 } .author-link:hover, .author-link:focus { color: #000; box-shadow: 0 1px 0 #000 } .pager-link { color: #000 } .pager-link:hover, .pager-link:focus { color: #000 } .pager-link:hover:after, .pager-link:focus:after { color: #000 } .comment-reply:hover, .comment-reply:focus { color: #000; box-shadow: 0 1px 0 #000 } .comment-user h4 a:hover, .comment-user h4 a:focus { color: #000 } .product-col .product-title a:hover, .product-col .product-title a:focus { color: #000 } .owl-theme .owl-nav [class*='owl-'] { color: #000 } .owl-theme .owl-nav [class*='owl-']:not(.disabled):hover { border-color: #000; background: #000 } .owl-theme.owl-light .owl-nav [class*='owl-']:not(.disabled):hover { border-color: #000 } .owl-theme.owl-light .owl-dots .owl-dot:hover span { border-color: #000; background: #000 } .owl-theme.owl-light .owl-dots .owl-dot.active span { border-color: #000; background: #000 } .owl-full .owl-nav [class*='owl-'] { color: #000 } .owl-full .owl-nav [class*='owl-']:hover, .owl-full .owl-nav [class*='owl-']:focus { color: #000 } .owl-full .owl-dots .owl-dot span { border-color: #000 } .owl-full .owl-dots .owl-dot:hover span { border-color: #000; background: #000 } .owl-full .owl-dots .owl-dot.active span { border-color: #000; background: #000 } .owl-full.owl-nav-dark .owl-nav [class*='owl-']:hover, .owl-full.owl-nav-dark .owl-nav [class*='owl-']:focus { color: #000 } .owl-simple .owl-nav [class*='owl-']:not(.disabled):hover { color: #000 } .owl-simple.owl-light .owl-dots .owl-dot:hover span { border-color: #fff; background: #fff } .owl-simple.owl-light .owl-dots .owl-dot.active span { border-color: #000; background: #000 } .quickView-content .owl-theme.owl-light .owl-nav [class*='owl-'] { border: none; font-size: 3rem; color: #fff } .quickView-content .owl-theme.owl-light .owl-nav [class*='owl-']:hover, .quickView-content .owl-theme.owl-light .owl-nav [class*='owl-']:focus { color: #000; background-color: transparent } .quickView-content .details-action-wrapper .btn-product:hover span, .quickView-content .details-action-wrapper .btn-product:focus span { color: #000; box-shadow: 0 1px 0 0 #000 } .quickView-content .product-details-action .btn-cart { transition: color .3s } .quickView-content .product-details-action .btn-cart:hover, .quickView-content .product-details-action .btn-cart:focus { border-color: #000; background-color: #000; color: #fff } .quickView-content .btn-wishlist, .quickView-content .btn-compare { border: none } .quickView-content .btn-wishlist:before, .quickView-content .btn-compare:before { color: #000 } .quickView-content .btn-wishlist:hover, .quickView-content .btn-wishlist:focus, .quickView-content .btn-compare:hover, .quickView-content .btn-compare:focus { color: #000; background-color: transparent } .quickView-content .btn-wishlist:hover span, .quickView-content .btn-wishlist:focus span, .quickView-content .btn-compare:hover span, .quickView-content .btn-compare:focus span { color: #000 } .quickView-content .btn-fullscreen:hover, .quickView-content .btn-fullscreen:focus { color: #fff; background-color: #000 } .quickView-content .product-left .carousel-dot.active img { opacity: 1; box-shadow: 0 0 0 1px #000 } .quickView-content .product-left .carousel-dot:hover img, .quickView-content .product-left .carousel-dot:focus img { opacity: 1 } .newsletter-popup-container .banner-title span { color: #000 } /*# sourceMappingURL=skin-demo-9.css.map */ @import url("https://fonts.googleapis.com/css?family=Poppins:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800"); .header.header-6 .header-top { background-color: #000 } .header.header-6 .header-top .container::after, .header.header-6 .header-top .container-fluid::after { height: 0 } .header.header-6 .header-middle .container::after, .header.header-6 .header-middle .container-fluid::after { content: ''; position: absolute; left: 1rem; right: 1rem; bottom: 0; } .header.header-6 .header-bottom { background-color: #fff } .header.header-6 .header-bottom .menu > li:hover > a, .header.header-6 .header-bottom .menu > li:focus > a, .header.header-6 .header-bottom .menu > li.active > a { color: #999999 } .header.header-6 .header-bottom .menu > li > a { color: #000; letter-spacing: .01em } .header.header-6 .header-bottom .menu > li > a::before { height: .2rem; bottom: 0 } .header.header-6 .header-bottom .menu > li + li { margin-left: .8rem } .header.header-6 .header-bottom .header-right { padding-right: 1rem } .header.header-6 .header-bottom .header-right p { color: #222; letter-spacing: .01em } .header.header-6 .header-bottom .header-right i { color: #222 } .header.header-6 .wishlist-link:hover .wishlist-txt, .header.header-6 .wishlist-link:hover .cart-txt, .header.header-6 .wishlist-link:focus .wishlist-txt, .header.header-6 .wishlist-link:focus .cart-txt, .header.header-6 .cart-dropdown:hover .wishlist-txt, .header.header-6 .cart-dropdown:hover .cart-txt, .header.header-6 .cart-dropdown:focus .wishlist-txt, .header.header-6 .cart-dropdown:focus .cart-txt { color: #000333 } .title-lg { font-weight: 400 } hr { border-top-color: #e9e9e9 } .intro-section { display: flex; flex-flow: row wrap; overflow: hidden; margin-top: 0 } .intro-section .intro-section-slider, .intro-section .icon-boxes-container { width: 100% } .intro-section-slider .owl-carousel .owl-stage-outer { overflow: visible } .intro-section, .intro-slider-container, .intro-slide { background-color: #ffffff } .intro-slider.owl-simple .owl-dots { position: absolute; left: 0; right: 0; bottom: 20px } .intro-slider-container:before, .intro-slider .slide-image:before { } @media screen and (max-width: 479px) { } .intro-slide { position: relative; height: 300px; background-size: cover; background-position: bottom; } .intro-slide:after { content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(38,38,38,0.4); transition: all 0.55s ease-out .3s; opacity: 1; visibility: visible; z-index: 5 } .active .intro-slide:after { opacity: 0; visibility: hidden } .intro-content { z-index: 3 } .intro-subtitle { font-size: 1.8rem; font-family: "Kannada MN",sans-serif; letter-spacing: .2rem } .intro-subtitleP { font-size: 24px; font-family: "Kannada MN",sans-serif; } .intro-title { font-weight: 400; font-size: 3rem; line-height: 1; margin-bottom: .2rem } .intro-text { color: #000333; font-weight: 200; font-size: 6rem; line-height: 1.16; letter-spacing: -.01em } .banner-text a { color: inherit } .banner-text a:hover, .banner-text a:focus { text-decoration: none } .banner-group .banner-content { padding-top: 0 } .banner-group .banner-subtitle { font-size: 1.4rem; font-weight: 300; letter-spacing: .1em; margin-bottom: 1.2rem; text-transform: uppercase } .banner-group .banner-title { font-weight: 600; font-size: 2.2rem; line-height: 1.15; letter-spacing: -.01em; margin-bottom: .1rem } .banner-group .banner-lg { position: relative } .banner-group .banner-lg .btn.banner-link { margin-top: 2.5rem } .banner-group .banner-text { color: #000; font-weight: 300; font-size: 2.2rem; line-height: 1.25; letter-spacing: .01em; text-transform: uppercase } .banner-group .banner-link { margin-top: 1.4rem; font-size: 1.3rem; letter-spacing: .1em; padding: .8rem 2.7rem } .banner-group .btn { min-width: 150px; border-width: 2px } .banner-group .banner-content { left: 20px } .banner-group .banner-content.banner-content-bottom { bottom: 30px } .banner-group .banner-content.banner-content-right { left: auto; right: 20px } .nav.nav-pills .nav-link:not(:hover):not(:focus):not(.active) { color: #000 } .product.product-7 { margin-bottom: 2rem; background-color: transparent } .product.product-7 .product-body { background-color: transparent; padding-top: 1rem; padding-bottom: .8rem } .product.product-7 .product-title { margin-bottom: .3rem; font-size: 1.4rem; letter-spacing: 0 } .product.product-7 .product-price { margin-bottom: .8rem; font-size: 12px; letter-spacing: 0; color: #000; display: flex; justify-content: center } .product.product-7 .product-action { padding-top: 0; padding-bottom: 0 } .product.product-7 .ratings-container { display: flex; justify-content: center } .product.product-7 .product-label { text-transform: uppercase; font-size: 1.2rem } .product.product-7 .product-nav-thumbs a, .product.product-7 .product-nav-thumbs span { height: 5.4rem } .product.product-7 .btn-product { padding-top: 1.3rem; padding-bottom: 1.3rem; color: #fff; background-color: #000333; border-bottom: none } .product.product-7 .btn-product span { display: inline-block; position: relative; color: #fff; font-size: 1.4rem; transition: all .35s ease } .product.product-7 .btn-product:before { display: none } .product.product-7 .btn-product:hover, .product.product-7 .btn-product:focus { color: #fff; background-color: #222 } .product.product-7 .btn-product:hover span, .product.product-7 .btn-product:focus span { color: #fff; box-shadow: none } .product.product-7 .product-nav-dots { margin-bottom: 1.5rem } .product.product-7 .btn-product-icon { color: #fff; background-color: #000333 } .product.product-7 .btn-product-icon:hover, .product.product-7 .btn-product-icon:focus { background-color: #222 } .product.product-7 .btn-product-icon:hover span, .product.product-7 .btn-product-icon:focus span { background-color: #222 } .product.product-7:hover, .product.product-7:focus { box-shadow: none } .btn-cart span:before { display: block; content: '\e812'; font-family: "molla"; position: absolute; opacity: 0; transform: translateX(-25px); position: absolute; left: 0; top: 50%; font-weight: normal; font-size: 1.8rem; line-height: 1; margin-top: -1rem; transition: all .35s ease } .btn-cart:hover span, .btn-cart:focus span { padding-left: 2.6rem } .btn-cart:hover span:before, .btn-cart:focus span:before { opacity: 1; transform: translateX(0) } .cta .btn:not(.btn-block) { min-width: 70px } .cta .form-control { font-size: 1.3rem; letter-spacing: .01em; font-weight: 300 } .cta .form-control::placeholder { color: #999 } .icon-boxes-container { background-color: #222 } .icon-box-side { padding-top: 0.6rem; padding-bottom: 0.6rem } .icon-box-side .icon-box-title { font-size: 16px; font-weight: 300; letter-spacing: .01em; text-transform: uppercase; color: #fff } .icon-box-side p { font-size: 1.5rem } .icon-box-icon { color: #666; font-size: 3rem } .cta-title { font-size: 19px; letter-spacing: 1px; } .cta-border p { color:#000 }.cta-heading { margin-bottom: 2rem } .cta-heading .cta-title { margin-bottom: .4rem } .cta-desc { color: #777; font-weight: 300; font-size: 1.4rem } .cta-desc span { color: #000 } .heading .title { font-size: 28px; font-weight: 500; letter-spacing: 0px; } .nav.nav-pills .nav-item.show .nav-link, .nav.nav-pills .nav-item .nav-link.active { color: #000; border-bottom-color: #000 } .nav.nav-pills .nav-item.show .nav-link::before, .nav.nav-pills .nav-item .nav-link.active::before { background-color: #000 } .nav.nav-border-anim .nav-link { font-size: 1.4rem; font-weight: 600; letter-spacing: .01em } .nav.nav-border-anim .nav-link::before { background-color: #000 } .featured .owl-simple .owl-nav .owl-prev { left: 30px } .featured .owl-simple .owl-nav .owl-next { right: 30px } .featured .owl-simple .owl-nav [class*='owl-'] { top: 50%; font-size: 2.4rem; color: #000; width: 60px; height: 60px; background-color: #fff; box-shadow: 0 5px 20px rgba(34,34,34,0.3) } .featured .owl-simple .owl-nav [class*='owl-']:hover, .featured .owl-simple .owl-nav [class*='owl-']:focus { color: #000333; background-color: #fff } .squarenav.owl-simple .owl-nav [class*='owl-'] { top: 31px; font-size: 2.4rem; color: #000; width: 60px; height: 60px; background-color: #fff; box-shadow:none; } .squarenav.owl-simple .owl-nav [class*='owl-']:hover, .featured .owl-simple .owl-nav [class*='owl-']:focus { color: #000333; background-color: #fff } #sync1 .owl-nav .owl-prev { left: -20px } #sync1 .owl-nav .owl-next { right: -20px } .sync9 .owl-prev { left: -20px } .sync9 .owl-next { right: -20px } .close svg { fill: transparent; stroke: #000000; width: 16px; height: 34px; } .close:hover { background: transparent } #sync1 .owl-nav [class*='owl-']{ box-shadow:0 5px 20px rgb(34 34 34 / 30%); width: 35px !important; height: 35px !important; border: none; background-color: rgb(255 255 255 / 85%) !important; } .squarenav .owl-nav [class*='owl-']{ width: 35px !important; height: 35px !important; border: none; background-color: rgb(255 255 255 / 85%) !important; } .circlenav .owl-stage-outer{ margin:0 !important } .sync9 [class*='owl-'] { position: absolute; top: 47%; z-index: 99; display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; margin: 0; margin-top: -21px; color: #000000; font-size: 30px; line-height: 1; padding: 0; border: none; background: transparent; cursor: pointer; border-radius: 50px; transition: all 0.3s ease } .sync9 [class*='owl-']{ box-shadow:0 5px 20px rgb(34 34 34 / 30%); width: 35px !important; height: 35px !important; border: none; background-color: rgb(255 255 255 / 85%) !important; } .close svg { transform: scaleY(-1) rotateZ(180deg); } #sync1 .owl-nav .owl-prev svg, #sync1 .owl-nav .owl-next svg { fill: transparent; stroke: #000000; width: 8px; height: 24px; } #sync1 .owl-nav .owl-prev:hover { background: transparent } .squarenav .owl-nav .owl-prev { left: 0px !important } .squarenav .owl-nav .owl-next { right: 0px !important } .squarenav .owl-stage-outer{ margin-left: 26px; margin-right: 26px; } .squarenav .owl-nav .owl-prev svg, .squarenav .owl-nav .owl-next svg { fill: transparent; stroke: #000000; width: 8px; height: 24px; } .squarenav .owl-nav .owl-prev:hover { background: transparent } .sync9 .owl-prev svg { transform: scaleY(-1) rotateZ(180deg); } .sync9 .owl-prev svg, .sync9 .owl-next svg { fill: transparent; stroke: #000000; width: 8px; height: 24px; } .sync9 .owl-prev:hover { background: transparent } #sync1 .owl-nav .owl-prev svg { transform: scaleY(-1) rotateZ(180deg); } .squarenav .owl-nav .owl-prev svg { transform: scaleY(-1) rotateZ(180deg); } .carousel-equal-height .owl-nav .owl-prev { left: -20px !important } .carousel-equal-height .owl-nav .owl-next { right: -20px !important } .carousel-equal-height .owl-nav .owl-prev svg, .carousel-equal-height .owl-nav .owl-next svg { fill: transparent; stroke: #000000; width: 8px; height: 24px; } .testimonials1 .owl-nav .owl-prev { left: -20px !important; } .testimonials1 .owl-nav .owl-next { right: -20px !important; } .carousel-equal-height .owl-nav .owl-prev:hover { background: transparent } .carousel-equal-height .owl-nav .owl-prev svg { transform: scaleY(-1) rotateZ(180deg) !important; } .carousel-equal-height .owl-nav [class*='owl-'] { top: 46% !important; font-size: 1.8rem; color: transparent; width: 35px !important; height: 35px !important; border: none; background-color: rgb(255 255 255 / 85%) !important; } .carousel-equal-height .owl-nav [class*='owl-']:hover, .carousel-equal-height .owl-nav [class*='owl-']:focus { color: #000333; background-color: #fff } .qodef-svg-nav-arrow { cursor: pointer } .qodef-svg-nav-arrow polyline:nth-of-type(1) { stroke-dasharray: 40; stroke-dashoffset: 40; -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transition: .4s cubic-bezier(.49,.48,1,1); -o-transition: .4s cubic-bezier(.49,.48,1,1); transition: .4s cubic-bezier(.49,.48,1,1) } .qodef-svg-nav-arrow polyline:nth-of-type(2) { stroke-dasharray: 40; stroke-dashoffset: 0; -webkit-transition: .4s .4s cubic-bezier(.49,.64,1,1); -o-transition: .4s .4s cubic-bezier(.49,.64,1,1); transition: .4s .4s cubic-bezier(.49,.64,1,1) } .qodef-svg-nav-arrow:hover polyline:nth-of-type(1) { stroke-dashoffset: 0; -webkit-transition: .4s .4s cubic-bezier(.49,.64,1,1); -o-transition: .4s .4s cubic-bezier(.49,.64,1,1); transition: .4s .4s cubic-bezier(.49,.64,1,1) } .qodef-svg-nav-arrow:hover polyline:nth-of-type(2) { stroke-dashoffset: 40; -webkit-transition: .4s cubic-bezier(.49,.48,1,1); -o-transition: .4s cubic-bezier(.49,.48,1,1); transition: .4s cubic-bezier(.49,.48,1,1) } .dark-btn { display: block; width: 195px; height: 45px; position: relative; overflow: hidden; border: 1px solid #1f2128; background: 0 0 } .dark-btn .show-btn { position: absolute; top: 0; cursor: pointer; left: 0; width: 195px; height: 45px; line-height: 41px; text-align: center; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; font-size: 16px; letter-spacing: 1.35px; color: #1f2128 } .dark-btn .hide-btn { position: absolute; top: 0; cursor: pointer; left: 195px; width: 195px; height: 45px; line-height: 41px; text-align: center; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; font-size: 16px; letter-spacing: 1.35px; color: #fff; background: #1f2128 } .dark-btn:hover .show-btn { left: -195px } .dark-btn:hover .hide-btn { left: 0 } .light-btn { display: block; width: 195px; height: 45px; position: relative; overflow: hidden; border: 1px solid #fff; margin: auto } .scroll-down { height: 40px; width: 40px; position: relative; float: none; display: inline-block } .qodef-svg-nav-arrow:hover polyline:nth-of-type(1) { stroke-dashoffset: 0; -webkit-transition: .4s .4s cubic-bezier(.49,.64,1,1); -o-transition: .4s .4s cubic-bezier(.49,.64,1,1); transition: .4s .4s cubic-bezier(.49,.64,1,1); } .qodef-svg-nav-arrow polyline:nth-of-type(1) { stroke-dasharray: 40; stroke-dashoffset: 40; -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transition: .4s cubic-bezier(.49,.48,1,1); -o-transition: .4s cubic-bezier(.49,.48,1,1); transition: .4s cubic-bezier(.49,.48,1,1); } #sync1 .owl-nav [class*='owl-'] { top: 53%; font-size: 2.4rem; color: transparent; width: 40px; height: 40px; border: none; } #sync1 .owl-nav [class*='owl-']:hover, #sync1 .owl-nav [class*='owl-']:focus { color: #000333; background-color: #fff } .squarenav .owl-nav [class*='owl-'] { top: 53%; font-size: 2.4rem; color: transparent; width: 40px; height: 40px; border: 1px solid #999; border-radius: 0; box-shadow:none; } .circlenav .owl-nav [class*='owl-'] { top: 53% !important; border-radius: 50%; } .squarenav .owl-nav [class*='owl-']:hover, .squarenav .owl-nav [class*='owl-']:focus { color: #000333; background-color: #fff } .product-banner .banner-content { top: 2rem; bottom: 3.5rem; right: 4rem; transform: translateY(0); display: flex; flex-direction: column; justify-content: space-between } .product-banner .banner-title { border-bottom: .1rem solid #fff } .product-banner .banner-title i { font-size: 1.8rem; letter-spacing: .1em; margin-bottom: 1rem } .product-banner .banner-title h3 { font-size: 1.8rem; letter-spacing: .1em; font-weight: 300; text-transform: uppercase } .product-banner .product-cat { margin-bottom: .5rem } .product-banner .product-cat h4 { font-size: 1.4rem; font-weight: 400; letter-spacing: .1em; text-transform: uppercase; margin-bottom: 0 } .product-banner .product-price { margin-bottom: 0 } .product-banner .product-price h4 { font-size: 4rem; font-weight: 600; letter-spacing: .01em; margin-bottom: 0 } .product-banner .product-txt { letter-spacing: .01em; font-weight: 400 } .product-banner .btn.banner-link { font-size: 1.3rem; letter-spacing: .1em; border: .2rem solid #fff; min-width: 100%; margin-top: 2.5rem } .product-banner .btn.banner-link:hover, .product-banner .btn.banner-link:focus { border-color: #000333 } .footer { background-color: #fff } .footer-bottom { border-top: 1px solid #ccc; } .footer .footer-logo { margin-top: 0 } .footer .footer-middle { border-top: none; padding-top: 6rem; border-top: 1px solid #ccc; } .footer .widget-about-title { color: #fff } .footer .widget-about-info a { color: #000333 } .footer-bottom .container:before, .footer-bottom .container-fluid:before { background-color: #444 } @media screen and (min-width: 768px) { .intro-subtitle { font-size: 24px;; } .intro-title { font-size: 35px; } .intro-price { font-size: 4rem } } @media screen and (max-width: 991px) { .testimonials1 .owl-nav .owl-prev { left: 0px !important; } .testimonials1 .owl-nav .owl-next { right: 0px !important; } } @media screen and (min-width: 992px) { .intro-section .icon-boxes-container { order: -1 } .intro-subtitle { font-size: 24px;; } .intro-title { font-size: 35px; } .intro-price { font-size: 5rem } } @media screen and (min-width: 1200px) { .intro-subtitle { font-size: 24px; } .intro-title { font-size: 6rem } .intro-price { font-size: 6rem } .banner-group .banner-title, .banner-group .banner-text { font-size: 2.2rem } .banner-group .banner-content { left: 40px } .banner-group .banner-content.banner-content-top { top: 140px } .banner-group .banner-content.banner-content-bottom { bottom: 70px } .banner-group .banner-content.banner-content-right { left: auto; right: 50px } } @media screen and (max-width: 991px) { .sync9 .owl-prev { left: 0px; } .sync9 .owl-next { right: 0px; } .squarenav .owl-stage-outer { margin-left: 20px; margin-right: 20px; } .tab-style-1 a { margin: 0px 0px 5px 0; padding: 7px 0 2px; font-size: 13px; } #sync1 .owl-nav .owl-prev { left: 0px; } #sync1 .owl-nav .owl-next { right: 0px; } .owl-simple .owl-nav .owl-prev { left: 0px; } .owl-simple .owl-nav .owl-next { right: 0px; } .testimonials1 blockquote cite,.testimonials1 blockquote cite span, .testimonials1 blockquote p{ padding-left:15px; } .icon-box-side{ padding-bottom:35px !important; } .icon-box-side .icon-box-title{ font-size:15px; } .icon-box-side .icon-box-icon{ min-width:6rem; } .feature_contact_item{ min-height:400px; } .qodef-video-button .qodef-m-play span.qodef-m-play-inner .upload{ font-size:13px; margin-top:21px; } .fc_bg1 .opac{ padding:30px 40px 35px 30px; } .uploadnow{ top:20%; } .uploadnow .qodef-m-play-square img{ width:55px; } .about-testimonials blockquote { color: #666; max-width: 100%; margin-left: auto; margin-right: auto; font-style: normal; line-height: 1.875; } .heading { text-align: center } .counter-style-1 { /* border-radius: 80% 9px 0; */ bottom: 10px; /* font-family: "Playfair Display", serif; */ /* height: 240px; */ /* padding-top: 76px; */ position: absolute; right: 15px; } } @media screen and (max-width: 575px) { .cta .cta-title { font-size: 1.8rem } .intro-title { font-size: 1.8rem; } .cta .input-group { flex-direction: row; align-items: center; flex-wrap: nowrap } .cta .input-group .form-control { width: 1%; margin-bottom: 0 } .cta .input-group .btn { margin-top: 0 } } /*# sourceMappingURL=demo-9.css.map */ @media screen and (min-width: 576px) { .intro-slider-container, .intro-slide { height: 400px } .footer-newsletter .input-group { flex-direction: row; align-items: stretch } .footer-newsletter .form-control { width: auto; margin-bottom: 0 } } @media screen and (min-width: 768px) { .intro-slider-container, .intro-slide { height: 400px } .intro-title sup { font-size: 24px; } .banner-content.banner-content-top { top: 3.6rem } .banner-content.banner-content-bottom { bottom: 4rem } .banner-large .banner-content { left: 5rem } } @media screen and (min-width: 992px) { .intro-slider-container, .intro-slide { height: 400px } .intro-title sup { font-size: 1.8rem } .banner-large .banner-content { left: 7rem } } @media screen and (min-width: 1200px) { .intro-slider-container, .intro-slide { height: 400px; background-size: cover; background-position: bottom; } .intro-title { font-family: eb garamond,serif; font-weight: 500; /* text-transform: uppercase; */ color: #ffffff; font-size: 40px; line-height: 1; letter-spacing: 1px; font-style: normal; } .intro-title.blackC{ color:#000; } .intro-title i{ font-style:normal; } .intro-title sup { font-size: 2rem } .intro-title span { font-weight: 300 } } @media screen and (min-width: 1700px) { .intro-slider-container, .intro-slide { height: 750px; background-size: cover; background-position: bottom; } } .blog-posts .entry-title { font-weight: 600 } @media screen and (min-width: 768px) { .intro-title { margin-bottom: 1rem } } @media screen and (max-width: 767px) { .intro-slider-container, .intro-slide { height: 250px; } .carousel-equal-height .owl-nav .owl-prev { left: -10px !important } .carousel-equal-height .owl-nav .owl-next { right: -10px !important } } /*! nouislider - 13.1.5 - 4/24/2019 */.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative;direction:ltr}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;left:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}html:not([dir="rtl"]) .noUi-horizontal .noUi-origin{left:auto;right:0}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform 0.3s;transition:transform 0.3s}.noUi-state-drag *{cursor:inherit !important}.noUi-horizontal{height:.3rem}.noUi-horizontal .noUi-handle{width:1.5rem;height:1.5rem;left:-.75rem;top:50%;margin-top:-.65rem}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}html:not([dir="rtl"]) .noUi-horizontal .noUi-handle{right:-1.4rem;left:auto}html:not([dir="rtl"]) .noUi-horizontal .noUi-handle.noUi-handle-upper{right:-.75rem}.noUi-target{background:#ebebeb;border-radius:6px}.noUi-connects{border-radius:3px}.noUi-connect{background:#333}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:.1rem solid #555555;border-radius:50%;background:#FFF;cursor:default}.noUi-active{box-shadow:inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB}[disabled] .noUi-connect{background:#B8B8B8}[disabled].noUi-target,[disabled].noUi-handle,[disabled] .noUi-handle{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#777}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%, 50%);transform:translate(-50%, 50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%, 50%);transform:translate(50%, 50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0, -50%);transform:translate(0, -50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0, 50%);transform:translate(0, 50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;color:#333333;font-weight:300;font-size:1.4rem;line-height:1;letter-spacing:-.01em;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);left:50%;top:100%;margin-top:1rem}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0, -50%);transform:translate(0, -50%);top:50%;right:120%} /*# sourceMappingURL=nouislider.css.map */