/* Minification failed. Returning unminified contents. : run-time error CSS1036: Expected expression, found '' (6932,18): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (7593,18): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (8352,13): run-time error CSS1038: Expected hex color, found '#transparent' (8821,1): run-time error CSS1019: Unexpected token, found '@import' (8821,9): run-time error CSS1019: Unexpected token, found 'url(animate.css)' (8834,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8835,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8848,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8849,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8869,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8870,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8883,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8884,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8904,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8905,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8918,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8919,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8939,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8940,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8953,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8954,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8984,806): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8984,835): run-time error CSS1062: Expected semicolon or closing curly-brace, found '25%' (8984,944): run-time error CSS1019: Unexpected token, found '@keyframes' (8984,965): run-time error CSS1062: Expected semicolon or closing curly-brace, found '25%' (8984,1563): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8984,1599): run-time error CSS1035: Expected colon, found '{' (8984,1651): run-time error CSS1019: Unexpected token, found '@keyframes' (8984,1679): run-time error CSS1035: Expected colon, found '{' (8984,2320): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8984,2358): run-time error CSS1035: Expected colon, found '{' (8984,2410): run-time error CSS1019: Unexpected token, found '@keyframes' (8984,2440): run-time error CSS1035: Expected colon, found '{' (8984,3093): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8984,3121): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (8984,3227): run-time error CSS1019: Unexpected token, found '@keyframes' (8984,3247): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (8984,3824): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8984,3851): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (8984,3906): run-time error CSS1019: Unexpected token, found '@keyframes' (8984,3925): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (8984,7243): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8984,7270): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8984,7469): run-time error CSS1019: Unexpected token, found '@keyframes' (8984,7488): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8984,7687): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8984,7720): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (8984,7788): run-time error CSS1019: Unexpected token, found '@keyframes' (8984,7813): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (8984,8632): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8984,8660): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8984,8853): run-time error CSS1019: Unexpected token, found '@keyframes' (8984,8873): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8984,9066): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8984,9099): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (8984,9165): run-time error CSS1019: Unexpected token, found '@keyframes' (8984,9190): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (8984,11394): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8984,11433): run-time error CSS1062: Expected semicolon or closing curly-brace, found '16.65%' (8984,11832): run-time error CSS1019: Unexpected token, found '@keyframes' (8984,11863): run-time error CSS1062: Expected semicolon or closing curly-brace, found '16.65%' (8984,12807): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8984,12848): run-time error CSS1062: Expected semicolon or closing curly-brace, found '16.65%' (8984,13247): run-time error CSS1019: Unexpected token, found '@keyframes' (8984,13280): run-time error CSS1062: Expected semicolon or closing curly-brace, found '16.65%' (8984,14236): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8984,14282): run-time error CSS1062: Expected semicolon or closing curly-brace, found '16.65%' (8984,14717): run-time error CSS1019: Unexpected token, found '@keyframes' (8984,14755): run-time error CSS1062: Expected semicolon or closing curly-brace, found '16.65%' (8984,15777): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8984,15820): run-time error CSS1062: Expected semicolon or closing curly-brace, found '16.65%' (8984,16257): run-time error CSS1019: Unexpected token, found '@keyframes' (8984,16292): run-time error CSS1062: Expected semicolon or closing curly-brace, found '16.65%' (8984,17298): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8984,17332): run-time error CSS1062: Expected semicolon or closing curly-brace, found '16.65%' (8984,17675): run-time error CSS1019: Unexpected token, found '@keyframes' (8984,17701): run-time error CSS1062: Expected semicolon or closing curly-brace, found '16.65%' (8984,18615): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8984,18652): run-time error CSS1062: Expected semicolon or closing curly-brace, found '16.65%' (8984,18995): run-time error CSS1019: Unexpected token, found '@keyframes' (8984,19024): run-time error CSS1062: Expected semicolon or closing curly-brace, found '16.65%' (8984,19956): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8984,19991): run-time error CSS1062: Expected semicolon or closing curly-brace, found '16.65%' (8984,20334): run-time error CSS1019: Unexpected token, found '@keyframes' (8984,20361): run-time error CSS1062: Expected semicolon or closing curly-brace, found '16.65%' (8984,21225): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8984,21253): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (8984,21439): run-time error CSS1019: Unexpected token, found '@keyframes' (8984,21459): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (8984,22132): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8984,22164): run-time error CSS1062: Expected semicolon or closing curly-brace, found '10%' (8984,23072): run-time error CSS1019: Unexpected token, found '@keyframes' (8984,23096): run-time error CSS1062: Expected semicolon or closing curly-brace, found '10%' (8984,25770): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8984,25804): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (8984,25847): run-time error CSS1019: Unexpected token, found '@keyframes' (8984,25873): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (8984,44332): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8984,44366): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (8984,44428): run-time error CSS1019: Unexpected token, found '@keyframes' (8984,44454): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (8984,45029): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8984,45062): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (8984,45108): run-time error CSS1019: Unexpected token, found '@keyframes' (8984,45133): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (8984,66252): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8984,66285): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8984,66422): run-time error CSS1019: Unexpected token, found '@keyframes' (8984,66447): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8984,67246): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8984,67277): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8984,67416): run-time error CSS1019: Unexpected token, found '@keyframes' (8984,67439): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8984,68898): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8984,68931): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8984,69042): run-time error CSS1019: Unexpected token, found '@keyframes' (8984,69067): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8984,70666): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8984,70705): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8984,70796): run-time error CSS1019: Unexpected token, found '@keyframes' (8984,70827): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8984,71691): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8984,71729): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8984,71818): run-time error CSS1019: Unexpected token, found '@keyframes' (8984,71848): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8984,74339): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8984,74373): run-time error CSS1062: Expected semicolon or closing curly-brace, found '25%' (8984,74482): run-time error CSS1019: Unexpected token, found '@keyframes' (8984,74508): run-time error CSS1062: Expected semicolon or closing curly-brace, found '25%' (8984,75436): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8984,75477): run-time error CSS1035: Expected colon, found '{' (8984,75529): run-time error CSS1019: Unexpected token, found '@keyframes' (8984,75562): run-time error CSS1035: Expected colon, found '{' (8984,76538): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8984,76581): run-time error CSS1035: Expected colon, found '{' (8984,76633): run-time error CSS1019: Unexpected token, found '@keyframes' (8984,76668): run-time error CSS1035: Expected colon, found '{' (8984,77658): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8984,77691): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (8984,77746): run-time error CSS1019: Unexpected token, found '@keyframes' (8984,77771): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (8984,78806): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8984,78838): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (8984,78893): run-time error CSS1019: Unexpected token, found '@keyframes' (8984,78917): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (8984,84049): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8984,84081): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8984,84280): run-time error CSS1019: Unexpected token, found '@keyframes' (8984,84304): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8984,84503): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8984,84541): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (8984,84609): run-time error CSS1019: Unexpected token, found '@keyframes' (8984,84639): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (8984,85772): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8984,85805): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8984,85998): run-time error CSS1019: Unexpected token, found '@keyframes' (8984,86023): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8984,86216): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8984,86254): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (8984,86320): run-time error CSS1019: Unexpected token, found '@keyframes' (8984,86350): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (8984,87488): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8984,87534): run-time error CSS1062: Expected semicolon or closing curly-brace, found '16.65%' (8984,87933): run-time error CSS1019: Unexpected token, found '@keyframes' (8984,87971): run-time error CSS1062: Expected semicolon or closing curly-brace, found '16.65%' (8984,89245): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8984,89289): run-time error CSS1062: Expected semicolon or closing curly-brace, found '16.65%' (8984,89688): run-time error CSS1019: Unexpected token, found '@keyframes' (8984,89724): run-time error CSS1062: Expected semicolon or closing curly-brace, found '16.65%' (8984,90984): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8984,91017): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (8984,91203): run-time error CSS1019: Unexpected token, found '@keyframes' (8984,91228): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (8984,92206): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8984,92243): run-time error CSS1062: Expected semicolon or closing curly-brace, found '10%' (8984,93151): run-time error CSS1019: Unexpected token, found '@keyframes' (8984,93180): run-time error CSS1062: Expected semicolon or closing curly-brace, found '10%' (13218,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (13219,8): run-time error CSS1035: Expected colon, found '{' (13227,1): run-time error CSS1019: Unexpected token, found '@keyframes' (13228,8): run-time error CSS1035: Expected colon, found '{' (22910,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22911,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22920,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (22921,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22940,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22941,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23043,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23044,8): run-time error CSS1035: Expected colon, found '{' (23053,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (23054,8): run-time error CSS1035: Expected colon, found '{' (23063,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes' (23064,8): run-time error CSS1035: Expected colon, found '{' (23083,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23084,8): run-time error CSS1035: Expected colon, found '{' (23227,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23228,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23237,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23238,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25509,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25510,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25523,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25524,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25548,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25549,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25562,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25563,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25880,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25881,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25897,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25898,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25914,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25915,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25931,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25932,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25948,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25949,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25960,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25961,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' */ /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; 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: 1045; } .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: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .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-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ 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; } /* The shadow behind the image */ .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; 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) { /** * Remove all paddings around the image on small screen */ .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; } } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Default Style Settings - Screen Stylesheet version: 5.4.5 date: 15/05/17 author: themepunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ #debungcontrolls,.debugtimeline{width:100%;box-sizing:border-box}.rev_column,.rev_column .tp-parallax-wrap,.tp-svg-layer svg{vertical-align:top}#debungcontrolls{z-index:100000;position:fixed;bottom:0;height:auto;background:rgba(0,0,0,.6);padding:10px}.debugtimeline{height:10px;position:relative;margin-bottom:3px;display:none;white-space:nowrap}.debugtimeline:hover{height:15px}.the_timeline_tester{background:#e74c3c;position:absolute;top:0;left:0;height:100%;width:0}.rs-go-fullscreen{position:fixed!important;width:100%!important;height:100%!important;top:0!important;left:0!important;z-index:9999999!important;background:#fff!important}.debugtimeline.tl_slide .the_timeline_tester{background:#f39c12}.debugtimeline.tl_frame .the_timeline_tester{background:#3498db}.debugtimline_txt{color:#fff;font-weight:400;font-size:7px;position:absolute;left:10px;top:0;white-space:nowrap;line-height:10px}.rtl{direction:rtl}@font-face{font-family:revicons;src:url(../fonts/revicons/revicons.eot?5510888);src:url(../fonts/revicons/revicons.eot?5510888#iefix) format('embedded-opentype'),url(../fonts/revicons/revicons.woff?5510888) format('woff'),url(../fonts/revicons/revicons.ttf?5510888) format('truetype'),url(../fonts/revicons/revicons.svg?5510888#revicons) format('svg');font-weight:400;font-style:normal}[class*=" revicon-"]:before,[class^=revicon-]:before{font-family:revicons;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em}.revicon-search-1:before{content:'\e802'}.revicon-pencil-1:before{content:'\e831'}.revicon-picture-1:before{content:'\e803'}.revicon-cancel:before{content:'\e80a'}.revicon-info-circled:before{content:'\e80f'}.revicon-trash:before{content:'\e801'}.revicon-left-dir:before{content:'\e817'}.revicon-right-dir:before{content:'\e818'}.revicon-down-open:before{content:'\e83b'}.revicon-left-open:before{content:'\e819'}.revicon-right-open:before{content:'\e81a'}.revicon-angle-left:before{content:'\e820'}.revicon-angle-right:before{content:'\e81d'}.revicon-left-big:before{content:'\e81f'}.revicon-right-big:before{content:'\e81e'}.revicon-magic:before{content:'\e807'}.revicon-picture:before{content:'\e800'}.revicon-export:before{content:'\e80b'}.revicon-cog:before{content:'\e832'}.revicon-login:before{content:'\e833'}.revicon-logout:before{content:'\e834'}.revicon-video:before{content:'\e805'}.revicon-arrow-combo:before{content:'\e827'}.revicon-left-open-1:before{content:'\e82a'}.revicon-right-open-1:before{content:'\e82b'}.revicon-left-open-mini:before{content:'\e822'}.revicon-right-open-mini:before{content:'\e823'}.revicon-left-open-big:before{content:'\e824'}.revicon-right-open-big:before{content:'\e825'}.revicon-left:before{content:'\e836'}.revicon-right:before{content:'\e826'}.revicon-ccw:before{content:'\e808'}.revicon-arrows-ccw:before{content:'\e806'}.revicon-palette:before{content:'\e829'}.revicon-list-add:before{content:'\e80c'}.revicon-doc:before{content:'\e809'}.revicon-left-open-outline:before{content:'\e82e'}.revicon-left-open-2:before{content:'\e82c'}.revicon-right-open-outline:before{content:'\e82f'}.revicon-right-open-2:before{content:'\e82d'}.revicon-equalizer:before{content:'\e83a'}.revicon-layers-alt:before{content:'\e804'}.revicon-popup:before{content:'\e828'}.rev_slider_wrapper{position:relative;z-index:0;width:100%}.rev_slider{position:relative;overflow:visible}.entry-content .rev_slider a,.rev_slider a{box-shadow:none}.tp-overflow-hidden{overflow:hidden!important}.group_ov_hidden{overflow:hidden}.rev_slider img,.tp-simpleresponsive img{max-width:none!important;transition:none;margin:0;padding:0;border:none}.rev_slider .no-slides-text{font-weight:700;text-align:center;padding-top:80px}.rev_slider>ul,.rev_slider>ul>li,.rev_slider>ul>li:before,.rev_slider_wrapper>ul,.tp-revslider-mainul>li,.tp-revslider-mainul>li:before,.tp-simpleresponsive>ul,.tp-simpleresponsive>ul>li,.tp-simpleresponsive>ul>li:before{list-style:none!important;position:absolute;margin:0!important;padding:0!important;overflow-x:visible;overflow-y:visible;background-image:none;background-position:0 0;text-indent:0;top:0;left:0}.rev_slider>ul>li,.rev_slider>ul>li:before,.tp-revslider-mainul>li,.tp-revslider-mainul>li:before,.tp-simpleresponsive>ul>li,.tp-simpleresponsive>ul>li:before{visibility:hidden}.tp-revslider-mainul,.tp-revslider-slidesli{padding:0!important;margin:0!important;list-style:none!important}.fullscreen-container,.fullwidthbanner-container{padding:0;position:relative}.rev_slider li.tp-revslider-slidesli{position:absolute!important}.tp-caption .rs-untoggled-content{display:block}.tp-caption .rs-toggled-content{display:none}.rs-toggle-content-active.tp-caption .rs-toggled-content{display:block}.rs-toggle-content-active.tp-caption .rs-untoggled-content{display:none}.rev_slider .caption,.rev_slider .tp-caption{position:relative;visibility:hidden;white-space:nowrap;display:block;-webkit-font-smoothing:antialiased!important;z-index:1}.rev_slider .caption,.rev_slider .tp-caption,.tp-simpleresponsive img{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none}.rev_slider .tp-mask-wrap .tp-caption,.rev_slider .tp-mask-wrap :last-child,.wpb_text_column .rev_slider .tp-mask-wrap .tp-caption,.wpb_text_column .rev_slider .tp-mask-wrap :last-child{margin-bottom:0}.tp-svg-layer svg{width:100%;height:100%;position:relative}.tp-carousel-wrapper{cursor:url(openhand.cur),move}.tp-carousel-wrapper.dragged{cursor:url(closedhand.cur),move}.tp_inner_padding{box-sizing:border-box;max-height:none!important}.tp-caption.tp-layer-selectable{-moz-user-select:all;-khtml-user-select:all;-webkit-user-select:all;-o-user-select:all}.tp-caption.tp-hidden-caption,.tp-forcenotvisible,.tp-hide-revslider,.tp-parallax-wrap.tp-hidden-caption{visibility:hidden!important;display:none!important}.rev_slider audio,.rev_slider embed,.rev_slider iframe,.rev_slider object,.rev_slider video{max-width:none!important}.tp-element-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.tp-blockmask,.tp-blockmask_in,.tp-blockmask_out{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:1000;transform:scaleX(0) scaleY(0)}.tp-parallax-wrap{transform-style:preserve-3d}.rev_row_zone{position:absolute;width:100%;left:0;box-sizing:border-box;min-height:50px;font-size:0}.rev_column_inner,.rev_slider .tp-caption.rev_row{position:relative;width:100%!important;box-sizing:border-box}.rev_row_zone_top{top:0}.rev_row_zone_middle{top:50%;transform:translateY(-50%)}.rev_row_zone_bottom{bottom:0}.rev_slider .tp-caption.rev_row{display:table;table-layout:fixed;vertical-align:top;height:auto!important;font-size:0}.rev_column{display:table-cell;position:relative;height:auto;box-sizing:border-box;font-size:0}.rev_column_inner{display:block;height:auto!important;white-space:normal!important}.rev_column_bg{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;box-sizing:border-box;background-clip:content-box;border:0 solid transparent}.tp-caption .backcorner,.tp-caption .backcornertop,.tp-caption .frontcorner,.tp-caption .frontcornertop{height:0;top:0;width:0;position:absolute}.rev_column_inner .tp-loop-wrap,.rev_column_inner .tp-mask-wrap,.rev_column_inner .tp-parallax-wrap{text-align:inherit}.rev_column_inner .tp-mask-wrap{display:inline-block}.rev_column_inner .tp-parallax-wrap,.rev_column_inner .tp-parallax-wrap .tp-loop-wrap,.rev_column_inner .tp-parallax-wrap .tp-mask-wrap{position:relative!important;left:auto!important;top:auto!important;line-height:0}.tp-video-play-button,.tp-video-play-button i{line-height:50px!important;vertical-align:top;text-align:center}.rev_column_inner .rev_layer_in_column,.rev_column_inner .tp-parallax-wrap,.rev_column_inner .tp-parallax-wrap .tp-loop-wrap,.rev_column_inner .tp-parallax-wrap .tp-mask-wrap{vertical-align:top}.rev_break_columns{display:block!important}.rev_break_columns .tp-parallax-wrap.rev_column{display:block!important;width:100%!important}.fullwidthbanner-container{overflow:hidden}.fullwidthbanner-container .fullwidthabanner{width:100%;position:relative}.tp-static-layers{position:absolute;z-index:101;top:0;left:0}.tp-caption .frontcorner{border-left:40px solid transparent;border-right:0 solid transparent;border-top:40px solid #00A8FF;left:-40px}.tp-caption .backcorner{border-left:0 solid transparent;border-right:40px solid transparent;border-bottom:40px solid #00A8FF;right:0}.tp-caption .frontcornertop{border-left:40px solid transparent;border-right:0 solid transparent;border-bottom:40px solid #00A8FF;left:-40px}.tp-caption .backcornertop{border-left:0 solid transparent;border-right:40px solid transparent;border-top:40px solid #00A8FF;right:0}.tp-layer-inner-rotation{position:relative!important}img.tp-slider-alternative-image{width:100%;height:auto}.caption.fullscreenvideo,.rs-background-video-layer,.tp-caption.coverscreenvideo,.tp-caption.fullscreenvideo{width:100%;height:100%;top:0;left:0;position:absolute}.noFilterClass{filter:none!important}.rs-background-video-layer{visibility:hidden;z-index:0}.caption.fullscreenvideo audio,.caption.fullscreenvideo iframe,.caption.fullscreenvideo video,.tp-caption.fullscreenvideo iframe,.tp-caption.fullscreenvideo iframe audio,.tp-caption.fullscreenvideo iframe video{width:100%!important;height:100%!important;display:none}.fullcoveredvideo audio,.fullscreenvideo audio .fullcoveredvideo video,.fullscreenvideo video{background:#000}.fullcoveredvideo .tp-poster{background-position:center center;background-size:cover;width:100%;height:100%;top:0;left:0}.videoisplaying .html5vid .tp-poster{display:none}.tp-video-play-button{background:#000;background:rgba(0,0,0,.3);border-radius:5px;position:absolute;top:50%;left:50%;color:#FFF;margin-top:-25px;margin-left:-25px;cursor:pointer;width:50px;height:50px;box-sizing:border-box;display:inline-block;z-index:4;opacity:0;transition:opacity .3s ease-out!important}.tp-audio-html5 .tp-video-play-button,.tp-hiddenaudio{display:none!important}.tp-caption .html5vid{width:100%!important;height:100%!important}.tp-video-play-button i{width:50px;height:50px;display:inline-block;font-size:40px!important}.rs-fullvideo-cover,.tp-dottedoverlay,.tp-shadowcover{height:100%;top:0;left:0;position:absolute}.tp-caption:hover .tp-video-play-button{opacity:1;display:block}.tp-caption .tp-revstop{display:none;border-left:5px solid #fff!important;border-right:5px solid #fff!important;margin-top:15px!important;line-height:20px!important;vertical-align:top;font-size:25px!important}.tp-seek-bar,.tp-video-button,.tp-volume-bar{outline:0;line-height:12px;margin:0;cursor:pointer}.videoisplaying .revicon-right-dir{display:none}.videoisplaying .tp-revstop{display:inline-block}.videoisplaying .tp-video-play-button{display:none}.fullcoveredvideo .tp-video-play-button{display:none!important}.fullscreenvideo .fullscreenvideo audio,.fullscreenvideo .fullscreenvideo video{object-fit:contain!important}.fullscreenvideo .fullcoveredvideo audio,.fullscreenvideo .fullcoveredvideo video{object-fit:cover!important}.tp-video-controls{position:absolute;bottom:0;left:0;right:0;padding:5px;opacity:0;transition:opacity .3s;background-image:linear-gradient(to bottom,#000 13%,#323232 100%);display:table;max-width:100%;overflow:hidden;box-sizing:border-box}.rev-btn.rev-hiddenicon i,.rev-btn.rev-withicon i{transition:all .2s ease-out!important;font-size:15px}.tp-caption:hover .tp-video-controls{opacity:.9}.tp-video-button{background:rgba(0,0,0,.5);border:0;border-radius:3px;font-size:12px;color:#fff;padding:0}.tp-video-button:hover{cursor:pointer}.tp-video-button-wrap,.tp-video-seek-bar-wrap,.tp-video-vol-bar-wrap{padding:0 5px;display:table-cell;vertical-align:middle}.tp-video-seek-bar-wrap{width:80%}.tp-video-vol-bar-wrap{width:20%}.tp-seek-bar,.tp-volume-bar{width:100%;padding:0}.rs-fullvideo-cover{width:100%;background:0 0;z-index:5}.disabled_lc .tp-video-play-button,.rs-background-video-layer audio::-webkit-media-controls,.rs-background-video-layer video::-webkit-media-controls,.rs-background-video-layer video::-webkit-media-controls-start-playback-button{display:none!important}.tp-audio-html5 .tp-video-controls{opacity:1!important;visibility:visible!important}.tp-dottedoverlay{background-repeat:repeat;width:100%;z-index:3}.tp-dottedoverlay.twoxtwo{background:url(../assets/gridtile.png)}.tp-dottedoverlay.twoxtwowhite{background:url(../assets/gridtile_white.png)}.tp-dottedoverlay.threexthree{background:url(../assets/gridtile_3x3.png)}.tp-dottedoverlay.threexthreewhite{background:url(../assets/gridtile_3x3_white.png)}.tp-shadowcover{width:100%;background:#fff;z-index:-1}.tp-shadow1{box-shadow:0 10px 6px -6px rgba(0,0,0,.8)}.tp-shadow2:after,.tp-shadow2:before,.tp-shadow3:before,.tp-shadow4:after{z-index:-2;position:absolute;content:"";bottom:10px;left:10px;width:50%;top:85%;max-width:300px;background:0 0;box-shadow:0 15px 10px rgba(0,0,0,.8);transform:rotate(-3deg)}.tp-shadow2:after,.tp-shadow4:after{transform:rotate(3deg);right:10px;left:auto}.tp-shadow5{position:relative;box-shadow:0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.1) inset}.tp-shadow5:after,.tp-shadow5:before{content:"";position:absolute;z-index:-2;box-shadow:0 0 25px 0 rgba(0,0,0,.6);top:30%;bottom:0;left:20px;right:20px;border-radius:100px/20px}.tp-button{padding:6px 13px 5px;border-radius:3px;height:30px;cursor:pointer;color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.6)!important;font-size:15px;line-height:45px!important;font-family:arial,sans-serif;font-weight:700;letter-spacing:-1px;text-decoration:none}.tp-button.big{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.6);font-weight:700;padding:9px 20px;font-size:19px;line-height:57px!important}.purchase:hover,.tp-button.big:hover,.tp-button:hover{background-position:bottom,15px 11px}.purchase.green,.purchase:hover.green,.tp-button.green,.tp-button:hover.green{background-color:#21a117;box-shadow:0 3px 0 0 #104d0b}.purchase.blue,.purchase:hover.blue,.tp-button.blue,.tp-button:hover.blue{background-color:#1d78cb;box-shadow:0 3px 0 0 #0f3e68}.purchase.red,.purchase:hover.red,.tp-button.red,.tp-button:hover.red{background-color:#cb1d1d;box-shadow:0 3px 0 0 #7c1212}.purchase.orange,.purchase:hover.orange,.tp-button.orange,.tp-button:hover.orange{background-color:#f70;box-shadow:0 3px 0 0 #a34c00}.purchase.darkgrey,.purchase:hover.darkgrey,.tp-button.darkgrey,.tp-button.grey,.tp-button:hover.darkgrey,.tp-button:hover.grey{background-color:#555;box-shadow:0 3px 0 0 #222}.purchase.lightgrey,.purchase:hover.lightgrey,.tp-button.lightgrey,.tp-button:hover.lightgrey{background-color:#888;box-shadow:0 3px 0 0 #555}.rev-btn,.rev-btn:visited{outline:0!important;box-shadow:none!important;text-decoration:none!important;line-height:44px;font-size:17px;font-weight:500;padding:12px 35px;box-sizing:border-box;font-family:Roboto,sans-serif;cursor:pointer}.rev-btn.rev-uppercase,.rev-btn.rev-uppercase:visited{text-transform:uppercase;letter-spacing:1px;font-size:15px;font-weight:900}.rev-btn.rev-withicon i{font-weight:400;position:relative;top:0;margin-left:10px!important}.rev-btn.rev-hiddenicon i{font-weight:400;position:relative;top:0;opacity:0;margin-left:0!important;width:0!important}.rev-btn.rev-hiddenicon:hover i{opacity:1!important;margin-left:10px!important;width:auto!important}.rev-btn.rev-medium,.rev-btn.rev-medium:visited{line-height:36px;font-size:14px;padding:10px 30px}.rev-btn.rev-medium.rev-hiddenicon i,.rev-btn.rev-medium.rev-withicon i{font-size:14px;top:0}.rev-btn.rev-small,.rev-btn.rev-small:visited{line-height:28px;font-size:12px;padding:7px 20px}.rev-btn.rev-small.rev-hiddenicon i,.rev-btn.rev-small.rev-withicon i{font-size:12px;top:0}.rev-maxround{border-radius:30px}.rev-minround{border-radius:3px}.rev-burger{position:relative;width:60px;height:60px;box-sizing:border-box;padding:22px 0 0 14px;border-radius:50%;border:1px solid rgba(51,51,51,.25);-webkit-tap-highlight-color:transparent;cursor:pointer}.rev-burger span{display:block;width:30px;height:3px;background:#333;transition:.7s;pointer-events:none;transform-style:flat!important}.rev-burger.revb-white span,.rev-burger.revb-whitenoborder span{background:#fff}.rev-burger span:nth-child(2){margin:3px 0}#dialog_addbutton .rev-burger:hover :first-child,.open .rev-burger :first-child,.open.rev-burger :first-child{transform:translateY(6px) rotate(-45deg)}#dialog_addbutton .rev-burger:hover :nth-child(2),.open .rev-burger :nth-child(2),.open.rev-burger :nth-child(2){transform:rotate(-45deg);opacity:0}#dialog_addbutton .rev-burger:hover :last-child,.open .rev-burger :last-child,.open.rev-burger :last-child{transform:translateY(-6px) rotate(-135deg)}.rev-burger.revb-white{border:2px solid rgba(255,255,255,.2)}.rev-burger.revb-darknoborder,.rev-burger.revb-whitenoborder{border:0}.rev-burger.revb-darknoborder span{background:#333}.rev-burger.revb-whitefull{background:#fff;border:none}.rev-burger.revb-whitefull span{background:#333}.rev-burger.revb-darkfull{background:#333;border:none}.rev-burger.revb-darkfull span,.rev-scroll-btn.revs-fullwhite{background:#fff}@keyframes rev-ani-mouse{0%{opacity:1;top:29%}15%{opacity:1;top:50%}50%{opacity:0;top:50%}100%{opacity:0;top:29%}}.rev-scroll-btn{display:inline-block;position:relative;left:0;right:0;text-align:center;cursor:pointer;width:35px;height:55px;box-sizing:border-box;border:3px solid #fff;border-radius:23px}.rev-scroll-btn>*{display:inline-block;line-height:18px;font-size:13px;font-weight:400;color:#fff;font-family:proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:2px}.rev-scroll-btn>.active,.rev-scroll-btn>:focus,.rev-scroll-btn>:hover{color:#fff}.rev-scroll-btn>.active,.rev-scroll-btn>:active,.rev-scroll-btn>:focus,.rev-scroll-btn>:hover{opacity:.8}.rev-scroll-btn.revs-fullwhite span{background:#333}.rev-scroll-btn.revs-fulldark{background:#333;border:none}.rev-scroll-btn.revs-fulldark span,.tp-bullet{background:#fff}.rev-scroll-btn span{position:absolute;display:block;top:29%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;background:#fff;border-radius:50%;animation:rev-ani-mouse 2.5s linear infinite}.rev-scroll-btn.revs-dark{border-color:#333}.rev-scroll-btn.revs-dark span{background:#333}.rev-control-btn{position:relative;display:inline-block;z-index:5;color:#FFF;font-size:20px;line-height:60px;font-weight:400;font-style:normal;font-family:Raleway;text-decoration:none;text-align:center;background-color:#000;border-radius:50px;text-shadow:none;background-color:rgba(0,0,0,.5);width:60px;height:60px;box-sizing:border-box;cursor:pointer}.rev-cbutton-dark-sr,.rev-cbutton-light-sr{border-radius:3px}.rev-cbutton-light,.rev-cbutton-light-sr{color:#333;background-color:rgba(255,255,255,.75)}.rev-sbutton{line-height:37px;width:37px;height:37px}.rev-sbutton-blue{background-color:#3B5998}.rev-sbutton-lightblue{background-color:#00A0D1}.rev-sbutton-red{background-color:#DD4B39}.tp-bannertimer{visibility:hidden;width:100%;height:5px;background:#000;background:rgba(0,0,0,.15);position:absolute;z-index:200;top:0}.tp-bannertimer.tp-bottom{top:auto;bottom:0!important;height:5px}.tp-caption img{background:0 0;-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);zoom:1}.caption.slidelink a div,.tp-caption.slidelink a div{width:3000px;height:1500px;background:url(../assets/coloredbg.png)}.tp-caption.slidelink a span{background:url(../assets/coloredbg.png)}.tp-loader.spinner0,.tp-loader.spinner5{background-image:url(../assets/loader.gif);background-repeat:no-repeat}.tp-shape{width:100%;height:100%}.tp-caption .rs-starring{display:inline-block}.tp-caption .rs-starring .star-rating{float:none;display:inline-block;vertical-align:top;color:#FFC321!important}.tp-caption .rs-starring .star-rating,.tp-caption .rs-starring-page .star-rating{position:relative;height:1em;width:5.4em;font-family:star;font-size:1em!important}.tp-loader.spinner0,.tp-loader.spinner1{width:40px;height:40px;margin-top:-20px;margin-left:-20px;animation:tp-rotateplane 1.2s infinite ease-in-out;background-color:#fff;border-radius:3px;box-shadow:0 0 20px 0 rgba(0,0,0,.15)}.tp-caption .rs-starring .star-rating:before,.tp-caption .rs-starring-page .star-rating:before{content:"\73\73\73\73\73";color:#E0DADF;float:left;top:0;left:0;position:absolute}.tp-caption .rs-starring .star-rating span{overflow:hidden;float:left;top:0;left:0;position:absolute;padding-top:1.5em;font-size:1em!important}.tp-caption .rs-starring .star-rating span:before{content:"\53\53\53\53\53";top:0;position:absolute;left:0}.tp-loader{top:50%;left:50%;z-index:10000;position:absolute}.tp-loader.spinner0{background-position:center center}.tp-loader.spinner5{background-position:10px 10px;background-color:#fff;margin:-22px;width:44px;height:44px;border-radius:3px}@keyframes tp-rotateplane{0%{transform:perspective(120px) rotateX(0) rotateY(0)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.tp-loader.spinner2{width:40px;height:40px;margin-top:-20px;margin-left:-20px;background-color:red;box-shadow:0 0 20px 0 rgba(0,0,0,.15);border-radius:100%;animation:tp-scaleout 1s infinite ease-in-out}@keyframes tp-scaleout{0%{transform:scale(0)}100%{transform:scale(1);opacity:0}}.tp-loader.spinner3{margin:-9px 0 0 -35px;width:70px;text-align:center}.tp-loader.spinner3 .bounce1,.tp-loader.spinner3 .bounce2,.tp-loader.spinner3 .bounce3{width:18px;height:18px;background-color:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.15);border-radius:100%;display:inline-block;animation:tp-bouncedelay 1.4s infinite ease-in-out;animation-fill-mode:both}.tp-loader.spinner3 .bounce1{animation-delay:-.32s}.tp-loader.spinner3 .bounce2{animation-delay:-.16s}@keyframes tp-bouncedelay{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.tp-loader.spinner4{margin:-20px 0 0 -20px;width:40px;height:40px;text-align:center;animation:tp-rotate 2s infinite linear}.tp-loader.spinner4 .dot1,.tp-loader.spinner4 .dot2{width:60%;height:60%;display:inline-block;position:absolute;top:0;background-color:#fff;border-radius:100%;animation:tp-bounce 2s infinite ease-in-out;box-shadow:0 0 20px 0 rgba(0,0,0,.15)}.tp-loader.spinner4 .dot2{top:auto;bottom:0;animation-delay:-1s}@keyframes tp-rotate{100%{transform:rotate(360deg)}}@keyframes tp-bounce{0%,100%{transform:scale(0)}50%{transform:scale(1)}}.tp-bullets.navbar,.tp-tabs.navbar,.tp-thumbs.navbar{border:none;min-height:0;margin:0;border-radius:0}.tp-bullets,.tp-tabs,.tp-thumbs{position:absolute;display:block;z-index:1000;top:0;left:0}.tp-tab,.tp-thumb{cursor:pointer;position:absolute;opacity:.5;box-sizing:border-box}.tp-arr-imgholder,.tp-tab-image,.tp-thumb-image,.tp-videoposter{background-position:center center;background-size:cover;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.tp-tab.selected,.tp-tab:hover,.tp-thumb.selected,.tp-thumb:hover{opacity:1}.tp-tab-mask,.tp-thumb-mask{box-sizing:border-box!important}.tp-tabs,.tp-thumbs{box-sizing:content-box!important}.tp-bullet{width:15px;height:15px;position:absolute;background:rgba(255,255,255,.3);cursor:pointer}.tp-bullet.selected,.tp-bullet:hover{background:#fff}.tparrows{cursor:pointer;background:#000;background:rgba(0,0,0,.5);width:40px;height:40px;position:absolute;display:block;z-index:1000}.tparrows:hover{background:#000}.tparrows:before{font-family:revicons;font-size:15px;color:#fff;display:block;line-height:40px;text-align:center}.hginfo,.hglayerinfo{font-size:12px;font-weight:600}.tparrows.tp-leftarrow:before{content:'\e824'}.tparrows.tp-rightarrow:before{content:'\e825'}body.rtl .tp-kbimg{left:0!important}.dddwrappershadow{box-shadow:0 45px 100px rgba(0,0,0,.4)}.hglayerinfo{position:fixed;bottom:0;left:0;color:#FFF;line-height:20px;background:rgba(0,0,0,.75);padding:5px 10px;z-index:2000;white-space:normal}.helpgrid,.hginfo{position:absolute}.hginfo{top:-2px;left:-2px;color:#e74c3c;background:#000;padding:2px 5px}.indebugmode .tp-caption:hover{border:1px dashed #c0392b!important}.helpgrid{border:2px dashed #c0392b;top:0;left:0;z-index:0}#revsliderlogloglog{padding:15px;color:#fff;position:fixed;top:0;left:0;width:200px;height:150px;background:rgba(0,0,0,.7);z-index:100000;font-size:10px;overflow:scroll}.aden{filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2)}.aden::after{background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.perpetua::after,.reyes::after{mix-blend-mode:soft-light;opacity:.5}.inkwell{filter:sepia(.3) contrast(1.1) brightness(1.1) grayscale(1)}.perpetua::after{background:linear-gradient(to bottom,#005b9a,#e6c13d)}.reyes{filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75)}.reyes::after{background:#efcdad}.gingham{filter:brightness(1.05) hue-rotate(-10deg)}.gingham::after{background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.toaster{filter:contrast(1.5) brightness(.9)}.toaster::after{background:radial-gradient(circle,#804e0f,#3b003b);mix-blend-mode:screen}.walden{filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6)}.walden::after{background:#04c;mix-blend-mode:screen;opacity:.3}.hudson{filter:brightness(1.2) contrast(.9) saturate(1.1)}.hudson::after{background:radial-gradient(circle,#a6b1ff 50%,#342134);mix-blend-mode:multiply;opacity:.5}.earlybird{filter:contrast(.9) sepia(.2)}.earlybird::after{background:radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);mix-blend-mode:overlay}.mayfair{filter:contrast(1.1) saturate(1.1)}.mayfair::after{background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);mix-blend-mode:overlay;opacity:.4}.lofi{filter:saturate(1.1) contrast(1.5)}.lofi::after{background:radial-gradient(circle,transparent 70%,#222 150%);mix-blend-mode:multiply}._1977{filter:contrast(1.1) brightness(1.1) saturate(1.3)}._1977:after{background:rgba(243,106,188,.3);mix-blend-mode:screen}.brooklyn{filter:contrast(.9) brightness(1.1)}.brooklyn::after{background:radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);mix-blend-mode:overlay}.xpro2{filter:sepia(.3)}.xpro2::after{background:radial-gradient(circle,#e6e7e0 40%,rgba(43,42,161,.6) 110%);mix-blend-mode:color-burn}.nashville{filter:sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2)}.nashville::after{background:rgba(0,70,150,.4);mix-blend-mode:lighten}.nashville::before{background:rgba(247,176,153,.56);mix-blend-mode:darken}.lark{filter:contrast(.9)}.lark::after{background:rgba(242,242,242,.8);mix-blend-mode:darken}.lark::before{background:#22253f;mix-blend-mode:color-dodge}.moon{filter:grayscale(1) contrast(1.1) brightness(1.1)}.moon::before{background:#a0a0a0;mix-blend-mode:soft-light}.moon::after{background:#383838;mix-blend-mode:lighten}.clarendon{filter:contrast(1.2) saturate(1.35)}.clarendon:before{background:rgba(127,187,227,.2);mix-blend-mode:overlay}.willow{filter:grayscale(.5) contrast(.95) brightness(.9)}.willow::before{background-color:radial-gradient(40%,circle,#d4a9af 55%,#000 150%);mix-blend-mode:overlay}.willow::after{background-color:#d8cdcb;mix-blend-mode:color}.rise{filter:brightness(1.05) sepia(.2) contrast(.9) saturate(.9)}.rise::after{background:radial-gradient(circle,rgba(232,197,152,.8),transparent 90%);mix-blend-mode:overlay;opacity:.6}.rise::before{background:radial-gradient(circle,rgba(236,205,169,.15) 55%,rgba(50,30,7,.4));mix-blend-mode:multiply}._1977:after,._1977:before,.aden:after,.aden:before,.brooklyn:after,.brooklyn:before,.clarendon:after,.clarendon:before,.earlybird:after,.earlybird:before,.gingham:after,.gingham:before,.hudson:after,.hudson:before,.inkwell:after,.inkwell:before,.lark:after,.lark:before,.lofi:after,.lofi:before,.mayfair:after,.mayfair:before,.moon:after,.moon:before,.nashville:after,.nashville:before,.perpetua:after,.perpetua:before,.reyes:after,.reyes:before,.rise:after,.rise:before,.slumber:after,.slumber:before,.toaster:after,.toaster:before,.walden:after,.walden:before,.willow:after,.willow:before,.xpro2:after,.xpro2:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}._1977,.aden,.brooklyn,.clarendon,.earlybird,.gingham,.hudson,.inkwell,.lark,.lofi,.mayfair,.moon,.nashville,.perpetua,.reyes,.rise,.slumber,.toaster,.walden,.willow,.xpro2{position:relative}._1977 img,.aden img,.brooklyn img,.clarendon img,.earlybird img,.gingham img,.hudson img,.inkwell img,.lark img,.lofi img,.mayfair img,.moon img,.nashville img,.perpetua img,.reyes img,.rise img,.slumber img,.toaster img,.walden img,.willow img,.xpro2 img{width:100%;z-index:1}._1977:before,.aden:before,.brooklyn:before,.clarendon:before,.earlybird:before,.gingham:before,.hudson:before,.inkwell:before,.lark:before,.lofi:before,.mayfair:before,.moon:before,.nashville:before,.perpetua:before,.reyes:before,.rise:before,.slumber:before,.toaster:before,.walden:before,.willow:before,.xpro2:before{z-index:2}._1977:after,.aden:after,.brooklyn:after,.clarendon:after,.earlybird:after,.gingham:after,.hudson:after,.inkwell:after,.lark:after,.lofi:after,.mayfair:after,.moon:after,.nashville:after,.perpetua:after,.reyes:after,.rise:after,.slumber:after,.toaster:after,.walden:after,.willow:after,.xpro2:after{z-index:3}.slumber{filter:saturate(.66) brightness(1.05)}.slumber::after{background:rgba(125,105,24,.5);mix-blend-mode:soft-light}.slumber::before{background:rgba(69,41,12,.4);mix-blend-mode:lighten}.tp-kbimg-wrap:after,.tp-kbimg-wrap:before{height:500%;width:500%} /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Layer Style Settings - Screen Stylesheet version: 5.0.0 date: 18/03/15 author: themepunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .tp-caption.Twitter-Content a,.tp-caption.Twitter-Content a:visited { color:#0084B4!important; } .tp-caption.Twitter-Content a:hover { color:#0084B4!important; text-decoration:underline!important; } .tp-caption.medium_grey,.medium_grey { background-color:#888; border-style:none; border-width:0; color:#fff; font-family:Arial; font-size:20px; font-weight:700; line-height:20px; margin:0; padding:2px 4px; position:absolute; text-shadow:0 2px 5px rgba(0,0,0,0.5); white-space:nowrap; } .tp-caption.small_text,.small_text { border-style:none; border-width:0; color:#fff; font-family:Arial; font-size:14px; font-weight:700; line-height:20px; margin:0; position:absolute; text-shadow:0 2px 5px rgba(0,0,0,0.5); white-space:nowrap; } .tp-caption.medium_text,.medium_text { border-style:none; border-width:0; color:#fff; font-family:Arial; font-size:20px; font-weight:700; line-height:20px; margin:0; position:absolute; text-shadow:0 2px 5px rgba(0,0,0,0.5); white-space:nowrap; } .tp-caption.large_text,.large_text { border-style:none; border-width:0; color:#fff; font-family:Arial; font-size:40px; font-weight:700; line-height:40px; margin:0; position:absolute; text-shadow:0 2px 5px rgba(0,0,0,0.5); white-space:nowrap; } .tp-caption.very_large_text,.very_large_text { border-style:none; border-width:0; color:#fff; font-family:Arial; font-size:60px; font-weight:700; letter-spacing:-2px; line-height:60px; margin:0; position:absolute; text-shadow:0 2px 5px rgba(0,0,0,0.5); white-space:nowrap; } .tp-caption.very_big_white,.very_big_white { background-color:#000; border-style:none; border-width:0; color:#fff; font-family:Arial; font-size:60px; font-weight:800; line-height:60px; margin:0; padding:1px 4px 0; position:absolute; text-shadow:none; white-space:nowrap; } .tp-caption.very_big_black,.very_big_black { background-color:#fff; border-style:none; border-width:0; color:#000; font-family:Arial; font-size:60px; font-weight:700; line-height:60px; margin:0; padding:1px 4px 0; position:absolute; text-shadow:none; white-space:nowrap; } .tp-caption.modern_medium_fat,.modern_medium_fat { border-style:none; border-width:0; color:#000; font-family:"Open Sans", sans-serif; font-size:24px; font-weight:800; line-height:20px; margin:0; position:absolute; text-shadow:none; white-space:nowrap; } .tp-caption.modern_medium_fat_white,.modern_medium_fat_white { border-style:none; border-width:0; color:#fff; font-family:"Open Sans", sans-serif; font-size:24px; font-weight:800; line-height:20px; margin:0; position:absolute; text-shadow:none; white-space:nowrap; } .tp-caption.modern_medium_light,.modern_medium_light { border-style:none; border-width:0; color:#000; font-family:"Open Sans", sans-serif; font-size:24px; font-weight:300; line-height:20px; margin:0; position:absolute; text-shadow:none; white-space:nowrap; } .tp-caption.modern_big_bluebg,.modern_big_bluebg { background-color:#4e5b6c; border-style:none; border-width:0; color:#fff; font-family:"Open Sans", sans-serif; font-size:30px; font-weight:800; letter-spacing:0; line-height:36px; margin:0; padding:3px 10px; position:absolute; text-shadow:none; } .tp-caption.modern_big_redbg,.modern_big_redbg { background-color:#de543e; border-style:none; border-width:0; color:#fff; font-family:"Open Sans", sans-serif; font-size:30px; font-weight:300; letter-spacing:0; line-height:36px; margin:0; padding:1px 10px 3px; position:absolute; text-shadow:none; } .tp-caption.modern_small_text_dark,.modern_small_text_dark { border-style:none; border-width:0; color:#555; font-family:Arial; font-size:14px; line-height:22px; margin:0; position:absolute; text-shadow:none; white-space:nowrap; } .tp-caption.boxshadow,.boxshadow { box-shadow:0 0 20px rgba(0,0,0,0.5); } .tp-caption.black,.black { color:#000; text-shadow:none; } .tp-caption.noshadow,.noshadow { text-shadow:none; } .tp-caption.thinheadline_dark,.thinheadline_dark { background-color:transparent; color:rgba(0,0,0,0.85); font-family:"Open Sans"; font-size:30px; font-weight:300; line-height:30px; position:absolute; text-shadow:none; } .tp-caption.thintext_dark,.thintext_dark { background-color:transparent; color:rgba(0,0,0,0.85); font-family:"Open Sans"; font-size:16px; font-weight:300; line-height:26px; position:absolute; text-shadow:none; } .tp-caption.largeblackbg,.largeblackbg { background-color:#000; border-radius:0; color:#fff; font-family:"Open Sans"; font-size:50px; font-weight:300; line-height:70px; padding:0 20px; position:absolute; text-shadow:none; } .tp-caption.largepinkbg,.largepinkbg { background-color:#db4360; border-radius:0; color:#fff; font-family:"Open Sans"; font-size:50px; font-weight:300; line-height:70px; padding:0 20px; position:absolute; text-shadow:none; } .tp-caption.largewhitebg,.largewhitebg { background-color:#fff; border-radius:0; color:#000; font-family:"Open Sans"; font-size:50px; font-weight:300; line-height:70px; padding:0 20px; position:absolute; text-shadow:none; } .tp-caption.largegreenbg,.largegreenbg { background-color:#67ae73; border-radius:0; color:#fff; font-family:"Open Sans"; font-size:50px; font-weight:300; line-height:70px; padding:0 20px; position:absolute; text-shadow:none; } .tp-caption.excerpt,.excerpt { background-color:rgba(0,0,0,1); border-color:#fff; border-style:none; border-width:0; color:#fff; font-family:Arial; font-size:36px; font-weight:700; height:auto; letter-spacing:-1.5px; line-height:36px; margin:0; padding:1px 4px 0; text-decoration:none; text-shadow:none; white-space:normal!important; width:150px; } .tp-caption.large_bold_grey,.large_bold_grey { background-color:transparent; border-color:#ffd658; border-style:none; border-width:0; color:#666; font-family:"Open Sans"; font-size:60px; font-weight:800; line-height:60px; margin:0; padding:1px 4px 0; text-decoration:none; text-shadow:none; } .tp-caption.medium_thin_grey,.medium_thin_grey { background-color:transparent; border-color:#ffd658; border-style:none; border-width:0; color:#666; font-family:"Open Sans"; font-size:34px; font-weight:300; line-height:30px; margin:0; padding:1px 4px 0; text-decoration:none; text-shadow:none; } .tp-caption.small_thin_grey,.small_thin_grey { background-color:transparent; border-color:#ffd658; border-style:none; border-width:0; color:#757575; font-family:"Open Sans"; font-size:18px; font-weight:300; line-height:26px; margin:0; padding:1px 4px 0; text-decoration:none; text-shadow:none; } .tp-caption.lightgrey_divider,.lightgrey_divider { background-color:rgba(235,235,235,1); background-position:initial; background-repeat:initial; border-color:#222; border-style:none; border-width:0; height:3px; text-decoration:none; width:370px; } .tp-caption.large_bold_darkblue,.large_bold_darkblue { background-color:transparent; border-color:#ffd658; border-style:none; border-width:0; color:#34495e; font-family:"Open Sans"; font-size:58px; font-weight:800; line-height:60px; text-decoration:none; } .tp-caption.medium_bg_darkblue,.medium_bg_darkblue { background-color:#34495e; border-color:#ffd658; border-style:none; border-width:0; color:#fff; font-family:"Open Sans"; font-size:20px; font-weight:800; line-height:20px; padding:10px; text-decoration:none; } .tp-caption.medium_bold_red,.medium_bold_red { background-color:transparent; border-color:#ffd658; border-style:none; border-width:0; color:#e33a0c; font-family:"Open Sans"; font-size:24px; font-weight:800; line-height:30px; padding:0; text-decoration:none; } .tp-caption.medium_light_red,.medium_light_red { background-color:transparent; border-color:#ffd658; border-style:none; border-width:0; color:#e33a0c; font-family:"Open Sans"; font-size:21px; font-weight:300; line-height:26px; padding:0; text-decoration:none; } .tp-caption.medium_bg_red,.medium_bg_red { background-color:#e33a0c; border-color:#ffd658; border-style:none; border-width:0; color:#fff; font-family:"Open Sans"; font-size:20px; font-weight:800; line-height:20px; padding:10px; text-decoration:none; } .tp-caption.medium_bold_orange,.medium_bold_orange { background-color:transparent; border-color:#ffd658; border-style:none; border-width:0; color:#f39c12; font-family:"Open Sans"; font-size:24px; font-weight:800; line-height:30px; text-decoration:none; } .tp-caption.medium_bg_orange,.medium_bg_orange { background-color:#f39c12; border-color:#ffd658; border-style:none; border-width:0; color:#fff; font-family:"Open Sans"; font-size:20px; font-weight:800; line-height:20px; padding:10px; text-decoration:none; } .tp-caption.grassfloor,.grassfloor { background-color:rgba(160,179,151,1); border-color:#222; border-style:none; border-width:0; height:150px; text-decoration:none; width:4000px; } .tp-caption.large_bold_white,.large_bold_white { background-color:transparent; border-color:#ffd658; border-style:none; border-width:0; color:#fff; font-family:"Open Sans"; font-size:58px; font-weight:800; line-height:60px; text-decoration:none; } .tp-caption.medium_light_white,.medium_light_white { background-color:transparent; border-color:#ffd658; border-style:none; border-width:0; color:#fff; font-family:"Open Sans"; font-size:30px; font-weight:300; line-height:36px; padding:0; text-decoration:none; } .tp-caption.mediumlarge_light_white,.mediumlarge_light_white { background-color:transparent; border-color:#ffd658; border-style:none; border-width:0; color:#fff; font-family:"Open Sans"; font-size:34px; font-weight:300; line-height:40px; padding:0; text-decoration:none; } .tp-caption.mediumlarge_light_white_center,.mediumlarge_light_white_center { background-color:transparent; border-color:#ffd658; border-style:none; border-width:0; color:#fff; font-family:"Open Sans"; font-size:34px; font-weight:300; line-height:40px; padding:0; text-align:center; text-decoration:none; } .tp-caption.medium_bg_asbestos,.medium_bg_asbestos { background-color:#7f8c8d; border-color:#ffd658; border-style:none; border-width:0; color:#fff; font-family:"Open Sans"; font-size:20px; font-weight:800; line-height:20px; padding:10px; text-decoration:none; } .tp-caption.medium_light_black,.medium_light_black { background-color:transparent; border-color:#ffd658; border-style:none; border-width:0; color:#000; font-family:"Open Sans"; font-size:30px; font-weight:300; line-height:36px; padding:0; text-decoration:none; } .tp-caption.large_bold_black,.large_bold_black { background-color:transparent; border-color:#ffd658; border-style:none; border-width:0; color:#000; font-family:"Open Sans"; font-size:58px; font-weight:800; line-height:60px; text-decoration:none; } .tp-caption.mediumlarge_light_darkblue,.mediumlarge_light_darkblue { background-color:transparent; border-color:#ffd658; border-style:none; border-width:0; color:#34495e; font-family:"Open Sans"; font-size:34px; font-weight:300; line-height:40px; padding:0; text-decoration:none; } .tp-caption.small_light_white,.small_light_white { background-color:transparent; border-color:#ffd658; border-style:none; border-width:0; color:#fff; font-family:"Open Sans"; font-size:17px; font-weight:300; line-height:28px; padding:0; text-decoration:none; } .tp-caption.roundedimage,.roundedimage { border-color:#222; border-style:none; border-width:0; } .tp-caption.large_bg_black,.large_bg_black { background-color:#000; border-color:#ffd658; border-style:none; border-width:0; color:#fff; font-family:"Open Sans"; font-size:40px; font-weight:800; line-height:40px; padding:10px 20px 15px; text-decoration:none; } .tp-caption.mediumwhitebg,.mediumwhitebg { background-color:#fff; border-color:#000; border-style:none; border-width:0; color:#000; font-family:"Open Sans"; font-size:30px; font-weight:300; line-height:30px; padding:5px 15px 10px; text-decoration:none; text-shadow:none; } .tp-caption.maincaption,.maincaption { background-color:transparent; border-color:#000; border-style:none; border-width:0; color:#212a40; font-family:roboto; font-size:33px; font-weight:500; line-height:43px; text-decoration:none; text-shadow:none; } .tp-caption.miami_title_60px,.miami_title_60px { background-color:transparent; border-color:#000; border-style:none; border-width:0; color:#fff; font-family:"Source Sans Pro"; font-size:60px; font-weight:700; letter-spacing:1px; line-height:60px; text-decoration:none; text-shadow:none; } .tp-caption.miami_subtitle,.miami_subtitle { background-color:transparent; border-color:#000; border-style:none; border-width:0; color:rgba(255,255,255,0.65); font-family:"Source Sans Pro"; font-size:17px; font-weight:400; letter-spacing:2px; line-height:24px; text-decoration:none; text-shadow:none; } .tp-caption.divideline30px,.divideline30px { background:#fff; background-color:#fff; border-color:#222; border-style:none; border-width:0; height:2px; min-width:30px; text-decoration:none; } .tp-caption.Miami_nostyle,.Miami_nostyle { border-color:#222; border-style:none; border-width:0; } .tp-caption.miami_content_light,.miami_content_light { background-color:transparent; border-color:#000; border-style:none; border-width:0; color:#fff; font-family:"Source Sans Pro"; font-size:22px; font-weight:400; letter-spacing:0; line-height:28px; text-decoration:none; text-shadow:none; } .tp-caption.miami_title_60px_dark,.miami_title_60px_dark { background-color:transparent; border-color:#000; border-style:none; border-width:0; color:#333; font-family:"Source Sans Pro"; font-size:60px; font-weight:700; letter-spacing:1px; line-height:60px; text-decoration:none; text-shadow:none; } .tp-caption.miami_content_dark,.miami_content_dark { background-color:transparent; border-color:#000; border-style:none; border-width:0; color:#666; font-family:"Source Sans Pro"; font-size:22px; font-weight:400; letter-spacing:0; line-height:28px; text-decoration:none; text-shadow:none; } .tp-caption.divideline30px_dark,.divideline30px_dark { background-color:#333; border-color:#222; border-style:none; border-width:0; height:2px; min-width:30px; text-decoration:none; } .tp-caption.ellipse70px,.ellipse70px { background-color:rgba(0,0,0,0.14902); border-color:#222; border-radius:50px 50px 50px 50px; border-style:none; border-width:0; cursor:pointer; line-height:1px; min-height:70px; min-width:70px; text-decoration:none; } .tp-caption.arrowicon,.arrowicon { border-color:#222; border-style:none; border-width:0; line-height:1px; } .tp-caption.MarkerDisplay,.MarkerDisplay { background-color:transparent; border-color:#000; border-radius:0 0 0 0; border-style:none; border-width:0; font-family:"Permanent Marker"; font-style:normal; padding:0; text-decoration:none; text-shadow:none; } .tp-caption.Restaurant-Display,.Restaurant-Display { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:#fff; font-family:Roboto; font-size:120px; font-style:normal; font-weight:700; line-height:120px; padding:0; text-decoration:none; } .tp-caption.Restaurant-Cursive,.Restaurant-Cursive { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:#fff; font-family:"Nothing you could do"; font-size:30px; font-style:normal; font-weight:400; letter-spacing:2px; line-height:30px; padding:0; text-decoration:none; } .tp-caption.Restaurant-ScrollDownText,.Restaurant-ScrollDownText { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:#fff; font-family:Roboto; font-size:17px; font-style:normal; font-weight:400; letter-spacing:2px; line-height:17px; padding:0; text-decoration:none; } .tp-caption.Restaurant-Description,.Restaurant-Description { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:#fff; font-family:Roboto; font-size:20px; font-style:normal; font-weight:300; letter-spacing:3px; line-height:30px; padding:0; text-decoration:none; } .tp-caption.Restaurant-Price,.Restaurant-Price { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:#fff; font-family:Roboto; font-size:30px; font-style:normal; font-weight:300; letter-spacing:3px; line-height:30px; padding:0; text-decoration:none; } .tp-caption.Restaurant-Menuitem,.Restaurant-Menuitem { background-color:rgba(0,0,0,1.00); border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:Roboto; font-size:17px; font-style:normal; font-weight:400; letter-spacing:2px; line-height:17px; padding:10px 30px; text-align:left; text-decoration:none; } .tp-caption.Furniture-LogoText,.Furniture-LogoText { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(230,207,163,1.00); font-family:Raleway; font-size:160px; font-style:normal; font-weight:300; line-height:150px; padding:0; text-decoration:none; text-shadow:none; } .tp-caption.Furniture-Plus,.Furniture-Plus { background-color:rgba(255,255,255,1.00); border-color:transparent; border-radius:30px 30px 30px 30px; border-style:none; border-width:0; box-shadow:rgba(0,0,0,0.1) 0 1px 3px; color:rgba(230,207,163,1.00); font-family:Raleway; font-size:20px; font-style:normal; font-weight:400; line-height:20px; padding:6px 7px 4px; text-decoration:none; text-shadow:none; } .tp-caption.Furniture-Title,.Furniture-Title { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(0,0,0,1.00); font-family:Raleway; font-size:20px; font-style:normal; font-weight:700; letter-spacing:3px; line-height:20px; padding:0; text-decoration:none; text-shadow:none; } .tp-caption.Furniture-Subtitle,.Furniture-Subtitle { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(0,0,0,1.00); font-family:Raleway; font-size:17px; font-style:normal; font-weight:300; line-height:20px; padding:0; text-decoration:none; text-shadow:none; } .tp-caption.Gym-Display,.Gym-Display { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:80px; font-style:normal; font-weight:900; line-height:70px; padding:0; text-decoration:none; } .tp-caption.Gym-Subline,.Gym-Subline { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:30px; font-style:normal; font-weight:100; letter-spacing:5px; line-height:30px; padding:0; text-decoration:none; } .tp-caption.Gym-SmallText,.Gym-SmallText { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:17px; font-style:normal; font-weight:300; line-height:22; padding:0; text-decoration:none; text-shadow:none; } .tp-caption.Fashion-SmallText,.Fashion-SmallText { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:12px; font-style:normal; font-weight:600; letter-spacing:2px; line-height:20px; padding:0; text-decoration:none; } .tp-caption.Fashion-BigDisplay,.Fashion-BigDisplay { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(0,0,0,1.00); font-family:Raleway; font-size:60px; font-style:normal; font-weight:900; letter-spacing:2px; line-height:60px; padding:0; text-decoration:none; } .tp-caption.Fashion-TextBlock,.Fashion-TextBlock { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(0,0,0,1.00); font-family:Raleway; font-size:20px; font-style:normal; font-weight:400; letter-spacing:2px; line-height:40px; padding:0; text-decoration:none; } .tp-caption.Sports-Display,.Sports-Display { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:130px; font-style:normal; font-weight:100; letter-spacing:13px; line-height:130px; padding:0; text-decoration:none; } .tp-caption.Sports-DisplayFat,.Sports-DisplayFat { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:130px; font-style:normal; font-weight:900; line-height:130px; padding:0; text-decoration:none; } .tp-caption.Sports-Subline,.Sports-Subline { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(0,0,0,1.00); font-family:Raleway; font-size:32px; font-style:normal; font-weight:400; letter-spacing:4px; line-height:32px; padding:0; text-decoration:none; } .tp-caption.Instagram-Caption,.Instagram-Caption { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:Roboto; font-size:20px; font-style:normal; font-weight:900; line-height:20px; padding:0; text-decoration:none; } .tp-caption.News-Title,.News-Title { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:"Roboto Slab"; font-size:70px; font-style:normal; font-weight:400; line-height:60px; padding:0; text-decoration:none; } .tp-caption.News-Subtitle,.News-Subtitle { background-color:rgba(255,255,255,0); border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:"Roboto Slab"; font-size:15px; font-style:normal; font-weight:300; line-height:24px; padding:0; text-decoration:none; } .tp-caption.News-Subtitle:hover,.News-Subtitle:hover { background-color:rgba(255,255,255,0); border-color:transparent; border-radius:0 0 0 0; border-style:solid; border-width:0; color:rgba(255,255,255,0.65); text-decoration:none; } .tp-caption.Photography-Display,.Photography-Display { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:80px; font-style:normal; font-weight:100; letter-spacing:5px; line-height:70px; padding:0; text-decoration:none; } .tp-caption.Photography-Subline,.Photography-Subline { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(119,119,119,1.00); font-family:Raleway; font-size:20px; font-style:normal; font-weight:300; letter-spacing:3px; line-height:30px; padding:0; text-decoration:none; } .tp-caption.Photography-ImageHover,.Photography-ImageHover { background-color:transparent; border-color:rgba(255,255,255,0); border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-size:20px; font-style:normal; font-weight:400; line-height:22; padding:0; text-decoration:none; } .tp-caption.Photography-ImageHover:hover,.Photography-ImageHover:hover { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); text-decoration:none; } .tp-caption.Photography-Menuitem,.Photography-Menuitem { background-color:rgba(0,0,0,0.65); border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:20px; font-style:normal; font-weight:300; letter-spacing:2px; line-height:20px; padding:3px 5px 3px 8px; text-decoration:none; } .tp-caption.Photography-Menuitem:hover,.Photography-Menuitem:hover { background-color:rgba(0,255,222,0.65); border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); text-decoration:none; } .tp-caption.Photography-Textblock,.Photography-Textblock { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:17px; font-style:normal; font-weight:300; letter-spacing:2px; line-height:30px; padding:0; text-decoration:none; } .tp-caption.Photography-Subline-2,.Photography-Subline-2 { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,0.35); font-family:Raleway; font-size:20px; font-style:normal; font-weight:300; letter-spacing:3px; line-height:30px; padding:0; text-decoration:none; } .tp-caption.Photography-ImageHover2,.Photography-ImageHover2 { background-color:transparent; border-color:rgba(255,255,255,0); border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:Arial; font-size:20px; font-style:normal; font-weight:400; line-height:22; padding:0; text-decoration:none; } .tp-caption.Photography-ImageHover2:hover,.Photography-ImageHover2:hover { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); text-decoration:none; } .tp-caption.WebProduct-Title,.WebProduct-Title { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(51,51,51,1.00); font-family:Raleway; font-size:90px; font-style:normal; font-weight:100; line-height:90px; padding:0; text-decoration:none; } .tp-caption.WebProduct-SubTitle,.WebProduct-SubTitle { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(153,153,153,1.00); font-family:Raleway; font-size:15px; font-style:normal; font-weight:400; line-height:20px; padding:0; text-decoration:none; } .tp-caption.WebProduct-Content,.WebProduct-Content { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(153,153,153,1.00); font-family:Raleway; font-size:16px; font-style:normal; font-weight:600; line-height:24px; padding:0; text-decoration:none; } .tp-caption.WebProduct-Menuitem,.WebProduct-Menuitem { background-color:rgba(51,51,51,1.00); border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:15px; font-style:normal; font-weight:500; letter-spacing:2px; line-height:20px; padding:3px 5px 3px 8px; text-align:left; text-decoration:none; } .tp-caption.WebProduct-Menuitem:hover,.WebProduct-Menuitem:hover { background-color:rgba(255,255,255,1.00); border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(153,153,153,1.00); text-decoration:none; } .tp-caption.WebProduct-Title-Light,.WebProduct-Title-Light { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:90px; font-style:normal; font-weight:100; line-height:90px; padding:0; text-align:left; text-decoration:none; } .tp-caption.WebProduct-SubTitle-Light,.WebProduct-SubTitle-Light { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,0.35); font-family:Raleway; font-size:15px; font-style:normal; font-weight:400; line-height:20px; padding:0; text-align:left; text-decoration:none; } .tp-caption.WebProduct-Content-Light,.WebProduct-Content-Light { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,0.65); font-family:Raleway; font-size:16px; font-style:normal; font-weight:600; line-height:24px; padding:0; text-align:left; text-decoration:none; } .tp-caption.FatRounded,.FatRounded { background-color:rgba(0,0,0,0.50); border-color:rgba(211,211,211,1.00); border-radius:50px 50px 50px 50px; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:30px; font-style:normal; font-weight:900; line-height:30px; padding:20px 22px 20px 25px; text-align:left; text-decoration:none; text-shadow:none; } .tp-caption.FatRounded:hover,.FatRounded:hover { background-color:rgba(0,0,0,1.00); border-color:rgba(211,211,211,1.00); border-radius:50px 50px 50px 50px; border-style:none; border-width:0; color:rgba(255,255,255,1.00); text-decoration:none; } .tp-caption.NotGeneric-Title,.NotGeneric-Title { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:70px; font-style:normal; font-weight:800; line-height:70px; padding:10px 0; text-decoration:none; } .tp-caption.NotGeneric-SubTitle,.NotGeneric-SubTitle { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:13px; font-style:normal; font-weight:500; letter-spacing:4px; line-height:20px; padding:0; text-align:left; text-decoration:none; } .tp-caption.NotGeneric-CallToAction,.NotGeneric-CallToAction { background-color:rgba(0,0,0,0); border-color:rgba(255,255,255,0.50); border-radius:0 0 0 0; border-style:solid; border-width:1px; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:14px; font-style:normal; font-weight:500; letter-spacing:3px; line-height:14px; padding:10px 30px; text-align:left; text-decoration:none; } .tp-caption.NotGeneric-CallToAction:hover,.NotGeneric-CallToAction:hover { background-color:transparent; border-color:rgba(255,255,255,1.00); border-radius:0 0 0 0; border-style:solid; border-width:1px; color:rgba(255,255,255,1.00); text-decoration:none; } .tp-caption.NotGeneric-Icon,.NotGeneric-Icon { background-color:rgba(0,0,0,0); border-color:rgba(255,255,255,0); border-radius:0 0 0 0; border-style:solid; border-width:0; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:30px; font-style:normal; font-weight:400; letter-spacing:3px; line-height:30px; padding:0; text-align:left; text-decoration:none; } .tp-caption.NotGeneric-Menuitem,.NotGeneric-Menuitem { background-color:rgba(0,0,0,0); border-color:rgba(255,255,255,0.15); border-radius:0 0 0 0; border-style:solid; border-width:1px; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:14px; font-style:normal; font-weight:500; letter-spacing:3px; line-height:14px; padding:27px 30px; text-align:left; text-decoration:none; } .tp-caption.NotGeneric-Menuitem:hover,.NotGeneric-Menuitem:hover { background-color:rgba(0,0,0,0); border-color:rgba(255,255,255,1.00); border-radius:0 0 0 0; border-style:solid; border-width:1px; color:rgba(255,255,255,1.00); text-decoration:none; } .tp-caption.MarkerStyle,.MarkerStyle { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:"Permanent Marker"; font-size:17px; font-style:normal; font-weight:100; line-height:30px; padding:0; text-align:left; text-decoration:none; } .tp-caption.Gym-Menuitem,.Gym-Menuitem { background-color:rgba(0,0,0,1.00); border-color:rgba(255,255,255,0); border-radius:3px 3px 3px 3px; border-style:solid; border-width:2px; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:20px; font-style:normal; font-weight:300; letter-spacing:2px; line-height:20px; padding:3px 5px 3px 8px; text-align:left; text-decoration:none; } .tp-caption.Gym-Menuitem:hover,.Gym-Menuitem:hover { background-color:rgba(0,0,0,1.00); border-color:rgba(255,255,255,0.25); border-radius:3px 3px 3px 3px; border-style:solid; border-width:2px; color:rgba(255,255,255,1.00); text-decoration:none; } .tp-caption.Newspaper-Button,.Newspaper-Button { background-color:rgba(255,255,255,0); border-color:rgba(255,255,255,0.25); border-radius:0 0 0 0; border-style:solid; border-width:1px; color:rgba(255,255,255,1.00); font-family:Roboto; font-size:13px; font-style:normal; font-weight:700; letter-spacing:2px; line-height:17px; padding:12px 35px; text-align:left; text-decoration:none; } .tp-caption.Newspaper-Button:hover,.Newspaper-Button:hover { background-color:rgba(255,255,255,1.00); border-color:rgba(255,255,255,1.00); border-radius:0 0 0 0; border-style:solid; border-width:1px; color:rgba(0,0,0,1.00); text-decoration:none; } .tp-caption.Newspaper-Subtitle,.Newspaper-Subtitle { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(168,216,238,1.00); font-family:Roboto; font-size:15px; font-style:normal; font-weight:900; line-height:20px; padding:0; text-align:left; text-decoration:none; } .tp-caption.Newspaper-Title,.Newspaper-Title { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:"Roboto Slab"; font-size:50px; font-style:normal; font-weight:400; line-height:55px; padding:0 0 10px; text-align:left; text-decoration:none; } .tp-caption.Newspaper-Title-Centered,.Newspaper-Title-Centered { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:"Roboto Slab"; font-size:50px; font-style:normal; font-weight:400; line-height:55px; padding:0 0 10px; text-align:center; text-decoration:none; } .tp-caption.Hero-Button,.Hero-Button { background-color:rgba(0,0,0,0); border-color:rgba(255,255,255,0.50); border-radius:0 0 0 0; border-style:solid; border-width:1px; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:14px; font-style:normal; font-weight:500; letter-spacing:3px; line-height:14px; padding:10px 30px; text-align:left; text-decoration:none; } .tp-caption.Hero-Button:hover,.Hero-Button:hover { background-color:rgba(255,255,255,1.00); border-color:rgba(255,255,255,1.00); border-radius:0 0 0 0; border-style:solid; border-width:1px; color:rgba(0,0,0,1.00); text-decoration:none; } .tp-caption.Video-Title,.Video-Title { background-color:rgba(0,0,0,1.00); border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:30px; font-style:normal; font-weight:900; line-height:30px; padding:5px; text-align:left; text-decoration:none; } .tp-caption.Video-SubTitle,.Video-SubTitle { background-color:rgba(0,0,0,0.35); border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:12px; font-style:normal; font-weight:600; letter-spacing:2px; line-height:12px; padding:5px; text-align:left; text-decoration:none; } .tp-caption.NotGeneric-Button,.NotGeneric-Button { background-color:rgba(0,0,0,0); border-color:rgba(255,255,255,0.50); border-radius:0 0 0 0; border-style:solid; border-width:1px; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:14px; font-style:normal; font-weight:500; letter-spacing:3px; line-height:14px; padding:10px 30px; text-align:left; text-decoration:none; } .tp-caption.NotGeneric-Button:hover,.NotGeneric-Button:hover { background-color:transparent; border-color:rgba(255,255,255,1.00); border-radius:0 0 0 0; border-style:solid; border-width:1px; color:rgba(255,255,255,1.00); text-decoration:none; } .tp-caption.NotGeneric-BigButton,.NotGeneric-BigButton { background-color:rgba(0,0,0,0); border-color:rgba(255,255,255,0.15); border-radius:0 0 0 0; border-style:solid; border-width:1px; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:14px; font-style:normal; font-weight:500; letter-spacing:3px; line-height:14px; padding:27px 30px; text-align:left; text-decoration:none; } .tp-caption.NotGeneric-BigButton:hover,.NotGeneric-BigButton:hover { background-color:rgba(0,0,0,0); border-color:rgba(255,255,255,1.00); border-radius:0 0 0 0; border-style:solid; border-width:1px; color:rgba(255,255,255,1.00); text-decoration:none; } .tp-caption.WebProduct-Button,.WebProduct-Button { background-color:rgba(51,51,51,1.00); border-color:rgba(0,0,0,1.00); border-radius:0 0 0 0; border-style:none; border-width:2px; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:16px; font-style:normal; font-weight:600; letter-spacing:1px; line-height:48px; padding:0 40px; text-align:left; text-decoration:none; } .tp-caption.WebProduct-Button:hover,.WebProduct-Button:hover { background-color:rgba(255,255,255,1.00); border-color:rgba(0,0,0,1.00); border-radius:0 0 0 0; border-style:none; border-width:2px; color:rgba(51,51,51,1.00); text-decoration:none; } .tp-caption.Restaurant-Button,.Restaurant-Button { background-color:rgba(10,10,10,0); border-color:rgba(255,255,255,0.50); border-radius:0 0 0 0; border-style:solid; border-width:2px; color:rgba(255,255,255,1.00); font-family:Roboto; font-size:17px; font-style:normal; font-weight:500; letter-spacing:3px; line-height:17px; padding:12px 35px; text-align:left; text-decoration:none; } .tp-caption.Restaurant-Button:hover,.Restaurant-Button:hover { background-color:rgba(0,0,0,0); border-color:rgba(255,224,129,1.00); border-radius:0 0 0 0; border-style:solid; border-width:2px; color:rgba(255,255,255,1.00); text-decoration:none; } .tp-caption.Gym-Button,.Gym-Button { background-color:rgba(139,192,39,1.00); border-color:rgba(0,0,0,0); border-radius:30px 30px 30px 30px; border-style:solid; border-width:0; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:15px; font-style:normal; font-weight:600; letter-spacing:1px; line-height:15px; padding:13px 35px; text-align:left; text-decoration:none; } .tp-caption.Gym-Button:hover,.Gym-Button:hover { background-color:rgba(114,168,0,1.00); border-color:rgba(0,0,0,0); border-radius:30px 30px 30px 30px; border-style:solid; border-width:0; color:rgba(255,255,255,1.00); text-decoration:none; } .tp-caption.Gym-Button-Light,.Gym-Button-Light { background-color:transparent; border-color:rgba(255,255,255,0.25); border-radius:30px 30px 30px 30px; border-style:solid; border-width:2px; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:15px; font-style:normal; font-weight:600; line-height:15px; padding:12px 35px; text-align:left; text-decoration:none; } .tp-caption.Gym-Button-Light:hover,.Gym-Button-Light:hover { background-color:rgba(114,168,0,0); border-color:rgba(139,192,39,1.00); border-radius:30px 30px 30px 30px; border-style:solid; border-width:2px; color:rgba(255,255,255,1.00); text-decoration:none; } .tp-caption.Sports-Button-Light,.Sports-Button-Light { background-color:rgba(0,0,0,0); border-color:rgba(255,255,255,0.50); border-radius:0 0 0 0; border-style:solid; border-width:2px; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:17px; font-style:normal; font-weight:600; letter-spacing:2px; line-height:17px; padding:12px 35px; text-align:left; text-decoration:none; } .tp-caption.Sports-Button-Light:hover,.Sports-Button-Light:hover { background-color:rgba(0,0,0,0); border-color:rgba(255,255,255,1.00); border-radius:0 0 0 0; border-style:solid; border-width:2px; color:rgba(255,255,255,1.00); text-decoration:none; } .tp-caption.Sports-Button-Red,.Sports-Button-Red { background-color:rgba(219,28,34,1.00); border-color:rgba(219,28,34,0); border-radius:0 0 0 0; border-style:solid; border-width:2px; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:17px; font-style:normal; font-weight:600; letter-spacing:2px; line-height:17px; padding:12px 35px; text-align:left; text-decoration:none; } .tp-caption.Sports-Button-Red:hover,.Sports-Button-Red:hover { background-color:rgba(0,0,0,1.00); border-color:rgba(0,0,0,1.00); border-radius:0 0 0 0; border-style:solid; border-width:2px; color:rgba(255,255,255,1.00); text-decoration:none; } .tp-caption.Photography-Button,.Photography-Button { background-color:rgba(0,0,0,0); border-color:rgba(255,255,255,0.25); border-radius:30px 30px 30px 30px; border-style:solid; border-width:1px; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:15px; font-style:normal; font-weight:600; letter-spacing:1px; line-height:15px; padding:13px 35px; text-align:left; text-decoration:none; } .tp-caption.Photography-Button:hover,.Photography-Button:hover { background-color:rgba(0,0,0,0); border-color:rgba(255,255,255,1.00); border-radius:30px 30px 30px 30px; border-style:solid; border-width:1px; color:rgba(255,255,255,1.00); text-decoration:none; } .tp-caption.Newspaper-Button-2,.Newspaper-Button-2 { background-color:rgba(0,0,0,0); border-color:rgba(255,255,255,0.50); border-radius:3px 3px 3px 3px; border-style:solid; border-width:2px; color:rgba(255,255,255,1.00); font-family:Roboto; font-size:15px; font-style:normal; font-weight:900; line-height:15px; padding:10px 30px; text-align:left; text-decoration:none; } .tp-caption.Newspaper-Button-2:hover,.Newspaper-Button-2:hover { background-color:rgba(0,0,0,0); border-color:rgba(255,255,255,1.00); border-radius:3px 3px 3px 3px; border-style:solid; border-width:2px; color:rgba(255,255,255,1.00); text-decoration:none; } .tp-caption.Feature-Tour,.Feature-Tour { background-color:rgba(139,192,39,1.00); border-color:rgba(0,0,0,0); border-radius:30px 30px 30px 30px; border-style:solid; border-width:0; color:rgba(255,255,255,1.00); font-family:Roboto; font-size:17px; font-style:normal; font-weight:700; line-height:17px; padding:17px 35px; text-align:left; text-decoration:none; } .tp-caption.Feature-Tour:hover,.Feature-Tour:hover { background-color:rgba(114,168,0,1.00); border-color:rgba(0,0,0,0); border-radius:30px 30px 30px 30px; border-style:solid; border-width:0; color:rgba(255,255,255,1.00); text-decoration:none; } .tp-caption.Feature-Examples,.Feature-Examples { background-color:transparent; border-color:rgba(33,42,64,0.15); border-radius:30px 30px 30px 30px; border-style:solid; border-width:2px; color:rgba(33,42,64,0.50); font-family:Roboto; font-size:17px; font-style:normal; font-weight:700; line-height:17px; padding:15px 35px; text-align:left; text-decoration:none; } .tp-caption.Feature-Examples:hover,.Feature-Examples:hover { background-color:transparent; border-color:rgba(139,192,39,1.00); border-radius:30px 30px 30px 30px; border-style:solid; border-width:2px; color:rgba(139,192,39,1.00); text-decoration:none; } .tp-caption.subcaption,.subcaption { background-color:transparent; border-color:rgba(0,0,0,1.00); border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(111,124,130,1.00); font-family:roboto; font-size:19px; font-style:normal; font-weight:400; line-height:24px; padding:0; text-align:left; text-decoration:none; text-shadow:none; } .tp-caption.menutab,.menutab { background-color:transparent; border-color:rgba(0,0,0,1.00); border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(41,46,49,1.00); font-family:roboto; font-size:25px; font-style:normal; font-weight:300; line-height:30px; padding:0; text-align:left; text-decoration:none; text-shadow:none; } .tp-caption.menutab:hover,.menutab:hover { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(213,0,0,1.00); text-decoration:none; } .tp-caption.maincontent,.maincontent { background-color:transparent; border-color:rgba(0,0,0,1.00); border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(41,46,49,1.00); font-family:roboto; font-size:21px; font-style:normal; font-weight:300; line-height:26px; padding:0; text-align:left; text-decoration:none; text-shadow:none; } .tp-caption.minitext,.minitext { background-color:transparent; border-color:rgba(0,0,0,1.00); border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(185,186,187,1.00); font-family:roboto; font-size:15px; font-style:normal; font-weight:400; line-height:20px; padding:0; text-align:left; text-decoration:none; text-shadow:none; } .tp-caption.Feature-Buy,.Feature-Buy { background-color:rgba(0,154,238,1.00); border-color:rgba(0,0,0,0); border-radius:30px 30px 30px 30px; border-style:solid; border-width:0; color:rgba(255,255,255,1.00); font-family:Roboto; font-size:17px; font-style:normal; font-weight:700; line-height:17px; padding:17px 35px; text-align:left; text-decoration:none; } .tp-caption.Feature-Buy:hover,.Feature-Buy:hover { background-color:rgba(0,133,214,1.00); border-color:rgba(0,0,0,0); border-radius:30px 30px 30px 30px; border-style:solid; border-width:0; color:rgba(255,255,255,1.00); text-decoration:none; } .tp-caption.Feature-Examples-Light,.Feature-Examples-Light { background-color:transparent; border-color:rgba(255,255,255,0.15); border-radius:30px 30px 30px 30px; border-style:solid; border-width:2px; color:rgba(255,255,255,1.00); font-family:Roboto; font-size:17px; font-style:normal; font-weight:700; line-height:17px; padding:15px 35px; text-align:left; text-decoration:none; } .tp-caption.Feature-Examples-Light:hover,.Feature-Examples-Light:hover { background-color:transparent; border-color:rgba(255,255,255,1.00); border-radius:30px 30px 30px 30px; border-style:solid; border-width:2px; color:rgba(255,255,255,1.00); text-decoration:none; } .tp-caption.Facebook-Likes,.Facebook-Likes { background-color:rgba(59,89,153,1.00); border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:Roboto; font-size:15px; font-style:normal; font-weight:500; line-height:22px; padding:5px 15px; text-align:left; text-decoration:none; } .tp-caption.Twitter-Favorites,.Twitter-Favorites { background-color:rgba(255,255,255,0); border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(136,153,166,1.00); font-family:Roboto; font-size:15px; font-style:normal; font-weight:500; line-height:22px; padding:0; text-align:left; text-decoration:none; } .tp-caption.Twitter-Link,.Twitter-Link { background-color:rgba(255,255,255,1.00); border-color:transparent; border-radius:30px 30px 30px 30px; border-style:none; border-width:0; color:rgba(135,153,165,1.00); font-family:Roboto; font-size:15px; font-style:normal; font-weight:500; line-height:15px; padding:11px 11px 9px; text-align:left; text-decoration:none; } .tp-caption.Twitter-Link:hover,.Twitter-Link:hover { background-color:rgba(0,132,180,1.00); border-color:transparent; border-radius:30px 30px 30px 30px; border-style:none; border-width:0; color:rgba(255,255,255,1.00); text-decoration:none; } .tp-caption.Twitter-Retweet,.Twitter-Retweet { background-color:rgba(255,255,255,0); border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(136,153,166,1.00); font-family:Roboto; font-size:15px; font-style:normal; font-weight:500; line-height:22px; padding:0; text-align:left; text-decoration:none; } .tp-caption.Twitter-Content,.Twitter-Content { background-color:rgba(255,255,255,1.00); border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(41,47,51,1.00); font-family:Roboto; font-size:20px; font-style:normal; font-weight:500; line-height:28px; padding:30px 30px 70px; text-align:left; text-decoration:none; } .revtp-searchform input[type="text"], .revtp-searchform input[type="email"], .revtp-form input[type="text"], .revtp-form input[type="email"]{ font-family: "Arial", sans-serif; font-size: 15px; color: #000; background-color: #fff; line-height: 46px; padding: 0 20px; cursor: text; border: 0; width: 400px; margin-bottom: 0px; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; -ms-transition: background-color 0.5s; transition: background-color 0.5s; border-radius: 0px; } .tp-caption.BigBold-Title, .BigBold-Title { color: rgba(255, 255, 255, 1.00); font-size: 110px; line-height: 100px; font-weight: 800; font-style: normal; font-family: Raleway; padding: 10px 0px 10px 0; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.BigBold-SubTitle, .BigBold-SubTitle { color: rgba(255, 255, 255, 0.50); font-size: 15px; line-height: 24px; font-weight: 500; font-style: normal; font-family: Raleway; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left; letter-spacing: 1px } .tp-caption.BigBold-Button, .BigBold-Button { color: rgba(255, 255, 255, 1.00); font-size: 13px; line-height: 13px; font-weight: 500; font-style: normal; font-family: Raleway; padding: 15px 50px 15px 50px; text-decoration: none; background-color: rgba(0, 0, 0, 0); border-color: rgba(255, 255, 255, 0.50); border-style: solid; border-width: 1px; border-radius: 0px 0px 0px 0px; text-align: left; letter-spacing: 1px } .tp-caption.BigBold-Button:hover, .BigBold-Button:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: transparent; border-color: rgba(255, 255, 255, 1.00); border-style: solid; border-width: 1px; border-radius: 0px 0px 0px 0px } .tp-caption.FoodCarousel-Content, .FoodCarousel-Content { color: rgba(41, 46, 49, 1.00); font-size: 17px; line-height: 28px; font-weight: 500; font-style: normal; font-family: Raleway; padding: 30px 30px 30px 30px; text-decoration: none; background-color: rgba(255, 255, 255, 1.00); border-color: rgba(41, 46, 49, 1.00); border-style: solid; border-width: 1px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.FoodCarousel-Button, .FoodCarousel-Button { color: rgba(41, 46, 49, 1.00); font-size: 13px; line-height: 13px; font-weight: 700; font-style: normal; font-family: Raleway; padding: 15px 70px 15px 50px; text-decoration: none; background-color: rgba(255, 255, 255, 1.00); border-color: rgba(41, 46, 49, 1.00); border-style: solid; border-width: 1px; border-radius: 0px 0px 0px 0px; text-align: left; letter-spacing: 1px } .tp-caption.FoodCarousel-Button:hover, .FoodCarousel-Button:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: rgba(41, 46, 49, 1.00); border-color: rgba(41, 46, 49, 1.00); border-style: solid; border-width: 1px; border-radius: 0px 0px 0px 0px } .tp-caption.FoodCarousel-CloseButton, .FoodCarousel-CloseButton { color: rgba(41, 46, 49, 1.00); font-size: 20px; line-height: 20px; font-weight: 700; font-style: normal; font-family: Raleway; padding: 14px 14px 14px 16px; text-decoration: none; background-color: rgba(0, 0, 0, 0); border-color: rgba(41, 46, 49, 0); border-style: solid; border-width: 1px; border-radius: 30px 30px 30px 30px; text-align: left; letter-spacing: 1px } .tp-caption.FoodCarousel-CloseButton:hover, .FoodCarousel-CloseButton:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: rgba(41, 46, 49, 1.00); border-color: rgba(41, 46, 49, 0); border-style: solid; border-width: 1px; border-radius: 30px 30px 30px 30px } .tp-caption.Video-SubTitle, .Video-SubTitle { color: rgba(255, 255, 255, 1.00); font-size: 12px; line-height: 12px; font-weight: 600; font-style: normal; font-family: Raleway; padding: 5px 5px 5px 5px; text-decoration: none; background-color: rgba(0, 0, 0, 0.35); border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; letter-spacing: 2px; text-align: left } .tp-caption.Video-Title, .Video-Title { color: rgba(255, 255, 255, 1.00); font-size: 30px; line-height: 30px; font-weight: 900; font-style: normal; font-family: Raleway; padding: 5px 5px 5px 5px; text-decoration: none; background-color: rgba(0, 0, 0, 1.00); border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.Travel-BigCaption, .Travel-BigCaption { color: rgba(255, 255, 255, 1.00); font-size: 50px; line-height: 50px; font-weight: 400; font-style: normal; font-family: Roboto; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.Travel-SmallCaption, .Travel-SmallCaption { color: rgba(255, 255, 255, 1.00); font-size: 25px; line-height: 30px; font-weight: 300; font-style: normal; font-family: Roboto; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.Travel-CallToAction, .Travel-CallToAction { color: rgba(255, 255, 255, 1.00); font-size: 25px; line-height: 25px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 12px 20px 12px 20px; text-decoration: none; background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 1.00); border-style: solid; border-width: 2px; border-radius: 5px 5px 5px 5px; text-align: left; letter-spacing: 1px } .tp-caption.Travel-CallToAction:hover, .Travel-CallToAction:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 1.00); border-style: solid; border-width: 2px; border-radius: 5px 5px 5px 5px } .tp-caption.RotatingWords-TitleWhite, .RotatingWords-TitleWhite { color: rgba(255, 255, 255, 1.00); font-size: 70px; line-height: 70px; font-weight: 800; font-style: normal; font-family: Raleway; padding: 0px 0px 0px 0; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.RotatingWords-Button, .RotatingWords-Button { color: rgba(255, 255, 255, 1.00); font-size: 20px; line-height: 20px; font-weight: 700; font-style: normal; font-family: Raleway; padding: 20px 50px 20px 50px; text-decoration: none; background-color: rgba(0, 0, 0, 0); border-color: rgba(255, 255, 255, 0.15); border-style: solid; border-width: 2px; border-radius: 0px 0px 0px 0px; text-align: left; letter-spacing: 3px } .tp-caption.RotatingWords-Button:hover, .RotatingWords-Button:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: transparent; border-color: rgba(255, 255, 255, 1.00); border-style: solid; border-width: 2px; border-radius: 0px 0px 0px 0px } .tp-caption.RotatingWords-SmallText, .RotatingWords-SmallText { color: rgba(255, 255, 255, 1.00); font-size: 14px; line-height: 20px; font-weight: 400; font-style: normal; font-family: Raleway; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left; text-shadow: none } .tp-caption.ContentZoom-SmallTitle, .ContentZoom-SmallTitle { color: rgba(41, 46, 49, 1.00); font-size: 33px; line-height: 45px; font-weight: 600; font-style: normal; font-family: Raleway; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.ContentZoom-SmallSubtitle, .ContentZoom-SmallSubtitle { color: rgba(111, 124, 130, 1.00); font-size: 16px; line-height: 24px; font-weight: 600; font-style: normal; font-family: Raleway; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.ContentZoom-SmallIcon, .ContentZoom-SmallIcon { color: rgba(41, 46, 49, 1.00); font-size: 20px; line-height: 20px; font-weight: 400; font-style: normal; font-family: Raleway; padding: 10px 10px 10px 10px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.ContentZoom-SmallIcon:hover, .ContentZoom-SmallIcon:hover { color: rgba(111, 124, 130, 1.00); text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px } .tp-caption.ContentZoom-DetailTitle, .ContentZoom-DetailTitle { color: rgba(41, 46, 49, 1.00); font-size: 70px; line-height: 70px; font-weight: 500; font-style: normal; font-family: Raleway; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.ContentZoom-DetailSubTitle, .ContentZoom-DetailSubTitle { color: rgba(111, 124, 130, 1.00); font-size: 25px; line-height: 25px; font-weight: 500; font-style: normal; font-family: Raleway; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.ContentZoom-DetailContent, .ContentZoom-DetailContent { color: rgba(111, 124, 130, 1.00); font-size: 17px; line-height: 28px; font-weight: 500; font-style: normal; font-family: Raleway; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.ContentZoom-Button, .ContentZoom-Button { color: rgba(41, 46, 49, 1.00); font-size: 13px; line-height: 13px; font-weight: 700; font-style: normal; font-family: Raleway; padding: 15px 50px 15px 50px; text-decoration: none; background-color: rgba(0, 0, 0, 0); border-color: rgba(41, 46, 49, 0.50); border-style: solid; border-width: 1px; border-radius: 0px 0px 0px 0px; text-align: left; letter-spacing: 1px } .tp-caption.ContentZoom-Button:hover, .ContentZoom-Button:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: rgba(41, 46, 49, 1.00); border-color: rgba(41, 46, 49, 1.00); border-style: solid; border-width: 1px; border-radius: 0px 0px 0px 0px } .tp-caption.ContentZoom-ButtonClose, .ContentZoom-ButtonClose { color: rgba(41, 46, 49, 1.00); font-size: 13px; line-height: 13px; font-weight: 700; font-style: normal; font-family: Raleway; padding: 14px 14px 14px 16px; text-decoration: none; background-color: rgba(0, 0, 0, 0); border-color: rgba(41, 46, 49, 0.50); border-style: solid; border-width: 1px; border-radius: 30px 30px 30px 30px; text-align: left; letter-spacing: 1px } .tp-caption.ContentZoom-ButtonClose:hover, .ContentZoom-ButtonClose:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: rgba(41, 46, 49, 1.00); border-color: rgba(41, 46, 49, 1.00); border-style: solid; border-width: 1px; border-radius: 30px 30px 30px 30px } .tp-caption.Newspaper-Title, .Newspaper-Title { color: rgba(255, 255, 255, 1.00); font-size: 50px; line-height: 55px; font-weight: 400; font-style: normal; font-family: "Roboto Slab"; padding: 0 0 10px 0; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.Newspaper-Subtitle, .Newspaper-Subtitle { color: rgba(168, 216, 238, 1.00); font-size: 15px; line-height: 20px; font-weight: 900; font-style: normal; font-family: Roboto; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.Newspaper-Button, .Newspaper-Button { color: rgba(255, 255, 255, 1.00); font-size: 13px; line-height: 17px; font-weight: 700; font-style: normal; font-family: Roboto; padding: 12px 35px 12px 35px; text-decoration: none; background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.25); border-style: solid; border-width: 1px; border-radius: 0px 0px 0px 0px; letter-spacing: 2px; text-align: left } .tp-caption.Newspaper-Button:hover, .Newspaper-Button:hover { color: rgba(0, 0, 0, 1.00); text-decoration: none; background-color: rgba(255, 255, 255, 1.00); border-color: rgba(255, 255, 255, 1.00); border-style: solid; border-width: 1px; border-radius: 0px 0px 0px 0px } .tp-caption.rtwhitemedium, .rtwhitemedium { font-size: 22px; line-height: 26px; color: rgb(255, 255, 255); text-decoration: none; background-color: transparent; border-width: 0px; border-color: rgb(0, 0, 0); border-style: none; text-shadow: none } @media only screen and (max-width: 767px) { .revtp-searchform input[type="text"], .revtp-searchform input[type="email"], .revtp-form input[type="text"], .revtp-form input[type="email"] { width: 200px !important; } } .revtp-searchform input[type="submit"], .revtp-form input[type="submit"] { font-family: "Arial", sans-serif; line-height: 46px; letter-spacing: 1px; text-transform: uppercase; font-size: 15px; font-weight: 700; padding: 0 20px; border: 0; background: #009aee; color: #fff; border-radius: 0px; } .tp-caption.Twitter-Content a, .tp-caption.Twitter-Content a:visited { color: #0084B4 !important } .tp-caption.Twitter-Content a:hover { color: #0084B4 !important; text-decoration: underline !important } .tp-caption.Concept-Title, .Concept-Title { color: rgba(255, 255, 255, 1.00); font-size: 70px; line-height: 70px; font-weight: 700; font-style: normal; font-family: "Roboto Condensed"; padding: 0px 0px 10px 0px; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0px 0px 0px 0px; letter-spacing: 5px } .tp-caption.Concept-SubTitle, .Concept-SubTitle { color: rgba(255, 255, 255, 0.65); font-size: 25px; line-height: 25px; font-weight: 700; font-style: italic; font-family: ""Playfair Display""; padding: 0px 0px 10px 0px; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0px 0px 0px 0px } .tp-caption.Concept-Content, .Concept-Content { color: rgba(255, 255, 255, 1.00); font-size: 20px; line-height: 30px; font-weight: 400; font-style: normal; font-family: "Roboto Condensed"; padding: 0px 0px 0px 0px; text-decoration: none; text-align: center; background-color: rgba(0, 0, 0, 0); border-color: rgba(255, 255, 255, 1.00); border-style: none; border-width: 2px; border-radius: 0px 0px 0px 0px } .tp-caption.Concept-MoreBtn, .Concept-MoreBtn { color: rgba(255, 255, 255, 1.00); font-size: 30px; line-height: 30px; font-weight: 300; font-style: normal; font-family: Roboto; padding: 10px 8px 7px 10px; text-decoration: none; text-align: left; background-color: transparent; border-color: rgba(255, 255, 255, 0); border-style: solid; border-width: 0px; border-radius: 50px 50px 50px 50px; letter-spacing: 1px; text-align: left } .tp-caption.Concept-MoreBtn:hover, .Concept-MoreBtn:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0); border-style: solid; border-width: 0px; border-radius: 50px 50px 50px 50px } .tp-caption.Concept-LessBtn, .Concept-LessBtn { color: rgba(255, 255, 255, 1.00); font-size: 30px; line-height: 30px; font-weight: 300; font-style: normal; font-family: Roboto; padding: 10px 8px 7px 10px; text-decoration: none; text-align: left; background-color: rgba(0, 0, 0, 1.00); border-color: rgba(255, 255, 255, 0); border-style: solid; border-width: 0px; border-radius: 50px 50px 50px 50px; letter-spacing: 1px; text-align: left } .tp-caption.Concept-LessBtn:hover, .Concept-LessBtn:hover { color: rgba(0, 0, 0, 1.00); text-decoration: none; background-color: rgba(255, 255, 255, 1.00); border-color: rgba(255, 255, 255, 0); border-style: solid; border-width: 0px; border-radius: 50px 50px 50px 50px } .tp-caption.Concept-SubTitle-Dark, .Concept-SubTitle-Dark { color: rgba(0, 0, 0, 0.65); font-size: 25px; line-height: 25px; font-weight: 700; font-style: italic; font-family: "Playfair Display"; padding: 0px 0px 10px 0px; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0px 0px 0px 0px } .tp-caption.Concept-Title-Dark, .Concept-Title-Dark { color: rgba(0, 0, 0, 1.00); font-size: 70px; line-height: 70px; font-weight: 700; font-style: normal; font-family: "Roboto Condensed"; padding: 0px 0px 10px 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0px 0px 0px 0px; letter-spacing: 5px } .tp-caption.Concept-MoreBtn-Dark, .Concept-MoreBtn-Dark { color: rgba(0, 0, 0, 1.00); font-size: 30px; line-height: 30px; font-weight: 300; font-style: normal; font-family: Roboto; padding: 10px 8px 7px 10px; text-decoration: none; text-align: left; background-color: transparent; border-color: rgba(255, 255, 255, 0); border-style: solid; border-width: 0px; border-radius: 50px 50px 50px 50px; letter-spacing: 1px; text-align: left } .tp-caption.Concept-MoreBtn-Dark:hover, .Concept-MoreBtn-Dark:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: rgba(0, 0, 0, 1.00); border-color: rgba(255, 255, 255, 0); border-style: solid; border-width: 0px; border-radius: 50px 50px 50px 50px } .tp-caption.Concept-Content-Dark, .Concept-Content-Dark { color: rgba(0, 0, 0, 1.00); font-size: 20px; line-height: 30px; font-weight: 400; font-style: normal; font-family: "Roboto Condensed"; padding: 0px 0px 0px 0px; text-decoration: none; text-align: center; background-color: rgba(0, 0, 0, 0); border-color: rgba(255, 255, 255, 1.00); border-style: none; border-width: 2px; border-radius: 0px 0px 0px 0px } .tp-caption.Concept-Notice, .Concept-Notice { color: rgba(255, 255, 255, 1.00); font-size: 15px; line-height: 15px; font-weight: 400; font-style: normal; font-family: "Roboto Condensed"; padding: 0px 0px 0px 0px; text-decoration: none; text-align: center; background-color: rgba(0, 0, 0, 0); border-color: rgba(255, 255, 255, 1.00); border-style: none; border-width: 2px; border-radius: 0px 0px 0px 0px; letter-spacing: 2px } .tp-caption.Concept-Content a, .tp-caption.Concept-Content a:visited { color: #fff !important; border-bottom: 1px solid #fff !important; font-weight: 700 !important; } .tp-caption.Concept-Content a:hover { border-bottom: 1px solid transparent !important; } .tp-caption.Concept-Content-Dark a, .tp-caption.Concept-Content-Dark a:visited { color: #000 !important; border-bottom: 1px solid #000 !important; font-weight: 700 !important; } .tp-caption.Concept-Content-Dark a:hover { border-bottom: 1px solid transparent !important; } .tp-caption.Twitter-Content a, .tp-caption.Twitter-Content a:visited { color: #0084B4 !important } .tp-caption.Twitter-Content a:hover { color: #0084B4 !important; text-decoration: underline !important } .tp-caption.Creative-Title, .Creative-Title { color: rgba(255, 255, 255, 1.00); font-size: 70px; line-height: 70px; font-weight: 400; font-style: normal; font-family: "Playfair Display"; padding: 0px 0px 0px 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0px 0px 0px 0px } .tp-caption.Creative-SubTitle, .Creative-SubTitle { color: rgba(205, 176, 131, 1.00); font-size: 14px; line-height: 14px; font-weight: 400; font-style: normal; font-family: Lato; padding: 0px 0px 0px 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0px 0px 0px 0px; letter-spacing: 2px } .tp-caption.Creative-Button, .Creative-Button { color: rgba(205, 176, 131, 1.00); font-size: 13px; line-height: 13px; font-weight: 400; font-style: normal; font-family: Lato; padding: 15px 50px 15px 50px; text-decoration: none; text-align: left; background-color: rgba(0, 0, 0, 0); border-color: rgba(205, 176, 131, 0.25); border-style: solid; border-width: 1px; border-radius: 0px 0px 0px 0px; letter-spacing: 2px } .tp-caption.Creative-Button:hover, .Creative-Button:hover { color: rgba(205, 176, 131, 1.00); text-decoration: none; background-color: rgba(0, 0, 0, 0); border-color: rgba(205, 176, 131, 1.00); border-style: solid; border-width: 1px; border-radius: 0px 0px 0px 0px } .tp-caption.subcaption, .subcaption { color: rgba(111, 124, 130, 1.00); font-size: 19px; line-height: 24px; font-weight: 400; font-style: normal; font-family: roboto; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: rgba(0, 0, 0, 1.00); border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-shadow: none; text-align: left } .tp-caption.RedDot, .RedDot { color: rgba(0, 0, 0, 1.00); font-weight: 400; font-style: normal; padding: 0px 0px 0px 0px; text-decoration: none; text-align: left; background-color: rgba(213, 0, 0, 1.00); border-color: rgba(255, 255, 255, 1.00); border-style: solid; border-width: 5px; border-radius: 50px 50px 50px 50px } .tp-caption.RedDot:hover, .RedDot:hover { color: rgba(0, 0, 0, 1.00); text-decoration: none; background-color: rgba(255, 255, 255, 0.75); border-color: rgba(213, 0, 0, 1.00); border-style: solid; border-width: 5px; border-radius: 50px 50px 50px 50px } .tp-caption.SlidingOverlays-Title, .SlidingOverlays-Title { color: rgba(255, 255, 255, 1.00); font-size: 50px; line-height: 50px; font-weight: 400; font-style: normal; font-family: "Playfair Display"; padding: 0px 0px 0px 0px; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0px 0px 0px 0px } .tp-caption.SlidingOverlays-Title, .SlidingOverlays-Title { color: rgba(255, 255, 255, 1.00); font-size: 50px; line-height: 50px; font-weight: 400; font-style: normal; font-family: "Playfair Display"; padding: 0px 0px 0px 0px; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0px 0px 0px 0px } .tp-caption.Woo-TitleLarge, .Woo-TitleLarge { color: rgba(0, 0, 0, 1.00); font-size: 40px; line-height: 40px; font-weight: 400; font-style: normal; font-family: "Playfair Display"; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center; } .tp-caption.Woo-Rating, .Woo-Rating { color: rgba(0, 0, 0, 1.00); font-size: 14px; line-height: 30px; font-weight: 300; font-style: normal; font-family: Roboto; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left; } .tp-caption.Woo-SubTitle, .Woo-SubTitle { color: rgba(0, 0, 0, 1.00); font-size: 18px; line-height: 18px; font-weight: 300; font-style: normal; font-family: Roboto; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center; letter-spacing: 2px; } .tp-caption.Woo-PriceLarge, .Woo-PriceLarge { color: rgba(0, 0, 0, 1.00); font-size: 60px; line-height: 60px; font-weight: 700; font-style: normal; font-family: Roboto; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center; } .tp-caption.Woo-ProductInfo, .Woo-ProductInfo { color: rgba(0, 0, 0, 1.00); font-size: 15px; line-height: 15px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 12px 75px 12px 50px; text-decoration: none; background-color: rgba(254, 207, 114, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 1px; border-radius: 4px 4px 4px 4px; text-align: left; } .tp-caption.Woo-ProductInfo:hover, .Woo-ProductInfo:hover { color: rgba(0, 0, 0, 1.00); text-decoration: none; background-color: rgba(243, 168, 71, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 1px; border-radius: 4px 4px 4px 4px } .tp-caption.Woo-AddToCart, .Woo-AddToCart { color: rgba(0, 0, 0, 1.00); font-size: 15px; line-height: 15px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 12px 35px 12px 35px; text-decoration: none; background-color: rgba(254, 207, 114, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 1px; border-radius: 4px 4px 4px 4px; text-align: left; } .tp-caption.Woo-AddToCart:hover, .Woo-AddToCart:hover { color: rgba(0, 0, 0, 1.00); text-decoration: none; background-color: rgba(243, 168, 71, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 1px; border-radius: 4px 4px 4px 4px } .tp-caption.Woo-TitleLarge, .Woo-TitleLarge { color: rgba(0, 0, 0, 1.00); font-size: 40px; line-height: 40px; font-weight: 400; font-style: normal; font-family: "Playfair Display"; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center; } .tp-caption.Woo-SubTitle, .Woo-SubTitle { color: rgba(0, 0, 0, 1.00); font-size: 18px; line-height: 18px; font-weight: 300; font-style: normal; font-family: Roboto; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center; letter-spacing: 2px; } .tp-caption.Woo-PriceLarge, .Woo-PriceLarge { color: rgba(0, 0, 0, 1.00); font-size: 60px; line-height: 60px; font-weight: 700; font-style: normal; font-family: Roboto; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center; } .tp-caption.Woo-ProductInfo, .Woo-ProductInfo { color: rgba(0, 0, 0, 1.00); font-size: 15px; line-height: 15px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 12px 75px 12px 50px; text-decoration: none; background-color: rgba(254, 207, 114, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 1px; border-radius: 4px 4px 4px 4px; text-align: left; } .tp-caption.Woo-ProductInfo:hover, .Woo-ProductInfo:hover { color: rgba(0, 0, 0, 1.00); text-decoration: none; background-color: rgba(243, 168, 71, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 1px; border-radius: 4px 4px 4px 4px } .tp-caption.Woo-AddToCart, .Woo-AddToCart { color: rgba(0, 0, 0, 1.00); font-size: 15px; line-height: 15px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 12px 35px 12px 35px; text-decoration: none; background-color: rgba(254, 207, 114, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 1px; border-radius: 4px 4px 4px 4px; text-align: left; } .tp-caption.Woo-AddToCart:hover, .Woo-AddToCart:hover { color: rgba(0, 0, 0, 1.00); text-decoration: none; background-color: rgba(243, 168, 71, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 1px; border-radius: 4px 4px 4px 4px } .tp-caption.FullScreen-Toggle, .FullScreen-Toggle { color: rgba(255, 255, 255, 1.00); font-size: 20px; line-height: 20px; font-weight: 400; font-style: normal; font-family: Raleway; padding: 11px 8px 11px 12px; text-decoration: none; text-align: left; background-color: rgba(0, 0, 0, 0.50); border-color: rgba(255, 255, 255, 0); border-style: solid; border-width: 0px; border-radius: 0px 0px 0px 0px; letter-spacing: 3px; text-align: left } .tp-caption.FullScreen-Toggle:hover, .FullScreen-Toggle:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: rgba(0, 0, 0, 1.00); border-color: rgba(255, 255, 255, 0); border-style: solid; border-width: 0px; border-radius: 0px 0px 0px 0px } .tp-caption.Agency-Title, .Agency-Title { color: rgba(255, 255, 255, 1.00); font-size: 70px; line-height: 70px; font-weight: 900; font-style: normal; font-family: lato; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left; letter-spacing: 10px } .tp-caption.Agency-SubTitle, .Agency-SubTitle { color: rgba(255, 255, 255, 1.00); font-size: 20px; line-height: 20px; font-weight: 400; font-style: italic; font-family: Georgia, serif; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.Agency-PlayBtn, .Agency-PlayBtn { color: rgba(255, 255, 255, 1.00); font-size: 30px; line-height: 71px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 0px 0px 0px 0px; text-decoration: none; background-color: transparent; border-color: rgba(255, 255, 255, 1.00); border-style: solid; border-width: 2px; border-radius: 100px 100px 100px 100px; text-align: center } .tp-caption.Agency-PlayBtn:hover, .Agency-PlayBtn:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: transparent; border-color: rgba(255, 255, 255, 1.00); border-style: solid; border-width: 2px; border-radius: 100px 100px 100px 100px; cursor: pointer } .tp-caption.Agency-SmallText, .Agency-SmallText { color: rgba(255, 255, 255, 1.00); font-size: 12px; line-height: 12px; font-weight: 900; font-style: normal; font-family: lato; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left; letter-spacing: 5px } .tp-caption.Agency-Social, .Agency-Social { color: rgba(51, 51, 51, 1.00); font-size: 25px; line-height: 50px; font-weight: 400; font-style: normal; font-family: Georgia, serif; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: rgba(51, 51, 51, 1.00); border-style: solid; border-width: 2px; border-radius: 30px 30px 30px 30px; text-align: center } .tp-caption.Agency-Social:hover, .Agency-Social:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: rgba(51, 51, 51, 1.00); border-color: rgba(51, 51, 51, 1.00); border-style: solid; border-width: 2px; border-radius: 30px 30px 30px 30px; cursor: pointer } .tp-caption.Agency-CloseBtn, .Agency-CloseBtn { color: rgba(255, 255, 255, 1.00); font-size: 50px; line-height: 50px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 0px 0px 0px 0px; text-decoration: none; background-color: transparent; border-color: rgba(255, 255, 255, 0); border-style: none; border-width: 0px; border-radius: 100px 100px 100px 100px; text-align: center } .tp-caption.Agency-CloseBtn:hover, .Agency-CloseBtn:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: transparent; border-color: rgba(255, 255, 255, 0); border-style: none; border-width: 0px; border-radius: 100px 100px 100px 100px; cursor: pointer } .tp-caption.Dining-Title, .Dining-Title { color: rgba(255, 255, 255, 1.00); font-size: 70px; line-height: 70px; font-weight: 400; font-style: normal; font-family: Georgia, serif; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left; letter-spacing: 10px } .tp-caption.Dining-SubTitle, .Dining-SubTitle { color: rgba(255, 255, 255, 1.00); font-size: 20px; line-height: 20px; font-weight: 400; font-style: normal; font-family: Georgia, serif; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.Dining-BtnLight, .Dining-BtnLight { color: rgba(255, 255, 255, 0.50); font-size: 15px; line-height: 15px; font-weight: 700; font-style: normal; font-family: Lato; padding: 17px 73px 17px 50px; text-decoration: none; background-color: rgba(0, 0, 0, 0); border-color: rgba(255, 255, 255, 0.25); border-style: solid; border-width: 1px; border-radius: 0px 0px 0px 0px; text-align: left; letter-spacing: 2px } .tp-caption.Dining-BtnLight:hover, .Dining-BtnLight:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: rgba(0, 0, 0, 0); border-color: rgba(255, 255, 255, 1.00); border-style: solid; border-width: 1px; border-radius: 0px 0px 0px 0px } .tp-caption.Dining-Social, .Dining-Social { color: rgba(255, 255, 255, 1.00); font-size: 25px; line-height: 50px; font-weight: 400; font-style: normal; font-family: Georgia, serif; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: rgba(255, 255, 255, 0.25); border-style: solid; border-width: 1px; border-radius: 30px 30px 30px 30px; text-align: center } .tp-caption.Dining-Social:hover, .Dining-Social:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: transparent; border-color: rgba(255, 255, 255, 1.00); border-style: solid; border-width: 1px; border-radius: 30px 30px 30px 30px; cursor: pointer } tp-caption.Team-Thumb, .Team-Thumb { color: rgba(255, 255, 255, 1.00); font-size: 20px; line-height: 22px; font-weight: 400; font-style: normal; font-family: Arial; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.Team-Thumb:hover, .Team-Thumb:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; cursor: pointer } .tp-caption.Team-Name, .Team-Name { color: rgba(255, 255, 255, 1.00); font-size: 70px; line-height: 70px; font-weight: 900; font-style: normal; font-family: Roboto; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.Team-Position, .Team-Position { color: rgba(255, 255, 255, 1.00); font-size: 30px; line-height: 30px; font-weight: 400; font-style: normal; font-family: Georgia, serif; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.Team-Description, .Team-Description { color: rgba(255, 255, 255, 1.00); font-size: 18px; line-height: 28px; font-weight: 400; font-style: normal; font-family: Roboto; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.Team-Social, .Team-Social { color: rgba(255, 255, 255, 1.00); font-size: 50px; line-height: 50px; font-weight: 400; font-style: normal; font-family: Arial; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.Team-Social:hover, .Team-Social:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0px 0px 0px 0px; cursor: pointer } .tp-caption.VideoControls-Play, .VideoControls-Play { color: rgba(0, 0, 0, 1.00); font-size: 50px; line-height: 120px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 0px 0px 0px 7px; text-decoration: none; background-color: rgba(255, 255, 255, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 0px; border-radius: 100px 100px 100px 100px; text-align: center } .tp-caption.VideoControls-Play:hover, .VideoControls-Play:hover { color: rgba(0, 0, 0, 1.00); text-decoration: none; background-color: rgba(255, 255, 255, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 0px; border-radius: 100px 100px 100px 100px; cursor: pointer } .tp-caption.VideoPlayer-Title, .VideoPlayer-Title { color: rgba(255, 255, 255, 1.00); font-size: 40px; line-height: 40px; font-weight: 900; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left; letter-spacing: 10px } .tp-caption.VideoPlayer-SubTitle, .VideoPlayer-SubTitle { color: rgba(255, 255, 255, 1.00); font-size: 20px; line-height: 20px; font-weight: 400; font-style: italic; font-family: Georgia, serif; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.VideoPlayer-Social, .VideoPlayer-Social { color: rgba(255, 255, 255, 1.00); font-size: 50px; line-height: 50px; font-weight: 400; font-style: normal; font-family: Arial; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.VideoPlayer-Social:hover, .VideoPlayer-Social:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0px 0px 0px 0px; cursor: pointer } .tp-caption.VideoControls-Mute, .VideoControls-Mute { color: rgba(0, 0, 0, 1.00); font-size: 20px; line-height: 50px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 0px 0px 0px 0px; text-decoration: none; background-color: rgba(255, 255, 255, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 0px; border-radius: 100px 100px 100px 100px; text-align: center } .tp-caption.VideoControls-Mute:hover, .VideoControls-Mute:hover { color: rgba(0, 0, 0, 1.00); text-decoration: none; background-color: rgba(255, 255, 255, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 0px; border-radius: 100px 100px 100px 100px; cursor: pointer } .tp-caption.VideoControls-Pause, .VideoControls-Pause { color: rgba(0, 0, 0, 1.00); font-size: 20px; line-height: 50px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 0px 0px 0px 0px; text-decoration: none; background-color: rgba(255, 255, 255, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 0px; border-radius: 100px 100px 100px 100px; text-align: center } .tp-caption.VideoControls-Pause:hover, .VideoControls-Pause:hover { color: rgba(0, 0, 0, 1.00); text-decoration: none; background-color: rgba(255, 255, 255, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 0px; border-radius: 100px 100px 100px 100px; cursor: pointer } .soundcloudwrapper iframe { width: 100% !important } .tp-caption.SleekLanding-Title, .SleekLanding-Title { color: rgba(255, 255, 255, 1.00); font-size: 35px; line-height: 40px; font-weight: 400; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left; letter-spacing: 5px } .tp-caption.SleekLanding-ButtonBG, .SleekLanding-ButtonBG { color: rgba(0, 0, 0, 1.00); font-weight: 700; font-style: normal; padding: 0 0 0 0px; text-decoration: none; text-align: left; background-color: rgba(255, 255, 255, 0.10); border-color: rgba(0, 0, 0, 0); border-style: solid; border-width: 0px; border-radius: 5px 5px 5px 5px; text-align: left; box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.15) } .tp-caption.SleekLanding-SmallTitle, .SleekLanding-SmallTitle { color: rgba(255, 255, 255, 1.00); font-size: 13px; line-height: 50px; font-weight: 900; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left; letter-spacing: 2px } .tp-caption.SleekLanding-BottomText, .SleekLanding-BottomText { color: rgba(255, 255, 255, 1.00); font-size: 15px; line-height: 24px; font-weight: 400; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.SleekLanding-Social, .SleekLanding-Social { color: rgba(255, 255, 255, 1.00); font-size: 22px; line-height: 30px; font-weight: 400; font-style: normal; font-family: Arial; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.SleekLanding-Social:hover, .SleekLanding-Social:hover { color: rgba(0, 0, 0, 0.25); text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; cursor: pointer } #rev_slider_429_1_wrapper .tp-loader.spinner2 { background-color: #555555 !important; } .tp-fat { font-weight: 900 !important; } .tp-caption.PostSlider-Category, .PostSlider-Category { color: rgba(0, 0, 0, 1.00); font-size: 15px; line-height: 15px; font-weight: 300; font-style: normal; font-family: Roboto; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; letter-spacing: 3px; text-align: left } .tp-caption.PostSlider-Title, .PostSlider-Title { color: rgba(0, 0, 0, 1.00); font-size: 40px; line-height: 40px; font-weight: 400; font-style: normal; font-family: "Playfair Display"; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.PostSlider-Content, .PostSlider-Content { color: rgba(119, 119, 119, 1.00); font-size: 15px; line-height: 23px; font-weight: 400; font-style: normal; font-family: Roboto; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.PostSlider-Button, .PostSlider-Button { color: rgba(0, 0, 0, 1.00); font-size: 15px; line-height: 40px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 1px 56px 1px 32px; text-decoration: none; background-color: rgba(255, 255, 255, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 1px; border-radius: 0px 0px 0px 0px; text-align: left } .tp-caption.PostSlider-Button:hover, .PostSlider-Button:hover { color: rgba(0, 0, 0, 1.00); text-decoration: none; background-color: rgba(238, 238, 238, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 1px; border-radius: 0px 0px 0px 0px; cursor: pointer } /* media queries */ @media only screen and (max-width: 960px) {} @media only screen and (max-width: 768px) {} .tp-caption.LandingPage-Title, .LandingPage-Title { color:rgba(255, 255, 255, 1.00); font-size:70px; line-height:80px; font-weight:900; font-style:normal; font-family:Lato; padding:0 0 0 0px; text-decoration:none; background-color:transparent; border-color:transparent; border-style:none; border-width:0px; border-radius:0 0 0 0px; text-align:left; letter-spacing:10px } .tp-caption.LandingPage-SubTitle, .LandingPage-SubTitle { color: rgba(255, 255, 255, 1.00); font-size: 20px; line-height: 30px; font-weight: 400; font-style: italic; font-family: Georgia, serif; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.LandingPage-Button, .LandingPage-Button { color: rgba(0, 0, 0, 1.00); font-size: 15px; line-height: 54px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 0px 35px 0px 35px; text-decoration: none; background-color: rgba(255, 255, 255, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 0px; border-radius: 0px 0px 0px 0px; text-align: left; letter-spacing: 3px } .tp-caption.LandingPage-Button:hover, .LandingPage-Button:hover { color: rgba(0, 0, 0, 1.00); text-decoration: none; background-color: rgba(255, 255, 255, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 0px; border-radius: 0px 0px 0px 0px; cursor: pointer } .tp-caption.App-Content a, .tp-caption.App-Content a:visited { color: #89124e !important; border-bottom: 1px solid transparent !important; font-weight: bold !important; } .tp-caption.App-Content a:hover { border-bottom: 1px solid #89124e !important; } .tp-caption.RockBand-LogoText, .RockBand-LogoText { color: rgba(255, 255, 255, 1.00); font-size: 60px; line-height: 60px; font-weight: 700; font-style: normal; font-family: Oswald; padding: 0 0 0 0px; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.Twitter-Content a, .tp-caption.Twitter-Content a:visited { color: #fff !important; text-decoration: underline !important; } .tp-caption.Twitter-Content a:hover { color: #fff !important; text-decoration: none !important; } .soundcloudwrapper iframe { width: 100% !important } .tp-caption.Agency-LogoText, .Agency-LogoText { color: rgba(255, 255, 255, 1.00); font-size: 12px; line-height: 20px; font-weight: 400; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center; letter-spacing: 1px } .tp-caption.ComingSoon-Highlight, .ComingSoon-Highlight { color: rgba(255, 255, 255, 1.00); font-size: 20px; line-height: 37px; font-weight: 400; font-style: normal; font-family: Lato; padding: 0 20px 3px 20px; text-decoration: none; text-align: left; background-color: rgba(0, 154, 238, 1.00); border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.ComingSoon-Count, .ComingSoon-Count { color: rgba(255, 255, 255, 1.00); font-size: 50px; line-height: 50px; font-weight: 900; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.ComingSoon-CountUnit, .ComingSoon-CountUnit { color: rgba(255, 255, 255, 1.00); font-size: 20px; line-height: 20px; font-weight: 400; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.ComingSoon-NotifyMe, .ComingSoon-NotifyMe { color: rgba(164, 157, 143, 1.00); font-size: 27px; line-height: 35px; font-weight: 600; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } #mc_embed_signup input#mce-EMAIL { font-family: "Lato", sans-serif; font-size: 15px; color: #000; background-color: #fff; line-height: 46px; padding: 0 20px; cursor: text; border: 1px solid #fff; width: 400px; margin-bottom: 0px; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; -ms-transition: background-color 0.5s; transition: background-color 0.5s; border-radius: 0px; } #mc_embed_signup input#mce-EMAIL[type="email"]:focus { background-color: #fff; border: 1px solid #666; border-right: 0; } #mc_embed_signup input#mc-embedded-subscribe, #mc_embed_signup input#mc-embedded-subscribe:focus { font-family: "Lato", sans-serif; line-height: 46px; letter-spacing: 1px; text-transform: uppercase; font-size: 13px; font-weight: 900; padding: 0 20px; border: 1px solid #009aee; background: #009aee; color: #fff; border-radius: 0px; } #mc_embed_signup input#mc-embedded-subscribe:hover { background: #0083d4; } @media only screen and (max-width: 767px) { #mc_embed_signup input#mce-EMAIL { width: 200px; } } .tp-caption.Agency-SmallTitle, .Agency-SmallTitle { color: rgba(255, 255, 255, 1.00); font-size: 15px; line-height: 22px; font-weight: 400; font-style: normal; font-family: lato; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center; letter-spacing: 6px } .tp-caption.Agency-SmallContent, .Agency-SmallContent { color: rgba(255, 255, 255, 1.00); font-size: 15px; line-height: 24px; font-weight: 400; font-style: normal; font-family: lato; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.Agency-SmallLink, .Agency-SmallLink { color: rgba(248, 124, 9, 1.00); font-size: 12px; line-height: 22px; font-weight: 700; font-style: normal; font-family: lato; padding: 0 0 0px 0; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center; letter-spacing: 2px; border-bottom: 1px solid #f87c09 !important } .tp-caption.Agency-SmallLink:hover, .Agency-SmallLink:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; cursor: pointer } .tp-caption.Agency-NavButton, .Agency-NavButton { color: rgba(51, 51, 51, 1.00); font-size: 17px; line-height: 50px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 0px 0px 0px 0px; text-decoration: none; text-align: center; background-color: rgba(255, 255, 255, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 0px; border-radius: 0px 0px 0px 0px; text-align: center } .tp-caption.Agency-NavButton:hover, .Agency-NavButton:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: rgba(51, 51, 51, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 0px; border-radius: 0px 0px 0px 0px; cursor: pointer } .tp-caption.Agency-SmallLinkGreen, .Agency-SmallLinkGreen { color: rgba(109, 177, 155, 1.00); font-size: 12px; line-height: 22px; font-weight: 700; font-style: normal; font-family: lato; padding: 0 0 0px 0; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center; letter-spacing: 2px; border-bottom: 1px solid #6db19b !important } .tp-caption.Agency-SmallLinkGreen:hover, .Agency-SmallLinkGreen:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; cursor: pointer } .tp-caption.Agency-SmallLinkBlue, .Agency-SmallLinkBlue { color: rgba(153, 153, 153, 1.00); font-size: 12px; line-height: 22px; font-weight: 700; font-style: normal; font-family: lato; padding: 0 0 0px 0; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center; letter-spacing: 2px; border-bottom: 1px solid #999 !important } .tp-caption.Agency-SmallLinkBlue:hover, .Agency-SmallLinkBlue:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; cursor: pointer } .tp-caption.Agency-LogoText, .Agency-LogoText { color: rgba(255, 255, 255, 1.00); font-size: 12px; line-height: 20px; font-weight: 400; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center; letter-spacing: 1px } .tp-caption.Agency-ArrowTooltip, .Agency-ArrowTooltip { color: rgba(51, 51, 51, 1.00); font-size: 15px; line-height: 20px; font-weight: 400; font-style: normal; font-family: "Permanent Marker"; padding: 0 0 0 0px; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.Agency-SmallSocial, .Agency-SmallSocial { color: rgba(255, 255, 255, 1.00); font-size: 30px; line-height: 30px; font-weight: 400; font-style: normal; font-family: Arial; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.Agency-SmallSocial:hover, .Agency-SmallSocial:hover { color: rgba(51, 51, 51, 1.00); text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0px 0px 0px 0px; cursor: pointer } .tp-caption.Twitter-Content a, .tp-caption.Twitter-Content a:visited { color: #0084B4 !important } .tp-caption.Twitter-Content a:hover { color: #0084B4 !important; text-decoration: underline !important } .tp-caption.CreativeFrontPage-Btn, .CreativeFrontPage-Btn { color: rgba(255, 255, 255, 1.00); font-size: 14px; line-height: 60px; font-weight: 900; font-style: normal; font-family: Roboto; padding: 0px 50px 0px 50px; text-decoration: none; text-align: left; background-color: rgba(0, 104, 92, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 0px; border-radius: 4px 4px 4px 4px; letter-spacing: 2px } .tp-caption.CreativeFrontPage-Btn:hover, .CreativeFrontPage-Btn:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 0px; border-radius: 4px 4px 4px 4px; cursor: pointer } .tp-caption.CreativeFrontPage-Menu, .CreativeFrontPage-Menu { color: rgba(255, 255, 255, 1.00); font-size: 14px; line-height: 14px; font-weight: 500; font-style: normal; font-family: roboto; padding: 0 0 0 0px; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; letter-spacing: 2px } .tp-flip-index { z-index: 1000 !important; } .tp-caption.Twitter-Content a, .tp-caption.Twitter-Content a:visited { color: #0084B4 !important } .tp-caption.Twitter-Content a:hover { color: #0084B4 !important; text-decoration: underline !important } .tp-caption.FullScreenMenu-Category, .FullScreenMenu-Category { color: rgba(17, 17, 17, 1.00); font-size: 20px; line-height: 20px; font-weight: 700; font-style: normal; font-family: BenchNine; padding: 21px 30px 16px 30px; text-decoration: none; text-align: left; background-color: rgba(255, 255, 255, 0.90); border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; letter-spacing: 3px } .tp-caption.FullScreenMenu-Title, .FullScreenMenu-Title { color: rgba(255, 255, 255, 1.00); font-size: 65px; line-height: 70px; font-weight: 700; font-style: normal; font-family: BenchNine; padding: 21px 30px 16px 30px; text-decoration: none; text-align: left; background-color: rgba(17, 17, 17, 0.90); border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px } .tp-caption.Twitter-Content a, .tp-caption.Twitter-Content a:visited { color: #0084B4 !important } .tp-caption.Twitter-Content a:hover { color: #0084B4 !important; text-decoration: underline !important } .tp-caption.TechJournal-Button, .TechJournal-Button { color: rgba(255, 255, 255, 1.00); font-size: 13px; line-height: 40px; font-weight: 900; font-style: normal; font-family: Raleway; padding: 1px 30px 1px 30px; text-decoration: none; text-align: left; background-color: rgba(138, 0, 255, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 0px; border-radius: 0px 0px 0px 0px; letter-spacing: 3px } .tp-caption.TechJournal-Button:hover, .TechJournal-Button:hover { color: rgba(0, 0, 0, 1.00); text-decoration: none; background-color: rgba(255, 255, 255, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 0px; border-radius: 0px 0px 0px 0px; cursor: pointer } .tp-caption.TechJournal-Big, .TechJournal-Big { color: rgba(255, 255, 255, 1.00); font-size: 120px; line-height: 120px; font-weight: 900; font-style: normal; font-family: Raleway; padding: 0 0 0 0px; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; letter-spacing: 0px } .rev_slider { overflow: hidden; } .effect_layer { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .tp-caption.Twitter-Content a, .tp-caption.Twitter-Content a:visited { color: #0084B4 !important } .tp-caption.Twitter-Content a:hover { color: #0084B4 !important; text-decoration: underline !important } #menu_forcefullwidth { z-index: 5000; position: fixed !important; top: 0px; left: 0px; width: 100% } .tp-caption.FullSiteBlock-Title, .FullSiteBlock-Title { color: rgba(51, 51, 51, 1.00); font-size: 55px; line-height: 65px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.FullSiteBlock-SubTitle, .FullSiteBlock-SubTitle { color: rgba(51, 51, 51, 1.00); font-size: 25px; line-height: 34px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.FullSiteBlock-Link, .FullSiteBlock-Link { color: rgba(0, 150, 255, 1.00); font-size: 25px; line-height: 24px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.FullSiteBlock-Link:hover, .FullSiteBlock-Link:hover { color: rgba(51, 51, 51, 1.00); text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; cursor: pointer } .tp-caption.FullSiteBlock-DownButton, .FullSiteBlock-DownButton { color: rgba(51, 51, 51, 1.00); font-size: 25px; line-height: 32px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 1px 1px 1px 1px; text-decoration: none; text-align: center; background-color: transparent; border-color: rgba(51, 51, 51, 1.00); border-style: solid; border-width: 1px; border-radius: 30px 30px 30px 30px; text-align: center } .tp-caption.FullSiteBlock-DownButton:hover, .FullSiteBlock-DownButton:hover { color: rgba(0, 150, 255, 1.00); text-decoration: none; background-color: transparent; border-color: rgba(0, 150, 255, 1.00); border-style: solid; border-width: 1px; border-radius: 30px 30px 30px 30px; cursor: pointer } .tp-caption.FullSiteBlock-Title, .FullSiteBlock-Title { color: rgba(51, 51, 51, 1.00); font-size: 55px; line-height: 65px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.FullSiteBlock-SubTitle, .FullSiteBlock-SubTitle { color: rgba(51, 51, 51, 1.00); font-size: 25px; line-height: 34px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.FullSiteBlock-Link, .FullSiteBlock-Link { color: rgba(0, 150, 255, 1.00); font-size: 25px; line-height: 24px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.FullSiteBlock-Link:hover, .FullSiteBlock-Link:hover { color: rgba(51, 51, 51, 1.00); text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; cursor: pointer } .tp-caption.FullSiteBlock-DownButton, .FullSiteBlock-DownButton { color: rgba(51, 51, 51, 1.00); font-size: 25px; line-height: 32px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 1px 1px 1px 1px; text-decoration: none; text-align: center; background-color: transparent; border-color: rgba(51, 51, 51, 1.00); border-style: solid; border-width: 1px; border-radius: 30px 30px 30px 30px; text-align: center } .tp-caption.FullSiteBlock-DownButton:hover, .FullSiteBlock-DownButton:hover { color: rgba(0, 150, 255, 1.00); text-decoration: none; background-color: transparent; border-color: rgba(0, 150, 255, 1.00); border-style: solid; border-width: 1px; border-radius: 30px 30px 30px 30px; cursor: pointer } .tp-caption.FullSiteBlock-Title, .FullSiteBlock-Title { color: rgba(51, 51, 51, 1.00); font-size: 55px; line-height: 65px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.FullSiteBlock-SubTitle, .FullSiteBlock-SubTitle { color: rgba(51, 51, 51, 1.00); font-size: 25px; line-height: 34px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.FullSiteBlock-DownButton, .FullSiteBlock-DownButton { color: rgba(51, 51, 51, 1.00); font-size: 25px; line-height: 32px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 1px 1px 1px 1px; text-decoration: none; text-align: center; background-color: transparent; border-color: rgba(51, 51, 51, 1.00); border-style: solid; border-width: 1px; border-radius: 30px 30px 30px 30px; text-align: center } .tp-caption.FullSiteBlock-DownButton:hover, .FullSiteBlock-DownButton:hover { color: rgba(0, 150, 255, 1.00); text-decoration: none; background-color: transparent; border-color: rgba(0, 150, 255, 1.00); border-style: solid; border-width: 1px; border-radius: 30px 30px 30px 30px; cursor: pointer } .tp-caption.FullSiteBlock-Title, .FullSiteBlock-Title { color: rgba(51, 51, 51, 1.00); font-size: 55px; line-height: 65px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.FullSiteBlock-SubTitle, .FullSiteBlock-SubTitle { color: rgba(51, 51, 51, 1.00); font-size: 25px; line-height: 34px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.FullSiteBlock-Link, .FullSiteBlock-Link { color: rgba(0, 150, 255, 1.00); font-size: 25px; line-height: 24px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.FullSiteBlock-Link:hover, .FullSiteBlock-Link:hover { color: rgba(51, 51, 51, 1.00); text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; cursor: pointer } .tp-caption.FullSiteBlock-DownButton, .FullSiteBlock-DownButton { color: rgba(51, 51, 51, 1.00); font-size: 25px; line-height: 32px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 1px 1px 1px 1px; text-decoration: none; text-align: center; background-color: transparent; border-color: rgba(51, 51, 51, 1.00); border-style: solid; border-width: 1px; border-radius: 30px 30px 30px 30px; text-align: center } .tp-caption.FullSiteBlock-DownButton:hover, .FullSiteBlock-DownButton:hover { color: rgba(0, 150, 255, 1.00); text-decoration: none; background-color: transparent; border-color: rgba(0, 150, 255, 1.00); border-style: solid; border-width: 1px; border-radius: 30px 30px 30px 30px; cursor: pointer } .rev_slider { overflow: hidden; } .effect_layer { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .gyges .tp-thumb { opacity: 1 } .gyges .tp-thumb-img-wrap { padding: 3px; background-color: rgba(0, 0, 0, 0.25); display: inline-block; width: 100%; height: 100%; position: relative; margin: 0px; box-sizing: border-box; transition: all 0.3s; -webkit-transition: all 0.3s; } .gyges .tp-thumb-image { padding: 3px; display: block; box-sizing: border-box; position: relative; -webkit-box-shadow: inset 5px 5px 10px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 5px 5px 10px 0px rgba(0, 0, 0, 0.25); box-shadow: inset 5px 5px 10px 0px rgba(0, 0, 0, 0.25); } .gyges .tp-thumb:hover .tp-thumb-img-wrap, .gyges .tp-thumb.selected .tp-thumb-img-wrap { background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%); } .tp-caption.FullSiteBlock-Title, .FullSiteBlock-Title { color: rgba(51, 51, 51, 1.00); font-size: 55px; line-height: 65px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.FullSiteBlock-SubTitle, .FullSiteBlock-SubTitle { color: rgba(51, 51, 51, 1.00); font-size: 25px; line-height: 34px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.FullSiteBlock-Link, .FullSiteBlock-Link { color: rgba(0, 150, 255, 1.00); font-size: 25px; line-height: 24px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.FullSiteBlock-Link:hover, .FullSiteBlock-Link:hover { color: rgba(51, 51, 51, 1.00); text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; cursor: pointer } .tp-caption.FullSiteBlock-SubTitle, .FullSiteBlock-SubTitle { color: rgba(51, 51, 51, 1.00); font-size: 25px; line-height: 34px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.FullSiteBlock-SubTitle, .FullSiteBlock-SubTitle { color: rgba(51, 51, 51, 1.00); font-size: 25px; line-height: 34px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.FullSiteBlock-FooterLink, .FullSiteBlock-FooterLink { color: rgba(85, 85, 85, 1.00); font-size: 15px; line-height: 20px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.FullSiteBlock-FooterLink:hover, .FullSiteBlock-FooterLink:hover { color: rgba(0, 150, 255, 1.00); text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; cursor: pointer } .fb-share-button.fb_iframe_widget iframe { width: 115px!important; } #tp-socialwrapper { opacity: 0; } .tp-caption.Twitter-Content a, .tp-caption.Twitter-Content a:visited { color: #0084B4 !important } .tp-caption.Twitter-Content a:hover { color: #0084B4 !important; text-decoration: underline !important } #menu_forcefullwidth { z-index: 5000; position: fixed !important; top: 0px; left: 0px; width: 100% } #tp-menubg { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d9000000', endColorstr='#00000000', GradientType=0); /* IE6-9 */ } #mc_embed_signup input[type="email"] { font-family: "Lato", sans-serif; font-size: 16px; font-weight: 400; background-color: #fff; color: #888 !important; line-height: 46px; padding: 0 20px; cursor: text; border: 0; width: 400px; margin-bottom: 0px; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; -ms-transition: background-color 0.5s; transition: background-color 0.5s; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #mc_embed_signup input[type="email"]::-webkit-input-placeholder { color: #888 !important; } #mc_embed_signup input[type="email"]::-moz-placeholder { color: #888 !important; } #mc_embed_signup input[type="email"]:-ms-input-placeholder { color: #888 !important; } #mc_embed_signup input[type="email"]:focus { background-color: #f5f5f5; color: #454545; } #mc_embed_signup input#mc-embedded-subscribe, #mc_embed_signup input#mc-embedded-subscribe:focus { font-family: "Lato", sans-serif; line-height: 46px; font-size: 16px; font-weight: 700; padding: 0 30px; border: 0; background: #f04531; text-transform: none; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #mc_embed_signup input#mc-embedded-subscribe:hover { background: #e03727; } @media only screen and (max-width: 767px) { #mc_embed_signup input[type="email"] { width: 260px; } } @media only screen and (max-width: 480px) { #mc_embed_signup input[type="email"] { width: 160px; } } #rev_slider_167_6 .uranus.tparrows { width: 50px; height: 50px; background: rgba(255, 255, 255, 0); } #rev_slider_167_6 .uranus.tparrows:before { width: 50px; height: 50px; line-height: 50px; font-size: 40px; transition: all 0.3s; -webkit-transition: all 0.3s; } #rev_slider_167_6 .uranus.tparrows:hover:before { opacity: 0.75; } .tp-caption.FullSiteBlock-SubTitle, .FullSiteBlock-SubTitle { color: rgba(51, 51, 51, 1.00); font-size: 25px; line-height: 34px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.ParallaxWebsite-FooterItem, .ParallaxWebsite-FooterItem { color: rgba(255, 255, 255, 0.50); font-size: 16px; line-height: 24px; font-weight: 400; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px } .tp-caption.ParallaxWebsite-FooterItem:hover, .ParallaxWebsite-FooterItem:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; cursor: pointer } .fb-share-button.fb_iframe_widget iframe { width: 115px!important; } iframe.twitter-share-button { display: none; } .fb-share-button.fb_iframe_widget iframe { display: none; } .tp-caption.FullSiteBlock-Link, .FullSiteBlock-Link { color: rgba(0,150,255,1.00); font-size: 25px; line-height: 24px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center; } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - ARES SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ .ares.tparrows { cursor:pointer; background:#fff; min-width:60px; min-height:60px; position:absolute; display:block; z-index:100; border-radius:50%; } .ares.tparrows:hover { } .ares.tparrows:before { font-family: "revicons"; font-size:25px; color:#aaa; display:block; line-height: 60px; text-align: center; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; z-index:2; position:relative; } .ares.tparrows.tp-leftarrow:before { content: "\e81f"; } .ares.tparrows.tp-rightarrow:before { content: "\e81e"; } .ares.tparrows:hover:before { color:#000; } .ares .tp-title-wrap { position:absolute; z-index:1; display:inline-block; background:#fff; min-height:60px; line-height:60px; top:0px; margin-left:30px; border-radius:0px 30px 30px 0px; overflow:hidden; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; transform:scaleX(0); -webkit-transform:scaleX(0); transform-origin:0% 50%; -webkit-transform-origin:0% 50%; } .ares.tp-rightarrow .tp-title-wrap { right:0px; margin-right:30px;margin-left:0px; -webkit-transform-origin:100% 50%; border-radius:30px 0px 0px 30px; } .ares.tparrows:hover .tp-title-wrap { transform:scaleX(1) scaleY(1); -webkit-transform:scaleX(1) scaleY(1); } .ares .tp-arr-titleholder { position:relative; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; transform:translateX(200px); text-transform:uppercase; color:#000; font-weight:400; font-size:14px; line-height:60px; white-space:nowrap; padding:0px 20px; margin-left:10px; opacity:0; } .ares.tp-rightarrow .tp-arr-titleholder { transform:translateX(-200px); margin-left:0px; margin-right:10px; } .ares.tparrows:hover .tp-arr-titleholder { transform:translateX(0px); -webkit-transform:translateX(0px); transition-delay: 0.1s; opacity:1; } /* BULLETS */ .ares.tp-bullets { } .ares.tp-bullets:before { content:" "; position:absolute; width:100%; height:100%; background:transparent; padding:10px; margin-left:-10px;margin-top:-10px; box-sizing:content-box; } .ares .tp-bullet { width:13px; height:13px; position:absolute; background:#e5e5e5; border-radius:50%; cursor: pointer; box-sizing:content-box; } .ares .tp-bullet:hover, .ares .tp-bullet.selected { background:#fff; } .ares .tp-bullet-title { position:absolute; color:#888; font-size:12px; padding:0px 10px; font-weight:600; right:27px; top:-4px; background:#fff; background:rgba(255,255,255,0.75); visibility:hidden; transform:translateX(-20px); -webkit-transform:translateX(-20px); transition:transform 0.3s; -webkit-transition:transform 0.3s; line-height:20px; white-space:nowrap; } .ares .tp-bullet-title:after { width: 0px; height: 0px; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent rgba(255,255,255,0.75); content:" "; position:absolute; right:-10px; top:0px; } .ares .tp-bullet:hover .tp-bullet-title{ visibility:visible; transform:translateX(0px); -webkit-transform:translateX(0px); } .ares .tp-bullet.selected:hover .tp-bullet-title { background:#fff; } .ares .tp-bullet.selected:hover .tp-bullet-title:after { border-color:transparent transparent transparent #fff; } .ares.tp-bullets:hover .tp-bullet-title { visibility:hidden; } .ares.tp-bullets:hover .tp-bullet:hover .tp-bullet-title { visibility:visible; } /* TABS */ .ares .tp-tab { opacity:1; padding:10px; box-sizing:border-box; font-family: "Roboto", sans-serif; border-bottom: 1px solid #e5e5e5; } .ares .tp-tab-image { width:60px; height:60px; max-height:100%; max-width:100%; position:relative; display:inline-block; float:left; } .ares .tp-tab-content { background:rgba(0,0,0,0); position:relative; padding:15px 15px 15px 85px; left:0px; overflow:hidden; margin-top:-15px; box-sizing:border-box; color:#333; display: inline-block; width:100%; height:100%; position:absolute; } .ares .tp-tab-date { display:block; color: #aaa; font-weight:500; font-size:12px; margin-bottom:0px; } .ares .tp-tab-title { display:block; text-align:left; color:#333; font-size:14px; font-weight:500; text-transform:none; line-height:17px; } .ares .tp-tab:hover, .ares .tp-tab.selected { background:#eee; } .ares .tp-tab-mask { } /* MEDIA QUERIES */ @media only screen and (max-width: 960px) { } @media only screen and (max-width: 768px) { } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - CUSTOM SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ .custom.tparrows { cursor:pointer; background:#000; background:rgba(0,0,0,0.5); width:40px; height:40px; position:absolute; display:block; z-index:10000; } .custom.tparrows:hover { background:#000; } .custom.tparrows:before { font-family: "revicons"; font-size:15px; color:#fff; display:block; line-height: 40px; text-align: center; } .custom.tparrows.tp-leftarrow:before { content: "\e824"; } .custom.tparrows.tp-rightarrow:before { content: "\e825"; } /* BULLETS */ .custom.tp-bullets { } .custom.tp-bullets:before { content:" "; position:absolute; width:100%; height:100%; background:transparent; padding:10px; margin-left:-10px;margin-top:-10px; box-sizing:content-box; } .custom .tp-bullet { width:12px; height:12px; position:absolute; background:#aaa; background:rgba(125,125,125,0.5); cursor: pointer; box-sizing:content-box; } .custom .tp-bullet:hover, .custom .tp-bullet.selected { background:rgb(125,125,125); } .custom .tp-bullet-image { } .custom .tp-bullet-title { } /* THUMBS */ /* TABS */ /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - DIONE SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ .dione.tparrows { height:100%; width:100px; background:transparent; background:rgba(0,0,0,0); line-height:100%; transition:all 0.3s; -webkit-transition:all 0.3s; } .dione.tparrows:hover { background:rgba(0,0,0,0.45); } .dione .tp-arr-imgwrapper { width:100px; left:0px; position:absolute; height:100%; top:0px; overflow:hidden; } .dione.tp-rightarrow .tp-arr-imgwrapper { left:auto; right:0px; } .dione .tp-arr-imgholder { background-position:center center; background-size:cover; width:100px; height:100%; top:0px; visibility:hidden; transform:translateX(-50px); -webkit-transform:translateX(-50px); transition:all 0.3s; -webkit-transition:all 0.3s; opacity:0; left:0px; } .dione.tparrows.tp-rightarrow .tp-arr-imgholder { right:0px; left:auto; transform:translateX(50px); -webkit-transform:translateX(50px); } .dione.tparrows:before { position:absolute; line-height:30px; margin-left:-22px; top:50%; left:50%; font-size:30px; margin-top:-15px; transition:all 0.3s; -webkit-transition:all 0.3s; } .dione.tparrows.tp-rightarrow:before { margin-left:6px; } .dione.tparrows:hover:before { transform:translateX(-20px); -webkit-transform:translateX(-20px); opacity:0; } .dione.tparrows.tp-rightarrow:hover:before { transform:translateX(20px); -webkit-transform:translateX(20px); } .dione.tparrows:hover .tp-arr-imgholder { transform:translateX(0px); -webkit-transform:translateX(0px); opacity:1; visibility:visible; } /* BULLETS */ .dione .tp-bullet { opacity:1; width:50px; height:50px; padding:3px; background:#000; background-color:rgba(0,0,0,0.25); margin:0px; box-sizing:border-box; transition:all 0.3s; -webkit-transition:all 0.3s; } .dione .tp-bullet-image { display:block; box-sizing:border-box; position:relative; -webkit-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25); box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25); width:44px; height:44px; background-size:cover; background-position:center center; } .dione .tp-bullet-title { position:absolute; bottom:65px; display:inline-block; left:50%; background:#000; background:rgba(0,0,0,0.75); color:#fff; padding:10px 30px; border-radius:4px; -webkit-border-radius:4px; opacity:0; transition:all 0.3s; -webkit-transition:all 0.3s; transform: translateZ(0.001px) translateX(-50%) translateY(14px); transform-origin:50% 100%; -webkit-transform: translateZ(0.001px) translateX(-50%) translateY(14px); -webkit-transform-origin:50% 100%; opacity:0; white-space:nowrap; } .dione .tp-bullet:hover .tp-bullet-title { transform:rotateX(0deg) translateX(-50%); -webkit-transform:rotateX(0deg) translateX(-50%); opacity:1; } .dione .tp-bullet.selected, .dione .tp-bullet:hover { background: rgba(255,255,255,1); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(119,119,119,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#777777", GradientType=0 ); } .dione .tp-bullet-title:after { content:" "; position:absolute; left:50%; margin-left:-8px; width: 0; height: 0; border-style: solid; border-width: 8px 8px 0 8px; border-color: rgba(0,0,0,0.75) transparent transparent transparent; bottom:-8px; } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - ERINYEN SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ .erinyen.tparrows { cursor:pointer; background:#000; background:rgba(0,0,0,0.5); min-width:70px; min-height:70px; position:absolute; display:block; z-index:1000; border-radius:35px; } .erinyen.tparrows:before { font-family: "revicons"; font-size:20px; color:#fff; display:block; line-height: 70px; text-align: center; z-index:2; position:relative; } .erinyen.tparrows.tp-leftarrow:before { content: "\e824"; } .erinyen.tparrows.tp-rightarrow:before { content: "\e825"; } .erinyen .tp-title-wrap { position:absolute; z-index:1; display:inline-block; background:#000; background:rgba(0,0,0,0.5); min-height:70px; line-height:70px; top:0px; margin-left:0px; border-radius:35px; overflow:hidden; transition: opacity 0.3s; -webkit-transition:opacity 0.3s; -moz-transition:opacity 0.3s; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); visibility:hidden; opacity:0; } .erinyen.tparrows:hover .tp-title-wrap{ -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); opacity:1; visibility:visible; } .erinyen.tp-rightarrow .tp-title-wrap { right:0px; margin-right:0px;margin-left:0px; -webkit-transform-origin:100% 50%; border-radius:35px; padding-right:20px; padding-left:10px; } .erinyen.tp-leftarrow .tp-title-wrap { padding-left:20px; padding-right:10px; } .erinyen .tp-arr-titleholder { letter-spacing: 3px; position:relative; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; transform:translateX(200px); text-transform:uppercase; color:#fff; font-weight:600; font-size:13px; line-height:70px; white-space:nowrap; padding:0px 20px; margin-left:11px; opacity:0; } .erinyen .tp-arr-imgholder { width:100%; height:100%; position:absolute; top:0px; left:0px; background-position:center center; background-size:cover; } .erinyen .tp-arr-img-over { width:100%; height:100%; position:absolute; top:0px; left:0px; background:#000; background:rgba(0,0,0,0.5); } .erinyen.tp-rightarrow .tp-arr-titleholder { transform:translateX(-200px); margin-left:0px; margin-right:11px; } .erinyen.tparrows:hover .tp-arr-titleholder { transform:translateX(0px); -webkit-transform:translateX(0px); transition-delay: 0.1s; opacity:1; } /* BULLETS */ .erinyen.tp-bullets { } .erinyen.tp-bullets:before { content:" "; position:absolute; width:100%; height:100%; background: #555555; /* old browsers */ background: -moz-linear-gradient(top, #555555 0%, #222222 100%); /* ff3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(100%,#222222)); /* chrome,safari4+ */ background: -webkit-linear-gradient(top, #555555 0%,#222222 100%); /* chrome10+,safari5.1+ */ background: -o-linear-gradient(top, #555555 0%,#222222 100%); /* opera 11.10+ */ background: -ms-linear-gradient(top, #555555 0%,#222222 100%); /* ie10+ */ background: linear-gradient(to bottom, #555555 0%,#222222 100%); /* w3c */ filter: progid:dximagetransform.microsoft.gradient( startcolorstr="#555555", endcolorstr="#222222",gradienttype=0 ); /* ie6-9 */ padding:10px 15px; margin-left:-15px;margin-top:-10px; box-sizing:content-box; border-radius:10px; box-shadow:0px 0px 2px 1px rgba(33,33,33,0.3); } .erinyen .tp-bullet { width:13px; height:13px; position:absolute; background:#111; border-radius:50%; cursor: pointer; box-sizing:content-box; } .erinyen .tp-bullet:hover, .erinyen .tp-bullet.selected { background: #e5e5e5; /* old browsers */ background: -moz-linear-gradient(top, #e5e5e5 0%, #999999 100%); /* ff3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#999999)); /* chrome,safari4+ */ background: -webkit-linear-gradient(top, #e5e5e5 0%,#999999 100%); /* chrome10+,safari5.1+ */ background: -o-linear-gradient(top, #e5e5e5 0%,#999999 100%); /* opera 11.10+ */ background: -ms-linear-gradient(top, #e5e5e5 0%,#999999 100%); /* ie10+ */ background: linear-gradient(to bottom, #e5e5e5 0%,#999999 100%); /* w3c */ filter: progid:dximagetransform.microsoft.gradient( startcolorstr="#e5e5e5", endcolorstr="#999999",gradienttype=0 ); /* ie6-9 */ border:1px solid #555; width:12px;height:12px; } .erinyen .tp-bullet-image { } .erinyen .tp-bullet-title { } /* THUMBS */ .erinyen .tp-thumb { opacity:1 } .erinyen .tp-thumb-over { background:#000; background:rgba(0,0,0,0.25); width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:1; -webkit-transition:all 0.3s; transition:all 0.3s; } .erinyen .tp-thumb-more:before { font-family: "revicons"; font-size:12px; color:#aaa; color:rgba(255,255,255,0.75); display:block; line-height: 12px; text-align: left; z-index:2; position:absolute; top:20px; right:20px; z-index:2; } .erinyen .tp-thumb-more:before { content: "\e825"; } .erinyen .tp-thumb-title { font-family:"Raleway"; letter-spacing:1px; font-size:12px; color:#fff; display:block; line-height: 15px; text-align: left; z-index:2; position:absolute; top:0px; left:0px; z-index:2; padding:20px 35px 20px 20px; width:100%; height:100%; box-sizing:border-box; transition:all 0.3s; -webkit-transition:all 0.3s; font-weight:500; } .erinyen .tp-thumb.selected .tp-thumb-more:before, .erinyen .tp-thumb:hover .tp-thumb-more:before { color:#aaa; } .erinyen .tp-thumb.selected .tp-thumb-over, .erinyen .tp-thumb:hover .tp-thumb-over { background:#fff; } .erinyen .tp-thumb.selected .tp-thumb-title, .erinyen .tp-thumb:hover .tp-thumb-title { color:#000; } /* TABS */ .erinyen .tp-tab-title { color:#a8d8ee; font-size:13px; font-weight:700; text-transform:uppercase; font-family:"Roboto Slab" margin-bottom:5px; } .erinyen .tp-tab-desc { font-size:18px; font-weight:400; color:#fff; line-height:25px; font-family:"Roboto Slab"; } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - GYGES SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ /* BULLETS */ .gyges.tp-bullets { } .gyges.tp-bullets:before { content:" "; position:absolute; width:100%; height:100%; background: #777777; /* Old browsers */ background: -moz-linear-gradient(top, #777777 0%, #666666 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#777777), color-stop(100%,#666666)); background: -webkit-linear-gradient(top, #777777 0%,#666666 100%); background: -o-linear-gradient(top, #777777 0%,#666666 100%); background: -ms-linear-gradient(top, #777777 0%,#666666 100%); background: linear-gradient(to bottom, #777777 0%,#666666 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#777777", endColorstr="#666666",GradientType=0 ); padding:10px; margin-left:-10px;margin-top:-10px; box-sizing:content-box; border-radius:10px; } .gyges .tp-bullet { width:12px; height:12px; position:absolute; background:#333; border:3px solid #444; border-radius:50%; cursor: pointer; box-sizing:content-box; } .gyges .tp-bullet:hover, .gyges .tp-bullet.selected { background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e1e1e1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e1e1e1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#e1e1e1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#e1e1e1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#e1e1e1 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#e1e1e1 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#e1e1e1",GradientType=0 ); /* IE6-9 */ } .gyges .tp-bullet-image { } .gyges .tp-bullet-title { } /* THUMBS */ .gyges .tp-thumb { opacity:1 } .gyges .tp-thumb-img-wrap { padding:3px; background:#000; background-color:rgba(0,0,0,0.25); display:inline-block; width:100%; height:100%; position:relative; margin:0px; box-sizing:border-box; transition:all 0.3s; -webkit-transition:all 0.3s; } .gyges .tp-thumb-image { padding:3px; display:block; box-sizing:border-box; position:relative; -webkit-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25); box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25); } .gyges .tp-thumb-title { position:absolute; bottom:100%; display:inline-block; left:50%; background:rgba(255,255,255,0.8); padding:10px 30px; border-radius:4px; -webkit-border-radius:4px; margin-bottom:20px; opacity:0; transition:all 0.3s; -webkit-transition:all 0.3s; transform: translateZ(0.001px) translateX(-50%) translateY(14px); transform-origin:50% 100%; -webkit-transform: translateZ(0.001px) translateX(-50%) translateY(14px); -webkit-transform-origin:50% 100%; white-space:nowrap; } .gyges .tp-thumb:hover .tp-thumb-title { transform:rotateX(0deg) translateX(-50%); -webkit-transform:rotateX(0deg) translateX(-50%); opacity:1; } .gyges .tp-thumb:hover .tp-thumb-img-wrap, .gyges .tp-thumb.selected .tp-thumb-img-wrap { background: rgba(255,255,255,1); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(119,119,119,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#777777", GradientType=0 ); } .gyges .tp-thumb-title:after { content:" "; position:absolute; left:50%; margin-left:-8px; width: 0; height: 0; border-style: solid; border-width: 8px 8px 0 8px; border-color: rgba(255,255,255,0.8) transparent transparent transparent; bottom:-8px; } /* TABS */ .gyges .tp-tab { opacity:1; padding:10px; box-sizing:border-box; font-family: "Roboto", sans-serif; border-bottom: 1px solid rgba(255,255,255,0.15); } .gyges .tp-tab-image { width:60px; height:60px; max-height:100%; max-width:100%; position:relative; display:inline-block; float:left; } .gyges .tp-tab-content { background:rgba(0,0,0,0); position:relative; padding:15px 15px 15px 85px; left:0px; overflow:hidden; margin-top:-15px; box-sizing:border-box; color:#333; display: inline-block; width:100%; height:100%; position:absolute; } .gyges .tp-tab-date { display:block; color: rgba(255,255,255,0.25); font-weight:500; font-size:12px; margin-bottom:0px; } .gyges .tp-tab-title { display:block; text-align:left; color:#fff; font-size:14px; font-weight:500; text-transform:none; line-height:17px; } .gyges .tp-tab:hover, .gyges .tp-tab.selected { background:rgba(0,0,0,0.5); } .gyges .tp-tab-mask { } /* MEDIA QUERIES */ @media only screen and (max-width: 960px) { } @media only screen and (max-width: 768px) { } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - HADES SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ .hades.tparrows { cursor:pointer; background:#000; background:rgba(0,0,0,0.15); width:100px; height:100px; position:absolute; display:block; z-index:1000; } .hades.tparrows:before { font-family: "revicons"; font-size:30px; color:#fff; display:block; line-height: 100px; text-align: center; transition: background 0.3s, color 0.3s; } .hades.tparrows.tp-leftarrow:before { content: "\e824"; } .hades.tparrows.tp-rightarrow:before { content: "\e825"; } .hades.tparrows:hover:before { color:#aaa; background:#fff; background:rgba(255,255,255,1); } .hades .tp-arr-allwrapper { position:absolute; left:100%; top:0px; background:#888; width:100px;height:100px; -webkit-transition: all 0.3s; transition: all 0.3s; -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0; -webkit-transform: rotatey(-90deg); transform: rotatey(-90deg); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .hades.tp-rightarrow .tp-arr-allwrapper { left:auto; right:100%; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotatey(90deg); transform: rotatey(90deg); } .hades:hover .tp-arr-allwrapper { -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: rotatey(0deg); transform: rotatey(0deg); } .hades .tp-arr-iwrapper { } .hades .tp-arr-imgholder { background-size:cover; position:absolute; top:0px;left:0px; width:100%;height:100%; } .hades .tp-arr-titleholder { } .hades .tp-arr-subtitleholder { } /* BULLETS */ .hades.tp-bullets { } .hades.tp-bullets:before { content:" "; position:absolute; width:100%; height:100%; background:transparent; padding:10px; margin-left:-10px;margin-top:-10px; box-sizing:content-box; } .hades .tp-bullet { width:3px; height:3px; position:absolute; background:#888; cursor: pointer; border:5px solid #fff; box-sizing:content-box; box-shadow:0px 0px 3px 1px rgba(0,0,0,0.2); -webkit-perspective:400; perspective:400; -webkit-transform:translatez(0.01px); transform:translatez(0.01px); } .hades .tp-bullet:hover, .hades .tp-bullet.selected { background:#555; } .hades .tp-bullet-image { position:absolute;top:-80px; left:-60px;width:120px;height:60px; background-position:center center; background-size:cover; visibility:hidden; opacity:0; transition:all 0.3s; -webkit-transform-style:flat; transform-style:flat; perspective:600; -webkit-perspective:600; transform: rotatex(-90deg); -webkit-transform: rotatex(-90deg); box-shadow:0px 0px 3px 1px rgba(0,0,0,0.2); transform-origin:50% 100%; -webkit-transform-origin:50% 100%; } .hades .tp-bullet:hover .tp-bullet-image { display:block; opacity:1; transform: rotatex(0deg); -webkit-transform: rotatex(0deg); visibility:visible; } .hades .tp-bullet-title { } /* THUMBS */ .hades .tp-thumb { opacity:1 } .hades .tp-thumb-img-wrap { border-radius:50%; padding:3px; display:inline-block; background:#000; background-color:rgba(0,0,0,0.25); width:100%; height:100%; position:relative; margin:0px; box-sizing:border-box; transition:all 0.3s; -webkit-transition:all 0.3s; } .hades .tp-thumb-image { padding:3px; border-radius:50%; display:block; box-sizing:border-box; position:relative; -webkit-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25); box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25); } .hades .tp-thumb:hover .tp-thumb-img-wrap, .hades .tp-thumb.selected .tp-thumb-img-wrap { background: rgba(255,255,255,1); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(119,119,119,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#777777", GradientType=0 ); } .hades .tp-thumb-title:after { content:" "; position:absolute; left:50%; margin-left:-8px; width: 0; height: 0; border-style: solid; border-width: 8px 8px 0 8px; border-color: rgba(0,0,0,0.75) transparent transparent transparent; bottom:-8px; } /* TABS */ .hades .tp-tab { opacity:1; } .hades .tp-tab-title { display:block; color:#333; font-weight:600; font-size:18px; text-align:center; line-height:25px; } .hades .tp-tab-price { display:block; text-align:center; color:#999; font-size:16px; margin-top:10px; line-height:20px } .hades .tp-tab-button { display:inline-block; margin-top:15px; text-align:center; padding:5px 15px; color:#fff; font-size:14px; background:#219bd7; border-radius:4px; font-weight:400; } .hades .tp-tab-inner { text-align:center; } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - HEBE SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ .hebe.tparrows { cursor:pointer; background:#fff; min-width:70px; min-height:70px; position:absolute; display:block; z-index:1000; } .hebe.tparrows:hover { } .hebe.tparrows:before { font-family: "revicons"; font-size:30px; color:#aaa; display:block; line-height: 70px; text-align: center; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; z-index:2; position:relative; background:#fff; min-width:70px; min-height:70px; } .hebe.tparrows.tp-leftarrow:before { content: "\e824"; } .hebe.tparrows.tp-rightarrow:before { content: "\e825"; } .hebe.tparrows:hover:before { color:#000; } .hebe .tp-title-wrap { position:absolute; z-index:0; display:inline-block; background:#000; background:rgba(0,0,0,0.75); min-height:60px; line-height:60px; top:-10px; margin-left:0px; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; transform:scaleX(0); -webkit-transform:scaleX(0); transform-origin:0% 50%; -webkit-transform-origin:0% 50%; } .hebe.tp-rightarrow .tp-title-wrap { right:0px; -webkit-transform-origin:100% 50%; } .hebe.tparrows:hover .tp-title-wrap { transform:scaleX(1); -webkit-transform:scaleX(1); } .hebe .tp-arr-titleholder { position:relative; text-transform:uppercase; color:#fff; font-weight:600; font-size:12px; line-height:90px; white-space:nowrap; padding:0px 20px 0px 90px; } .hebe.tp-rightarrow .tp-arr-titleholder { margin-left:0px; padding:0px 90px 0px 20px; } .hebe.tparrows:hover .tp-arr-titleholder { transform:translateX(0px); -webkit-transform:translateX(0px); transition-delay: 0.1s; opacity:1; } .hebe .tp-arr-imgholder{ width:90px; height:90px; position:absolute; left:100%; display:block; background-size:cover; background-position:center center; top:0px; right:-90px; } .hebe.tp-rightarrow .tp-arr-imgholder{ right:auto;left:-90px; } /* BULLETS */ .hebe.tp-bullets { } .hebe.tp-bullets:before { content:" "; position:absolute; width:100%; height:100%; background:transparent; padding:10px; margin-left:-10px;margin-top:-10px; box-sizing:content-box; } .hebe .tp-bullet { width:3px; height:3px; position:absolute; background:#fff; cursor: pointer; border:5px solid #222; border-radius:50%; box-sizing:content-box; -webkit-perspective:400; perspective:400; -webkit-transform:translateZ(0.01px); transform:translateZ(0.01px); transition:all 0.3s; } .hebe .tp-bullet:hover, .hebe .tp-bullet.selected { background:#222; border-color:#fff; } .hebe .tp-bullet-image { position:absolute; top:-90px; left:-40px; width:70px; height:70px; background-position:center center; background-size:cover; visibility:hidden; opacity:0; transition:all 0.3s; -webkit-transform-style:flat; transform-style:flat; perspective:600; -webkit-perspective:600; transform: scale(0); -webkit-transform: scale(0); transform-origin:50% 100%; -webkit-transform-origin:50% 100%; border-radius:6px; } .hebe .tp-bullet:hover .tp-bullet-image { display:block; opacity:1; transform: scale(1); -webkit-transform: scale(1); visibility:visible; } .hebe .tp-bullet-title { } /* TABS */ .hebe .tp-tab-title { color:#a8d8ee; font-size:13px; font-weight:700; text-transform:uppercase; font-family:"Roboto Slab" margin-bottom:5px; } .hebe .tp-tab-desc { font-size:18px; font-weight:400; color:#fff; line-height:25px; font-family:"Roboto Slab"; } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - HEPHAISTOS SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ .hephaistos.tparrows { cursor:pointer; background:#000; background:rgba(0,0,0,0.5); width:40px; height:40px; position:absolute; display:block; z-index:1000; border-radius:50%; } .hephaistos.tparrows:hover { background:#000; } .hephaistos.tparrows:before { font-family: "revicons"; font-size:18px; color:#fff; display:block; line-height: 40px; text-align: center; } .hephaistos.tparrows.tp-leftarrow:before { content: "\e82c"; margin-left:-2px; } .hephaistos.tparrows.tp-rightarrow:before { content: "\e82d"; margin-right:-2px; } /* BULLETS */ .hephaistos.tp-bullets { } .hephaistos.tp-bullets:before { content:" "; position:absolute; width:100%; height:100%; background:transparent; padding:10px; margin-left:-10px;margin-top:-10px; box-sizing:content-box; } .hephaistos .tp-bullet { width:12px; height:12px; position:absolute; background:#999; border:3px solid #f5f5f5; border-radius:50%; cursor: pointer; box-sizing:content-box; box-shadow: 0px 0px 2px 1px rgba(130,130,130, 0.3); } .hephaistos .tp-bullet:hover, .hephaistos .tp-bullet.selected { background:#fff; border-color:#000; } .hephaistos .tp-bullet-image { } .hephaistos .tp-bullet-title { } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - HERMES SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ .hermes.tparrows { cursor:pointer; background:#000; background:rgba(0,0,0,0.5); width:30px; height:110px; position:absolute; display:block; z-index:1000; } .hermes.tparrows:before { font-family: "revicons"; font-size:15px; color:#fff; display:block; line-height: 110px; text-align: center; transform:translateX(0px); -webkit-transform:translateX(0px); transition:all 0.3s; -webkit-transition:all 0.3s; } .hermes.tparrows.tp-leftarrow:before { content: "\e824"; } .hermes.tparrows.tp-rightarrow:before { content: "\e825"; } .hermes.tparrows.tp-leftarrow:hover:before { transform:translateX(-20px); -webkit-transform:translateX(-20px); opacity:0; } .hermes.tparrows.tp-rightarrow:hover:before { transform:translateX(20px); -webkit-transform:translateX(20px); opacity:0; } .hermes .tp-arr-allwrapper { overflow:hidden; position:absolute; width:180px; height:140px; top:0px; left:0px; visibility:hidden; -webkit-transition: -webkit-transform 0.3s 0.3s; transition: transform 0.3s 0.3s; -webkit-perspective: 1000px; perspective: 1000px; } .hermes.tp-rightarrow .tp-arr-allwrapper { right:0px;left:auto; } .hermes.tparrows:hover .tp-arr-allwrapper { visibility:visible; } .hermes .tp-arr-imgholder { width:180px;position:absolute; left:0px;top:0px;height:110px; transform:translateX(-180px); -webkit-transform:translateX(-180px); transition:all 0.3s; transition-delay:0.3s; } .hermes.tp-rightarrow .tp-arr-imgholder{ transform:translateX(180px); -webkit-transform:translateX(180px); } .hermes.tparrows:hover .tp-arr-imgholder { transform:translateX(0px); -webkit-transform:translateX(0px); } .hermes .tp-arr-titleholder { top:110px; width:180px; text-align:left; display:block; padding:0px 10px; line-height:30px; background:#000; background:rgba(0,0,0,0.75);color:#fff; font-weight:600; position:absolute; font-size:12px; white-space:nowrap; letter-spacing:1px; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; box-sizing:border-box; } .hermes.tparrows:hover .tp-arr-titleholder { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } /* BULLETS */ .hermes.tp-bullets { } .hermes .tp-bullet { overflow:hidden; border-radius:50%; width:16px; height:16px; background-color: rgba(0, 0, 0, 0); box-shadow: inset 0 0 0 2px #FFF; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; position:absolute; } .hermes .tp-bullet:hover { background-color: rgba(0, 0, 0, 0.2); } .hermes .tp-bullet:after { content: ' '; position: absolute; bottom: 0; height: 0; left: 0; width: 100%; background-color: #FFF; box-shadow: 0 0 1px #FFF; -webkit-transition: height 0.3s ease; transition: height 0.3s ease; } .hermes .tp-bullet.selected:after { height:100%; } /* TABS */ .hermes .tp-tab { opacity:1; padding-right:10px; box-sizing:border-box; } .hermes .tp-tab-image { width:100%; height:60%; position:relative; } .hermes .tp-tab-content { background:rgb(54,54,54); position:absolute; padding:20px 20px 20px 30px; box-sizing:border-box; color:#fff; display:block; width:100%; min-height:40%; bottom:0px; left:-10px; } .hermes .tp-tab-date { display:block; color:#888; font-weight:600; font-size:12px; margin-bottom:10px; } .hermes .tp-tab-title { display:block; color:#fff; font-size:16px; font-weight:800; text-transform:uppercase; line-height:19px; } .hermes .tp-tab.selected .tp-tab-title:after { width: 0px; height: 0px; border-style: solid; border-width: 30px 0 30px 10px; border-color: transparent transparent transparent rgb(54,54,54); content:" "; position:absolute; right:-9px; bottom:50%; margin-bottom:-30px; } .hermes .tp-tab-mask { padding-right:10px !important; } /* MEDIA QUERIES */ @media only screen and (max-width: 960px) { .hermes .tp-tab .tp-tab-title {font-size:14px;line-height:16px;} .hermes .tp-tab-date { font-size:11px; line-height:13px;margin-bottom:10px;} .hermes .tp-tab-content { padding:15px 15px 15px 25px;} } @media only screen and (max-width: 768px) { .hermes .tp-tab .tp-tab-title {font-size:12px;line-height:14px;} .hermes .tp-tab-date {font-size:10px; line-height:12px;margin-bottom:5px;} .hermes .tp-tab-content {padding:10px 10px 10px 20px;} } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - HESPERIDEN SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ .hesperiden.tparrows { cursor:pointer; background:#000; background:rgba(0,0,0,0.5); width:40px; height:40px; position:absolute; display:block; z-index:1000; border-radius: 50%; } .hesperiden.tparrows:hover { background:#000; } .hesperiden.tparrows:before { font-family: "revicons"; font-size:20px; color:#fff; display:block; line-height: 40px; text-align: center; } .hesperiden.tparrows.tp-leftarrow:before { content: "\e82c"; margin-left:-3px; } .hesperiden.tparrows.tp-rightarrow:before { content: "\e82d"; margin-right:-3px; } /* BULLETS */ .hesperiden.tp-bullets { } .hesperiden.tp-bullets:before { content:" "; position:absolute; width:100%; height:100%; background:transparent; padding:10px; margin-left:-10px;margin-top:-10px; box-sizing:content-box; border-radius:8px; } .hesperiden .tp-bullet { width:12px; height:12px; position:absolute; background: #999999; /* old browsers */ background: -moz-linear-gradient(top, #999999 0%, #e1e1e1 100%); /* ff3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#e1e1e1)); /* chrome,safari4+ */ background: -webkit-linear-gradient(top, #999999 0%,#e1e1e1 100%); /* chrome10+,safari5.1+ */ background: -o-linear-gradient(top, #999999 0%,#e1e1e1 100%); /* opera 11.10+ */ background: -ms-linear-gradient(top, #999999 0%,#e1e1e1 100%); /* ie10+ */ background: linear-gradient(to bottom, #999999 0%,#e1e1e1 100%); /* w3c */ filter: progid:dximagetransform.microsoft.gradient( startcolorstr="#999999", endcolorstr="#e1e1e1",gradienttype=0 ); /* ie6-9 */ border:3px solid #e5e5e5; border-radius:50%; cursor: pointer; box-sizing:content-box; } .hesperiden .tp-bullet:hover, .hesperiden .tp-bullet.selected { background:#666; } .hesperiden .tp-bullet-image { } .hesperiden .tp-bullet-title { } /* THUMBS */ .hesperiden .tp-thumb { opacity:1; -webkit-perspective: 600px; perspective: 600px; } .hesperiden .tp-thumb .tp-thumb-title { font-size:12px; position:absolute; margin-top:-10px; color:#fff; display:block; z-index:10000; background-color:#000; padding:5px 10px; bottom:0px; left:0px; width:100%; box-sizing:border-box; text-align:center; overflow:hidden; white-space:nowrap; transition:all 0.3s; -webkit-transition:all 0.3s; transform:rotatex(90deg) translatez(0.001px); transform-origin:50% 100%; -webkit-transform:rotatex(90deg) translatez(0.001px); -webkit-transform-origin:50% 100%; opacity:0; } .hesperiden .tp-thumb:hover .tp-thumb-title { transform:rotatex(0deg); -webkit-transform:rotatex(0deg); opacity:1; } /* TABS */ .hesperiden .tp-tab { opacity:1; padding:10px; box-sizing:border-box; font-family: "Roboto", sans-serif; border-bottom: 1px solid #e5e5e5; } .hesperiden .tp-tab-image { width:60px; height:60px; max-height:100%; max-width:100%; position:relative; display:inline-block; float:left; } .hesperiden .tp-tab-content { background:rgba(0,0,0,0); position:relative; padding:15px 15px 15px 85px; left:0px; overflow:hidden; margin-top:-15px; box-sizing:border-box; color:#333; display: inline-block; width:100%; height:100%; position:absolute; } .hesperiden .tp-tab-date { display:block; color: #aaa; font-weight:500; font-size:12px; margin-bottom:0px; } .hesperiden .tp-tab-title { display:block; text-align:left; color:#333; font-size:14px; font-weight:500; text-transform:none; line-height:17px; } .hesperiden .tp-tab:hover, .hesperiden .tp-tab.selected { background:#eee; } .hesperiden .tp-tab-mask { } /* MEDIA QUERIES */ @media only screen and (max-width: 960px) { } @media only screen and (max-width: 768px) { } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - METIS SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ .metis.tparrows { background:#fff; padding:10px; transition:all 0.3s; -webkit-transition:all 0.3s; width:60px; height:60px; box-sizing:border-box; } .metis.tparrows:hover { background:#fff; background:rgba(255,255,255,0.75); } .metis.tparrows:before { color:#000; transition:all 0.3s; -webkit-transition:all 0.3s; } .metis.tparrows:hover:before { transform:scale(1.5); } /* BULLETS */ .metis .tp-bullet { opacity:1; width:50px; height:50px; padding:3px; background:#000; background-color:rgba(0,0,0,0.25); margin:0px; box-sizing:border-box; transition:all 0.3s; -webkit-transition:all 0.3s; border-radius:50%; } .metis .tp-bullet-image { border-radius:50%; display:block; box-sizing:border-box; position:relative; -webkit-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25); box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25); width:44px; height:44px; background-size:cover; background-position:center center; } .metis .tp-bullet-title { position:absolute; bottom:65px; display:inline-block; left:50%; background:#000; background:rgba(0,0,0,0.75); color:#fff; padding:10px 30px; border-radius:4px; -webkit-border-radius:4px; opacity:0; transition:all 0.3s; -webkit-transition:all 0.3s; transform: translateZ(0.001px) translateX(-50%) translateY(14px); transform-origin:50% 100%; -webkit-transform: translateZ(0.001px) translateX(-50%) translateY(14px); -webkit-transform-origin:50% 100%; opacity:0; white-space:nowrap; } .metis .tp-bullet:hover .tp-bullet-title { transform:rotateX(0deg) translateX(-50%); -webkit-transform:rotateX(0deg) translateX(-50%); opacity:1; } .metis .tp-bullet.selected, .metis .tp-bullet:hover { background: rgba(255,255,255,1); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(119,119,119,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#777777", GradientType=0 ); } .metis .tp-bullet-title:after { content:" "; position:absolute; left:50%; margin-left:-8px; width: 0; height: 0; border-style: solid; border-width: 8px 8px 0 8px; border-color: rgba(0,0,0,0.75) transparent transparent transparent; bottom:-8px; } .metis .tp-tab-number { color: #fff; font-size: 40px; line-height: 30px; font-weight: 400; font-family: "Playfair Display"; width: 50px; margin-right: 17px; display: inline-block; float: left; } .metis .tp-tab-mask { padding-left: 20px; left: 0px; max-width: 90px !important; transition: 0.4s padding-left, 0.4s left, 0.4s max-width; } .metis:hover .tp-tab-mask { padding-left: 0px; left: 50px; max-width: 500px !important; } .metis .tp-tab-divider { border-right: 1px solid transparent; height: 30px; width: 1px; margin-top: 5px; display: inline-block; float: left; } .metis .tp-tab-title { color: #fff; font-size: 20px; line-height: 20px; font-weight: 400; font-family: "Playfair Display"; position: relative; padding-top: 10px; padding-left: 30px; display: inline-block; transform: translateX(-100%); transition: 0.4s all; } .metis .tp-tab-title-mask { position: absolute; overflow: hidden; left: 67px; } .metis:hover .tp-tab-title { transform: translateX(0); } .metis .tp-tab { opacity: 0.15; transition: 0.4s all; } .metis .tp-tab:hover, .metis .tp-tab.selected { opacity: 1; } .metis .tp-tab.selected .tp-tab-divider { border-right: 1px solid #cdb083; } .metis.tp-tabs { max-width: 118px !important; padding-left: 50px; } .metis.tp-tabs:before { content: " "; height: 100%; width: 88px; background: rgba(0, 0, 0, 0.15); border-right: 1px solid rgba(255, 255, 255, 0.10); left: 0px; top: 0px; position: absolute; transition: 0.4s all; } .metis.tp-tabs:hover:before { width: 118px; } @media (max-width: 499px) { .metis.tp-tabs:before { background: rgba(0, 0, 0, 0.75); } } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - PERSEPHONE SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ .persephone.tparrows { cursor:pointer; background:#aaa; background:rgba(200,200,200,0.5); width:40px; height:40px; position:absolute; display:block; z-index:100; border:1px solid #f5f5f5; } .persephone.tparrows:hover { background:#333; } .persephone.tparrows:before { font-family: "revicons"; font-size:15px; color:#fff; display:block; line-height: 40px; text-align: center; } .persephone.tparrows.tp-leftarrow:before { content: "\e824"; } .persephone.tparrows.tp-rightarrow:before { content: "\e825"; } /* BULLETS */ .persephone.tp-bullets { } .persephone.tp-bullets:before { content:" "; position:absolute; width:100%; height:100%; background:#transparent; padding:10px; margin-left:-10px;margin-top:-10px; box-sizing:content-box; } .persephone .tp-bullet { width:12px; height:12px; position:absolute; background:#aaa; border:1px solid #e5e5e5; cursor: pointer; box-sizing:content-box; } .persephone .tp-bullet:hover, .persephone .tp-bullet.selected { background:#222; } .persephone .tp-bullet-image { } .persephone .tp-bullet-title { } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - URANUS SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ .uranus.tparrows { width:50px; height:50px; background:transparent; } .uranus.tparrows:before { width:50px; height:50px; line-height:50px; font-size:40px; transition:all 0.3s; -webkit-transition:all 0.3s; } .uranus.tparrows:hover:before { opacity:0.75; } /* BULLETS */ .uranus .tp-bullet{ border-radius: 50%; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0); -webkit-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; background:transparent; } .uranus .tp-bullet.selected, .uranus .tp-bullet:hover { box-shadow: 0 0 0 2px #FFF; border:none; border-radius: 50%; background:transparent; } .uranus .tp-bullet-inner { background-color: rgba(255, 255, 255, 0.7); -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease; transition: background-color 0.3s ease, transform 0.3s ease; top: 0; left: 0; width: 100%; height: 100%; outline: none; border-radius: 50%; background-color: #FFF; background-color: rgba(255, 255, 255, 0.3); text-indent: -999em; cursor: pointer; position: absolute; } .uranus .tp-bullet.selected .tp-bullet-inner, .uranus .tp-bullet:hover .tp-bullet-inner{ transform: scale(0.4); -webkit-transform: scale(0.4); background-color:#fff; } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - ZEUS SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ .zeus.tparrows { cursor:pointer; min-width:70px; min-height:70px; position:absolute; display:block; z-index:100; border-radius:35px; overflow:hidden; background:rgba(0,0,0,0.10); } .zeus.tparrows:before { font-family: "revicons"; font-size:20px; color:#fff; display:block; line-height: 70px; text-align: center; z-index:2; position:relative; } .zeus.tparrows.tp-leftarrow:before { content: "\e824"; } .zeus.tparrows.tp-rightarrow:before { content: "\e825"; } .zeus .tp-title-wrap { background:#000; background:rgba(0,0,0,0.5); width:100%; height:100%; top:0px; left:0px; position:absolute; opacity:0; transform:scale(0); -webkit-transform:scale(0); transition: all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; border-radius:50%; } .zeus .tp-arr-imgholder { width:100%; height:100%; position:absolute; top:0px; left:0px; background-position:center center; background-size:cover; border-radius:50%; transform:translateX(-100%); -webkit-transform:translateX(-100%); transition: all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; } .zeus.tp-rightarrow .tp-arr-imgholder { transform:translateX(100%); -webkit-transform:translateX(100%); } .zeus.tparrows:hover .tp-arr-imgholder { transform:translateX(0); -webkit-transform:translateX(0); opacity:1; } .zeus.tparrows:hover .tp-title-wrap { transform:scale(1); -webkit-transform:scale(1); opacity:1; } /* BULLETS */ .zeus .tp-bullet { box-sizing:content-box; -webkit-box-sizing:content-box; border-radius:50%; background-color: rgba(0, 0, 0, 0); -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; width:13px;height:13px; border:2px solid #fff; } .zeus .tp-bullet:after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; border-radius: 50%; background-color: #FFF; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; } .zeus .tp-bullet:hover:after, .zeus .tp-bullet.selected:after{ -webkit-transform: scale(1.2); transform: scale(1.2); } .zeus .tp-bullet-image, .zeus .tp-bullet-imageoverlay{ width:135px; height:60px; position:absolute; background:#000; background:rgba(0,0,0,0.5); bottom:25px; left:50%; margin-left:-65px; box-sizing:border-box; background-size:cover; background-position:center center; visibility:hidden; opacity:0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border-radius:4px; } .zeus .tp-bullet-title, .zeus .tp-bullet-imageoverlay { z-index:2; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .zeus .tp-bullet-title { color:#fff; text-align:center; line-height:15px; font-size:13px; font-weight:600; z-index:3; visibility:hidden; opacity:0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; position:absolute; bottom:45px; width:135px; vertical-align:middle; left:-57px; } .zeus .tp-bullet:hover .tp-bullet-title, .zeus .tp-bullet:hover .tp-bullet-image, .zeus .tp-bullet:hover .tp-bullet-imageoverlay{ opacity:1; visibility:visible; -webkit-transform:translateY(0px); transform:translateY(0px); } /* THUMBS */ .zeus .tp-thumb { opacity:1 } .zeus .tp-thumb-over { background:#000; background:rgba(0,0,0,0.25); width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:1; -webkit-transition:all 0.3s; transition:all 0.3s; } .zeus .tp-thumb-more:before { font-family: "revicons"; font-size:12px; color:#aaa; color:rgba(255,255,255,0.75); display:block; line-height: 12px; text-align: left; z-index:2; position:absolute; top:20px; right:20px; z-index:2; } .zeus .tp-thumb-more:before { content: "\e825"; } .zeus .tp-thumb-title { font-family:"Raleway"; letter-spacing:1px; font-size:12px; color:#fff; display:block; line-height: 15px; text-align: left; z-index:2; position:absolute; top:0px; left:0px; z-index:2; padding:20px 35px 20px 20px; width:100%; height:100%; box-sizing:border-box; transition:all 0.3s; -webkit-transition:all 0.3s; font-weight:500; } .zeus .tp-thumb.selected .tp-thumb-more:before, .zeus .tp-thumb:hover .tp-thumb-more:before { color:#aaa; } .zeus .tp-thumb.selected .tp-thumb-over, .zeus .tp-thumb:hover .tp-thumb-over { background:#000; } .zeus .tp-thumb.selected .tp-thumb-title, .zeus .tp-thumb:hover .tp-thumb-title { color:#fff; } /* TABS */ .zeus .tp-tab { opacity:1; box-sizing:border-box; } .zeus .tp-tab-title { display: block; text-align: center; background: rgba(0,0,0,0.25); font-family: "Roboto Slab", serif; font-weight: 700; font-size: 13px; line-height: 13px; color: #fff; padding: 9px 10px; } .zeus .tp-tab:hover .tp-tab-title, .zeus .tp-tab.selected .tp-tab-title { color: #000; background:rgba(255,255,255,1); } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - ZEUS SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ .post-tabs .tp-thumb { opacity:1 } .post-tabs .tp-thumb-over { background:#252525; width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:1; -webkit-transition:all 0.3s; transition:all 0.3s; } .post-tabs .tp-thumb-more:before { font-family: "revicons"; font-size:12px; color:#aaa; color:rgba(255,255,255,0.75); display:block; line-height: 12px; text-align: left; z-index:2; position:absolute; top:15px; right:15px; z-index:2; } .post-tabs .tp-thumb-more:before { content: "\e825"; } .post-tabs .tp-thumb-title { font-family:"raleway"; letter-spacing:1px; font-size:12px; color:#fff; display:block; line-height: 15px; text-align: left; z-index:2; position:absolute; top:0px; left:0px; z-index:2; padding:15px 30px 15px 15px; width:100%; height:100%; box-sizing:border-box; transition:all 0.3s; -webkit-transition:all 0.3s; font-weight:500; } .post-tabs .tp-thumb.selected .tp-thumb-more:before, .post-tabs .tp-thumb:hover .tp-thumb-more:before { color:#aaa; } .post-tabs .tp-thumb.selected .tp-thumb-over, .post-tabs .tp-thumb:hover .tp-thumb-over { background:#fff; } .post-tabs .tp-thumb.selected .tp-thumb-title, .post-tabs .tp-thumb:hover .tp-thumb-title { color:#000; } /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2014 Daniel Eden */ @import url(animate.css); /* Theme Name: The Project - Responsive Website Template Author:HtmlCoder Author URI:http://www.htmlcoder.me Author e-mail:htmlcoder.me@gmail.com Version:1.4.0 Created:December 2014 License URI:http://support.wrapbootstrap.com/ File Description: Animations */ /*Custom Animations*/ @-webkit-keyframes fadeInDownSmall { 0% { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDownSmall { 0% { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); -ms-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDownSmall { -webkit-animation-name: fadeInDownSmall; animation-name: fadeInDownSmall; } @-webkit-keyframes fadeInLeftSmall { 0% { opacity: 0; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftSmall { 0% { opacity: 0; -webkit-transform: translate3d(-20px, 0, 0); -ms-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .fadeInLeftSmall { -webkit-animation-name: fadeInLeftSmall; animation-name: fadeInLeftSmall; } @-webkit-keyframes fadeInRightSmall { 0% { opacity: 0; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightSmall { 0% { opacity: 0; -webkit-transform: translate3d(20px, 0, 0); -ms-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .fadeInRightSmall { -webkit-animation-name: fadeInRightSmall; animation-name: fadeInRightSmall; } @-webkit-keyframes fadeInUpSmall { 0% { opacity: 0; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpSmall { 0% { opacity: 0; -webkit-transform: translate3d(0, 20px, 0); -ms-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .fadeInUpSmall { -webkit-animation-name: fadeInUpSmall; animation-name: fadeInUpSmall; } /*! * Hover.css (http://ianlunn.github.io/Hover/) * Version: 2.1.1 * Author: Ian Lunn @IanLunn * Author URL: http://ianlunn.co.uk/ * Github: https://github.com/IanLunn/Hover * Made available under a MIT License: * http://www.opensource.org/licenses/mit-license.php * Hover.css Copyright Ian Lunn 2014. Generated with Sass. */.hvr-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-grow:active,.hvr-grow:focus,.hvr-grow:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.hvr-shrink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-shrink:active,.hvr-shrink:focus,.hvr-shrink:hover{-webkit-transform:scale(0.9);transform:scale(0.9)}@-webkit-keyframes hvr-pulse{25%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(0.9);transform:scale(0.9)}}@keyframes hvr-pulse{25%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(0.9);transform:scale(0.9)}}.hvr-pulse{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-pulse:active,.hvr-pulse:focus,.hvr-pulse:hover{-webkit-animation-name:hvr-pulse;animation-name:hvr-pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-pulse-grow{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes hvr-pulse-grow{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}.hvr-pulse-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-pulse-grow:active,.hvr-pulse-grow:focus,.hvr-pulse-grow:hover{-webkit-animation-name:hvr-pulse-grow;animation-name:hvr-pulse-grow;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-pulse-shrink{to{-webkit-transform:scale(0.9);transform:scale(0.9)}}@keyframes hvr-pulse-shrink{to{-webkit-transform:scale(0.9);transform:scale(0.9)}}.hvr-pulse-shrink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-pulse-shrink:active,.hvr-pulse-shrink:focus,.hvr-pulse-shrink:hover{-webkit-animation-name:hvr-pulse-shrink;animation-name:hvr-pulse-shrink;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-push{50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes hvr-push{50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}.hvr-push{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-push:active,.hvr-push:focus,.hvr-push:hover{-webkit-animation-name:hvr-push;animation-name:hvr-push;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes hvr-pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}.hvr-pop{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-pop:active,.hvr-pop:focus,.hvr-pop:hover{-webkit-animation-name:hvr-pop;animation-name:hvr-pop;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-bounce-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-in:active,.hvr-bounce-in:focus,.hvr-bounce-in:hover{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36);transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36)}.hvr-bounce-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-out:active,.hvr-bounce-out:focus,.hvr-bounce-out:hover{-webkit-transform:scale(0.8);transform:scale(0.8);-webkit-transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36);transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36)}.hvr-rotate{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-rotate:active,.hvr-rotate:focus,.hvr-rotate:hover{-webkit-transform:rotate(4deg);transform:rotate(4deg)}.hvr-grow-rotate{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-grow-rotate:active,.hvr-grow-rotate:focus,.hvr-grow-rotate:hover{-webkit-transform:scale(1.1) rotate(4deg);transform:scale(1.1) rotate(4deg)}.hvr-float{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-float:active,.hvr-float:focus,.hvr-float:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.hvr-sink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sink:active,.hvr-sink:focus,.hvr-sink:hover{-webkit-transform:translateY(8px);transform:translateY(8px)}@-webkit-keyframes hvr-bob{0%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes hvr-bob{0%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@-webkit-keyframes hvr-bob-float{100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes hvr-bob-float{100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}.hvr-bob{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-bob:active,.hvr-bob:focus,.hvr-bob:hover{-webkit-animation-name:hvr-bob-float,hvr-bob;animation-name:hvr-bob-float,hvr-bob;-webkit-animation-duration:.3s,1.5s;animation-duration:.3s,1.5s;-webkit-animation-delay:0s,.3s;animation-delay:0s,.3s;-webkit-animation-timing-function:ease-out,ease-in-out;animation-timing-function:ease-out,ease-in-out;-webkit-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal,alternate;animation-direction:normal,alternate}@-webkit-keyframes hvr-hang{0%{-webkit-transform:translateY(8px);transform:translateY(8px)}50%{-webkit-transform:translateY(4px);transform:translateY(4px)}100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}@keyframes hvr-hang{0%{-webkit-transform:translateY(8px);transform:translateY(8px)}50%{-webkit-transform:translateY(4px);transform:translateY(4px)}100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}@-webkit-keyframes hvr-hang-sink{100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}@keyframes hvr-hang-sink{100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}.hvr-hang{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-hang:active,.hvr-hang:focus,.hvr-hang:hover{-webkit-animation-name:hvr-hang-sink,hvr-hang;animation-name:hvr-hang-sink,hvr-hang;-webkit-animation-duration:.3s,1.5s;animation-duration:.3s,1.5s;-webkit-animation-delay:0s,.3s;animation-delay:0s,.3s;-webkit-animation-timing-function:ease-out,ease-in-out;animation-timing-function:ease-out,ease-in-out;-webkit-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal,alternate;animation-direction:normal,alternate}.hvr-skew{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-skew:active,.hvr-skew:focus,.hvr-skew:hover{-webkit-transform:skew(-10deg);transform:skew(-10deg)}.hvr-skew-forward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform-origin:0 100%;transform-origin:0 100%}.hvr-skew-forward:active,.hvr-skew-forward:focus,.hvr-skew-forward:hover{-webkit-transform:skew(-10deg);transform:skew(-10deg)}.hvr-skew-backward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform-origin:0 100%;transform-origin:0 100%}.hvr-skew-backward:active,.hvr-skew-backward:focus,.hvr-skew-backward:hover{-webkit-transform:skew(10deg);transform:skew(10deg)}@-webkit-keyframes hvr-wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes hvr-wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.hvr-wobble-vertical{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-wobble-vertical:active,.hvr-wobble-vertical:focus,.hvr-wobble-vertical:hover{-webkit-animation-name:hvr-wobble-vertical;animation-name:hvr-wobble-vertical;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.hvr-wobble-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-wobble-horizontal:active,.hvr-wobble-horizontal:focus,.hvr-wobble-horizontal:hover{-webkit-animation-name:hvr-wobble-horizontal;animation-name:hvr-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-to-bottom-right{16.65%{-webkit-transform:translate(8px,8px);transform:translate(8px,8px)}33.3%{-webkit-transform:translate(-6px,-6px);transform:translate(-6px,-6px)}49.95%{-webkit-transform:translate(4px,4px);transform:translate(4px,4px)}66.6%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}83.25%{-webkit-transform:translate(1px,1px);transform:translate(1px,1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes hvr-wobble-to-bottom-right{16.65%{-webkit-transform:translate(8px,8px);transform:translate(8px,8px)}33.3%{-webkit-transform:translate(-6px,-6px);transform:translate(-6px,-6px)}49.95%{-webkit-transform:translate(4px,4px);transform:translate(4px,4px)}66.6%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}83.25%{-webkit-transform:translate(1px,1px);transform:translate(1px,1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.hvr-wobble-to-bottom-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-wobble-to-bottom-right:active,.hvr-wobble-to-bottom-right:focus,.hvr-wobble-to-bottom-right:hover{-webkit-animation-name:hvr-wobble-to-bottom-right;animation-name:hvr-wobble-to-bottom-right;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-to-top-right{16.65%{-webkit-transform:translate(8px,-8px);transform:translate(8px,-8px)}33.3%{-webkit-transform:translate(-6px,6px);transform:translate(-6px,6px)}49.95%{-webkit-transform:translate(4px,-4px);transform:translate(4px,-4px)}66.6%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}83.25%{-webkit-transform:translate(1px,-1px);transform:translate(1px,-1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes hvr-wobble-to-top-right{16.65%{-webkit-transform:translate(8px,-8px);transform:translate(8px,-8px)}33.3%{-webkit-transform:translate(-6px,6px);transform:translate(-6px,6px)}49.95%{-webkit-transform:translate(4px,-4px);transform:translate(4px,-4px)}66.6%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}83.25%{-webkit-transform:translate(1px,-1px);transform:translate(1px,-1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.hvr-wobble-to-top-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-wobble-to-top-right:active,.hvr-wobble-to-top-right:focus,.hvr-wobble-to-top-right:hover{-webkit-animation-name:hvr-wobble-to-top-right;animation-name:hvr-wobble-to-top-right;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-top{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes hvr-wobble-top{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.hvr-wobble-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transform-origin:0 100%;transform-origin:0 100%}.hvr-wobble-top:active,.hvr-wobble-top:focus,.hvr-wobble-top:hover{-webkit-animation-name:hvr-wobble-top;animation-name:hvr-wobble-top;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-bottom{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes hvr-wobble-bottom{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.hvr-wobble-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transform-origin:100% 0;transform-origin:100% 0}.hvr-wobble-bottom:active,.hvr-wobble-bottom:focus,.hvr-wobble-bottom:hover{-webkit-animation-name:hvr-wobble-bottom;animation-name:hvr-wobble-bottom;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-skew{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes hvr-wobble-skew{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.hvr-wobble-skew{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-wobble-skew:active,.hvr-wobble-skew:focus,.hvr-wobble-skew:hover{-webkit-animation-name:hvr-wobble-skew;animation-name:hvr-wobble-skew;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}@keyframes hvr-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}.hvr-buzz{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-buzz:active,.hvr-buzz:focus,.hvr-buzz:hover{-webkit-animation-name:hvr-buzz;animation-name:hvr-buzz;-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}@keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}.hvr-buzz-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-buzz-out:active,.hvr-buzz-out:focus,.hvr-buzz-out:hover{-webkit-animation-name:hvr-buzz-out;animation-name:hvr-buzz-out;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-forward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-forward:active,.hvr-forward:focus,.hvr-forward:hover{-webkit-transform:translateX(8px);transform:translateX(8px)}.hvr-backward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-backward:active,.hvr-backward:focus,.hvr-backward:hover{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.hvr-fade{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;overflow:hidden;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:color,background-color;transition-property:color,background-color}.hvr-fade:active,.hvr-fade:focus,.hvr-fade:hover{background-color:#2098D1;color:#fff}@-webkit-keyframes hvr-back-pulse{50%{background-color:rgba(32,152,209,.75)}}@keyframes hvr-back-pulse{50%{background-color:rgba(32,152,209,.75)}}.hvr-back-pulse{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;overflow:hidden;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:color,background-color;transition-property:color,background-color}.hvr-back-pulse:active,.hvr-back-pulse:focus,.hvr-back-pulse:hover{-webkit-animation-name:hvr-back-pulse;animation-name:hvr-back-pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;background-color:#2098D1;background-color:#2098d1;color:#fff}.hvr-sweep-to-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-sweep-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-right:active,.hvr-sweep-to-right:focus,.hvr-sweep-to-right:hover{color:#fff}.hvr-sweep-to-right:active:before,.hvr-sweep-to-right:focus:before,.hvr-sweep-to-right:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.hvr-sweep-to-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-sweep-to-left:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-left:active,.hvr-sweep-to-left:focus,.hvr-sweep-to-left:hover{color:#fff}.hvr-sweep-to-left:active:before,.hvr-sweep-to-left:focus:before,.hvr-sweep-to-left:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.hvr-sweep-to-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-sweep-to-bottom:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-bottom:active,.hvr-sweep-to-bottom:focus,.hvr-sweep-to-bottom:hover{color:#fff}.hvr-sweep-to-bottom:active:before,.hvr-sweep-to-bottom:focus:before,.hvr-sweep-to-bottom:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.hvr-sweep-to-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-sweep-to-top:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-top:active,.hvr-sweep-to-top:focus,.hvr-sweep-to-top:hover{color:#fff}.hvr-sweep-to-top:active:before,.hvr-sweep-to-top:focus:before,.hvr-sweep-to-top:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.hvr-bounce-to-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-right:active,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:hover{color:#fff}.hvr-bounce-to-right:active:before,.hvr-bounce-to-right:focus:before,.hvr-bounce-to-right:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66);transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-bounce-to-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-to-left:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-left:active,.hvr-bounce-to-left:focus,.hvr-bounce-to-left:hover{color:#fff}.hvr-bounce-to-left:active:before,.hvr-bounce-to-left:focus:before,.hvr-bounce-to-left:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66);transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-bounce-to-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-to-bottom:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-bottom:active,.hvr-bounce-to-bottom:focus,.hvr-bounce-to-bottom:hover{color:#fff}.hvr-bounce-to-bottom:active:before,.hvr-bounce-to-bottom:focus:before,.hvr-bounce-to-bottom:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66);transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-bounce-to-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-to-top:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-top:active,.hvr-bounce-to-top:focus,.hvr-bounce-to-top:hover{color:#fff}.hvr-bounce-to-top:active:before,.hvr-bounce-to-top:focus:before,.hvr-bounce-to-top:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66);transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-radial-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-radial-out:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;border-radius:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-radial-out:active,.hvr-radial-out:focus,.hvr-radial-out:hover{color:#fff}.hvr-radial-out:active:before,.hvr-radial-out:focus:before,.hvr-radial-out:hover:before{-webkit-transform:scale(2);transform:scale(2)}.hvr-radial-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden;background:#2098D1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-radial-in:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#e1e1e1;border-radius:100%;-webkit-transform:scale(2);transform:scale(2);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-radial-in:active,.hvr-radial-in:focus,.hvr-radial-in:hover{color:#fff}.hvr-radial-in:active:before,.hvr-radial-in:focus:before,.hvr-radial-in:hover:before{-webkit-transform:scale(0);transform:scale(0)}.hvr-rectangle-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;background:#2098D1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-rectangle-in:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#e1e1e1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-rectangle-in:active,.hvr-rectangle-in:focus,.hvr-rectangle-in:hover{color:#fff}.hvr-rectangle-in:active:before,.hvr-rectangle-in:focus:before,.hvr-rectangle-in:hover:before{-webkit-transform:scale(0);transform:scale(0)}.hvr-rectangle-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-rectangle-out:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-rectangle-out:active,.hvr-rectangle-out:focus,.hvr-rectangle-out:hover{color:#fff}.hvr-rectangle-out:active:before,.hvr-rectangle-out:focus:before,.hvr-rectangle-out:hover:before{-webkit-transform:scale(1);transform:scale(1)}.hvr-shutter-in-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;background:#2098D1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-shutter-in-horizontal:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#e1e1e1;-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-in-horizontal:active,.hvr-shutter-in-horizontal:focus,.hvr-shutter-in-horizontal:hover{color:#fff}.hvr-shutter-in-horizontal:active:before,.hvr-shutter-in-horizontal:focus:before,.hvr-shutter-in-horizontal:hover:before{-webkit-transform:scaleX(0);transform:scaleX(0)}.hvr-shutter-out-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-shutter-out-horizontal:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#2098D1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-out-horizontal:active,.hvr-shutter-out-horizontal:focus,.hvr-shutter-out-horizontal:hover{color:#fff}.hvr-shutter-out-horizontal:active:before,.hvr-shutter-out-horizontal:focus:before,.hvr-shutter-out-horizontal:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.hvr-shutter-in-vertical{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;background:#2098D1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-shutter-in-vertical:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#e1e1e1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-in-vertical:active,.hvr-shutter-in-vertical:focus,.hvr-shutter-in-vertical:hover{color:#fff}.hvr-shutter-in-vertical:active:before,.hvr-shutter-in-vertical:focus:before,.hvr-shutter-in-vertical:hover:before{-webkit-transform:scaleY(0);transform:scaleY(0)}.hvr-shutter-out-vertical{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-shutter-out-vertical:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#2098D1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-out-vertical:active,.hvr-shutter-out-vertical:focus,.hvr-shutter-out-vertical:hover{color:#fff}.hvr-shutter-out-vertical:active:before,.hvr-shutter-out-vertical:focus:before,.hvr-shutter-out-vertical:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.hvr-border-fade{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;box-shadow:inset 0 0 0 4px #e1e1e1,0 0 1px transparent}.hvr-border-fade:active,.hvr-border-fade:focus,.hvr-border-fade:hover{box-shadow:inset 0 0 0 4px #2098D1,0 0 1px transparent}.hvr-hollow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:background;transition-property:background;box-shadow:inset 0 0 0 4px #e1e1e1,0 0 1px transparent}.hvr-hollow:active,.hvr-hollow:focus,.hvr-hollow:hover{background:0 0}.hvr-trim{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-trim:before{content:'';position:absolute;border:#fff solid 4px;top:4px;left:4px;right:4px;bottom:4px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity;transition-property:opacity}.hvr-trim:active:before,.hvr-trim:focus:before,.hvr-trim:hover:before{opacity:1}@-webkit-keyframes hvr-ripple-out{100%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0}}@keyframes hvr-ripple-out{100%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0}}.hvr-ripple-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-ripple-out:before{content:'';position:absolute;border:#e1e1e1 solid 6px;top:0;right:0;bottom:0;left:0;-webkit-animation-duration:1s;animation-duration:1s}.hvr-ripple-out:active:before,.hvr-ripple-out:focus:before,.hvr-ripple-out:hover:before{-webkit-animation-name:hvr-ripple-out;animation-name:hvr-ripple-out}@-webkit-keyframes hvr-ripple-in{100%{top:0;right:0;bottom:0;left:0;opacity:1}}@keyframes hvr-ripple-in{100%{top:0;right:0;bottom:0;left:0;opacity:1}}.hvr-ripple-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-ripple-in:before{content:'';position:absolute;border:#e1e1e1 solid 4px;top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0;-webkit-animation-duration:1s;animation-duration:1s}.hvr-ripple-in:active:before,.hvr-ripple-in:focus:before,.hvr-ripple-in:hover:before{-webkit-animation-name:hvr-ripple-in;animation-name:hvr-ripple-in}.hvr-outline-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-outline-out:before{content:'';position:absolute;border:#e1e1e1 solid 4px;top:0;right:0;bottom:0;left:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:top,right,bottom,left;transition-property:top,right,bottom,left}.hvr-outline-out:active:before,.hvr-outline-out:focus:before,.hvr-outline-out:hover:before{top:-8px;right:-8px;bottom:-8px;left:-8px}.hvr-outline-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-outline-in:before{pointer-events:none;content:'';position:absolute;border:#e1e1e1 solid 4px;top:-16px;right:-16px;bottom:-16px;left:-16px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:top,right,bottom,left;transition-property:top,right,bottom,left}.hvr-outline-in:active:before,.hvr-outline-in:focus:before,.hvr-outline-in:hover:before{top:-8px;right:-8px;bottom:-8px;left:-8px;opacity:1}.hvr-round-corners{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:border-radius;transition-property:border-radius}.hvr-round-corners:active,.hvr-round-corners:focus,.hvr-round-corners:hover{border-radius:1em}.hvr-underline-from-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden}.hvr-underline-from-left:before{content:"";position:absolute;z-index:-1;left:0;right:100%;bottom:0;background:#2098D1;height:4px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-left:active:before,.hvr-underline-from-left:focus:before,.hvr-underline-from-left:hover:before{right:0}.hvr-underline-from-center{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden}.hvr-underline-from-center:before{content:"";position:absolute;z-index:-1;left:50%;right:50%;bottom:0;background:#2098D1;height:4px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-center:active:before,.hvr-underline-from-center:focus:before,.hvr-underline-from-center:hover:before{left:0;right:0}.hvr-underline-from-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden}.hvr-underline-from-right:before{content:"";position:absolute;z-index:-1;left:100%;right:0;bottom:0;background:#2098D1;height:4px;-webkit-transition-property:left;transition-property:left;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-right:active:before,.hvr-underline-from-right:focus:before,.hvr-underline-from-right:hover:before{left:0}.hvr-overline-from-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden}.hvr-overline-from-left:before{content:"";position:absolute;z-index:-1;left:0;right:100%;top:0;background:#2098D1;height:4px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-from-left:active:before,.hvr-overline-from-left:focus:before,.hvr-overline-from-left:hover:before{right:0}.hvr-overline-from-center{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden}.hvr-overline-from-center:before{content:"";position:absolute;z-index:-1;left:50%;right:50%;top:0;background:#2098D1;height:4px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-from-center:active:before,.hvr-overline-from-center:focus:before,.hvr-overline-from-center:hover:before{left:0;right:0}.hvr-overline-from-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden}.hvr-overline-from-right:before{content:"";position:absolute;z-index:-1;left:100%;right:0;top:0;background:#2098D1;height:4px;-webkit-transition-property:left;transition-property:left;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-from-right:active:before,.hvr-overline-from-right:focus:before,.hvr-overline-from-right:hover:before{left:0}.hvr-reveal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden}.hvr-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;bottom:0;border-color:#2098D1;border-style:solid;border-width:0;-webkit-transition-property:border-width;transition-property:border-width;-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-reveal:active:before,.hvr-reveal:focus:before,.hvr-reveal:hover:before{-webkit-transform:translateY(0);transform:translateY(0);border-width:4px}.hvr-underline-reveal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden}.hvr-underline-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;background:#2098D1;height:4px;-webkit-transform:translateY(4px);transform:translateY(4px);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-reveal:active:before,.hvr-underline-reveal:focus:before,.hvr-underline-reveal:hover:before{-webkit-transform:translateY(0);transform:translateY(0)}.hvr-overline-reveal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden}.hvr-overline-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;background:#2098D1;height:4px;-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-reveal:active:before,.hvr-overline-reveal:focus:before,.hvr-overline-reveal:hover:before{-webkit-transform:translateY(0);transform:translateY(0)}.hvr-glow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow}.hvr-glow:active,.hvr-glow:focus,.hvr-glow:hover{box-shadow:0 0 8px rgba(0,0,0,.6)}.hvr-shadow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow}.hvr-shadow:active,.hvr-shadow:focus,.hvr-shadow:hover{box-shadow:0 10px 10px -10px rgba(0,0,0,.5)}.hvr-grow-shadow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow,transform;transition-property:box-shadow,transform}.hvr-grow-shadow:active,.hvr-grow-shadow:focus,.hvr-grow-shadow:hover{box-shadow:0 10px 10px -10px rgba(0,0,0,.5);-webkit-transform:scale(1.1);transform:scale(1.1)}.hvr-box-shadow-outset{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow}.hvr-box-shadow-outset:active,.hvr-box-shadow-outset:focus,.hvr-box-shadow-outset:hover{box-shadow:2px 2px 2px rgba(0,0,0,.6)}.hvr-box-shadow-inset{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;box-shadow:inset 0 0 0 rgba(0,0,0,.6),0 0 1px transparent}.hvr-box-shadow-inset:active,.hvr-box-shadow-inset:focus,.hvr-box-shadow-inset:hover{box-shadow:inset 2px 2px 2px rgba(0,0,0,.6),0 0 1px transparent}.hvr-float-shadow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-float-shadow:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0,transparent 80%);background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,transparent 80%);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform,opacity;transition-property:transform,opacity}.hvr-float-shadow:active,.hvr-float-shadow:focus,.hvr-float-shadow:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.hvr-float-shadow:active:before,.hvr-float-shadow:focus:before,.hvr-float-shadow:hover:before{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px)}.hvr-shadow-radial{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-shadow-radial:after,.hvr-shadow-radial:before{pointer-events:none;position:absolute;content:'';left:0;width:100%;box-sizing:border-box;height:5px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity;transition-property:opacity}.hvr-shadow-radial:before{bottom:100%;background:-webkit-radial-gradient(50% 150%,ellipse,rgba(0,0,0,.6) 0,transparent 80%);background:radial-gradient(ellipse at 50% 150%,rgba(0,0,0,.6) 0,transparent 80%)}.hvr-shadow-radial:after{top:100%;background:-webkit-radial-gradient(50% -50%,ellipse,rgba(0,0,0,.6) 0,transparent 80%);background:radial-gradient(ellipse at 50% -50%,rgba(0,0,0,.6) 0,transparent 80%)}.hvr-shadow-radial:active:after,.hvr-shadow-radial:active:before,.hvr-shadow-radial:focus:after,.hvr-shadow-radial:focus:before,.hvr-shadow-radial:hover:after,.hvr-shadow-radial:hover:before{opacity:1}.hvr-bubble-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-bubble-top:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;left:calc(50% - 10px);top:0;border-width:0 10px 10px;border-color:transparent transparent #e1e1e1}.hvr-bubble-top:active:before,.hvr-bubble-top:focus:before,.hvr-bubble-top:hover:before{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.hvr-bubble-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-bubble-right:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;top:calc(50% - 10px);right:0;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #e1e1e1}.hvr-bubble-right:active:before,.hvr-bubble-right:focus:before,.hvr-bubble-right:hover:before{-webkit-transform:translateX(10px);transform:translateX(10px)}.hvr-bubble-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-bubble-bottom:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;left:calc(50% - 10px);bottom:0;border-width:10px 10px 0;border-color:#e1e1e1 transparent transparent}.hvr-bubble-bottom:active:before,.hvr-bubble-bottom:focus:before,.hvr-bubble-bottom:hover:before{-webkit-transform:translateY(10px);transform:translateY(10px)}.hvr-bubble-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-bubble-left:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;top:calc(50% - 10px);left:0;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent}.hvr-bubble-left:active:before,.hvr-bubble-left:focus:before,.hvr-bubble-left:hover:before{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.hvr-bubble-float-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-top:before{position:absolute;z-index:-1;content:'';left:calc(50% - 10px);top:0;border-style:solid;border-width:0 10px 10px;border-color:transparent transparent #e1e1e1;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-top:active,.hvr-bubble-float-top:focus,.hvr-bubble-float-top:hover{-webkit-transform:translateY(10px);transform:translateY(10px)}.hvr-bubble-float-top:active:before,.hvr-bubble-float-top:focus:before,.hvr-bubble-float-top:hover:before{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.hvr-bubble-float-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-right:before{position:absolute;z-index:-1;top:calc(50% - 10px);right:0;content:'';border-style:solid;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #e1e1e1;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-right:active,.hvr-bubble-float-right:focus,.hvr-bubble-float-right:hover{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.hvr-bubble-float-right:active:before,.hvr-bubble-float-right:focus:before,.hvr-bubble-float-right:hover:before{-webkit-transform:translateX(10px);transform:translateX(10px)}.hvr-bubble-float-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-bottom:before{position:absolute;z-index:-1;content:'';left:calc(50% - 10px);bottom:0;border-style:solid;border-width:10px 10px 0;border-color:#e1e1e1 transparent transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-bottom:active,.hvr-bubble-float-bottom:focus,.hvr-bubble-float-bottom:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.hvr-bubble-float-bottom:active:before,.hvr-bubble-float-bottom:focus:before,.hvr-bubble-float-bottom:hover:before{-webkit-transform:translateY(10px);transform:translateY(10px)}.hvr-bubble-float-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:before{position:absolute;z-index:-1;content:'';top:calc(50% - 10px);left:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:active,.hvr-bubble-float-left:focus,.hvr-bubble-float-left:hover{-webkit-transform:translateX(10px);transform:translateX(10px)}.hvr-bubble-float-left:active:before,.hvr-bubble-float-left:focus:before,.hvr-bubble-float-left:hover:before{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.hvr-icon-back{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-left:2.2em;-webkit-transition-duration:.1s;transition-duration:.1s}.hvr-icon-back:before{content:"\f137";position:absolute;left:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-back:active:before,.hvr-icon-back:focus:before,.hvr-icon-back:hover:before{-webkit-transform:translateX(-4px);transform:translateX(-4px)}.hvr-icon-forward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em;-webkit-transition-duration:.1s;transition-duration:.1s}.hvr-icon-forward:before{content:"\f138";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-forward:active:before,.hvr-icon-forward:focus:before,.hvr-icon-forward:hover:before{-webkit-transform:translateX(4px);transform:translateX(4px)}@-webkit-keyframes hvr-icon-down{0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes hvr-icon-down{0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(6px);transform:translateY(6px)}}.hvr-icon-down{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em}.hvr-icon-down:before{content:"\f01a";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-down:active:before,.hvr-icon-down:focus:before,.hvr-icon-down:hover:before{-webkit-animation-name:hvr-icon-down;animation-name:hvr-icon-down;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes hvr-icon-up{0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hvr-icon-up{0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}.hvr-icon-up{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em}.hvr-icon-up:before{content:"\f01b";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-up:active:before,.hvr-icon-up:focus:before,.hvr-icon-up:hover:before{-webkit-animation-name:hvr-icon-up;animation-name:hvr-icon-up;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.hvr-icon-spin{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em}.hvr-icon-spin:before{content:"\f021";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.hvr-icon-spin:active:before,.hvr-icon-spin:focus:before,.hvr-icon-spin:hover:before{-webkit-transform:rotate(360deg);transform:rotate(360deg)}@-webkit-keyframes hvr-icon-drop{0%{opacity:0}50%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%,51%{opacity:1}}@keyframes hvr-icon-drop{0%{opacity:0}50%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%,51%{opacity:1}}.hvr-icon-drop{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em}.hvr-icon-drop:before{content:"\f041";position:absolute;right:1em;opacity:1;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-drop:active:before,.hvr-icon-drop:focus:before,.hvr-icon-drop:hover:before{opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-animation-name:hvr-icon-drop;animation-name:hvr-icon-drop;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(0.52,1.64,.37,.66);animation-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-icon-fade{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em}.hvr-icon-fade:before{content:"\f00c";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:color;transition-property:color}.hvr-icon-fade:active:before,.hvr-icon-fade:focus:before,.hvr-icon-fade:hover:before{color:#0F9E5E}@-webkit-keyframes hvr-icon-float-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(-1em);transform:translateY(-1em)}}@keyframes hvr-icon-float-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(-1em);transform:translateY(-1em)}}.hvr-icon-float-away{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em}.hvr-icon-float-away:after,.hvr-icon-float-away:before{content:"\f055";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome}.hvr-icon-float-away:after{opacity:0;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hvr-icon-float-away:active:after,.hvr-icon-float-away:focus:after,.hvr-icon-float-away:hover:after{-webkit-animation-name:hvr-icon-float-away;animation-name:hvr-icon-float-away;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes hvr-icon-sink-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(1em);transform:translateY(1em)}}@keyframes hvr-icon-sink-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(1em);transform:translateY(1em)}}.hvr-icon-sink-away{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em}.hvr-icon-sink-away:after,.hvr-icon-sink-away:before{content:"\f056";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-sink-away:after{opacity:0;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hvr-icon-sink-away:active:after,.hvr-icon-sink-away:focus:after,.hvr-icon-sink-away:hover:after{-webkit-animation-name:hvr-icon-sink-away;animation-name:hvr-icon-sink-away;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.hvr-icon-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-grow:before{content:"\f118";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-grow:active:before,.hvr-icon-grow:focus:before,.hvr-icon-grow:hover:before{-webkit-transform:scale(1.3) translateZ(0);transform:scale(1.3) translateZ(0)}.hvr-icon-shrink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-shrink:before{content:"\f119";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-shrink:active:before,.hvr-icon-shrink:focus:before,.hvr-icon-shrink:hover:before{-webkit-transform:scale(0.8);transform:scale(0.8)}@-webkit-keyframes hvr-icon-pulse{25%{-webkit-transform:scale(1.3);transform:scale(1.3)}75%{-webkit-transform:scale(0.8);transform:scale(0.8)}}@keyframes hvr-icon-pulse{25%{-webkit-transform:scale(1.3);transform:scale(1.3)}75%{-webkit-transform:scale(0.8);transform:scale(0.8)}}.hvr-icon-pulse{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em}.hvr-icon-pulse:before{content:"\f015";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pulse:active:before,.hvr-icon-pulse:focus:before,.hvr-icon-pulse:hover:before{-webkit-animation-name:hvr-icon-pulse;animation-name:hvr-icon-pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-icon-pulse-grow{to{-webkit-transform:scale(1.3);transform:scale(1.3)}}@keyframes hvr-icon-pulse-grow{to{-webkit-transform:scale(1.3);transform:scale(1.3)}}.hvr-icon-pulse-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em}.hvr-icon-pulse-grow:before{content:"\f015";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pulse-grow:active:before,.hvr-icon-pulse-grow:focus:before,.hvr-icon-pulse-grow:hover:before{-webkit-animation-name:hvr-icon-pulse-grow;animation-name:hvr-icon-pulse-grow;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-icon-pulse-shrink{to{-webkit-transform:scale(0.8);transform:scale(0.8)}}@keyframes hvr-icon-pulse-shrink{to{-webkit-transform:scale(0.8);transform:scale(0.8)}}.hvr-icon-pulse-shrink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em}.hvr-icon-pulse-shrink:before{content:"\f015";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pulse-shrink:active:before,.hvr-icon-pulse-shrink:focus:before,.hvr-icon-pulse-shrink:hover:before{-webkit-animation-name:hvr-icon-pulse-shrink;animation-name:hvr-icon-pulse-shrink;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-icon-push{50%{-webkit-transform:scale(0.5);transform:scale(0.5)}}@keyframes hvr-icon-push{50%{-webkit-transform:scale(0.5);transform:scale(0.5)}}.hvr-icon-push{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-push:before{content:"\f006";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-push:active:before,.hvr-icon-push:focus:before,.hvr-icon-push:hover:before{-webkit-animation-name:hvr-icon-push;animation-name:hvr-icon-push;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-icon-pop{50%{-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes hvr-icon-pop{50%{-webkit-transform:scale(1.5);transform:scale(1.5)}}.hvr-icon-pop{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-pop:before{content:"\f005";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pop:active:before,.hvr-icon-pop:focus:before,.hvr-icon-pop:hover:before{-webkit-animation-name:hvr-icon-pop;animation-name:hvr-icon-pop;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-icon-bounce{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-bounce:before{content:"\f087";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-bounce:active:before,.hvr-icon-bounce:focus:before,.hvr-icon-bounce:hover:before{-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36);transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36)}.hvr-icon-rotate{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-rotate:before{content:"\f0c6";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-rotate:active:before,.hvr-icon-rotate:focus:before,.hvr-icon-rotate:hover:before{-webkit-transform:rotate(20deg);transform:rotate(20deg)}.hvr-icon-grow-rotate{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-grow-rotate:before{content:"\f095";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-grow-rotate:active:before,.hvr-icon-grow-rotate:focus:before,.hvr-icon-grow-rotate:hover:before{-webkit-transform:scale(1.5) rotate(12deg);transform:scale(1.5) rotate(12deg)}.hvr-icon-float{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-float:before{content:"\f01b";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-float:active:before,.hvr-icon-float:focus:before,.hvr-icon-float:hover:before{-webkit-transform:translateY(-4px);transform:translateY(-4px)}.hvr-icon-sink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-sink:before{content:"\f01a";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-sink:active:before,.hvr-icon-sink:focus:before,.hvr-icon-sink:hover:before{-webkit-transform:translateY(4px);transform:translateY(4px)}@-webkit-keyframes hvr-icon-bob{0%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}50%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hvr-icon-bob{0%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}50%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@-webkit-keyframes hvr-icon-bob-float{100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hvr-icon-bob-float{100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}.hvr-icon-bob{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-bob:before{content:"\f077";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-bob:active:before,.hvr-icon-bob:focus:before,.hvr-icon-bob:hover:before{-webkit-animation-name:hvr-icon-bob-float,hvr-icon-bob;animation-name:hvr-icon-bob-float,hvr-icon-bob;-webkit-animation-duration:.3s,1.5s;animation-duration:.3s,1.5s;-webkit-animation-delay:0s,.3s;animation-delay:0s,.3s;-webkit-animation-timing-function:ease-out,ease-in-out;animation-timing-function:ease-out,ease-in-out;-webkit-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal,alternate;animation-direction:normal,alternate}@-webkit-keyframes hvr-icon-hang{0%{-webkit-transform:translateY(6px);transform:translateY(6px)}50%{-webkit-transform:translateY(2px);transform:translateY(2px)}100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes hvr-icon-hang{0%{-webkit-transform:translateY(6px);transform:translateY(6px)}50%{-webkit-transform:translateY(2px);transform:translateY(2px)}100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@-webkit-keyframes hvr-icon-hang-sink{100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes hvr-icon-hang-sink{100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}.hvr-icon-hang{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-hang:before{content:"\f078";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-hang:active:before,.hvr-icon-hang:focus:before,.hvr-icon-hang:hover:before{-webkit-animation-name:hvr-icon-hang-sink,hvr-icon-hang;animation-name:hvr-icon-hang-sink,hvr-icon-hang;-webkit-animation-duration:.3s,1.5s;animation-duration:.3s,1.5s;-webkit-animation-delay:0s,.3s;animation-delay:0s,.3s;-webkit-animation-timing-function:ease-out,ease-in-out;animation-timing-function:ease-out,ease-in-out;-webkit-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal,alternate;animation-direction:normal,alternate}@-webkit-keyframes hvr-icon-wobble-horizontal{16.65%{-webkit-transform:translateX(6px);transform:translateX(6px)}33.3%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes hvr-icon-wobble-horizontal{16.65%{-webkit-transform:translateX(6px);transform:translateX(6px)}33.3%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.hvr-icon-wobble-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-wobble-horizontal:before{content:"\f061";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-wobble-horizontal:active:before,.hvr-icon-wobble-horizontal:focus:before,.hvr-icon-wobble-horizontal:hover:before{-webkit-animation-name:hvr-icon-wobble-horizontal;animation-name:hvr-icon-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-icon-wobble-vertical{16.65%{-webkit-transform:translateY(6px);transform:translateY(6px)}33.3%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes hvr-icon-wobble-vertical{16.65%{-webkit-transform:translateY(6px);transform:translateY(6px)}33.3%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.hvr-icon-wobble-vertical{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-wobble-vertical:before{content:"\f062";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-wobble-vertical:active:before,.hvr-icon-wobble-vertical:focus:before,.hvr-icon-wobble-vertical:hover:before{-webkit-animation-name:hvr-icon-wobble-vertical;animation-name:hvr-icon-wobble-vertical;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-icon-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}@keyframes hvr-icon-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}.hvr-icon-buzz{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-buzz:before{content:"\f017";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-buzz:active:before,.hvr-icon-buzz:focus:before,.hvr-icon-buzz:hover:before{-webkit-animation-name:hvr-icon-buzz;animation-name:hvr-icon-buzz;-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-icon-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}@keyframes hvr-icon-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}.hvr-icon-buzz-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-buzz-out:before{content:"\f023";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-buzz-out:active:before,.hvr-icon-buzz-out:focus:before,.hvr-icon-buzz-out:hover:before{-webkit-animation-name:hvr-icon-buzz-out;animation-name:hvr-icon-buzz-out;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-curl-top-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-curl-top-left:before{pointer-events:none;position:absolute;content:'';height:0;width:0;top:0;left:0;background:#fff;background:linear-gradient(135deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#000000');z-index:1000;box-shadow:1px 1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.hvr-curl-top-left:active:before,.hvr-curl-top-left:focus:before,.hvr-curl-top-left:hover:before{width:25px;height:25px}.hvr-curl-top-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-curl-top-right:before{pointer-events:none;position:absolute;content:'';height:0;width:0;top:0;right:0;background:#fff;background:linear-gradient(225deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:-1px 1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.hvr-curl-top-right:active:before,.hvr-curl-top-right:focus:before,.hvr-curl-top-right:hover:before{width:25px;height:25px}.hvr-curl-bottom-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-curl-bottom-right:before{pointer-events:none;position:absolute;content:'';height:0;width:0;bottom:0;right:0;background:#fff;background:linear-gradient(315deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:-1px -1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.hvr-curl-bottom-right:active:before,.hvr-curl-bottom-right:focus:before,.hvr-curl-bottom-right:hover:before{width:25px;height:25px}.hvr-curl-bottom-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-curl-bottom-left:before{pointer-events:none;position:absolute;content:'';height:0;width:0;bottom:0;left:0;background:#fff;background:linear-gradient(45deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:1px -1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.hvr-curl-bottom-left:active:before,.hvr-curl-bottom-left:focus:before,.hvr-curl-bottom-left:hover:before{width:25px;height:25px} /*! * Bootstrap v4.0.0-beta (https://getbootstrap.com) * Copyright 2011-2017 The Bootstrap Authors * Copyright 2011-2017 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ @media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } html { box-sizing: border-box; font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; } *, *::before, *::after { box-sizing: inherit; } @-ms-viewport { width: device-width; } article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 1rem; font-weight: normal; line-height: 1.5; color: #212529; background-color: #fff; } [tabindex="-1"]:focus { outline: none !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[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: bold; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } dfn { font-style: italic; } 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; -webkit-text-decoration-skip: objects; } 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; } pre, code, kbd, samp { font-family: monospace, 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:not(:root) { overflow: hidden; } a, area, button, [role="button"], input, label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #868e96; text-align: left; caption-side: bottom; } th { text-align: left; } label { display: inline-block; margin-bottom: .5rem; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -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-cancel-button, [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; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } 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.1; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.1; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.1; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.1; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 80%; font-weight: normal; } mark, .mark { padding: 0.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: 5px; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: #868e96; } .blockquote-footer::before { content: "\2014 \00A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #ddd; border-radius: 0.25rem; transition: all 0.2s ease-in-out; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #868e96; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } code { padding: 0.2rem 0.4rem; font-size: 90%; color: #bd4147; background-color: #f8f9fa; border-radius: 0.25rem; } a > code { padding: 0; color: inherit; background-color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 90%; color: #fff; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: bold; } pre { display: block; margin-top: 0; margin-bottom: 1rem; font-size: 90%; color: #212529; } pre code { padding: 0; font-size: inherit; color: inherit; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; width: 100%; } @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%; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; width: 100%; } .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-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 { position: relative; width: 100%; min-height: 1px; 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: none; } .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-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; } @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: none; } .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-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; } } @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: none; } .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-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; } } @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: none; } .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-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; } } @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: none; } .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-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; } } .table { width: 100%; max-width: 100%; margin-bottom: 1rem; background-color: transparent; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #e9ecef; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #e9ecef; } .table tbody + tbody { border-top: 2px solid #e9ecef; } .table .table { background-color: #fff; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #e9ecef; } .table-bordered th, .table-bordered td { border: 1px solid #e9ecef; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > th, .table-primary > td { background-color: #b8daff; } .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 > th, .table-secondary > td { background-color: #dddfe2; } .table-hover .table-secondary:hover { background-color: #cfd2d6; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #cfd2d6; } .table-success, .table-success > th, .table-success > td { background-color: #c3e6cb; } .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 > th, .table-info > td { background-color: #bee5eb; } .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 > th, .table-warning > td { background-color: #ffeeba; } .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 > th, .table-danger > td { background-color: #f5c6cb; } .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 > th, .table-light > td { background-color: #fdfdfe; } .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 > th, .table-dark > td { background-color: #c6c8ca; } .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 > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .thead-inverse th { color: #fff; background-color: #212529; } .thead-default th { color: #495057; background-color: #e9ecef; } .table-inverse { color: #fff; background-color: #212529; } .table-inverse th, .table-inverse td, .table-inverse thead th { border-color: #32383e; } .table-inverse.table-bordered { border: 0; } .table-inverse.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-inverse.table-hover tbody tr:hover { background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 991px) { .table-responsive { display: block; width: 100%; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive.table-bordered { border: 0; } } .form-control { display: block; width: 100%; padding: 0.5rem 0.75rem; font-size: 1rem; line-height: 1.25; color: #495057; background-color: #fff; background-image: none; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: none; } .form-control::-webkit-input-placeholder { color: #868e96; opacity: 1; } .form-control:-ms-input-placeholder { color: #868e96; opacity: 1; } .form-control::placeholder { color: #868e96; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } select.form-control:not([size]):not([multiple]) { height: calc(2.25rem + 2px); } select.form-control:focus::-ms-value { color: #495057; background-color: #fff; } .form-control-file, .form-control-range { display: block; } .col-form-label { padding-top: calc(0.5rem - 1px * 2); padding-bottom: calc(0.5rem - 1px * 2); margin-bottom: 0; } .col-form-label-lg { padding-top: calc(0.5rem - 1px * 2); padding-bottom: calc(0.5rem - 1px * 2); font-size: 1.25rem; } .col-form-label-sm { padding-top: calc(0.25rem - 1px * 2); padding-bottom: calc(0.25rem - 1px * 2); font-size: 0.875rem; } .col-form-legend { padding-top: 0.5rem; padding-bottom: 0.5rem; margin-bottom: 0; font-size: 1rem; } .form-control-plaintext { padding-top: 0.5rem; padding-bottom: 0.5rem; margin-bottom: 0; line-height: 1.25; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control, .input-group-sm > .form-control-plaintext.input-group-addon, .input-group-sm > .input-group-btn > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control, .input-group-lg > .form-control-plaintext.input-group-addon, .input-group-lg > .input-group-btn > .form-control-plaintext.btn { padding-right: 0; padding-left: 0; } .form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), .input-group-sm > select.input-group-addon:not([size]):not([multiple]), .input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]) { height: calc(1.8125rem + 2px); } .form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), .input-group-lg > select.input-group-addon:not([size]):not([multiple]), .input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]) { height: calc(2.3125rem + 2px); } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.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; margin-bottom: 0.5rem; } .form-check.disabled .form-check-label { color: #868e96; } .form-check-label { padding-left: 1.25rem; margin-bottom: 0; } .form-check-input { position: absolute; margin-top: 0.25rem; margin-left: -1.25rem; } .form-check-input:only-child { position: static; } .form-check-inline { display: inline-block; } .form-check-inline .form-check-label { vertical-align: middle; } .form-check-inline + .form-check-inline { margin-left: 0.75rem; } .invalid-feedback { display: none; margin-top: .25rem; font-size: .875rem; color: #dc3545; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; width: 250px; padding: .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1; color: #fff; background-color: rgba(220, 53, 69, 0.8); border-radius: .2rem; } .was-validated .form-control:valid, .form-control.is-valid, .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #28a745; } .was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .form-control:valid ~ .invalid-feedback, .was-validated .form-control:valid ~ .invalid-tooltip, .form-control.is-valid ~ .invalid-feedback, .form-control.is-valid ~ .invalid-tooltip, .was-validated .custom-select:valid ~ .invalid-feedback, .was-validated .custom-select:valid ~ .invalid-tooltip, .custom-select.is-valid ~ .invalid-feedback, .custom-select.is-valid ~ .invalid-tooltip { display: block; } .was-validated .form-check-input:valid + .form-check-label, .form-check-input.is-valid + .form-check-label { color: #28a745; } .was-validated .custom-control-input:valid ~ .custom-control-indicator, .custom-control-input.is-valid ~ .custom-control-indicator { background-color: rgba(40, 167, 69, 0.25); } .was-validated .custom-control-input:valid ~ .custom-control-description, .custom-control-input.is-valid ~ .custom-control-description { color: #28a745; } .was-validated .custom-file-input:valid ~ .custom-file-control, .custom-file-input.is-valid ~ .custom-file-control { border-color: #28a745; } .was-validated .custom-file-input:valid ~ .custom-file-control::before, .custom-file-input.is-valid ~ .custom-file-control::before { border-color: inherit; } .was-validated .custom-file-input:valid:focus, .custom-file-input.is-valid:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #dc3545; } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-check-input:invalid + .form-check-label, .form-check-input.is-invalid + .form-check-label { color: #dc3545; } .was-validated .custom-control-input:invalid ~ .custom-control-indicator, .custom-control-input.is-invalid ~ .custom-control-indicator { background-color: rgba(220, 53, 69, 0.25); } .was-validated .custom-control-input:invalid ~ .custom-control-description, .custom-control-input.is-invalid ~ .custom-control-description { color: #dc3545; } .was-validated .custom-file-input:invalid ~ .custom-file-control, .custom-file-input.is-invalid ~ .custom-file-control { border-color: #dc3545; } .was-validated .custom-file-input:invalid ~ .custom-file-control::before, .custom-file-input.is-invalid ~ .custom-file-control::before { border-color: inherit; } .was-validated .custom-file-input:invalid:focus, .custom-file-input.is-invalid:focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.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 .input-group { width: auto; } .form-inline .form-control-label { margin-bottom: 0; vertical-align: middle; } .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; margin-top: 0; margin-bottom: 0; } .form-inline .form-check-label { padding-left: 0; } .form-inline .form-check-input { position: relative; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding-left: 0; } .form-inline .custom-control-indicator { position: static; display: inline-block; margin-right: 0.25rem; vertical-align: text-bottom; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .btn { display: inline-block; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: 0.5rem 0.75rem; font-size: 1rem; line-height: 1.25; border-radius: 0.25rem; transition: all 0.15s ease-in-out; } .btn:focus, .btn:hover { text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25); } .btn.disabled, .btn:disabled { opacity: .65; } .btn:active, .btn.active { background-image: none; } 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 3px rgba(0, 123, 255, 0.5); } .btn-primary.disabled, .btn-primary:disabled { background-color: #007bff; border-color: #007bff; } .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle { background-color: #0069d9; background-image: none; border-color: #0062cc; } .btn-secondary { color: #fff; background-color: #868e96; border-color: #868e96; } .btn-secondary:hover { color: #fff; background-color: #727b84; border-color: #6c757d; } .btn-secondary:focus, .btn-secondary.focus { box-shadow: 0 0 0 3px rgba(134, 142, 150, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { background-color: #868e96; border-color: #868e96; } .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle { background-color: #727b84; background-image: none; border-color: #6c757d; } .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 3px rgba(40, 167, 69, 0.5); } .btn-success.disabled, .btn-success:disabled { background-color: #28a745; border-color: #28a745; } .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle { background-color: #218838; background-image: none; border-color: #1e7e34; } .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 3px rgba(23, 162, 184, 0.5); } .btn-info.disabled, .btn-info:disabled { background-color: #17a2b8; border-color: #17a2b8; } .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle { background-color: #138496; background-image: none; border-color: #117a8b; } .btn-warning { color: #111; background-color: #ffc107; border-color: #ffc107; } .btn-warning:hover { color: #111; background-color: #e0a800; border-color: #d39e00; } .btn-warning:focus, .btn-warning.focus { box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.5); } .btn-warning.disabled, .btn-warning:disabled { background-color: #ffc107; border-color: #ffc107; } .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle { background-color: #e0a800; background-image: none; border-color: #d39e00; } .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 3px rgba(220, 53, 69, 0.5); } .btn-danger.disabled, .btn-danger:disabled { background-color: #dc3545; border-color: #dc3545; } .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle { background-color: #c82333; background-image: none; border-color: #bd2130; } .btn-light { color: #111; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:hover { color: #111; background-color: #e2e6ea; border-color: #dae0e5; } .btn-light:focus, .btn-light.focus { box-shadow: 0 0 0 3px rgba(248, 249, 250, 0.5); } .btn-light.disabled, .btn-light:disabled { background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle { background-color: #e2e6ea; background-image: none; border-color: #dae0e5; } .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 3px rgba(52, 58, 64, 0.5); } .btn-dark.disabled, .btn-dark:disabled { background-color: #343a40; border-color: #343a40; } .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle { background-color: #23272b; background-image: none; border-color: #1d2124; } .btn-outline-primary { color: #007bff; background-color: transparent; background-image: none; 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 3px rgba(0, 123, 255, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #007bff; background-color: transparent; } .btn-outline-primary:active, .btn-outline-primary.active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-outline-secondary { color: #868e96; background-color: transparent; background-image: none; border-color: #868e96; } .btn-outline-secondary:hover { color: #fff; background-color: #868e96; border-color: #868e96; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 3px rgba(134, 142, 150, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #868e96; background-color: transparent; } .btn-outline-secondary:active, .btn-outline-secondary.active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #868e96; border-color: #868e96; } .btn-outline-success { color: #28a745; background-color: transparent; background-image: none; 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 3px rgba(40, 167, 69, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #28a745; background-color: transparent; } .btn-outline-success:active, .btn-outline-success.active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-info { color: #17a2b8; background-color: transparent; background-image: none; 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 3px rgba(23, 162, 184, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #17a2b8; background-color: transparent; } .btn-outline-info:active, .btn-outline-info.active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-warning { color: #ffc107; background-color: transparent; background-image: none; border-color: #ffc107; } .btn-outline-warning:hover { color: #fff; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent; } .btn-outline-warning:active, .btn-outline-warning.active, .show > .btn-outline-warning.dropdown-toggle { color: #fff; background-color: #ffc107; border-color: #ffc107; } .btn-outline-danger { color: #dc3545; background-color: transparent; background-image: none; 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 3px rgba(220, 53, 69, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: transparent; } .btn-outline-danger:active, .btn-outline-danger.active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-light { color: #f8f9fa; background-color: transparent; background-image: none; border-color: #f8f9fa; } .btn-outline-light:hover { color: #fff; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 3px rgba(248, 249, 250, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; } .btn-outline-light:active, .btn-outline-light.active, .show > .btn-outline-light.dropdown-toggle { color: #fff; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-dark { color: #343a40; background-color: transparent; background-image: none; 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 3px rgba(52, 58, 64, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; background-color: transparent; } .btn-outline-dark:active, .btn-outline-dark.active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-link { font-weight: normal; color: #007bff; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled { background-color: transparent; } .btn-link, .btn-link:focus, .btn-link:active { border-color: transparent; box-shadow: none; } .btn-link:hover { border-color: transparent; } .btn-link:focus, .btn-link:hover { color: #0056b3; text-decoration: underline; background-color: transparent; } .btn-link:disabled { color: #868e96; } .btn-link:disabled:focus, .btn-link:disabled:hover { text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; transition: opacity 0.15s linear; } .fade.show { opacity: 1; } .collapse { display: none; } .collapse.show { display: block; } tr.collapse.show { display: table-row; } tbody.collapse.show { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } .dropup, .dropdown { position: relative; } .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropup .dropdown-menu { margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { border-top: 0; border-bottom: 0.3em solid; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.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, 0.15); border-radius: 0.25rem; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: normal; color: #212529; text-align: inherit; white-space: nowrap; background: none; 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: #868e96; background-color: transparent; } .show > a { outline: 0; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #868e96; white-space: nowrap; } .btn-group, .btn-group-vertical { position: relative; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; -ms-flex: 0 1 auto; flex: 0 1 auto; margin-bottom: 0; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 2; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group, .btn-group-vertical .btn + .btn, .btn-group-vertical .btn + .btn-group, .btn-group-vertical .btn-group + .btn, .btn-group-vertical .btn-group + .btn-group { margin-left: -1px; } .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:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn + .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .btn + .dropdown-toggle-split::after { margin-left: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { display: -ms-inline-flexbox; display: inline-flex; -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 + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } [data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: -ms-flexbox; display: flex; width: 100%; } .input-group .form-control { position: relative; z-index: 2; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .input-group .form-control:focus, .input-group .form-control:active, .input-group .form-control:hover { z-index: 3; } .input-group-addon, .input-group-btn, .input-group .form-control { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: normal; line-height: 1.25; color: #495057; text-align: center; background-color: #e9ecef; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .input-group-addon.form-control-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; } .input-group-addon.form-control-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn { padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: 0.3rem; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } .input-group .form-control:not(:last-child), .input-group-addon:not(:last-child), .input-group-btn:not(:last-child) > .btn, .input-group-btn:not(:last-child) > .btn-group > .btn, .input-group-btn:not(:last-child) > .dropdown-toggle, .input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-addon:not(:last-child) { border-right: 0; } .input-group .form-control:not(:first-child), .input-group-addon:not(:first-child), .input-group-btn:not(:first-child) > .btn, .input-group-btn:not(:first-child) > .btn-group > .btn, .input-group-btn:not(:first-child) > .dropdown-toggle, .input-group-btn:not(:last-child) > .btn:not(:first-child), .input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .form-control + .input-group-addon:not(:first-child) { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:focus, .input-group-btn > .btn:active, .input-group-btn > .btn:hover { z-index: 3; } .input-group-btn:not(:last-child) > .btn, .input-group-btn:not(:last-child) > .btn-group { margin-right: -1px; } .input-group-btn:not(:first-child) > .btn, .input-group-btn:not(:first-child) > .btn-group { z-index: 2; margin-left: -1px; } .input-group-btn:not(:first-child) > .btn:focus, .input-group-btn:not(:first-child) > .btn:active, .input-group-btn:not(:first-child) > .btn:hover, .input-group-btn:not(:first-child) > .btn-group:focus, .input-group-btn:not(:first-child) > .btn-group:active, .input-group-btn:not(:first-child) > .btn-group:hover { z-index: 3; } .custom-control { position: relative; display: -ms-inline-flexbox; display: inline-flex; min-height: 1.5rem; padding-left: 1.5rem; margin-right: 1rem; } .custom-control-input { position: absolute; z-index: -1; opacity: 0; } .custom-control-input:checked ~ .custom-control-indicator { color: #fff; background-color: #007bff; } .custom-control-input:focus ~ .custom-control-indicator { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007bff; } .custom-control-input:active ~ .custom-control-indicator { color: #fff; background-color: #b3d7ff; } .custom-control-input:disabled ~ .custom-control-indicator { background-color: #e9ecef; } .custom-control-input:disabled ~ .custom-control-description { color: #868e96; } .custom-control-indicator { position: absolute; top: 0.25rem; left: 0; display: block; width: 1rem; height: 1rem; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #ddd; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; } .custom-checkbox .custom-control-indicator { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-indicator { background-image: url("data:image/svg+xml;charset=utf8,%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-indicator { background-color: #007bff; background-image: url("data:image/svg+xml;charset=utf8,%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-radio .custom-control-indicator { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-indicator { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); } .custom-controls-stacked { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .custom-controls-stacked .custom-control { margin-bottom: 0.25rem; } .custom-controls-stacked .custom-control + .custom-control { margin-left: 0; } .custom-select { display: inline-block; max-width: 100%; height: calc(2.25rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; line-height: 1.25; color: #495057; vertical-align: middle; background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center; background-size: 8px 10px; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-select:focus { border-color: #80bdff; outline: none; } .custom-select:focus::-ms-value { color: #495057; background-color: #fff; } .custom-select:disabled { color: #868e96; background-color: #e9ecef; } .custom-select::-ms-expand { opacity: 0; } .custom-select-sm { height: calc(1.8125rem + 2px); padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 75%; } .custom-file { position: relative; display: inline-block; max-width: 100%; height: 2.5rem; margin-bottom: 0; } .custom-file-input { min-width: 14rem; max-width: 100%; height: 2.5rem; margin: 0; opacity: 0; } .custom-file-control { position: absolute; top: 0; right: 0; left: 0; z-index: 5; height: 2.5rem; padding: 0.5rem 1rem; line-height: 1.5; color: #495057; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .custom-file-control:lang(en):empty::after { content: "Choose file..."; } .custom-file-control::before { position: absolute; top: -1px; right: -1px; bottom: -1px; z-index: 6; display: block; height: 2.5rem; padding: 0.5rem 1rem; line-height: 1.5; color: #495057; background-color: #e9ecef; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0 0.25rem 0.25rem 0; } .custom-file-control:lang(en)::before { content: "Browse"; } .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: 0.5rem 1rem; } .nav-link:focus, .nav-link:hover { text-decoration: none; } .nav-link.disabled { color: #868e96; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: #e9ecef #e9ecef #ddd; } .nav-tabs .nav-link.disabled { color: #868e96; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #ddd #ddd #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 0.25rem; } .nav-pills .nav-link.active, .show > .nav-pills .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: 0.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: 0.3125rem; padding-bottom: 0.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: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-align: center; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background: transparent; border: 1px solid transparent; border-radius: 0.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: 575px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: 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 .dropdown-menu-right { right: 0; left: auto; } .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; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: 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 .dropdown-menu-right { right: 0; left: auto; } .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; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: 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 .dropdown-menu-right { right: 0; left: auto; } .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; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1199px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: 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 .dropdown-menu-right { right: 0; left: auto; } .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; } .navbar-expand-xl .navbar-toggler { display: none; } } .navbar-expand { -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: 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 .dropdown-menu-right { right: 0; left: auto; } .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; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%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, 0.5); } .navbar-dark .navbar-brand { color: white; } .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { color: white; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: white; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%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, 0.5); } .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, 0.125); border-radius: 0.25rem; } .card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.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 > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img { width: 100%; border-radius: calc(0.25rem - 1px); } .card-img-top { width: 100%; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-img-bottom { width: 100%; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } @media (min-width: 576px) { .card-deck { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { 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-left: 15px; } } @media (min-width: 576px) { .card-group { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; } .card-group .card { -ms-flex: 1 0 0%; flex: 1 0 0%; } .card-group .card + .card { margin-left: 0; border-left: 0; } .card-group .card:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group .card:first-child .card-img-top { border-top-right-radius: 0; } .card-group .card:first-child .card-img-bottom { border-bottom-right-radius: 0; } .card-group .card:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group .card:last-child .card-img-top { border-top-left-radius: 0; } .card-group .card:last-child .card-img-bottom { border-bottom-left-radius: 0; } .card-group .card:not(:first-child):not(:last-child) { border-radius: 0; } .card-group .card:not(:first-child):not(:last-child) .card-img-top, .card-group .card:not(:first-child):not(:last-child) .card-img-bottom { border-radius: 0; } } .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-columns { -webkit-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; column-gap: 1.25rem; } .card-columns .card { display: inline-block; width: 100%; } } .breadcrumb { padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0.25rem; } .breadcrumb::after { display: block; clear: both; content: ""; } .breadcrumb-item { float: left; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; padding-left: 0.5rem; color: #868e96; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #868e96; } .pagination { display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .page-item.active .page-link { z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff; } .page-item.disabled .page-link { color: #868e96; pointer-events: none; background-color: #fff; border-color: #ddd; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #ddd; } .page-link:focus, .page-link:hover { color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #ddd; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: #fff; background-color: #007bff; } .badge-primary[href]:focus, .badge-primary[href]:hover { color: #fff; text-decoration: none; background-color: #0062cc; } .badge-secondary { color: #fff; background-color: #868e96; } .badge-secondary[href]:focus, .badge-secondary[href]:hover { color: #fff; text-decoration: none; background-color: #6c757d; } .badge-success { color: #fff; background-color: #28a745; } .badge-success[href]:focus, .badge-success[href]:hover { color: #fff; text-decoration: none; background-color: #1e7e34; } .badge-info { color: #fff; background-color: #17a2b8; } .badge-info[href]:focus, .badge-info[href]:hover { color: #fff; text-decoration: none; background-color: #117a8b; } .badge-warning { color: #111; background-color: #ffc107; } .badge-warning[href]:focus, .badge-warning[href]:hover { color: #111; text-decoration: none; background-color: #d39e00; } .badge-danger { color: #fff; background-color: #dc3545; } .badge-danger[href]:focus, .badge-danger[href]:hover { color: #fff; text-decoration: none; background-color: #bd2130; } .badge-light { color: #111; background-color: #f8f9fa; } .badge-light[href]:focus, .badge-light[href]:hover { color: #111; text-decoration: none; background-color: #dae0e5; } .badge-dark { color: #fff; background-color: #343a40; } .badge-dark[href]:focus, .badge-dark[href]:hover { color: #fff; text-decoration: none; background-color: #1d2124; } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 0.3rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: bold; } .alert-dismissible .close { position: relative; top: -0.75rem; right: -1.25rem; padding: 0.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: #464a4e; background-color: #e7e8ea; border-color: #dddfe2; } .alert-secondary hr { border-top-color: #cfd2d6; } .alert-secondary .alert-link { color: #2e3133; } .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; overflow: hidden; font-size: 0.75rem; line-height: 1rem; text-align: center; background-color: #e9ecef; border-radius: 0.25rem; } .progress-bar { height: 1rem; line-height: 1rem; color: #fff; background-color: #007bff; transition: width 0.6s ease; } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.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 { 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 { 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: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .list-group-item:focus, .list-group-item:hover { text-decoration: none; } .list-group-item.disabled, .list-group-item:disabled { color: #868e96; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff; } .list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; } .list-group-flush:first-child .list-group-item:first-child { border-top: 0; } .list-group-flush:last-child .list-group-item:last-child { border-bottom: 0; } .list-group-item-primary { color: #004085; background-color: #b8daff; } a.list-group-item-primary, button.list-group-item-primary { color: #004085; } a.list-group-item-primary:focus, a.list-group-item-primary:hover, button.list-group-item-primary:focus, button.list-group-item-primary:hover { color: #004085; background-color: #9fcdff; } a.list-group-item-primary.active, button.list-group-item-primary.active { color: #fff; background-color: #004085; border-color: #004085; } .list-group-item-secondary { color: #464a4e; background-color: #dddfe2; } a.list-group-item-secondary, button.list-group-item-secondary { color: #464a4e; } a.list-group-item-secondary:focus, a.list-group-item-secondary:hover, button.list-group-item-secondary:focus, button.list-group-item-secondary:hover { color: #464a4e; background-color: #cfd2d6; } a.list-group-item-secondary.active, button.list-group-item-secondary.active { color: #fff; background-color: #464a4e; border-color: #464a4e; } .list-group-item-success { color: #155724; background-color: #c3e6cb; } a.list-group-item-success, button.list-group-item-success { color: #155724; } a.list-group-item-success:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.list-group-item-success:hover { color: #155724; background-color: #b1dfbb; } a.list-group-item-success.active, button.list-group-item-success.active { color: #fff; background-color: #155724; border-color: #155724; } .list-group-item-info { color: #0c5460; background-color: #bee5eb; } a.list-group-item-info, button.list-group-item-info { color: #0c5460; } a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover { color: #0c5460; background-color: #abdde5; } a.list-group-item-info.active, button.list-group-item-info.active { color: #fff; background-color: #0c5460; border-color: #0c5460; } .list-group-item-warning { color: #856404; background-color: #ffeeba; } a.list-group-item-warning, button.list-group-item-warning { color: #856404; } a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.list-group-item-warning:hover { color: #856404; background-color: #ffe8a1; } a.list-group-item-warning.active, button.list-group-item-warning.active { color: #fff; background-color: #856404; border-color: #856404; } .list-group-item-danger { color: #721c24; background-color: #f5c6cb; } a.list-group-item-danger, button.list-group-item-danger { color: #721c24; } a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.list-group-item-danger:hover { color: #721c24; background-color: #f1b0b7; } a.list-group-item-danger.active, button.list-group-item-danger.active { color: #fff; background-color: #721c24; border-color: #721c24; } .list-group-item-light { color: #818182; background-color: #fdfdfe; } a.list-group-item-light, button.list-group-item-light { color: #818182; } a.list-group-item-light:focus, a.list-group-item-light:hover, button.list-group-item-light:focus, button.list-group-item-light:hover { color: #818182; background-color: #ececf6; } a.list-group-item-light.active, button.list-group-item-light.active { color: #fff; background-color: #818182; border-color: #818182; } .list-group-item-dark { color: #1b1e21; background-color: #c6c8ca; } a.list-group-item-dark, button.list-group-item-dark { color: #1b1e21; } a.list-group-item-dark:focus, a.list-group-item-dark:hover, button.list-group-item-dark:focus, button.list-group-item-dark:hover { color: #1b1e21; background-color: #b9bbbe; } a.list-group-item-dark.active, button.list-group-item-dark.active { color: #fff; background-color: #1b1e21; border-color: #1b1e21; } .close { float: right; font-size: 1.5rem; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; } .close:focus, .close:hover { color: #000; text-decoration: none; opacity: .75; } button.close { padding: 0; background: transparent; border: 0; -webkit-appearance: none; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; } .modal.fade .modal-dialog { transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, -25%); transform: translate(0, -25%); } .modal.show .modal-dialog { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: 15px; border-bottom: 1px solid #e9ecef; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 15px; } .modal-footer { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; padding: 15px; border-top: 1px solid #e9ecef; } .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: 30px auto; } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg { max-width: 800px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-style: normal; font-weight: normal; 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: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 5px; height: 5px; } .tooltip.bs-tooltip-top, .tooltip.bs-tooltip-auto[x-placement^="top"] { padding: 5px 0; } .tooltip.bs-tooltip-top .arrow, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; } .tooltip.bs-tooltip-top .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before { margin-left: -3px; content: ""; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.bs-tooltip-right, .tooltip.bs-tooltip-auto[x-placement^="right"] { padding: 0 5px; } .tooltip.bs-tooltip-right .arrow, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; } .tooltip.bs-tooltip-right .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before { margin-top: -3px; content: ""; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.bs-tooltip-bottom, .tooltip.bs-tooltip-auto[x-placement^="bottom"] { padding: 5px 0; } .tooltip.bs-tooltip-bottom .arrow, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; } .tooltip.bs-tooltip-bottom .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before { margin-left: -3px; content: ""; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bs-tooltip-left, .tooltip.bs-tooltip-auto[x-placement^="left"] { padding: 0 5px; } .tooltip.bs-tooltip-left .arrow, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; } .tooltip.bs-tooltip-left .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before { right: 0; margin-top: -3px; content: ""; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip .arrow::before { position: absolute; border-color: transparent; border-style: solid; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; padding: 1px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-style: normal; font-weight: normal; 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: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .arrow { position: absolute; display: block; width: 10px; height: 5px; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; border-color: transparent; border-style: solid; } .popover .arrow::before { content: ""; border-width: 11px; } .popover .arrow::after { content: ""; border-width: 11px; } .popover.bs-popover-top, .popover.bs-popover-auto[x-placement^="top"] { margin-bottom: 10px; } .popover.bs-popover-top .arrow, .popover.bs-popover-auto[x-placement^="top"] .arrow { bottom: 0; } .popover.bs-popover-top .arrow::before, .popover.bs-popover-auto[x-placement^="top"] .arrow::before, .popover.bs-popover-top .arrow::after, .popover.bs-popover-auto[x-placement^="top"] .arrow::after { border-bottom-width: 0; } .popover.bs-popover-top .arrow::before, .popover.bs-popover-auto[x-placement^="top"] .arrow::before { bottom: -11px; margin-left: -6px; border-top-color: rgba(0, 0, 0, 0.25); } .popover.bs-popover-top .arrow::after, .popover.bs-popover-auto[x-placement^="top"] .arrow::after { bottom: -10px; margin-left: -6px; border-top-color: #fff; } .popover.bs-popover-right, .popover.bs-popover-auto[x-placement^="right"] { margin-left: 10px; } .popover.bs-popover-right .arrow, .popover.bs-popover-auto[x-placement^="right"] .arrow { left: 0; } .popover.bs-popover-right .arrow::before, .popover.bs-popover-auto[x-placement^="right"] .arrow::before, .popover.bs-popover-right .arrow::after, .popover.bs-popover-auto[x-placement^="right"] .arrow::after { margin-top: -8px; border-left-width: 0; } .popover.bs-popover-right .arrow::before, .popover.bs-popover-auto[x-placement^="right"] .arrow::before { left: -11px; border-right-color: rgba(0, 0, 0, 0.25); } .popover.bs-popover-right .arrow::after, .popover.bs-popover-auto[x-placement^="right"] .arrow::after { left: -10px; border-right-color: #fff; } .popover.bs-popover-bottom, .popover.bs-popover-auto[x-placement^="bottom"] { margin-top: 10px; } .popover.bs-popover-bottom .arrow, .popover.bs-popover-auto[x-placement^="bottom"] .arrow { top: 0; } .popover.bs-popover-bottom .arrow::before, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::before, .popover.bs-popover-bottom .arrow::after, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::after { margin-left: -7px; border-top-width: 0; } .popover.bs-popover-bottom .arrow::before, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::before { top: -11px; border-bottom-color: rgba(0, 0, 0, 0.25); } .popover.bs-popover-bottom .arrow::after, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::after { top: -10px; border-bottom-color: #fff; } .popover.bs-popover-bottom .popover-header::before, .popover.bs-popover-auto[x-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 20px; margin-left: -10px; content: ""; border-bottom: 1px solid #f7f7f7; } .popover.bs-popover-left, .popover.bs-popover-auto[x-placement^="left"] { margin-right: 10px; } .popover.bs-popover-left .arrow, .popover.bs-popover-auto[x-placement^="left"] .arrow { right: 0; } .popover.bs-popover-left .arrow::before, .popover.bs-popover-auto[x-placement^="left"] .arrow::before, .popover.bs-popover-left .arrow::after, .popover.bs-popover-auto[x-placement^="left"] .arrow::after { margin-top: -8px; border-right-width: 0; } .popover.bs-popover-left .arrow::before, .popover.bs-popover-auto[x-placement^="left"] .arrow::before { right: -11px; border-left-color: rgba(0, 0, 0, 0.25); } .popover.bs-popover-left .arrow::after, .popover.bs-popover-auto[x-placement^="left"] .arrow::after { right: -10px; border-left-color: #fff; } .popover-header { padding: 8px 14px; margin-bottom: 0; font-size: 1rem; color: inherit; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 9px 14px; color: #212529; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-item { position: relative; display: none; -ms-flex-align: center; align-items: center; width: 100%; transition: -webkit-transform 0.6s ease; transition: transform 0.6s ease; transition: transform 0.6s ease, -webkit-transform 0.6s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next, .carousel-item-prev { position: absolute; top: 0; } .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { -webkit-transform: translateX(0); transform: translateX(0); } @supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) { .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .carousel-item-next, .active.carousel-item-right { -webkit-transform: translateX(100%); transform: translateX(100%); } @supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) { .carousel-item-next, .active.carousel-item-right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .carousel-item-prev, .active.carousel-item-left { -webkit-transform: translateX(-100%); transform: translateX(-100%); } @supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) { .carousel-item-prev, .active.carousel-item-left { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; 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: 0.5; } .carousel-control-prev:focus, .carousel-control-prev:hover, .carousel-control-next:focus, .carousel-control-next:hover { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M4 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;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 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: 10px; 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 { position: relative; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; background-color: rgba(255, 255, 255, 0.5); } .carousel-indicators li::before { position: absolute; top: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .carousel-indicators li::after { position: absolute; bottom: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .carousel-indicators .active { background-color: #fff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } .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 { background-color: #0062cc !important; } .bg-secondary { background-color: #868e96 !important; } a.bg-secondary:focus, a.bg-secondary:hover { background-color: #6c757d !important; } .bg-success { background-color: #28a745 !important; } a.bg-success:focus, a.bg-success:hover { background-color: #1e7e34 !important; } .bg-info { background-color: #17a2b8 !important; } a.bg-info:focus, a.bg-info:hover { background-color: #117a8b !important; } .bg-warning { background-color: #ffc107 !important; } a.bg-warning:focus, a.bg-warning:hover { background-color: #d39e00 !important; } .bg-danger { background-color: #dc3545 !important; } a.bg-danger:focus, a.bg-danger:hover { background-color: #bd2130 !important; } .bg-light { background-color: #f8f9fa !important; } a.bg-light:focus, a.bg-light:hover { background-color: #dae0e5 !important; } .bg-dark { background-color: #343a40 !important; } a.bg-dark:focus, a.bg-dark:hover { background-color: #1d2124 !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #e9ecef !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: #868e96 !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 { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-circle { border-radius: 50%; } .rounded-0 { border-radius: 0; } .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-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-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-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-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-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; } } .d-print-block { display: none !important; } @media print { .d-print-block { display: block !important; } } .d-print-inline { display: none !important; } @media print { .d-print-inline { display: inline !important; } } .d-print-inline-block { display: none !important; } @media print { .d-print-inline-block { display: inline-block !important; } } @media print { .d-print-none { display: none !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 iframe, .embed-responsive embed, .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; } .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; } .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; } .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; } .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; } .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; } } .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; -webkit-clip-path: inset(50%); clip-path: inset(50%); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; -webkit-clip-path: none; clip-path: none; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .m-0 { margin: 0 !important; } .mt-0 { margin-top: 0 !important; } .mr-0 { margin-right: 0 !important; } .mb-0 { margin-bottom: 0 !important; } .ml-0 { margin-left: 0 !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1 { margin-top: 0.25rem !important; } .mr-1 { margin-right: 0.25rem !important; } .mb-1 { margin-bottom: 0.25rem !important; } .ml-1 { margin-left: 0.25rem !important; } .mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mr-2 { margin-right: 0.5rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .ml-2 { margin-left: 0.5rem !important; } .mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3 { margin-top: 1rem !important; } .mr-3 { margin-right: 1rem !important; } .mb-3 { margin-bottom: 1rem !important; } .ml-3 { margin-left: 1rem !important; } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mr-4 { margin-right: 1.5rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .ml-4 { margin-left: 1.5rem !important; } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5 { margin-top: 3rem !important; } .mr-5 { margin-right: 3rem !important; } .mb-5 { margin-bottom: 3rem !important; } .ml-5 { margin-left: 3rem !important; } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0 { padding-top: 0 !important; } .pr-0 { padding-right: 0 !important; } .pb-0 { padding-bottom: 0 !important; } .pl-0 { padding-left: 0 !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1 { padding-top: 0.25rem !important; } .pr-1 { padding-right: 0.25rem !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pl-1 { padding-left: 0.25rem !important; } .px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pr-2 { padding-right: 0.5rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pl-2 { padding-left: 0.5rem !important; } .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3 { padding-top: 1rem !important; } .pr-3 { padding-right: 1rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pl-3 { padding-left: 1rem !important; } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4 { padding-top: 1.5rem !important; } .pr-4 { padding-right: 1.5rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pl-4 { padding-left: 1.5rem !important; } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5 { padding-top: 3rem !important; } .pr-5 { padding-right: 3rem !important; } .pb-5 { padding-bottom: 3rem !important; } .pl-5 { padding-left: 3rem !important; } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .m-auto { margin: auto !important; } .mt-auto { margin-top: auto !important; } .mr-auto { margin-right: auto !important; } .mb-auto { margin-bottom: auto !important; } .ml-auto { margin-left: auto !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0 { margin-top: 0 !important; } .mr-sm-0 { margin-right: 0 !important; } .mb-sm-0 { margin-bottom: 0 !important; } .ml-sm-0 { margin-left: 0 !important; } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1 { margin-left: 0.25rem !important; } .mx-sm-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .my-sm-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2 { margin-left: 0.5rem !important; } .mx-sm-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3 { margin-top: 1rem !important; } .mr-sm-3 { margin-right: 1rem !important; } .mb-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3 { margin-left: 1rem !important; } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4 { margin-left: 1.5rem !important; } .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5 { margin-top: 3rem !important; } .mr-sm-5 { margin-right: 3rem !important; } .mb-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5 { margin-left: 3rem !important; } .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0 { padding-top: 0 !important; } .pr-sm-0 { padding-right: 0 !important; } .pb-sm-0 { padding-bottom: 0 !important; } .pl-sm-0 { padding-left: 0 !important; } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1 { padding-left: 0.25rem !important; } .px-sm-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .py-sm-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2 { padding-left: 0.5rem !important; } .px-sm-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3 { padding-top: 1rem !important; } .pr-sm-3 { padding-right: 1rem !important; } .pb-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3 { padding-left: 1rem !important; } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4 { padding-left: 1.5rem !important; } .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5 { padding-top: 3rem !important; } .pr-sm-5 { padding-right: 3rem !important; } .pb-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5 { padding-left: 3rem !important; } .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto { margin-top: auto !important; } .mr-sm-auto { margin-right: auto !important; } .mb-sm-auto { margin-bottom: auto !important; } .ml-sm-auto { margin-left: auto !important; } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0 { margin-top: 0 !important; } .mr-md-0 { margin-right: 0 !important; } .mb-md-0 { margin-bottom: 0 !important; } .ml-md-0 { margin-left: 0 !important; } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1 { margin-top: 0.25rem !important; } .mr-md-1 { margin-right: 0.25rem !important; } .mb-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1 { margin-left: 0.25rem !important; } .mx-md-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .my-md-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2 { margin-top: 0.5rem !important; } .mr-md-2 { margin-right: 0.5rem !important; } .mb-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2 { margin-left: 0.5rem !important; } .mx-md-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3 { margin-top: 1rem !important; } .mr-md-3 { margin-right: 1rem !important; } .mb-md-3 { margin-bottom: 1rem !important; } .ml-md-3 { margin-left: 1rem !important; } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4 { margin-top: 1.5rem !important; } .mr-md-4 { margin-right: 1.5rem !important; } .mb-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4 { margin-left: 1.5rem !important; } .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5 { margin-top: 3rem !important; } .mr-md-5 { margin-right: 3rem !important; } .mb-md-5 { margin-bottom: 3rem !important; } .ml-md-5 { margin-left: 3rem !important; } .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0 { padding-top: 0 !important; } .pr-md-0 { padding-right: 0 !important; } .pb-md-0 { padding-bottom: 0 !important; } .pl-md-0 { padding-left: 0 !important; } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1 { padding-top: 0.25rem !important; } .pr-md-1 { padding-right: 0.25rem !important; } .pb-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1 { padding-left: 0.25rem !important; } .px-md-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .py-md-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2 { padding-top: 0.5rem !important; } .pr-md-2 { padding-right: 0.5rem !important; } .pb-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2 { padding-left: 0.5rem !important; } .px-md-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3 { padding-top: 1rem !important; } .pr-md-3 { padding-right: 1rem !important; } .pb-md-3 { padding-bottom: 1rem !important; } .pl-md-3 { padding-left: 1rem !important; } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4 { padding-top: 1.5rem !important; } .pr-md-4 { padding-right: 1.5rem !important; } .pb-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4 { padding-left: 1.5rem !important; } .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5 { padding-top: 3rem !important; } .pr-md-5 { padding-right: 3rem !important; } .pb-md-5 { padding-bottom: 3rem !important; } .pl-md-5 { padding-left: 3rem !important; } .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto { margin-top: auto !important; } .mr-md-auto { margin-right: auto !important; } .mb-md-auto { margin-bottom: auto !important; } .ml-md-auto { margin-left: auto !important; } .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0 { margin-top: 0 !important; } .mr-lg-0 { margin-right: 0 !important; } .mb-lg-0 { margin-bottom: 0 !important; } .ml-lg-0 { margin-left: 0 !important; } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1 { margin-left: 0.25rem !important; } .mx-lg-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .my-lg-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2 { margin-left: 0.5rem !important; } .mx-lg-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3 { margin-top: 1rem !important; } .mr-lg-3 { margin-right: 1rem !important; } .mb-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3 { margin-left: 1rem !important; } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4 { margin-left: 1.5rem !important; } .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5 { margin-top: 3rem !important; } .mr-lg-5 { margin-right: 3rem !important; } .mb-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5 { margin-left: 3rem !important; } .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0 { padding-top: 0 !important; } .pr-lg-0 { padding-right: 0 !important; } .pb-lg-0 { padding-bottom: 0 !important; } .pl-lg-0 { padding-left: 0 !important; } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1 { padding-left: 0.25rem !important; } .px-lg-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .py-lg-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2 { padding-left: 0.5rem !important; } .px-lg-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3 { padding-top: 1rem !important; } .pr-lg-3 { padding-right: 1rem !important; } .pb-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3 { padding-left: 1rem !important; } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4 { padding-left: 1.5rem !important; } .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5 { padding-top: 3rem !important; } .pr-lg-5 { padding-right: 3rem !important; } .pb-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5 { padding-left: 3rem !important; } .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto { margin-top: auto !important; } .mr-lg-auto { margin-right: auto !important; } .mb-lg-auto { margin-bottom: auto !important; } .ml-lg-auto { margin-left: auto !important; } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0 { margin-top: 0 !important; } .mr-xl-0 { margin-right: 0 !important; } .mb-xl-0 { margin-bottom: 0 !important; } .ml-xl-0 { margin-left: 0 !important; } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1 { margin-left: 0.25rem !important; } .mx-xl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .my-xl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2 { margin-left: 0.5rem !important; } .mx-xl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .my-xl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3 { margin-top: 1rem !important; } .mr-xl-3 { margin-right: 1rem !important; } .mb-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3 { margin-left: 1rem !important; } .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4 { margin-left: 1.5rem !important; } .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5 { margin-top: 3rem !important; } .mr-xl-5 { margin-right: 3rem !important; } .mb-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5 { margin-left: 3rem !important; } .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0 { padding-top: 0 !important; } .pr-xl-0 { padding-right: 0 !important; } .pb-xl-0 { padding-bottom: 0 !important; } .pl-xl-0 { padding-left: 0 !important; } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1 { padding-left: 0.25rem !important; } .px-xl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .py-xl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2 { padding-left: 0.5rem !important; } .px-xl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .py-xl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3 { padding-top: 1rem !important; } .pr-xl-3 { padding-right: 1rem !important; } .pb-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3 { padding-left: 1rem !important; } .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4 { padding-left: 1.5rem !important; } .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5 { padding-top: 3rem !important; } .pr-xl-5 { padding-right: 3rem !important; } .pb-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5 { padding-left: 3rem !important; } .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto { margin-top: auto !important; } .mr-xl-auto { margin-right: auto !important; } .mb-xl-auto { margin-bottom: auto !important; } .ml-xl-auto { margin-left: auto !important; } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } } .text-justify { text-align: justify !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-normal { font-weight: normal; } .font-weight-bold { font-weight: bold; } .font-italic { font-style: italic; } .text-white { color: #fff !important; } .text-primary { color: #007bff !important; } a.text-primary:focus, a.text-primary:hover { color: #0062cc !important; } .text-secondary { color: #868e96 !important; } a.text-secondary:focus, a.text-secondary:hover { color: #6c757d !important; } .text-success { color: #28a745 !important; } a.text-success:focus, a.text-success:hover { color: #1e7e34 !important; } .text-info { color: #17a2b8 !important; } a.text-info:focus, a.text-info:hover { color: #117a8b !important; } .text-warning { color: #ffc107 !important; } a.text-warning:focus, a.text-warning:hover { color: #d39e00 !important; } .text-danger { color: #dc3545 !important; } a.text-danger:focus, a.text-danger:hover { color: #bd2130 !important; } .text-light { color: #f8f9fa !important; } a.text-light:focus, a.text-light:hover { color: #dae0e5 !important; } .text-dark { color: #343a40 !important; } a.text-dark:focus, a.text-dark:hover { color: #1d2124 !important; } .text-muted { color: #868e96 !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } /*# sourceMappingURL=bootstrap.css.map */ /* Theme Name:The Project - Responsive Website Template Author:HtmlCoder Author URI:http://www.htmlcoder.me Author e-mail:htmlcoder.me@gmail.com Version: 2.0.5 Created:May 2015 License URI:http://support.wrapbootstrap.com/ File Description:Light Blue Skin */ /* 1- Typography ------------------------------------------------- -------------------------------------------------*/ a { color: #09afdf; } a:hover { color: #0c9ec7; } a:focus, a:active { color: #0c9ec7; } mark, .mark { background-color: #09afdf; color: #ffffff; } .text-default { color: #09afdf; } /* Tables ---------------------------------- */ .table.table-colored { border-bottom-color: #0072bc; } .table-colored > thead > tr > th { border-color: #0072bc; background-color: #0072bc; color: #ffffff; } /* 2- Layout ------------------------------------------------- -------------------------------------------------*/ .header-top.dark { background-color: #2e3537; border-bottom: 1px solid #252a2c; } .header.dark { background-color: #0072bc; border-top-color: #0072bc; } .header-top.colored { background-color: #09afdf; border-bottom: 1px solid #09afdf; } .default-bg { background-color: #09afdf; color: #ffffff; } .default-bg-50 { background-color: rgba(9, 175, 223, 0.5); color: #ffffff; } /*Transparent Header*/ .transparent-header header.header.dark.transparent-header-on { background-color: rgba(57, 66, 69, 0.8); border-top-color: rgba(37, 42, 44, 0.5); } /*Fixed Navigation*/ .fixed-header-on .dark.header.fixed { background-color: #0072bc; } /* Small devices (tablets, 768px and up) */ @media (min-width: 992px) { .fixed-header-on .dark.header .dropdown-menu { border: 1px solid #2e3537; } } /*Translucent Backgrounds*/ .default-translucent-bg:after { background-color: rgba(9, 175, 223, 0.7); } .default-translucent-bg.hovered:hover:after { background-color: rgba(9, 175, 223, 0.8); } .default-hovered:hover:after, .default-hovered:hover { background-color: #09afdf; } /* 4 Pages ------------------------------------------------- -------------------------------------------------*/ /* Blog Timeline layout ---------------------------------- */ .timeline-date-label:after { background-color: #09afdf; } /* 5 Components ------------------------------------------------- -------------------------------------------------*/ /* Buttons ---------------------------------- */ .btn-default { background-color: #0072bc; border-color: #0072bc; } .btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .show > .dropdown-toggle.btn-default { background-color: #0c9ec7; border-color: #0c9ec7; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default { background-color: #09afdf; border-color: #0c9ec7; } .btn-default-transparent { border-color: #09afdf; } .btn-default-transparent:hover, .btn-default-transparent:focus, .btn-default-transparent.focus, .btn-default-transparent:active, .btn-default-transparent.active, .show > .dropdown-toggle.btn-default-transparent { background-color: #0c9ec7; border-color: #0781a4; } .default-bg .btn-default, .default-translucent-bg .btn-default, .default-bg .btn-default-transparent, .default-translucent-bg .btn-default-transparent { color: #09afdf; } .btn-white:hover, .btn-white:focus, .btn-white.focus, .btn-white:active, .btn-white.active, .show > .dropdown-toggle.btn-white { color: #0c9ec7; } .hvr-radial-in, .hvr-rectangle-in, .hvr-shutter-in-horizontal, .hvr-shutter-in-vertical { background: #0c9ec7; } .hvr-radial-in:hover, .hvr-rectangle-in:hover, .hvr-shutter-in-horizontal:hover, .hvr-shutter-in-vertical:hover { background: #0c9ec7; } .hvr-sweep-to-right:before, .hvr-sweep-to-left:before, .hvr-sweep-to-bottom:before, .hvr-sweep-to-top:before, .hvr-bounce-to-right:before, .hvr-bounce-to-left:before, .hvr-bounce-to-bottom:before, .hvr-bounce-to-top:before, .hvr-radial-out:before, .hvr-rectangle-out:before, .hvr-shutter-out-horizontal:before, .hvr-shutter-out-vertical:before { background: #0c9ec7; } .no-csstransitions .hvr-sweep-to-right:hover, .no-csstransitions .hvr-sweep-to-left:hover, .no-csstransitions .hvr-sweep-to-bottom:hover, .no-csstransitions .hvr-sweep-to-top:hover, .no-csstransitions .hvr-bounce-to-right:hover, .no-csstransitions .hvr-bounce-to-left:hover, .no-csstransitions .hvr-bounce-to-bottom:hover, .no-csstransitions .hvr-bounce-to-top:hover, .no-csstransitions .hvr-radial-out:hover, .no-csstransitions .hvr-rectangle-out:hover, .no-csstransitions .hvr-shutter-out-horizontal:hover, .no-csstransitions .hvr-shutter-out-vertical:hover, .no-csstransitions .hvr-radial-in:hover, .no-csstransitions .hvr-rectangle-in:hover, .no-csstransitions .hvr-shutter-in-horizontal:hover, .no-csstransitions .hvr-shutter-in-vertical:hover { background: #0c9ec7; } /* Pager ---------------------------------- */ ul.pagination .page-item .page-link:hover, ul.pagination .page-item .page-link:focus { background-color: #0c9ec7; border-color: #0c9ec7; } ul.pagination .page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus { background-color: #09afdf; border-color: #09afdf; } /* Breadcrumb ---------------------------------- */ .banner .breadcrumb .breadcrumb-item a:hover { color: #0c9ec7; } .banner .dark.breadcrumb-container { background-color: rgba(57, 66, 69, 0.6); } /* Nav pills ---------------------------------- */ .nav-pills.style-2 > li .nav-link.active, .nav-pills.style-2 > li .nav-link.active:hover, .nav-pills.style-2 > li .nav-link.active:focus, .nav-pills.style-2 > li .nav-link:hover, .nav-pills.style-2 > li .nav-link:focus { color: #09afdf; } .nav.flex-column > li .nav-link.active, .nav.flex-column > li .nav-link.active:hover, .nav.flex-column > li .nav-link.active:focus, .nav.flex-column > li .nav-link:hover, .nav.flex-column > li .nav-link:focus { color: #09afdf; } .nav-pills > li .nav-link.active:after { color: #09afdf; } .nav.flex-column:not(.list-style-icons) > li .nav-link.active:hover:after, .nav.flex-column:not(.list-style-icons) > li .nav-link.active:focus:after, .nav.flex-column:not(.list-style-icons) > li .nav-link:hover:after, .nav.flex-column:not(.list-style-icons) > li .nav-link:focus:after { color: #0c9ec7; } .nav.flex-column.list-style-icons > li .nav-link.active > i, .nav.flex-column.list-style-icons > li .nav-link:hover > i, .nav.flex-column.list-style-icons > li .nav-link:focus > i { color: #0c9ec7; } .dark .footer-content .nav.flex-column > li > a.active:hover, .dark .footer-content .nav.flex-column > li > a:hover { color: #0c9ec7; } /* Collapse ---------------------------------- */ .collapse-style-2 .card-header a { background-color: #09afdf; } /* Progress bars ---------------------------------- */ .progress-bar-default { background-color: #09afdf; } /* Forms ---------------------------------- */ .default-bg .form-control { border-color: #0c9ec7; } .default-bg .input-group-addon { border-color: #0c9ec7; } /*Icons ---------------------------------- */ .icon.default-bg { background-color: #09afdf; } .icon.light-bg { color: #09afdf; } /*Listing Items ---------------------------------- */ .listing-item .overlay-container .badge { border: 1px solid #09afdf; color: #09afdf; } /*Modals ---------------------------------- */ .modal-content .modal-header { background-color: #09afdf; } /*Pace (Page loader) ---------------------------------- */ /*loader 1*/ .page-loader-1 .pace { border: 1px solid #09afdf; } .page-loader-1 .pace .pace-progress { background: #09afdf; } .page-loader-2 .pace .pace-progress:before { background: #09afdf; } .page-loader-2 .pace .pace-activity { border: 5px solid #09afdf; } .page-loader-2 .pace .pace-activity:after { border: 5px solid #09afdf; } .page-loader-2 .pace .pace-activity:before { border: 5px solid #09afdf; } .page-loader-3 .pace .pace-progress { background: #09afdf; } .page-loader-4 .pace .pace-progress { background: #09afdf; } .page-loader-5 .pace .pace-progress:after { color: #09afdf; } .page-loader-6 .pace .pace-activity { background: #09afdf; } /* 6 Navigations ------------------------------------------------- -------------------------------------------------*/ /* 6.1 Light Version ----------------------------------------------------------------------------- */ .header .navbar-nav li .nav-link:focus, .header .navbar-nav li .nav-link:hover, .header .navbar-nav .show > .nav-link, .header .navbar-nav li .nav-link.show, .header .navbar-nav .active.show > .nav-link, .header .navbar-nav li.show .nav-link.active { color: #09afdf; } .header .navbar-nav .active > .nav-link, .header .navbar-nav li .nav-link.active { color: #09afdf; } .header .navbar-nav li li a:focus, .header .navbar-nav li li a:hover, .header .navbar-nav li .show > a, .header .navbar-nav li li a.show, .header .navbar-nav li .active > a, .header .navbar-nav li li a.active { color: #0c9ec7; } header:not(.dark) .mega-menu .menu > li > a:hover i, header:not(.dark) .dropdown-menu > li > a:hover i, header:not(.dark) .mega-menu .menu > li.active > a i, header:not(.dark) .dropdown-menu > li.active > a i { color: #09afdf; } .navbar-light .navbar-toggler:hover, .navbar-light .navbar-toggler:focus { border-color: #0c9ec7; } /* Small devices (tablets, phones less than 767px) */ @media (max-width: 991px) { .header .navbar-nav .active .nav-link, .header .navbar-nav .active .nav-link:hover, .header .navbar-nav .active .nav-link:focus { color: #0c9ec7; } /* first level item hover and focus states */ .header .navbar-nav li > a:hover, .header .navbar-nav li > a:focus, .header .navbar-nav .active > a, .header .navbar-nav .active > a:hover, .header .navbar-nav .active > a:focus { color: #0c9ec7; } /* second level item on hover/focus */ .header .navbar-nav .show .dropdown-menu > li > a:hover, .header .navbar-nav .show .dropdown-menu > li > a:focus { color: #0c9ec7; } /* Arrow for parent menu item */ .header .navbar-nav .dropdown.show > .dropdown-toggle::after { color: #09afdf; } } /* 6.2 Dark Version ----------------------------------------------------------------------------- */ /* first level active menu item when opened */ .dark.header .navbar-nav .show .nav-link, .dark.header .navbar-nav .show .nav-link:hover, .dark.header .navbar-nav .show .nav-link:focus, .dark.header .navbar-nav .dropdown .nav-link:focus { border-bottom-color: #2e3537; } /* second level menu item */ .dark.header .dropdown-menu { background-color: #2e3537; } .dark.header .dropdown-menu .divider { background-color: rgba(57, 66, 69, 0.8); } .dark.header .dropdown-menu > li > a, .dark.header .navbar-nav .mega-menu .menu > li > a { border-bottom: 1px solid rgba(57, 66, 69, 0.8); } .dark.header .mega-menu .menu > li > a:hover, .dark.header .mega-menu .menu > li > a:focus { border-color: rgba(57, 66, 69, 0.8); } .dark.header .dropdown-menu > li > a:hover, .dark.header .dropdown-menu > li > a:focus, .dark.header .navbar-nav .show > a, .dark.header .navbar-nav .show > a:hover, .dark.header .navbar-nav .show > a:focus, .dark.header .dropdown-menu > .active > a, .dark.header .dropdown-menu > .active > a:hover, .dark.header .dropdown-menu > .active > a:focus, .dark.header .dropdown-menu .menu > .active > a, .dark.header .dropdown-menu .menu > .active > a:hover, .dark.header .dropdown-menu .menu > .active > a:focus { border-color: rgba(57, 66, 69, 0.8); } /* 7 Blocks/Widgets ------------------------------------------------- -------------------------------------------------*/ /* Social icons block ---------------------------------- */ .social-links li a:hover { border-color: #0c9ec7; color: #0c9ec7; } .social-links.animated-effect-1 li a:after { background-color: #09afdf; } .social-links.default li a { background-color: #09afdf; border: 1px solid #0c9ec7; } .header-top:not(.dark) .social-links .dropdown.show > button > i:before { color: #09afdf; } /*Header Dropdowns (search, cart etc) ---------------------------------- */ .header-dropdown-buttons .btn-group > .btn:hover { background-color: #09afdf; border-color: #0c9ec7; } .header-dropdown-buttons .btn-group.show > .btn { background-color: #09afdf; border-color: #0c9ec7; } .dark.header-top .dropdown-menu { border: 1px solid #252a2c; background: #2e3537; } .colored.header-top .dropdown-menu { border: 1px solid #09afdf; background: #09afdf; } /* Media ---------------------------------- */ .media:hover .icon { color: #09afdf; border: 1px solid #09afdf; } /* Full Width Content ---------------------------------- */ /* Large and Medium devices (desktops, tablets less than 1199px) */ @media (max-width: 1199px) { .full-width-section:not(.no-image) .full-text-container.default-bg { background-color: rgba(9, 175, 223, 0.6); } } /* Pricing tables ---------------------------------- */ .popover-title { background-color: #09afdf; } /* Tags cloud block ---------------------------------- */ .tag a { background-color: #09afdf; border: 1px solid #0c9ec7; } .tag a:hover { color: #09afdf; border-color: #0c9ec7; } /* 8 Main Slideshow ------------------------------------------------- -------------------------------------------------*/ .tp-bannertimer { background-color: rgba(9, 175, 223, 0.8); } /* 9 Owl Carousel ------------------------------------------------- -------------------------------------------------*/ .content-slider-with-large-controls .owl-nav .owl-prev:after, .content-slider-with-large-controls-autoplay .owl-nav .owl-prev:after { color: #09afdf; } .content-slider-with-large-controls .owl-nav .owl-next:after, .content-slider-with-large-controls-autoplay .owl-nav .owl-next:after { color: #09afdf; } /* 10 Full Page ------------------------------------------------- -------------------------------------------------*/ #fp-nav ul li a span, .fp-slidesNav ul li a span { background: rgba(9, 175, 223, 0.8); } /** * Theme Name:The Project - Responsive Website Template * * Author:HtmlCoder * Author URI:http://www.htmlcoder.me * Author e-mail:htmlcoder.me@gmail.com * Version: 2.0.5 * Created:March 2015 * License URI:http://support.wrapbootstrap.com/ * File Description:Main CSS file of the template * * TABLE OF CONTENTS * 1) Elements * 2) Layout * 3) Sections * 4) Pages ( blog, about etc ) * 5) Components * 6) Navigations * 7) Blocks/Widgets * 8) Main Slideshow * 9) Owl carousel * 10) Full Page */ /* 1 Elements ----------------------------------------------------------------------------- */ body.canvas-sliding, body.canvas-slid { overflow-x: hidden; } .no-trans * { -webkit-transition: none !important; -o-transition: none !important; transition: none !important; } img { display: block; max-width: 100%; height: auto; } /* Lists ---------------------------------- */ ul { list-style: square; } .list-icons, .list { list-style: none; padding: 0; } .list-icons li, .list li { padding: 5px 0; } .list-icons li i { min-width: 25px; text-align: center; } .list-inline { margin-top: 9px; margin-bottom: 8px; } .header-top .list-inline { display: inline-block; } /* Medium desktop devices and tablets */ @media (min-width: 992px) and (max-width: 1199px) { .header-top .list-inline > li { padding: 0; } } /* Tables ---------------------------------- */ .table:not(.table-bordered) { border-bottom: 2px solid #f3f3f3; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 1px solid #eaeaea; background-color: #eaeaea; color: #333333; font-weight: 400; } .table-colored > thead > tr > th { color: #ffffff; } tbody { background-color: #ffffff; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px 15px; border-top: 1px solid #f3f3f3; } .table-striped tbody { background-color: #ffffff; } .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background-color: #f5f5f5; } .table-striped.table > tbody > tr > td { border-color: #e8e8e8; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border-color: #f3f3f3; } .table-hover > tbody > tr:hover { background-color: rgba(0, 0, 0, 0.04); } .dark .table:not(.table-bordered) { border-bottom: 2px solid rgba(255, 255, 255, 0.07); } .dark .table > tbody { background-color: transparent; } .dark .table > tbody > tr > td { border-top: 1px solid rgba(255, 255, 255, 0.07); } .dark .table > thead > tr > th { border-bottom: 1px solid rgba(255, 255, 255, 0.07); background-color: rgba(0, 0, 0, 0.15); color: #f1f1f1; font-weight: 400; border-top: none; } /* 2 Layout ----------------------------------------------------------------------------- */ .page-wrapper { background-color: #ffffff; } .header-top:not(.banner) { background-color: #f2f2f2; border-bottom: 1px solid #d0d0d0; padding: 4px 0; } .header { border-top: 1px solid #ffffff; border-bottom: 2px solid #f1f1f1; background-color: #fcfcfc; } .header.dark { border-bottom: none; } .header-top.dark + .header:not(.dark) { border-top-color: #dddddd; } .header-top:not(.dark) + .header.dark { border-top-color: #303030; } .header.header-small { padding: 10px 0; } .dark .footer { background-color: #222222; } .dark .subfooter { background-color: #373737; border-color: #454545; } /*Transparent Header*/ .transparent-header .header-top { z-index: 103; position: relative; } .transparent-header header.header.transparent-header-on { z-index: 22; position: absolute; width: 100%; left: 0; background-color: rgba(255, 255, 255, 0.92); border-bottom: 1px solid rgba(0, 0, 0, 0.07); border-top-color: #a0a0a0; } .transparent-header .header-top.colored + header.header.transparent-header-on { border-top-color: transparent; } .header-first { padding: 12px 0 0 0; } /*header dropdown*/ .navbar.navbar-toggleable-md .header-dropdown-buttons { position: absolute; top: 19px; right: 80px; padding-top: 0; } .scroll-spy .banner { min-height: 100px; } .banner.parallax, .banner.light-translucent-bg, .banner.dark-translucent-bg, .banner.default-translucent-bg { min-height: 250px; padding-top: 60px; padding-bottom: 20px; } .banner.banner-big-height { min-height: 550px; padding-top: 100px; } .banner.video-background-banner { min-height: 400px; padding-top: 100px; } .main-container { padding: 50px 0; } .block { margin-bottom: 50px; } .section { padding: 20px 0; } .footer-top { padding: 20px 0; } .footer { padding: 40px 0; background-color: #fafafa; } .footer-content { padding: 20px 0; } .subfooter { background-color: #f5f5f5; padding: 25px 0; border-top: 12px double #000000; } .full-page .subfooter { background-color: transparent; position: fixed; border: none; color: #bbbbbb; width: 100%; bottom: 0; padding: 15px 0; } .full-page .subfooter p a { text-decoration: none; color: #a1a1a1; } /* Small devices (tablets, 768px and up) */ @media (min-width: 768px) { /*Centered Logo Layout*/ .header.centered .header-first { padding: 12px 0; } } /* Medium devices (desktops, tablets less than 991px) */ @media (max-width: 991px) { .sidebar { margin-top: 40px; } .footer-content { padding: 10px 0; } } /* Small devices (tablets, phones less than 767px) */ @media (max-width: 767px) { /*Transparent Header*/ .transparent-header .header-first { padding: 12px 0 12px; } .transparent-header .header-first.visible-xs { padding: 10px 0 3px; } .transparent-header .header-second { z-index: 21; } /*Full width Header*/ .header.full-width { padding: 0 15px; } .header.full-width .header-first { padding: 8px 0 0; } } /* Boxed Layout ---------------------------------- */ .boxed .page-wrapper { margin-right: auto; margin-left: auto; position: relative; -webkit-box-shadow: 0px 0px 10px #cacaca; box-shadow: 0px 0px 10px #cacaca; } .boxed.transparent-page-wrapper .page-wrapper { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .pattern-1 { background-image: url("../images/pattern-1.png"); background-repeat: repeat; background-position: 0 0; } .pattern-2 { background-image: url("../images/pattern-2.png"); background-repeat: repeat; background-position: 0 0; } .pattern-3 { background-image: url("../images/pattern-3.png"); background-repeat: repeat; background-position: 0 0; } .pattern-4 { background-image: url("../images/pattern-4.png"); background-repeat: repeat; background-position: 0 0; } .pattern-5 { background-image: url("../images/pattern-5.png"); background-repeat: repeat; background-position: 0 0; } .pattern-6 { background-image: url("../images/pattern-6.png"); background-repeat: repeat; background-position: 0 0; } .pattern-7 { background-image: url("../images/pattern-7.png"); background-repeat: repeat; background-position: 0 0; } .pattern-8 { background-image: url("../images/pattern-8.png"); background-repeat: repeat; background-position: 0 0; } .pattern-9 { background-image: url("../images/pattern-9.png"); background-repeat: repeat; background-position: 0 0; } .pattern-4 .page-wrapper, .pattern-5 .page-wrapper, .pattern-6 .page-wrapper, .pattern-7 .page-wrapper, .pattern-8 .page-wrapper, .pattern-9 .page-wrapper { -webkit-box-shadow: none; box-shadow: none; } /* Small devices (tablets, 768px and up) */ @media (min-width: 768px) { .boxed .page-wrapper { width: 750px; } } /* Medium devices (desktops, tablets, 992px and up) */ @media (min-width: 992px) { .boxed .page-wrapper { width: 970px; } } /* Large devices (Large desktops 1200px and up) */ @media (min-width: 1200px) { .boxed .page-wrapper { width: 1170px; } } /*Backgrounds ---------------------------------- */ .background-img-1 { background: url("../images/background-img-1.jpg") 50% 0px no-repeat; } .background-img-2 { background: url("../images/background-img-2.jpg") 50% 0px no-repeat; } .background-img-3 { background: url("../images/background-img-3.jpg") 50% 0px no-repeat; } .background-img-4 { background: url("../images/background-img-4.jpg") 50% 0px no-repeat; } .background-img-5 { background: url("../images/background-img-5.jpg") 50% 0px no-repeat; } .background-img-6 { background: url("../images/background-img-6.jpg") 50% 0px no-repeat; } .header-img { background: url("../images/header-img.jpg") 50% 0px no-repeat; } .background-img-8 { background: url("../images/background-img-8.jpg") 50% 0px no-repeat; } .background-img-9 { background: url("../images/background-img-9.jpg") 50% 0px no-repeat; } .background-img-10 { background: url("../images/background-img-10.jpg") 50% 0px no-repeat; } .fullscreen-bg { background: url("../images/mc-bg.jpg") 50% 0px no-repeat; position: fixed; top: 0; left: 0; right: 0; bottom: 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .boxed .fullscreen-bg { background: none; } .white-bg { background-color: #ffffff; } .light-gray-bg { background-color: #fafafa; border-top: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; } .footer-top.light-gray-bg { background-color: #f5f5f5; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; } .dark-bg { background-color: #000000; color: #cdcdcd; } .dark-bg + .dark-bg:not(.image-box):not(.full-image-container):not(.full-text-container):not(.full-width-section) { background-color: #555555; } .dark-bg + .dark-bg + .dark-bg { background-color: #373737; } .dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg h5, .dark-bg h6 { color: #ffffff; } .dark-bg a:not(.btn) { text-decoration: underline; color: #cdcdcd; } .dark-bg a:not(.btn):hover { text-decoration: none; color: #cdcdcd; } .default-bg { color: #ffffff; } .default-bg h1, .default-bg h2, .default-bg h3, .default-bg h4, .default-bg h5, .default-bg h6 { color: #ffffff; } .default-bg a:not(.btn) { text-decoration: underline; color: #ffffff; } .default-bg a:not(.btn):hover { text-decoration: none; color: #ffffff; } /*Translucent Backgrounds*/ .no-touch .parallax, .no-touch .parallax-2, .no-touch .parallax-3, .no-touch .fixed-bg { background-attachment: fixed; } .light-translucent-bg, .dark-translucent-bg, .default-translucent-bg, .two-col-translucent-bg { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 0; background-repeat: no-repeat; z-index: 1; position: relative; overflow: hidden; } .light-translucent-bg:after, .dark-translucent-bg:after, .default-translucent-bg:after, .two-col-translucent-bg:after { content: ""; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1, 1); } .light-translucent-bg > div, .dark-translucent-bg > div, .default-translucent-bg > div, .two-col-translucent-bg > div { z-index: 3; position: relative; } .light-translucent-bg { color: #333333; border-bottom: 1px solid #dadada; border-top: 1px solid #dadada; } .light-translucent-bg:after { background-color: rgba(255, 255, 255, 0.7); } .light-translucent-bg.slight:after { background-color: rgba(255, 255, 255, 0.85); } .video-background.light-translucent-bg:after, .video-background-banner.light-translucent-bg:after { background-color: rgba(255, 255, 255, 0.5); } .light-translucent-bg.hovered:hover:after { background-color: rgba(255, 255, 255, 0.8); } .dark-translucent-bg:after { background-color: rgba(0, 0, 0, 0); } .dark-translucent-bg.hovered:hover:after { background-color: rgba(0, 0, 0, 0.5); } .dark-translucent-bg, .dark-translucent-bg h1, .dark-translucent-bg h2, .dark-translucent-bg h3, .dark-translucent-bg h4, .dark-translucent-bg h5, .dark-translucent-bg h6 { color: #ffffff; } .dark-translucent-bg a:not(.btn) { text-decoration: underline; color: #ffffff; } .dark-translucent-bg a:not(.btn):hover { text-decoration: none; color: #ffffff; } .two-col-translucent-bg { color: #333333; } .two-col-translucent-bg:after { background-color: rgba(255, 255, 255, 0.7); } /* Medium devices (desktops, tablets, 992px and up) */ @media (min-width: 992px) { .two-col-translucent-bg:after { background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0.5) 50%); background: -webkit-gradient(left, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0.5) 50%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0.5) 50%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0.5) 50%); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0.5) 50%); background: linear-gradient(to right, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0.5) 50%); } .two-col-translucent-bg .container > .row > div + div, .two-col-translucent-bg .container > .row > div + div h1, .two-col-translucent-bg .container > .row > div + div h2, .two-col-translucent-bg .container > .row > div + div h3, .two-col-translucent-bg .container > .row > div + div h4, .two-col-translucent-bg .container > .row > div + div h5, .two-col-translucent-bg .container > .row > div + div h6 { color: #ffffff; } .two-col-translucent-bg .container > .row > div + div a:not(.btn) { text-decoration: underline; color: #ffffff; } .two-col-translucent-bg .container > .row > div + div a:not(.btn):hover { text-decoration: none; color: #ffffff; } } .default-translucent-bg, .default-translucent-bg h1, .default-translucent-bg h2, .default-translucent-bg h3, .default-translucent-bg h4, .default-translucent-bg h5, .default-translucent-bg h6 { color: #ffffff; } .default-translucent-bg a:not(.btn) { text-decoration: underline; color: #ffffff; } .default-translucent-bg a:not(.btn):hover { text-decoration: none; color: #ffffff; } .default-hovered { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .light-gray-bg.default-hovered:hover * { color: #ffffff; } .position-bottom { position: absolute !important; bottom: 0; width: 100%; } /*Animated Backgrounds ---------------------------------- */ /* Small devices (tablets, 768px and up) */ .animated-text { overflow: hidden; } @media (min-width: 768px) { .animated-text h2 { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: absolute; top: 0; width: 100%; } .animated-text h2 + h2 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); } .animated-text:hover h2 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.85); -moz-transform: scale(0.85); -ms-transform: scale(0.85); -o-transform: scale(0.85); transform: scale(0.85); } .animated-text:hover h2 + h2 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } /* Small devices (tablets, phones less than 767px) */ @media (max-width: 767px) { .animated-text h2 + h2 { display: none; } } /* Fixed navigation ---------------------------------- */ .fixed-header-on .header.fixed, .fixed-header-on header.header.transparent-header-on { position: fixed; width: 100%; top: 0; left: 0; z-index: 1006; opacity: 0; filter: alpha(opacity=0); -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); } .fixed-header-on .header.fixed.object-visible { opacity: 1; filter: alpha(opacity=100); } .fixed-header-on .header.fixed:not(.dark) { border-bottom: 1px solid #f1f1f1; background-color: rgba(255, 255, 255, 0.95); } .transparent-header .sticky-wrapper { position: absolute; width: 100%; left: 0; } .fixed-header-on.boxed .header.fixed { left: auto; -webkit-transition: left linear 0s !important; -o-transition: left linear 0s !important; transition: left linear 0s !important; } .fixed-header-on .header .logo { margin-bottom: -2px; } .fixed-header-on .header.fixed.animated { -webkit-animation-duration: 0.4s; animation-duration: 0.4s; } .fixed-header-on .header-dropdown-buttons { padding-top: 10px; } .fixed-header-on .header-dropdown-buttons .btn-group .dropdown-menu { margin-top: 17px; } .fixed-header-on .dark .header-dropdown-buttons .btn-group .dropdown-menu { margin-top: 16px; } /* Small devices (tablets, 768px and up) */ @media (min-width: 768px) { .fixed-header-on.boxed .header.fixed { width: 750px; } } /* Medium devices (desktops, tablets, 992px and up) */ @media (min-width: 992px) { .fixed-header-on .header .logo, .fixed-header-on .header .site-slogan { display: block; } .fixed-header-on.boxed .header.fixed { width: 970px; } .fixed-header-on .header-first { padding: 7px 0 0 0; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .fixed-header-on .main-navigation .navbar-nav > li > a { padding-top: 21px; padding-bottom: 21px; } .fixed.header .main-navigation.animated .navbar-nav > li > a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } } /* Large devices (Large desktops 1200px and up) */ @media (min-width: 1200px) { .fixed-header-on.boxed .header.fixed { width: 1170px; } } /* Fullpage navigation ---------------------------------- */ .full-page .header-container { position: fixed; width: 100%; top: 0; } /* Custom Grid ---------------------------------- */ .grid-space-20 { margin-right: -10.5px; margin-left: -10.5px; } .grid-space-20 .col-lg-6, .grid-space-20 .col-lg-4, .grid-space-20 .col-lg-3, .grid-space-20 .col-md-6, .grid-space-20 .col-md-4, .grid-space-20 .col-md-3, .grid-space-20 .col-sm-6, .grid-space-20 .col-sm-4, .grid-space-20 .col-sm-3, .grid-space-20 .col-xs-6, .grid-space-20 .col-xs-4, .grid-space-20 .col-xs-3 { padding-left: 10px; padding-right: 10px; } .grid-space-10 { margin-right: -6px; margin-left: -6px; } .grid-space-10 .col-lg-6, .grid-space-10 .col-lg-4, .grid-space-10 .col-lg-3, .grid-space-10 .col-md-6, .grid-space-10 .col-md-4, .grid-space-10 .col-md-3, .grid-space-10 .col-sm-6, .grid-space-10 .col-sm-4, .grid-space-10 .col-sm-3, .grid-space-10 .col-xs-6, .grid-space-10 .col-xs-4, .grid-space-10 .col-xs-3 { padding-left: 5px; padding-right: 5px; } .grid-space-0 { margin-right: 0; margin-left: 0; } .container-fluid .grid-space-0 { margin-right: -15px; margin-left: -15px; } .grid-space-0 .col-lg-6, .grid-space-0 .col-lg-4, .grid-space-0 .col-lg-3, .grid-space-0 .col-md-6, .grid-space-0 .col-md-4, .grid-space-0 .col-md-3, .grid-space-0 .col-sm-6, .grid-space-0 .col-sm-4, .grid-space-0 .col-sm-3, .grid-space-0 .col-xs-6, .grid-space-0 .col-xs-4, .grid-space-0 .col-xs-3 { padding-left: 0; padding-right: 0; } .grid-space-0 > div { margin-bottom: 0; padding-bottom: 0; } /* Separators ---------------------------------- */ .separator { width: 100%; margin: 20px auto 15px; position: relative; height: 1px; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1, 1); } .separator:after { height: 1px; background: #e8e8e8; background: -moz-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(35%, rgba(0, 0, 0, 0.09)), color-stop(70%, rgba(0, 0, 0, 0.09)), color-stop(100%, transparent)); background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%); background: -o-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%); background: -ms-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%); background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%); position: absolute; bottom: -1px; content: ""; width: 100%; left: 0; } .dark-bg:not(.banner) .separator:after { background: #505050; background: -moz-linear-gradient(left, #373737 0%, #505050 35%, #505050 70%, #373737 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #373737), color-stop(35%, #505050), color-stop(70%, #505050), color-stop(100%, #373737)); background: -webkit-linear-gradient(left, #373737 0%, #505050 35%, #505050 70%, #373737 100%); background: -o-linear-gradient(left, #373737 0%, #505050 35%, #505050 70%, #373737 100%); background: -ms-linear-gradient(left, #373737 0%, #505050 35%, #505050 70%, #373737 100%); background: linear-gradient(to right, #373737 0%, #505050 35%, #505050 70%, #373737 100%); } #footer.dark .separator:after { background: #505050; background: -moz-linear-gradient(left, #222222 0%, #505050 35%, #505050 70%, #222222 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #222222), color-stop(35%, #505050), color-stop(70%, #505050), color-stop(100%, #222222)); background: -webkit-linear-gradient(left, #222222 0%, #505050 35%, #505050 70%, #222222 100%); background: -o-linear-gradient(left, #222222 0%, #505050 35%, #505050 70%, #222222 100%); background: -ms-linear-gradient(left, #222222 0%, #505050 35%, #505050 70%, #222222 100%); background: linear-gradient(to right, #222222 0%, #505050 35%, #505050 70%, #222222 100%); } .default-bg .separator:after, .dark-translucent-bg .separator:after, .default-translucent-bg .separator:after, .light.separator:after { background: rgba(255, 255, 255, 0.5); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(35%, rgba(255, 255, 255, 0.5)), color-stop(70%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%); } /* Medium devices (desktops, tablets, 992px and up) */ @media (min-width: 992px) { .two-col-translucent-bg .container > .row > div + div .separator:after { background: rgba(255, 255, 255, 0.5); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(35%, rgba(255, 255, 255, 0.5)), color-stop(70%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%); } } .light-translucent-bg .separator:after, .two-col-translucent-bg .container > .row > div .separator:after, .dark.separator:after { background: rgba(0, 0, 0, 0.5); background: -moz-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0.4) 70%, transparent 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(35%, rgba(0, 0, 0, 0.4)), color-stop(70%, rgba(0, 0, 0, 0.4)), color-stop(100%, transparent)); background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0.4) 70%, transparent 100%); background: -o-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0.4) 70%, transparent 100%); background: -ms-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0.4) 70%, transparent 100%); background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0.4) 70%, transparent 100%); } h3 + .separator, h4 + .separator, h5 + .separator { margin-top: 15px; } .separator-2, .separator-3 { width: 100%; margin-bottom: 15px; position: relative; height: 1px; } .separator-2:after { height: 1px; background: #d1d1d1; background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.18)), color-stop(35%, rgba(0, 0, 0, 0.12)), color-stop(70%, rgba(0, 0, 0, 0.05)), color-stop(100%, transparent)); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%); background: -o-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%); background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%); background: linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%); position: absolute; bottom: -1px; left: 0px; content: ""; width: 100%; } .dark-bg .separator-2:after { background: #666666; background: -moz-linear-gradient(left, #666666 0%, #555555 35%, #444444 70%, #373737 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #666666), color-stop(35%, #555555), color-stop(70%, #444444), color-stop(100%, #373737)); background: -webkit-linear-gradient(left, #666666 0%, #555555 35%, #444444 70%, #373737 100%); background: -o-linear-gradient(left, #666666 0%, #555555 35%, #444444 70%, #373737 100%); background: -ms-linear-gradient(left, #666666 0%, #555555 35%, #444444 70%, #373737 100%); background: linear-gradient(to right, #666666 0%, #555555 35%, #444444 70%, #373737 100%); } #footer.dark .separator-2:after { background: #444444; background: -moz-linear-gradient(left, #444444 0%, #393939 35%, #323232 70%, #222222 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #444444), color-stop(35%, #393939), color-stop(70%, #323232), color-stop(100%, #222222)); background: -webkit-linear-gradient(left, #444444 0%, #393939 35%, #323232 70%, #222222 100%); background: -o-linear-gradient(left, #444444 0%, #393939 35%, #323232 70%, #222222 100%); background: -ms-linear-gradient(left, #444444 0%, #393939 35%, #323232 70%, #222222 100%); background: linear-gradient(to right, #444444 0%, #393939 35%, #323232 70%, #222222 100%); } .light-translucent-bg .separator-2:after, .two-col-translucent-bg .container > .row > div .separator-2:after, .dark.separator-2:after { background: rgba(0, 0, 0, 0.5); background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(35%, rgba(232, 232, 232, 0.4)), color-stop(70%, rgba(232, 232, 232, 0.2)), color-stop(100%, transparent)); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%); background: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%); background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%); background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%); } .default-bg .separator-2:after, .default-translucent-bg .separator-2:after, .dark-translucent-bg .separator-2:after, .light.separator-2:after { background: rgba(255, 255, 255, 0.5); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(35%, rgba(232, 232, 232, 0.4)), color-stop(70%, rgba(232, 232, 232, 0.2)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%); } /* Medium devices (desktops, tablets, 992px and up) */ @media (min-width: 992px) { .two-col-translucent-bg .container > .row > div + div .separator-2:after { background: rgba(255, 255, 255, 0.5); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(35%, rgba(232, 232, 232, 0.4)), color-stop(70%, rgba(232, 232, 232, 0.2)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%); } } .separator-3:after { height: 1px; background: #d1d1d1; background: -moz-linear-gradient(right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%); background: -webkit-gradient(linear, right top, left top, color-stop(0%, rgba(0, 0, 0, 0.18)), color-stop(35%, rgba(0, 0, 0, 0.12)), color-stop(70%, rgba(0, 0, 0, 0.05)), color-stop(100%, transparent)); background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%); background: -o-linear-gradient(right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%); background: -ms-linear-gradient(right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%); background: linear-gradient(to left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%); position: absolute; bottom: -1px; left: 0px; content: ""; width: 100%; } .dark-bg .separator-3:after { background: #666666; background: -moz-linear-gradient(right, #666666 0%, #555555 35%, #444444 70%, #373737 100%); background: -webkit-gradient(linear, right top, left top, color-stop(0%, #666666), color-stop(35%, #555555), color-stop(70%, #444444), color-stop(100%, #373737)); background: -webkit-linear-gradient(right, #666666 0%, #555555 35%, #444444 70%, #373737 100%); background: -o-linear-gradient(right, #666666 0%, #555555 35%, #444444 70%, #373737 100%); background: -ms-linear-gradient(right, #666666 0%, #555555 35%, #444444 70%, #373737 100%); background: linear-gradient(to left, #666666 0%, #555555 35%, #444444 70%, #373737 100%); } #footer.dark .separator-3:after { background: #444444; background: -moz-linear-gradient(right, #444444 0%, #393939 35%, #323232 70%, #222222 100%); background: -webkit-gradient(linear, right top, left top, color-stop(0%, #444444), color-stop(35%, #393939), color-stop(70%, #323232), color-stop(100%, #222222)); background: -webkit-linear-gradient(right, #444444 0%, #393939 35%, #323232 70%, #222222 100%); background: -o-linear-gradient(right, #444444 0%, #393939 35%, #323232 70%, #222222 100%); background: -ms-linear-gradient(right, #444444 0%, #393939 35%, #323232 70%, #222222 100%); background: linear-gradient(to left, #444444 0%, #393939 35%, #323232 70%, #222222 100%); } .light-translucent-bg .separator-3:after, .two-col-translucent-bg .container > .row > div .separator-3:after, .dark.separator-3:after { background: rgba(0, 0, 0, 0.5); background: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%); background: -webkit-gradient(linear, right top, left top, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(35%, rgba(232, 232, 232, 0.4)), color-stop(70%, rgba(232, 232, 232, 0.2)), color-stop(100%, transparent)); background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%); background: -o-linear-gradient(right, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%); background: -ms-linear-gradient(right, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%); background: linear-gradient(to left, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%); } .default-bg .separator-3:after, .default-translucent-bg .separator-3:after, .dark-translucent-bg .separator-3:after, .light.separator-3:after { background: rgba(255, 255, 255, 0.5); background: -moz-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, right top, left top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(35%, rgba(232, 232, 232, 0.4)), color-stop(70%, rgba(232, 232, 232, 0.2)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%); } /* Medium devices (desktops, tablets, 992px and up) */ @media (min-width: 992px) { .two-col-translucent-bg .container > .row > div + div .separator-3:after { background: rgba(255, 255, 255, 0.5); background: -moz-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, right top, left top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(35%, rgba(232, 232, 232, 0.4)), color-stop(70%, rgba(232, 232, 232, 0.2)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%); } } .footer-content .separator-2, .footer-content .separator-3 { margin-bottom: 25px; } /*Separator with icon*/ .separator.with-icon { margin: 55px 0; } .separator.with-icon:after { background: -moz-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.09) 75%, transparent 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(25%, rgba(0, 0, 0, 0.09)), color-stop(45%, transparent), color-stop(55%, transparent), color-stop(75%, rgba(0, 0, 0, 0.09)), color-stop(100%, transparent)); background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.09) 75%, transparent 100%); background: -o-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.09) 75%, transparent 100%); background: -ms-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.09) 75%, transparent 100%); background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.09) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.09) 75%, transparent 100%); } .dark-bg:not(.banner) .separator.with-icon:after { background: -moz-linear-gradient(left, #373737 0%, #505050 25%, #373737 45%, #373737 55%, #505050 75%, #373737 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #373737), color-stop(25%, #505050), color-stop(45%, #373737), color-stop(55%, #373737), color-stop(75%, #505050), color-stop(100%, #373737)); background: -webkit-linear-gradient(left, #373737 0%, #505050 25%, #373737 45%, #373737 55%, #505050 75%, #373737 100%); background: -o-linear-gradient(left, #373737 0%, #505050 25%, #373737 45%, #373737 55%, #505050 75%, #373737 100%); background: -ms-linear-gradient(left, #373737 0%, #505050 25%, #373737 45%, #373737 55%, #505050 75%, #373737 100%); background: linear-gradient(to right, #373737 0%, #505050 25%, #373737 45%, #373737 55%, #505050 75%, #373737 100%); } #footer.dark .separator.with-icon:after { background: #505050; background: -moz-linear-gradient(left, #222222 0%, #505050 25%, #222222 45%, #222222 55%, #505050 75%, #222222 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #222222), color-stop(25%, #505050), color-stop(45%, #222222), color-stop(55%, #222222), color-stop(75%, #505050), color-stop(100%, #222222)); background: -webkit-linear-gradient(left, #222222 0%, #505050 25%, #222222 45%, #222222 55%, #505050 75%, #222222 100%); background: -o-linear-gradient(left, #222222 0%, #505050 25%, #222222 45%, #222222 55%, #505050 75%, #222222 100%); background: -ms-linear-gradient(left, #222222 0%, #505050 25%, #222222 45%, #222222 55%, #505050 75%, #222222 100%); background: linear-gradient(to right, #222222 0%, #505050 25%, #222222 45%, #222222 55%, #505050 75%, #222222 100%); } .default-bg .separator.with-icon:after, .dark-translucent-bg .separator.with-icon:after, .default-translucent-bg .separator.with-icon:after, .light.separator.with-icon:after { background: rgba(255, 255, 255, 0.5); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.5)), color-stop(45%, rgba(255, 255, 255, 0)), color-stop(55%, rgba(255, 255, 255, 0)), color-stop(75%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0) 100%); } .light-translucent-bg .separator.with-icon:after, .dark.separator.with-icon:after { background: rgba(0, 0, 0, 0.5); background: -moz-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.4) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.4) 75%, transparent 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(25%, rgba(0, 0, 0, 0.4)), color-stop(45%, transparent), color-stop(55%, transparent), color-stop(75%, rgba(0, 0, 0, 0.4)), color-stop(100%, transparent)); background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.4) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.4) 75%, transparent 100%); background: -o-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.4) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.4) 75%, transparent 100%); background: -ms-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.4) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.4) 75%, transparent 100%); background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.4) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.4) 75%, transparent 100%); } .separator.with-icon i { font-size: 36px; position: absolute; width: 80px; height: 80px; text-align: center; left: 50%; top: 50%; margin-top: -40px; margin-left: -40px; line-height: 77px; z-index: 5; } .separator.with-icon i.bordered { border-width: 1px; border-style: solid; border-color: rgba(0, 0, 0, 0.04); background-color: rgba(0, 0, 0, 0.02); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .default-bg .separator.with-icon i.bordered, .dark-translucent-bg .separator.with-icon i.bordered, .default-translucent-bg .separator.with-icon i.bordered { border-color: rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.05); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .object-non-visible { opacity: 0; filter: alpha(opacity=0); } .object-visible, .object-non-visible.object-visible { opacity: 1; filter: alpha(opacity=100); } /* Miscellaneous ---------------------------------- */ .absolute-positioned-top { position: absolute; top: 0; left: 0; width: 100%; } .absolute-positioned-bottom { position: absolute; bottom: 0; left: 0; top: auto; width: 100%; } .pl-5 { padding-left: 5px; } .pl-10 { padding-left: 10px; } .pl-20 { padding-left: 20px; } .pr-5 { padding-right: 5px; } .pr-10 { padding-right: 10px; } .pr-20 { padding-right: 20px; } .p-20 { padding: 20px; } .p-30 { padding: 30px; } .p-40 { padding: 40px; } .ph-20 { padding-left: 20px; padding-right: 20px; } .ph-30 { padding-left: 30px; padding-right: 30px; } .ph-40 { padding-left: 40px; padding-right: 40px; } .pv-20 { padding-top: 20px; padding-bottom: 20px; } .pv-30 { padding-top: 30px; padding-bottom: 30px; } .pv-40 { padding-top: 40px; padding-bottom: 40px; } .pv-45 { padding-top: 45px; padding-bottom: 45px; } .pv-60 { padding-top: 60px; padding-bottom: 50px; } .pv-100 { padding-top: 110px; padding-bottom: 90px; } .mt-5 { margin-top: 5px; } .mb-5 { margin-bottom: 5px; } .mt-10 { margin-top: 10px; } .mb-10 { margin-bottom: 10px; } .mt-20 { margin-top: 20px; } .mb-20 { margin-bottom: 20px; } .space-top { padding-top: 20px; } .space-bottom { padding-bottom: 20px; } .margin-top-clear { margin-top: 0 !important; } .margin--bottom-clear { margin-bottom: 0 !important; } .margin-clear { margin-top: 0 !important; margin-bottom: 0 !important; } .padding-top-clear { padding-top: 0 !important; } .padding-bottom-clear { padding-bottom: 0 !important; } .padding-ver-clear { padding-bottom: 0 !important; padding-top: 0 !important; } .padding-hor-clear { padding-right: 0 !important; padding-left: 0 !important; } .border-bottom-clear { border-bottom: none !important; } .border-top-clear { border-top: none !important; } .border-clear { border: none !important; } .circle { -webkit-border-radius: 100% !important; -moz-border-radius: 100% !important; border-radius: 100% !important; } .radius-clear { -webkit-border-radius: 0% !important; -moz-border-radius: 0% !important; border-radius: 0% !important; } /* Small devices (tablets, phones less than 767px) */ @media (max-width: 767px) { .text-center-xs { text-align: center; } } /*hide elements*/ .hidden-xs-up { display: none !important; } @media (max-width: 575px) { .hidden-xs-down { display: none !important; } } @media (min-width: 576px) { .hidden-sm-up { display: none !important; } } @media (max-width: 767px) { .hidden-sm-down { display: none !important; } } @media (min-width: 768px) { .hidden-md-up { display: none !important; } } @media (max-width: 991px) { .hidden-md-down { display: none !important; } } @media (min-width: 992px) { .hidden-lg-up { display: none !important; } } @media (max-width: 1199px) { .hidden-lg-down { display: none !important; } } @media (min-width: 1200px) { .hidden-xl-up { display: none !important; } } .hidden-xl-down { display: none !important; } /* 3 Sections ----------------------------------------------------------------------------- */ /*Header Top*/ .header-top { font-size: 12px; color: #777777; font-weight: 300; } .header-top.dark, .header-top.colored { color: #ffffff; } .header-top.colored a { color: #ffffff; text-decoration: underline; } .header-top.colored a:hover { text-decoration: none; } /* Medium desktop devices and tablets */ @media (min-width: 992px) and (max-width: 1199px) { .header-top { font-size: 11px; } } /*Header*/ .header.dark { color: #cacaca; } /*Footer*/ .footer { font-size: 14px; line-height: 1.5; } .footer h2.title { font-size: 22px; text-transform: none; margin-bottom: 10px; } /*Subfooter*/ .subfooter { font-size: 14px; line-height: 1.3; color: #999999; } .subfooter p { margin-bottom: 0; } .subfooter.default-bg { color: #ffffff; } /* 4 Pages ----------------------------------------------------------------------------- */ /* Blog pages ---------------------------------- */ .blogpost { margin: 0 0 70px; } .blogpost header { padding: 20px 10px 20px; } .blogpost header h2 { text-transform: none; margin-top: 0; margin-bottom: 10px; } .blogpost .post-info { font-size: 12px; color: #aaa; font-weight: 400; } .blogpost .post-info > span { margin-right: 5px; display: inline-block; } .blogpost .post-info a { color: #aaa; } .blogpost .blogpost-content { padding: 0 10px 10px; } .blogpost .row .blogpost-content { padding-bottom: 0; } .blogpost footer { font-size: 12px; padding: 10px; color: #aaa; border-top: 1px solid #eaeaea; } .blogpost .row + footer { padding: 10px 0; } .blogpost.full { margin-bottom: 30px; } .blogpost.full header { padding: 0 0 15px 0; } .blogpost.full .blogpost-content { padding: 0 0 5px; } .blogpost.full footer { padding: 10px 0; } .blogpost.light-gray-bg header, .blogpost.light-gray-bg .blogpost-content, .blogpost.light-gray-bg footer { padding-left: 20px; padding-right: 20px; } .blogpost.light-gray-bg footer { padding-bottom: 20px; } /* Medium devices (desktops, tablets, 992px and up) */ @media (min-width: 992px) { .blogpost .row header { padding-top: 0; } .blogpost .row + footer { margin-top: 15px; } } /* Comments ---------------------------------- */ #comments { margin-top: 60px; } .comments h2.title { margin-bottom: 40px; padding-bottom: 10px; position: relative; } .comments h2.title:after { height: 1px; background: #d1d1d1; background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.18)), color-stop(35%, rgba(0, 0, 0, 0.12)), color-stop(70%, rgba(0, 0, 0, 0.05)), color-stop(100%, transparent)); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%); background: -o-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%); background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%); background: linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%); position: absolute; bottom: -1px; left: 0px; content: ""; width: 100%; } .comment { font-size: 14px; } .comment .comment { margin-left: 75px; } .comment h3 { margin-top: 0; margin-bottom: 5px; } .comment p { margin-bottom: 10px; } .comment .btn-sm-link { padding: 0; } .comment-avatar { width: 50px; float: left; margin: 0 15px 0 0; } .comment-content { border-bottom: 1px solid #f1f1f1; margin-bottom: 40px; clear: both; } .comment-meta { margin-bottom: 15px; color: #aaa; font-size: 12px; } .comment-meta a { color: #aaa; } .comment-meta a:hover { text-decoration: underline; } /* Blog Masonry Grid ---------------------------------- */ .masonry-grid-item .blogpost footer { padding-top: 0px; border-top: none; } .masonry-grid-item .blogpost header h2 { font-size: 22px; } /* Blog Timeline layout ---------------------------------- */ .timeline { position: relative; padding: 40px 0; margin-top: 40px; } .timeline .blogpost footer { padding-top: 0px; border-top: none; } .timeline .blogpost header h2 { font-size: 22px; } .timeline .timeline-item { padding: 0 15px; } .timeline-date-label { float: none; clear: both; display: block; margin: 0px auto; text-align: center; margin-bottom: 80px; line-height: 1; width: 135px; position: relative; z-index: 2; color: #ffffff; } .timeline-date-label:after { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; height: 30px; width: 100%; position: absolute; bottom: -8px; z-index: -1; } /* Small devices (tablets, 768px and up) */ @media (min-width: 768px) { .timeline .blogpost { margin-bottom: 0; } .timeline:before { background-color: #e8e8e8; background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.09) 10%, rgba(0, 0, 0, 0.09) 90%, transparent 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(10%, rgba(0, 0, 0, 0.09)), color-stop(90%, rgba(0, 0, 0, 0.09)), color-stop(100%, transparent)); background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.09) 10%, rgba(0, 0, 0, 0.09) 90%, transparent 100%); background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.09) 10%, rgba(0, 0, 0, 0.09) 90%, transparent 100%); background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.09) 10%, rgba(0, 0, 0, 0.09) 90%, transparent 100%); background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.09) 10%, rgba(0, 0, 0, 0.09) 90%, transparent 100%); width: 1px; height: 100%; content: ""; position: absolute; left: 50%; display: block; top: 0; } .timeline .timeline-item { position: relative; width: 50%; padding-left: 0; padding-right: 40px; margin-bottom: 80px; float: left; clear: left; z-index: 1; } .timeline .timeline-item.pull-right { position: relative; width: 50%; padding-left: 40px; padding-right: 0; margin-top: 80px; margin-bottom: 0; float: right; clear: right; } .timeline .timeline-item.pull-right + .timeline-date-label { padding-top: 80px; } .timeline .timeline-item:after { content: ""; font-family: "FontAwesome"; right: 0px; background-color: #eaeaea; left: auto; position: absolute; top: 20px; z-index: -1; width: 35px; height: 1px; } .timeline .timeline-item:before { content: ""; position: absolute; background-color: #cdcdcd; border: 1px solid #cdcdcd; height: 7px; width: 7px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; top: 17px; right: -4px; } .timeline .timeline-item.pull-right:after { right: auto; left: 0px; } .timeline .timeline-item.pull-right:before { left: -3px; } } /* Small devices (tablets, phones less than 767px) */ @media (max-width: 767px) { .timeline .timeline-item.pull-right { float: none !important; } } /* Shop Pages ---------------------------------- */ /*Product Page*/ .product.price { font-size: 24px; font-weight: 400; } .product.price del { color: #cdcdcd; font-size: 14px; } .product.element-list { margin-top: 7px; } /*Dropdown Cart*/ .header-dropdown-buttons .btn-group .dropdown-menu.cart { padding: 0; min-width: 350px; font-size: 13px; } .header-dropdown-buttons .btn-group .dropdown-menu.cart table { margin-bottom: 0; } .header-dropdown-buttons .btn-group .dropdown-menu.cart .panel-body { padding: 0px 10px 0px; } .cart-count { position: absolute; top: -2px; right: -3px; line-height: 14px; width: 14px; height: 14px; -webkit-border-radius: 30%; -moz-border-radius: 30%; border-radius: 30%; font-size: 10px; text-shadow: none; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .dark .header-dropdown-buttons .cart-count { background-color: rgba(0, 0, 0, 0.5); color: #cdcdcd; } .dropdown.open .cart-count, .dropdown:hover .cart-count { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); } .total-amount, .total-quantity { font-size: 13px; } .cart .table > tbody > tr > td, .cart.table > tbody > tr > td { vertical-align: inherit; } .cart .quantity { width: 50px; font-size: 11px; } .cart .product { width: 220px; font-size: 13px; } .cart .product .small { display: block; color: #999999; } /* Small devices (phones less than 575px) */ @media (max-width: 575px) { .header-dropdown-buttons .btn-group .dropdown-menu.cart { min-width: 300px; } } /* Cart and Checkout pages ---------------------------------- */ .cart.table .price { width: 18%; font-size: 14px; } .cart.table .amount, .cart.table .remove, .cart.table .quantity { width: 12%; } .cart.table .quantity input { width: 60px; padding: 6px; } .cart.table .product { font-size: 15px; } .cart.table .product small { font-size: 12px; display: block; color: #999999; } .cart.table .amount { text-align: right; } .cart.table thead > tr > th { font-size: 16px; } .cart.table .total-quantity, .cart.table .total-amount { padding-top: 15px; padding-bottom: 15px; font-size: 16px; font-weight: 700; } .cart.table .total-amount { text-align: right; } .cart.table .btn-remove { position: relative; top: -5px; } .cart.table .form-group { margin: 7px 0; } .table .information { width: 80%; } /* Small devices (tablets, phones less than 767px) */ @media (max-width: 767px) { .cart.table thead > tr > th { font-size: 14px; } .cart.table .amount, .cart.table .price { width: 12%; } .cart.table .remove, .cart.table .quantity { width: 8%; } .cart.table > thead > tr > th, .cart.table > tbody > tr > th, .cart.table > tfoot > tr > th, .cart.table > thead > tr > td, .cart.table > tbody > tr > td, .cart.table > tfoot > tr > td { padding: 8px 10px; } } /* Extra small devices (phones, less than 575px) */ @media (max-width: 575px) { .cart.table > thead > tr > th, .cart.table > tbody > tr > th, .cart.table > tfoot > tr > th, .cart.table > thead > tr > td, .cart.table > tbody > tr > td, .cart.table > tfoot > tr > td { padding: 8px 7px; } } /* About Us Pages ---------------------------------- */ /* Small devices (tablets, phones less than 767px) */ @media (max-width: 767px) { .team-member { max-width: 480px; margin: 20px auto 20px !important; } } /* Coming Soon Page ---------------------------------- */ .is-countdown { border: 1px solid transparent; background-color: transparent; } .countdown-row { height: 0; padding: 0; } .countdown-section { text-align: center; padding: 20px; border: 1px solid rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.2); -webkit-border-radius: 5%; -moz-border-radius: 5%; border-radius: 5%; } .countdown-show4 .countdown-section { width: 24%; margin: 10px 0.5%; } .countdown-amount { font-size: 36px; font-weight: 700; display: block; } .countdown-period { display: block; font-size: 28px; line-height: 1.2; margin-top: 15px; } /* Small devices (tablets, phones less than 767px) */ @media (max-width: 767px) { .countdown-amount { font-size: 24px; } .countdown-period { font-size: 18px; } } /* Extra small devices (phones, less than 575px) */ @media (max-width: 575px) { .countdown-amount { font-size: 18px; } .countdown-period { font-size: 10px; } } /* Pages Misc ---------------------------------- */ .icons-page i { font-size: 20px; width: 35px; text-align: center; } .grid span { padding: 5px 5px; background-color: #666; border: 1px solid #444; display: block; text-align: center; margin-bottom: 10px; color: #ffffff; } /* 5 Components ----------------------------------------------------------------------------- */ /* Buttons ---------------------------------- */ /*Buttons Color Variations*/ .btn:focus { color: inherit; } .btn { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /*Default Button*/ .btn-default { color: #ffffff; } .btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .show > .dropdown-toggle.btn-default { color: #ffffff; } .btn-default-transparent { color: #777777; background-color: transparent; } .btn-default-transparent:hover, .btn-default-transparent:focus, .btn-default-transparent.focus, .btn-default-transparent:active, .btn-default-transparent.active, .show > .dropdown-toggle.btn-default-transparent { color: #ffffff; } .dark-bg .btn-default-transparent { color: #ffffff; } .default-bg .btn-default, .default-translucent-bg .btn-default, .default-bg .btn-default-transparent, .default-translucent-bg .btn-default-transparent { background-color: #ffffff; border-color: #ffffff; } .default-bg .btn-default:hover, .default-translucent-bg .btn-default:hover, .default-bg .btn-default:focus, .default-translucent-bg .btn-default:focus, .default-bg .btn-default.focus, .default-translucent-bg .btn-default.focus, .default-bg .btn-default:active, .default-translucent-bg .btn-default:active, .default-bg .btn-default.active, .default-translucent-bg .btn-default.active, .default-bg .show > .dropdown-toggle.btn-default, .default-translucent-bg .show > .dropdown-toggle.btn-default, .default-bg .btn-default-transparent:hover, .default-translucent-bg .btn-default-transparent:hover, .default-bg .btn-default-transparent:focus, .default-translucent-bg .btn-default-transparent:focus, .default-bg .btn-default-transparent.focus, .default-translucent-bg .btn-default-transparent.focus, .default-bg .btn-default-transparent:active, .default-translucent-bg .btn-default-transparent:active, .default-bg .btn-default-transparent.active, .default-translucent-bg .btn-default-transparent.active, .default-bg .show > .dropdown-toggle.btn-default-transparent, .default-translucent-bg .show > .dropdown-toggle.btn-default-transparent { color: #ffffff; background-color: transparent; border-color: #ffffff; } .dark .btn-default { color: #ffffff; background-color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0.1); } .dark .btn-default .badge { color: rgba(0, 0, 0, 0.2); background-color: #ffffff; } .dark .btn-default:hover, .dark .btn-default:focus, .dark .btn-default.focus, .dark .btn-default:active, .dark .btn-default.active, .dark .show > .dropdown-toggle.btn-default { color: #ffffff; background-color: rgba(0, 0, 0, 0.35); border-color: rgba(0, 0, 0, 0.2); } .colored .btn-default { color: #ffffff; background-color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0.01); } .colored .btn-default .badge { color: rgba(0, 0, 0, 0.2); background-color: #ffffff; } .colored .btn-default:hover, .colored .btn-default:focus, .colored .btn-default.focus, .colored .btn-default:active, .colored .btn-default.active, .colored .show > .dropdown-toggle.btn-default { color: #ffffff; background-color: rgba(0, 0, 0, 0.3); border-color: rgba(0, 0, 0, 0.02); } .default-hovered:hover .btn-default-transparent { border-color: #ffffff; } /*White Button*/ .btn-white { color: #777777; background-color: #ffffff; border-color: #ffffff; } /*Gray Button*/ .btn-gray { color: #333333; background-color: #e1e1e1; border-color: #d3d3d3; } .btn-gray:hover, .btn-gray:focus, .btn-gray.focus, .btn-gray:active, .btn-gray.active, .show > .dropdown-toggle.btn-gray { color: #333333; background-color: #cdcdcd; border-color: #cdcdcd; } .btn-gray-transparent { color: #333333; background-color: transparent; border-color: #777777; } .btn-gray-transparent:hover, .btn-gray-transparent:focus, .btn-gray-transparent.focus, .btn-gray-transparent:active, .btn-gray-transparent.active, .show > .dropdown-toggle.btn-gray-transparent { color: #ffffff; background-color: #333333; border-color: #333333; } .dark-bg .btn-gray-transparent { color: #ffffff; } .dark-bg .btn-gray-transparent:hover { border-color: #ffffff; color: #777777; background-color: #ffffff; } .dark-translucent-bg .btn-gray-transparent, .default-translucent-bg .btn-gray-transparent, .default-bg .btn-gray-transparent { border-color: #ffffff; color: #ffffff; } .dark-translucent-bg .btn-gray-transparent:hover, .default-translucent-bg .btn-gray-transparent:hover, .default-bg .btn-gray-transparent:hover, .dark-translucent-bg .btn-gray-transparent:focus, .default-translucent-bg .btn-gray-transparent:focus, .default-bg .btn-gray-transparent:focus { border-color: #ffffff; color: #777777; background-color: #ffffff; } .default-hovered:hover .btn-gray-transparent { border-color: #ffffff; } .light-gray-bg.default-hovered:hover .btn-gray-transparent:hover { border-color: #333333; } /* Medium devices (desktops, tablets, 992px and up) */ @media (min-width: 992px) { .two-col-translucent-bg .container > .row > div + div .btn-gray-transparent { border-color: #ffffff; color: #ffffff; } .two-col-translucent-bg .container > .row > div + div .btn-gray-transparent:hover, .two-col-translucent-bg .container > .row > div + div .btn-gray-transparent:focus { border-color: #ffffff; color: #777777; background-color: #ffffff; } } /*Dark Button*/ .btn-dark { color: #ffffff; background-color: #373737; border-color: #333333; } .btn-dark:hover, .btn-dark:focus, .btn-dark.focus, .btn-dark:active, .btn-dark.active, .show > .dropdown-toggle.btn-dark { color: #ffffff; background-color: #111111; border-color: #111111; } .dark-bg .btn-dark { color: #ffffff; background-color: #222222; border-color: #171717; } .dark-bg .btn-dark:hover, .dark-bg .btn-dark:focus, .dark-bg .btn-dark.focus, .dark-bg .btn-dark:active, .dark-bg .btn-dark.active, .dark-bg .show > .dropdown-toggle.btn-dark { color: #ffffff; background-color: #000000; border-color: #000000; } /*Buttons Sizes*/ .btn { padding: 7px 20px; font-size: 14px; line-height: 1.4666666667; border-radius: 3px; margin: 10px 0; } .btn-sm { padding: 5px 15px; font-size: 12px; line-height: 1.4666666667; border-radius: 3px; margin: 5px 0; } .btn-lg { padding: 10px 25px; font-size: 18px; line-height: 1.4666666667; border-radius: 4px; margin: 10px 0; } .btn-xl { padding: 15px 50px; font-size: 22px; line-height: 1.4666666667; border-radius: 6px; margin: 10px 0; } .btn-md-link { padding: 7px 15px; font-size: 14px; line-height: 1.4666666667; border-radius: 0px; margin: 10px 0; } .btn-sm-link { padding: 5px 15px; font-size: 12px; line-height: 1.4666666667; border-radius: 0px; margin: 5px 0; } .btn-lg-link { padding: 10px 15px; font-size: 18px; line-height: 1.4666666667; border-radius: 0px; margin: 10px 0; } .btn-remove { font-size: 10px; padding: 3px 15px; min-width: 0; margin: -5px 0 0 0; } /*Buttons with radius*/ .radius-50 { -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } /*Animated Buttons*/ .btn-animated { position: relative; min-width: 0 !important; padding-right: 45px !important; } .btn-animated i { -webkit-transition: right 0.2s ease-in-out; -o-transition: right 0.2s ease-in-out; transition: right 0.2s ease-in-out; z-index: 3; right: 17px; position: absolute; line-height: 34px; top: 0; min-width: 12px; } .btn-animated:after { width: 35px; height: 100%; background-color: rgba(0, 0, 0, 0.1); position: absolute; content: ""; top: 0; opacity: 0; filter: alpha(opacity=0); right: 0px; z-index: 2; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .btn-animated.radius-50:after { border-radius: 0 50px 50px 0; } .btn-animated.btn-gray-transparent:after { background-color: rgba(0, 0, 0, 0.05); } .btn-animated:hover:after { opacity: 1; filter: alpha(opacity=100); } .btn-animated:hover i { right: 11px; } .btn-animated.btn-sm { padding-right: 35px !important; } .btn-animated.btn-sm:after { width: 25px; } .btn-animated.btn-sm i { right: 14px; line-height: 28px; min-width: 11px; } .btn-animated.btn-sm:hover i { right: 7px; } .btn-animated.btn-lg { padding-right: 60px !important; } .btn-animated.btn-lg:after { width: 45px; } .btn-animated.btn-lg i { right: 25px; line-height: 48px; min-width: 15px; } .btn-animated.btn-lg:hover i { right: 15px; } .btn-animated.btn-xl { padding-right: 60px !important; } .btn-animated.btn-xl:after { width: 45px; } .btn-animated.btn-xl i { right: 25px; line-height: 64px; min-width: 15px; text-align: center; } .btn-animated.btn-xl:hover i { right: 13px; } /*Background Transition*/ .btn-hvr { -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .btn-hvr.radius-50 { overflow: hidden; } .hvr-sweep-to-right:hover, .hvr-sweep-to-left:hover, .hvr-sweep-to-bottom:hover, .hvr-sweep-to-top:hover, .hvr-bounce-to-right:hover, .hvr-bounce-to-left:hover, .hvr-bounce-to-bottom:hover, .hvr-bounce-to-top:hover, .hvr-radial-out:hover, .hvr-rectangle-out:hover, .hvr-shutter-out-horizontal:hover, .hvr-shutter-out-vertical:hover { background: transparent; } .hvr-radial-in:before, .hvr-rectangle-in:before, .hvr-shutter-in-horizontal:before, .hvr-shutter-in-vertical:before { background: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /*ie9*/ .no-csstransitions .hvr-radial-in, .no-csstransitions .hvr-rectangle-in, .no-csstransitions .hvr-shutter-in-horizontal, .no-csstransitions .hvr-shutter-in-vertical { background: transparent; } /* Tabs ---------------------------------- */ .nav-tabs.style-1 { border-bottom: 1px solid #e1e1e1; margin-bottom: 15px; } .nav-tabs.style-1 > li > a { position: relative; color: #333333; margin-right: 0; line-height: 1; border: 1px solid transparent; padding: 12px 15px 11px 15px; -webkit-border-radius: 15px 15px 0 0; -moz-border-radius: 15px 15px 0 0; border-radius: 15px 15px 0 0; -webkit-transition: none; -o-transition: none; transition: none; height: 40px; } .nav-tabs.style-1 > li > a:hover { border-color: #222222 !important; background-color: #333333 !important; color: #ffffff; } .nav-tabs.style-1 > li > a:focus { border-color: transparent; background-color: transparent; } .nav-tabs.style-1 > li > a:after { position: absolute; right: -14px; bottom: -1px; content: ''; width: 0; height: 0; border-style: solid; border-width: 31px 0 0 14px; border-color: transparent transparent transparent transparent; } .nav-tabs.style-1 > li > a:before { position: absolute; left: -14px; bottom: -1px; content: ''; width: 0; height: 0; border-style: solid; border-width: 31px 14px 0 0; border-color: transparent transparent transparent transparent; } .nav-tabs.style-1 > li > a:hover:after { border-color: transparent transparent transparent #333333; border-width: 31px 0 0 14px; } .nav-tabs.style-1 > li > a:hover:before { border-color: transparent #333333 transparent transparent; border-width: 31px 14px 0 0; } .nav-tabs.style-1 > li > a.active { background-color: #333333 !important; } .nav-tabs.style-1 > li > a.active, .nav-tabs.style-1 > li > a.active:hover, .nav-tabs.style-1 > li > a.active:focus { color: #ffffff; cursor: default; border-color: #222222; } .nav-tabs.style-1 > li > a.active:after { border-color: transparent transparent transparent #333333; } .nav-tabs.style-1 > li > a.active:before { border-color: transparent #333333 transparent transparent; } .nav-tabs.style-1 > li:first-child > a:before, .nav-tabs.style-1 > li:last-child > a:after { border-width: 0 0 0 0; border-color: transparent transparent transparent transparent; } .nav-tabs.style-1 + .tab-content > .tab-pane { padding-bottom: 0; border-bottom: none; } .nav-tabs.style-2 { border-bottom: 1px solid #f1f1f1; } .nav-tabs.style-2 > li > a { color: #999999; } .nav-tabs.style-2 > li > a:hover { color: #333333; background-color: #fafafa !important; border-color: #f1f1f1; border-bottom-color: #fafafa !important; } .nav-tabs.style-2 > li > a:focus { border-color: transparent; background-color: transparent; } .nav-tabs.style-2 > li > a.active, .nav-tabs.style-2 > li > a.active:hover, .nav-tabs.style-2 > li > a.active:focus { color: #333333; cursor: default; background-color: #fafafa; border-color: #f1f1f1; border-bottom-color: transparent; } .nav-tabs.style-2 + .tab-content > .tab-pane { padding: 15px; border: 1px solid #f1f1f1; border-top: none; background-color: #fafafa; } .nav-tabs.style-3 { border-bottom: 1px solid #999999; background-color: #999999; } .nav-tabs.style-3 > li > a { color: #ffffff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0; } .nav-tabs.style-3 > li > a:hover { color: #333333; background-color: #ffffff !important; border-color: #999999; border-bottom-color: #ffffff !important; } .nav-tabs.style-3 > li > a:focus { border-color: transparent; background-color: transparent; } .nav-tabs.style-3 > li > a.active, .nav-tabs.style-3 > li > a.active:hover, .nav-tabs.style-3 > li > a.active:focus { color: #333333; cursor: default; background-color: #ffffff; border-color: #999999; border-bottom-color: transparent; } .nav-tabs.style-3 + .tab-content > .tab-pane { padding: 15px; border: 1px solid #999999; border-top: none; background-color: #ffffff; } .nav-tabs.style-4 { margin-bottom: 15px; border-bottom: 1px solid #333333; } .nav-tabs.style-4 > li > a { color: #999999; } .nav-tabs.style-4 > li > a:hover { color: #ffffff; background-color: #333333 !important; border-color: #333333; border-bottom-color: #333333 !important; } .nav-tabs.style-4 > li > a:focus { border-color: #333333; background-color: #333333; } .nav-tabs.style-4 > li > a.active, .nav-tabs.style-4 > li > a.active:hover, .nav-tabs.style-4 > li > a.active:focus { color: #ffffff; cursor: default; background-color: #333333; border-color: #333333; border-bottom-color: transparent; } /* Small devices (tablets, smartphones) */ @media (min-width: 576px) and (max-width: 767px) { .nav-tabs > li > a { padding: 12px 10px; font-size: 11px; margin-right: 0; } } /* Extra small devices (phones, less than 575px) */ @media (max-width: 575px) { .nav-tabs { background-color: #eaeaea; border-bottom: none !important; display: block; } .nav-tabs > .nav-item { float: none; display: block; } .nav-tabs > li a { color: #ffffff; margin-right: 0; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; } .nav-tabs.style-3 > li > a.active, .nav-tabs.style-3 > li > a.active:hover, .nav-tabs.style-3 > li > a.active:focus, .nav-tabs.style-3 > li > a:hover, .nav-tabs.style-3 > li > a:focus { border-bottom: 1px solid #999999 !important; } .nav-tabs.style-3 + .tab-content > .tab-pane { border-top: 1px solid #999999; } .nav-tabs > li a:after, .nav-tabs > li a:before { border-color: transparent transparent transparent transparent !important; } } /* vertical tabs */ .vertical { margin: 20px 0; } .vertical .nav-tabs, .vertical .tab-content { display: table-cell; margin: 0; vertical-align: top; } .vertical .nav-tabs { border-bottom-color: transparent; background-color: #999999; } .vertical .nav-tabs > li { float: none; } .vertical .nav-tabs > li a { margin: 0; padding: 10px 20px; white-space: nowrap; color: #ffffff; border-bottom: 1px solid #919191; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .vertical .nav-tabs > li > a:hover, .vertical .nav-tabs > li > a:focus { background-color: #fafafa; border-right-color: transparent; border-bottom: 1px solid #f1f1f1; color: #777777; z-index: 2; } .vertical .nav-tabs > li > a.active, .vertical .nav-tabs > li > a.active:hover, .vertical .nav-tabs > li > a.active:focus { border: 1px solid #f1f1f1; background-color: #fafafa; border-right-color: transparent; color: #777777; z-index: 2; } .vertical.left .nav-tabs > li > a:hover, .vertical.left .nav-tabs > li > a:focus { border-left-color: transparent; border-right-color: #f1f1f1; } .vertical.left .nav-tabs > li > a.active, .vertical.left .nav-tabs > li > a.active:hover, .vertical.left .nav-tabs > li > a.active:focus { border-right-color: #f1f1f1; border-left-color: transparent; } .vertical .tab-content { border: 1px solid #f1f1f1; border-left: 1px solid #fafafa; background-color: #fafafa; left: -1px; z-index: 1; padding: 20px 30px; } .left.vertical .tab-content { border-left-color: #f1f1f1; border-right-color: transparent; } /* Small devices (tablets, phones less than 767px) */ @media (max-width: 767px) { .vertical .nav-tabs, .vertical .tab-content { display: block; } .vertical .nav-tabs > li a { font-size: 15px; } } /* Pager ---------------------------------- */ ul.pagination, ul.pager { margin: 20px 0 40px; text-align: left; } ul.pagination .page-item { padding: 0; margin: 0 10px 0 0; border-bottom: none; display: inline-block; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } ul.pagination .page-item:last-child { margin: 0; } ul.pagination .page-item .page-link, .pagination .page-item:first-child .page-link, .pagination .page-item:last-child .page-link, ul.pager .page-item .page-link { text-align: center; padding: 0; height: 40px; width: 40px; border: 1px solid #777777; line-height: 39px; background-color: #777777; color: #ffffff; display: inline-block; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } ul.pagination .page-item .page-link:hover, ul.pagination .page-item .page-link:focus { background-color: transparent; color: #ffffff; } ul.pagination .page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus { color: #ffffff; } /* Breadcrumb ---------------------------------- */ .breadcrumb-container { background-color: #f8f8f8; border-bottom: 1px solid #f4f4f4; } .dark.breadcrumb-container { background-color: #777777; border-color: #333333; color: #ffffff; } .breadcrumb { background-color: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin-bottom: 0; font-size: 12px; padding: 8px 15px 8px 0; } .breadcrumb-item + .breadcrumb-item:before { font-family: "FontAwesome"; content: "\f101"; font-size: 11px; padding: 0 7px; color: #cccccc; } .banner .breadcrumb-container { position: absolute; top: 0; left: 0; width: 100%; background-color: rgba(255, 255, 255, 0.85); border-bottom-color: rgba(255, 255, 255, 0.1); } .banner .dark.breadcrumb-container { border-bottom-color: rgba(119, 119, 119, 0.1); } .banner .breadcrumb .breadcrumb-item a, .banner .breadcrumb .breadcrumb-item i { color: #000000; } .banner .breadcrumb .breadcrumb-item.active, .banner .breadcrumb-item + .breadcrumb-item:before { color: #777777; } .dark .breadcrumb .breadcrumb-item a, .dark .breadcrumb .breadcrumb-item i, .dark .breadcrumb > .active, .banner .dark .breadcrumb > .active, .dark .breadcrumb .breadcrumb-item + .breadcrumb-item:before { color: #ffffff; } /* Nav pills ---------------------------------- */ .nav-pills:not(.nav-stacked) { margin-bottom: 15px; } .nav-pills > li .nav-link { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 7px 10px; border: 1px solid transparent; color: #999999; font-size: 13px; text-transform: uppercase; font-weight: 400; } .nav-pills > li .nav-link.active, .nav-pills > li .nav-link.active:hover, .nav-pills > li .nav-link.active:focus, .nav-pills > li .nav-link:hover, .nav-pills > li .nav-link:focus { color: #777777; background-color: transparent; border-bottom: 1px solid #777777; } .nav-pills.style-2 > li .nav-link { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .nav-pills.style-2 > li .nav-link.active, .nav-pills.style-2 > li .nav-link.active:hover, .nav-pills.style-2 > li .nav-link.active:focus, .nav-pills.style-2 > li .nav-link:hover, .nav-pills.style-2 > li .nav-link:focus { background-color: #fafafa; border: 1px solid #eaeaea; } .nav-pills > li + li { margin-left: 5px; } .nav.flex-column > li .nav-link { padding: 7px 0px; color: #777777; position: relative; font-size: 13px; text-transform: uppercase; font-weight: 400; } .nav.flex-column.list-style-icons > li .nav-link { padding: 6px 0px; } .nav.flex-column > li .nav-link.active, .nav.flex-column > li .nav-link.active:hover, .nav.flex-column > li .nav-link.active:focus, .nav.flex-column > li .nav-link:hover, .nav.flex-column > li .nav-link:focus { background-color: transparent; border-color: transparent; } .nav.flex-column:not(.list-style-icons) > li .nav-link:after { font-family: "FontAwesome"; content: "\f101"; font-size: 12px; position: absolute; right: 15px; top: 6px; color: #d1d1d1; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .nav.flex-column:not(.list-style-icons) > li .nav-link.active:hover:after, .nav.flex-column:not(.list-style-icons) > li .nav-link.active:focus:after, .nav.flex-column:not(.list-style-icons) > li .nav-link:hover:after, .nav.flex-column:not(.list-style-icons) > li .nav-link:focus:after { right: 10px; } .nav.flex-column.list-style-icons > li .nav-link > i { padding-right: 10px; font-size: 14px; color: #cdcdcd; } /* Process pills */ .process .nav-pills > li + li { margin-left: 40px; position: relative; } .process .nav-pills > li + li:after { font-family: "FontAwesome"; content: "\f101"; position: absolute; top: 6px; left: -24px; width: 10px; color: #cdcdcd; } @media (max-width: 575px) { .nav.nav-pills { display: block; } .nav.nav-pills .nav-item { display: inline-block; } } /*Dark bgs*/ .dark-bg .nav-pills > li .nav-link, .dark-translucent-bg .nav-pills > li .nav-link { text-decoration: none; } .dark-bg .nav-pills > li .nav-link.active, .dark-bg .nav-pills > li .nav-link.active:focus, .dark-bg .nav-pills > li .nav-link:focus, .dark-translucent-bg .nav-pills > li .nav-link.active, .dark-translucent-bg .nav-pills > li .nav-link.active:focus, .dark-translucent-bg .nav-pills > li .nav-link:focus { color: #ffffff; border-bottom-color: #ffffff; } /*footer*/ .footer-content .nav.flex-column > li > a { padding: 5px 0px; } .footer-content .nav.flex-column > li > a:after { top: 5px; } .dark .footer-content .nav.flex-column > li > a, .dark .footer-content .nav.flex-column > li > a.active, .dark .footer-content .nav.flex-column > li > a.active:focus, .dark .footer-content .nav.flex-column > li > a:focus { color: #999999; } /* Collapse ---------------------------------- */ /*Style 1*/ .collapse-style-1 .card { border-color: #eaeaea; } .collapse-style-1 .card + .card { margin-top: 5px; } .collapse-style-1 .card-header { background-color: #fafafa; padding: 0; border-bottom: none; } .collapse-style-1 .card-header a { font-weight: 400; display: inline-block; width: 100%; position: relative; text-decoration: none; padding: 10px 40px 10px 15px; color: inherit; font-size: 16px; } .collapse-style-1 .card-header a.collapsed { color: #999999; } .collapse-style-1 .card-header a:not(.collapsed) { color: #777777; } .collapse-style-1 .card-header a:after { font-family: "FontAwesome"; content: "\f146"; position: absolute; right: 15px; font-size: 14px; font-weight: 300; top: 50%; line-height: 1; margin-top: -7px; } .collapse-style-1 .card-header a.collapsed:after { content: "\f0fe"; } .collapse-style-1 .card-block { border-top: none !important; background-color: #fafafa; padding: 0 15px 15px 15px; } /*Style 2*/ .collapse-style-2 .card { border-color: transparent; } .collapse-style-2 .card + .card { margin-top: 5px; } .collapse-style-2 .card-header { background-color: transparent; padding: 0; } .collapse-style-2 .card-header a { color: #ffffff; font-weight: 400; display: inline-block; width: 100%; position: relative; text-decoration: none; padding: 10px 40px 10px 15px; font-size: 16px; } .collapse-style-2 .card-header a.collapsed { background-color: #333333; } .collapse-style-2 .card-header a:after { font-family: "FontAwesome"; content: "\f106"; position: absolute; right: 15px; font-size: 14px; font-weight: 300; top: 50%; line-height: 1; margin-top: -7px; } .collapse-style-2 .card-header a.collapsed:after { content: "\f107"; } .collapse-style-2 .card-block { border-top: none !important; background-color: transparent; padding: 15px 0; } .collapse-style-2 .card-block.p-15 { padding: 15px; } /*Style 3*/ .collapse-style-3 .card { border-color: #999999; } .collapse-style-3 .card + .card { margin-top: 5px; } .collapse-style-3 .card-header { background-color: transparent; padding: 0; border-color: #999999; } .collapse-style-3 .card-header a { color: #ffffff; background-color: #999999; font-weight: 400; display: inline-block; width: 100%; position: relative; text-decoration: none; padding: 10px 40px 10px 15px; font-size: 16px; } .collapse-style-3 .card-header a.collapsed { background-color: #999999; } .collapse-style-3 .card-header a:after { font-family: "FontAwesome"; content: "\f139"; position: absolute; right: 15px; font-size: 12px; font-weight: 300; top: 50%; line-height: 1; margin-top: -7px; } .collapse-style-3 .card-header a.collapsed:after { content: "\f13a"; } .collapse-style-3 .card-block { border-top: none !important; background-color: transparent; padding: 15px; } .card-header a:hover { text-decoration: none; } .card-header a i { font-size: 16px; } /*Contextual Headings*/ .collapse-contextual .card + .card { margin-top: 5px; } .collapse-contextual .card-primary, .collapse-contextual .card-success, .collapse-contextual .card-danger, .collapse-contextual .card-info, .collapse-contextual .card-warning { color: #ffffff; } .collapse-contextual .card-primary .card-header a, .collapse-contextual .card-success .card-header a, .collapse-contextual .card-danger .card-header a, .collapse-contextual .card-info .card-header a, .collapse-contextual .card-warning .card-header a { color: #ffffff; text-decoration: none; } .collapse-contextual .card-header { position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.125); padding: 0; } .collapse-contextual .card-header a { font-size: 16px; text-decoration: none; display: block; padding: 10px 20px; } .collapse-contextual .card-header a:after { font-family: "FontAwesome"; content: "\f068"; position: absolute; right: 15px; font-size: 10px; font-weight: 300; top: 50%; line-height: 1; margin-top: -6px; } .collapse-contextual .card-header a.collapsed:after { content: "\f067"; } .collapse-contextual .card-block { padding: 15px; } /*Content Collapse*/ .btn[data-toggle="collapse"] i:before { font-size: 10px; content: "\f068"; } .btn.collapsed[data-toggle="collapse"] i:before { content: "\f067"; } /* Progress bars ---------------------------------- */ .progress.style-1 { margin-top: 25px; background-color: #fafafa; border: 1px solid #eaeaea; height: 8px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; overflow: visible; position: relative; } .progress.style-1 .progress-bar { padding: 0; text-align: left; font-size: 11px; font-weight: 300; margin-top: 0px; height: 4px; margin: 1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: none; box-shadow: none; position: relative; } .progress.style-2 { margin-bottom: 15px; background-color: #fafafa; border: 1px solid #eaeaea; height: 20px; -webkit-box-shadow: none; box-shadow: none; } .progress.style-2 .progress-bar { padding: 0; text-align: left; -webkit-box-shadow: none; box-shadow: none; height: 20px; } .progress.style-2 span { font-size: 11px; line-height: 1; position: relative; top: -2px; left: 10px; } .progress-bar { -webkit-transition: width 1.5s ease; -o-transition: width 1.5s ease; transition: width 1.5s ease; } .progress .label { position: absolute; top: -16px; font-size: 11px; color: #333333; right: 10px; font-weight: 400; padding: 0; } .progress .text { position: absolute; font-size: 11px; top: -17px; left: 0; font-weight: 400; text-transform: uppercase; color: #999999; } .progress.dark { background-color: #cdcdcd; border-color: #cdcdcd; } .progress.dark.style-1 { border-color: #ffffff; } .dark .progress-striped .progress-bar, .dark .progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.05) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.05) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.05) 75%, transparent 75%, transparent); } .progress-bar-white { background-color: #ffffff; color: #777777; } .progress-bar-gray { background-color: #999999; } .progress-bar-dark { background-color: #333333; } .gray-bg .progress { background-color: #ffffff; -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1); } /* Circular Progress Bars ---------------------------------- */ .knob-container { margin: 10px; position: relative; display: inline-block; } .knob-container canvas { width: 132px; height: 132px; margin: 0 auto; } .knob-text { position: absolute; text-align: center; top: 50%; width: 100%; margin-top: -14px; } /* Large devices (Large desktops 1200px and up) */ @media (min-width: 1200px) { .knob-container canvas { width: 169px; height: 169px; } } /* Dropdowns ---------------------------------- */ .dropdown-toggle--no-caret::after { margin: 0; border-width: 0; border: none; } .dark .dropdown-menu, .dark-bg .dropdown-menu, .colored .dropdown-menu { color: #ffffff; font-size: 0.9rem; } .dropdown-menu .divider { background-color: #ededed; height: 1px; margin: 9px 0; overflow: hidden; } .dropdown-menu-right { right: 0; left: auto; } /* Forms ---------------------------------- */ form { margin: 20px 0; } textarea { resize: vertical; } textarea.form-control { height: auto; } .sidebar form { margin: 5px 0 20px 0; } .form-control { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #ffffff; height: 40px; font-weight: 300; font-size: 14px; padding-right: 30px; border-color: #e1e1e1; color: #777777; position: relative; -webkit-appearance: none; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); } .form-control.form-control-lg, .form-control.form-control-sm { height: auto; } .form-control.radius-50 { -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .form-inline .form-control-lg { height: 48px; } .form-inline [type="submit"] { margin-top: 0; margin-bottom: 0; } /* Small devices (tablets, phones 576px and up) */ @media (min-width: 576px) { .form-control-lg { min-width: 350px; } } /* Small devices (tablets, phones 575px and down) */ @media (max-width: 575px) { .form-inline { display: block !important; } } .form-control:focus { border-color: #999999; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); } select.form-control { padding-right: 5px; -webkit-appearance: menulist; } select[multiple].form-control { -webkit-appearance: listbox; height: auto; } .form-control::-moz-placeholder { color: inherit; } .form-control:-ms-input-placeholder { color: inherit; } .form-control::-webkit-input-placeholder { color: inherit; } .input-group-addon { background-color: #f1f1f1; border-color: #e1e1e1; } .form-list > div { padding: 7px 15px; border-bottom: 1px solid #dddddd; background-color: #f3f3f3; margin: 6px 0; display: block; } form label, .radio label, .checkbox label { font-weight: 400; } fieldset { padding: 10px 25px; margin: 15px 0px; border: 1px solid #dddddd; background-color: #fafafa; } fieldset legend { display: block; width: auto; padding: 3px 10px; margin-bottom: 0; font-size: 15px; line-height: inherit; color: #333333; border: 1px solid #ddd; background-color: #ffffff; } fieldset .form-control, fieldset .form-control:focus { -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.12); box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.12); border-color: #f3f3f3; } input[type="radio"], input[type="checkbox"] { margin-top: 5px; } /* forms with icons */ .has-feedback { position: relative; } .has-feedback label ~ .form-control-feedback { top: 29px; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .has-feedback .form-control-feedback { width: 40px; height: 40px; line-height: 40px !important; top: 0; right: 0; color: #777777; position: absolute; text-align: center; margin-top: 0; } .has-feedback .form-control-lg + .form-control-feedback, .has-feedback label.sr-only ~ .form-control-lg + .form-control-feedback { height: 48px; top: 4px; } /* Disabled forms */ .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { opacity: 0.5; filter: alpha(opacity=50); } /* Forms in all backgrounds */ .dark-bg .form-control { background-color: rgba(255, 255, 255, 0.15); border-color: #353535; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.8); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.8); color: #cdcdcd; } .dark-bg .has-success .form-control:focus, .dark-bg .has-warning .form-control:focus, .dark-bg .has-error .form-control:focus { -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.8); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.8); } .dark-bg .input-group-addon { background-color: rgba(255, 255, 255, 0.2); border-color: #000000; } .dark-bg .form-control:focus, .dark-bg .has-success .form-control:focus, .dark-bg .has-warning .form-control:focus, .dark-bg .has-error .form-control:focus { background-color: rgba(255, 255, 255, 0.25); } .dark-bg .has-feedback .form-control-feedback { color: #cdcdcd; } .default-bg .form-control { background-color: rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.35); box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.35); color: #ffffff; } .default-bg .has-success .form-control:focus, .default-bg .has-warning .form-control:focus, .default-bg .has-error .form-control:focus { -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.35); box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.35); } .default-bg .input-group-addon { background-color: rgba(0, 0, 0, 0.2); } .default-bg .form-control:focus { background-color: rgba(0, 0, 0, 0.1); } .default-bg .has-feedback .form-control-feedback { color: #ffffff; } .default-bg .form-check.disabled .form-check-label { color: rgba(255, 255, 255, 0.8); } .dark .form-control { -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.6); box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.6); color: #cccccc; background-color: rgba(255, 255, 255, 0.1); border-color: #373737; } .dark .form-control:focus { background-color: rgba(255, 255, 255, 0.15); } .dark .has-feedback .form-control-feedback { color: #cdcdcd; } .dark .footer-content .form-control { border-color: #222222; } /* Validation states */ .dark-bg .has-success .help-block, .dark-bg .has-success .control-label, .dark-bg .has-success .radio, .dark-bg .has-success .checkbox, .dark-bg .has-success .radio-inline, .dark-bg .has-success .checkbox-inline, .dark-bg .has-success.radio label, .dark-bg .has-success.checkbox label, .dark-bg .has-success.radio-inline label, .dark-bg .has-success.checkbox-inline label, .dark-bg .has-success .form-control-feedback { color: #15c019; } .dark-bg .has-warning .help-block, .dark-bg .has-warning .control-label, .dark-bg .has-warning .radio, .dark-bg .has-warning .checkbox, .dark-bg .has-warning .radio-inline, .dark-bg .has-warning .checkbox-inline, .dark-bg .has-warning.radio label, .dark-bg .has-warning.checkbox label, .dark-bg .has-warning.radio-inline label, .dark-bg .has-warning.checkbox-inline label, .dark-bg .has-warning .form-control-feedback { color: #e5af51; } .dark-bg .has-error .help-block, .dark-bg .has-error .control-label, .dark-bg .has-error .radio, .dark-bg .has-error .checkbox, .dark-bg .has-error .radio-inline, .dark-bg .has-error .checkbox-inline, .dark-bg .has-error.radio label, .dark-bg .has-error.checkbox label, .dark-bg .has-error.radio-inline label, .dark-bg .has-error.checkbox-inline label, .dark-bg .has-error .form-control-feedback { color: #ef4f4c; } .has-success .form-control, .has-success .form-control:focus { border-color: #3c763d; } .has-warning .form-control, .has-warning .form-control:focus { border-color: #8a6d3b; } .has-error .form-control, .has-error .form-control:focus { border-color: #a94442; } .default-bg .has-success .form-control, .default-bg .has-warning .form-control, .default-bg .has-error .form-control, .default-bg .has-success .form-control:focus, .default-bg .has-warning .form-control:focus, .default-bg .has-error .form-control:focus { border-color: #ffffff; color: #ffffff; } .default-bg .has-success .form-control-feedback, .default-bg .has-warning .form-control-feedback, .default-bg .has-error .form-control-feedback, .default-bg .has-success .control-label, .default-bg .has-warning .control-label, .default-bg .has-error .control-label { color: #ffffff; } .has-success .form-control:focus, .has-warning .form-control:focus, .has-error .form-control:focus { -webkit-box-shadow: none; box-shadow: none; } .has-error .error { font-weight: 400; margin-bottom: 5px; display: block; } /*Sorting Filters*/ .sorting-filters label { display: block; margin-bottom: 5px; font-size: 14px; text-align: left; } .sorting-filters form { margin: 0; } .sorting-filters .form-inline .form-control { width: 100%; } .sorting-filters .btn { margin: 0; min-width: 0; width: 100%; } /* Small devices (tablets, smartphones) */ @media (min-width: 992px) and (max-width: 1199px) { .sorting-filters .form-inline .form-group { width: 16%; } } /* Small devices (tablets, smartphones 768px and up) */ @media (min-width: 992px) { .sorting-filters .btn { margin: 25px 0 0; } } /* Small devices (tablets, phones less than 767px) */ @media (max-width: 991px) { .sorting-filters .form-control { margin: 0 0 5px; } .sorting-filters .form-inline, .sorting-filters .form-inline .form-group { display: block; } .sorting-filters form { width: 100%; } } /* Alerts ---------------------------------- */ .alert { margin: 20px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: none; } .alert-success { color: #2a5f2b; background-color: #bcdab0; } .alert-info { color: #1a4e68; background-color: #c6e8fa; } .alert-warning { color: #72582b; background-color: #f7f0ce; } .alert-icon { padding-left: 70px; position: relative; } .alert-icon i { position: absolute; font-size: 28px; left: 21px; top: 13px; width: 30px; text-align: center; } .alert .close { font-weight: normal; filter: alpha(opacity=40); opacity: 0.4; top: -14px; } [data-notify="container"] { max-width: 400px; } [data-notify="progressbar"] { display: none; } /*Announcments ---------------------------------- */ .announcement { font-size: 13px; } .announcement .alert { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; padding: 10px 0; position: relative; } .announcement .alert .close { position: absolute; top: 30px; padding: 0 20px; right: 10px; z-index: 3; margin-top: -14px; text-shadow: none; opacity: 0.7; filter: alpha(opacity=70); } .announcement .alert .close:hover, .announcement .alert .close:focus { color: #ffffff; opacity: 1; filter: alpha(opacity=100); } .announcement p:last-child { margin-bottom: 0; } .announcement h2, .announcement h3, .announcement h4 { margin-top: 5px; margin-bottom: 5px; } /*Icons ---------------------------------- */ .icon { display: inline-block; text-align: center; position: relative; background-color: rgba(255, 255, 255, 0.85); color: #000000; font-size: 24px; width: 60px; height: 60px; line-height: 58px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid transparent; } .icons .icon { margin: 0 5px 5px 0; } .icon i { position: relative; z-index: 1; } .icon.dark-bg { background-color: rgba(66, 66, 66, 0.66); color: #ffffff; } .icon.default-bg { color: #ffffff; } .icon.light-bg { background-color: #ffffff; } .icon.without-bg { font-size: 36px; line-height: 1; color: inherit; background-color: transparent; height: 100%; } .icon.large { font-size: 36px; width: 100px; height: 100px; line-height: 97px; } .icon.small { font-size: 18px; width: 45px; height: 45px; line-height: 43px; } /*Feature Box ---------------------------------- */ .feature-box, .feature-box-2 { margin-bottom: 30px; } .feature-box .title, .feature-box-2 .title { margin-top: 0px; } /*style-1*/ .feature-box h3 { margin-top: 0; } .feature-box .icon { margin-bottom: 10px; } .feature-box p { clear: both; margin-bottom: 15px; } .feature-box:not(.shadow):hover .icon { opacity: 0.8; filter: alpha(opacity=80); } /*style-2*/ .feature-box-2 { position: relative; } .feature-box-2 .icon { position: absolute; top: 0px; left: 0px; } .feature-box-2 .icon.without-bg { width: 0; height: 0; } .feature-box-2.boxed { border: 1px solid #f1f1f1; } .feature-box-2.boxed .icon { left: 20px; top: 20px; } .feature-box-2 .icon { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .feature-box-2 .body { margin-left: 0px; } .feature-box-2:hover .icon { opacity: 0.8; filter: alpha(opacity=80); } .feature-box-2.right .body { margin-right: 62px; margin-left: 0px; text-align: right; } .feature-box-2.right .icon { left: auto; right: 0px; } .feature-box-2.right .icon.without-bg { right: 40px; } .feature-box-2.boxed.right .icon { left: auto; right: 20px; } .feature-box-2.boxed.right .icon.without-bg { right: 60px; } /* Medium devices (desktops, tablets less than 991px) */ @media (max-width: 991px) { .feature-box-2:not(.boxed) { padding-bottom: 0; } } /*shadow*/ .shadow, .shadow-narrow { position: relative; background-color: #ffffff; } .light-gray-bg.shadow, .light-gray-bg.shadow-narrow { background-color: #fafafa; } .bordered { border: 1px solid #f1f1f1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .dark-bg .bordered { border: 1px solid #555555; } .shadow *, .shadow-narrow * { position: relative; z-index: 3; } .shadow:before, .shadow-narrow:before { position: absolute; left: 0; height: 60%; bottom: 0; width: 100%; content: ""; background-color: #ffffff; z-index: 2; } .light-gray-bg.shadow:before, .light-gray-bg.shadow-narrow:before { background-color: #fafafa; } .shadow:after, .shadow-narrow:after { content: ""; position: absolute; height: 50%; width: 96%; left: 50%; bottom: 2px; margin-left: -48%; -webkit-box-shadow: 0 5px 7px #999999; box-shadow: 0 5px 7px #999999; z-index: 1; border-radius: 10%; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .shadow-narrow:after { width: 90%; margin-left: -45%; } .shadow:hover:after, .shadow-narrow:hover:after { bottom: 10px; } .shadow-2 { -webkit-box-shadow: 0 10px 6px -6px #999; box-shadow: 0 10px 6px -6px #999; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .shadow-2:hover { -webkit-box-shadow: 0 18px 24px -9px #999; box-shadow: 0 18px 24px -9px #999; } /*Image box ---------------------------------- */ .owl-item .image-box { margin-bottom: 20px; } .image-box .body { padding: 15px; } .image-box .body h3 { margin-top: 0; } .image-box .body p:last-child { margin-bottom: 0; } .image-box.style-4 { border: none; } .image-box.style-3-b { display: block; margin-bottom: 40px; } .image-box.style-3-b .body { padding: 10px 0; } /* Medium devices (tablets, laptops, smartphones 768px and up) */ @media (min-width: 768px) { .image-box.style-3-b .body { padding: 0; } } /* Medium devices (desktops, tablets less than 991px) */ @media (max-width: 991px) { .image-box.style-4 { margin-bottom: 30px; } } /*Listing Items ---------------------------------- */ .listing-item .overlay-container .badge { position: absolute; background-color: rgba(255, 255, 255, 0.95); font-weight: 400; padding: 4px; top: 10px; right: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .listing-item .body { padding: 15px; } .listing-item .body h3 { margin-top: 0; font-size: 18px; line-height: 1.4; } .listing-item .elements-list { font-size: 12px; } .listing-item .price { font-size: 18px; margin-top: 1px; display: inline-block; font-weight: 400; } .listing-item .price del { font-size: 12px; color: #999999; } .listing-item .overlay-to-top { padding: 10px 0 !important; } .listing-item .overlay-to-top .btn-sm-link { padding: 5px; } /*Modals ---------------------------------- */ .modal-content .modal-title { color: #ffffff; } .modal-open .page-wrapper { -webkit-filter: blur(3px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); } .modal-footer .btn + .btn { margin-bottom: 5px; } /* Large devices (Large desktops 1200px and up) */ @media (min-width: 1200px) { .modal-lg { width: 1140px; max-width: none; } } /*Images and Overlays ---------------------------------- */ .overlay-container { position: relative; display: block; text-align: center; overflow: hidden; } .overlay-bottom, .overlay-top { position: absolute; top: auto; padding: 15px; bottom: 0px; left: 0; right: 0px; background-color: rgba(30, 30, 30, 0.5); overflow: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all ease-in-out 0.25s; -o-transition: all ease-in-out 0.25s; transition: all ease-in-out 0.25s; height: 0; color: #ffffff; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1, 1); } .overlay-bottom.links, .overlay-to-top.links { z-index: 11; } .overlay-to-top { position: absolute; top: auto; padding: 10px; bottom: -30px; left: 0; right: 0px; background-color: rgba(30, 30, 30, 0.5); opacity: 0; filter: alpha(opacity=0); -webkit-transition: all ease-in-out 0.25s; -o-transition: all ease-in-out 0.25s; transition: all ease-in-out 0.25s; color: #ffffff; } .overlay-top { top: 0; } .overlay-visible .overlay-bottom, .overlay-visible .overlay-top { opacity: 1; filter: alpha(opacity=100); height: auto !important; padding-bottom: 20px; } .overlay-visible.overlay-container:hover .overlay-bottom:not(.links), .overlay-visible.overlay-container:hover .overlay-top { opacity: 0.5; filter: alpha(opacity=50); } .overlay-top a, .overlay-bottom a, .overlay-to-top a, .overlay-top a:hover, .overlay-bottom a:hover, .overlay-to-top a:hover { color: #ffffff; text-decoration: none; } .overlay-container .text { padding: 0 20px; position: relative; } .overlay-container .text h3, .overlay-container .text h3 .small { margin-top: 0; color: #ffffff; } .overlay-container .text a:hover { color: #ffffff; } .overlay-bottom .btn, .overlay-top .btn { color: #ffffff; border-color: #ffffff; margin: 0; } .overlay-bottom .btn:hover, .overlay-top .btn:hover { color: #777777; background-color: #ffffff; } .overlay-container:hover .overlay-top, .overlay-container:hover .overlay-bottom, .image-box.style-2:hover .overlay-top, .image-box.style-2:hover .overlay-bottom { height: 50%; opacity: 1; filter: alpha(opacity=100); -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1, 1); } .overlay-container:hover .overlay-to-top, .image-box:hover .overlay-to-top { opacity: 1; filter: alpha(opacity=100); bottom: 0; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1, 1); } .overlay-link { position: absolute; z-index: 10; top: 0; padding: 15px; bottom: 0px; left: 0; right: 0px; background-color: rgba(0, 114, 188, 0.8); overflow: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all ease-in-out 0.25s; -o-transition: all ease-in-out 0.25s; transition: all ease-in-out 0.25s; color: #ffffff; } .overlay-link i { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; width: 80px; height: 80px; border: 1px solid #ffffff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; color: #ffffff; position: absolute; top: 50%; left: 50%; margin: -40px 0 0 -40px; font-size: 32px; line-height: 80px; } .overlay-link i:hover { background-color: #ffffff; color: #777777; } .overlay-link.small i { width: 25px; height: 25px; margin: -12.5px 0 0 -12.5px; font-size: 14px; line-height: 25px; } .overlay-container:hover .overlay-link { height: 100%; opacity: 1; filter: alpha(opacity=100); -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1, 1); } /* Large devices (Large desktops 1200px and up) */ @media (min-width: 1200px) { .overlay-container .text { top: 30%; } } /* Extra small devices (phones, less than 575px) */ @media (max-width: 575px) { .overlay-container .text { top: 30%; } .overlay-container .text p:not(.mobile-visible) { display: none; } } /* Large and Medium devices (desktops, tablets less than 1199px) */ @media (min-width: 575px) and (max-width: 1199px) { .overlay-container:not(.overlay-visible) .overlay-top ~ .overlay-bottom { padding-top: 5px; padding-bottom: 5px; } .owl-item .overlay-container:hover .overlay-top { height: 71%; } .owl-item .overlay-container:hover .overlay-bottom { height: 29%; } } /*Video Backgrounds ---------------------------------- */ .video-background, .video-background-banner { position: relative; overflow: hidden; } .video-background video, .video-background-banner video { min-width: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-attachment: scroll; min-height: 100%; height: auto; width: auto; top: 0%; left: 0%; background-size: cover; display: none; position: absolute; } .video.videoautoplay .video-background video, .video.videoautoplay .video-background-banner video { display: block; } .video-background-banner .video-background-poster, .video-background .video-background-poster { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-attachment: scroll; background-size: cover; z-index: 0; } .video.videoautoplay .video-background-banner .video-background-poster, .video.videoautoplay .video-background .video-background-poster { display: none; background-image: none !important; } /* Responsive iframe ---------------------------------- */ .tp-caption .embed-responsive { overflow: visible; } /* Audio wrapper ---------------------------------- */ .audio-wrapper iframe { width: 100%; border: none; margin-bottom: 20px; } /* Jumbotron ---------------------------------- */ .jumbotron { background-color: transparent; } /*Carousel ---------------------------------- */ .top.carousel-indicators { bottom: auto; top: 10px; } .bottom.carousel-indicators { bottom: 10px; } .shadow .carousel-indicators { position: absolute; z-index: 4; } /*Badges ---------------------------------- */ .main-navigation .badge { position: absolute; top: 13px; right: 20px; font-size: 12px; background-color: transparent; color: inherit; font-weight: 300; padding: 2px 4px; } .main-navigation .mega-menu .badge { top: 8px; } /* Extra small devices (phones, less than 767px) */ @media (max-width: 767px) { .main-navigation .dropdown-toggle .badge { right: 50px; } } /*Pace (Page loader) ---------------------------------- */ /*loader 1*/ .page-loader-1 .page-wrapper { opacity: 0; filter: alpha(opacity=0); } .page-loader-1.pace-done .page-wrapper { opacity: 1; filter: alpha(opacity=100); -webkit-transition: ease-in-out opacity 0.2s; -o-transition: ease-in-out opacity 0.2s; transition: ease-in-out opacity 0.2s; } .page-loader-1 .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 2000; position: fixed; margin: auto; top: 0; left: 0; right: 0; bottom: 0; height: 5px; width: 200px; background: #ffffff; overflow: hidden; } .page-loader-1 .pace .pace-progress { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -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); max-width: 200px; position: fixed; z-index: 2000; display: block; position: absolute; top: 0; right: 100%; height: 100%; width: 100%; } /*loader 2*/ .page-loader-2 .page-wrapper { opacity: 0; filter: alpha(opacity=0); } .page-loader-2.pace-done .page-wrapper { opacity: 1; filter: alpha(opacity=100); -webkit-transition: ease-in-out opacity 0.2s; -o-transition: ease-in-out opacity 0.2s; transition: ease-in-out opacity 0.2s; } .page-loader-2 .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 2000; position: fixed; height: 60px; width: 100px; margin: auto; top: 0; left: 0; right: 0; bottom: 0; } .page-loader-2 .pace .pace-progress { z-index: 2000; position: absolute; height: 60px; width: 100px; -webkit-transform: translate3d(0, 0, 0) !important; -ms-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; } .page-loader-2 .pace .pace-progress:before { content: attr(data-progress-text); text-align: center; color: #ffffff; border-radius: 50%; font-family: "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 100; line-height: 45px; padding: 0; width: 44px; height: 44px; margin: 8px 0 0 29px; display: block; z-index: 999; position: absolute; } .page-loader-2 .pace .pace-activity { font-size: 15px; line-height: 1; z-index: 2000; position: absolute; height: 60px; width: 100px; display: block; -webkit-animation: pace-theme-center-atom-spin 2s linear infinite; -moz-animation: pace-theme-center-atom-spin 2s linear infinite; -ms-animation: pace-theme-center-atom-spin 2s linear infinite; -o-animation: pace-theme-center-atom-spin 2s linear infinite; animation: pace-theme-center-atom-spin 2s linear infinite; } .page-loader-2 .pace .pace-activity { border-radius: 50%; content: ' '; display: block; position: absolute; top: 0; left: 0; height: 60px; width: 100px; } .page-loader-2 .pace .pace-activity:after { border-radius: 50%; content: ' '; display: block; position: absolute; top: -5px; left: -5px; height: 60px; width: 100px; -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); -o-transform: rotate(60deg); transform: rotate(60deg); } .page-loader-2 .pace .pace-activity:before { border-radius: 50%; content: ' '; display: block; position: absolute; top: -5px; left: -5px; height: 60px; width: 100px; -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); -o-transform: rotate(120deg); transform: rotate(120deg); } @-webkit-keyframes pace-theme-center-atom-spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-moz-keyframes pace-theme-center-atom-spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-o-keyframes pace-theme-center-atom-spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @keyframes pace-theme-center-atom-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } /*loader 3*/ .page-loader-3 .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .page-loader-3 .pace .pace-progress { position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 2px; } .pace.pace-inactive { display: none; } /*loader 4*/ .page-loader-4 .page-wrapper { opacity: 0; filter: alpha(opacity=0); } .page-loader-4.pace-done .page-wrapper { opacity: 1; filter: alpha(opacity=100); -webkit-transition: ease-in-out opacity 0.2s; -o-transition: ease-in-out opacity 0.2s; transition: ease-in-out opacity 0.2s; } .page-loader-4 .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-perspective: 12rem; -moz-perspective: 12rem; -ms-perspective: 12rem; -o-perspective: 12rem; perspective: 12rem; z-index: 2000; position: fixed; height: 6rem; width: 6rem; margin: auto; top: 0; left: 0; right: 0; bottom: 0; } .page-loader-4 .pace .pace-progress { position: fixed; z-index: 2000; display: block; position: absolute; left: 0; top: 0; height: 6rem; width: 6rem !important; line-height: 6rem; font-size: 2rem; border-radius: 50%; color: #ffffff; font-family: "Helvetica Neue", sans-serif; font-weight: 100; text-align: center; -webkit-animation: pace-theme-center-circle-spin linear infinite 2s; -moz-animation: pace-theme-center-circle-spin linear infinite 2s; -ms-animation: pace-theme-center-circle-spin linear infinite 2s; -o-animation: pace-theme-center-circle-spin linear infinite 2s; animation: pace-theme-center-circle-spin linear infinite 2s; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .page-loader-4 .pace .pace-progress:after { content: attr(data-progress-text); display: block; } @-webkit-keyframes pace-theme-center-circle-spin { from { -webkit-transform: rotateY(0deg); } to { -webkit-transform: rotateY(360deg); } } @-moz-keyframes pace-theme-center-circle-spin { from { -moz-transform: rotateY(0deg); } to { -moz-transform: rotateY(360deg); } } @-ms-keyframes pace-theme-center-circle-spin { from { -ms-transform: rotateY(0deg); } to { -ms-transform: rotateY(360deg); } } @-o-keyframes pace-theme-center-circle-spin { from { -o-transform: rotateY(0deg); } to { -o-transform: rotateY(360deg); } } @keyframes pace-theme-center-circle-spin { from { transform: rotateY(0deg); } to { transform: rotateY(360deg); } } /*loader 5*/ .page-loader-5 .page-wrapper { opacity: 0; filter: alpha(opacity=0); } .page-loader-5.pace-done .page-wrapper { opacity: 1; filter: alpha(opacity=100); -webkit-transition: ease-in-out opacity 0.2s; -o-transition: ease-in-out opacity 0.2s; transition: ease-in-out opacity 0.2s; } .page-loader-5 .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .page-loader-5 .pace .pace-progress { position: fixed; z-index: 2000; top: 0; right: 0; height: 5rem; width: 5rem; -webkit-transform: translate3d(0, 0, 0) !important; -ms-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; } .page-loader-5 .pace .pace-progress:after { display: block; position: absolute; top: 0; right: .5rem; content: attr(data-progress-text); font-family: "Helvetica Neue", sans-serif; font-weight: 100; font-size: 100px; line-height: 1; text-align: right; } /*loader 6*/ .page-loader-6 .page-wrapper { opacity: 0; filter: alpha(opacity=0); } .page-loader-6.pace-done .page-wrapper { opacity: 1; filter: alpha(opacity=100); -webkit-transition: ease-in-out opacity 0.2s; -o-transition: ease-in-out opacity 0.2s; transition: ease-in-out opacity 0.2s; } .page-loader-6 .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .page-loader-6 .pace .pace-activity { display: block; position: fixed; z-index: 2000; top: 0; right: 0; width: 300px; height: 300px; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transform: translateX(100%) translateY(-100%) rotate(45deg); transform: translateX(100%) translateY(-100%) rotate(45deg); pointer-events: none; } .page-loader-6 .pace.pace-active .pace-activity { -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg); transform: translateX(50%) translateY(-50%) rotate(45deg); } .page-loader-6 .pace .pace-activity::before, .page-loader-6 .pace .pace-activity::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; position: absolute; bottom: 30px; left: 50%; display: block; border: 5px solid #ffffff; border-radius: 50%; content: ''; } .page-loader-6 .pace .pace-activity::before { margin-left: -40px; width: 80px; height: 80px; border-right-color: rgba(0, 0, 0, 0.2); border-left-color: rgba(0, 0, 0, 0.2); -webkit-animation: pace-theme-corner-indicator-spin 3s linear infinite; -moz-animation: pace-theme-corner-indicator-spin 3s linear infinite; -ms-animation: pace-theme-corner-indicator-spin 3s linear infinite; -o-animation: pace-theme-corner-indicator-spin 3s linear infinite; animation: pace-theme-corner-indicator-spin 3s linear infinite; } .page-loader-6 .pace .pace-activity::after { bottom: 50px; margin-left: -20px; width: 40px; height: 40px; border-top-color: rgba(0, 0, 0, 0.2); border-bottom-color: rgba(0, 0, 0, 0.2); -webkit-animation: pace-theme-corner-indicator-spin 1s linear infinite; -moz-animation: pace-theme-corner-indicator-spin 1s linear infinite; -ms-animation: pace-theme-corner-indicator-spin 1s linear infinite; -o-animation: pace-theme-corner-indicator-spin 1s linear infinite; animation: pace-theme-corner-indicator-spin 1s linear infinite; } @-webkit-keyframes pace-theme-corner-indicator-spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @keyframes pace-theme-corner-indicator-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } /* 6 Navigations ----------------------------------------------------------------------------- */ /* 6.1 Light Version ----------------------------------------------------------------------------- */ /*First level*/ .header .navbar-nav li .nav-link { color: #333333; font-size: 16px; padding: 28px 15px 27px 15px; z-index: 102; border: none; border-bottom: 1px solid transparent; border-right: 1px solid transparent; border-left: 1px solid transparent; -webkit-transition: none; -o-transition: none; transition: none; } .header .main-navigation.animated .navbar-nav li a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .header .navbar-nav li.dropdown .nav-link { padding-right: 20px; } @media (min-width: 992px) and (max-width: 1200px) { .header .navbar-nav li .nav-link { padding: 28 12 27 12; } .header .navbar-nav li.dropdown .nav-link { padding-right: 18px; } } .header .navbar-nav li .nav-link:focus, .header .navbar-nav li .nav-link:hover, .header .navbar-nav .show > .nav-link, .header .navbar-nav li .nav-link.show, .header .navbar-nav .active.show > .nav-link, .header .navbar-nav li.show .nav-link.active { background-color: #ffffff; border-bottom-color: #ffffff; border-right: 1px solid #f5f5f5; border-left: 1px solid #f5f5f5; z-index: 106; } .header .scrollspy .navbar-nav li .nav-link:focus, .header .scrollspy .navbar-nav li .nav-link:hover { background-color: transparent; border-left-color: transparent; border-right-color: transparent; } .header .navbar-nav .active > .nav-link, .header .navbar-nav li .nav-link.active { background-color: transparent; } .header .navbar-nav .dropdown-toggle::after { font-family: 'FontAwesome'; content: "\f107"; position: absolute; top: 51%; left: auto; right: 0px; line-height: 20px; font-size: 14px; border: none; width: 20px; height: 20px; margin: 0; text-align: center; margin-top: -10px; } @media (min-width: 992px) { .header.centered .navbar-nav .nav-item a.nav-link { padding-top: 15px !important; padding-bottom: 15px !important; border-top: 1px solid transparent; } .header.centered:not(.dark) .main-navigation .navbar-nav .nav-item.show a.nav-link, .header.centered:not(.dark) .main-navigation .navbar-nav .nav-item.show a.nav-link:hover, .header.centered:not(.dark) .main-navigation .navbar-nav .nav-item.show a.nav-link:focus, .header.centered:not(.dark) .main-navigation .navbar-nav .nav-item.dropdown a.nav-link:focus { border-top: 1px solid #f5f5f5; } } @media (min-width: 1200px) { .header .navbar-nav > li { margin: 0 0 0 10; } .header .navbar-nav > li:first-child { margin: 0; } } @media (max-width: 767px) { .header .navbar-nav li .nav-link { padding: 10px 15px; } } /*Second level*/ .header .navbar-nav li ul { min-width: 14rem; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; padding: 0; margin: 0; margin-top: -1px; background-color: #ffffff; -webkit-box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.06); box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.06); border-width: 1px; border-style: solid; border-color: #f1f1f1; border-top-color: transparent; z-index: 101; } .header .navbar-nav li li a { padding: 10px 20px; display: block; font-size: 14px; color: #333333; border-bottom: 1px solid #f7f7f7; -webkit-transition: none; -o-transition: none; transition: none; position: relative; text-align: left; } .header .navbar-nav li li a:focus, .header .navbar-nav li li a:hover, .header .navbar-nav li .show > a, .header .navbar-nav li li a.show, .header .navbar-nav li .active > a, .header .navbar-nav li li a.active { background-color: #fcfcfc; border-color: #f7f7f7; text-decoration: none; } .header .navbar-nav ul .dropdown-toggle::after { content: "\f105"; right: 5px; } /* third level menu */ .header .navbar-nav ul ul { top: -1px; left: 100% !important; right: auto; border-top: 1px solid #f7f7f7; } .header .container-fluid .navbar-nav ul.to-left { right: 100% !important; left: auto !important; } /*Large Devices less than 1610px*/ @media (max-width: 1610px) { .header .navbar-nav ul.to-left { right: 100% !important; left: auto !important; } } /*Mega Menu*/ .mega-menu.dropdown { position: static; } .mega-menu > a { position: relative; } .header .navbar-nav li.mega-menu .dropdown-menu { left: 0; width: 100%; padding: 20px 30px; } /* mega menu menu item */ @media (min-width: 992px) { .header.centered .col-md-12 .navbar { position: static; } } .header .navbar-nav li.mega-menu .menu { list-style: none; padding: 0; margin: 0; box-shadow: none; border: none; min-width: 0; background-color: transparent; } .mega-menu .menu li { position: relative; } .mega-menu h4.title { margin: 5px 0; font-size: 15px; text-transform: uppercase; } .header .navbar-nav li.mega-menu .menu > li > a { padding: 5px 0; border-bottom: 1px solid #f7f7f7; display: block; -webkit-transition: none; -o-transition: none; transition: none; text-align: left; } .mega-menu .menu > li > a i, .dropdown-menu > li > a i { padding-left: 5px; font-size: 12px; width: 20px; position: relative; top: -1px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: #cdcdcd; } .mega-menu .menu > li > a i.fa, .dropdown-menu > li > a i.fa { width: 32px; text-align: center; } .mega-menu .menu > li > a i.fa-circle-o, .dropdown-menu > li > a i.fa-circle-o { font-size: 7px; top: -3px; } .mega-menu .menu > li > a i.fa-spin { width: 11px; padding: 0; margin-right: 13px; margin-left: 8px; } .mega-menu .menu > li:last-child > a { border-bottom: none !important; } .mega-menu .menu > li > a:hover i.fa-circle-o:before, .dropdown-menu > li > a:hover i.fa-circle-o:before, .mega-menu .menu > li.active > a i.fa-circle-o:before, .dropdown-menu > li.active > a i.fa-circle-o:before { content: "\f111"; } /*centered logo header*/ .col-md-12 .mega-menu--wide .dropdown-menu { left: 0 !important; } /* Medium devices (desktops, tablets, 992px and up) */ @media (min-width: 992px) and (max-width: 1199px) { .container .mega-menu--wide .dropdown-menu { width: 930px !important; } .container .col-lg-auto .mega-menu .dropdown-menu { left: auto !important; right: 0px !important; width: 930px !important; } } /* Large devices (Large desktops 1200px and up) */ @media (min-width: 1200px) { .container .mega-menu--wide .dropdown-menu { width: 1110px !important; } .main-navigation .navbar-nav > li:first-child { margin: 0; } .container .col-lg-auto .mega-menu .dropdown-menu { left: auto !important; right: 0px !important; width: 1110px !important; } } @media (min-width: 1500px) { .container .col-lg-auto .mega-menu .dropdown-menu { left: auto !important; right: 0px !important; width: 1110px !important; } } /* Dropdown animations ------------------------------ */ .animated.main-navigation .navbar-nav .show .dropdown-menu, #offcanvas.animated .show .dropdown-menu, #offcanvas.animated .dropdown-menu .show .dropdown-menu { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUpSmall; animation-name: fadeInUpSmall; } .animated.main-navigation .dropdown-menu .show .dropdown-menu { -webkit-animation-name: fadeInLeftSmall; animation-name: fadeInLeftSmall; } header .container-fluid .animated.main-navigation .dropdown-menu .show .dropdown-menu.to-left { -webkit-animation-name: fadeInRightSmall; animation-name: fadeInRightSmall; } /*Large Devices less than 1610px*/ @media (max-width: 1610px) { .animated.main-navigation .dropdown-menu .show .dropdown-menu.to-left { -webkit-animation-name: fadeInRightSmall; animation-name: fadeInRightSmall; } } /*mobile menu*/ .header .navbar-brand { padding: 13px 0; margin-right: 0; } .header .navbar-toggler { top: 19px; right: 0; } .navbar-light .navbar-toggler { border-color: #ccc; } .navbar-light .navbar-toggler:hover, .navbar-light .navbar-toggler:focus { background-color: #fafafa; } /* Small devices (tablets, phones less than 767px) */ @media (max-width: 991px) { .header .navbar-nav { padding-bottom: 20px; } /* first level item */ .header .navbar-nav li .nav-link { border-bottom: 1px solid #f3f3f3; padding: 10px 15px; } .header .navbar-nav > li:last-child a.nav-link { border-bottom: 1px solid transparent; } /* first level item hover and focus states */ .header .navbar-nav li > a:hover, .header .navbar-nav li > a:focus, .header .navbar-nav .active > a, .header .navbar-nav .active > a:hover, .header .navbar-nav .active > a:focus { background-color: #ffffff; border-bottom-color: transparent; } /* second level menu */ .navbar-toggleable-md .navbar-nav .dropdown-menu { -webkit-box-shadow: none; box-shadow: none; } .header .navbar-nav .dropdown-menu { background-color: #ffffff; } .header .navbar-nav .badge { right: 30px; } /* second level item */ .header .navbar-nav .show .dropdown-menu > li > a, .header .navbar-nav .show .dropdown-menu .dropdown-header { padding: 12px 15px 12px 40px; border-color: #f9f9f9; } /* third level item */ .header .navbar-nav .show .dropdown-menu .dropdown-menu > li > a { padding-left: 60px; } /* four level item */ .header .navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a { padding-left: 80px; } /* Arrow for parent menu item */ .header .navbar-nav .dropdown-toggle::after { color: #999999; top: 22px; right: 10px; } .header .navbar-nav .dropdown .dropdown .dropdown-toggle::after { right: 10px; } } /* 6.2 Dark Version ----------------------------------------------------------------------------- */ /* first level menu item */ .dark.header .navbar-nav li .nav-link { color: #ffffff; font-weight: 600; border-bottom: 1px solid transparent; text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } .transparent-header .dark.header .navbar-nav li .nav-link { color: #e1e1e1; } /* first level menu item on hover/focus */ .dark.header .navbar-nav li .nav-link:hover, .dark.header .navbar-nav li .nav-link:focus, .dark.header .navbar-nav .active .nav-link, .dark.header .navbar-nav .active .nav-link:hover, .dark.header .navbar-nav .active .nav-link:focus { background-color: transparent; color: #ffffff; border-right: 1px solid transparent; border-left: 1px solid transparent; z-index: 106; } /* first level active menu item when opened */ .dark.header .navbar-nav .show .nav-link, .dark.header .navbar-nav .show .nav-link:hover, .dark.header .navbar-nav .show .nav-link:focus, .dark.header .navbar-nav .dropdown .nav-link:focus { background-color: rgba(0, 0, 0, 0.15); color: #ffffff; border-right: 1px solid transparent; border-left: 1px solid transparent; z-index: 106; } /* second level menu item */ .dark.header .dropdown-menu { border: none; } .dark.header .mega-menu .dropdown-menu { z-index: 103; } .dark.header .dropdown-menu > li > a, .dark.header .navbar-nav .mega-menu .menu > li > a { color: #cccccc; text-shadow: 1px 1px rgba(0, 0, 0, 0.7); } .dark.header .mega-menu .menu > li > a:hover, .dark.header .mega-menu .menu > li > a:focus { background-color: rgba(0, 0, 0, 0.2); color: #ffffff; } .dark.header .dropdown-menu > li > a:hover, .dark.header .dropdown-menu > li > a:focus, .dark.header .navbar-nav .show > a, .dark.header .navbar-nav .show > a:hover, .dark.header .navbar-nav .show > a:focus, .dark.header .dropdown-menu > .active > a, .dark.header .dropdown-menu > .active > a:hover, .dark.header .dropdown-menu > .active > a:focus, .dark.header .dropdown-menu .menu > .active > a, .dark.header .dropdown-menu .menu > .active > a:hover, .dark.header .dropdown-menu .menu > .active > a:focus { background-color: rgba(0, 0, 0, 0.2); color: #ffffff; } .dark.header .dropdown .dropdown > a:before { color: #cccccc; top: 13px; } .dark.header .dropdown .dropdown.show > a:before { color: #ffffff; } /* Mobile Menu ------------------------------ */ /*Dark mobile menu toggle button*/ .dark .navbar .navbar-toggler { border-color: rgba(255, 255, 255, 0.55); background-color: transparent; } .dark .navbar .navbar-toggler:hover, .dark .navbar .navbar-toggler:focus { background-color: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.7); } .dark .navbar .navbar-toggler .navbar-toggler-icon { background-image: none; position: relative; font-weight: 300; text-align: center; } .dark .navbar .navbar-toggler .navbar-toggler-icon:after { font-family: "FontAwesome"; width: 30px; height: 30px; content: "\f0c9"; color: rgba(255, 255, 255, 0.5); font-size: 24px; position: absolute; top: 0; left: 0; font-weight: 300; line-height: 30px; } .dark .navbar .navbar-collapse, .dark .navbar .navbar-form { border-color: #121212; } /* Small devices (tablets, phones less than 767px) */ @media (max-width: 991px) { /*Dark Mobile menu*/ /* second level menu */ .dark .main-navigation .navbar-nav .show .dropdown-menu { background-color: rgba(0, 0, 0, 0.5); border: none; } /* second level item */ .dark .main-navigation .navbar-nav .show .dropdown-menu > li > a, .dark .main-navigation .navbar-nav .show .dropdown-menu .dropdown-header { color: #cccccc; border-color: rgba(255, 255, 255, 0.08); } /* item on hover/focus */ .dark.header .navbar-nav .show .dropdown-menu > li > a:hover, .dark.header .navbar-nav .show .dropdown-menu > li > a:focus, .dark.header .navbar-nav .show .dropdown-menu > .active > a, .dark.header .navbar-nav .show .dropdown-menu > .active > a:hover, .dark.header .navbar-nav .show .dropdown-menu > .active > a:focus, .dark.header .navbar-nav > li > a:hover, .dark.header .navbar-nav > li > a:focus, .dark.header .navbar-nav > .active > a, .dark.header .navbar-nav > .active > a:hover, .dark.header .navbar-nav > .active > a:focus { color: #ffffff; background-color: rgba(0, 0, 0, 0.2); } /* Arrow for parent menu item */ .dark .navbar-nav .dropdown.show > .dropdown-toggle::after { color: #ffffff; } } /* 6.3 Offcanvas navigation ----------------------------------------------------------------------------- */ .offcanvas { background-color: #f5f5f5; border-color: #f1f1f1; } .offcanvas-toggle-left { display: block; padding: 0; margin: 0; position: fixed; width: 40px; height: 40px; top: 10px; left: 10px; z-index: 1031; text-align: center; background-color: rgba(255, 255, 255, 0.85); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 0; } .offcanvas-toggle-left:after { font-family: "FontAwesome"; content: "\f0c9"; font-size: 22px; line-height: 35px; text-align: center; color: #000000; } #offcanvas.in + .offcanvas-toggle-left:after { content: "\f00d"; } .offcanvas-toggle-right { display: block; padding: 0; margin: 0; position: fixed; width: 40px; height: 40px; top: 10px; right: 10px; z-index: 1031; text-align: center; background-color: rgba(255, 255, 255, 0.85); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 0; } .offcanvas-toggle-right:after { font-family: "FontAwesome"; content: "\f0c9"; font-size: 22px; line-height: 35px; text-align: center; color: #000000; } #offcanvas.in + .offcanvas-toggle-right:after { content: "\f00d"; } #offcanvas .nav.flex-column { padding: 15px; } #offcanvas .nav.flex-column > li .nav-link { font-size: 18px; font-weight: 300; } #offcanvas .nav.flex-column > li .nav-link:after { top: 10px; } /* 6.4 Gradient background header ----------------------------------------------------------------------------- */ .transparent-header.gradient-background-header .header:not(.dark) .active.dropdown > a:after { color: #000000; } .transparent-header.gradient-background-header .header:not(.dark) .main-navigation .show .nav-link, .transparent-header.gradient-background-header .header:not(.dark) .main-navigation .show .nav-link:hover, .transparent-header.gradient-background-header .header:not(.dark) .main-navigation .show .nav-link:focus, .transparent-header.gradient-background-header .header:not(.dark) .main-navigation .nav-link:focus { border-right-color: transparent; border-left-color: transparent; border-bottom-color: transparent; } /* Small devices (tablets, 768px and up) */ @media (min-width: 768px) { .transparent-header.gradient-background-header .header:not(.dark) li:not(.show) .nav-link:hover, .transparent-header.gradient-background-header .header:not(.dark) .active:not(.show) .nav-link, .transparent-header.gradient-background-header .header:not(.dark) .active:not(.show) .nav-link:hover, .transparent-header.gradient-background-header .header:not(.dark) .active:not(.show) .nav-link:focus { color: #000000; border-bottom: 1px solid #454545; } .transparent-header.gradient-background-header .header:not(.dark) li:not(.show) .nav-link:focus { color: #000000; } } .transparent-header.gradient-background-header .dark.header .main-navigation .show .nav-link, .transparent-header.gradient-background-header .dark.header .main-navigation .show .nav-link:hover, .transparent-header.gradient-background-header .dark.header .main-navigation .show .nav-link:focus, .transparent-header.gradient-background-header .dark.header .main-navigation .nav-link:focus { border-right-color: transparent; border-left-color: transparent; border-bottom-color: transparent; } .transparent-header.gradient-background-header header.header.transparent-header-on { background: -moz-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0.05) 85%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0.05) 85%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0.05) 85%, rgba(255, 255, 255, 0) 100%); border-bottom: none; border-top: none; } .transparent-header.gradient-background-header header.header.dark.transparent-header-on { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.05) 85%, transparent 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.05) 85%, transparent 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.05) 85%, transparent 100%); border-bottom: none; border-top: none; } .transparent-header.gradient-background-header.fixed-header-on .header.fixed:not(.dark) { border-bottom: none; background-color: rgba(255, 255, 255, 0.8); -webkit-transition: all linear 0.2s; -o-transition: all linear 0.2s; transition: all linear 0.2s; } .transparent-header.gradient-background-header.fixed-header-on .dark.header.fixed { background-color: rgba(0, 0, 0, 0.3); -webkit-transition: all linear 0.2s; -o-transition: all linear 0.2s; transition: all linear 0.2s; } /* 6.5 Full page navigation ----------------------------------------------------------------------------- */ .full-page .header-container header { background-color: rgba(255, 255, 255, 0.1); border-bottom: none; border-top: none; padding-bottom: 15px; padding-top: 10px; } .full-page .header-container header.dark { background-color: rgba(0, 0, 0, 0.1); padding-bottom: 15px; } .transparent-header.full-page .header-container header { background-color: transparent; padding-bottom: 15px; } /* 6.6 Rtl resets ----------------------------------------------------------------------------- */ /* 7 Blocks/Widgets ----------------------------------------------------------------------------- */ /* Logo, Site Slogan ---------------------------------- */ #logo img:hover, #logo-mobile img:hover { opacity: 0.8; filter: alpha(opacity=80); } .header.centered #logo img { margin: 0 auto; } #logo-footer { margin-bottom: 20px; } .site-slogan { color: #777777; font-size: 11px; padding: 3px 0 0; font-weight: 300; opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .offcanvas .logo { margin: 20px 0 10px; } .offcanvas .logo img { margin: 0 auto; } .offcanvas .site-slogan { text-align: center; margin-bottom: 20px; margin-top: -10px; } .transparent-header .header:not(.dark) .site-slogan { color: #000000; } .header.dark .site-slogan { color: #cdcdcd; text-shadow: 1px 1px rgba(0, 0, 0, 0.4); } .transparent-header .header.dark .site-slogan { color: #f1f1f1; } /* Medium devices (tablets, phones) */ @media (min-width: 992px) and (max-width: 1199px) { .site-slogan { font-size: 11px; } } /* Small devices (tablets, phones less than 991px) */ @media (max-width: 991px) { body.full-page header .logo img { margin: 0; } body.full-page .site-slogan { text-align: left; } } /* Social icons block ---------------------------------- */ .social-links { list-style: none; font-size: 0; margin-top: 20px; margin-bottom: 20px; padding-left: 0; } .social-links li { display: inline-block; margin: 0 2px 2px 0; } .social-links li a { width: 40px; height: 40px; display: block; text-align: center; font-size: 18px; border: 1px solid #e7e7e7; color: #cdcdcd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .social-links li a i { line-height: 40px; } .social-links li a:hover { background-color: transparent; } .social-links.animated-effect-1 li a { -webkit-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; position: relative; z-index: 1; } .social-links.animated-effect-1 li a:hover { color: #ffffff !important; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .social-links.animated-effect-1 li a:after { pointer-events: none; position: absolute; width: 100%; height: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content: ''; top: 0px; left: 0px; padding: 0px; z-index: -1; -webkit-transition: -webkit-transform 0.4s, opacity 0.4s, background-color 0.4s; -moz-transition: -moz-transform 0.4s, opacity 0.4s, background-color 0.4s; transition: transform 0.4s, opacity 0.4s, background-color 0.4s; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); opacity: 0; filter: alpha(opacity=0); } .social-links.animated-effect-1 li a:hover:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); -webkit-transition: -webkit-transform 0s, opacity 0.3s, background-color 0.3s; -moz-transition: -moz-transform 0s, opacity 0.3s, background-color 0.3s; transition: transform 0s, opacity 0.3s, background-color 0.3s; } .social-links.animated-effect-1:not(.circle) li a:after { -webkit-border-radius: 0%; -moz-border-radius: 0%; border-radius: 0%; } .social-links.default li a { color: #ffffff; } .social-links.default li a:hover { background-color: #ffffff; color: #777777; } .dark .social-links li a { background-color: rgba(0, 0, 0, 0.2); border: 1px solid rgba(0, 0, 0, 0.1); color: #ffffff; } .dark.social-links li a { background-color: rgba(0, 0, 0, 0.6); border: 1px solid rgba(0, 0, 0, 0.1); color: #ffffff; } .dark.social-links li a:hover { background-color: rgba(0, 0, 0, 0.8); } .colored .social-links li a { background-color: rgba(0, 0, 0, 0.2); border: 1px solid rgba(0, 0, 0, 0.01); color: #ffffff; } .header-top .social-links { margin: 0; display: inline-block; margin-top: 2px; } .full-page .header .social-links { margin-top: 15px; margin-bottom: 0; } .footer-content .social-links li { margin: 0 5px 5px 0; } .footer-content .social-links li a { color: #777777; background-color: transparent; border-color: #777777; } .footer-content .social-links li a:hover { color: #ffffff; background-color: #777777; border-color: #777777; } .social-links.small li a { width: 30px; height: 30px; font-size: 14px; } .social-links.small li a i { line-height: 29px; } .social-links.large li a { width: 60px; height: 60px; font-size: 24px; } .social-links.large li a i { line-height: 60px; } .social-links.square li a, .square { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .social-links.circle li a { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .social-links.animated-effect-1 li.twitter a:hover { border-color: #55acee; } .social-links:not(.animated-effect-1) li.twitter a:hover, .colored.social-links li.twitter a, .social-links.animated-effect-1 li.twitter a:after, .btn.twitter { background-color: #55acee; border-color: #55acee; color: #ffffff; } .social-links.animated-effect-1 li.skype a:hover { border-color: #00aff0; } .social-links:not(.animated-effect-1) li.skype a:hover, .colored.social-links li.skype a, .social-links.animated-effect-1 li.skype a:after, .btn.skype { background-color: #00aff0; border-color: #00aff0; color: #ffffff; } .social-links.animated-effect-1 li.linkedin a:hover { border-color: #0976b4; } .social-links:not(.animated-effect-1) li.linkedin a:hover, .colored.social-links li.linkedin a, .social-links.animated-effect-1 li.linkedin a:after, .btn.linkedin { background-color: #0976b4; border-color: #0976b4; color: #ffffff; } .social-links.animated-effect-1 li.googleplus a:hover { border-color: #dd4b39; } .social-links:not(.animated-effect-1) li.googleplus a:hover, .colored.social-links li.googleplus a, .social-links.animated-effect-1 li.googleplus a:after, .btn.googleplus { background-color: #dd4b39; border-color: #dd4b39; color: #ffffff; } .social-links.animated-effect-1 li.youtube a:hover { border-color: #b31217; } .social-links:not(.animated-effect-1) li.youtube a:hover, .colored.social-links li.youtube a, .social-links.animated-effect-1 li.youtube a:after, .btn.youtube { background-color: #b31217; border-color: #b31217; color: #ffffff; } .social-links.animated-effect-1 li.flickr a:hover { border-color: #ff0084; } .social-links:not(.animated-effect-1) li.flickr a:hover, .colored.social-links li.flickr a, .social-links.animated-effect-1 li.flickr a:after, .btn.flickr { background-color: #ff0084; border-color: #ff0084; color: #ffffff; } .social-links.animated-effect-1 li.facebook a:hover { border-color: #3b5998; } .social-links:not(.animated-effect-1) li.facebook a:hover, .colored.social-links li.facebook a, .social-links.animated-effect-1 li.facebook a:after, .btn.facebook { background-color: #3b5998; border-color: #3b5998; color: #ffffff; } .social-links.animated-effect-1 li.pinterest a:hover { border-color: #cb2027; } .social-links:not(.animated-effect-1) li.pinterest a:hover, .colored.social-links li.pinterest a, .social-links.animated-effect-1 li.pinterest a:after, .btn.pinterest { background-color: #cb2027; border-color: #cb2027; color: #ffffff; } .social-links.animated-effect-1 li.instagram a:hover { border-color: #517fa4; } .social-links:not(.animated-effect-1) li.instagram a:hover, .colored.social-links li.instagram a, .social-links.animated-effect-1 li.instagram a:after, .btn.instagram { background-color: #517fa4; border-color: #517fa4; color: #ffffff; } .social-links.animated-effect-1 li.vimeo a:hover { border-color: #aad450; } .social-links:not(.animated-effect-1) li.vimeo a:hover, .colored.social-links li.vimeo a, .social-links.animated-effect-1 li.vimeo a:after, .btn.vimeo { background-color: #aad450; border-color: #aad450; color: #ffffff; } .social-links.animated-effect-1 li.tumblr a:hover { border-color: #32506d; } .social-links:not(.animated-effect-1) li.tumblr a:hover, .colored.social-links li.tumblr a, .social-links.animated-effect-1 li.tumblr a:after, .btn.tumblr { background-color: #32506d; border-color: #32506d; color: #ffffff; } .social-links.animated-effect-1 li.soundcloud a:hover { border-color: #ff3a00; } .social-links:not(.animated-effect-1) li.soundcloud a:hover, .colored.social-links li.soundcloud a, .social-links.animated-effect-1 li.soundcloud a:after, .btn.soundcloud { background-color: #ff3a00; border-color: #ff3a00; color: #ffffff; } .social-links.animated-effect-1 li.foursquare a:hover { border-color: #0072b1; } .social-links:not(.animated-effect-1) li.foursquare a:hover, .colored.social-links li.foursquare a, .social-links.animated-effect-1 li.foursquare a:after, .btn.foursquare { background-color: #0072b1; border-color: #0072b1; color: #ffffff; } .social-links.animated-effect-1 li.dribbble a:hover { border-color: #ea4c89; } .social-links:not(.animated-effect-1) li.dribbble a:hover, .colored.social-links li.dribbble a, .social-links.animated-effect-1 li.dribbble a:after, .btn.dribbble { background-color: #ea4c89; border-color: #ea4c89; color: #ffffff; } .social-links.animated-effect-1 li.xing a:hover { border-color: #126567; } .social-links:not(.animated-effect-1) li.xing a:hover, .colored.social-links li.xing a, .social-links.animated-effect-1 li.xing a:after, .btn.xing { background-color: #126567; border-color: #126567; color: #ffffff; } .social-links.animated-effect-1 li.behance a:hover { border-color: #126567; } .social-links:not(.animated-effect-1) li.behance a:hover, .colored.social-links li.behance a, .social-links.animated-effect-1 li.behance a:after, .btn.behance { background-color: #053eff; border-color: #053eff; color: #ffffff; } .social-links.animated-effect-1 li.vine a:hover { border-color: #126567; } .social-links:not(.animated-effect-1) li.vine a:hover, .colored.social-links li.vine a, .social-links.animated-effect-1 li.vine a:after, .btn.vine { background-color: #00a478; border-color: #00a478; color: #ffffff; } .social-links.animated-effect-1 li.stumbleupon a:hover { border-color: #126567; } .social-links:not(.animated-effect-1) li.stumbleupon a:hover, .colored.social-links li.stumbleupon a, .social-links.animated-effect-1 li.stumbleupon a:after, .btn.stumbleupon { background-color: #f74425; border-color: #f74425; color: #ffffff; } .social-links .dropdown > button { padding: 1px 15px 0px; font-size: 16px; color: #999999; text-align: center; min-width: 0; margin: 0; background-color: transparent; -webkit-box-shadow: none !important; box-shadow: none !important; } .social-links .dropdown > button i { width: 15px; } .header-top.colored .social-links .dropdown > button > i:before, .header-top.colored .social-links .dropdown.show > button > i:before { color: #ffffff; } .header-top .social-links .dropdown.show > button > i:before { content: "\f00d"; } .social-links .dropdown-menu { z-index: 103; padding: 5px; min-width: 270px; margin-top: 6px; font-size: 0; -webkit-box-shadow: none; box-shadow: none; background-color: #f2f2f2; border: 1px solid #D0D0D0; border-top: none; } .social-links .dropdown-menu li a, .dark .social-links .dropdown-menu li a i, .colored .social-links .dropdown-menu li a i { padding: 0; line-height: 30px; color: #ffffff; } .social-links .dropdown-menu li a i { padding-left: 0; } .social-links .dropdown-menu li a:hover i { color: #ffffff; } /*Header Dropdowns (search, cart etc) ---------------------------------- */ /*Header Dropdowns*/ .header-dropdown-buttons { padding-top: 20px; } .transparent-header .header-dropdown-buttons .btn-group > .btn { background-color: transparent; border: 1px solid #999999; color: #000000; } .transparent-header.gradient-background-header .header-dropdown-buttons .btn-group > .btn { border: 1px solid #333333; } .header-dropdown-buttons .btn-group:first-child { margin-right: 5px; } .header-dropdown-buttons .btn-group > .btn { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; width: 40px; height: 40px; padding: 0; line-height: 38px; text-align: center; background-color: #f2f2f2; border: 1px solid #e9e9e9; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin: 0; } .header-dropdown-buttons .btn-group > .btn:hover { color: #ffffff; } .header-dropdown-buttons .btn-group .dropdown-menu { z-index: 103; padding: 20px; min-width: 280px; margin-top: 20px; top: 100%; border: none; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .dark .header-dropdown-buttons .btn-group .dropdown-menu { margin-top: 19px; } .dark .header-dropdown-buttons .cart { color: #cacaca; } .header-dropdown-buttons .btn-group.show > .btn { color: #ffffff; } .header.centered .header-dropdown-buttons .btn-group .dropdown-menu { margin-top: 8px; } .dark .header-dropdown-buttons .btn-group > .btn, .colored .header-dropdown-buttons .btn-group > .btn { background-color: rgba(0, 0, 0, 0.2); border: 1px solid rgba(0, 0, 0, 0.15); text-shadow: 1px 1px rgba(0, 0, 0, 0.7); color: #cdcdcd; } .dark .header-dropdown-buttons .btn-group > .btn:hover, .colored .header-dropdown-buttons .btn-group > .btn:hover { background-color: rgba(0, 0, 0, 0.3); border: 1px solid rgba(0, 0, 0, 0.25); } .dark .header-dropdown-buttons .btn-group.show > .btn, .colored .header-dropdown-buttons .btn-group.show > .btn { background-color: rgba(0, 0, 0, 0.3); border: 1px solid rgba(0, 0, 0, 0.25); } .btn-group.show .dropdown-animation { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeIn; animation-name: fadeIn; } /*Header Top Dropdowns*/ .header-top-dropdown .dropdown-menu { z-index: 103; padding: 20px; min-width: 280px; margin-top: 6px; border: 1px solid #D0D0D0; border-top: none; background: #f2f2f2; font-weight: 400; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .header-top-dropdown .login-form ul { padding-left: 0; list-style-position: inside; margin: 15px 0 10px; } .header-top-dropdown .login-form .social-links { padding-left: 20px; margin: 0; } .header-top-dropdown .login-form label { font-weight: 400; } .dark.header-top .dropdown-menu { border-top: none; } .colored.header-top .dropdown-menu { border-top: none; } .search-box .form-group { margin-bottom: 0; } /*Button Groups*/ .header-top .btn-group { margin: 3px 0 2px; } .header-top .btn-group .btn { margin: 0; text-decoration: none; } /* Extra small devices (phones, less than 575px) */ @media (max-width: 575px) { .header-top-dropdown .dropdown-menu { margin-top: 5px; width: 100%; } } /*Dark Dropdowns ---------------------------------- */ .dark.btn-group .dropdown-menu { background-color: #333333; border: 1px solid #424242; border-bottom: none; } .dark.btn-group .dropdown-menu .dropdown-divider { background-color: #505050; } .dark.btn-group .dropdown-menu .dropdown-item, .dark.btn-group .mega-menu .menu .dropdown-item { color: #cccccc; border-bottom: 1px solid #424242; text-shadow: 1px 1px rgba(0, 0, 0, 0.7); } .dark.btn-group .dropdown-menu .dropdown-item:hover, .dark.btn-group .dropdown-menu .dropdown-item:focus, .dark.btn-group .nav .show .dropdown-item, .dark.btn-group .nav .show .dropdown-item:hover, .dark.btn-group .nav .show .dropdown-item:focus, .dark.btn-group .dropdown-menu .active.dropdown-item, .dark.btn-group .dropdown-menu .active.dropdown-item:hover, .dark.btn-group .dropdown-menu .active.dropdown-item:focus { background-color: rgba(0, 0, 0, 0.2); color: #ffffff; border-color: #424242; } .dark.btn-group .dropdown .dropdown .dropdown-item:before { color: #cccccc; top: 13px; } .dark.btn-group .dropdown .dropdown.show .dropdown-item:before { color: #ffffff; } /* Login/Register Forms ---------------------------------- */ .form-block { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; width: 630px; } .form-block .social-links { display: inline-block; margin: 0 0 0 5px; } .form-block ul { padding-left: 0; list-style-position: inside; } .light-gray-bg.form-block h2, .light-gray-bg.form-block a, .light-gray-bg.form-block a:hover, .light-gray-bg.form-block { color: #777777; } /* Small devices (tablets, phones less than 767px) */ @media (max-width: 767px) { .form-block { width: 100%; } } /* Latest tweets block ---------------------------------- */ ul.tweets { list-style: none; padding: 0; } ul.tweets li { margin-bottom: 20px; position: relative; padding-left: 35px; } ul.tweets li i { position: absolute; top: 4px; left: 0; width: 25px; height: 25px; text-align: center; color: #777777; } ul.tweets li p { margin-bottom: 5px; } ul.tweets li span { font-size: 12px; color: #777777; } /* Media ---------------------------------- */ .media { margin-top: 0; margin-bottom: 25px; } .media img { max-width: none; } .footer-content .media img, .block .media img { width: 60px; } .media-heading { margin-bottom: 0; } h6.media-heading { margin-bottom: 5px; } .media:hover .icon { background-color: transparent; } .dark-bg .media:hover .icon { border-color: #cdcdcd; color: #cdcdcd; } .media:hover .icon:after { content: ""; border-color: transparent; } /* Testimonials ---------------------------------- */ .testimonial { padding: 20px 0; } .testimonial blockquote { margin: 0; } .testimonial .separator { margin: 15px auto 5px; } .testimonial-image { width: 90px; margin: 0 auto; } .testimonial-info-1 { font-size: 12px; } .testimonial-info-2 { font-size: 12px; font-weight: 400; } .testimonial h3 { margin-bottom: 0; margin-top: 15px; } .testimonial p { margin-bottom: 15px; } /* Clients ---------------------------------- */ .clients-container { text-align: center; } .clients { margin: 10px auto; } .clients .client-image { text-align: center; width: 80px; height: 80px; margin: 5px; display: inline-block; } .clients img { margin: 0px auto; } .owl-carousel.clients .owl-item img { width: auto; } /* Full Width Content ---------------------------------- */ .full-width-section { position: relative; } .full-text-container { position: absolute; top: 30%; padding: 20px 40px; z-index: 2; } .full-image-overlay { display: none; position: absolute; width: 100%; top: 50%; padding: 0 10%; margin-top: -133px; color: #ffffff; z-index: 1; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition-delay: 0s; transition-delay: 0s; } .full-image-overlay h3 { color: #ffffff; } .to-right-block { margin-left: auto; display: block; } /* Large devices (Large desktops 1200px and up) */ @media (min-width: 1200px) { .full-width-section { position: relative; display: table; table-layout: fixed; width: 100%; } .full-width-section.no-image { min-height: 400px; } .full-image-container { width: 50%; display: table-cell; position: relative; overflow: hidden; } .full-image-overlay { display: block; opacity: 0; filter: alpha(opacity=0); } .full-image-container:before { content: ''; position: absolute; top: 5%; right: 0%; width: 50%; height: 90%; background-color: rgba(55, 55, 55, 0.6); opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .full-text-container + .full-image-container:before { right: auto; left: 0; } .full-width-section:hover .full-image-container:before, .full-width-section .full-image-container.hovered:before { width: 90%; right: 5%; opacity: 1; filter: alpha(opacity=100); -webkit-transition-delay: 0s; transition-delay: 0s; } .full-width-section:hover .full-text-container + .full-image-container:before, .full-width-section .full-text-container + .full-image-container.hovered:before { right: auto; left: 5%; } .full-width-section.hover-disabled:hover .full-image-container:before, .full-width-section.hover-disabled .full-image-container.hovered:before { opacity: 0; filter: alpha(opacity=0); } .full-width-section:hover .full-image-overlay, .full-width-section .hovered .full-image-overlay { opacity: 1; filter: alpha(opacity=100); -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .full-text-container { display: table-cell; vertical-align: middle; width: 50%; padding: 0 50px; position: static; } .full-text-container * { max-width: 700px; } .full-text-container.left { text-align: right; } .full-text-container.left * { margin-left: auto; } .full-text-container p { margin-bottom: 10px; } } /* Large and Medium devices (desktops, tablets less than 1199px) */ @media (max-width: 1199px) { .no-image .full-text-container { position: static; display: block; } .full-width-section:not(.no-image) .full-text-container.dark-bg { background-color: rgba(0, 0, 0, 0.8); width: 100%; } .full-width-section:not(.no-image) .full-text-container.light-gray-bg { background-color: rgba(255, 255, 255, 0.8); color: #000000; border-top: none; border-bottom: none; width: 100%; } .full-width-section:not(.no-image) .full-text-container.white-bg { background-color: rgba(255, 255, 255, 0.8); color: #000000; border-top: none; border-bottom: none; width: 100%; } .full-width-section:not(.no-image) .full-text-container.default-bg { width: 100%; } .full-width-section .to-right-block, .full-width-section img { margin: 0 auto; } } /* Medium devices (desktops, tablets less than 991px) */ @media (max-width: 991px) { .full-width-section:not(.no-image) .full-text-container { top: 0; height: 100%; padding: 0 20px; } .full-text-container h1 { font-size: 28px; } } /* Extra small devices (phones, less than 575px) */ @media (max-width: 575px) { .full-text-container { position: static; padding: 20px !important; } } /* Call to action ---------------------------------- */ .call-to-action h1, .call-to-action a { margin: 0; } .call-to-action p { margin-bottom: 10px; } /* Small devices (tablets, phones less than 767px) */ @media (max-width: 767px) { .call-to-action .text-right { text-align: left; } } /* Counters ---------------------------------- */ .counter { display: block; font-size: 32px; line-height: 1; } /* Pricing tables ---------------------------------- */ .pricing-tables { margin: 60px 0 0; } .plan { text-align: center; margin-bottom: 40px !important; } .plan.round-corners .header { -webkit-border-radius: 25px 25px 0 0; -moz-border-radius: 25px 25px 0 0; border-radius: 25px 25px 0 0; } .plan.round-corners ul li:last-child, .plan.round-corners ul { -webkit-border-radius: 0 0 25px 25px; -moz-border-radius: 0 0 25px 25px; border-radius: 0 0 25px 25px; } .plan .header { padding: 0; margin: 0 -1px; border: none; } .plan .header h3 { font-size: 36px; margin: 0; line-height: 36px; font-weight: 300; padding: 15px 0 10px; border: 1px solid rgba(0, 0, 0, 0.05); border-top: none; } .plan .header .price { font-size: 28px; padding: 8px 0 10px; font-weight: 300; background-color: rgba(255, 255, 255, 0.1); border: 1px solid rgba(0, 0, 0, 0.1); border-top: 1px solid rgba(255, 255, 255, 0.15); line-height: 1; color: #ffffff; } .plan ul { margin: 0; padding: 0; font-size: 14px; list-style: none; } .plan ul li { padding: 12px 0px; font-size: 13px; border-bottom: 1px solid #f3f3f3; border-top: 1px solid #ffffff; color: #333333; } .plan.best-value ul li { padding: 15px 0; } .plan ul li a.pt-popover { color: #000000; border-bottom: 1px dashed #000000; position: relative; } .plan ul li a.pt-popover:hover { text-decoration: none; } .plan ul li a.pt-popover:after { position: absolute; top: 0px; left: -15px; font-family: "FontAwesome"; content: "\f059"; color: #ddd; font-size: 12px; } .popover { width: 250px; font-size: 13px; text-align: center; border: 1px solid rgba(0, 0, 0, 0.1); } .popover-title { color: #ffffff; text-shadow: none; font-size: 13px; border: none; } .popover-content { font-size: 12px; } .circle-head .plan .header { padding: 0; border: none; width: 160px; height: 160px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; margin: 20px auto; padding: 10px 0; } .circle-head .plan .header h3 { font-size: 26px; border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding-top: 27px; } .circle-head .plan .header .price { height: 80px; border: none; padding-top: 15px; font-size: 22px; border-top: 1px solid rgba(255, 255, 255, 0.15); } .stripped .plan ul { -webkit-box-shadow: 0px -15px 32px 0px #cacaca inset; box-shadow: 0px -15px 32px 0px #cacaca inset; background: #fdfdfd; } .stripped .plan ul li { border: 1px solid #ececec; border-top: none; color: #666; } .stripped .plan ul li:nth-child(even) { -webkit-box-shadow: 0px 0px 40px #e4e4e4 inset; box-shadow: 0px 0px 40px #e4e4e4 inset; background: #ffffff; border-right: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; } /* Small devices (tablets, 768px and up) */ @media (min-width: 768px) { .best-value.plan { top: -30px; position: relative; z-index: 2; } } /* Google maps ---------------------------------- */ #map-canvas { height: 450px; } #map-canvas.small { height: 347px; } #collapseMap:not(.show) { overflow: hidden; height: 0; -webkit-transition: height 0.3s ease-in-out; -o-transition: height 0.3s ease-in-out; transition: height 0.3s ease-in-out; } #collapseMap.in { height: 450px; } .footer-content #map-canvas { height: 300px; } #map-canvas img { max-width: inherit; } /* Tags cloud block ---------------------------------- */ .tags-cloud { font-size: 0; } .tag { display: inline-block; margin: 0 3px 3px 0; } .tag a { padding: 3px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #ffffff; display: block; font-size: 11px; } .tag a:hover { background-color: #ffffff; text-decoration: none; } .dark .tag a { color: #777777; background-color: transparent; border: 1px solid #333333; } .dark .tag a:hover { color: #ffffff; background-color: #777777; border-color: #777777; text-decoration: none; } /* Credit Carts Block ---------------------------------- */ .icons-block i { display: inline-block; font-size: 30px; color: #999999; } /* Isotope filtering ---------------------------------- */ .isotope-container { display: none; } .isotope-container-fitrows { display: none; } /* Small devices (tablets, phones less than 991px) */ @media (max-width: 991px) { .isotope-item, .masonry-grid-item { max-width: 100%; } } @media (min-width: 768px) and (max-width: 991px) { .col-md-6.masonry-grid-item, .col-md-6.isotope-item { max-width: 50%; } } /* Affix Menu ---------------------------------- */ .sidebar.affix { position: static; } /* Show and affix the side nav when space allows it */ /* Medium devices (desktops, tablets, 992px and up) */ @media (min-width: 992px) { .col-md-4 .sidebar.affix, .col-md-4 .sidebar.affix-bottom { width: 293px; } .col-md-3 .sidebar.affix, .col-md-3 .sidebar.affix-bottom { width: 213px; } .sidebar.affix { position: fixed; top: 20px; } .fixed-header-on .sidebar.affix { top: 65px; } .sidebar.affix-bottom { position: absolute; } .sidebar.affix-bottom .affix-menu, .sidebar.affix .affix-menu { margin-top: 0; margin-bottom: 0; } .affix-menu { padding-top: 20px; } h3.title ~ .affix-menu { padding-top: 0px; } } /* Large devices (Large desktops 1200px and up) */ @media (min-width: 1200px) { .col-md-4 .sidebar.affix, .col-md-4 .sidebar.affix-bottom { width: 390px; } .col-md-3 .sidebar.affix, .col-md-3 .sidebar.affix-bottom { width: 263px; } } /* Scroll to top ---------------------------------- */ .scrollToTop { color: #ffffff; position: fixed; bottom: 5px; right: 5px; width: 50px; height: 50px; text-align: center; cursor: pointer; background-color: rgba(0, 0, 0, 0.4); z-index: 1005; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; opacity: 0; filter: alpha(opacity=0); } .scrollToTop.fadeToTop { -webkit-animation-name: fadeToTop; animation-name: fadeToTop; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeToTop { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeToTop { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .scrollToTop.fadeToBottom { -webkit-animation-name: fadeToBottom; animation-name: fadeToBottom; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeToBottom { 0% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeToBottom { 0% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .scrollToTop i { line-height: 50px; font-size: 24px; } .scrollToTop:hover { background-color: rgba(0, 0, 0, 0.6); } /* Small devices (tablets, phones less than 767px) */ @media (max-width: 767px) { .scrollToTop { width: 40px; height: 40px; background-color: rgba(0, 0, 0, 0.4); } .scrollToTop i { line-height: 40px; font-size: 20px; } } /* 8 Main Slideshow ----------------------------------------------------------------------------- */ .slider-banner-container, .slider-revolution-5-container { width: 100%; position: relative; padding: 0; direction: ltr; } .slider-banner-fullscreen, .slider-banner-fullwidth { width: 100%; position: relative; } .slider-banner-container ul.slides, .slider-revolution-5-container ul.slides { display: none; } /*Spinner*/ .tp-loader.spinner2 { background-color: #999; } /*Captions*/ .tp-caption { z-index: 5; } .tp-caption a, .tp-caption a:hover { color: #ffffff; } .tp-caption a.btn-gray, .tp-caption a.btn-gray:hover { color: #333333; } .caption-box { max-width: 540px; color: #ffffff; white-space: normal; padding: 20px; border: none; } .caption-box h2 { color: #ffffff; } /*text rotator*/ .tp-caption .text-rotator { min-width: 580px; display: inline-block; } .light-translucent-bg.caption-box h2, .light-translucent-bg.caption-box p { color: #333333; font-weight: 400; } .caption-box:after { z-index: -1; } .slideshow .dark-translucent-bg:not(.caption-box), .slideshow .light-translucent-bg:not(.caption-box) { border-top: none; border-bottom: none; position: absolute; left: 0; top: 0 !important; width: 100%; height: 100%; } .slideshow .dark-translucent-bg { background-color: rgba(0, 0, 0, 0.4); } .slideshow .light-translucent-bg { background-color: rgba(255, 255, 255, 0.4); } .slideshow .dark-translucent-bg:after, .slideshow .light-translucent-bg:after { background-color: transparent; } .xlarge_white { font-size: 68px; font-family: "Raleway", sans-serif; font-weight: 400; color: #ffffff; line-height: 1.2; } .large_white { font-size: 42px; font-family: "Raleway", sans-serif; color: #ffffff; line-height: 1.2; } .medium_white { font-size: 24px; color: #ffffff; font-weight: 300; } .small_white { font-size: 16px; color: #ffffff; font-weight: 300; } .xlarge_dark { font-size: 68px; font-family: "Raleway", sans-serif; font-weight: 400; color: #333333; line-height: 1.2; } .large_dark { font-size: 42px; font-family: "Raleway", sans-serif; color: #333333; line-height: 1.2; } .tp-caption.medium_dark { font-family: "Roboto", sans-serif; font-size: 24px; color: #333333; font-weight: 400; letter-spacing: 0; line-height: 1.4583; } .small_dark { font-size: 16px; color: #333333; font-weight: 400; } .text-shadow-light { text-shadow: 2px 2px 25px rgba(255, 255, 255, 0.5); } .text-shadow-dark { text-shadow: 2px 2px 25px #000000; } .tp-caption .separator:not(.with-icon), .tp-caption .separator-2:not(.with-icon), .tp-caption .separator-3:not(.with-icon) { width: 500px; } .slider-banner-boxedwidth .tp-caption[data-x="left"] { margin-left: 20px !important; } .slider-banner-boxedwidth .tp-caption[data-x="right"] { margin-right: 20px !important; } /* Large and Medium devices (desktops, tablets less than 1199px) */ @media (max-width: 1199px) { .tp-caption[data-x="left"] { margin-left: 20px !important; } .tp-caption[data-x="right"] { margin-right: 20px !important; } .caption-box { max-width: 480px !important; } .caption-box p { font-size: 14px; line-height: 1.5; } } /* Small devices (tablets, phones less than 767px) */ @media (max-width: 767px) { .tp-caption .separator:not(.with-icon), .tp-caption .separator-2:not(.with-icon), .tp-caption .separator-3:not(.with-icon) { width: 250px; } .caption-box { max-width: 420px !important; } .caption-box h2 { font-size: 22px; } } /* Small devices (smartphones less than 575px) */ @media (max-width: 575px) { .caption-box { display: none; } .tp-caption .text-rotator { min-width: 250px; } } /*Slider Moving Button*/ .btn.moving { padding: 10px 0px 20px; -webkit-font-smoothing: antialiased; } .btn.moving i { display: block; font-size: 24px; line-height: 1px; height: 10px; color: #ffffff; opacity: 1; filter: alpha(opacity=100); } .btn.moving i + i { opacity: 0.66; filter: alpha(opacity=66); } .btn.moving i + i + i { opacity: 0.33; filter: alpha(opacity=33); } .moving i + i + i { -webkit-animation: opacity_first 2s linear infinite; -moz-animation: opacity_first 2s linear infinite; -ms-animation: opacity_first 2s linear infinite; -o-animation: opacity_first 2s linear infinite; animation: opacity_first 2s linear infinite; -webkit-transition: none !important; -o-transition: none !important; transition: none !important; } .moving i + i { -webkit-animation: opacity_second 2s linear infinite; -moz-animation: opacity_second 2s linear infinite; -ms-animation: opacity_second 2s linear infinite; -o-animation: opacity_second 2s linear infinite; animation: opacity_second 2s linear infinite; -webkit-transition: none !important; -o-transition: none !important; transition: none !important; } .moving > i { -webkit-animation: opacity_third 2s linear infinite; -moz-animation: opacity_third 2s linear infinite; -ms-animation: opacity_third 2s linear infinite; -o-animation: opacity_third 2s linear infinite; animation: opacity_third 2s linear infinite; -webkit-transition: none !important; -o-transition: none !important; transition: none !important; } @-webkit-keyframes opacity_first { 0% { opacity: 0.33; filter: alpha(opacity=33); } 24.91% { opacity: 1; filter: alpha(opacity=100); } 49.833% { opacity: 0; filter: alpha(opacity=0); } } @keyframes opacity_first { 0% { opacity: 0.33; filter: alpha(opacity=33); } 24.91% { opacity: 1; filter: alpha(opacity=100); } 49.833% { opacity: 0; filter: alpha(opacity=0); } } @-webkit-keyframes opacity_second { 0% { opacity: 0.66; filter: alpha(opacity=66); } 16.66% { opacity: 1; filter: alpha(opacity=100); } 41.5833% { opacity: 0; filter: alpha(opacity=0); } } @keyframes opacity_second { 0% { opacity: 0.66; filter: alpha(opacity=66); } 16.66% { opacity: 1; filter: alpha(opacity=100); } 41.5833% { opacity: 0; filter: alpha(opacity=0); } } @-webkit-keyframes opacity_third { 0% { opacity: 1; filter: alpha(opacity=100); } 33.33% { opacity: 0; filter: alpha(opacity=0); } } @keyframes opacity_third { 0% { opacity: 1; filter: alpha(opacity=100); } 33.33% { opacity: 0; filter: alpha(opacity=0); } } /* Small devices (tablets, phones less than 767px) */ @media (max-width: 767px) { .btn.moving { position: absolute; bottom: -100px; left: 50%; margin-left: -18px; } } /*Nav Controls*/ /*Prev/Next Nav Controls*/ .tparrows.preview2 { background-color: rgba(0, 0, 0, 0.4); color: #ffffff; -webkit-border-radius: 0px 3px 3px 0; -moz-border-radius: 0px 3px 3px 0; border-radius: 0px 3px 3px 0; } .tp-rightarrow.preview2 { -webkit-border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px; } .tparrows.preview2:hover { background-color: rgba(0, 0, 0, 0.8); } .tparrows.preview2:after { content: ""; } .tparrows.preview2:before { font-family: "fontello"; content: "\e876"; color: #ffffff; font-size: 24px; line-height: 60px; left: 22px; position: absolute; } .tp-rightarrow.preview2:before { left: auto; content: "\e877"; right: 22px; } .tparrows.preview2 .tp-arr-titleholder { color: #ffffff; text-transform: none; font-weight: 300; font-family: "Raleway", sans-serif; } /*Slider Revolution 5*/ .hebe.tparrows { min-width: 50px; min-height: 50px; } .hebe.tparrows, .hebe.tparrows:before { background-color: rgba(0, 0, 0, 0.2); color: rgba(255, 255, 255, 0.8); } .hebe.tparrows:before { line-height: 50px; min-width: 50px; min-height: 50px; font-size: 22px; } .hebe.tparrows:hover:before { color: rgba(255, 255, 255, 0.8); } .hebe .tp-arr-titleholder { line-height: 70px; } .hebe .tp-arr-titleholder { text-transform: none; font-weight: 300; font-family: "Raleway", sans-serif; padding-left: 70px; } .hebe.tp-rightarrow .tp-arr-titleholder { padding-right: 70px; } /* Small devices (tablets, phones 768px and Up) */ @media (min-width: 768px) { .tparrows.preview4 { height: 200px; } .tparrows.preview4:after { line-height: 200px; height: 200px; } .tparrows.preview4 .tp-arr-imgholder { height: 200px; } .tparrows.preview4 .tp-arr-imgholder2 { height: 200px; } } /* Medium devices (laptops, tablets, phones 991px and below) */ @media (max-width: 991px) { .tparrows.preview2:before { font-size: 18px; line-height: 40px; left: 15px; } .tp-rightarrow.preview2:before { left: auto; right: 15px; } } /* Medium devices (desktops, tablets less than 991px) */ @media (min-width: 768px) and (max-width: 991px) { .tparrows.preview2 { min-width: 40px; min-height: 40px; } .tparrows.preview2 .tp-arr-titleholder { font-size: 12px; line-height: 40px; letter-spacing: 0px; } .tp-rightarrow.preview2 .tp-arr-titleholder { right: 35px; } .tp-leftarrow.preview2 .tp-arr-titleholder { left: 35px; } } /* Small devices (tablets, phones less than 767px) */ @media (max-width: 767px) { .tparrows.preview2:before { font-size: 16px; line-height: 30px; left: 10px; } .tp-rightarrow.preview2:before { left: auto; right: 10px; } } .tp-bullets.preview4 .bullet, .tp-bullets.preview2 .bullet, .tp-bullets.horizontal .tp-bullet { background: rgba(0, 0, 0, 0.6) !important; border: none !important; width: 10px !important; height: 10px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; margin-left: 1px !important; margin-right: 1px !important; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .tp-bullets.preview4 .bullet:hover, .tp-bullets.preview4 .bullet.selected, .tp-bullets.preview2 .bullet:hover, .tp-bullets.preview2 .bullet.selected, .tp-bullets.horizontal .tp-bullet:hover, .tp-bullets.horizontal .tp-bullet.selected { background: #000000 !important; border: none !important; width: 10px !important; height: 10px !important; } .tp-bannertimer { background-image: none; z-index: 21; display: none; height: 2px; } /* Medium devices (netbooks, tablets, phones less than 991px) */ @media (max-width: 991px) { .slideshow .icon.large { font-size: 24px; width: 90px; height: 90px; line-height: 88px; } .slideshow .icon.small { font-size: 15px; width: 35px; height: 35px; line-height: 35px; } } /* Small devices (tablets, phones less than 767px) */ @media (max-width: 767px) { .slideshow .icon.large { font-size: 18px; width: 60px; height: 60px; line-height: 58px; } } /* Extra small devices (phones, less than 575px) */ @media (max-width: 575px) { .slideshow .icon.large { font-size: 18px; width: 35px; height: 35px; line-height: 33px; } } /* 9 Owl Carousel ----------------------------------------------------------------------------- */ .owl-carousel { cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; } .container .owl-carousel { cursor: default; cursor: -moz-default; cursor: -webkit-default; } .container .content-slider-with-large-controls, .container .content-slider-with-large-controls-autoplay { margin-bottom: 50px; border: 1px solid #f5f5f5; } /* Styling Next and Prev buttons */ /*style-1*/ .content-slider-with-controls .owl-nav, .content-slider-with-controls-autoplay .owl-nav, .content-slider-with-thumbs .owl-nav { width: 100%; height: 0; position: absolute; top: 50%; margin-top: -15px; z-index: 10; } .content-slider-with-controls .owl-nav div, .content-slider-with-controls-autoplay .owl-nav div, .content-slider-with-thumbs .owl-nav div { display: inline-block; font-size: 14px; position: absolute; text-transform: capitalize; font-weight: 300; color: transparent; background: rgba(0, 0, 0, 0.5); padding: 5px 5px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .content-slider-with-controls .owl-nav div:after, .content-slider-with-controls-autoplay .owl-nav div:after, .content-slider-with-thumbs .owl-nav div:after { font-family: "FontAwesome"; position: absolute; font-size: 16px; line-height: 1; top: 50%; margin-top: -8px; } .content-slider-with-controls .owl-nav .owl-prev, .content-slider-with-controls-autoplay .owl-nav .owl-prev, .content-slider-with-thumbs .owl-nav .owl-prev { left: 0; padding-left: 0px; } .content-slider-with-controls .owl-nav .owl-prev:hover, .content-slider-with-controls-autoplay .owl-nav .owl-prev:hover, .content-slider-with-thumbs .owl-nav .owl-prev:hover { padding-left: 25px; padding-right: 10px; color: #ffffff; } .content-slider-with-controls .owl-nav .owl-prev:after, .content-slider-with-controls-autoplay .owl-nav .owl-prev:after, .content-slider-with-thumbs .owl-nav .owl-prev:after { content: "\f104"; left: 13px; color: #ffffff; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .content-slider-with-controls .owl-nav .owl-prev:hover:after, .content-slider-with-controls-autoplay .owl-nav .owl-prev:hover:after, .content-slider-with-thumbs .owl-nav .owl-prev:hover:after { left: 8px; } .content-slider-with-controls .owl-nav .owl-next, .content-slider-with-controls-autoplay .owl-nav .owl-next, .content-slider-with-thumbs .owl-nav .owl-next { right: 0px; left: auto; padding-right: 0px; } .content-slider-with-controls .owl-nav .owl-next:hover, .content-slider-with-controls-autoplay .owl-nav .owl-next:hover, .content-slider-with-thumbs .owl-nav .owl-next:hover { padding-right: 25px; padding-left: 10px; color: #ffffff; } .content-slider-with-controls .owl-nav .owl-next:after, .content-slider-with-controls-autoplay .owl-nav .owl-next:after, .content-slider-with-thumbs .owl-nav .owl-next:after { content: "\f105"; right: 13px; color: #ffffff; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .content-slider-with-controls .owl-nav .owl-next:hover:after, .content-slider-with-controls-autoplay .owl-nav .owl-next:hover:after, .content-slider-with-thumbs .owl-nav .owl-next:hover:after { right: 8px; } /*style-2*/ .content-slider-with-large-controls .owl-nav, .content-slider-with-large-controls-autoplay .owl-nav { width: 100%; height: 0; position: absolute; top: 50%; } .container .content-slider-with-large-controls .owl-nav, .container .content-slider-with-large-controls-autoplay .owl-nav { top: auto; bottom: -10px; } .content-slider-with-large-controls .owl-nav div, .content-slider-with-large-controls-autoplay .owl-nav div { display: inline-block; font-size: 18px; position: absolute; text-transform: capitalize; font-weight: 300; color: #cdcdcd; } .content-slider-with-large-controls .owl-nav div:after, .content-slider-with-large-controls-autoplay .owl-nav div:after { font-family: "FontAwesome"; position: absolute; font-size: 16px; line-height: 1; top: 50%; margin-top: -8px; } .content-slider-with-large-controls .owl-nav .owl-prev, .content-slider-with-large-controls-autoplay .owl-nav .owl-prev { left: 0; padding-left: 30px; } .content-slider-with-large-controls .owl-nav .owl-prev:after, .content-slider-with-large-controls-autoplay .owl-nav .owl-prev:after { content: "\f104"; left: 15px; } .content-slider-with-large-controls .owl-nav .owl-next, .content-slider-with-large-controls-autoplay .owl-nav .owl-next { right: 0px; left: auto; padding-right: 30px; } .content-slider-with-large-controls .owl-nav .owl-next:after, .content-slider-with-large-controls-autoplay .owl-nav .owl-next:after { content: "\f105"; right: 15px; } .container .content-slider-with-large-controls .owl-nav .owl-prev, .container .content-slider-with-large-controls-autoplay .owl-nav .owl-prev { padding-left: 15px; } .container .content-slider-with-large-controls .owl-nav .owl-prev:after, .container .content-slider-with-large-controls-autoplay .owl-nav .owl-prev:after { left: 0px; } .container .content-slider-with-large-controls .owl-nav .owl-next, .container .content-slider-with-large-controls-autoplay .owl-nav .owl-next { padding-right: 15px; } .container .content-slider-with-large-controls .owl-nav .owl-next:after, .container .content-slider-with-large-controls-autoplay .owl-nav .owl-next:after { right: 0px; } /* Large and Medium devices (desktops, tablets less than 1199px) */ @media (max-width: 1199px) { .content-slider-with-large-controls .owl-nav, .content-slider-with-large-controls-autoplay .owl-nav { top: 98%; } } .buttons-hide .owl-nav { display: none; } /* Styling Pagination*/ .owl-dots, .owl-dots { position: absolute; bottom: 0px; text-align: center; width: 100%; z-index: 10; } .owl-dots .owl-dot, .owl-dots .owl-dot { display: inline-block; zoom: 1; } .owl-dots .owl-dot span, .owl-dots .owl-dot span { display: block; width: 9px; height: 9px; margin: 5px 3px; opacity: 0.5; filter: alpha(opacity=50); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #ffffff; } .dark-controls .owl-dots .owl-dot span, .dark-controls .owl-dots .owl-dot span { background: #333333; } .owl-dots .owl-dot.active span, .owl-dots.clickable .owl-dot:hover span, .owl-dots .owl-dot.active span, .owl-dots.clickable .owl-dot:hover span { opacity: 1; filter: alpha(opacity=100); } /* Small devices (tablets, phones less than 767px) */ @media (max-width: 767px) { .owl-dots .owl-dot span, .owl-dots .owl-dot span { background: #000000; } } /* Styling Navigation Thumbs*/ .content-slider-thumbs-container { margin-left: -5px; margin-right: -5px; } .owl-nav-thumb { margin: 0 5px; cursor: pointer; } /* 10 Full Page ----------------------------------------------------------------------------- */ #fp-nav ul li .fp-tooltip { background-color: #ffffff; color: #454545; padding: 0 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; top: -4px; overflow: visible; } #fp-nav ul li .fp-tooltip.right { right: 30px; } #fp-nav ul li .fp-tooltip:after { content: "\f0da"; font-family: "FontAwesome"; position: absolute; right: -8px; top: 50%; font-size: 30px; line-height: 20px; margin-top: -9px; color: #ffffff; } /*# sourceMappingURL=style.css.map */ /* Theme Name: The Project - Responsive Website Template Author:HtmlCoder Author URI:http://www.htmlcoder.me Author e-mail:htmlcoder.me@gmail.com Version: 2.0.5 Created:December 2014 License URI:http://support.wrapbootstrap.com/ File Description: Place here your custom CSS styles */ @charset "UTF-8"; /* 1 Typography ----------------------------------------------------------------------------- */ /*Fonts ---------------------------------- */ h1, h2, h3, h4, h5, h6, .navbar .navbar-nav { font-family: "Raleway", sans-serif; } body { font-family: "Roboto", sans-serif; } button, input, optgroup, select, textarea { font-family: "Roboto", sans-serif; } .logo-font { font-family: "Pacifico", cursive, sans-serif; } /*Typography ---------------------------------- */ html { height: 100%; } body { font-size: 15px; line-height: 1.4666666667; color: #777777; background-color: #ffffff; font-weight: 300; } h1, h2, h3, h4, h5, h6 { color: #333333; line-height: 1.2; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #333333; } .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6 { color: #ffffff; } .text-white h1 a, .text-white h2 a, .text-white h3 a, .text-white h4 a, .text-white h5 a, .text-white h6 a { color: #ffffff; text-decoration: underline; } .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 { color: #ffffff; } .dark h1 a, .dark h2 a, .dark h3 a, .dark h4 a, .dark h5 a, .dark h6 a { color: #ffffff; } .dark .footer h1, .dark .footer h2, .dark .footer h3, .dark .footer h4, .dark .footer h5, .dark .footer h6 { color: #999999; } .dark .footer h1 a, .dark .footer h2 a, .dark .footer h3 a, .dark .footer h4 a, .dark .footer h5 a, .dark .footer h6 a { color: #999999; } h1 { font-size: 33px; font-weight: 700; } h1.logo-font { text-transform: none; font-weight: 300; font-size: 50px; } h1.large { font-size: 45px; font-weight: 300; letter-spacing: 0.1em; } h2 { font-size: 28px; margin-bottom: 15px; text-transform: uppercase; } h2.logo-font { text-transform: none; } h3 { font-size: 24px; } h4 { font-size: 16px; } h5 { font-size: 13px; font-weight: 500; } h6 { font-size: 13px; font-weight: 700; } /* Small devices (tablets, 768px and up) */ @media screen and (min-width: 768px) { h1.extra-large { font-size: 130px; font-weight: 700; } } /* Small devices (tablets, phones less than 767px) */ @media screen and (max-width: 767px) { h1.extra-large { font-size: 60px; font-weight: 700; } } .page-title { margin-top: 0; } /* Medium devices (desktops, tablets, 992px and up) */ @media (min-width: 992px) { .title { margin-top: 0; } } .sidebar .title { margin-top: 3px; } p { margin-bottom: 15px; } p.large { font-size: 18px; line-height: 1.4; margin-bottom: 30px; } a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } a:focus, a:active { outline: none; } .link-dark { color: #333333; text-decoration: none !important; } .link-dark:hover { color: #333333; text-decoration: underline !important; } .dark .footer .link-dark { color: #777777; text-decoration: none !important; } .dark .footer .link-dark:hover { color: #777777; text-decoration: underline !important; } .link-light { color: #ffffff; text-decoration: none !important; } .link-light:hover { color: #ffffff; text-decoration: underline !important; } blockquote { border-left: none; display: inline-block; margin: 20px auto 20px; font-size: 16px; position: relative; padding: 10px 25px; } blockquote:after { content: "“"; width: 25px; height: 25px; line-height: 36px; font-size: 36px; font-family: "PT Serif", serif; position: absolute; top: 12px; left: 0px; color: #cdcdcd; } .blockquote:before { font-family: "PT Serif", serif; content: "“"; font-size: 40px; } blockquote.inline { padding: 0; } blockquote.inline p { width: 60%; display: inline-block; margin: 0; } blockquote.inline footer { width: 37%; display: inline-block; padding-left: 5px; } blockquote.inline:after { top: 0; } pre { padding: 20px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background-color: #fafafa; border: 1px solid #f1f1f1; } .text-muted { color: #999999 !important; } .text-white { color: #ffffff !important; } .well { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background-color: #f3f3f3; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05); min-height: 20px; padding: 20px; margin-bottom: 20px; border: 1px solid #e3e3e3; } hr { border-color: #eee; } .dark hr { border-color: #333333; } .text-contact { font-size: 14px; line-height: 22px; margin-top: 10px; margin-bottom: 30px; color: #333333; }