@charset "UTF-8"; /*========================= Template Name: zEvent7 - Event and Conference Template Author: Westilian - Kamrujaman Shohel Author URI: http://jaman.me/ ===========================*/ /* ======================================================================= [Table of contents] ========================================================================= 01. PLUGINS 02. SLIDER 03. INFO BOX 04. ABOUT 05. SCHEDULE 06. SUBSCRIBE 07. SPEAKERS 08. FAQ 09. SPONSER 10. PRICING 11. REGISTER 12. BLOG 13. CONTACT 14. FOOTER */ /*--------------------------------------- PLUGINS -----------------------------------------*/ /*! * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/) * Copyright 2015 Daniel Cardoso <@DanielCardoso> * Licensed under MIT */ @import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700); .preloader { background: #fff; height: 100%; position: fixed; width: 100%; z-index: 10000; top: 0; } .la-ball-triangle-path { top: 50%; left: 50%; margin-top: -32px; margin-left: -32px; } .la-ball-triangle-path, .la-ball-triangle-path > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #00aeda; } .la-ball-triangle-path { display: block; font-size: 0; color: #fff; } .la-ball-triangle-path.la-dark { color: #333; } .la-ball-triangle-path > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-triangle-path { width: 32px; height: 32px; } .la-ball-triangle-path > div { position: absolute; top: 0; left: 0; width: 10px; height: 10px; border-radius: 100%; } .la-ball-triangle-path > div:nth-child(1) { -webkit-animation: ball-triangle-path-ball-one 2s 0s ease-in-out infinite; -moz-animation: ball-triangle-path-ball-one 2s 0s ease-in-out infinite; -o-animation: ball-triangle-path-ball-one 2s 0s ease-in-out infinite; animation: ball-triangle-path-ball-one 2s 0s ease-in-out infinite; } .la-ball-triangle-path > div:nth-child(2) { -webkit-animation: ball-triangle-path-ball-two 2s 0s ease-in-out infinite; -moz-animation: ball-triangle-path-ball-two 2s 0s ease-in-out infinite; -o-animation: ball-triangle-path-ball-two 2s 0s ease-in-out infinite; animation: ball-triangle-path-ball-two 2s 0s ease-in-out infinite; } .la-ball-triangle-path > div:nth-child(3) { -webkit-animation: ball-triangle-path-ball-tree 2s 0s ease-in-out infinite; -moz-animation: ball-triangle-path-ball-tree 2s 0s ease-in-out infinite; -o-animation: ball-triangle-path-ball-tree 2s 0s ease-in-out infinite; animation: ball-triangle-path-ball-tree 2s 0s ease-in-out infinite; } .la-ball-triangle-path.la-sm { width: 16px; height: 16px; } .la-ball-triangle-path.la-sm > div { width: 4px; height: 4px; } .la-ball-triangle-path.la-2x { width: 64px; height: 64px; } .la-ball-triangle-path.la-2x > div { width: 20px; height: 20px; } .la-ball-triangle-path.la-3x { width: 96px; height: 96px; } .la-ball-triangle-path.la-3x > div { width: 30px; height: 30px; } /* * Animations */ @-webkit-keyframes ball-triangle-path-ball-one { 0% { -webkit-transform: translate(0, 220%); transform: translate(0, 220%); } 17% { opacity: .25; } 33% { opacity: 1; -webkit-transform: translate(110%, 0); transform: translate(110%, 0); } 50% { opacity: .25; } 66% { opacity: 1; -webkit-transform: translate(220%, 220%); transform: translate(220%, 220%); } 83% { opacity: .25; } 100% { opacity: 1; -webkit-transform: translate(0, 220%); transform: translate(0, 220%); } } @-moz-keyframes ball-triangle-path-ball-one { 0% { -moz-transform: translate(0, 220%); transform: translate(0, 220%); } 17% { opacity: .25; } 33% { opacity: 1; -moz-transform: translate(110%, 0); transform: translate(110%, 0); } 50% { opacity: .25; } 66% { opacity: 1; -moz-transform: translate(220%, 220%); transform: translate(220%, 220%); } 83% { opacity: .25; } 100% { opacity: 1; -moz-transform: translate(0, 220%); transform: translate(0, 220%); } } @-o-keyframes ball-triangle-path-ball-one { 0% { -o-transform: translate(0, 220%); transform: translate(0, 220%); } 17% { opacity: .25; } 33% { opacity: 1; -o-transform: translate(110%, 0); transform: translate(110%, 0); } 50% { opacity: .25; } 66% { opacity: 1; -o-transform: translate(220%, 220%); transform: translate(220%, 220%); } 83% { opacity: .25; } 100% { opacity: 1; -o-transform: translate(0, 220%); transform: translate(0, 220%); } } @keyframes ball-triangle-path-ball-one { 0% { -webkit-transform: translate(0, 220%); -moz-transform: translate(0, 220%); -o-transform: translate(0, 220%); transform: translate(0, 220%); } 17% { opacity: .25; } 33% { opacity: 1; -webkit-transform: translate(110%, 0); -moz-transform: translate(110%, 0); -o-transform: translate(110%, 0); transform: translate(110%, 0); } 50% { opacity: .25; } 66% { opacity: 1; -webkit-transform: translate(220%, 220%); -moz-transform: translate(220%, 220%); -o-transform: translate(220%, 220%); transform: translate(220%, 220%); } 83% { opacity: .25; } 100% { opacity: 1; -webkit-transform: translate(0, 220%); -moz-transform: translate(0, 220%); -o-transform: translate(0, 220%); transform: translate(0, 220%); } } @-webkit-keyframes ball-triangle-path-ball-two { 0% { -webkit-transform: translate(110%, 0); transform: translate(110%, 0); } 17% { opacity: .25; } 33% { opacity: 1; -webkit-transform: translate(220%, 220%); transform: translate(220%, 220%); } 50% { opacity: .25; } 66% { opacity: 1; -webkit-transform: translate(0, 220%); transform: translate(0, 220%); } 83% { opacity: .25; } 100% { opacity: 1; -webkit-transform: translate(110%, 0); transform: translate(110%, 0); } } @-moz-keyframes ball-triangle-path-ball-two { 0% { -moz-transform: translate(110%, 0); transform: translate(110%, 0); } 17% { opacity: .25; } 33% { opacity: 1; -moz-transform: translate(220%, 220%); transform: translate(220%, 220%); } 50% { opacity: .25; } 66% { opacity: 1; -moz-transform: translate(0, 220%); transform: translate(0, 220%); } 83% { opacity: .25; } 100% { opacity: 1; -moz-transform: translate(110%, 0); transform: translate(110%, 0); } } @-o-keyframes ball-triangle-path-ball-two { 0% { -o-transform: translate(110%, 0); transform: translate(110%, 0); } 17% { opacity: .25; } 33% { opacity: 1; -o-transform: translate(220%, 220%); transform: translate(220%, 220%); } 50% { opacity: .25; } 66% { opacity: 1; -o-transform: translate(0, 220%); transform: translate(0, 220%); } 83% { opacity: .25; } 100% { opacity: 1; -o-transform: translate(110%, 0); transform: translate(110%, 0); } } @keyframes ball-triangle-path-ball-two { 0% { -webkit-transform: translate(110%, 0); -moz-transform: translate(110%, 0); -o-transform: translate(110%, 0); transform: translate(110%, 0); } 17% { opacity: .25; } 33% { opacity: 1; -webkit-transform: translate(220%, 220%); -moz-transform: translate(220%, 220%); -o-transform: translate(220%, 220%); transform: translate(220%, 220%); } 50% { opacity: .25; } 66% { opacity: 1; -webkit-transform: translate(0, 220%); -moz-transform: translate(0, 220%); -o-transform: translate(0, 220%); transform: translate(0, 220%); } 83% { opacity: .25; } 100% { opacity: 1; -webkit-transform: translate(110%, 0); -moz-transform: translate(110%, 0); -o-transform: translate(110%, 0); transform: translate(110%, 0); } } @-webkit-keyframes ball-triangle-path-ball-tree { 0% { -webkit-transform: translate(220%, 220%); transform: translate(220%, 220%); } 17% { opacity: .25; } 33% { opacity: 1; -webkit-transform: translate(0, 220%); transform: translate(0, 220%); } 50% { opacity: .25; } 66% { opacity: 1; -webkit-transform: translate(110%, 0); transform: translate(110%, 0); } 83% { opacity: .25; } 100% { opacity: 1; -webkit-transform: translate(220%, 220%); transform: translate(220%, 220%); } } @-moz-keyframes ball-triangle-path-ball-tree { 0% { -moz-transform: translate(220%, 220%); transform: translate(220%, 220%); } 17% { opacity: .25; } 33% { opacity: 1; -moz-transform: translate(0, 220%); transform: translate(0, 220%); } 50% { opacity: .25; } 66% { opacity: 1; -moz-transform: translate(110%, 0); transform: translate(110%, 0); } 83% { opacity: .25; } 100% { opacity: 1; -moz-transform: translate(220%, 220%); transform: translate(220%, 220%); } } @-o-keyframes ball-triangle-path-ball-tree { 0% { -o-transform: translate(220%, 220%); transform: translate(220%, 220%); } 17% { opacity: .25; } 33% { opacity: 1; -o-transform: translate(0, 220%); transform: translate(0, 220%); } 50% { opacity: .25; } 66% { opacity: 1; -o-transform: translate(110%, 0); transform: translate(110%, 0); } 83% { opacity: .25; } 100% { opacity: 1; -o-transform: translate(220%, 220%); transform: translate(220%, 220%); } } @keyframes ball-triangle-path-ball-tree { 0% { -webkit-transform: translate(220%, 220%); -moz-transform: translate(220%, 220%); -o-transform: translate(220%, 220%); transform: translate(220%, 220%); } 17% { opacity: .25; } 33% { opacity: 1; -webkit-transform: translate(0, 220%); -moz-transform: translate(0, 220%); -o-transform: translate(0, 220%); transform: translate(0, 220%); } 50% { opacity: .25; } 66% { opacity: 1; -webkit-transform: translate(110%, 0); -moz-transform: translate(110%, 0); -o-transform: translate(110%, 0); transform: translate(110%, 0); } 83% { opacity: .25; } 100% { opacity: 1; -webkit-transform: translate(220%, 220%); -moz-transform: translate(220%, 220%); -o-transform: translate(220%, 220%); transform: translate(220%, 220%); } } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } /* * Core Owl Carousel CSS File */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item img { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.html") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } .owl-theme .owl-controls { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-controls .owl-nav [class*=owl-] { color: #fff; font-size: 14px; margin: 5px; padding: 4px 7px; background: #d6d6d6; display: inline-block; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .owl-theme .owl-controls .owl-nav [class*=owl-]:hover { background: #869791; color: #fff; text-decoration: none; } .owl-theme .owl-controls .owl-nav .disabled { opacity: .5; cursor: default; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #d6d6d6; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity 200ms ease; -moz-transition: opacity 200ms ease; -ms-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; transition: opacity 200ms ease; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; } /* 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: pointer; cursor: pointer; cursor: pointer; } .mfp-zoom { cursor: pointer; cursor: pointer; cursor: pointer; cursor: pointer; } .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: Calibri,Arial,sans-serif; } .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.0.0 date: 29/10/15 author: themepunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ @font-face { font-family: 'revicons'; src: url("../fonts/revicons/revicons90c6.eot?5510888"); src: url("../fonts/revicons/revicons90c6.eot?5510888#iefix") format("embedded-opentype"), url("../fonts/revicons/revicons90c6.woff?5510888") format("woff"), url("../fonts/revicons/revicons90c6.ttf?5510888") format("truetype"), url("../fonts/revicons/revicons90c6.svg?5510888#revicons") format("svg"); font-weight: normal; font-style: normal; } [class^="revicon-"]:before, [class*=" revicon-"]:before { font-family: "revicons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .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'; } /* '' */ /****************************** - BASIC STYLES - ******************************/ .rev_slider_wrapper { position: relative; z-index: 0; } .rev_slider { position: relative; overflow: visible; } .tp-overflow-hidden { overflow: hidden; } .tp-simpleresponsive img, .rev_slider img { max-width: none !important; -moz-transition: none; -webkit-transition: none; -o-transition: none; transition: none; margin: 0px; padding: 0px; border-width: 0px; border: none; } .rev_slider .no-slides-text { font-weight: bold; text-align: center; padding-top: 80px; } .rev_slider > ul, .rev_slider_wrapper > ul, .tp-revslider-mainul > li, .rev_slider > ul > li, .rev_slider > ul > li:before, .tp-revslider-mainul > li:before, .tp-simpleresponsive > ul, .tp-simpleresponsive > ul > li, .tp-simpleresponsive > ul > li:before, .tp-revslider-mainul > li, .tp-simpleresponsive > ul > li { list-style: none !important; position: absolute; margin: 0px !important; padding: 0px !important; overflow-x: visible; overflow-y: visible; list-style-type: none !important; background-image: none; background-position: 0px 0px; text-indent: 0em; top: 0px; left: 0px; } .tp-revslider-mainul > li, .rev_slider > ul > li, .rev_slider > ul > li:before, .tp-revslider-mainul > li:before, .tp-simpleresponsive > ul > li, .tp-simpleresponsive > ul > li:before, .tp-revslider-mainul > li, .tp-simpleresponsive > ul > li { visibility: hidden; } .tp-revslider-slidesli, .tp-revslider-mainul { padding: 0 !important; margin: 0 !important; list-style: none !important; } .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 .tp-caption, .rev_slider .caption { position: relative; visibility: hidden; white-space: nowrap; display: block; } .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; } /* CAROUSEL FUNCTIONS */ .tp-carousel-wrapper { cursor: url(openhand.html), move; } .tp-carousel-wrapper.dragged { cursor: url(closedhand.html), move; } /* ADDED FOR SLIDELINK MANAGEMENT */ .tp-caption { z-index: 1; } .tp_inner_padding { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; max-height: none !important; } .tp-caption { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; position: absolute; -webkit-font-smoothing: antialiased !important; } .tp-forcenotvisible, .tp-hide-revslider, .tp-caption.tp-hidden-caption { visibility: hidden !important; display: none !important; } .rev_slider embed, .rev_slider iframe, .rev_slider object, .rev_slider video { max-width: none !important; } /********************************************** - FULLSCREEN AND FULLWIDHT CONTAINERS - **********************************************/ .rev_slider_wrapper { width: 100%; } .fullscreen-container { position: relative; padding: 0; } .fullwidthbanner-container { position: relative; padding: 0; overflow: hidden; } .fullwidthbanner-container .fullwidthabanner { width: 100%; position: relative; } /********************************* - SPECIAL TP CAPTIONS - **********************************/ .tp-static-layers { position: absolute; z-index: 505; top: 0px; left: 0px; } .tp-caption .frontcorner { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-top: 40px solid #00A8FF; position: absolute; left: -40px; top: 0px; } .tp-caption .backcorner { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute; right: 0px; top: 0px; } .tp-caption .frontcornertop { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute; left: -40px; top: 0px; } .tp-caption .backcornertop { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-top: 40px solid #00A8FF; position: absolute; right: 0px; top: 0px; } .tp-layer-inner-rotation { position: relative !important; } /*********************************************** - SPECIAL ALTERNATIVE IMAGE SETTINGS - ***********************************************/ img.tp-slider-alternative-image { width: 100%; height: auto; } /****************************** - IE8 HACKS - *******************************/ .noFilterClass { filter: none !important; } /******************************** - FULLSCREEN VIDEO - *********************************/ .rs-background-video-layer { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; visibility: hidden; z-index: 0; } .tp-caption.coverscreenvideo { width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; } .caption.fullscreenvideo, .tp-caption.fullscreenvideo { left: 0px; top: 0px; position: absolute; width: 100%; height: 100%; } .caption.fullscreenvideo iframe, .caption.fullscreenvideo video, .tp-caption.fullscreenvideo iframe, .tp-caption.fullscreenvideo iframe video { width: 100% !important; height: 100% !important; display: none; } .fullcoveredvideo video, .fullscreenvideo video { background: #000; } .fullcoveredvideo .tp-poster { background-position: center center; background-size: cover; width: 100%; height: 100%; top: 0px; left: 0px; } .videoisplaying .html5vid .tp-poster { display: none; } .tp-video-play-button { background: #000; background: rgba(0, 0, 0, 0.3); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; position: absolute; top: 50%; left: 50%; color: #FFF; z-index: 3; margin-top: -25px; margin-left: -25px; line-height: 50px !important; text-align: center; cursor: pointer; width: 50px; height: 50px; box-sizing: border-box; -moz-box-sizing: border-box; display: inline-block; vertical-align: top; z-index: 4; opacity: 0; -webkit-transition: opacity 300ms ease-out !important; -moz-transition: opacity 300ms ease-out !important; -o-transition: opacity 300ms ease-out !important; transition: opacity 300ms ease-out !important; } .tp-caption .html5vid { width: 100% !important; height: 100% !important; } .tp-video-play-button i { width: 50px; height: 50px; display: inline-block; text-align: center; vertical-align: top; line-height: 50px !important; font-size: 40px !important; } .tp-caption:hover .tp-video-play-button { opacity: 1; } .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; } .videoisplaying .revicon-right-dir { display: none; } .videoisplaying .tp-revstop { display: inline-block; } .videoisplaying .tp-video-play-button { display: none; } .tp-caption:hover .tp-video-play-button { display: block; } .fullcoveredvideo .tp-video-play-button { display: none !important; } .fullscreenvideo .fullscreenvideo video { object-fit: contain !important; } .fullscreenvideo .fullcoveredvideo video { object-fit: cover !important; } .tp-video-controls { position: absolute; bottom: 0; left: 0; right: 0; padding: 5px; opacity: 0; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s; background-image: linear-gradient(bottom, black 13%, #323232 100%); background-image: -o-linear-gradient(bottom, black 13%, #323232 100%); background-image: -moz-linear-gradient(bottom, black 13%, #323232 100%); background-image: -webkit-linear-gradient(bottom, black 13%, #323232 100%); background-image: -ms-linear-gradient(bottom, black 13%, #323232 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.13, black), color-stop(1, #323232)); display: table; max-width: 100%; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .tp-caption:hover .tp-video-controls { opacity: .9; } .tp-video-button { background: rgba(0, 0, 0, 0.5); border: 0; color: #EEE; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; cursor: pointer; line-height: 12px; font-size: 12px; color: #fff; padding: 0px; margin: 0px; outline: none; } .tp-video-button:hover { cursor: pointer; } .tp-video-button-wrap, .tp-video-seek-bar-wrap, .tp-video-vol-bar-wrap { padding: 0px 5px; display: table-cell; } .tp-video-seek-bar-wrap { width: 80%; } .tp-video-vol-bar-wrap { width: 20%; } .tp-volume-bar, .tp-seek-bar { width: 100%; cursor: pointer; outline: none; line-height: 12px; margin: 0; padding: 0; } .rs-fullvideo-cover { width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; background: transparent; z-index: 5; } .rs-background-video-layer video::-webkit-media-controls { display: none !important; } /******************************** - DOTTED OVERLAYS - *********************************/ .tp-dottedoverlay { background-repeat: repeat; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; 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); } /****************************** - SHADOWS - ******************************/ .tp-shadowcover { width: 100%; height: 100%; top: 0px; left: 0px; background: #fff; position: absolute; z-index: -1; } .tp-shadow1 { -webkit-box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.8); box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.8); } .tp-shadow2:before, .tp-shadow2:after, .tp-shadow3:before, .tp-shadow4:after { z-index: -2; position: absolute; content: ""; bottom: 10px; left: 10px; width: 50%; top: 85%; max-width: 300px; background: transparent; -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.8); box-shadow: 0 15px 10px rgba(0, 0, 0, 0.8); -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } .tp-shadow2:after, .tp-shadow4:after { -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); right: 10px; left: auto; } .tp-shadow5 { position: relative; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .tp-shadow5:before, .tp-shadow5:after { content: ""; position: absolute; z-index: -2; -webkit-box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.6); box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.6); top: 30%; bottom: 0; left: 20px; right: 20px; -moz-border-radius: 100px / 20px; border-radius: 100px / 20px; } /****************************** - BUTTONS - *******************************/ .tp-button { padding: 6px 13px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height: 30px; cursor: pointer; color: #fff !important; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size: 15px; line-height: 45px !important; font-family: Calibri,Arial,sans-serif; font-weight: bold; letter-spacing: -1px; text-decoration: none; } .tp-button.big { color: #fff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6); font-weight: bold; padding: 9px 20px; font-size: 19px; line-height: 57px !important; } .purchase:hover, .tp-button:hover, .tp-button.big:hover { background-position: bottom, 15px 11px; } /* BUTTON COLORS */ .tp-button.green, .tp-button:hover.green, .purchase.green, .purchase:hover.green { background-color: #21a117; -webkit-box-shadow: 0px 3px 0px 0px #104d0b; -moz-box-shadow: 0px 3px 0px 0px #104d0b; box-shadow: 0px 3px 0px 0px #104d0b; } .tp-button.blue, .tp-button:hover.blue, .purchase.blue, .purchase:hover.blue { background-color: #1d78cb; -webkit-box-shadow: 0px 3px 0px 0px #0f3e68; -moz-box-shadow: 0px 3px 0px 0px #0f3e68; box-shadow: 0px 3px 0px 0px #0f3e68; } .tp-button.red, .tp-button:hover.red, .purchase.red, .purchase:hover.red { background-color: #cb1d1d; -webkit-box-shadow: 0px 3px 0px 0px #7c1212; -moz-box-shadow: 0px 3px 0px 0px #7c1212; box-shadow: 0px 3px 0px 0px #7c1212; } .tp-button.orange, .tp-button:hover.orange, .purchase.orange, .purchase:hover.orange { background-color: #ff7700; -webkit-box-shadow: 0px 3px 0px 0px #a34c00; -moz-box-shadow: 0px 3px 0px 0px #a34c00; box-shadow: 0px 3px 0px 0px #a34c00; } .tp-button.darkgrey, .tp-button.grey, .tp-button:hover.darkgrey, .tp-button:hover.grey, .purchase.darkgrey, .purchase:hover.darkgrey { background-color: #222; -webkit-box-shadow: 0px 3px 0px 0px #222; -moz-box-shadow: 0px 3px 0px 0px #222; box-shadow: 0px 3px 0px 0px #222; } .tp-button.lightgrey, .tp-button:hover.lightgrey, .purchase.lightgrey, .purchase:hover.lightgrey { background-color: #888; -webkit-box-shadow: 0px 3px 0px 0px #555; -moz-box-shadow: 0px 3px 0px 0px #555; box-shadow: 0px 3px 0px 0px #555; } /* TP BUTTONS DESKTOP SIZE */ .rev-btn, .rev-btn:visited { outline: none !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; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-family: Calibri,Arial,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-size: 15px; font-weight: normal; position: relative; top: 0px; -webkit-transition: all 0.2s ease-out !important; -moz-transition: all 0.2s ease-out !important; -o-transition: all 0.2s ease-out !important; -ms-transition: all 0.2s ease-out !important; margin-left: 10px !important; } .rev-btn.rev-hiddenicon i { font-size: 15px; font-weight: normal; position: relative; top: 0px; -webkit-transition: all 0.2s ease-out !important; -moz-transition: all 0.2s ease-out !important; -o-transition: all 0.2s ease-out !important; -ms-transition: all 0.2s ease-out !important; opacity: 0; margin-left: 0px !important; width: 0px !important; } .rev-btn.rev-hiddenicon:hover i { opacity: 1 !important; margin-left: 10px !important; width: auto !important; } /* REV BUTTONS MEDIUM */ .rev-btn.rev-medium, .rev-btn.rev-medium:visited { line-height: 36px; font-size: 14px; padding: 10px 30px; } .rev-btn.rev-medium.rev-withicon i { font-size: 14px; top: 0px; } .rev-btn.rev-medium.rev-hiddenicon i { font-size: 14px; top: 0px; } /* REV BUTTONS SMALL */ .rev-btn.rev-small, .rev-btn.rev-small:visited { line-height: 28px; font-size: 12px; padding: 7px 20px; } .rev-btn.rev-small.rev-withicon i { font-size: 12px; top: 0px; } .rev-btn.rev-small.rev-hiddenicon i { font-size: 12px; top: 0px; } /* ROUNDING OPTIONS */ .rev-maxround { -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .rev-minround { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* BURGER BUTTON */ .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, 0.25); 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 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); -webkit-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); -webkit-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); -webkit-transform: translateY(-6px) rotate(-135deg); } .rev-burger.revb-white { border: 2px solid rgba(255, 255, 255, 0.2); } .rev-burger.revb-white span { background: #fff; } .rev-burger.revb-whitenoborder { border: 0; } .rev-burger.revb-whitenoborder span { background: #fff; } .rev-burger.revb-darknoborder { 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 { background: #fff; } /* SCROLL DOWN BUTTON */ @-webkit-keyframes rev-ani-mouse { 0% { opacity: 1; top: 29%; } 15% { opacity: 1; top: 50%; } 50% { opacity: 0; top: 50%; } 100% { opacity: 0; top: 29%; } } @-moz-keyframes rev-ani-mouse { 0% { opacity: 1; top: 29%; } 15% { opacity: 1; top: 50%; } 50% { opacity: 0; top: 50%; } 100% { opacity: 0; top: 29%; } } @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; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 3px solid white; border-radius: 23px; } .rev-scroll-btn > * { display: inline-block; line-height: 18px; font-size: 13px; font-weight: normal; color: #7f8c8d; color: #ffffff; font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 2px; } .rev-scroll-btn > *:hover, .rev-scroll-btn > *:focus, .rev-scroll-btn > *.active { color: #ffffff; } .rev-scroll-btn > *:hover, .rev-scroll-btn > *:focus, .rev-scroll-btn > *:active, .rev-scroll-btn > *.active { filter: alpha(opacity=80); } .rev-scroll-btn.revs-fullwhite { background: #fff; } .rev-scroll-btn.revs-fullwhite span { background: #333; } .rev-scroll-btn.revs-fulldark { background: #333; border: none; } .rev-scroll-btn.revs-fulldark span { background: #fff; } .rev-scroll-btn span { position: absolute; display: block; top: 29%; left: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px; background: white; border-radius: 50%; -webkit-animation: rev-ani-mouse 2.5s linear infinite; -moz-animation: rev-ani-mouse 2.5s linear infinite; 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: Calibri,Arial,sans-serif; text-decoration: none; text-align: center; background-color: #000; border-radius: 50px; text-shadow: none; background-color: rgba(0, 0, 0, 0.5); width: 60px; height: 60px; box-sizing: border-box; cursor: pointer; } .rev-cbutton-dark-sr { border-radius: 3px; } .rev-cbutton-light { color: #333; background-color: rgba(255, 255, 255, 0.75); } .rev-cbutton-light-sr { color: #333; border-radius: 3px; background-color: rgba(255, 255, 255, 0.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 BANNER TIMER - *************************************/ .tp-bannertimer { visibility: hidden; width: 100%; height: 5px; /*background:url(../assets/timer.png);*/ background: #fff; background: rgba(0, 0, 0, 0.15); position: absolute; z-index: 200; top: 0px; } .tp-bannertimer.tp-bottom { top: auto; bottom: 0px !important; height: 5px; } /********************************************* - BASIC SETTINGS FOR THE BANNER - ***********************************************/ .tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-caption img { background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); zoom: 1; } /* CAPTION SLIDELINK **/ .caption.slidelink a div, .tp-caption.slidelink a div { width: 3000px; height: 1500px; background: url(../assets/coloredbg.png) repeat; } .tp-caption.slidelink a span { background: url(../assets/coloredbg.png) repeat; } .tp-shape { width: 100%; height: 100%; } /********************************************* - WOOCOMMERCE STYLES - ***********************************************/ .tp-caption .rs-starring { display: inline-block; } .tp-caption .rs-starring .star-rating { float: none; } .tp-caption .rs-starring .star-rating { color: #FFC321 !important; display: inline-block; vertical-align: top; } .tp-caption .rs-starring .star-rating, .tp-caption .rs-starring-page .star-rating { position: relative; height: 1em; width: 5.4em; font-family: star; } .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, .tp-caption .rs-starring .star-rating span:before { content: "\53\53\53\53\53"; top: 0; position: absolute; left: 0; } .tp-caption .rs-starring .star-rating { color: #FFC321 !important; } .tp-caption .rs-starring .star-rating, .tp-caption .rs-starring-page .star-rating { font-size: 1em !important; font-family: star; } /****************************** - LOADER FORMS - ********************************/ .tp-loader { top: 30%; left: 50%; z-index: 10000; position: absolute; } .tp-loader.spinner0 { width: 40px; height: 40px; background-color: #fff; background: url(../assets/loader.gif) no-repeat center center; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); margin-top: -20px; margin-left: -20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner1 { width: 40px; height: 40px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); margin-top: -20px; margin-left: -20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner5 { background: url(../assets/loader.gif) no-repeat 10px 10px; background-color: #fff; margin: -22px -22px; width: 44px; height: 44px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } @-webkit-keyframes tp-rotateplane { 0% { -webkit-transform: perspective(120px); } 50% { -webkit-transform: perspective(120px) rotateY(180deg); } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); } } @keyframes tp-rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } .tp-loader.spinner2 { width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; background-color: #ff0000; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); border-radius: 100%; -webkit-animation: tp-scaleout 1.0s infinite ease-in-out; animation: tp-scaleout 1.0s infinite ease-in-out; } @-webkit-keyframes tp-scaleout { 0% { -webkit-transform: scale(0); } 100% { -webkit-transform: scale(1); opacity: 0; } } @keyframes tp-scaleout { 0% { transform: scale(0); -webkit-transform: scale(0); } 100% { transform: scale(1); -webkit-transform: scale(1); opacity: 0; } } .tp-loader.spinner3 { margin: -9px 0px 0px -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: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); border-radius: 100%; display: inline-block; -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out; animation: tp-bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .tp-loader.spinner3 .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .tp-loader.spinner3 .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes tp-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } @keyframes tp-bouncedelay { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1); } } .tp-loader.spinner4 { margin: -20px 0px 0px -20px; width: 40px; height: 40px; text-align: center; -webkit-animation: tp-rotate 2.0s infinite linear; animation: tp-rotate 2.0s 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%; -webkit-animation: tp-bounce 2.0s infinite ease-in-out; animation: tp-bounce 2.0s infinite ease-in-out; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); } .tp-loader.spinner4 .dot2 { top: auto; bottom: 0px; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes tp-rotate { 100% { -webkit-transform: rotate(360deg); } } @keyframes tp-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } @-webkit-keyframes tp-bounce { 0%, 100% { -webkit-transform: scale(0); } 50% { -webkit-transform: scale(1); } } @keyframes tp-bounce { 0%, 100% { transform: scale(0); } 50% { transform: scale(1); } } /*********************************************** - STANDARD NAVIGATION SETTINGS ***********************************************/ .tp-thumbs.navbar, .tp-bullets.navbar, .tp-tabs.navbar { border: none; min-height: 0; margin: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .tp-tabs, .tp-thumbs, .tp-bullets { position: absolute; display: block; z-index: 1000; top: 0px; left: 0px; } .tp-tab, .tp-thumb { cursor: pointer; position: absolute; opacity: 0.5; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .tp-arr-imgholder, .tp-videoposter, .tp-thumb-image, .tp-tab-image { background-position: center center; background-size: cover; width: 100%; height: 100%; display: block; position: absolute; top: 0px; left: 0px; } .tp-tab:hover, .tp-tab.selected, .tp-thumb:hover, .tp-thumb.selected { opacity: 1; } .tp-tab-mask, .tp-thumb-mask { box-sizing: border-box !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; } .tp-tabs, .tp-thumbs { box-sizing: content-box !important; -webkit-box-sizing: content-box !important; -moz-box-sizing: content-box !important; } .tp-bullet { width: 15px; height: 15px; position: absolute; background: #fff; background: rgba(255, 255, 255, 0.3); cursor: pointer; } .tp-bullet.selected, .tp-bullet:hover { background: #fff; } .tp-bannertimer { background: #000; background: rgba(0, 0, 0, 0.15); height: 5px; } .tparrows { cursor: pointer; background: #000; background: rgba(0, 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; } .tparrows.tp-leftarrow:before { content: '\e824'; } .tparrows.tp-rightarrow:before { content: '\e825'; } /*************************** - 3D SHADOW MODE - ***************************/ .dddwrappershadow { box-shadow: 0 45px 100px rgba(0, 0, 0, 0.4); } /******************* - DEBUG MODE - *******************/ .hglayerinfo { position: fixed; bottom: 0px; left: 0px; color: #FFF; font-size: 12px; line-height: 20px; font-weight: 600; background: rgba(0, 0, 0, 0.75); padding: 5px 10px; z-index: 2000; white-space: normal; } .hginfo { position: absolute; top: -2px; left: -2px; color: #e74c3c; font-size: 12px; font-weight: 600; background: #000; padding: 2px 5px; } .indebugmode .tp-caption:hover { border: 1px dashed #c0392b !important; } .helpgrid { border: 2px dashed #c0392b; position: absolute; top: 0px; peft: 0px; z-index: 0; } #revsliderlogloglog { padding: 15px; color: #fff; position: fixed; top: 0px; left: 0px; width: 200px; height: 150px; background: rgba(0, 0, 0, 0.7); z-index: 100000; font-size: 10px; overflow: scroll; } /*----------------------------------------------------------------------------- - 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 -----------------------------------------------------------------------------*/ .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: Calibri,Arial,sans-serif; 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: Calibri,Arial,sans-serif; 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: Calibri,Arial,sans-serif; 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: Calibri,Arial,sans-serif; 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: Calibri,Arial,sans-serif; 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: Calibri,Arial,sans-serif; 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: Calibri,Arial,sans-serif; 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: #222; font-family: Calibri,Arial,sans-serif; font-size: 14px; line-height: 22px; margin: 0; position: absolute; text-shadow: none; white-space: nowrap; } .tp-caption.boxshadow, .boxshadow { -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); 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 { -moz-border-radius: 0; -webkit-border-radius: 0; 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 { -moz-border-radius: 0; -webkit-border-radius: 0; 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 { -moz-border-radius: 0; -webkit-border-radius: 0; 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 { -moz-border-radius: 0; -webkit-border-radius: 0; 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: black; border-color: #fff; border-style: none; border-width: 0; color: #fff; font-family: Calibri,Arial,sans-serif; 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: #ebebeb; background-position: initial initial; background-repeat: initial 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: #a0b397; 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: Calibri,Arial,sans-serif; 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: Calibri,Arial,sans-serif; 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: Calibri,Arial,sans-serif; 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: Calibri,Arial,sans-serif; 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: Calibri,Arial,sans-serif; 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: black; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: white; font-family: Calibri,Arial,sans-serif; 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: #e6cfa3; font-family: Calibri,Arial,sans-serif; 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: white; 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: #e6cfa3; font-family: Calibri,Arial,sans-serif; 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: black; font-family: Calibri,Arial,sans-serif; 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: black; font-family: Calibri,Arial,sans-serif; 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: white; font-family: Calibri,Arial,sans-serif; 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: white; font-family: Calibri,Arial,sans-serif; 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: white; font-family: Calibri,Arial,sans-serif; 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: white; font-family: Calibri,Arial,sans-serif; 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: black; font-family: Calibri,Arial,sans-serif; 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: black; font-family: Calibri,Arial,sans-serif; 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: white; font-family: Calibri,Arial,sans-serif; 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: white; font-family: Calibri,Arial,sans-serif; 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: black; font-family: Calibri,Arial,sans-serif; 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: white; font-family: Calibri,Arial,sans-serif; 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: white; 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: white; 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: white; font-family: Calibri,Arial,sans-serif; 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: #777777; font-family: Calibri,Arial,sans-serif; 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: white; 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: white; 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: white; font-family: Calibri,Arial,sans-serif; 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: white; 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: white; font-family: Calibri,Arial,sans-serif; 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: Calibri,Arial,sans-serif; 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: white; font-family: Calibri,Arial,sans-serif; 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: white; 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: #333333; font-family: Calibri,Arial,sans-serif; 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: #999999; font-family: Calibri,Arial,sans-serif; 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: #999999; font-family: Calibri,Arial,sans-serif; 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: #333333; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: white; font-family: Calibri,Arial,sans-serif; 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: white; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: #999999; 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: white; font-family: Calibri,Arial,sans-serif; 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: Calibri,Arial,sans-serif; 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: Calibri,Arial,sans-serif; 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.5); border-color: lightgray; border-radius: 50px 50px 50px 50px; border-style: none; border-width: 0; color: white; font-family: Calibri,Arial,sans-serif; 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: black; border-color: lightgray; border-radius: 50px 50px 50px 50px; border-style: none; border-width: 0; color: white; 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: white; font-family: Calibri,Arial,sans-serif; 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: white; font-family: Calibri,Arial,sans-serif; 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: transparent; border-color: rgba(255, 255, 255, 0.5); border-radius: 0 0 0 0; border-style: solid; border-width: 1px; color: white; font-family: Calibri,Arial,sans-serif; 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: white; border-radius: 0 0 0 0; border-style: solid; border-width: 1px; color: white; text-decoration: none; } .tp-caption.NotGeneric-Icon, .NotGeneric-Icon { background-color: transparent; border-color: rgba(255, 255, 255, 0); border-radius: 0 0 0 0; border-style: solid; border-width: 0; color: white; font-family: Calibri,Arial,sans-serif; 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: transparent; border-color: rgba(255, 255, 255, 0.15); border-radius: 0 0 0 0; border-style: solid; border-width: 1px; color: white; font-family: Calibri,Arial,sans-serif; 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: transparent; border-color: white; border-radius: 0 0 0 0; border-style: solid; border-width: 1px; color: white; 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: white; 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: black; border-color: rgba(255, 255, 255, 0); border-radius: 3px 3px 3px 3px; border-style: solid; border-width: 2px; color: white; font-family: Calibri,Arial,sans-serif; 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: black; border-color: rgba(255, 255, 255, 0.25); border-radius: 3px 3px 3px 3px; border-style: solid; border-width: 2px; color: white; 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: white; font-family: Calibri,Arial,sans-serif; 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: white; border-color: white; border-radius: 0 0 0 0; border-style: solid; border-width: 1px; color: black; 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: #a8d8ee; font-family: Calibri,Arial,sans-serif; 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: white; 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: white; 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: transparent; border-color: rgba(255, 255, 255, 0.5); border-radius: 0 0 0 0; border-style: solid; border-width: 1px; color: white; font-family: Calibri,Arial,sans-serif; 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: white; border-color: white; border-radius: 0 0 0 0; border-style: solid; border-width: 1px; color: black; text-decoration: none; } .tp-caption.Video-Title, .Video-Title { background-color: black; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: white; font-family: Calibri,Arial,sans-serif; 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: white; font-family: Calibri,Arial,sans-serif; 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: transparent; border-color: rgba(255, 255, 255, 0.5); border-radius: 0 0 0 0; border-style: solid; border-width: 1px; color: white; font-family: Calibri,Arial,sans-serif; 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: white; border-radius: 0 0 0 0; border-style: solid; border-width: 1px; color: white; text-decoration: none; } .tp-caption.NotGeneric-BigButton, .NotGeneric-BigButton { background-color: transparent; border-color: rgba(255, 255, 255, 0.15); border-radius: 0 0 0 0; border-style: solid; border-width: 1px; color: white; font-family: Calibri,Arial,sans-serif; 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: transparent; border-color: white; border-radius: 0 0 0 0; border-style: solid; border-width: 1px; color: white; text-decoration: none; } .tp-caption.WebProduct-Button, .WebProduct-Button { background-color: #333333; border-color: black; border-radius: 0 0 0 0; border-style: none; border-width: 2px; color: white; font-family: Calibri,Arial,sans-serif; 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: white; border-color: black; border-radius: 0 0 0 0; border-style: none; border-width: 2px; color: #333333; text-decoration: none; } .tp-caption.Restaurant-Button, .Restaurant-Button { background-color: rgba(10, 10, 10, 0); border-color: rgba(255, 255, 255, 0.5); border-radius: 0 0 0 0; border-style: solid; border-width: 2px; color: white; font-family: Calibri,Arial,sans-serif; 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: transparent; border-color: #ffe081; border-radius: 0 0 0 0; border-style: solid; border-width: 2px; color: white; text-decoration: none; } .tp-caption.Gym-Button, .Gym-Button { background-color: #8bc027; border-color: transparent; border-radius: 30px 30px 30px 30px; border-style: solid; border-width: 0; color: white; font-family: Calibri,Arial,sans-serif; 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: #72a800; border-color: transparent; border-radius: 30px 30px 30px 30px; border-style: solid; border-width: 0; color: white; 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: white; font-family: Calibri,Arial,sans-serif; 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: #8bc027; border-radius: 30px 30px 30px 30px; border-style: solid; border-width: 2px; color: white; text-decoration: none; } .tp-caption.Sports-Button-Light, .Sports-Button-Light { background-color: transparent; border-color: rgba(255, 255, 255, 0.5); border-radius: 0 0 0 0; border-style: solid; border-width: 2px; color: white; font-family: Calibri,Arial,sans-serif; 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: transparent; border-color: white; border-radius: 0 0 0 0; border-style: solid; border-width: 2px; color: white; text-decoration: none; } .tp-caption.Sports-Button-Red, .Sports-Button-Red { background-color: #db1c22; border-color: rgba(219, 28, 34, 0); border-radius: 0 0 0 0; border-style: solid; border-width: 2px; color: white; font-family: Calibri,Arial,sans-serif; 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: black; border-color: black; border-radius: 0 0 0 0; border-style: solid; border-width: 2px; color: white; text-decoration: none; } .tp-caption.Photography-Button, .Photography-Button { background-color: transparent; border-color: rgba(255, 255, 255, 0.25); border-radius: 30px 30px 30px 30px; border-style: solid; border-width: 1px; color: white; font-family: Calibri,Arial,sans-serif; 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: transparent; border-color: white; border-radius: 30px 30px 30px 30px; border-style: solid; border-width: 1px; color: white; text-decoration: none; } .tp-caption.Newspaper-Button-2, .Newspaper-Button-2 { background-color: transparent; border-color: rgba(255, 255, 255, 0.5); border-radius: 3px 3px 3px 3px; border-style: solid; border-width: 2px; color: white; font-family: Calibri,Arial,sans-serif; 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: transparent; border-color: white; border-radius: 3px 3px 3px 3px; border-style: solid; border-width: 2px; color: white; text-decoration: none; } .tp-caption.Feature-Tour, .Feature-Tour { background-color: #8bc027; border-color: transparent; border-radius: 30px 30px 30px 30px; border-style: solid; border-width: 0; color: white; font-family: Calibri,Arial,sans-serif; 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: #72a800; border-color: transparent; border-radius: 30px 30px 30px 30px; border-style: solid; border-width: 0; color: white; 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.5); font-family: Calibri,Arial,sans-serif; 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: #8bc027; border-radius: 30px 30px 30px 30px; border-style: solid; border-width: 2px; color: #8bc027; text-decoration: none; } .tp-caption.subcaption, .subcaption { background-color: transparent; border-color: black; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: #6f7c82; font-family: Calibri,Arial,sans-serif; 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: black; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: #292e31; font-family: Calibri,Arial,sans-serif; 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: #d50000; text-decoration: none; } .tp-caption.maincontent, .maincontent { background-color: transparent; border-color: black; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: #292e31; font-family: Calibri,Arial,sans-serif; 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: black; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: #b9babb; font-family: Calibri,Arial,sans-serif; 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: #009aee; border-color: transparent; border-radius: 30px 30px 30px 30px; border-style: solid; border-width: 0; color: white; font-family: Calibri,Arial,sans-serif; 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: #0085d6; border-color: transparent; border-radius: 30px 30px 30px 30px; border-style: solid; border-width: 0; color: white; 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: white; font-family: Calibri,Arial,sans-serif; 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: white; border-radius: 30px 30px 30px 30px; border-style: solid; border-width: 2px; color: white; text-decoration: none; } .tp-caption.Facebook-Likes, .Facebook-Likes { background-color: #3b5999; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: white; font-family: Calibri,Arial,sans-serif; 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: #8899a6; font-family: Calibri,Arial,sans-serif; 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: white; border-color: transparent; border-radius: 30px 30px 30px 30px; border-style: none; border-width: 0; color: #8799a5; font-family: Calibri,Arial,sans-serif; 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: #0084b4; border-color: transparent; border-radius: 30px 30px 30px 30px; border-style: none; border-width: 0; color: white; 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: #8899a6; font-family: Calibri,Arial,sans-serif; 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: white; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: #292f33; font-family: Calibri,Arial,sans-serif; 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: Calibri,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; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .tp-caption.BigBold-Title, .BigBold-Title { color: white; font-size: 110px; line-height: 100px; font-weight: 800; font-style: normal; font-family: Calibri,Arial,sans-serif; 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.5); font-size: 15px; line-height: 24px; font-weight: 500; font-style: normal; font-family: Calibri,Arial,sans-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: 1px; } .tp-caption.BigBold-Button, .BigBold-Button { color: white; font-size: 13px; line-height: 13px; font-weight: 500; font-style: normal; font-family: Calibri,Arial,sans-serif; padding: 15px 50px 15px 50px; text-decoration: none; background-color: transparent; border-color: rgba(255, 255, 255, 0.5); 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: white; text-decoration: none; background-color: transparent; border-color: white; border-style: solid; border-width: 1px; border-radius: 0px 0px 0px 0px; } .tp-caption.FoodCarousel-Content, .FoodCarousel-Content { color: #292e31; font-size: 17px; line-height: 28px; font-weight: 500; font-style: normal; font-family: Calibri,Arial,sans-serif; padding: 30px 30px 30px 30px; text-decoration: none; background-color: white; border-color: #292e31; border-style: solid; border-width: 1px; border-radius: 0 0 0 0px; text-align: left; } .tp-caption.FoodCarousel-Button, .FoodCarousel-Button { color: #292e31; font-size: 13px; line-height: 13px; font-weight: 700; font-style: normal; font-family: Calibri,Arial,sans-serif; padding: 15px 70px 15px 50px; text-decoration: none; background-color: white; border-color: #292e31; 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: white; text-decoration: none; background-color: #292e31; border-color: #292e31; border-style: solid; border-width: 1px; border-radius: 0px 0px 0px 0px; } .tp-caption.FoodCarousel-CloseButton, .FoodCarousel-CloseButton { color: #292e31; font-size: 20px; line-height: 20px; font-weight: 700; font-style: normal; font-family: Calibri,Arial,sans-serif; padding: 14px 14px 14px 16px; text-decoration: none; background-color: transparent; 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: white; text-decoration: none; background-color: #292e31; 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: white; font-size: 12px; line-height: 12px; font-weight: 600; font-style: normal; font-family: Calibri,Arial,sans-serif; 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: white; font-size: 30px; line-height: 30px; font-weight: 900; font-style: normal; font-family: Calibri,Arial,sans-serif; padding: 5px 5px 5px 5px; text-decoration: none; background-color: black; 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: white; font-size: 50px; line-height: 50px; font-weight: 400; font-style: normal; font-family: Calibri,Arial,sans-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.Travel-SmallCaption, .Travel-SmallCaption { color: white; font-size: 25px; line-height: 30px; font-weight: 300; font-style: normal; font-family: Calibri,Arial,sans-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.Travel-CallToAction, .Travel-CallToAction { color: white; font-size: 25px; line-height: 25px; font-weight: 500; font-style: normal; font-family: Calibri,Arial,sans-serif; padding: 12px 20px 12px 20px; text-decoration: none; background-color: rgba(255, 255, 255, 0.05); border-color: white; 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: white; text-decoration: none; background-color: rgba(255, 255, 255, 0.15); border-color: white; border-style: solid; border-width: 2px; border-radius: 5px 5px 5px 5px; } .tp-caption.RotatingWords-TitleWhite, .RotatingWords-TitleWhite { color: white; font-size: 70px; line-height: 70px; font-weight: 800; font-style: normal; font-family: Calibri,Arial,sans-serif; 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: white; font-size: 20px; line-height: 20px; font-weight: 700; font-style: normal; font-family: Calibri,Arial,sans-serif; padding: 20px 50px 20px 50px; text-decoration: none; background-color: transparent; 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: white; text-decoration: none; background-color: transparent; border-color: white; border-style: solid; border-width: 2px; border-radius: 0px 0px 0px 0px; } .tp-caption.RotatingWords-SmallText, .RotatingWords-SmallText { color: white; font-size: 14px; line-height: 20px; font-weight: 400; font-style: normal; font-family: Calibri,Arial,sans-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; text-shadow: none; } .tp-caption.ContentZoom-SmallTitle, .ContentZoom-SmallTitle { color: #292e31; font-size: 33px; line-height: 45px; font-weight: 600; font-style: normal; font-family: Calibri,Arial,sans-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.ContentZoom-SmallSubtitle, .ContentZoom-SmallSubtitle { color: #6f7c82; font-size: 16px; line-height: 24px; font-weight: 600; font-style: normal; font-family: Calibri,Arial,sans-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.ContentZoom-SmallIcon, .ContentZoom-SmallIcon { color: #292e31; font-size: 20px; line-height: 20px; font-weight: 400; font-style: normal; font-family: Calibri,Arial,sans-serif; 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: #6f7c82; 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: #292e31; font-size: 70px; line-height: 70px; font-weight: 500; font-style: normal; font-family: Calibri,Arial,sans-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.ContentZoom-DetailSubTitle, .ContentZoom-DetailSubTitle { color: #6f7c82; font-size: 25px; line-height: 25px; font-weight: 500; font-style: normal; font-family: Calibri,Arial,sans-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.ContentZoom-DetailContent, .ContentZoom-DetailContent { color: #6f7c82; font-size: 17px; line-height: 28px; font-weight: 500; font-style: normal; font-family: Calibri,Arial,sans-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.ContentZoom-Button, .ContentZoom-Button { color: #292e31; font-size: 13px; line-height: 13px; font-weight: 700; font-style: normal; font-family: Calibri,Arial,sans-serif; padding: 15px 50px 15px 50px; text-decoration: none; background-color: transparent; border-color: rgba(41, 46, 49, 0.5); 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: white; text-decoration: none; background-color: #292e31; border-color: #292e31; border-style: solid; border-width: 1px; border-radius: 0px 0px 0px 0px; } .tp-caption.ContentZoom-ButtonClose, .ContentZoom-ButtonClose { color: #292e31; font-size: 13px; line-height: 13px; font-weight: 700; font-style: normal; font-family: Calibri,Arial,sans-serif; padding: 14px 14px 14px 16px; text-decoration: none; background-color: transparent; border-color: rgba(41, 46, 49, 0.5); 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: white; text-decoration: none; background-color: #292e31; border-color: #292e31; border-style: solid; border-width: 1px; border-radius: 30px 30px 30px 30px; } .tp-caption.Newspaper-Title, .Newspaper-Title { color: white; 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: #a8d8ee; font-size: 15px; line-height: 20px; font-weight: 900; font-style: normal; font-family: Calibri,Arial,sans-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.Newspaper-Button, .Newspaper-Button { color: white; font-size: 13px; line-height: 17px; font-weight: 700; font-style: normal; font-family: Calibri,Arial,sans-serif; 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: black; text-decoration: none; background-color: white; border-color: white; border-style: solid; border-width: 1px; border-radius: 0px 0px 0px 0px; } .tp-caption.rtwhitemedium, .rtwhitemedium { font-size: 22px; line-height: 26px; color: white; text-decoration: none; background-color: transparent; border-width: 0px; border-color: black; 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: Calibri,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; -webkit-border-radius: 0px; -moz-border-radius: 0px; 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: white; 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: white; 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: transparent; border-color: white; border-style: none; border-width: 2px; border-radius: 0px 0px 0px 0px; } .tp-caption.Concept-MoreBtn, .Concept-MoreBtn { color: white; font-size: 30px; line-height: 30px; font-weight: 300; font-style: normal; font-family: Calibri,Arial,sans-serif; 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: white; 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: white; font-size: 30px; line-height: 30px; font-weight: 300; font-style: normal; font-family: Calibri,Arial,sans-serif; padding: 10px 8px 7px 10px; text-decoration: none; text-align: left; background-color: black; 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: black; text-decoration: none; background-color: white; 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: black; 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: black; font-size: 30px; line-height: 30px; font-weight: 300; font-style: normal; font-family: Calibri,Arial,sans-serif; 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: white; text-decoration: none; background-color: black; 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: black; 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: transparent; border-color: white; border-style: none; border-width: 2px; border-radius: 0px 0px 0px 0px; } .tp-caption.Concept-Notice, .Concept-Notice { color: white; 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: transparent; border-color: white; 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: white; 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: #cdb083; 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: #cdb083; 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: transparent; 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: #cdb083; text-decoration: none; background-color: transparent; border-color: #cdb083; border-style: solid; border-width: 1px; border-radius: 0px 0px 0px 0px; } .tp-caption.subcaption, .subcaption { color: #6f7c82; font-size: 19px; line-height: 24px; font-weight: 400; font-style: normal; font-family: Calibri,Arial,sans-serif; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: black; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-shadow: none; text-align: left; } .tp-caption.RedDot, .RedDot { color: black; font-weight: 400; font-style: normal; padding: 0px 0px 0px 0px; text-decoration: none; text-align: left; background-color: #d50000; border-color: white; border-style: solid; border-width: 5px; border-radius: 50px 50px 50px 50px; } .tp-caption.RedDot:hover, .RedDot:hover { color: black; text-decoration: none; background-color: rgba(255, 255, 255, 0.75); border-color: #d50000; border-style: solid; border-width: 5px; border-radius: 50px 50px 50px 50px; } .tp-caption.SlidingOverlays-Title, .SlidingOverlays-Title { color: white; 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: white; 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: black; 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; type: text; } .tp-caption.Woo-Rating, .Woo-Rating { color: black; font-size: 14px; line-height: 30px; font-weight: 300; font-style: normal; font-family: Calibri,Arial,sans-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; type: text; } .tp-caption.Woo-SubTitle, .Woo-SubTitle { color: black; font-size: 18px; line-height: 18px; font-weight: 300; font-style: normal; font-family: Calibri,Arial,sans-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; letter-spacing: 2px; type: text; } .tp-caption.Woo-PriceLarge, .Woo-PriceLarge { color: black; font-size: 60px; line-height: 60px; font-weight: 700; font-style: normal; font-family: Calibri,Arial,sans-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; type: text; } .tp-caption.Woo-ProductInfo, .Woo-ProductInfo { color: black; font-size: 15px; line-height: 15px; font-weight: 500; font-style: normal; font-family: Calibri,Arial,sans-serif; padding: 12px 75px 12px 50px; text-decoration: none; background-color: #fecf72; border-color: black; border-style: solid; border-width: 1px; border-radius: 4px 4px 4px 4px; text-align: left; type: button; } .tp-caption.Woo-ProductInfo:hover, .Woo-ProductInfo:hover { color: black; text-decoration: none; background-color: #f3a847; border-color: black; border-style: solid; border-width: 1px; border-radius: 4px 4px 4px 4px; } .tp-caption.Woo-AddToCart, .Woo-AddToCart { color: black; font-size: 15px; line-height: 15px; font-weight: 500; font-style: normal; font-family: Calibri,Arial,sans-serif; padding: 12px 35px 12px 35px; text-decoration: none; background-color: #fecf72; border-color: black; border-style: solid; border-width: 1px; border-radius: 4px 4px 4px 4px; text-align: left; type: button; } .tp-caption.Woo-AddToCart:hover, .Woo-AddToCart:hover { color: black; text-decoration: none; background-color: #f3a847; border-color: black; border-style: solid; border-width: 1px; border-radius: 4px 4px 4px 4px; } .tp-caption.Woo-TitleLarge, .Woo-TitleLarge { color: black; 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; type: text; } .tp-caption.Woo-SubTitle, .Woo-SubTitle { color: black; font-size: 18px; line-height: 18px; font-weight: 300; font-style: normal; font-family: Calibri,Arial,sans-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; letter-spacing: 2px; type: text; } .tp-caption.Woo-PriceLarge, .Woo-PriceLarge { color: black; font-size: 60px; line-height: 60px; font-weight: 700; font-style: normal; font-family: Calibri,Arial,sans-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; type: text; } .tp-caption.Woo-ProductInfo, .Woo-ProductInfo { color: black; font-size: 15px; line-height: 15px; font-weight: 500; font-style: normal; font-family: Calibri,Arial,sans-serif; padding: 12px 75px 12px 50px; text-decoration: none; background-color: #fecf72; border-color: black; border-style: solid; border-width: 1px; border-radius: 4px 4px 4px 4px; text-align: left; type: button; } .tp-caption.Woo-ProductInfo:hover, .Woo-ProductInfo:hover { color: black; text-decoration: none; background-color: #f3a847; border-color: black; border-style: solid; border-width: 1px; border-radius: 4px 4px 4px 4px; } .tp-caption.Woo-AddToCart, .Woo-AddToCart { color: black; font-size: 15px; line-height: 15px; font-weight: 500; font-style: normal; font-family: Calibri,Arial,sans-serif; padding: 12px 35px 12px 35px; text-decoration: none; background-color: #fecf72; border-color: black; border-style: solid; border-width: 1px; border-radius: 4px 4px 4px 4px; text-align: left; type: button; } .tp-caption.Woo-AddToCart:hover, .Woo-AddToCart:hover { color: black; text-decoration: none; background-color: #f3a847; border-color: black; border-style: solid; border-width: 1px; border-radius: 4px 4px 4px 4px; } .tp-caption.FullScreen-Toggle, .FullScreen-Toggle { color: white; font-size: 20px; line-height: 20px; font-weight: 400; font-style: normal; font-family: Calibri,Arial,sans-serif; padding: 11px 8px 11px 12px; text-decoration: none; text-align: left; background-color: rgba(0, 0, 0, 0.5); 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: white; text-decoration: none; background-color: black; 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: white; 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: white; 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: white; font-size: 30px; line-height: 71px; font-weight: 500; font-style: normal; font-family: Calibri,Arial,sans-serif; padding: 0px 0px 0px 0px; text-decoration: none; background-color: transparent; border-color: white; border-style: solid; border-width: 2px; border-radius: 100px 100px 100px 100px; text-align: center; } .tp-caption.Agency-PlayBtn:hover, .Agency-PlayBtn:hover { color: white; text-decoration: none; background-color: transparent; border-color: white; border-style: solid; border-width: 2px; border-radius: 100px 100px 100px 100px; cursor: pointer; } .tp-caption.Agency-SmallText, .Agency-SmallText { color: white; 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: #333333; 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: #333333; border-style: solid; border-width: 2px; border-radius: 30px 30px 30px 30px; text-align: center; } .tp-caption.Agency-Social:hover, .Agency-Social:hover { color: white; text-decoration: none; background-color: #333333; border-color: #333333; border-style: solid; border-width: 2px; border-radius: 30px 30px 30px 30px; cursor: pointer; } .tp-caption.Agency-CloseBtn, .Agency-CloseBtn { color: white; font-size: 50px; line-height: 50px; font-weight: 500; font-style: normal; font-family: Calibri,Arial,sans-serif; 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: white; 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: white; 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: white; 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.5); 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: transparent; 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: white; text-decoration: none; background-color: transparent; border-color: white; border-style: solid; border-width: 1px; border-radius: 0px 0px 0px 0px; } .tp-caption.Dining-Social, .Dining-Social { color: white; 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: white; text-decoration: none; background-color: transparent; border-color: white; border-style: solid; border-width: 1px; border-radius: 30px 30px 30px 30px; cursor: pointer; } tp-caption.Team-Thumb, .Team-Thumb { color: white; font-size: 20px; line-height: 22px; font-weight: 400; font-style: normal; font-family: Calibri,Arial,sans-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-Thumb:hover, .Team-Thumb:hover { color: white; 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: white; font-size: 70px; line-height: 70px; font-weight: 900; font-style: normal; font-family: Calibri,Arial,sans-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-Position, .Team-Position { color: white; 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: white; font-size: 18px; line-height: 28px; font-weight: 400; font-style: normal; font-family: Calibri,Arial,sans-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-Social, .Team-Social { color: white; font-size: 50px; line-height: 50px; font-weight: 400; font-style: normal; font-family: Calibri,Arial,sans-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.Team-Social:hover, .Team-Social:hover { color: white; 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: black; font-size: 50px; line-height: 120px; font-weight: 500; font-style: normal; font-family: Calibri,Arial,sans-serif; padding: 0px 0px 0px 7px; text-decoration: none; background-color: white; border-color: black; border-style: solid; border-width: 0px; border-radius: 100px 100px 100px 100px; text-align: center; } .tp-caption.VideoControls-Play:hover, .VideoControls-Play:hover { color: black; text-decoration: none; background-color: white; border-color: black; border-style: solid; border-width: 0px; border-radius: 100px 100px 100px 100px; cursor: pointer; } .tp-caption.VideoPlayer-Title, .VideoPlayer-Title { color: white; 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: white; 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: white; font-size: 50px; line-height: 50px; font-weight: 400; font-style: normal; font-family: Calibri,Arial,sans-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:hover, .VideoPlayer-Social:hover { color: white; 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: black; font-size: 20px; line-height: 50px; font-weight: 500; font-style: normal; font-family: Calibri,Arial,sans-serif; padding: 0px 0px 0px 0px; text-decoration: none; background-color: white; border-color: black; border-style: solid; border-width: 0px; border-radius: 100px 100px 100px 100px; text-align: center; } .tp-caption.VideoControls-Mute:hover, .VideoControls-Mute:hover { color: black; text-decoration: none; background-color: white; border-color: black; border-style: solid; border-width: 0px; border-radius: 100px 100px 100px 100px; cursor: pointer; } .tp-caption.VideoControls-Pause, .VideoControls-Pause { color: black; font-size: 20px; line-height: 50px; font-weight: 500; font-style: normal; font-family: Calibri,Arial,sans-serif; padding: 0px 0px 0px 0px; text-decoration: none; background-color: white; border-color: black; border-style: solid; border-width: 0px; border-radius: 100px 100px 100px 100px; text-align: center; } .tp-caption.VideoControls-Pause:hover, .VideoControls-Pause:hover { color: black; text-decoration: none; background-color: white; border-color: black; border-style: solid; border-width: 0px; border-radius: 100px 100px 100px 100px; cursor: pointer; } /*----------------------------------------------------------------------------- - 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: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: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: Calibri,Arial,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: transparent; 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; } /* MEDIA QUERIES */ /*----------------------------------------------------------------------------- - 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: 100; } .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: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: #7d7d7d; } /* 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: transparent; 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: white; background: -moz-linear-gradient(top, white 0%, #777777 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, white), color-stop(100%, #777777)); background: -webkit-linear-gradient(top, white 0%, #777777 100%); background: -o-linear-gradient(top, white 0%, #777777 100%); background: -ms-linear-gradient(top, white 0%, #777777 100%); background: linear-gradient(to bottom, white 0%, #777777 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: 100; 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: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; } /* 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: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 */ } /* 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: white; background: -moz-linear-gradient(top, white 0%, #777777 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, white), color-stop(100%, #777777)); background: -webkit-linear-gradient(top, white 0%, #777777 100%); background: -o-linear-gradient(top, white 0%, #777777 100%); background: -ms-linear-gradient(top, white 0%, #777777 100%); background: linear-gradient(to bottom, white 0%, #777777 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: Calibri,Arial,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: transparent; 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); } /* MEDIA QUERIES */ /*----------------------------------------------------------------------------- - 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: 100; } .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: white; } .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-imgholder { background-size: cover; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } /* 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; } /* 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: white; background: -moz-linear-gradient(top, white 0%, #777777 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, white), color-stop(100%, #777777)); background: -webkit-linear-gradient(top, white 0%, #777777 100%); background: -o-linear-gradient(top, white 0%, #777777 100%); background: -ms-linear-gradient(top, white 0%, #777777 100%); background: linear-gradient(to bottom, white 0%, #777777 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: 100; } .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: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; } /* 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: 100; 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: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; } /*----------------------------------------------------------------------------- - 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: 100; } .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-bullet { overflow: hidden; border-radius: 50%; width: 16px; height: 16px; background-color: transparent; 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: #363636; 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 #363636; 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: 100; 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: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; } /* 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: 1000; 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: Calibri,Arial,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: transparent; 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; } /* MEDIA QUERIES */ /*----------------------------------------------------------------------------- - 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: white; background: -moz-linear-gradient(top, white 0%, #777777 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, white), color-stop(100%, #777777)); background: -webkit-linear-gradient(top, white 0%, #777777 100%); background: -o-linear-gradient(top, white 0%, #777777 100%); background: -ms-linear-gradient(top, white 0%, #777777 100%); background: linear-gradient(to bottom, white 0%, #777777 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.1); 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: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; } /*----------------------------------------------------------------------------- - 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.1); } .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: transparent; -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: white; } /*----------------------------------------------------------------------------- - 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; } /* Item name: Menuzord - Responsive Megamenu Author: marcoarib - marco.arib@gmail.com License: http://codecanyon.net/licenses */ /* CONTENTS: 1 - MENU CONTAINER - Scrollable menu 2 - BRAND 3 - MENU - Right alignment - Menu items - Active/hover state 4 - DROPDOWN - Dropdown items - Hover state - Dropdown left alignment 5 - DROPDOWN/MEGAMENU INDICATORS 6 - MEGAMENU 7 - MEGAMENU WIDTHS - Half width - Quarter width 8 - GRID SYSTEM 9 - SHOW/HIDE BUTTON (MOBILE MODE) - Icon 10 - ICONS (parent menu items) 11 - SEARCH FIELD - Form - Input 12 - VERTICAL TABS 13 - COLOR SCHEMES 14 - MOBILE MODE (RESPONSIVE MODE) - Menu container - Brand - Show/hide button - Menu - Dropdown - Dropdown items - Dropdown/megamenu indicators - Megamenu - Search field */ /* FONT ======================================*/ /* 1 - MENU CONTAINER ======================================*/ .menuzord, .menuzord * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .menuzord { width: 100%; padding: 0 30px; float: left; position: relative; background: #fff; } .menuzord a { -o-transition: color .3s linear, background .3s linear; -moz-transition: color .3s linear, background .3s linear; -webkit-transition: color .3s linear, background .3s linear; transition: color .3s linear, background .3s linear; } /* scrollable menu */ .menuzord-menu.scrollable > .scrollable-fix { display: none; } /* 2 - BRAND ======================================*/ .menuzord-brand { margin: 18px 30px 0 0; float: left; color: #666; text-decoration: none; font-size: 24px; font-weight: 600; line-height: 1.3; cursor: pointer; } /* 3 - MENU ======================================*/ .menuzord-menu { margin: 0; padding: 0; float: left; list-style: none; } /* Right alignment */ .menuzord-menu.menuzord-right { float: right; } /* Menu items */ .menuzord-menu > li { display: inline-block; float: left; } .menuzord-menu > li > a { padding: 26px 16px; display: inline-block; text-decoration: none; font-size: 14px; font-weight: 600; color: #888; outline: 0; line-height: 1.42857143; -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; } /* Active/hover state (Menu items) */ .menuzord-menu > li.active > a, .menuzord-menu > li:hover > a { color: #333; } /* 4 - DROPDOWN ======================================*/ .menuzord-menu ul.dropdown, .menuzord-menu ul.dropdown li ul.dropdown { list-style: none; margin: 0; padding: 0; display: none; position: absolute; z-index: 99; min-width: 180px; white-space: nowrap; background: #fff; } .menuzord-menu ul.dropdown li ul.dropdown { left: 100%; } /* Dropdown items */ .menuzord-menu ul.dropdown li { clear: both; width: 100%; border: 0 none; font-size: 12px; position: relative; } .menuzord-menu ul.dropdown li a { width: 100%; background: none; padding: 10px 25px 10px 22px; color: #888; text-decoration: none; display: inline-block; float: left; clear: both; position: relative; outline: 0; -o-transition: padding .2s linear; -moz-transition: padding .2s linear; -webkit-transition: padding .2s linear; transition: padding .2s linear; } /* Hover state (dropdown items) */ .menuzord-menu ul.dropdown li:hover > a { padding-left: 28px; padding-right: 19px; color: #333; } /* Dropdown left alignment */ .menuzord-menu ul.dropdown.dropdown-left { left: none; } .menuzord-menu ul.dropdown li ul.dropdown.dropdown-left { left: -100%; } /* 5 - DROPDOWN/MEGAMENU INDICATORS ======================================*/ .menuzord-menu li .indicator { margin-left: 3px; } .menuzord-menu li ul.dropdown li .indicator { position: absolute; top: 8px; right: 10px; font-size: 15px; } /* 6 - MEGAMENU ======================================*/ .menuzord-menu > li > .megamenu { width: 100%; padding: 20px 30px; left: 0; position: absolute; display: none; z-index: 99; border-top: solid 1px #f0f0f0; background: #fff; } /* 7 - MEGAMENU WIDTHS ======================================*/ /* Half width */ .menuzord-menu > li > .megamenu.megamenu-half-width { width: 50%; left: auto; } /* Quarter width */ .menuzord-menu > li > .megamenu.megamenu-quarter-width { width: 25%; left: auto; } /* 8 - GRID SYSTEM ======================================*/ .menuzord-menu > li > .megamenu .megamenu-row { width: 100%; margin-top: 15px; } .menuzord-menu > li > .megamenu .megamenu-row:first-child { margin-top: 0; } .menuzord-menu > li > .megamenu .megamenu-row:before, .menuzord-menu > li > .megamenu .megamenu-row:after { display: table; content: ""; line-height: 0; } .menuzord-menu > li > .megamenu .megamenu-row:after { clear: both; } .menuzord-menu > li > .megamenu .megamenu-row .col1, .menuzord-menu > li > .megamenu .megamenu-row .col2, .menuzord-menu > li > .megamenu .megamenu-row .col3, .menuzord-menu > li > .megamenu .megamenu-row .col4, .menuzord-menu > li > .megamenu .megamenu-row .col5, .menuzord-menu > li > .megamenu .megamenu-row .col6, .menuzord-menu > li > .megamenu .megamenu-row .col7, .menuzord-menu > li > .megamenu .megamenu-row .col8, .menuzord-menu > li > .megamenu .megamenu-row .col9, .menuzord-menu > li > .megamenu .megamenu-row .col10, .menuzord-menu > li > .megamenu .megamenu-row .col11, .menuzord-menu > li > .megamenu .megamenu-row .col12 { display: block; min-height: 20px; float: left; margin-left: 3%; } .menuzord-menu > li > .megamenu .megamenu-row [class*="col"]:first-child { margin-left: 0; } .menuzord-menu > li > .megamenu .megamenu-row .col1 { width: 5.583333333333%; } .menuzord-menu > li > .megamenu .megamenu-row .col2 { width: 14.166666666666%; } .menuzord-menu > li > .megamenu .megamenu-row .col3 { width: 22.75%; } .menuzord-menu > li > .megamenu .megamenu-row .col4 { width: 31.333333333333%; } .menuzord-menu > li > .megamenu .megamenu-row .col5 { width: 39.916666666667%; } .menuzord-menu > li > .megamenu .megamenu-row .col6 { width: 48.5%; } .menuzord-menu > li > .megamenu .megamenu-row .col7 { width: 57.083333333333%; } .menuzord-menu > li > .megamenu .megamenu-row .col8 { width: 65.666666666667%; } .menuzord-menu > li > .megamenu .megamenu-row .col9 { width: 74.25%; } .menuzord-menu > li > .megamenu .megamenu-row .col10 { width: 82.833333333334%; } .menuzord-menu > li > .megamenu .megamenu-row .col11 { width: 91.416666666667%; } .menuzord-menu > li > .megamenu .megamenu-row .col12 { width: 100%; } /* 9 - SHOW/HIDE BUTTON (MOBILE MODE) ======================================*/ .menuzord .showhide { width: 60px; height: 46px; padding: 13px 0 0; display: none; float: right; text-decoration: none; outline: none; -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; } /* Show/hide button icon */ .menuzord .showhide em { width: 20px; height: 3px; margin: 3.5px 20px 0; float: right; background: #777; } /* 10 - ICONS (parent menu items) ======================================*/ .menuzord-menu > li > a > i { margin: 0 5px 0 0; font-size: 18px; float: left; line-height: 20px; font-family: 'FontAwesome'; } /* 11 - SEARCH FIELD ======================================*/ /* Form */ .menuzord-menu > li.search form { float: left; padding: 22px 16px 17px; } /* Input */ .menuzord-menu > li.search form input[type="text"] { width: 160px; padding: 5px 10px; font-family: 'Open Sans', sans-serif; border: none; background: #f0f0f0; border-radius: 2px; outline: 0; -o-transition: width 1s ease-out; -moz-transition: width 1s ease-out; -webkit-transition: width 1s ease-out; transition: width 1s ease-out; } .menuzord-menu > li.search form:hover input[type="text"] { width: 160px; } /* 12 - VERTICAL TABS ======================================*/ .menuzord-tabs { width: 100%; float: left; } .menuzord-tabs-nav { width: 20%; margin: 0; padding: 0; float: left; list-style: none; } .menuzord-tabs-nav > li > a { width: 100%; padding: 7px 16px; float: left; font-size: 13px; text-decoration: none; color: #666; border: solid 1px #f0f0f0; outline: 0; } .menuzord-tabs-nav li.active a, .menuzord-tabs-nav li:hover a { background: #f0f0f0; } .menuzord-tabs-content { width: 80%; min-height: 30px; padding: 20px; float: right; display: none; font-size: 13px; border: solid 1px #f0f0f0; } .menuzord-tabs-content.active { display: block; } /* 13 - COLOR SCHEMES ======================================*/ /* blue */ .menuzord.blue .menuzord-menu > li.active > a, .menuzord.blue .menuzord-menu > li:hover > a, .menuzord.blue .menuzord-menu ul.dropdown li:hover > a { color: #4A89DC; } /* green */ .menuzord.green .menuzord-menu > li.active > a, .menuzord.green .menuzord-menu > li:hover > a, .menuzord.green .menuzord-menu ul.dropdown li:hover > a { color: #37BC9B; } /* red */ .menuzord.red .menuzord-menu > li.active > a, .menuzord.red .menuzord-menu > li:hover > a, .menuzord.red .menuzord-menu ul.dropdown li:hover > a { color: #E9573F; } /* orange */ .menuzord.orange .menuzord-menu > li.active > a, .menuzord.orange .menuzord-menu > li:hover > a, .menuzord.orange .menuzord-menu ul.dropdown li:hover > a { color: #ff670f; } /* yellow */ .menuzord.yellow .menuzord-menu > li.active > a, .menuzord.yellow .menuzord-menu > li:hover > a, .menuzord.yellow .menuzord-menu ul.dropdown li:hover > a { color: #F6BB42; } /* purple */ .menuzord.purple .menuzord-menu > li.active > a, .menuzord.purple .menuzord-menu > li:hover > a, .menuzord.purple .menuzord-menu ul.dropdown li:hover > a { color: #967ADC; } /* pink */ .menuzord.pink .menuzord-menu > li.active > a, .menuzord.pink .menuzord-menu > li:hover > a, .menuzord.pink .menuzord-menu ul.dropdown li:hover > a { color: #D770AD; } /* 14 - MOBILE MODE (RESPONSIVE MODE) ======================================*/ @media (max-width: 768px) { /* Responsive menu container */ .menuzord-responsive.menuzord { padding: 0; } /* Brand */ .menuzord-responsive .menuzord-brand { margin: 8px 30px 10px 20px; font-size: 20px; line-height: 1.55; } /* Show/hide button */ .menuzord-responsive .showhide { margin: 0; } /* Menu */ .menuzord-responsive .menuzord-menu { width: 100%; float: left !important; } /* scrollable menu*/ .menuzord-responsive .menuzord-menu.scrollable { overflow-y: auto; -webkit-overflow-scrolling: touch; } .menuzord-responsive .menuzord-menu.scrollable > .scrollable-fix { display: block; } /* Menu items */ .menuzord-responsive .menuzord-menu > li { width: 100%; display: block; position: relative; } .menuzord-responsive .menuzord-menu > li > a { width: 100%; padding: 12px 20px; display: block; border-bottom: solid 1px #f0f0f0; } .menuzord-responsive .menuzord-menu > li:first-child > a { border-top: solid 1px #f0f0f0; } /* Dropdown */ .menuzord-responsive .menuzord-menu ul.dropdown, .menuzord-responsive .menuzord-menu ul.dropdown li ul.dropdown { width: 100%; left: 0; position: static; border: none; background: #fff; float: left; } /* Dropdown items */ .menuzord-responsive .menuzord-menu ul.dropdown li { position: relative; } .menuzord-responsive .menuzord-menu ul.dropdown li a { border-bottom: solid 1px #f0f0f0; } .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > a { padding-left: 40px !important; } .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > ul.dropdown > li > a { padding-left: 60px !important; } .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > ul.dropdown > li > ul.dropdown > li > a { padding-left: 80px !important; } .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li:hover > a { padding-left: 50px !important; } .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > ul.dropdown > li:hover > a { padding-left: 70px !important; } .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > ul.dropdown > li > ul.dropdown > li:hover > a { padding-left: 90px !important; } /* Dropdown/megamenu indicators */ .menuzord-responsive .menuzord-menu li .indicator { width: 60px; height: 45px; position: absolute; right: 0; top: 0; font-size: 22px; text-align: center; line-height: 43px; border-left: solid 1px #f5f5f5; } .menuzord-responsive .menuzord-menu li ul.dropdown li .indicator { height: 38px; right: 0; top: 0; font-size: 18px; line-height: 36px; } /* Megamenu */ .menuzord-responsive .menuzord-menu > li > .megamenu { width: 100% !important; left: 0 !important; position: static; border-top: none; border-bottom: solid 1px #f0f0f0; } .menuzord-responsive .menuzord-menu > li > .megamenu .megamenu-row [class*="col"] { float: none; display: block; width: 100% !important; margin-left: 0; margin-top: 15px; } .menuzord-responsive .menuzord-menu > li > .megamenu .megamenu-row:first-child [class*="col"]:first-child { margin-top: 0; } .menuzord-responsive .menuzord-menu > li > .megamenu .megamenu-row { margin-top: 0; } /* Search field */ .menuzord-responsive .menuzord-menu > li.search form { width: 100%; margin: 4px 0; padding: 10px 16px !important; } .menuzord-responsive .menuzord-menu > li.search form input[type="text"] { width: 100%; } /* Tabs */ .menuzord-responsive .menuzord-tabs-nav { width: 100%; } .menuzord-responsive .menuzord-tabs-content { width: 100%; } } /*--------------------------------------- COMMON STYLES -----------------------------------------*/ /*FONT FAMILY*/ /*COLOR*/ html, html a { text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); } body { font-family: Calibri,Arial,sans-serif; } p { font-weight: 400; } .section_title { font-family: Calibri,Arial,sans-serif; } .section_title h2 { color: #1d1d1d; font-size: 25px; font-weight: 800; margin: 0px; margin-bottom:20px; } .section_title h4 { font-size: 18px; font-weight: 700; margin-top: 15px; margin-bottom: 45px; position: relative; } .section_title p { color: #222; font-size: 15px; line-height:26px; text-align:justify; } .section_title.left h4:after { left: 0; margin-left: 0px; } .section_title.white h2 { color: #fff; font-weight:800; } .section_title.white h4 { color: #dbdbdb; } .section_title.white p { color: #878787; } .container-full { max-width: 100%; } .half_width { width: 33.333333333%; float: left; } @media (max-width: 768px) { .half_width { width: 100%; } } .quarter_width { width: 25%; float: left; } @media (max-width: 768px) { .quarter_width { width: 50%; } } @media (max-width: 500px) { .quarter_width { width: 100%; } } .pd_rt_none { padding-right: 0px; } .pd_lt_none { padding-left: 0px; } .pd_none { padding-left: 0px; padding-right: 0px; } @media (min-width: 500px) { .pd-lt-5 { padding-left: 10px; } .pd-rt-5 { padding-right: 10px; } } .btn_one, .btn_two, .btn_three, .btn_four, .btn_four:active, .btn_four:focus, .btn_four:hover, .btn_four:visited, .btn_three:active, .btn_three:visited, .btn_three:focus, .btn_two:active, .btn_two:visited, .btn_two:focus, .btn_two:hover, .btn_three:hover, .btn_one:active, .btn_two:active, .btn_three:active, .btn_four:active, .btn_one:visited, .btn_two:visited, .btn_three:visited, .btn_four:visited, .btn_one:focus, .btn_two:focus, .btn_three:focus, .btn_four:focus { font-family: Calibri,Arial,sans-serif; color: #fff; font-size: 13px; font-weight: 700; background-color: #00aeda; padding: 18px 30px; border-radius: 4px; border: 0; text-transform: uppercase; box-shadow: none; outline: 0 !important; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .btn_one:hover, .btn_two:hover, .btn_three:hover, .btn_four:hover { background-color: #009AC0; color: #fff; } .btn_blog, .btn_blog:active, .btn_blog:visited, .btn_blog:focus { color: #fff; font-size: 13px; font-weight: 700; padding: 10px 15px; border-radius: 5px; box-shadow: none; outline: 0; background-color: #00aeda; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .btn_blog:hover { background-color: #fc611f; color: #fff; } .btn_two, .btn_three, .btn_four, .btn_four:active, .btn_four:focus, .btn_four:hover, .btn_four:visited, .btn_three:active, .btn_three:visited, .btn_three:focus, .btn_two:active, .btn_three:active, .btn_four:active, .btn_two:visited, .btn_three:visited, .btn_four:visited, .btn_two:focus, .btn_three:focus, .btn_four:focus, .btn_two:hover, .btn_three:hover, .btn_four:hover { padding: 12px 15px; } .btn_three, .btn_four, .btn_four:active, .btn_four:focus, .btn_four:hover, .btn_four:visited, .btn_three:active, .btn_four:active, .btn_three:visited, .btn_four:visited, .btn_three:focus, .btn_four:focus { background-color: #262727; } .btn_three:hover, .btn_four:hover { background-color: #009AC0; color: #fff; } .btn_four, .btn_four:active, .btn_four:focus, .btn_four:hover, .btn_four:visited { padding: 18px 30px; } .divider { border-bottom: 1px solid #202020; } /*BUTTON*/ .nvigation { background-color: transparent; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .nvigation .menuzord { padding: 0px; background-color: transparent; padding-top: 40px; padding-bottom: 40px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .nvigation .menuzord .showhide em { background-color: #fff; } .nvigation .menuzord .menuzord-brand { margin-top: 0px; } .nvigation .menuzord .menuzord-menu li a { color: #fff; font-size: 13px; font-weight: 700; font-family: Calibri,Arial,sans-serif; padding: 10px; border-radius: 0px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; margin-left: 5px; } .nvigation .menuzord .menuzord-menu li a:hover { background-color: #00aeda; } .nvigation .menuzord .menuzord-menu li.active > a { background-color: #00aeda; } .nvigation .menuzord .menuzord-menu li ul.dropdown { background-color: #002868; } @media (min-width: 768px) { .nvigation .menuzord .menuzord-menu li ul.dropdown { max-width: 280px; } .nvigation .menuzord .menuzord-menu li ul.dropdown li a { border-radius: 0px; display: block; margin-left: 0px !important; padding: 10px 15px !important; border-bottom:1px dotted #07357f; } .nvigation .menuzord .menuzord-menu li ul.dropdown li a:hover { color: #fff; } } .nvigation.scroll_nav { background-color: #002868; } .nvigation.scroll_nav .menuzord { padding-top: 17px; padding-bottom: 17px; } @media (max-width: 1200px) and (min-width: 768px) { .menuzord-brand { float: none; display: block; text-align: center; margin-bottom: 20px; } .menuzord { float: none; display: block; text-align: center; } .menuzord .menuzord-menu.menuzord-right { float: none; display: block; text-align: center; } .menuzord .menuzord-menu.menuzord-right li { float: none; } } @media (max-width: 991px) and (min-width: 768px) { .nvigation .menuzord .menuzord-menu li a { font-size: 11px; padding: 8px; margin: 0px; } } @media (max-width: 768px) { .nvigation { background-color: #171717; } .nvigation .menuzord { padding-top: 17px; padding-bottom: 17px; } .nvigation .menuzord .menuzord-menu li a { border-radius: 0px; border-bottom: solid 1px #333; } .nvigation .menuzord .menuzord-menu li:first-child a { border-top: solid 1px #333; } .nvigation .menuzord .menuzord-menu li ul.dropdown li a { border-bottom: solid 1px #333; } .nvigation .menuzord .menuzord-menu li ul.dropdown li:hover a { padding-left: 40px !important; color: #fff; } .menuzord-responsive .menuzord-menu.scrollable { overflow-x: hidden; } .menuzord-responsive .menuzord-menu li .indicator { height: 38px; border-left: 1px solid #333; } } /* Common button styles */ .button { background: none; vertical-align: middle; position: relative; z-index: 1; -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .button:focus { outline: none; } .button > span { vertical-align: middle; } /* Naira */ .button--naira { padding: 0; overflow: hidden; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .button--naira::before { content: ''; position: absolute; left: -50%; width: 200%; height: 200%; background: rgba(0, 0, 0, 0.3); top: -50%; z-index: -1; -webkit-transform: translate3d(0, -100%, 0) rotate3d(0, 0, 1, -10deg); transform: translate3d(0, -100%, 0) rotate3d(0, 0, 1, -10deg); } .button--naira.button--inverted::before { background: #7986cb; } .button--naira-up::before { -webkit-transform: translate3d(0, 100%, 0) rotate3d(0, 0, 1, 10deg); transform: translate3d(0, 100%, 0) rotate3d(0, 0, 1, 10deg); } .button--naira > span { display: block; } .button--naira .button__icon { font-size: 25px; position: absolute; top: 0; width: 100%; left: 0; color: #fff; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } .button--naira-up .button__icon { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .button--naira > span, .button--naira .button__icon { padding: 5px; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .button--naira:hover::before { -webkit-animation: anim-naira-1 0.3s forwards ease-in; animation: anim-naira-1 0.3s forwards ease-in; } .button--naira-up:hover::before { -webkit-animation: anim-naira-2 0.3s forwards ease-in; animation: anim-naira-2 0.3s forwards ease-in; } @-webkit-keyframes anim-naira-1 { 50% { -webkit-transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg); transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg); transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg); } } @keyframes anim-naira-1 { 50% { -webkit-transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg); transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg); transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg); } } @-webkit-keyframes anim-naira-2 { 50% { -webkit-transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg); transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg); transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg); } } @keyframes anim-naira-2 { 50% { -webkit-transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg); transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg); transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg); } } .button--naira:hover { background-color: #37474f; -webkit-transition: background-color 0s 0.3s; transition: background-color 0s 0.3s; } .button--naira.button--inverted:hover { background-color: #7986cb; } .button--naira:hover .button__icon { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); top: 12px; } .button--naira:hover > span { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .button--naira-up:hover > span { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } /*--------------------------------------- SLIDER -----------------------------------------*/ .tp-dottedoverlay.twoxtwo { background-image: none; background-color: rgba(0, 0, 0, 0.6); } .h-title-big { color: #fff; font-size: 40px; font-family: Calibri,Arial,sans-serif; font-weight: 700; padding: 3px 12px !important; } .h-title-big a{ color: #fff; text-decoration:none; } .p-desc { color: #fff; font-size: 12px; font-family: Calibri,Arial,sans-serif; text-align:left; font-weight: 700; padding: 3px 12px !important; } .p-desc a{ color: #fff; text-decoration:none; } .hermes .tp-bullet { width: 13px; height: 13px; } .page_header { background-size: cover; padding-top: 150px; padding-bottom: 50px; } h1{font-size:40px; color:#FFF; font-weight:300; font-family: Calibri,Arial,sans-serif; } .page_header .breadcumb ul { margin: 0; padding: 0; list-style: none; display: inline-block; background-color: #00aeda; padding: 10px; border-radius: 5px; } .page_header .breadcumb ul li { display: inline; } .page_header .breadcumb ul li a { display: inline-block; color: #fff; font-size: 13px; font-weight: 400; text-decoration: none; padding-left: 12px; padding-right: 12px; position: relative; } .page_header .breadcumb ul li a::after { content: "/"; position: absolute; top: 0; left: -6px; color: #fff; font-size: 13px; } .page_header .breadcumb ul li:first-child a:after { opacity: 0; } .landing_caption { background-image: url(../images/slider/01.jpg); background-size: cover; position: relative; } .landing_caption .landing_caption_overlay { padding-top: 300px; padding-bottom: 300px; background-color: rgba(0, 0, 0, 0.6); } @media (max-width: 991px) { .landing_caption .landing_caption_overlay { padding-top: 230px; padding-bottom: 140px; } } @media (max-width: 768px) { .landing_caption .landing_caption_overlay { padding-top: 150px; } } .landing_caption .inner_landing_caption h2 { color: #fff; font-size: 40px; font-family: Calibri,Arial,sans-serif; font-weight: 400; line-height: 50px; margin-top: 0px; margin-bottom: 25px; } .landing_caption .inner_landing_caption p { color: #a2a2a2; font-size: 16px; line-height: 30px; font-family: Calibri,Arial,sans-serif; font-weight: 400; margin: 0px; } .landing_caption .inner_landing_caption .landing_form { padding: 40px 30px; background-color: rgba(0, 174, 218, 0.8); margin-top: 40px; } .landing_caption .inner_landing_caption .landing_form h2 { color: #fff; font-size: 20px; font-family: Calibri,Arial,sans-serif; font-weight: 400; margin: 0px; line-height: 20px; } .landing_caption .inner_landing_caption .landing_form form { padding-right: 70px; position: relative; margin-top: 20px; } .landing_caption .inner_landing_caption .landing_form form .form-group { position: relative; } .landing_caption .inner_landing_caption .landing_form form .form-group .icon { position: absolute; top: 13px; left: 20px; } .landing_caption .inner_landing_caption .landing_form form .form-group .icon i { font-size: 14px; } .landing_caption .inner_landing_caption .landing_form form .form-group .form-control, .landing_caption .inner_landing_caption .landing_form form .form-group .form-control:focus { background-color: #fff; border-radius: 0px; box-shadow: none; outline: 0; height: 45px; border: 0px; padding-left: 45px; } .landing_caption .inner_landing_caption .landing_form form .form-group .form-control::-webkit-input-placeholder { color: #7f7f7f; font-size: 14px; font-weight: 400; font-family: Calibri,Arial,sans-serif; } .landing_caption .inner_landing_caption .landing_form form .form-group .form-control:-moz-placeholder { color: #7f7f7f; font-size: 14px; font-weight: 400; font-family: Calibri,Arial,sans-serif; } .landing_caption .inner_landing_caption .landing_form form .form-group .form-control::-moz-placeholder { color: #7f7f7f; font-size: 14px; font-weight: 400; font-family: Calibri,Arial,sans-serif; } .landing_caption .inner_landing_caption .landing_form form .form-group .form-control:-ms-input-placeholder { color: #7f7f7f; font-size: 14px; font-weight: 400; font-family: Calibri,Arial,sans-serif; } .landing_caption .inner_landing_caption .landing_form form .btn_sl, .landing_caption .inner_landing_caption .landing_form form .btn_sl:focus, .landing_caption .inner_landing_caption .landing_form form .btn_sl:visited, .landing_caption .inner_landing_caption .landing_form form .btn_sl:active { color: #fff; font-size: 20px; background-color: #29d4ff; width: 60px; height: 45px; position: absolute; top: 0; right: 0; border-radius: 0px; box-shadow: none; outline: 0; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } @media (max-width: 500px) { .landing_caption .inner_landing_caption .landing_form form .btn_sl, .landing_caption .inner_landing_caption .landing_form form .btn_sl:focus, .landing_caption .inner_landing_caption .landing_form form .btn_sl:visited, .landing_caption .inner_landing_caption .landing_form form .btn_sl:active { position: relative; width: 100%; } } .landing_caption .inner_landing_caption .landing_form form .btn_sl:hover { background-color: #009AC0; } @media (max-width: 500px) { .landing_caption .inner_landing_caption .landing_form form .col-xs-6 { width: 100%; } .landing_caption .inner_landing_caption .landing_form form { padding-right: 0px; } } /*--------------------------------------- INFO BOX -----------------------------------------*/ .info_box { position: relative; margin-top: -90px; z-index: 99; } .single_info_box { position: relative; padding: 35px; min-height: 250px; } .single_info_box h2 { color: #fff; font-size: 20px; font-weight: 700; margin-top: -10px; margin-bottom: 25px; font-family: Calibri,Arial,sans-serif; position: relative; } .single_info_box P { color: #fff; font-size: 16px; font-weight: 400; font-family: Calibri,Arial,sans-serif; position: relative; } .icon1 { background:url(../images/brand1.png) no-repeat; padding-left:60px; padding-top:10px; height:47px; } .icon2 { background:url(../images/brand2.png) no-repeat; padding-left:60px; padding-top:10px; height:47px; } .icon3 { background:url(../images/brand3.png) no-repeat; padding-left:60px; padding-top:10px; height:47px; } .icon4 { background:url(../images/certificate.png) no-repeat; padding-left:60px; padding-top:10px; height:47px; } .icon5 { background:url(../images/specialization.png) no-repeat; padding-left:60px; padding-top:10px; height:47px; } .icon6 { background:url(../images/industry.png) no-repeat; padding-left:60px; padding-top:10px; height:47px; } .single_info_box.who_are_we .info_box_item p { color:#fff; line-height:26px; } .single_info_box.who_are_we .info_box_item a { color:#fff; } .single_info_box.who_are_we .info_box_item ul li { /*border-bottom: 1px solid #fff;*/ color:#fff; line-height:26px; margin-top:0px; } .single_info_box.who_are_we .info_box_item ul li:last-child { border-bottom: 0px; } .single_info_box.what_we_do .info_box_item ul li { /*border-bottom: 1px solid #fff;*/ color:#fff; line-height:26px; margin-top:0px; } .single_info_box.what_we_do .info_box_item ul li:last-child { border-bottom: 0px; } .single_info_box.what_we_do .info_box_item a { color:#fff; } .single_info_box.why_us .info_box_item ul li { /*border-bottom: 1px solid #fff;*/ color:#fff; line-height:26px; margin-top:0px; } .single_info_box.why_us .info_box_item ul li:last-child { border-bottom: 0px; } .single_info_box.why_us .info_box_item a { color:#fff; } .single_info_box.who_are_we { width: 100%; height: 100%; background-color: rgba(255, 135, 0, 0.9); color:#FFF; } .single_info_box.what_we_do { width: 100%; height: 100%; background-color: rgba(24, 222, 127, 0.9); color:#FFF; } .single_info_box.why_us { width: 100%; height: 100%; background-color: rgba(24, 156, 190, 0.9); color:#FFF; } /*--------------------------------------- ABOUT -----------------------------------------*/ .about .about_promo { padding-top: 30px; padding-bottom: 40px; } .about .about_promo .single_promo img { width: 100%; height: auto; margin: 0 auto; } .about .about_promo .single_promo h2 { color: #545454; font-size: 20px; margin-top: 20px; margin-bottom: 15px; font-family: Calibri,Arial,sans-serif; font-weight: 400; } .about .about_promo .single_promo p { color: #222; font-size: 15px; line-height: 24px; font-family: Calibri,Arial,sans-serif; font-weight: 400; margin: 0px; text-align:justify; } .about .about_promo li { color: #222; font-size: 15px; line-height: 24px; font-family: Calibri,Arial,sans-serif; font-weight: 400; margin: 0px; margin-left:-25px; } @media (max-width: 991px) { .about .about_promo .single_promo { padding-bottom: 50px; } .about .about_promo .single_promo h2 { margin-bottom: 15px; } } @media (max-width: 991px) { .about .about_promo { padding-bottom: 0px; } } @media (max-width: 991px) { .about { padding-top: 20px; } } .vision { background-image: url(../images/vision_bg.jpg); background-size: cover; } .delivery { background-image: url(../images/delivery_bg.jpg); background-size: cover; } .photo-careers { margin: 0px; padding:0px; text-align: left; display: inline-block; margin-top:10px; margin-bottom:10px; } .photo-careers img { display: block; height: auto; max-width: 100%; } .photo-careers figure { overflow: hidden; position: relative; width: 100%; } .photo-careers figcaption { background: rgba(0,174,218,0.5); color: white; display: table; height: 100%; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 100; width:100%; padding:10px 10px 10px 10px; } .photo-careers:hover figcaption { opacity: 1; } .photo-careers img { display: block; height: auto; -webkit-transition: all 300ms; -moz-transition: all 300ms; transition: all 300ms; max-width: 100%; } .photo-careers figcaption h5 { font-weight:bold; font-size:16px; color:#FFF; padding:0px; margin:0px; } .photo-careers figcaption li { color:#FFF; margin-left:-20px; } .photo-careers figcaption p { color:#FFF; } .photo-careers figcaption { background: rgba(0,174,218,0.8); color: white; display: table; height: 100%; left: 0; opacity: 0; position: absolute; right: 0; top: 0; -webkit-transition: all 300ms; -moz-transition: all 300ms; transition: all 300ms; -webkit-transition-delay: 100ms; -moz-transition-delay: 100ms; transition-delay: 100ms; z-index: 100; } .vision .vision_overlay { background-color: rgba(0, 0, 0, 0.4); padding-top: 100px; padding-bottom: 100px; } .philosophy { background: url(../images/philosophy.png); background-size: cover; } .philosophy .philosophy_overlay { /* background-color: rgba(0, 0, 0, 0.5);*/ padding-top: 100px; padding-left: 30px; padding-bottom: 100px; } @media (max-width: 991px) { .vision .vision_overlay { padding-top: 50px; padding-bottom: 50px; } } @media (max-width: 991px) { .philosophy { background-image: none; } } .vision .vision_info { background-color: #fff; padding: 50px; } .vision .vision_info h2 { color: #1d1d1d; font-family: Calibri,Arial,sans-serif; margin-top: 0px; margin-bottom: 20px; } .vision .vision_info p { color: #939393; font-family: Calibri,Arial,sans-serif; margin: 0px; line-height: 26px; } .vision .vision_info li { color: #222; font-family: Calibri,Arial,sans-serif; margin: 0px; line-height: 26px; } .philosophy .philosophy_info { padding: 50px; } .philosophy .philosophy_info h4 { color: #3901a2; font-family: Calibri,Arial,sans-serif; margin-top: 0px; margin-bottom: 20px; } .philosophy .philosophy_info p { color: #222; font-family: Calibri,Arial,sans-serif; margin: 0px; line-height: 26px; } .philosophy .philosophy_info li { color: #222; font-family: Calibri,Arial,sans-serif; margin: 0px; line-height: 26px; } .photos_area .single_photos { width: 16.66666666%; float: left; } .photos_area .single_photos a, .photos_area .single_photos a:focus { outline: 0; } .photos_area .single_photos img { width: 100%; } @media (max-width: 768px) { .photos_area .single_photos { width: 33.3333333%; } } @media (max-width: 450px) { .photos_area .single_photos { width: 50%; } } .fun_facts { font-family: Calibri,Arial,sans-serif; background-color: #202020; padding-top: 55px; padding-bottom: 55px; } .fun_facts .single_fun_facts h2 { color: #fff; font-size: 70px; font-weight: 400; margin: 0px; } .fun_facts .single_fun_facts p { color: #bbbbbb; font-size: 15px; margin: 0px; text-transform: capitalize; } @media (max-width: 768px) { .fun_facts .single_fun_facts { margin-bottom: 30px; } } /*--------------------------------------- SCHEDULE -----------------------------------------*/ .schedule_area { position: relative; } .schedule_area .schedule_tab .nav-tabs { border: 0px; } .schedule_area .schedule_tab .nav-tabs li { margin: 0px; margin-right: 10px; } .schedule_area .schedule_tab .nav-tabs li a { border: 0px; margin: 0px; color: #9f9f9f; font-weight: 700; font-family: Calibri,Arial,sans-serif; text-transform: uppercase; border-radius: 4px; padding: 20px 30px; font-size: 14px; } .schedule_area .schedule_tab .nav-tabs li a, .schedule_area .schedule_tab .nav-tabs li a:hover, .schedule_area .schedule_tab .nav-tabs li a:focus { background-color: #ececec; } @media (max-width: 475px) { .schedule_area .schedule_tab .nav-tabs li a { padding: 10px 15px; } .col-md-10{ margin-left:15px; margin-right:15px;} } @media (max-width: 350px) { .schedule_area .schedule_tab .nav-tabs li a { font-size: 11px; } .col-md-10{ margin-left:15px; margin-right:15px;} } .schedule_area .schedule_tab .nav-tabs li.active a { background-color: #00aeda; color: #fff; position: relative; } .schedule_area .schedule_tab .nav-tabs li.active a:after { content: ""; position: absolute; bottom: -4px; left: 50%; width: 10px; height: 10px; background-color: #00aeda; margin-left: -5px; transform: rotate(45deg); } .schedule_area .schedule_tab .nav-tabs li:last-child { margin-right: 0px; } @media (max-width: 475px) { .schedule_area .schedule_tab .nav-tabs li { margin-right: 5px; } } .schedule_area .schedule_tab .tab-content .panel-group .panel-default { border: 0px; margin-top: 12px; box-shadow: none; } .schedule_area .schedule_tab .tab-content .panel-group .panel-default .panel-heading { border: 0px; padding: 0px; background-color: transparent; } .schedule_area .schedule_tab .tab-content .panel-group .panel-default .panel-heading a { display: block; text-decoration: none; } .schedule_area .schedule_tab .tab-content .panel-group .panel-default .panel-heading a .left_info { font-family: Calibri,Arial,sans-serif; padding-left: 20px; padding-right: 20px; padding-top: 5px; padding-bottom: 5px; background-color: #00aeda; position: relative; border-radius: 5px; } .schedule_area .schedule_tab .tab-content .panel-group .panel-default .panel-heading a .left_info .time { color: #fff; font-size: 25px; font-weight: 700; border-right: 1px solid #bbbbbb; float: left; padding-right: 20px; } .schedule_area .schedule_tab .tab-content .panel-group .panel-default .panel-heading a .left_info .time span { color: #fff; font-size: 14px; } @media (max-width: 450px) { .schedule_area .schedule_tab .tab-content .panel-group .panel-default .panel-heading a .left_info .time { font-size: 20px; } } @media (max-width: 400px) { .schedule_area .schedule_tab .tab-content .panel-group .panel-default .panel-heading a .left_info .time { padding-right: 10px; } } @media (max-width: 350px) { .schedule_area .schedule_tab .tab-content .panel-group .panel-default .panel-heading a .left_info .time { width: 100%; border-right: 0px; } } .schedule_area .schedule_tab .tab-content .panel-group .panel-default .panel-heading a .left_info .topics { color: #fff; font-size: 17px; font-weight: 400; float: left; padding-left: 20px; margin-top: 5px; } @media (max-width: 450px) { .schedule_area .schedule_tab .tab-content .panel-group .panel-default .panel-heading a .left_info .topics { font-size: 14px; } } @media (max-width: 400px) { .schedule_area .schedule_tab .tab-content .panel-group .panel-default .panel-heading a .left_info .topics { padding-left: 10px; } } @media (max-width: 350px) { .schedule_area .schedule_tab .tab-content .panel-group .panel-default .panel-heading a .left_info .topics { padding-left: 0px; } } .schedule_area .schedule_tab .tab-content .panel-group .panel-default .panel-heading a .left_info .speaker { position: absolute; top: 0; right: 0; height: 100%; } .schedule_area .schedule_tab .tab-content .panel-group .panel-default .panel-heading a .left_info .speaker img { height: 100%; } @media (max-width: 768px) { .schedule_area .schedule_tab .tab-content .panel-group .panel-default .panel-heading a .left_info .speaker { display: none; } } @media (max-width: 1200px) { .schedule_area .schedule_tab .tab-content .panel-group .panel-default .panel-heading a .left_info { margin-right: 0px; } } @media (max-width: 500px) { .schedule_area .schedule_tab .tab-content .panel-group .panel-default .panel-heading a .left_info { padding: 15px; } } .schedule_area .schedule_tab .tab-content .panel-group .panel-default .panel-heading a.collapsed .left_info { background-color: #eeeeee; } .schedule_area .schedule_tab .tab-content .panel-group .panel-default .panel-heading a.collapsed .left_info .topics { color: #222121; } .schedule_area .schedule_tab .tab-content .panel-group .panel-default .panel-heading a.collapsed .left_info .time { color: #222121; border-right: 1px solid #bdbdbd; } .schedule_area .schedule_tab .tab-content .panel-group .panel-default .panel-heading a.collapsed .left_info .time span { color: #222121; } .schedule_area .schedule_tab .tab-content .panel-group .panel-default .panel-body { border-top: 0px; padding-left: 5px; padding-right: 10px; } .schedule_area .schedule_tab .tab-content .panel-group .panel-default .panel-body .desc { padding-top: 30px; padding-bottom: 20px; border-bottom: 1px solid #d9d9d9; } .schedule_area .schedule_tab .tab-content .panel-group .panel-default .panel-body .desc p { color: #a3a3a3; font-size: 16px; font-weight: 400; line-height: 26px; } .schedule_area .schedule_tab .tab-content .panel-group .panel-default .panel-body .speaker_name h3 { color: #262626; font-weight: 700; font-size: 13px; } .schedule_area .schedule_tab .tab-content .panel-group .panel-default .panel-body .speaker_name h3 span { color: #9d9d9d; font-size: 15px; margin-left: 15px; } @media (max-width: 320px) { .schedule_area .schedule_tab .tab-content .panel-group .panel-default .panel-body .speaker_name h3 { font-size: 10px; } .schedule_area .schedule_tab .tab-content .panel-group .panel-default .panel-body .speaker_name h3 span { font-size: 10px; margin-left: 10px; } } .schedule_area .schedule_tab .tab-content .panel-group .panel-default .panel-body .speaker_name img { margin-left: 20px; } @media (max-width: 320px) { .schedule_area .schedule_tab .tab-content .panel-group .panel-default .panel-body .speaker_name img { margin-left: 10px; } } @media (max-width: 400px) { .schedule_area .schedule_tab .tab-content .panel-group .panel-default .panel-body { padding-left: 10px; padding-right: 10px; } } @media (max-width: 1200px) { .schedule_area .schedule_tab .tab-content { padding-right: 0px; } } @media (max-width: 1200px) { .schedule_area { height: auto !important; padding-bottom: 0px; } } @media (max-width: 991px) { .schedule_area { padding-top: 50px; } .schedule_area .schedule_tab { padding-bottom: 30px; } } .schedule_sidebar { position: absolute; top: 0; right: 0; width: 30%; height: 100%; background-color: #ebebeb; padding-top: 150px; } .schedule_sidebar .single_info_s_icon { padding-bottom: 60px; } .schedule_sidebar .single_info_s_icon img { width: 40px; margin: 0 auto; } .schedule_sidebar .single_info_s_icon h5 { color: #232323; font-size: 13px; font-weight: 700; margin-top: 15px; margin-bottom: 5px; } .schedule_sidebar .single_info_s_icon h6 { color: #939393; font-size: 15px; margin: 0px; } @media (max-width: 1200px) { .schedule_sidebar .single_info_s_icon { width: 33.33333%; float: left; } } @media (max-width: 450px) { .schedule_sidebar .single_info_s_icon { width: 50%; } .col-md-10{ margin-left:15px; margin-right:15px;} } @media (max-width: 1200px) { .schedule_sidebar { position: relative; width: auto; height: auto !important; padding-top: 60px; } } /*--------------------------------------- SUBSCRIBE -----------------------------------------*/ .subscribe { background-image: url(../images/background/subscribe.jpg); background-size: cover; font-family: Calibri,Arial,sans-serif; } .subscribe .subscribe_overlay { background-color: rgba(0, 0, 0, 0.8); padding-top: 220px; padding-bottom: 220px; } .subscribe .subscribe_overlay .inner_subscribe h3 { color: #aaaaaa; font-size: 50px; font-weight: 300; margin: 0px; } .subscribe .subscribe_overlay .inner_subscribe h4 { color: #fff; font-size: 50px; font-weight: 700; margin-top: 5px; margin-bottom: 20px; } .subscribe .subscribe_overlay .inner_subscribe form { margin-bottom: 30px; } .subscribe .subscribe_overlay .inner_subscribe form .form-control, .subscribe .subscribe_overlay .inner_subscribe form .form-control:focus { height: 65px; background-color: #1e1e1e; border: 0px; border-radius: 5px; outline: 0; box-shadow: none; text-align: center; } .subscribe .subscribe_overlay .inner_subscribe form .form-control::-webkit-input-placeholder { color: #616161; display: block; text-align: center; font-weight: 400; font-style: italic; } .subscribe .subscribe_overlay .inner_subscribe form .form-control:-moz-placeholder { color: #616161; display: block; text-align: center; font-weight: 400; font-style: italic; } .subscribe .subscribe_overlay .inner_subscribe form .form-control::-moz-placeholder { color: #616161; display: block; text-align: center; font-weight: 400; font-style: italic; } .subscribe .subscribe_overlay .inner_subscribe form .form-control:-ms-input-placeholder { color: #616161; display: block; text-align: center; font-weight: 400; font-style: italic; } @media (max-width: 768px) { .subscribe .subscribe_overlay .inner_subscribe h3 { font-size: 30px; } .subscribe .subscribe_overlay .inner_subscribe h4 { font-size: 30px; } } @media (max-width: 991px) { .subscribe .subscribe_overlay { padding-top: 50px; padding-bottom: 50px; } } /*--------------------------------------- SPEAKERS -----------------------------------------*/ .speakers_area { padding-top: 5px; } .speakers_area .inner_speaker { padding-top: 10px; padding-bottom: 65px; } .speakers_area .inner_speaker .left_information { background-color: #002868; padding: 60px; min-height: 444px; } .speakers_area .inner_speaker .left_information h3 { color: #fff; font-size: 20px; font-family: Calibri,Arial,sans-serif; font-weight: 400; line-height: 32px; margin-bottom: 15px; } .speakers_area .inner_speaker .left_information p { color: #F5F5F5; font-size: 16px; font-weight: 400; font-family: Calibri,Arial,sans-serif; line-height: 30px; margin-bottom: 30px; } .speakers_area .inner_speaker .single_speakers { position: relative; } .speakers_area .inner_speaker .single_speakers img { width: 100%; } .speakers_area .inner_speaker .single_speakers .speakers_overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 174, 218, 0.9); font-family: Calibri,Arial,sans-serif; padding-top: 15px; padding-bottom: 60px; opacity: 0; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .speakers_area .inner_speaker .single_speakers .speakers_overlay h2 { color: #fff; font-size: 16px; font-weight: 900; text-transform: uppercase; margin-top: 0px; margin-bottom: 5px; margin-left:25px; } .speakers_area .inner_speaker .single_speakers .speakers_overlay p { color: #185869; font-size: 16px; font-weight: 400; padding:10px 30px 30px 30px; } .speakers_area .inner_speaker .single_speakers .speakers_overlay ul { margin: 0; color:#fff; padding: 0; margin-left:30px; } .speakers_area .inner_speaker .single_speakers .speakers_overlay ul li{ line-height:20px; color:#FFF; } .speakers_area .inner_speaker .single_speakers .speakers_overlay ul li a { display: inline-block; padding: 5px; } .speakers_area .inner_speaker .single_speakers .speakers_overlay ul li a i { color: #fff; font-size: 14px; } @media (max-width: 1200px) and (min-width: 991px) { .speakers_area .inner_speaker .single_speakers .speakers_overlay { padding-top: 135px; } } @media (max-width: 991px) { .speakers_area .inner_speaker .single_speakers .speakers_overlay { padding-top: 100px; } } @media (max-width: 768px) { .speakers_area .inner_speaker .single_speakers .speakers_overlay { padding-top: 200px; } } @media (max-width: 600px) { .speakers_area .inner_speaker .single_speakers .speakers_overlay { padding-top: 150px; } } @media (max-width: 500px) { .speakers_area .inner_speaker .single_speakers .speakers_overlay { padding-top: 100px; } } .speakers_area .inner_speaker .single_speakers:hover .speakers_overlay { opacity: 1; } @media (max-width: 991px) { .speakers_area .inner_speaker { padding-top: 50px; padding-bottom: 50px; } } .speakers_area .testimonial { background-image: url(../images/background/testimonial.jpg); background-size: cover; } .speakers_area .testimonial .testimonial_overlay { background-color: rgba(0, 0, 0, 0.8); padding-top: 200px; padding-bottom: 200px; } .speakers_area .testimonial .testimonial_overlay .inner_opinion { background-color: #fff; padding: 60px; padding-left: 100px; } .speakers_area .testimonial .testimonial_overlay .inner_opinion h2 { color: #1d1d1d; font-family: Calibri,Arial,sans-serif; font-size: 35px; font-weight: 700; margin-top: 0px; margin-bottom: 10px; } .speakers_area .testimonial .testimonial_overlay .inner_opinion p { color: #939393; font-size: 16px; line-height: 30px; margin: 0px; position: relative; } .speakers_area .testimonial .testimonial_overlay .inner_opinion p span { position: absolute; top: 10px; left: -50px; font-size: 100px; color: #2b2b2b; } .speakers_area .testimonial .testimonial_overlay .inner_opinion h4 { color: #5a5a5a; font-size: 15px; font-weight: 400; font-family: Calibri,Arial,sans-serif; margin-top: 20px; margin-bottom: 0px; } @media (max-width: 768px) { .speakers_area .testimonial .testimonial_overlay .inner_opinion h2 { font-size: 25px; } .speakers_area .testimonial .testimonial_overlay .inner_opinion p { font-size: 14px; } } @media (max-width: 500px) { .speakers_area .testimonial .testimonial_overlay .inner_opinion { padding-left: 50px; } .speakers_area .testimonial .testimonial_overlay .inner_opinion p span { font-size: 50px; left: -25px; } } @media (max-width: 991px) { .speakers_area .testimonial .testimonial_overlay { padding-top: 50px; padding-bottom: 50px; } } @media (max-width: 991px) { .speakers_area { padding-top: 50px; } } /*--------------------------------------- FAQ -----------------------------------------*/ .faq_area { padding-top: 15px; } .faq_area .inner_faq { padding-top: 10px; } .faq_area .inner_faq .single_faq { position: relative; } .faq_area .inner_faq .single_faq .question_icon { background-color: #212121; color: #fff; font-size: 15px; font-family: Calibri,Arial,sans-serif; text-align: center; width: 43px; height: 43px; border-radius: 50%; position: absolute; top: -10px; left: 0; padding-top: 11px; } .faq_area .inner_faq .single_faq h2 { color: #323232; font-size: 18px; font-family: Calibri,Arial,sans-serif; font-weight: 700; margin-top: 0px; margin-bottom: 20px; } .faq_area .inner_faq .single_faq p { color: #868686; font-size: 16px; line-height: 30px; } @media (max-width: 991px) { .faq_area { padding-top: 50px; } .faq_area .inner_faq { padding-top: 50px; } .faq_area .inner_faq .single_faq { margin-bottom: 50px; } } /*--------------------------------------- SPONSER -----------------------------------------*/ .sponser { background-image: url(../images/background/sponser.jpg); background-size: cover; } .sponser .sponser_overlay { background-color: rgba(0, 0, 0, 0.98); padding-top: 115px; padding-bottom: 115px; } .sponser .sponser_overlay .inner_sponser { padding-top: 80px; } .sponser .sponser_overlay .inner_sponser .sponser_link { padding-left: 80px; } .sponser .sponser_overlay .inner_sponser .sponser_link ul { margin: 0; padding: 0; list-style: none; } .sponser .sponser_overlay .inner_sponser .sponser_link ul li a { color: #fff; font-size: 16px; line-height: 45px; text-decoration: none; font-family: Calibri,Arial,sans-serif; text-transform: capitalize; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .sponser .sponser_overlay .inner_sponser .sponser_link ul li a:hover { color: #00aeda; } @media (max-width: 768px) { .sponser .sponser_overlay .inner_sponser .sponser_link { text-align: center; padding-left: 0px; } } @media (max-width: 991px) { .sponser .sponser_overlay { padding-top: 50px; padding-bottom: 50px; } .sponser .sponser_overlay .inner_sponser { padding-top: 50px; } } /*--------------------------------------- PRICING -----------------------------------------*/ .pricing { padding-top: 115px; padding-bottom: 115px; } .pricing .inner_pricing { padding-top: 80px; } .pricing .inner_pricing .single_pricing { border: 1px solid #c9c9c9; border-radius: 4px; padding: 40px; } .pricing .inner_pricing .single_pricing .package_name { padding-bottom: 40px; } .pricing .inner_pricing .single_pricing .package_name h2 { color: package_heading; font-size: 20px; font-weight: 900; font-family: Calibri,Arial,sans-serif; text-transform: uppercase; margin: 0px; } .pricing .inner_pricing .single_pricing ul { margin: 0; padding: 0; list-style: none; padding-bottom: 40px; } .pricing .inner_pricing .single_pricing ul li { color: #929292; font-size: 13px; font-weight: 700; line-height: 40px; font-family: Calibri,Arial,sans-serif; } .pricing .inner_pricing .single_pricing .recomend { border: 1px solid #00aeda; } @media (max-width: 768px) { .pricing .inner_pricing .single_pricing { margin-bottom: 30px; } } @media (max-width: 991px) { .pricing { padding-top: 50px; padding-bottom: 50px; } .pricing .inner_pricing { padding-top: 50px; } } @media (max-width: 768px) { .pricing { padding-bottom: 20px; } } /*--------------------------------------- REGISTER -----------------------------------------*/ .register_area { background-image: url(../images/background/register.jpg); background-size: cover; font-family: Calibri,Arial,sans-serif; } .register_area .register_overlay { background-color: rgba(0, 174, 218, 0.9); padding-top: 80px; padding-bottom: 80px; } .register_area .register_overlay .registration_title h2 { color: #fff; font-size: 35px; font-weight: 700; margin-top: 0px; margin-bottom: 10px; } .register_area .register_overlay .registration_title p { color: #e0f9ff; font-size: 15px; font-weight: 700; text-transform: uppercase; margin: 0px; } .register_area .register_overlay .form { padding-top: 35px; } .register_area .register_overlay .form .btn { margin-top: 30px; } .register_area .register_overlay .form .form-group .form-control, .register_area .register_overlay .form .form-group .form-control:focus { height: 65px; background-color: #1789a6; border-radius: 4px; border: 0px; box-shadow: none; outline: 0; padding: 20px; color: #fff; font-weight: 700; font-size: 13px; } .register_area .register_overlay .form .form-group .form-control::-webkit-input-placeholder { color: #fff; font-size: 13px; font-weight: 700; text-transform: uppercase; } .register_area .register_overlay .form .form-group .form-control:-moz-placeholder { color: #fff; font-size: 13px; font-weight: 700; text-transform: uppercase; } .register_area .register_overlay .form .form-group .form-control::-moz-placeholder { color: #fff; font-size: 13px; font-weight: 700; text-transform: uppercase; } .register_area .register_overlay .form .form-group .form-control:-ms-input-placeholder { color: #fff; font-size: 13px; font-weight: 700; text-transform: uppercase; } @media (max-width: 991px) { .register_area .register_overlay { padding-top: 50px; padding-bottom: 50px; } } /*--------------------------------------- BLOG -----------------------------------------*/ .recent_blog_area { padding-top: 0px; } .recent_blog_area .inner_recent_blog { font-family: Calibri,Arial,sans-serif; padding-top: 0px; padding-bottom: 0px; } @media (max-width: 991px) { .recent_blog_area { padding-top: 50px; } .recent_blog_area .inner_recent_blog { padding-top: 50px; } } .single_recent_blog { position: relative; } .single_recent_blog img { width: 100%; } .single_recent_blog .recent_blog_overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); } .single_recent_blog .recent_blog_overlay .recent_blog_info { position: absolute; bottom: 0; left: 50px; bottom: 40px; } .single_recent_blog .recent_blog_overlay .recent_blog_info h2 { margin-top: 0px; margin-bottom: 25px; } .single_recent_blog .recent_blog_overlay .recent_blog_info h2 a { color: #fff; font-size: 23px; font-weight: 700; text-decoration: none; } @media (max-width: 400px) { .single_recent_blog .recent_blog_overlay .recent_blog_info h2 a { font-size: 20px; } } @media (max-width: 1024px) { .container { max-width:900px; } } .single_recent_blog .recent_blog_overlay .recent_blog_info .readmore, .single_recent_blog .recent_blog_overlay .recent_blog_info .readmore:active, .single_recent_blog .recent_blog_overlay .recent_blog_info .readmore:focus, .single_recent_blog .recent_blog_overlay .recent_blog_info .readmore:visited { color: #fff; font-size: 13px; font-weight: 700; border: 2px solid #fff; padding: 15px 25px; border-radius: 0px; border-radius: 4px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .single_recent_blog .recent_blog_overlay .recent_blog_info .readmore:hover { background-color: #00aeda; border: 2px solid #00aeda; } .contact_content { margin-top: -80px; background:#FFFFFF; margin-left:25px; margin-right:25px; } .inner_content { padding-top: 50px; background:#FFFFFF; } .inner_content img { width: 100%; } .inner_content h2 { margin-top: 0px; margin-bottom: 30px; font-family: Calibri,Arial,sans-serif; font-size: 25px; font-weight:700; } .inner_content h3 { margin-top: 20px; margin-bottom: 10px; font-family: Calibri,Arial,sans-serif; font-family: Calibri,Arial,sans-serif; color: #002868; font-size: 18px; font-weight:200; } .inner_content h2 a { text-decoration: none; color: #4f4f4f; font-size: 20px; font-weight: 400; } .inner_content h4 { margin-top: 0px; margin-bottom: 20px; color: #666; font-size: 18px; font-weight: 400; font-family: Calibri,Arial,sans-serif; } .inner_content h4 a { color: #9f9f9f; font-size: 13px; font-weight: 700; text-decoration: none; } .inner_content p { color: #000; font-size: 15px; font-family: Calibri,Arial,sans-serif; line-height: 22px; font-weight: 300; } .inner_content li { color: #222; font-size: 15px; font-family: Calibri,Arial,sans-serif; line-height: 22px; font-weight: 300; } .inner_content h5 { color: #00aeda; font-size: 16px; font-family: Calibri,Arial,sans-serif; line-height: 26px; font-weight: 500; } .inner_content blockquote { border-left: 5px solid #00aeda; } .inner_content blockquote p { color: #787878; font-size: 20px; font-weight: 400; font-family: Calibri,Arial,sans-serif; font-style: italic; } .blog_single_comment { padding-top: 50px; padding-bottom: 50px; border-bottom: 1px solid #d6d6d6; } .blog_single_comment .media .media-left { padding-right: 30px; } .blog_single_comment .media .media-left img { border-radius: 50%; width: 80px; height: 80px; } .blog_single_comment .media .media-body h4 { margin-top: 0px; margin-bottom: 15px; } .blog_single_comment .media .media-body h4 a { color: #3e3e3e; font-size: 13px; font-family: Calibri,Arial,sans-serif; font-weight: 700; text-decoration: none; text-transform: uppercase; } .blog_single_comment .media .media-body p { color: #6d6d6d; font-size: 15px; font-weight: 400; font-family: Calibri,Arial,sans-serif; margin: 0px; } .comment_form { padding-top: 80px; } .comment_form h2 { color: #565656; font-size: 20px; font-family: Calibri,Arial,sans-serif; font-weight: 400; text-transform: uppercase; margin: 0px; } .comment_form form { padding-top: 40px; } .comment_form form .form-group label { color: #383838; font-size: 13px; font-weight: 400; font-family: Calibri,Arial,sans-serif; } .comment_form form .form-group label span { color: #ff2b2b; } .comment_form form .form-group .form-control, .comment_form form .form-group .form-control:focus { border: 1px solid #bebebe; height: 60px; border-radius: 4px; box-shadow: none; outline: 0; } .comment_form form .form-group .form-control#Comment { height: 165px; } .comment_form form .btn { margin-top: 20px; } .blog_page_content { padding-top: 50px; background:#FFFFFF; margin-left:25px; margin-right:25px; } .blog_page_content h2{ margin-top:0px; font-family: Calibri,Arial,sans-serif; } .blog_page_content .single_blog_post { margin-bottom: 70px; } .blog_page_content .single_blog_post img { width: 100%; } .blog_page_content .single_blog_post h2 { margin-top: 30px; margin-bottom: 10px; font-family: Calibri,Arial,sans-serif; color:#002868; font-size:18px; } .blog_page_content .single_blog_post h2 a { text-decoration: none; color: #4f4f4f; font-size: 20px; font-weight: 400; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .blog_page_content .single_blog_post h2 a:hover { color: #00aeda; } .blog_page_content .single_blog_post h4 { margin-top: 0px; margin-bottom: 30px; color: #9f9f9f; font-size: 13px; font-weight: 700; font-family: Calibri,Arial,sans-serif; } .blog_page_content .single_blog_post h4 a { color: #9f9f9f; font-size: 13px; font-weight: 700; text-decoration: none; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .blog_page_content .single_blog_post h4 a:hover { color: #00aeda; } .blog_page_content .single_blog_post p { color: #222; font-size: 14px; font-family: Calibri,Arial,sans-serif; line-height: 30px; font-weight: 300; text-align:justify; } .blog_page_content .pagination li.active a { background-color: #00aeda; } .blog_page_content .pagination li a { margin-left: 4px; margin-right: 4px; background-color: #1d1d1d; border: 0px; padding: 7px 12px; color: #fff; border-radius: 4px; font-weight: 700; font-family: Calibri,Arial,sans-serif; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .blog_page_content .pagination li a:hover { background-color: #00aeda; } .sidebar .widget { margin-bottom: 50px; } .sidebar .widget blockquote{ font-size:10px; line-height:20em; } .sidebar .widget h2 { font-family: Calibri,Arial,sans-serif; color: #363636; font-size: 14px; font-weight: 700; text-transform: uppercase; margin: 0px; border-bottom: 1px solid #e2e2e2; padding-bottom: 15px; letter-spacing: 1px; margin-top:20px; } .sidebar .widget.search form { position: relative; } .sidebar .widget.search form .form-control, .sidebar .widget.search form .form-control:focus { box-shadow: none; height: 80px; border: 1px solid #d1d1d1; border-radius: 0px; box-shadow: none; padding: 30px; } .sidebar .widget.search form .form-control::-webkit-input-placeholder { color: #9c9c9c; font-size: 15px; font-family: Calibri,Arial,sans-serif; font-weight: 400; } .sidebar .widget.search form .form-control:-moz-placeholder { color: #9c9c9c; font-size: 15px; font-family: Calibri,Arial,sans-serif; font-weight: 400; } .sidebar .widget.search form .form-control::-moz-placeholder { color: #9c9c9c; font-size: 15px; font-family: Calibri,Arial,sans-serif; font-weight: 400; } .sidebar .widget.search form .form-control:-ms-input-placeholder { color: #9c9c9c; font-size: 15px; font-family: Calibri,Arial,sans-serif; font-weight: 400; } .sidebar .widget.search form .src_btn, .sidebar .widget.search form .src_btn:active, .sidebar .widget.search form .src_btn:hover, .sidebar .widget.search form .src_btn:focus, .sidebar .widget.search form .src_btn:visited { position: absolute; top: 20px; right: 0px; padding-right: 30px; font-size: 15px; background-color: transparent; border: 0px; box-shadow: none; outline: 0; color: #444444; } .sidebar .widget.categories ul { margin: 0; padding: 0; list-style: none; padding-top: 10px; } .sidebar .widget.categories ul li a { color: #878787; font-size: 12px; font-weight: 400; font-family: Calibri,Arial,sans-serif; text-decoration: none; display: block; line-height: 30px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .sidebar .widget.categories ul li a:hover { color: #00aeda; } .sidebar .widget.recent_post ul { margin: 0; padding: 0; list-style: none; padding-top: 30px; } .sidebar .widget.recent_post ul li { margin-bottom: 40px; } .sidebar .widget.recent_post ul li .media .media-body h4 { margin: 0px; } .sidebar .widget.recent_post ul li .media .media-body h4 a { color: #363636; font-size: 15px; font-weight: 400; font-family: Calibri,Arial,sans-serif; text-decoration: none; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .sidebar .widget.recent_post ul li .media .media-body h4 a:hover { color: #00aeda; } .sidebar .widget.recent_post ul li .media .media-body p { color: #a7a7a7; font-size: 12px; font-weight: 400; font-family: Calibri,Arial,sans-serif; margin-top: 5px; margin-bottom: 0px; } .sidebar .widget.recent_comment ul { margin: 0; padding: 0; list-style: none; padding-top: 30px; } .sidebar .widget.recent_comment ul li { margin-bottom: 40px; } .sidebar .widget.recent_comment ul li .media .media-body h4 { margin: 0px; line-height: 24px; } .sidebar .widget.recent_comment ul li .media .media-body h4 a { color: #363636; font-size: 15px; font-weight: 400; font-family: Calibri,Arial,sans-serif; text-decoration: none; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .sidebar .widget.recent_comment ul li .media .media-body h4 a:hover { color: #00aeda; } .sidebar .widget.recent_comment ul li .media .media-body h6 { color: #a7a7a7; font-size: 12px; font-weight: 400; font-family: Calibri,Arial,sans-serif; margin-top: 5px; margin-bottom: 0px; } .sidebar .widget.recent_comment ul li .media .media-body h6 a { color: #a7a7a7; text-decoration: none; } .sidebar .widget.tag ul { margin: 0; padding: 0; list-style: none; padding-top: 30px; } .sidebar .widget.tag ul li { display: inline; } .sidebar .widget.tag ul li a { display: inline-block; color: #fff; font-size: 11px; font-weight: 400; font-family: Calibri,Arial,sans-serif; background-color: #1f1f1f; padding: 10px; text-decoration: none; text-transform: uppercase; margin-right: 7px; margin-bottom: 7px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .sidebar .widget.tag ul li a:hover { background-color: #00aeda; } .sidebar .widget.twitter_wid ul { margin: 0; padding: 0; list-style: none; padding-top: 30px; } .sidebar .widget.twitter_wid ul li { padding-left: 40px; position: relative; margin-bottom: 40px; } .sidebar .widget.twitter_wid ul li i { position: absolute; top: 0; left: 0; font-size: 20px; color: #5d5d5d; } .sidebar .widget.twitter_wid ul li h6 { margin: 0px; color: #b5b5b5; font-size: 13px; font-style: italic; font-family: Calibri,Arial,sans-serif; } .sidebar .widget.twitter_wid ul li h3 { margin-top: 10px; margin-bottom: 10px; } .sidebar .widget.twitter_wid ul li h3 a { color: #595959; font-size: 15px; font-weight: 400; font-family: Calibri,Arial,sans-serif; text-decoration: none; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .sidebar .widget.twitter_wid ul li h3 a:hover { color: #00aeda; } .sidebar .widget.twitter_wid ul li h5 a { color: #9d9d9d; font-size: 15px; font-weight: 400; text-decoration: none; font-family: Calibri,Arial,sans-serif; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .sidebar .widget.twitter_wid ul li h5 a:hover { color: #00aeda; } /*--------------------------------------- CONTACT -----------------------------------------*/ .contact_us { padding-top: 115px; padding-bottom: 100px; font-family: Calibri,Arial,sans-serif; } @media (max-width: 991px) { .contact_us { padding-top: 50px; padding-bottom: 50px; } } .map_area { position: relative; margin-top: 80px; } .map_area #map { height: 580px; z-index: 1; } .map_area .map_info { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .map_area .map_info .map_address { background-color: #00aeda; padding: 50px 30px; border-radius: 4px; margin-top: 90px; position: relative; z-index: 2; } .map_area .map_info .map_address p { color: #94e9ff; font-size: 15px; font-weight: 400; line-height: 30px; margin-top: 25px; } @media (max-width: 991px) { .map_area { margin-top: 50px; } } .social_area .social_item { padding-top: 35px; padding-bottom: 35px; text-align: center; } .social_area .social_item .btn_social, .social_area .social_item .btn_social:hover, .social_area .social_item .btn_social:focus, .social_area .social_item .btn_social:active, .social_area .social_item .btn_social:visited { background-color: transparent; border: 2px solid #fff; color: #fff; font-size: 13px; font-weight: 700; letter-spacing: 5px; border-radius: 0px; width: 320px; padding: 15px; } @media (max-width: 1366px) { .social_area .social_item .btn_social, .social_area .social_item .btn_social:hover, .social_area .social_item .btn_social:focus, .social_area .social_item .btn_social:active, .social_area .social_item .btn_social:visited { width: 250px; } } @media (max-width: 1200px) { .social_area .social_item .btn_social, .social_area .social_item .btn_social:hover, .social_area .social_item .btn_social:focus, .social_area .social_item .btn_social:active, .social_area .social_item .btn_social:visited { width: 200px; } } @media (max-width: 991px) { .social_area .social_item .btn_social, .social_area .social_item .btn_social:hover, .social_area .social_item .btn_social:focus, .social_area .social_item .btn_social:active, .social_area .social_item .btn_social:visited { width: 160px; padding: 12px; font-size: 10px; } } .social_area .social_item.facebook_area { background-color: #3b5998; } .social_area .social_item.twitter_area { background-color: #00aced; } .social_area .social_item.g_plus_area { background-color: #181818; } .social_area .social_item.youtube_area { background-color: #fe3232; } .contact_form { padding-top: 10px; } .contact_form .contact_text { padding-bottom: 55px; } .contact_form form .form-group .form-control, .contact_form form .form-group .form-control:focus { background-color: #e6e6e6; height: 40px; border-radius: 4px; box-shadow: none; border: 0px; outline: 0; padding: 10px 10px; } .contact_form form .form-group .form-control::-webkit-input-placeholder { color: #313131; font-size: 13px; font-weight: 300; } .contact_form form .form-group .form-control:-moz-placeholder { color: #313131; font-size: 13px; font-weight: 300; } .contact_form form .form-group .form-control::-moz-placeholder { color: #313131; font-size: 13px; font-weight: 300; } .contact_form form .form-group .form-control:-ms-input-placeholder { color: #313131; font-size: 13px; font-weight: 300; } .contact_form form .form-group .form-control#Message { height: 120px; resize: none; } @media (max-width: 991px) { .contact_form { padding-top: 50px; } .contact_form .contact_text { padding-bottom: 30px; } } /*--------------------------------------- FOOTER -----------------------------------------*/ footer { background-color: #002868; font-family: Calibri,Arial,sans-serif; padding-top: 10px; padding-bottom: 15px; } footer .footer_top { padding-bottom: 60px; } footer .footer_top p { color: #b5b5b5; font-size: 15px; font-weight: 400; margin-top: 45px; margin-bottom: 0px; } footer .footer_top p a { color: #44c4ff; text-decoration: none; } footer .footer_top .footer_subscribe h2 { color: #fff; font-size: 18px; font-weight: 400; margin-top: 30px; margin-bottom: 20px; } footer .footer_top .footer_subscribe form { width: 300px; margin: 0 auto; } footer .footer_top .footer_subscribe form .form-control, footer .footer_top .footer_subscribe form .form-control:focus { width: 190px; float: left; padding-left: 30px; background-color: #202020; border: 0px; border-radius: 0px; height: 50px; box-shadow: none; outline: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } footer .footer_top .footer_subscribe form .form-control::-webkit-input-placeholder { color: #c0c0c0; font-size: 13px; font-family: Calibri,Arial,sans-serif; font-style: italic; } footer .footer_top .footer_subscribe form .form-control:-moz-placeholder { color: #c0c0c0; font-size: 13px; font-family: Calibri,Arial,sans-serif; font-style: italic; } footer .footer_top .footer_subscribe form .form-control::-moz-placeholder { color: #c0c0c0; font-size: 13px; font-family: Calibri,Arial,sans-serif; font-style: italic; } footer .footer_top .footer_subscribe form .form-control:-ms-input-placeholder { color: #c0c0c0; font-size: 13px; font-family: Calibri,Arial,sans-serif; font-style: italic; } footer .footer_top .footer_subscribe form .sb_btn, footer .footer_top .footer_subscribe form .sb_btn:active, footer .footer_top .footer_subscribe form .sb_btn:focus, footer .footer_top .footer_subscribe form .sb_btn:visited { width: 110px; float: left; background-color: #131313; height: 50px; color: #c0c0c0; font-size: 13px; font-family: Calibri,Arial,sans-serif; border-radius: 0px; box-shadow: none; outline: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } footer .footer_top .footer_subscribe form .sb_btn:hover { background-color: #00aeda; color: #fff; } footer .footer_bottom { padding-top: 15px; font-family: Calibri,Arial,sans-serif; } footer .footer_bottom .left_copyright_text p { color: #e3e3e3; font-size: 13px; margin-bottom: 0px; } @media (max-width: 768px) { footer .footer_bottom .left_copyright_text { text-align: center; padding-bottom: 30px; } } footer .footer_bottom .right_copyright_text { text-align: right; } footer .footer_bottom .right_copyright_text p { color: #7c7c7c; font-size: 13px; margin-bottom: 0px; } footer .footer_bottom .right_copyright_text p a { text-decoration: none; color: #7c7c7c; } @media (max-width: 768px) { footer .footer_bottom .right_copyright_text { text-align: center; } } @media (max-width: 991px) { footer { padding-top: 50px; padding-bottom: 50px; } footer .footer_top { padding-bottom: 50px; } } .social {list-style:none; float:right;} .social ul { float: right; padding: 0px; margin: 0px 10px 0px 0px; padding: 12px 0px; color:#FFF; } .social li { float: left; padding: 0px; margin: 0px 16px 0px 0px; } .social li a { float: left; color: #f5f5f5; font-size: 13px; border-radius: 100%; text-align: center; vertical-align: middle; transition: all 0.3s ease; margin-right: 0px; } .social li a:hover { color: #00aeda; } .quote{font-size:18px; line-height:26px; padding:20px 0px 20px 0px; font-family: Calibri,Arial,sans-serif; } .quote-source{font-size:12px; margin:0px; padding:0px; font-style:italic; font-family: Calibri,Arial,sans-serif; } .consulting_box { margin:0px; padding:0px; margin-bottom:10px;} .consulting_box .txt{background:#d5dce8; padding:5px 15px 5px 15px; line-height:15px; min-height:115px;} .consulting_box .txt li{margin-left:-20px;} .consulting_box h5{background:#4f81bd; margin:0px; padding:5px 15px 5px 15px; color:#fff;} .delivery_box { margin:0px; padding:0px; margin-bottom:10px; opacity: 0.7; filter: alpha(opacity=70); /* For IE8 and earlier */} .delivery_box .txt{background:#d5dce8; padding:5px 15px 5px 15px; line-height:15px; min-height:150px;} .delivery_box .txt li{margin-left:-20px;} .delivery_box h5{background:#4f81bd; margin:0px; padding:5px 15px 5px 15px; color:#fff;} .outsourcing_box { margin:0px; padding:0px; margin-bottom:25px;} .outsourcing_box .txt{background:#d5dce8; padding:5px 15px 5px 15px; line-height:15px; min-height:200px;} .outsourcing_box .txt li{margin-left:-20px;} .outsourcing_box h5{background:#4f81bd; margin:0px; padding:5px 15px 5px 15px; color:#fff;} .careers_box { margin:0px; padding:0px; margin-bottom:25px;} .careers_box .txt{background:#d5dce8; padding:5px 15px 5px 15px; line-height:15px;} .careers_box .txt li{margin-left:-20px;} .careers_box h5{background:#4f81bd; margin:0px; padding:5px 15px 5px 15px; color:#fff;} .cp_box { margin:0px; padding:0px; margin-bottom:25px;} .cp_box .cp_box1{background:#d5dce8; padding:5px 15px 5px 15px; line-height:15px; min-height:200px;} .cp_box h5{background:#4f81bd; margin:0px; padding:5px 15px 5px 15px; color:#fff;}