@charset "utf-8"; /* Theme Name: Logistic Theme URI: http://logistic.freevision.me/ Author: freevision Author URI: http://themeforest.net/user/freevision/portfolio Description: Logistic is a premium responsive Wordpress theme created especially for logistic & transportation companies, offices. Version: 5.7 Text Domain: logistic Domain Path: /lang License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready */ /** * Built on the Whiteboard Framework * http://whiteboardframework.com */ /*------------------------------------------------------------------ [Table of contents] 1 - Resets 2 - Typography presets 3 - Mono social icon font 4 - Default layout 5 - If is admin bar active 6 - General styles 7 - Layout styles 8 - Centered content margins 9 - Comment form 10 - Comments 11 - Author page 12 - Author page 13 - Next & previous post arrows 14 - Pagination 15 - Featured image 16 - Tooltipsy tooltip 17 - Google maps background 18 - To top button 19 - Wordpress overrides and fixes 20 - Search Form - Search Icon 21 - Search Page 22 - Masonry Gallery Page Template 23 - Sidr - Side Menu 24 - Mobile Menu 25 - Video background 26 - Youtube background 27 - Widgets 28 - Contact Form 7 29 - Essentials Grid 30 - Revolution Slider 31 - CSS3 Waypoint Animations 32 - Parallax Row 33 - Full Width Page Centered Content & Parallax Stuff 34 - Visual Composer Overrides ** Components (Shortcodes) ** 35 - Separator 36 - Tabs 37 - Accordion 38 - Call to action 39 - Map 40 - Single Image 41 - Tour Section 42 - Flexslider 43 - Icon 44 - Custom List 45 - Clean Slider 46 - Team Member 47 - Divider 48 - Title With Icon 49 - Testimonials Slider 50 - Owl Carousel 51 - Morph Text 52 - Master Slider 54 - Mail Chimp 55 - Grid Gallery Page Template 57 - Row Slider (full page) 58 - 404 & Countdown Template 59 - Misc Page Templates 60 - Anything Wrapper 2 61 - Flip Box 62 - Fancybox 63 - Fancy Post Accordion 64 - Colored Content Box 65 - Image Box With Caption 66 - Fancy Image Box 67 - Horizontal Menu 68 - Responsive Definitions 69 - Animate.css -------------------------------------------------------------------*/ /** * Resets */ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figure,figcaption,hgroup,menu,header,footer,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0}article,aside,canvas,figure,figure img,figcaption,hgroup,footer,header,nav,section,audio,video{display:block}a img{border:0}figure{position:relative}figure img{width:100%} /* Typography presets ------------------ */ abbr, acronym{ border-bottom: 1px dotted; cursor: help; font-variant: small-caps; } address,cite,em,i{font-style: italic;} a, #side-nav-bar a>i { -webkit-transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; text-decoration: none; outline: none; } a:active, a:focus {text-decoration: underline;} a[href^=tel]{/*prevent blue mobile safari phone number*/ color:inherit; text-decoration:none; } /** * Mono social icon font */ @font-face { font-family: 'Mono Social Icons Font'; src: url('font/mono/MonoSocialIconsFont-1.10.eot'); src: url('font/mono/MonoSocialIconsFont-1.10.eot?#iefix') format('embedded-opentype'), url('font/mono/MonoSocialIconsFont-1.10.woff') format('woff'), url('font/mono/MonoSocialIconsFont-1.10.ttf') format('truetype'), url('font/mono/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont') format('svg'); src: url('font/mono/MonoSocialIconsFont-1.10.ttf') format('truetype'); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'Mono Social Icons Font'; src: url('font/mono/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont') format('svg'); } } span.symbol, a.symbol:before { font-family: 'Mono Social Icons Font'; -webkit-text-rendering: optimizeLegibility; -moz-text-rendering: optimizeLegibility; -ms-text-rendering: optimizeLegibility; -o-text-rendering: optimizeLegibility; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; } /** * Default layout */ .container{overflow: hidden;} #content { width: 508px; /* 5 columns */ margin: 0; overflow: hidden; } #content.no-sidebar {width: 100%;} body.single-post #content.no-sidebar {width: 100%;} #sidebar { width: 184px; /* 3 columns */ float: right; margin: 0; padding: 20px; overflow: hidden; } ::selection {background: #c6d8cd;} ::-moz-selection {background: #c6d8cd;} img::selection {background: transparent;} img::-moz-selection {background: transparent;} /** * If is admin bar active */ body.admin-bar #header{margin-top:32px;} #wpadminbar{ -webkit-backface-visibility:hidden !important; backface-visibility:hidden !important; } /** * General styles */ .serif,cite,blockquote { font-family: 'times new roman', palatino,palatino linotype,georgia,times,serif; font-weight: normal; } .post h2,.post h3,.post h4,.post h5,.post h6 {margin: 12px 0 12px 0;} .monospace,var,code {font-family: courier new, courier, monospace;} .amp { font-style: italic; font-family: baskerville,palatino,palatino linotype,book antiqua,georgia,times,times new roman,serif; font-weight: normal; } a:link {} a:visited {text-decoration: underline !important;} a:hover,a:active {text-decoration: underline;} .post-content ul, .post-content ol {padding-left: 24px;} .post-content, .page-content {word-wrap: break-word;} input[type='number'] {-moz-appearance:textfield;} input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;} input, textarea, select { border: none; padding: 12px 30px; outline: none; -webkit-transition: all .2s; transition: all .2s; resize: none; } #request-a-rate input[type=submit], #content input[type=submit] { text-transform:uppercase; letter-spacing:2px; border-radius:30px; } #request-a-rate input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]), #request-a-rate textarea, #request-a-rate select, #content input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]), #content textarea, #content select, #sidebar input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]), #sidebar textarea, #sidebar select { text-transform:uppercase; letter-spacing:2px; border-bottom: 2px solid #dedede; padding: 8px 0; margin:0; width:100%; } input:hover, textarea:hover, input:focus, textarea:focus {} textarea { min-height: 150px; width: 100%; } blockquote:before { font-family: 'ozythemes'; content:"\e4c6"; font-style: normal; font-weight: normal; text-decoration: inherit; position: absolute; top: 20px; left: 20px; } blockquote { text-align: justify; padding: 20px 20px 20px 60px; font-size: 30px; line-height: 37px; position: relative; border: 1px solid #dedede; margin: 20px; } blockquote p {padding: 0 !important;} blockquote p:first-letter blockquote:first-letter { font-size: 24px; padding-right: 1px; } blockquote cite {font-size: 20px;} .post-excerpt-quote blockquote { border: none !important; margin: 0 !important; padding: 0 0 0 20px !important; } .post-excerpt-quote blockquote p {padding: inherit !important;} .post-excerpt-quote blockquote:before { top: 0 !important; left: 0 !important; } /** * Layout styles */ *, *:after { -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } body { margin: 0; min-width: 100%; height: 100%; -webkit-backface-visibility: hidden; -ms-overflow-x:hidden; } /* if logged in and admin bar visible, add 32px top margin */ body.logged-in.admin-bar #main #header {margin-top: 32px !important;} /* Jetpack fix. bringing serious issues in chrome if you keep it visible */ #wpstats {display: none !important;} /** * Centered content margins */ #main>.container { overflow: auto; position: relative; z-index: 1; margin:0 auto; } body.single #main>.container #content, body.single #main>.container #sidebar, body.has-page-title #main>.container {padding-top: 35px;} body.single #main>.container {padding-top: 0;} body.single #main>.container #content.has-super-header, body.single #main>.container #sidebar.has-super-header{padding-top: 25px;} #title { display:block; float:left; position: relative; z-index: 1; } #title>a { height: 100%; display: inline-block; vertical-align: middle; } #title img { vertical-align: middle !important; max-width: 100% !important; } #content {position: relative;} .page-content img, .page-content .wp-caption, .post-content img, .post-content .wp-caption, #content img[class^="wp-image"] { max-width: 100%; height: auto; } #page-title-wrapper {position: relative;} #page-title-wrapper>div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); width: 100%; } .page-title {font-weight: 300 !important;} .page-title a {text-decoration: none;} #widget-alert { background: #C6D8CD; border: 1px #5b816a solid; padding: 24px; margin-bottom: 24px; } .page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6, .post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {margin: 6px 0;} .page-content p:empty,.post-content p:empty {display: none;} #content iframe {max-width:100%} .page-content [class^="embed-"], .post-content [class^="embed-"] {max-width: 100%;} .left-sidebar .page-content [class^="embed-"]>iframe[class*="-player"], .left-sidebar .post-content [class^="embed-"]>iframe[class*="-player"], .right-sidebar .page-content [class^="embed-"]>iframe[class*="-player"], .right-sidebar .post-content [class^="embed-"]>iframe[class*="-player"], .right-sidebar .page-content iframe[src*="//player.vimeo"], .right-sidebar .post-content iframe[class*="//player.vimeo"] { max-width: 100%; height: 420px; } .page-content [class^="embed-"]>iframe[class*="-player"], .post-content [class^="embed-"]>iframe[class*="-player"], .right-sidebar .page-content iframe[src*="//player.vimeo"], .right-sidebar .post-content iframe[class*="//player.vimeo"] { max-width: 100%; height: 520px; } #sidebar {padding: 0;} body.no-page-title #sidebar {margin-top:36px;} #sidebar.left-sidebar {float: left;} #sidebar .widget {margin-bottom: 20px;} #footer-widget-bar ul, #footer-widget-bar li, #sidebar ul, #sidebar li { padding: 0; margin: 0 ; list-style: none; -webkit-transition: all .2s; transition: all .2s; } #sidebar .widget>h4{ margin-bottom:20px !important; padding-bottom:20px !important; border-bottom: 1px solid #dedede; } #sidebar .widget {margin-bottom: 30px !important;} #footer-widget-bar li { padding: 5px 0 5px 0; } #sidebar .widget li { border-bottom: 1px solid #dedede; padding: 8px 0 8px 0; } #footer-widget-bar .widget li:first-child, .widget ul:first-child>li:first-child, #sidebar .widget li:first-child {padding-top: 0 !important;} #footer-widget-bar .children, #sidebar .children {padding-left: 10px;} #footer-widget-bar .children .children, #sidebar .children .children {padding-left: 10px;} #footer-widget-bar *:not(input), #footer *:not(input) { font-size:12px; } #footer { clear: both; z-index: 3; border-top:1px solid #444444; } #footer footer { height: 100%; line-height: 40px; } #footer .container { padding: 0; overflow:inherit !important; } #footer .container>div { width: 50%; overflow: hidden; float:left; } #footer .top-social-icons>a { height:100% !important; width:50px !important; } #footer .top-social-icons>a>span { font-size:45px !important; opacity:.5; } #footer .top-social-icons>a:hover>span { opacity:1; } div.top-social-icons { display:inline-block; text-align:right; float:right; } div.top-social-icons>a:first-child{border-left:1px solid #dedede;} div.top-social-icons>a { display: inline-block; font-size: 28px !important; line-height: 28px !important; text-align:center !important; font-weight:300 !important; text-decoration: none !important; overflow: hidden; width:30px; height:29px; /*1px smallar to prevent line conflict with parent*/ border-right:1px solid #dedede; } div.top-social-icons>a>span, div#social-icons>a>span { -webkit-transition: all .4s; transition: all .4s; } #footer-content {padding: 20px;} #footer-widget-bar { padding-top: 4px; padding-bottom: 4px; } #footer-widget-bar>.container { padding-left:16px; padding-right:16px; } #footer-widget-bar>.container>section { width: 25%; position: relative; padding:50px 20px 0 20px; float: left; } #footer-widget-bar>.container>section>div.widget {padding-bottom:50px;} #footer-widget-bar>.container>section>div.widget>div.separator { margin:0 auto 50px auto; width:90%; height:1px; border-bottom:1px solid #dedede; } #footer-widget-bar>.container>section>div.widget:first-child>div.separator {display:none;} #footer-widget-bar>.container>section>div.separator { position:absolute; right:-10px; top:0; margin:0 10px; border-right:1px solid #dedede; width:1px; height:100%; } #footer-widget-bar>.container>section:nth-child(3){clear: right;} #footer-widget-bar>.container>section>div.widget>h4, #footer-widget-bar>.container>section>div.widget h4.footer-widget-title {margin-bottom:20px;} #footer-widget-bar>.container>section>div.widget>span.line { display: block; border: 1px solid red; width: 40px; position: relative; margin-top: -17px; margin-bottom: 27px; } #footer-widget-bar>.container>section>div.widget>#mc_signup { margin:0 auto !important; } #footer-widget-bar>.container>section>div.widget>#mc_signup .mc_merge_var {margin-bottom:3px !important;} #footer-widget-bar>.container>section>div.widget>#mc_signup form {margin-bottom:0 !important;} /** * Request A Rate Form */ #request-a-rate { background-color:rgba(255,255,255,1.00); z-index:999; position:fixed; top:-100%; left:0; width:100%; height:100%; padding:35px; overflow:auto; } #request-a-rate>div { margin:0 auto; max-width:1170px; } #request-a-rate>a.close { position:absolute; display:block; top:35px; right:35px; width:48px; height:48px; line-height:48px; font-size:48px; font-weight:700; border:1px solid #000; color:#000; text-align:center; border-radius:50%; text-decoration:none; } #request-a-rate>a.close>i{margin-left:-1px;} /** * Tracking Form */ #header #freevision_tracker_form { display:block; position:absolute; right: 15px; max-height:0 !important; min-height:0 !important; border:1px solid #d3d3d3 !important; background-color:#fff; opacity:0; overflow:hidden; z-index:-10000; -webkit-box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.05); -moz-box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.05); box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.05); transition: all .5s ease; } #header #freevision_tracker_form tbody { display: inherit; margin: 20px; } #header #freevision_tracker_form {max-width: 350px;} body.tracker-form-open #header #freevision_tracker_form { max-height:400px !important; opacity:1; z-index:10000; } #header #freevision_tracker_form label { display:inline-block; padding:20px 0 10px 0; } body.tracker-form-open #header #freevision_tracker_form { margin-top:85px; } #header #freevision_tracker_form * { /*font-size:14px !important;*/ } #freevision_tracker_id_field { margin-bottom:10px; border-bottom: 2px solid currentColor; padding-left: 0 !important; padding-right: 0 !important; } #freevision_tracker_id_field, #freevision_tracker_query_button{ width:100%; } #freevision_tracker_query_button{cursor:pointer;} #freevision_tracker_id_field {padding-bottom:10px;} @media only screen and (max-width: 768px) and (min-width: 480px) { /*479*/ #freevision_tracker_form { transform:scale(0.50); -webkit-transform:scale(0.50); transform-origin:0 0; -webkit-transform-origin:0 0; } } @media only screen and (max-width: 479px) { #freevision_tracker_form.freevision-tracker-form-shortcode tbody {padding: 40px 20px;} } @media only screen and (min-width: 1025px) { li.menu-item-use-custom + li.menu-item-use-custom { margin-left: 17px; } } /** * Comment form */ form {margin-bottom: 1.5em;} #commentform, #comments-form form { clear: both; margin-top: 12px; } #commentform .half-input input, #comments-form form .half-input input, #comments-form form .full-input input {width: 100% !important;} textarea, input:not([type=submit]) { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #commentform textarea, #commentform input:not([type=submit]), #comments-form form p textarea, #comments-form form p input:not([type=submit]), #footer-widget-bar .widget input:not([type=submit]), #sidebar .widget input:not([type=submit]) {width: 100%;} #footer-widget-bar .widget input { border-width:2px !important; border-style:solid !important; background-color:transparent; border-radius:30px; } input[type=submit] { margin: 0; cursor: pointer; } #commentform p, #comments-form form p {margin: 0 0 12px;} #commentform .half-input:nth-child(2), #comments-form form .half-input:nth-child(2) {float: left !important;} #commentform .full-input, #comments-form form .full-input { float: left; display: inline-block; width: 100%; } #commentform .half-input, #comments-form form .half-input { float: right; width: 49%; } #comments #respond {margin-bottom: 24px;} #comments>h3 {padding-bottom: .5em;} #comments #cancel-comment-reply-link { display: inherit; float: right; padding-bottom: 12px; } .ozy-half-input { float:left; width: 48%; overflow:hidden; clear:both; } .ozy-half-input-last { float: right; width: 48%; overflow:hidden; } p.ozy-half-input input, p.ozy-half-input-last input { width:100%; } .ozy-full-input, .ozy-full-input input {width: 100%;} #commentform .required, #comments-form form .required {color: #F00;} /** * Comments */ #comments li.comment ul, #comments li.comment ol {padding-left: 24px;} #comments ol li.comment { clear: both; list-style: none; overflow: auto; /*margin-bottom: 20px;*/ } .comment-body { padding: 30px; clear: both; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background-color: #F0F0F0; } .author-box>div{display: inline-block;} .comment-body .reply>a { display: inline-block; padding: 6px 10px; text-decoration: none; } .comment-body .reply{ text-align:right; padding-top: 12px; } .comment-body{margin-bottom:20px;} #comments-form #respond {margin-top: 55px;} .comment-body>div>img, .author-box>div>img{ display:block; float:left; margin:0 10px 0 0; } #comments .children li.comment { width:95%; float:right; } #post-author { float: left; clear: both; padding: 30px 0; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; width: 100%; } #post-author h3 { padding-bottom: .5em; margin-left: 0; } #post-author .gravatar { display: block; float: left; width: 95px; padding: 0 !important; } #post-author #author-link p { padding: 12px; text-align: right; padding-right: 0; } .comment .comment-meta>a {font-size: 80%;} .post-content .more-link {font-weight: bold;} .comment .comment-body {position: relative;} .comment .comment-body .reply { position: absolute; padding: 0 !important; top: 30px; right: 30px; } /** * Author page */ .author-page .author-bio { display: inline-block; clear: both; margin-bottom: 2.5em; } .author-page .author-bio .avatar { width: 80px; padding-right: 12px; float: left; } .author-page .post-single:last-child {border-bottom: 1px solid transparent !important;} /** * Author page */ .post-excerpt-aside>div, .post-excerpt-status>div { font-family: "Times New Roman", Times, serif; font-size: 19px; } .post-format-status .post-submeta, .post-format-aside .post-submeta, .post-format-audio .post-submeta {margin-top: 10px;} .simple-post-format {margin-bottom: 20px;} .simple-post-format>div { padding: 60px 90px 55px 60px; background-color: rgba(0,0,0, 0.8); background-size: cover; background-repeat: no-repeat; position: relative; } .simple-post-format>div>span { display: block; position: absolute; right: 0; top: 0; width: 80px; height: 80px; line-height: 80px; text-align: center; font-size: 28px; padding-top: 5px; } .post-excerpt-status>div>h2, .post-excerpt-quote>div>h2{display:none !important;} .simple-post-format>div>span:before{font-family: "ozythemes";} .post-excerpt-status>div>span:before{content: "\e4b9";} .post-excerpt-aside>div>span:before{content: "\e017";} .post-excerpt-link>div>span:before{content: "\e122";} .post-excerpt-quote>div>span:before{content: "\e017";} .post-excerpt-audio>div>span:before{content: "\e0c5";} .post-excerpt-audio>div { padding: 0 !important; height: 150px; } .post-excerpt-audio .audio-thumb { position: absolute; left:0; top: 0; width: 150px; } .post-excerpt-audio>div>div { margin-left: 150px; padding-left: 20px; height: 100%; position: relative; } .post-excerpt-audio>div>div .mejs-container { position: absolute; bottom: 0; left: 0; } .a-page-title { border-bottom: 1px solid transparent; -webkit-transition: all .2s; transition: all .2s; } .a-page-title:hover {text-decoration: none;} .post-title { margin:0 0 12px 0; font-style:inherit !important; } .post.has_thumb .post-title {margin:12px 0 12px 0 !important;} .post .pagination { margin-top:10px; font-weight: 700; } .post .pagination>a { display:inline-block; padding:5px 10px; margin:0 5px; border:1px solid #dedede; } .post .post-content {margin-top: 0 !important;} .post-single { padding-bottom: 40px; margin-bottom: 20px; margin-top: 22px; width: 100%; clear: both; float: left; } div.sticky.post-single { border:2px solid #000; padding:10px; } .post-single:first-child {margin-top: 0 !important;} #content>.post-single:first-of-type {margin-top: 0 !important;} #content>.post-single:first-of-type .postGallerySlider, #content>.post-single:first-of-type .featured-thumbnail {margin-top: 0 !important;} .postGallerySlider, .featured-thumbnail {margin: 0 0 22px 0;} .post-single .post-content {margin: 0 !important;} #single-blog-tags:empty {display: none !important;} #single-blog-tags { display: inline-block; margin: 30px 0; width: 100%; } #single-blog-tags>strong { display: inline-block; float:left; padding: 5px 10px 0 0; } #single-blog-tags>a { display: inline-block; padding: 0 10px; margin-right: 4px; margin-bottom: 6px; background-color: #222222; color: #fff; text-decoration: none; font-size: 12px; line-height: 32px; } .page-content, .post-content {position: relative;} .post .post-content, .post-single .post-content {margin: 22px 0;} .post-audio, .post-video {margin-bottom: 22px;} .post-submeta { position: relative; display: inline-block; width: 100%; margin-top: 30px; line-height: 46px; } .single .post-submeta { border-top: 1px solid #dedede; padding-top: 30px; } .post-submeta>a.button { display: block; float: left; position: relative; width: 46px; height: 46px; padding-top: 4px; margin-right: 4px; font-size: 24px; line-height: 46px; text-align: center; text-decoration: none; border:1px solid transparent; } .post-submeta>span.share-buttons>a { font-size:36px; text-decoration:none; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s } .page-template-page-full-blog-php .read-more { display:block !important; float:none !important; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:46px!important; text-decoration:none !important; padding-bottom:10px !important; margin-left:-2px !important; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s } .page-template-page-full-blog-php .read-more:hover, .post-submeta>span.share-buttons>a:hover { opacity:.7; } .post-submeta>a.blog:hover {background-color: #e4e4e4;} .post-submeta>a>span { position: absolute; top: -4px; right: 0; display: block; background-color:#FF0000; font-size: 11px; height: 16px; width: 16px; border-radius: 50%; color: #fff; line-height: 16px; text-align: center; padding-left: 2px; } .post-submeta>a:not(.button) { display: inline-block; float: right; font-weight: 300; } .post-submeta>div { position: relative; float: left; height: 42px; line-height:32px; /*35px;*/ width: 220px; margin-left: 30px; display: none; } .post-submeta>div>div {float: left;} .post-submeta>div>div.button { background-color: #222222; padding: 0 10px; } .post-submeta>div>div.button>a { text-decoration: none; font-size: 32px; display: inline-block; padding-top:5px; } .post-submeta>div>div.button>a>span { color: #fff; opacity: 0.5; } .post-submeta>div>div.button>a:hover>span {opacity: 1;} .post-submeta>div>div.arrow { width: 0px; height: 0px; border-style: solid; border-width: 6px 6px 6px 0; border-color: transparent #222222 transparent transparent; margin-top: 18px; } .post-meta { display: inline-block; width: 100%; } .post-meta p:empty {display: none;} .post-meta p { display: block; position: relative; float: left; margin: 0 4px 0 0 !important; font-weight: 500 !important; overflow: visible; } .post-content .post-audio {margin-bottom: 12px;} .post-content .post-audio iframe {width: 100%;} .post-content .post-video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .post-video iframe, .post-video object, .post-video embed, .post-audio iframe, .post-audio object, .post-audio embed { width: 100%; max-width: 100%; } .chat-transcript {margin-bottom: 24px;} .chat-row {margin-bottom: 12px;} .chat-row .fn {font-weight: 700;} .chat-row .chat-text { border: 1px solid #dedede; padding: 12px; } /** * Next & previous post arrows */ @keyframes animation-right-arrow{0%{margin-left:0;opacity:1;transform:rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg)}50%{margin-left:30px}100%{margin-left:0}}@-moz-keyframes animation-right-arrow{0%{margin-left:0;opacity:1;-moz-transform:rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg)}50%{margin-left:30px}100%{margin-left:0}}@-webkit-keyframes animation-right-arrow{0%{margin-left:0;opacity:1;-webkit-transform:rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg)}50%{margin-left:30px}100%{margin-left:0}}@-o-keyframes animation-right-arrow{0%{margin-left:0;opacity:1;-o-transform:rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg)}50%{margin-left:30px}100%{margin-left:0}}@-ms-keyframes animation-right-arrow{0%{margin-left:0;opacity:1;-ms-transform:rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg)}50%{margin-left:30px}100%{margin-left:0}}@keyframes animation-left-arrow{0%{margin-left:0;opacity:1;transform:rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg)}50%{margin-left:-30px}100%{margin-left:0}}@-moz-keyframes animation-left-arrow{0%{margin-left:0;opacity:1;-moz-transform:rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg)}50%{margin-left:-30px}100%{margin-left:0}}@-webkit-keyframes animation-left-arrow{0%{margin-left:0;opacity:1;-webkit-transform:rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg)}50%{margin-left:-30px}100%{margin-left:0}}@-o-keyframes animation-left-arrow{0%{margin-left:0;opacity:1;-o-transform:rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg)}50%{margin-left:-30px}100%{margin-left:0}}@-ms-keyframes animation-left-arrow{0%{margin-left:0;opacity:1;-ms-transform:rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg)}50%{margin-left:-30px}100%{margin-left:0}} #ozy-related-posts-wrapper{ position:relative; margin-top:35px; } #newer-older-posts-wrapper{position:relative;} .newer-older { position:absolute; right:0; top:0; text-align: right; } .newer-older>a {padding-left: 20px;} .newer-older.newer-older-blog {margin-top: 1em;} .nav-box { width: 200px; position: fixed; left: 0; top: 460px; z-index: 1; } .nav-box.next i{animation:animation-right-arrow ease 3s;animation-iteration-count:infinite;animation-fill-mode:forwards;-webkit-animation:animation-right-arrow ease 3s;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:forwards;-moz-animation:animation-right-arrow ease 3s;-moz-animation-iteration-count:infinite;-moz-animation-fill-mode:forwards;-o-animation:animation-right-arrow ease 3s;-o-animation-iteration-count:infinite;-o-animation-fill-mode:forwards;-ms-animation:animation-right-arrow ease 3s;-ms-animation-iteration-count:infinite;-ms-animation-fill-mode:forwards}.nav-box.previous i{animation:animation-left-arrow ease 3s;animation-iteration-count:infinite;animation-fill-mode:forwards;-webkit-animation:animation-left-arrow ease 3s;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:forwards;-moz-animation:animation-left-arrow ease 3s;-moz-animation-iteration-count:infinite;-moz-animation-fill-mode:forwards;-o-animation:animation-left-arrow ease 3s;-o-animation-iteration-count:infinite;-o-animation-fill-mode:forwards;-ms-animation:animation-left-arrow ease 3s;-ms-animation-iteration-count:infinite;-ms-animation-fill-mode:forwards} .nav-box.next { left: inherit; right: 0; } .nav-box>a { display: block; width:200px; text-align: center; padding:0 30px; text-decoration: none; } .nav-box>a>img, .nav-box>a>span, .nav-box>a>i { margin: 0 auto; display: block; } .nav-box>a>i { font-size: 32px; line-height: 32px; padding: 30px 0 20px 0; } .nav-box>a>img { width:100px; height:100px; } .nav-box>a>img, .nav-box>a>span { opacity: 0; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s } .nav-box>a:hover>img, .nav-box>a:hover>span {opacity: 1;} /** * Pagination */ .page-pagination>a, .page-pagination>span { display: block; float: left; width: 32px; height: 32px; line-height: 28px; font-size: 16px; text-align: center; text-decoration: none; margin-right: 6px; transition: all .2s; border: 1px solid #dedede; } .page-pagination>a:hover {background-color: transparent;} #comment-navigation { display:inline-block; width:100%; } /** * Thumb image */ .featured-thumbnail { position: relative; overflow: hidden; margin-bottom: 22px; background-size:cover; background-position: center center; } .featured-thumbnail>img {display: block;visibility:hidden;max-width:100%;height:auto;} .featured-thumbnail:hover>a { opacity:1; -moz-opacity:1; -webkit-opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .featured-thumbnail>a { display: block; position: absolute; background-color:#000000; background-color:rgba(0,0,0,0.5); width: 100%; height: 100%; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .featured-thumbnail>a>span { position: absolute; color: #fff !important; font-size: 32px; width: 42px; height: 42px; line-height: 42px; text-align: center; top: 50%; left: 50%; margin-top: -21px; margin-left: -21px; } .featured-thumbnail-header { width:100%; height:400px; background-position:center center; background-size:cover; overflow:hidden; } .featured-thumbnail-header>div { position:relative; height:100%; width:100%; } .featured-thumbnail-header>div>div { position: absolute; width: 100%; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); } .featured-thumbnail-header>div>div>div { position:relative; max-width:1140px; margin:0 auto; text-align:center; } .featured-thumbnail-header>div>div>div>h1 { text-align:center; padding-bottom:20px; } .featured-thumbnail-header>div>div>div>div.post-meta { display:inline-block; width:inherit !important; } .featured-thumbnail-header>div>div.a, .featured-thumbnail-header>div>div.b { width:53%; height:20px; position:absolute; top:inherit !important; bottom:0; background-color:#fff; } .featured-thumbnail-header>div>div.a { right:51%; transform: skew(45deg, 0deg) ; -webkit-transform: skew(45deg, 0deg) ; -moz-transform: skew(45deg, 0deg) ; -o-transform: skew(45deg, 0deg) ; -ms-transform: skew(45deg, 0deg) ; } .featured-thumbnail-header>div>div.b { left:50%; transform: skew(-45deg, 0deg) ; -webkit-transform: skew(-45deg, 0deg) ; -moz-transform: skew(-45deg, 0deg) ; -o-transform: skew(-45deg, 0deg) ; -ms-transform: skew(-45deg, 0deg) ; } #sidebar.has-super-header{padding-top:35px;} /** * Tooltipsy tooltip */ .tooltipsy { padding: 6px; max-width: 200px; color: #000 !important; background-color: #fff !important; margin-bottom: 5px; font-size: 11px !important; transition: all .4s; -webkit-transition: all .4s; } .tooltipsy:after { content: ''; position: absolute; border: 10px solid transparent; border-left-color: #fff !important; bottom: -3px; left: 50%; z-index: -1; } .tooltipsy.white{ color: #fff !important; background-color: #000 !important; } .tooltipsy.white:after { bottom:10px; top: -10px; border-left-color: #000 !important; } /** * Google maps background */ #ozy-google-map-background { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 0; } #google-maps-info-box { width:200px; height:60px; } /** * To top button */ #to-top-button { opacity: 0; position: fixed; z-index: 999; width: 32px; height: 32px; right: 12px; bottom: -32px; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; transition: all .2s; -webkit-transition: all .2s; } body.has-nicescroll #to-top-button { right:27px; } #to-top-button>span { display: inline-block; font-size: 14px; font-weight: 300; line-height: 32px; width: 32px; text-align: center; padding-top: 1px; margin-left: -1px; } /** * Wordpress overrides and fixes */ .mejs-controls .mejs-time-rail .mejs-time-current { /*jetpack audio player progress bar*/ background:#333;background:rgba(200,200,200,0.8) !important;background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(255,255,255,0.9)),to(rgba(200,200,200,0.8))) !important;background:-webkit-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8)) !important;background:-moz-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8)) !important;background:-o-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8)) !important;background:-ms-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8)) !important;background:linear-gradient(rgba(255,255,255,0.9),rgba(200,200,200,0.8)) !important; } .wp-caption { margin-top: 12px; margin-bottom: 12px; position: relative; display: inline-block !important; width: auto !important; } .wp-caption img {display: block;} .wp-caption:hover>p { opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .wp-caption>p { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; cursor: pointer; padding: 6px 12px !important; *background-color:#000000; background-color: rgba(0,0,0,.5); color: #fff; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; } .alignleft { float: left; margin: 0 12px 12px 0; } .textaligncenter {text-align: center;} .aligncenter { margin: 0 auto; display: block; } .alignright { float: right; margin: 0 0 12px 12px; } .none { /* this class is used to hid the skip to content link at the beginning of the document for accessibility */ display: none; } .no-bottom-margin{ margin-bottom:0 !important; } .clear {clear: both;} .left {float: left;} .right {float: right;} .left-w-padding {float: left;padding-right:20px;} .right-w-padding {float: right;;padding-left:20px;} .bypostauthor,.gallery-caption,.wp-caption-text,.sticky {/**/} dt { font-weight: bold; text-decoration: underline; padding: 0.5em 0 0 0; } dd { margin: 0; padding: 0 0 0.5em 0; } #content table { max-width: 100%; width: 100%; border-spacing:0; border-collapse:collapse; margin-bottom: 1.5em; } #content table th, #content table td { border: 1px solid #dedede; padding: 6px; } #content br { margin-top: 0.5em; display: block; content: ' '; } #request-a-rate p, #content p { margin: 0; padding-top: .50em; padding-bottom: .50em; } /** * Search Form - Search Icon */ .wp-search-form { position: relative; } .wp-search-form i.oic-simple-line-icons-129, .wp-search-form i.oic-pe-icon-7-stroke-24, .wp-search-form i.oic-pe-icon-7-stroke-139, .wp-search-form i.oic-zoom { position: absolute; width: 22px; height: 22px; top: 50%; left: 12px; margin-top: -8px; opacity:0.6; -moz-opacity:0.6; -webkit-opacity:0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); } .wp-search-form i.oic-pe-icon-7-stroke-139, .wp-search-form i.oic-simple-line-icons-129 { left: inherit; cursor:pointer; right: 12px; } .wp-search-form #search { padding-left: 32px !important;} /** * Search Page */ body.search article.result { border: 1px solid #dedede; width: 366px; margin-bottom: 20px; padding: 20px; } body.search article.result img { max-width:100%; height: auto; } body.search #gutter-sizer {width:3%;} /** * Masonry Gallery Page Template */ .ozy-masonry-gallery { width:calc(100% + 10px); margin-left:-10px; } .ozy-masonry-gallery>div{ width:calc(25% - 10px); margin:0 0 10px 10px; } .ozy-masonry-gallery>div>a { position:relative; display:block; } .ozy-masonry-gallery>div>a>span { position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000; background-color:rgba(0,0,0,.75); opacity:0; text-align:center; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; } .ozy-masonry-gallery>div>a:hover>span { opacity:1; } .ozy-masonry-gallery>div>a>span>h5 { position:absolute; top: 50%; width:100%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); color:#fff !important; } .ozy-masonry-gallery>div img { max-width:100%; display:block; } /** * Video background */ div.video-background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; overflow: hidden; vertical-align: top; } div.video-background video { min-height: 100%; min-width:100%; z-index: -2 !important; } div.video-background .ui-video-background { display: none !important; } div.video-background>div { position:absolute; width:100%; height:100%; top:0; left:0; background:url(images/video-pattern.png) repeat fixed !important; z-index:10; } #video-background>video{ max-width: none !important; } /** * Youtube background */ #tubular-container { top: 0; left: 0; z-index: -2 !important; } #tubular-shield { position: fixed !important; background:url(images/video-pattern.png) repeat fixed !important; z-index: -1 !important; } /* Related posts */ .ozy-related-posts { width: 100% !important; padding: 10px 0 0 0 !important; margin-left: 0 !important; list-style: none; display: inline-block; } .ozy-related-posts .ozy-owlcarousel .item.item-extended>a .overlay-one-bg>h2{ font-size:16px !important; padding-left:15px; padding-right:15px; } /** * Single Blog */ .ozy-video-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .ozy-video-wrapper iframe, .ozy-video-wrapper object, .ozy-video-wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ozy-video-wrapper[data-twttr-id*="twttr-sandbox"] { position: inherit !important; height: inherit !important; padding: 0; } .post-audio .ozy-video-wrapper { padding-bottom: inherit !important; padding-top: inherit !important; height: inherit !important; } .post-audio .ozy-video-wrapper iframe, .post-audio .ozy-video-wrapper object, .post-audio .ozy-video-wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: auto !important; } .ozy-video-wrapper .twitter-tweet {height: auto !important;} .ozy-header-slider, .ozy-footer-slider { width:100%; min-height: 100px; position:relative; z-index:0; } /*protected post form*/ .post-content form.post-password-form label {font-weight:700;} .post-content form.post-password-form input {width:inherit !important;} /** * Widgets */ .flickr-widget>li { display: inline-block !important; width: auto !important; border: none !important; padding: 0 !important; } .widget li>a {text-decoration: none;} #footer-text>div { display: inline-block; float: left; } .ozy-latest-posts { display: inline-block; clear: both; } .ozy-latest-posts>a { position: relative; display: inline-block; width: 48%; margin-bottom: 12px; float: left; text-transform: uppercase; font-weight: 700; } .ozy-latest-posts>a:hover>span { opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100) } .ozy-latest-posts>a>span { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 20px; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .ozy-latest-posts>a:nth-child(odd){float:left;} .ozy-latest-posts>a:nth-child(even){float:right;} .ozy-latest-posts>a>img { display: block; width: 100%; height: auto; } .ozy-latest-posts-with-thumbs>li>a>span>small, .ozy-simple-latest-posts>li>small {display: block;} .ozy-latest-posts-with-thumbs>li {border:1px solid transparent !important;} .ozy-latest-posts-with-thumbs>li>a{ display:table; width: 100%; } .ozy-simple-latest-posts>li>a, .ozy-latest-posts-with-thumbs>li>a {text-transform:uppercase;} .ozy-latest-posts-with-thumbs>li>a>img { width: 100px !important; max-width: none !important; height: auto; float: left; } .ozy-latest-posts-with-thumbs>li>a>span { vertical-align: top;/*middle*/ display: table-cell; width: 100%; padding-left: 15px; } .tagcloud>a { text-decoration: none; padding: 5px 10px; display: inline-block; margin-bottom: 4px; font-size: 80%; } .widget li>span.post-date { /*classic recent posts widget*/ display: block; font-size: 80%; } .widget ul ul { /*classic custom menu widget and rest*/ border-top: 1px solid #dedede; padding-top: 8px !important; margin-top: 8px !important; margin-left: 20px !important; } .widget ul.menu li a>i { margin-left: 0 !important; margin-right: 5px !important; } .widget ul.menu li .dropdown-menu { padding-top: 0 !important; } .widget ul.menu li a>i, .widget ul.menu li[class^="oic-"]:before { padding-right: 6px; vertical-align: middle; } .widget ul ul>li:last-child { border-bottom: 1px solid transparent !important; padding-bottom: 0 !important; } /* generics */ .widget br{ content: ' '; display:block; margin-bottom:.5em; } .widget img{max-width:100%;} .widget select {width: 100%;max-width:100%;} .widget>ul>li>a.rsswidget{ display:inline-block; width:100%; font-weight:700; } .widget>ul>li>div.rssSummary{ border-top:1px solid #dedede; margin-top:10px; padding-top:10px; } /* calendar widget */ .widget_calendar {float: left;} #wp-calendar {width: 100%; } #wp-calendar caption { text-align: right; font-size: 12px; margin-top: 10px; margin-bottom: 15px; } #wp-calendar thead { font-size: 10px; } #wp-calendar thead th { padding-bottom: 10px;text-align:center; } #wp-calendar tbody td { border: 1px solid #fff; text-align: center; padding:8px 0;} #wp-calendar tbody td:hover { background: #fff;color:#000 } #wp-calendar tbody .pad,#wp-calendar tbody .pad:hover { background: none;border:none !important; } #wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; } #wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; } .opening-time { display:inline-block; padding:20px; border:2px solid #000; width:100%; } .opening-time dl dt, .opening-time dl dd { float:left; display:block; padding:0; text-decoration:none; font-weight:normal; width:50%; } .widget .testimonial-box { text-align:center !important; border-bottom:2px solid #444; padding-bottom:20px; margin-bottom:20px; } .widget .testimonial-box>p { padding:10px 30px 0 30px; position:relative; } .widget .testimonial-box>p>i.icon-1, .widget .testimonial-box>p>i.icon-2 { position:absolute; font-size:22px !important; } .widget .testimonial-box>p>i.icon-1 { left:0; top:0; -webkit-transform:scaleX(-1); -moz-transform:scaleX(-1); -o-transform:scaleX(-1); -ms-transform:scaleX(-1); transform:scaleX(-1); } .widget .testimonial-box>p>i.icon-2 { right:0; bottom:-10px; -webkit-transform: rotate(-180deg) scaleX(-1); -moz-transform: rotate(-180deg) scaleX(-1); -o-transform: rotate(-180deg) scaleX(-1); -ms-transform: rotate(-180deg) scaleX(-1); transform: rotate(-180deg) scaleX(-1); } .widget .testimonial-box>p { font-size:1.2em !important; } .widget .testimonial-box>h6 { margin-top:30px !important; font-size:1.8em !important; font-weight:300 !important; } /** * File Download Box Widget */ .filedownload-box>ul>li>img { padding-right:10px; vertical-align: sub; } /** * Contact Form 7 */ .ozy-wide-box { width:100%; } /** * Revolution Slider */ .wpb_revslider_element ul, .wpb_revslider_element ol { padding-left:0 !important; } /*buttons*/ .ozy-revo-button { position: relative; display: inline-block; margin-right: 10px; margin-left: 0; vertical-align: middle; text-align: center; font-weight: 700; cursor: pointer; zoom: 1; text-decoration: none !important; letter-spacing: 1px; -webkit-transition: color .2s ease-in-out,background .2s ease-in-out,border .2s ease-in-out; -moz-transition: color .2s ease-in-out,background .2s ease-in-out,border .2s ease-in-out; -ms-transition: color .2s ease-in-out,background .2s ease-in-out,border .2s ease-in-out; -o-transition: color .2s ease-in-out,background .2s ease-in-out,border .2s ease-in-out; transition: color .2s ease-in-out,background .2s ease-in-out,border .2s ease-in-out; } .ozy-revo-button.large { padding: 15px 24px; font-size: 14px; line-height: 100%; } .ozy-revo-button.medium { padding:12px 26px; font-size:12px; line-height:100% } .ozy-revo-button.outline { border-width: 1px!important; border-style: solid!important; } .ozy-revo-button.light { border-color: #fff!important; color: #fff; } .ozy-revo-button.light:hover { background-color: #fff; color: #222222; } .ozy-revo-button.dark { border-color: #222!important; color: #222; } .ozy-revo-button.dark:hover { background-color: #222222; color: #fff; } .ozy-revo-button.light.filled { background-color: #fff; border-color: #222!important; color: #222; } .ozy-revo-button.light.filled:hover { background-color: #222; border-color: #fff!important; color: #fff; } .ozy-revo-button.dark.filled { background-color: #222; border-color: #222!important; color: #fff; } .ozy-revo-button.dark.filled:hover { background-color: #fff; border-color: #fff!important; color: #222; } /** * CSS3 Waypoint Animations */ .ozy-waypoint-animate { opacity: 0; } .ozy-start-animation.ozy-appear { animation:ozy-appear .7s 1 cubic-bezier(.175, .885, .32, 1.275); -webkit-animation:ozy-appear .7s 1 cubic-bezier(.175, .885, .32, 1.275); -moz-animation:ozy-appear .7s 1 cubic-bezier(.175, .885, .32, 1.275); -o-animation:ozy-appear .7s 1 cubic-bezier(.175, .885, .32, 1.275); opacity:1; } @-webkit-keyframes ozy-appear { 0%{-webkit-transform:translate(0, -10%); opacity:0;} 100%{-webkit-transform:translate(0, 0); opacity:1;} } @-moz-keyframes ozy-appear { 0%{-moz-transform:translate(0, -10%); opacity:0;} 100%{-moz-transform:translate(0, 0); opacity:1;} } @-o-keyframes ozy-appear { 0%{-o-transform:translate(0, -10%); opacity:0;} 100%{-o-transform:translate(0, 0); opacity:1;} } @keyframes ozy-appear { 0%{transform:translate(0, -10%); opacity:0;} 100%{transform:translate(0, 0); opacity:1;} } .ozy-start-animation.ozy-fade-appear { animation:ozy-fade-appear; -webkit-animation:ozy-fade-appear; -moz-animation:ozy-fade-appear; -o-animation:ozy-fade-appear; opacity:1; } @-webkit-keyframes ozy-fade-appear { 0% { opacity: 0.1; } 100% { opacity: 1;} } @-moz-keyframes ozy-fade-appear { 0% { opacity: 0.1; } 100% { opacity: 1;} } @-o-keyframes ozy-fade-appear { 0% { opacity: 0.1; } 100% { opacity: 1;} } @keyframes ozy-fade-appear { 0% { opacity: 0.1; } 100% { opacity: 1;} } /* * Parallax Row */ .wpb_row {position: relative; /*do not remove this*/} .wpb_row.ozy-custom-row {background-repeat:no-repeat;} .wpb_row.ozy-custom-row.parallax {background-position: 50% 50%;background-size:cover;} .wpb_row.ozy-custom-row.parallax .parallax-wrapper {position: relative;} /* * Full Width Page Centered Content & Parallax Stuff */ #footer>footer>.container, #page-title-wrapper>div { padding-left: 36px; padding-right: 36px; } .ozy-page-model-full #footer>footer>.container, .ozy-page-model-full #footer-widget-bar>.container {width: 100%;} .ozy-page-model-no-sidebar.ozy-page-model-full #main>.container {width: 100%} .ozy-page-model-full.ozy-page-model-no-sidebar #content>div>article>div>.wpb_row.ozy-custom-full-row>.parallax-wrapper { padding-left: inherit; padding-right: inherit; } .ozy-page-model-has-sidebar #main>.container #content.left-sidebar {margin-left: 36px;} .ozy-page-model-has-sidebar #main>.container>#content {float: left;} .ozy-page-model-full #main>.container>#content, .ozy-page-model-full #footer-widget-bar>.widget-container, .ozy-page-model-full #footer>footer>.container {margin: 0 auto;} .ozy-page-model-full #footer-widget-bar, .ozy-page-model-full #footer {width: 100%;} .ozy-custom-fullheight-row { overflow: hidden; padding: 0 !important; } .ozy-page-model-full #content .wpb_row.vc_row-fluid>div.parallax-wrapper, .ozy-page-model-full #content .wpb_row, .ozy-page-model-full #content .wpb_row.vc_row-fluid.ozy-custom-row.parallax .parallax-wrapper { max-width: 1242px;/*1140px;*/ margin-left: auto; margin-right: auto; } /*fix row inside row margin issue*/ .vc_row:not(.ozy-custom-full-row) div.parallax-wrapper div.parallax-wrapper { margin-left:-15px !important; margin-right:-15px !important; } .vc_row.ozy-custom-full-row .vc_column-inner { padding-left:0 !important; padding-right:0 !important; } .ozy-page-model-full #page-title-wrapper>div, .ozy-page-model-full #page-title-wrapper>div.parallax-wrapper { max-width: 1212px;/*1140px;*/ margin-left: auto; margin-right: auto; } .ozy-page-model-full #footer-widget-bar>.container, .ozy-page-model-full #footer>footer { max-width:100%; } .ozy-page-model-full #footer>footer { overflow: hidden; } #content.no-vc { max-width: 1140px; padding-bottom:35px; } .ozy-page-model-full #page-title-wrapper.ozy-custom-full-row>div.parallax-wrapper, .ozy-page-model-full #content .wpb_row.vc_row-fluid.ozy-custom-full-row>div.parallax-wrapper, .ozy-page-model-full #page-title-wrapper, .ozy-page-model-full #content .wpb_row.vc_row, .ozy-page-model-full #content .wpb_row.vc_row-fluid { width: 100%; max-width: 100% !important; } .ozy-page-model-boxed .parallax-wrapper>.wpb_column { /*1.7 boxed better*/ padding-left:0; padding-right:0; } /*.ozy-page-model-boxed.ozy-page-model-no-sidebar #main {*/ .ozy-page-model-boxed #main { /*display: inline-block;*/ position: relative; max-width:1212px; margin-left:auto; margin-right:auto; } .ozy-row-has-video { position: relative; overflow: hidden; } .ozy-row-has-video .video-mask { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background:url(images/video-pattern.png); } .ozy-row-has-video .video-mask.has-bg { filter: alpha(opacity=0.7); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } #content>.wpb_row.vc_row-fluid:first-child {padding-top: 0 !important;} .container.no-vc .vc_col-sm-12.wpb_column.vc_column_container, .ozy-custom-full-row .parallax-wrapper .vc_col-sm-12.wpb_column.vc_column_container { padding-left: 0 !important; padding-right: 0 !important; } .ozy-page-model-boxed.ozy-page-model-no-sidebar #main>.container .wpb_row:not(.ozy-custom-full-row) { padding-left: 36px !important; padding-right: 36px !important; } .ozy-row-zero-space .wpb_column { padding-left: 0 !important; padding-right: 0 !important; } /** * Plugin Fix */ .responsive-map div{max-width:none !important;} /** * Gutenberg */ ul.wp-block-gallery { padding-left: 0!important; } blockquote.wp-block-quote.is-large:before { top: 0px; left: 5px; font-size: 24px; } /** * Cookie Notice */ #ozy-cookie_notice_banner { display: none; position: fixed; width: 300px; top: auto; left: 0; right: 0; bottom: -300px; padding: 20px; font-family: "serif", Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman"; font-size: 13px; letter-spacing: .8px; text-align: center; z-index: 99; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #ozy-cookie_notice_banner>div { text-align: justify; } #ozy-cookie_notice_banner.show { display: table; } #ozy-cookie_notice_banner.in-viewport { bottom: 0px; } #ozy-cookie_notice_banner a:not(.generic-button) { color: currentColor !important; text-decoration: underline; } #ozy-cookie_notice_banner>a.generic-button { display: inline-block; margin: 20px auto 0 auto; padding: 10px 20px; border: 1px solid currentColor !important; } @media only screen and (max-width: 768px) { #ozy-cookie_notice_banner.show { display: block; } #ozy-cookie_notice_banner>div { width: 100%; } #ozy-cookie_notice_banner>a.generic-button { position: unset; display: inline-block; top: inherit; transform: none; margin: 15px auto 0 auto; } } /** * Visual Composer Overrides */ .wpb_widgetised_column ul{padding-left: inherit !important;} .wpb_row>.video-mask.has-bg { position: absolute; left:0; right:0; width:100%; height:100%; } .gmaps-cover { position:absolute; width:100%; height:100%; top:0; left:0; bottom:0; right:0; z-index:1; } .wpb_gmaps_widget .wpb_wrapper{padding: 0 !important;} .vc_heading_white h1, .vc_heading_white h2, .vc_heading_white h3, .vc_heading_white h4, .vc_heading_white h5, .vc_heading_white h6 {color:#fff !important;} .wpb_button_a, .vc_btn {margin-right: 10px;} .vc_btn-lg {padding:20px 22px !important;} .vc_btn_full_width { margin-top:0 !important; margin-right:0 !important; width:100% !important; text-align:center !important; padding-top:30px !important; padding-bottom:30px !important; } .wpb_row { margin-left: 0 !important; margin-right: 0 !important; } .wpb_row > .wpb_column > .wpb_wrapper .wpb_content_element:last-child {margin-bottom: 35px;} .vc-icon-ozy_vc_before_after {background:url(images/admin/tweet_32.png) no-repeat;} /** * Separator */ .vc_separator {margin-top: 35px;} /** * Tabs */ .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav li, .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header, .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {background-color: transparent !important;} .wpb_tabs .wpb_tabs_nav li{ border: 1px solid #dedede; margin-right: -1px !important; transition: none !important; -moz-transition: none !important; -webkit-transition: none !important; -o-transition: none !important; } .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab {padding: 1em 0 !important;} .full-tabs .wpb_wrapper ul.wpb_tabs_nav:before, .full-tabs .wpb_wrapper ul.wpb_tabs_nav:after {display: none !important;} .full-tabs ul.wpb_tabs_nav { width: 100%; display: table; table-layout: fixed; /* optional, for equal spacing */ border-collapse: separate; } .full-tabs.wpb_tabs .wpb_tabs_nav li { display: table-cell; text-align: center; vertical-align: middle; float: none; max-width: 100%; font-size: 120%; } /** * Accordion */ .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header { border: 1px solid #dedede; margin-bottom: -1px !important; outline: none; } /** * Call to action */ .wpb_button { text-shadow: none !important; -webkit-transition: all .4s; transition: all .4s; } .wpb_call_to_action { background-color:transparent !important; border: 1px solid transparent !important; padding: 0 !important; /*35px 0 0 0*/ } /** * Map */ .wpb_map_wraper {padding: 0 !important;} .ozy-multi-google-map *, .gm-style *{max-width:none !important;} [data-icon]:before{display:none;} /** * Single Image */ .wpb_single_image{ max-width:100%; /*ie 11 overlay issue fix*/ } .wpb_single_image img { display: block; clear: both; } .wpb_single_image.vc_align_center>div img {margin: 0 auto;} .zoom.wpb_single_image {overflow: hidden;} /** * Tour Section */ .wpb_tour.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav li { border: 1px solid #dedede; margin-bottom: -1px !important; } .wpb_tour.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav li>a { -webkit-transition: all .4s; transition: all .4s; } .wpb_tour.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav li.ui-tabs-active>a, .wpb_tour.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav li:hover>a {padding-left: 1.5em;} .wpb_tour .wpb_tour_tabs_wrapper .wpb_tab {padding: 0 1em !important;} /** * Flexslider */ .flexslider{ border: none !important; } /** * Icon */ .ozy-icon { overflow: hidden !important; -webkit-transition: box-shadow 0.2s; -moz-transition: box-shadow 0.2s; transition: box-shadow 0.2s; } .ozy-icon-a, .ozy-icon-a:hover, .ozy-icon-a:active {text-decoration: none;} .ozy-icon.align-center { display: block !important; text-align: center; margin: 0 auto; } .ozy-icon.regular { font-size: 16px !important; width: 50px; height: 50px; line-height: 44px; } .ozy-icon.large { font-size: 32px !important; width: 80px; height: 80px; line-height: 78px; } .ozy-icon.xlarge { font-size: 48px !important; width: 120px; height: 120px; line-height: 120px; } .ozy-icon.xxlarge { font-size: 64px !important; width: 180px; height: 180px; line-height: 187px; } .ozy-icon.xxxlarge { font-size: 128px !important; width: 256px; height: 256px; line-height: 283px;} .ozy-icon.square, .ozy-icon.circle, .ozy-icon.circle2 { text-align: center; margin-bottom: 0.5em; display: inline-block; overflow: visible; text-shadow: 0 0 1px rgba(0,0,0,0.3); } .ozy-icon.square { padding: 6px; background:#686868; color:#fff; } .ozy-icon.circle { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; padding: 6px; background:#686868; color:#fff; } .ozy-icon.circle2 { -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; padding: 4px; border:2px solid #686868; color:#686868; } a>.ozy-icon { -webkit-transition: all .4s; transition: all .4s; opacity: 1; } /** * Custom List */ .ozy-custom-list {padding: 0 !important;} .ozy-custom-list>li { list-style: none; } .ozy-custom-list>li>span.oic {padding-right: 6px; font-size: 22px; } .ozy-custom-list>li>span:not(.oic){vertical-align:top;line-height:22px;} /** * Clean Slider */ .clean-slider .nivo-directionNav, .clean-slider .nivo-controlNav, .clean-slider .flex-direction-nav, .clean-slider .flex-control-nav {display: none;} .nivoSlider, .flexslider { border: 0px solid transparent !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -o-border-radius: 0 !important; border-radius: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; } /** * Team Member */ /* Caption Style 3 */ .ozy-team_member figure { margin: 0; position: relative; } .ozy-team_member figure img { max-width: 100%; display: block; position: relative; } .ozy-team_member figcaption { position: absolute; top: 0; left: 0; padding: 20px; background: #222222; } .ozy-team_member figcaption h3 { font-size: 19px !important; font-weight: 700 !important; } .ozy-team_member figcaption h5 {font-size: 14px !important;} .ozy-team_member figcaption p {font-size: 12px !important;} .ozy-team_member figcaption h3, .ozy-team_member figcaption p { margin: 0; padding: 0; color: #fff !important; } .ozy-team_member figure {overflow: hidden;} .ozy-team_member figure img { -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s; } /*.no-touch */ .ozy-team_member figure:hover img, .ozy-team_member figure.hover img { -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); } .ozy-team_member figcaption { height: 200px; width: 100%; top: auto; bottom: 0; opacity: 0; text-align: center; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s; -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s; transition: transform 0.4s, opacity 0.1s 0.3s; } /*.no-touch */ .ozy-team_member figure:hover figcaption, .ozy-team_member figure.hover figcaption { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s; -moz-transition: -moz-transform 0.4s, opacity 0.1s; transition: transform 0.4s, opacity 0.1s; } .ozy-team_member figure figcaption>div {margin-top: 10px;} .ozy-team_member figure figcaption>div>a { padding: 0 5px; text-decoration: none !important; } .ozy-team_member figure figcaption>div>a>span { font-size: 24px !important; color: #fff !important; filter: alpha(opacity=0.6); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; -webkit-transition: all .4s; transition: all .4s; } .ozy-team_member figure figcaption>div>a:hover>span { filter: alpha(opacity=1); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; color: #fff !important; } /** * Divider */ .ozy-content-divider { clear: both; } .ozy-divider-cap-left, .ozy-divider-cap-right, .ozy-divider-cap-center {clear: both;} .ozy-content-divider { position:relative; border-top:1px solid #dedede; border-bottom:none; border-left:none; border-right:none; } .ozy-content-divider legend { font-weight: 400; font-size: 140%; } .ozy-content-divider legend.dcenter {padding: 0 18px 0 18px;} .ozy-content-divider legend.dleft {padding: 0 18px 0 0;} .ozy-content-divider legend.dright {padding: 0 0 0 18px;} h1.ozy-divider-cap-center, h2.ozy-divider-cap-center, h3.ozy-divider-cap-center, h4.ozy-divider-cap-center, h5.ozy-divider-cap-center, h6.ozy-divider-cap-center {text-align: center;} h1.ozy-divider-cap-right, h2.ozy-divider-cap-right, h3.ozy-divider-cap-right, h4.ozy-divider-cap-right, h5.ozy-divider-cap-right, h6.ozy-divider-cap-right {text-align: right;} /** * Title With Icon */ .title-with-icon-wrapper.connected { position: relative; margin-bottom: 35px; } .title-with-icon-wrapper .title-with-icon span { -webkit-transition: box-shadow 0.2s; -moz-transition: box-shadow 0.2s; transition: box-shadow 0.2s; } .title-with-icon-wrapper.connected:before { content: ''; width: 0px; height: auto; border-left: 1px solid #222222; position: absolute; left: 25px; top: 50px; bottom: -36px; } .title-with-icon-wrapper.connected:last-child {margin-bottom: 0;} .title-with-icon-wrapper.connected:last-child:before {display: none;} .title-with-icon-wrapper.connected.large:before { left: 40px; top: 80px; } .title-with-icon-wrapper.connected.xlarge:before { left: 60px; top: 120px; } .title-with-icon-wrapper.connected.xxlarge:before { left: 90px; top: 180px; } .title-with-icon-wrapper.connected.xxxlarge:before { left: 128px; top: 256px; } .title-with-icon-wrapper>.title-with-icon {margin-bottom: 0 !important;} .title-with-icon-wrapper>.top-cs.title-with-icon-content {text-align: center;} .title-with-icon-wrapper>.left-cs.title-with-icon-content.medium {padding-left: 65px;} .title-with-icon-wrapper>.left-cs.title-with-icon-content.large {padding-left: 95px;} .title-with-icon-wrapper>.left-cs.title-with-icon-content.xlarge {padding-left: 135px;} .title-with-icon-wrapper>.left-cs.title-with-icon-content.xxlarge {padding-left: 195px;} .title-with-icon-wrapper>.left-cs.title-with-icon-content.xxxlarge{padding-left: 271px;} .title-with-icon-wrapper.clear>.left-cs.title-with-icon-content.medium {padding-left: 65px;} .title-with-icon-wrapper.clear>.left-cs.title-with-icon-content.large {padding-left: 56px;} .title-with-icon-wrapper.clear>.left-cs.title-with-icon-content.xlarge {padding-left: 77px;} .title-with-icon-wrapper.clear>.left-cs.title-with-icon-content.xxlarge {padding-left: 106px;} .title-with-icon-wrapper.clear>.left-cs.title-with-icon-content.xxxlarge{padding-left: 145px;} .title-with-icon { display:table !important; cursor:default; } .title-with-icon.top-style { text-align:center !important; width:100%; } .title-with-icon>h1, .title-with-icon>h2, .title-with-icon>h3, .title-with-icon>h4, .title-with-icon>h5, .title-with-icon>h6 { display:table-cell; vertical-align:middle !important; border-left:15px solid transparent; } .title-with-icon>h1>a,.title-with-icon>h2>a,.title-with-icon>h3>a,.title-with-icon>h4>a,.title-with-icon>h5>a,.title-with-icon>h6>a{text-decoration:none;} .title-with-icon>h1.no-icon, .title-with-icon>h2.no-icon, .title-with-icon>h3.no-icon, .title-with-icon>h4.no-icon, .title-with-icon>h5.no-icon, .title-with-icon>h6.no-icon {border-left:none !important;} .title-with-icon.top-style>h1, .title-with-icon.top-style>h2, .title-with-icon.top-style>h3, .title-with-icon.top-style>h4, .title-with-icon.top-style>h5, .title-with-icon.top-style>h6 { display:block !important; float:none !important; border-left:none !important; } .title-with-icon.top-style>span:after, .title-with-icon.top-style>a>span:after { display:table !important; clear:both !important; content:'' !important; } .title-with-icon.top-style>span, .title-with-icon.top-style>a>span { margin-right:0px !important; float:none !important; display:block !important; margin:0 auto 20px auto !important; text-decoration: none !important; } .title-with-icon.top-style>a {text-decoration: none !important;} .title-with-icon>span.medium, .title-with-icon>span.large, .title-with-icon>span.xlarge, .title-with-icon>span.xxlarge, .title-with-icon>span.xxxlarge, .title-with-icon>a>span.medium, .title-with-icon>a>span.large, .title-with-icon>a>span.xlarge, .title-with-icon>a>span.xxlarge, .title-with-icon>a>span.xxxlarge { width:50px; height:50px; line-height:56px !important; font-size:16px !important; text-align:center; display:inline-block !important; background-image:none !important; text-decoration:none !important; } .title-with-icon>span.large, .title-with-icon>a>span.large { width:80px; height:80px; line-height:90px !important; font-size:32px !important; } .title-with-icon>span.xlarge, .title-with-icon>a>span.xlarge { width:120px; height:120px; line-height:134px !important; font-size:48px !important; } .title-with-icon>span.xxlarge, .title-with-icon>a>span.xxlarge { width:180px; height:180px; line-height:200px !important; font-size:64px !important; } .title-with-icon>span.xxxlarge, .title-with-icon>a>span.xxxlarge { width:256px; height:256px; line-height:294px !important; font-size:128px !important; } .title-with-icon>span.large.clear, .title-with-icon>a>span.large.clear { width:40px !important; height:40px !important; line-height:55px !important; margin-bottom:0 !important; } .title-with-icon>span.xlarge.clear, .title-with-icon>a>span.xlarge.clear { width:60px !important; height:60px !important; line-height:60px !important; margin-bottom:0 !important; } .title-with-icon>span.xxlarge.clear, .title-with-icon>a>span.xxlarge.clear { width:90px !important; height:90px !important; line-height:90px !important; margin-bottom:0 !important; } .title-with-icon>span.xxxlarge.clear, .title-with-icon>a>span.xxxlarge.clear { width:128px !important; height:128px !important; line-height:128px !important; margin-bottom:0 !important; } .title-with-icon>span.rounded, .title-with-icon>a>span.rounded {border-bottom:none !important;} .title-with-icon>span.medium.rounded, .title-with-icon>a>span.medium.rounded, .title-with-icon>span.large.rounded, .title-with-icon>a>span.large.rounded, .title-with-icon>span.xlarge.rounded, .title-with-icon>a>span.xlarge.rounded, .title-with-icon>span.xxlarge.rounded, .title-with-icon>a>span.xxlarge.rounded, .title-with-icon>span.xxxlarge.rounded, .title-with-icon>a>span.xxxlarge.rounded, .title-with-icon>span.circle, .title-with-icon>a>span.circle { -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; } .title-with-icon>span.clear, .title-with-icon>a>span.clear { background-color:transparent !important; border-bottom:none !important; } .title-with-icon>span.rounded, .title-with-icon>span.rectangle, .title-with-icon>span.circle {overflow: hidden;} .title-with-icon>a>span.circle, .title-with-icon>span.circle {border:1px solid #dedede;} /** * Interactive Box */ .ozy-iabox-wrapper {} .ozy-iabox { position: relative; padding: 30px 36px !important; background-size: cover; background-position: center center; overflow: hidden; } .ozy-iabox>a { display: block; position: absolute; width: 100%; height: 100%; padding: 30px 36px !important; top: 0; left: 0; text-decoration: none; z-index: 1; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .ozy-iabox>i, .ozy-iabox>a>i { display: block; position: absolute; font-size: 32px; width: 32px; height: 32px; line-height: 32px; text-align: center; padding-top: 2px; right: 36px; bottom: 36px; } .ozy-iabox:hover>a { opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .ozy-iabox>div, .ozy-iabox>h2 { position: relative; z-index: 1; } .ozy-iabox>a>.heading, .ozy-iabox>.heading { margin-bottom: 15px; font-weight: 300 !important; } .ozy-iabox>video { position: absolute; min-width: 100%; min-height: 100%; top: 0; bottom: 0; left: 0; right: 0; display: inline-block; z-index: 0; } /** * Testimonials Slider */ .ozy-testimonials .owl-prev, .ozy-testimonials .owl-next{ display:none !important; } .ozy-testimonials.ozy-owlcarousel .owl-pagination { bottom:-50px !important; } .ozy-testimonials { backround-color: transparent !important; margin-bottom: 3.5em; } .ozy-testimonials .thumb { float: right; display: block; width: 48px !important; height: 48px !important; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .ozy-testimonials img { width: 48px !important; height: 48px !important; max-width: 48px !important; max-height: 48px !important; } .ozy-testimonials .username { line-height: 48px; padding-right: 10px; } .ozy-testimonials .thumb>span { display: block; overflow: hidden; width: 48px; height: 48px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .ozy-testimonials .owl-item>div { text-align: center; position: relative; width: auto; } .ozy-testimonials .owl-item .info .itext { float: right; text-align: right; padding-right: 10px; } .ozy-testimonials .owl-item .info { white-space:nowrap; text-align: right !important; margin-top: 40px; display: inline-block; position: relative; width: auto; } .ozy-testimonials .owl-item .subtitle {top: 30px;} .ozy-testimonials .owl-item .username {top: 20px;} .ozy-testimonials {width: 100% !important;} .ozy-testimonials .testimonial { font-size: 140%; line-height: 140%; font-weight: 300; width:70%; margin:0 auto; } /** * Count To */ .ozy-counter>.timer { font-size: 57px; font-weight: bold; line-height: 57px; text-align: center; } .ozy-counter>span { display: block; font-size: 13px; text-align: center; } .ozy-counter>.hr { display: block; margin: 20px auto; width: 30px; height: 1px; background-color: #000; } /** * Extra CSS definitions */ .row-botton-button { display: block; position: absolute; bottom: 0; left: 50%; margin-left: -30px; width: 60px; height: 60px; font-size: 32px !important; line-height: 60px !important; text-align: center; font-weight: 700; } .ozy-floating-box { position: relative; } .ozy-vertical-centered-element, .ozy-floating-box>div { position: absolute; width: 100%; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); } /* * Core Owl Carousel CSS File * v1.3.2 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .ozy-owlcarousel.navigation-off .owl-controls, .owl-carousel.with-feed .owl-controls { display: none !important; } /* display none until init */ .owl-carousel, .owl-carousel div { max-width: none !important; } .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -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; } .owl-carousel .owl-item{ float: left; overflow:hidden; } .owl-controls .owl-page, .owl-controls .owl-buttons div{cursor: pointer;} .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .ozy-owlcarousel .item, .grabbing {cursor:url(images/handnmove.cur) 8 8, move;} /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* * Owl Carousel Owl Demo Theme * v1.3.2 */ .owl-post-slider { margin-bottom:25px; } .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span{ display: block; width: 8px; height: 8px; margin: 5px 5px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #000; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading{ min-height: 100px; background: url(images/progress.gif) no-repeat center center } .ozy-owlcarousel[data-items="1"] .item { margin: 0 !important; } .ozy-owlcarousel .item>img { display: block; width: 100%; height: auto; } .ozy-owlcarousel .item.item-extended { position: relative; overflow: hidden; /*add this to make sure there is no 1px extra space under the items*/ } .ozy-owlcarousel .item.item-extended p.instagram-meta {text-align: center;} .ozy-owlcarousel .item.item-extended p.instagram-meta span { font-size:32px; padding-right:20px; } .ozy-owlcarousel .item.item-extended p.instagram-meta span i { padding-top:10px; padding-right:10px; } .ozy-owlcarousel .item.item-extended>a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ozy-owlcarousel .item.item-extended>a.hover .overlay-one, .ozy-owlcarousel .item.item-extended>a:hover .overlay-one {top: 100%; /*-100% for different effect*/} .ozy-owlcarousel .item.item-extended>a:hover .overlay-two {top: 0;} .ozy-owlcarousel.with-feed .item.item-extended>a.hover .overlay-two h2 {text-align: center;} .zoom.wpb_single_image>div>div>img, .zoom.wpb_single_image>div>div>a>img, .ozy-owlcarousel .item.item-extended>img, .ozy-image-with-caption>figure>img, .ozy-fancyimagebox>img { max-width:100%; -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); transform:scale(1); -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; } .zoom.wpb_single_image div:hover>a>img, .zoom.wpb_single_image div:hover>img, .ozy-owlcarousel .item.item-extended:hover>img, .ozy-image-with-caption:hover>figure>img, .ozy-fancyimagebox:hover>img { -moz-transform:scale(1.3) rotate(-10deg); -webkit-transform:scale(1.3) rotate(-10deg); -o-transform:scale(1.3) rotate(-10deg); transform:scale(1.3) rotate(-10deg); } .ozy-owlcarousel .item.item-extended>a>div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ozy-owlcarousel .item.item-extended>a .overlay-one { position: relative; -webkit-transition: all 1000ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition: all 1000ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -o-transition: all 1000ms cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 1000ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */ -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */ } .ozy-owlcarousel .item.item-extended>a .overlay-one>* { -moz-box-sizing: border-box; color: #FFFFFF; position: absolute; text-align: center; top: 50%; transform: translate(0px, -50%); -webkit-transform: translate(0px, -43%); -ms-transform: translate(0px, -43%); width: 100%; text-align: center; margin: 0 !important; } .ozy-owlcarousel .item.item-extended>a .overlay-one>h4 {padding:10px;} .ozy-owlcarousel .item.item-extended>a .overlay-one>span { font-size: 80px; line-height: 100px; display: block; } .ozy-owlcarousel .item.item-extended>a .overlay-two { background-color: rgba(255,255,255,0.5); top: 101%; -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -o-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */ -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */ } .ozy-owlcarousel .item.item-extended>a .overlay-two>p { position: absolute; bottom: 10px; padding: 30px; font-size: 20px; line-height: 27px; font-weight: 300 !important; } .ozy-owlcarousel .item.item-extended>a .overlay-two>p>span { display: block; font-size: 26px; line-height: 36px; padding-top: 30px; } .ozy-owlcarousel.with-feed .item.item-extended>a .overlay-two>div { position: absolute;width: 100%;top: 50%;transform: translate(0, -50%);-webkit-transform: translate3d(0, -50%,0);-ms-transform: translate(0, -50%);padding: 0 20px; } .ozy-owlcarousel.with-feed .item.item-extended>a .overlay-two>div>h2, .ozy-owlcarousel.with-feed .item.item-extended>a .overlay-two>div>h5 { font-weight: 300 !important; text-align: center !important; } /*single slider*/ .ozy-owlcarousel.single .owl-item .caption { padding:0 150px; position:absolute; width: 100%; left:0; top: 50%; -webkit-transform: translate(100px,-50%); -moz-transform: translate(100px,-50%); -ms-transform: translate(100px,-50%); transform: translate(100px,-50%); transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .ozy-owlcarousel.single .owl-item.active .caption { -webkit-transform: translate(0px,-50%); -moz-transform: translate(0px,-50%); -ms-transform: translate(0px,-50%); transform: translate(0px,-50%); -webkit-transition-delay: 0.4s; transition-delay: 0.4s; opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .ozy-owlcarousel.single .owl-item .caption a.generic-button, .ozy-owlcarousel.single .owl-item .caption a.frame { display:inline-block; margin-top:10px; border:2px solid #ffffff; padding:6px 14px; text-decoration:none; } .ozy-owlcarousel.single .owl-item .caption a.generic-button { border:none !important; } .ozy-owlcarousel.single .owl-buttons .owl-prev, .ozy-owlcarousel.single .owl-buttons .owl-next { position: absolute; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; top:0; height:100%; left:0; width:100px; height:100%; text-align:center; line-height:64px; font-size:64px; background-color:transparent !important; padding:0 !important; margin:0 !important; } .ozy-owlcarousel.single .owl-buttons .owl-prev i, .ozy-owlcarousel.single .owl-buttons .owl-next i { display:block; position:absolute; width:100%; text-align:center; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .ozy-owlcarousel.single .owl-buttons .owl-next { left:inherit; right:0; } .ozy-owlcarousel.single .owl-controls { text-align: center; margin-top: -28px; } .ozy-owlcarousel.single .owl-pagination { position: relative; bottom: 40px; background: rgba(255, 255, 255, 0.2); height: 10px; display: inline-block; } @media only screen and (max-width: 1200px) { .ozy-owlcarousel.single .owl-pagination {bottom: 40px; } } @media only screen and (max-width: 760px) { .ozy-owlcarousel.single .owl-pagination { bottom: 20px; } } .ozy-owlcarousel.single .owl-pagination .progressbar { position: absolute; top: 0; bottom: 0; left: 5px; max-width: 97%; width: 0px; background: white; z-index: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ transition: width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; } .ozy-owlcarousel.single .owl-pagination .owl-page { display: inline-block; z-index: 10; position: relative; width: 20px; height: 20px; background: #000000; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ margin-left: 80px; top:-5px; transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; -webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05); box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05); } .ozy-owlcarousel.single .owl-controls .owl-page span { width: 10px !important; height: 10px !important; } @media only screen and (max-width: 1200px) { .ozy-owlcarousel.single .owl-pagination .owl-page { margin-left: 40px; } } .ozy-owlcarousel.single .owl-pagination .owl-page:after { content: ''; display: block; position: absolute; top: -1px; left: -1px; width: 22px; height: 22px; background: none; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; border-radius: 12px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ border: 9px solid white; transition: border 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; } .ozy-owlcarousel.single .owl-pagination .owl-page.active:after { border-width: 6px; } .ozy-owlcarousel.single .owl-pagination .owl-page:first-child { margin-left: 0; } /*Owl Testimonial Box*/ .ozy-owlcarousel .item.item-extended.testimonial { border-radius:4px; margin:0 10px; } .ozy-owlcarousel .item.item-extended.testimonial>div>a {text-decoration:none;} .ozy-owlcarousel .item.item-extended.testimonial>div>a>img {float:left;} .ozy-owlcarousel .item.item-extended.testimonial>div>a>div { position:absolute; background-color:#000; background-color:rgba(0,0,0,.8); color:#fff; } .ozy-owlcarousel .item.item-extended.testimonial>div>a { display:block; min-height:400px; text-decoration:none; background-size:cover; background-repeat:no-repeat; } .ozy-owlcarousel .item.item-extended.testimonial>div>a>div.one { /*bottom:100%;*/ bottom:80px; opacity:0; border-top-left-radius:4px; border-top-right-radius:4px; padding:36px; text-align:center; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; } .ozy-owlcarousel .item.item-extended.testimonial>div>a>div.one i.icon-1, .ozy-owlcarousel .item.item-extended.testimonial>div>a>div.one i.icon-2 { position:absolute; font-size:18px !important; opacity:.5; } .ozy-owlcarousel .item.item-extended.testimonial>div>a>div.one i.icon-1 { left:15px; top:15px; -webkit-transform:scaleX(-1); -moz-transform:scaleX(-1); -o-transform:scaleX(-1); -ms-transform:scaleX(-1); transform:scaleX(-1); } .ozy-owlcarousel .item.item-extended.testimonial>div>a>div.one i.icon-2 { right:15px; bottom:15px; -webkit-transform: rotate(-180deg) scaleX(-1); -moz-transform: rotate(-180deg) scaleX(-1); -o-transform: rotate(-180deg) scaleX(-1); -ms-transform: rotate(-180deg) scaleX(-1); transform: rotate(-180deg) scaleX(-1); } .ozy-owlcarousel .item.item-extended.testimonial:hover>div>a>div.one { opacity:1; bottom:100px; } .ozy-owlcarousel .item.item-extended.testimonial>div>a>div.two { bottom:0; height:100px; padding:15px; width:100%; } .ozy-owlcarousel .item.item-extended.testimonial>div>a>div.two>span { position:absolute; top:50%; width:62%; transform: translate(15px, -50%); -webkit-transform: translate(15px, -50%); -ms-transform: translate(15px, -50%); font-size:90%; } .ozy-owlcarousel .item.item-extended.testimonial>div>a>div.two>span>br{margin:0 !important;} .ozy-owlcarousel .item.item-extended.testimonial>div>a .profile-pic { float:left; width:70px; height:70px; border-radius:4px; } /*Owl WooCommerce Carousel*/ .ozy-owlcarousel.woocommerce-carousel .item-extended figure {position:relative;} .ozy-owlcarousel.woocommerce-carousel .item-extended div.overlay { position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.7); opacity:0; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; } .ozy-owlcarousel.woocommerce-carousel .item-extended:hover div.overlay { opacity:1; } .ozy-owlcarousel.woocommerce-carousel .item-extended div.info { text-align:center; } .ozy-owlcarousel.woocommerce-carousel .item-extended div.overlay>div { position:absolute; width:50%; height:110px; top:50%; left:50%; margin-left:-25%; margin-top:-60px; } .ozy-owlcarousel.woocommerce-carousel .item-extended div.overlay>div>a { display:inline-block; width:100%; line-height:50px; text-align:center; font-size:12px; text-decoration:none; } .ozy-owlcarousel.woocommerce-carousel .item-extended div.overlay>div>a.button { background-color:#fff !important; color:#000 !important; margin-bottom:10px; } .ozy-owlcarousel.woocommerce-carousel .item-extended div.overlay>div>a.product-details { background-color:#000 !important; color:#fff !important; } .ozy-owlcarousel.woocommerce-carousel .item-extended div.overlay>div>a.button:hover {background-color:rgba(255,255,255,0.7) !important;} .ozy-owlcarousel.woocommerce-carousel .item-extended div.overlay>div>a.product-details:hover {background-color:rgba(0,0,0,0.7) !important;} /** * Morph Text */ .morphext > span {display: none;} .morphext > .animated {display: inline-block;} .ozy-tlt, .ozy-text-rotate {overflow: hidden;} /** * Master Slider */ .ms-moz .ms-slide-bgcont>img { transform: translateX(0px); }/*firefox fix for 2.9.9*/ .ms-tabs .ms-thumb>h2{line-height:inherit !important;} .master-slider div:not(.ms-tooltip), .master-slider img { max-width: none !important; } .master-slider a { -webkit-transition: none !important; -moz-transition : none !important; transition: none !important; } .wpb_row .master-slider-parent * { /*fix for non fittin sliders like iPhone slider*/ -webkit-box-sizing: content-box !important; box-sizing: content-box !important; } .ms-skin-black-1 .ms-tooltip-point .ms-point-center{margin: -6px 0 0 -6px !important;} .ms-tooltip-point .ms-point-center{border-color:#FF0004 !important;background-color:#CC0003 !important;} .ms-skin-black-1 .ms-tabs .ms-thumb-frame { background-color: #2c2c2c; text-shadow: none !important; color: #fff; border: solid 1px #000; } .ms-skin-black-1 .ms-tabs .ms-thumb-frame-selected {background: #000 !important;} .ms-skin-black-1 .ms-thumb-ol {border-bottom-color:#000 !important;} .page-template-page-masterslider-full-php #main { display: block !important; width: 100% !important; height: 100% !important; } .page-template-page-masterslider-full-php #main>.container { width: 100% !important; height: 100% !important; overflow: hidden !important; } .master-slider-parent { padding-bottom:0 !important; } div.ms-thumbs-cont { max-width: none !important; } /** * Mail Chimp */ .mc_custom_border_hdr, .mc_var_label.mc_header.mc_header_email, .mergeRow{display:none !important;} .mc_form_inside{position: relative;} .mc_merge_var{width: 100%;padding-right: 86px;} .mc_signup_submit{ min-width: 140px; position: absolute; right: 0; padding: 0; text-align: right; bottom: 0; } .mc_signup_submit>input{ padding:12px 10px; } #footer-wrapper #mc_signup_form .mc_input { border-top-right-radius:0!important; border-bottom-right-radius:0!important; } #footer-wrapper #mc_signup_submit { border-top-left-radius:0!important; border-bottom-left-radius:0!important; } /*#mc_signup_submit{margin-top:1.4em !important;}*/ @-moz-document url-prefix() { #mc_signup_submit{height:49px;} } /** * Mail Chimp Widget */ form.ns_widget_mailchimp_form{ position: relative; padding-bottom: 20px; } .ns_widget_mailchimp_email_input_wrapper { position: relative; } form.ns_widget_mailchimp_form input[type=email] { background-color:transparent !important; } form.ns_widget_mailchimp_form input.button, form.ns_widget_mailchimp_form input.button:focus { position: absolute !important; left: auto !important; height: 100% !important; top: 0 !important; right: 0 !important; padding-left: 15px !important; padding-right: 15px !important; border-radius: 30px !important; } form.ns_widget_mailchimp_form label{display: none !important;} /** * Grid Gallery Page Template */ .ozy-grid-gallery { width: 100%; height: auto; } .ozy-grid-gallery>ul { padding:0 !important; } .ozy-grid-gallery li { width: 25%; position: relative; float: left; overflow: hidden; } .ozy-grid-gallery .transform { -webkit-transition: all .25s cubic-bezier(.2, .31, .36, 1); -moz-transition: all .25s cubic-bezier(.2, .31, .36, 1); -o-transition: all .25s cubic-bezier(.2, .31, .36, 1); transition: all .25s cubic-bezier(.2, .31, .36, 1); } .ozy-grid-gallery span { width: 100%; height: 100%; display: block; } .ozy-grid-gallery img { position: relative; width: auto\9; height: auto; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); } .ozy-grid-gallery .info { width: 100%; height: 100%; position: absolute; z-index: 10; background: #000; text-align: center; -webkit-transform: translateZ(0); transform: translateZ(0); } .ozy-grid-gallery .info h3 {color:#fff !important;} .ozy-grid-gallery .title { font-weight: bold; font-size: 20px; color: rgb(43, 43, 43); position: relative; top: 45%; } .page-template-page-grid-gallery-php #main>.container { padding:0 !important; } .page-template-page-grid-gallery-php #main>.container>#content { max-width:100% !important; width:100% !important; padding:0 !important; } /** * 404 & Countdown Template */ body.page-template-page-countdown-php #ozycounter, body.error404 #error404 { padding-top: 60px; position: relative; z-index: 1; } body.page-template-page-countdown-php #ozycounter h1, body.page-template-page-countdown-php #ozycounter p, body.error404 #error404 h1, body.error404 #error404 p { color: #fff !important; text-align: center; } body.error404 #error404 input { margin-top: 60px; width: 100%; } /*body.error404 #error404 .wp-search-form i.oic-zoom {top: 83px;}*/ body.error404 #error404 .wp-search-form {margin-top:35px;} body.page-template-page-countdown-php #canvas, body.error404 #canvas { display: block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:0; } body.page-template-page-countdown-php .post-content { margin-top:30px !important; text-align:center; } body.page-template-page-countdown-php #ozycounter #counter { margin-top:30px; display:inline-block; } body.page-template-page-countdown-php #ozycounter .desc>div { width:25%; text-align:center; float:left; } body.page-template-page-countdown-php #ozycounter #counter .cntSeparator { font-size:32px; font-weight:700; color:#fff; margin:0 10px; line-height:71px; } body.page-template-page-countdown-php #trees, body.error404 #trees { position:absolute; bottom:0; left:0; width:100%; height:457px; background:url(images/assets/trees2.png) no-repeat bottom center; background-size:cover; } /** * Misc Page Templates */ body.error404, body.page-template-page-countdown-php, body.page-template-page-masterslider-full-php { padding: 0 !important; margin: 0 !important; } body.error404 #main, body.page-template-page-countdown-php #main, .page-template-page-masterslider-full-php #main { -ms-transform: translate(0, 0); -moz-transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate(0, 0); -ms-transition: -ms-transform 0.28s ease-in-out; -moz-transition: -moz-transform 0.28s ease-in-out; -webkit-transition: -webkit-transform 0.28s ease-in-out; transition: transform 0.28s ease-in-out; position: relative; } /** * Anything Wrapper 2 */ .ozy-anything-wrapper-x .parallax-wrapper {max-width:100% !important;} .ozy-anything-wrapper-x.v-center { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .ozy-anything-wrapper-x.v-bottom { position: absolute; top:inherit; bottom:0; } .ozy-anything-wrapper-x.h-center { position: absolute; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); } .ozy-anything-wrapper-x.h-right { position: absolute; right:0; transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); } .ozy-anything-wrapper-x.v-center.h-center { transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); } .ozy-anything-wrapper-x.v-center.h-right { transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); } /** * Flip Box */ /* simple */ .flip-container { -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -ms-transform: perspective(1000px); -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; max-width: inherit !important; } .flip-container p>br {margin-bottom: 1em !important;} /* START: Accommodating for IE */ .flip-container:hover .back,.flip-container.hover .back {-webkit-transform:rotateY(0deg);-moz-transform: rotateY(0deg);-o-transform: rotateY(0deg);-ms-transform: rotateY(0deg);transform: rotateY(0deg);} .flip-container:hover .front, .flip-container.hover .front{-webkit-transform:rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);} /* END: Accommodating for IE */ .flip-container, .flip-container .front,.flip-container .back {width:100%;height:100%;/*border-radius:2px;*/} .flip-container .front h3,.flip-container .front p, .flip-container .back h3, .flip-container .back p {text-align: center;} .flip-container .front i,.flip-container .back i {display: block;font-size: 48px;line-height: 48px;text-align: center;margin: 20px 0;} .flipper {-webkit-transition: 0.6s;-webkit-transform-style: preserve-3d;-ms-transition: 0.6s;-moz-transition: 0.6s;-moz-transform: perspective(1000px);-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transition: 0.6s;transform-style: preserve-3d;display: block;position: relative;height: 100%;} .flip-container .front,.flip-container .back {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: 0.6s;-webkit-transform-style: preserve-3d;-moz-transition: 0.6s;-moz-transform-style: preserve-3d;-o-transition: 0.6s;-o-transform-style: preserve-3d;-ms-transition: 0.6s;-ms-transform-style: preserve-3d;transition: 0.6s;transform-style: preserve-3d;display: block;position: absolute;top: 0;left: 0;padding: 36px;background-repeat: no-repeat;background-position: center center;} .flip-container .front{-webkit-transform: rotateY(0deg);-ms-transform: rotateY(0deg);z-index: 2;} .flip-container .back{-webkit-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);-o-transform: rotateY(-180deg);-ms-transform: rotateY(-180deg);transform: rotateY(-180deg);} /* vertical */ .vertical.flip-container{position: relative;} .vertical .back{-webkit-transform: rotateX(180deg);-moz-transform: rotateX(180deg);-ms-transform: rotateX(180deg);transform: rotateX(180deg);} .vertical.flip-container .flipper{-webkit-transform-origin: 100% 213.5px;-moz-transform-origin: 100% 213.5px;-ms-transform-origin: 100% 213.5px;transform-origin: 100% 213.5px;} /* START: Accommodating for IE */ .vertical.flip-container:hover .back,.vertical.flip-container.hover .back{-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-o-transform: rotateX(0deg);-ms-transform: rotateX(0deg);transform: rotateX(0deg);} .vertical.flip-container:hover .front,.vertical.flip-container.hover .front{-webkit-transform: rotateX(180deg);-moz-transform: rotateX(180deg);-o-transform: rotateX(180deg);transform: rotateX(180deg);} /* END: Accommodating for IE */ /** * Horizontal Menu Stuff */ #header, #head-mobile { width: 100%; z-index: 3; position:fixed; top:0; -o-transition: background-color .2s linear; -webkit-transition: background-color.2s linear; -moz-transition: background-color .2s linear; box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.05); -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.05); } body.ozy-page-model-boxed #header { max-width:1212px; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); } #header #slide-menu { float: right; position: absolute; right: 0; top: 0; z-index: 999; -webkit-transition: background .2s; transition: background .2s; } #header .container { margin:0 auto; padding: 0 36px; overflow: inherit !important; } #header>header>div.container{position:relative;} #top-search { position: relative; background-color: #444444 !important; width:100%; z-index:-10; opacity:0; top:0; left:0; -webkit-transition:opacity .25s linear; -moz-transition:opacity .25s linear; transition:opacity .25s linear } .search-input-unfold { width:100%; height:0; display:block; overflow:hidden; position:relative; -webkit-transition:height .25s .2s; -moz-transition:height .25s .2s; transition:height .25s .2s; -webkit-perspective:1600; -moz-perspective:1600; perspective:1600px } .search-input-unfold form { background-color:#fff; height:120px; position:relative; -webkit-transform:rotateX(-100deg); -moz-transform:rotateX(-100deg); -ms-transform:rotateX(-100deg); -o-transform:rotateX(-100deg); transform:rotateX(-100deg); -webkit-transform-origin:top center; -moz-transform-origin:top center; -ms-transform-origin:top center; -o-transform-origin:top center; transform-origin:top center; -webkit-transition:all .25s linear; -moz-transition:all .25s linear; transition:all .25s linear } .search-input-unfold.open { height:120px; -webkit-transition-delay:0; -moz-transition-delay:0; transition-delay:0; } .search-input-unfold.open form { -webkit-transform:rotateX(0); -moz-transform:rotateX(0); -ms-transform:rotateX(0); -o-transform:rotateX(0); transform:rotateX(0); -webkit-transition-delay:.2s; -moz-transition-delay:.2s; transition-delay:.2s; border-bottom:1px inset rgba(0,0,0,0.2); } #top-search.open { opacity:1; z-index:10 } #top-search>form>* {color:#444444 !important;} #top-search>form>input[type=text]{ border:none !important; background-color: transparent !important; width:100%; font-size:60px; line-height:80px; padding-top:20px !important; padding-left:100px !important; padding-right:100px !important; } #top-search i { font-size:60px !important; width:60px !important; height:60px !important; margin-top:-30px !important; } #top-search i.oic-pe-icon-7-stroke-24 {left:20px;} #top-search i.oic-pe-icon-7-stroke-139 {right:20px;} /** * Info Bar */ #info-bar{ width:100%; background-color:#000; height:42px; color:#fff; font-size:12px; } #info-bar i { font-size:18px; line-height:42px; } #info-bar>div>span {vertical-align:super;} #info-bar>div { width:100%; padding:9px 30px; } /** * WPML language switcher */ div.ozy-selectBox {border:1px solid rgba(255, 255, 255, .5);border-radius:20px;padding:0 10px;} div.ozy-selectBox>i { font-size: 12px !important; line-height: 16px !important; padding-right: 10px !important; vertical-align: sub; } div.ozy-selectBox {position:relative;display:inline-block;cursor:default;text-align:left;line-height:22px;clear:both;color:#fff;} span.ozy-selected {width:110px;padding-right:10px;overflow:hidden;vertical-align:middle;} span.ozy-selected>a{text-decoration:none !important;display:inline-block;} span.ozy-selectArrow {width:10px;text-align:center;font-size:10px;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-o-user-select: none;user-select: none;} span.ozy-selectArrow,span.ozy-selected {position:relative;z-index:1;} div.ozy-selectOptions { position:absolute;left:0;top:30px;width:168px;display:none;z-index:1000; padding:10px 0; -webkit-box-shadow: 0px 7px 5px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0px 7px 5px 3px rgba(0,0,0,0.1); box-shadow: 0px 7px 5px 3px rgba(0,0,0,0.1); } span.ozy-selectOption {display:block;width:168px;line-height:20px;padding:5px 10px;} span.ozy-selectOption>a {transition:none !important;text-decoration:none !important;display:inline-block;width:100%;} span.ozy-selectOption:hover {} #info-bar div.top-social-icons>a { border:none !important; line-height: 24px !important; } div.ozy-selectOptions:before { content: ""; display: block; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid red; border-right: 6px solid transparent; border-left: 6px solid transparent; position: absolute; top: -12px; left: 20px; } div[class^="top-info-line-"] { display:none; vertical-align: top; height: 22px; line-height: 22px; margin-top: 2px; } div[class^="top-info-line-"]>span { line-height:22px; vertical-align:inherit; } div[class^="top-info-line-"]>span>i { padding-left:30px; padding-right:10px; line-height:inherit !important; font-size:inherit !important; } div[class="top-info-line-1"]{ display:inline-block; } #info-bar.left div.ozy-selectBox, #info-bar.left div[class^="top-info-line-"] { float:right; } #info-bar.left div[class^="top-info-line-"] { padding-right:30px; } #info-bar.left div.top-social-icons { float:left; } @media only screen and (max-width: 1023px) { #info-bar{display:none;} } @media only screen and (max-width: 1024px) { #info-bar div.top-social-icons {display:none;} } /** * Post List With Title */ .ozy-postlistwithtitle-feed>a { display:inline-block; width:100%; border-bottom:1px solid #dedede; text-decoration:none; text-align: center; padding: 20px 0; } .ozy-postlistwithtitle-feed>a:first-child{border-top:1px solid #dedede;} .ozy-postlistwithtitle-feed>a>p:nth-child(odd){text-transform:uppercase;} .ozy-postlistwithtitle-feed>a:hover * { -webkit-transition: all .2s; transition: all .2s; } /** * Simple Info Box */ .ozy-simlple-info-box { position:relative; background-size:cover !important; border-radius:4px; transform-origin:top center; -webkit-transition:all .10s ease-in-out; -moz-transition:all .10s ease-in-out; transition:all .10s ease-in-out; margin-left:10px; margin-right:10px; } .ozy-simlple-info-box:hover { margin-top:-20px; } .ozy-simlple-info-box>section { width:100%; height:100%; /*padding:10px 30px 20px 30px;*//*v3.0*/ padding:10px 30px 80px 30px;/*v3.1*/ background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.75) 0, rgba(0,0,0,0.75) 3%, rgba(0, 0, 0, 0) 100%); background: -moz-linear-gradient(0deg, rgba(0,0,0,0.75) 0, rgba(0,0,0,0.75) 3%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(0deg, rgba(0,0,0,0.75) 0, rgba(0,0,0,0.75) 3%, rgba(0, 0, 0, 0) 100%); background-position: 50% 50%; -webkit-background-origin: padding-box; background-origin: padding-box; -webkit-background-clip: border-box; background-clip: border-box; -webkit-background-size: auto auto; background-size: auto auto; border-radius:4px; } .ozy-simlple-info-box>section>a { position:absolute; /*v3.1*/ bottom:20px; /*v3.1*/ display:inline-block; border:1px solid #fff; padding:6px 18px; font-size:11px !important; /*margin-top:20px;*/ /*v3.0*/ border-radius:220px; text-decoration:none; } .ozy-simlple-info-box h1, .ozy-simlple-info-box h2, .ozy-simlple-info-box h3, .ozy-simlple-info-box h4, .ozy-simlple-info-box h5, .ozy-simlple-info-box h6 { line-height:1.1em !important; } /** * Fancybox */ .fancybox-inner img{max-width:100%;} .fancybox-inner img.block{display:block;} /** * Simple Hove Image Box */ .ozy-simple-hove-box>h5 { position:relative; padding-left:30px; margin-bottom:10px; } .ozy-simple-hove-box>h5>span.cbox{ width:18px; height:18px; display:block; position:absolute; top:50%; left:0; margin-top:-9px; } .ozy-simple-hove-box>a { position:relative; display:block; } .ozy-simple-hove-box>a>img { display:block; max-width:100%; } .ozy-simple-hove-box>a>section { position:absolute; width:100%; height:100%; top:0; left:0; opacity:0; -webkit-transition: all .2s; transition: all .2s; } .ozy-simple-hove-box>a>section>p { padding:20px; text-align:center; } .ozy-simple-hove-box>a:hover>section { opacity:1; } /** * Row Background Slider */ #ozy-background-cycler{ padding:0; margin:0; width:100%; height:100%; position:absolute; top:0; left:0; z-index:0; display:none; } #ozy-background-cycler.centered { max-width:1140px; left:50%; transform:translateX(-50%); } #ozy-background-cycler>div{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; background-position:center center; background-size:cover; } #ozy-background-cycler>div.active{z-index:3} /** * Latest Blog Posts */ ul.blog-listing-latest { list-style-type:none !important;padding-left:0 !important;display:inline-block;} ul.blog-listing-latest>li{ float:left; clear:both; margin-bottom:20px; } ul.blog-listing-latest>li h4{line-height:1em !important;} ul.blog-listing-latest>li div.box-date{background-color:#000;float:left;margin:0 20px 20px 0;min-height:60px;width:50px} ul.blog-listing-latest>li div.box-date>span{display:block;text-align:center} ul.blog-listing-latest>li div.box-date>span.d{background-color:#666;font-size:22px;font-weight:700;line-height:40px} ul.blog-listing-latest>li div.box-date>span.m{font-size:12px;text-transform:uppercase} ul.blog-listing-latest>li div.info-bar{font-size:90%} ul.blog-listing-latest>li div.box-wrapper{margin-left:70px} /** * Spinner List */ .ozy-spinner-list>ul { padding:0 !important; } .ozy-spinner-list>ul>li { list-style:none; } .ozy-spinner-list>ul>li>div { position: relative; margin:0 auto; padding:0 36px; -webkit-transition: all .2s; transition: all .2s; } .ozy-spinner-list>ul>li>div>a { display:inline-block; font-size:30px; text-decoration:none !important; width:100%; padding:60px 0; } .ozy-spinner-list>ul>li>div:hover { padding-left:76px; } .ozy-spinner-list>ul>li>div>a>span { display:block; font-size:11px; font-style:italic; padding-top:10px; } /** * News Bar */ .ozy-news-bar>ul { padding:0 !important; } .ozy-news-bar>ul>li { list-style:none; float:left; width:25%; padding-right:36px; } .ozy-news-bar>ul>li:first-child { padding-left:36px; } .ozy-news-bar>ul>li>h1 { margin:0 0 10px 0 !important; line-height:1em !important; } .ozy-news-bar>ul>li a { font-weight:700; } .ozy-news-bar>ul>li:first-child>h1 { font-size:68px !important; font-weight:700 !important; } .ozy-news-bar>ul>li:first-child>h2 { font-size:34px !important; font-weight:700 !important; } .ozy-news-bar>ul>li:first-child>a { display:inline-block; padding:6px 2px 6px 18px; border-radius:22px; margin-top:10px; font-weight:500 !important; text-decoration:none !important; } .ozy-news-bar>ul>li:first-child>a>i { padding-left:20px !important; font-size:24px !important; vertical-align: middle; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; } .ozy-news-bar>ul>li:first-child>a:hover>i{padding-left:30px !important;} /** * Fancy Post Accordion */ .ozy-fancyaccordion-feed>a { display:inline-block; width:100%; border-top:1px solid #dedede; border-bottom:1px solid #dedede; margin-top:-1px; text-decoration:none; } .ozy-fancyaccordion-feed>a:first-child {margin-top:1px;} .ozy-fancyaccordion-feed>div.panel, .ozy-fancyaccordion-feed>a>span { position: relative; display:block; margin:0 auto; max-width:1140px; } .ozy-fancyaccordion-feed>a>span>h3 {padding:10px 0;} .ozy-fancyaccordion-feed>a>span>h3.t { margin-left:180px; display:inline-block; } .ozy-fancyaccordion-feed>a>span>div.d { position:absolute; display:block; float:left; width:160px; height:100%; padding:10px 0; border-right:1px solid #dedede; } .ozy-fancyaccordion-feed>a>span>h3.i { display:block; width:32px; font-size:42px !important; font-weight:300 !important; margin:30px 0 0 0 !important; float:right; text-align:center; line-height:0 !important; } .ozy-fancyaccordion-feed>a>span>i { display:block; float:right; font-size:32px; text-align:center; } .ozy-fancyaccordion-feed>a>p:nth-child(odd) {text-transform:uppercase;} .ozy-fancyaccordion-feed>div.panel { overflow:hidden; display:none; } .ozy-fancyaccordion-feed>div.panel>div { margin-left:159px; border-left:1px solid #dedede; padding:20px 0 20px 20px; } span.plus-icon { display:block; width:32px; height:32px; top:50%; right:0; margin-top:-16px; position:absolute;; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: 1; -webkit-animation-direction: alternate; -webkit-animation-timing-function: ease-in-out; -webkit-animation-fill-mode: both; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; -moz-animation-direction: alternate; -moz-animation-timing-function: ease-in-out; -moz-animation-fill-mode: both; animation-duration: 1s; animation-iteration-count: 1; animation-direction: alternate; animation-timing-function: ease-in-out; animation-fill-mode: both; } span.plus-icon>span { position:absolute; background-color:#000; width:32px; height:32px; } span.plus-icon>.v { width:4px; left:50%; margin-left:-2px; } span.plus-icon>.h { height:4px; top:50%; margin-top:-2px; } .ozy-fancyaccordion-feed span.category { position: relative; margin-left:20px; padding:3px 5px; font-size:12px !important; top: -4px; } span.plus-icon.open {-webkit-animation-name: plusToClose;-moz-animation-name: plusToClose;animation-name: plusToClose;} span.plus-icon.close {-webkit-animation-name: closeToPlus;-moz-animation-name: closeToPlus;animation-name: closeToPlus;} @-webkit-keyframes plusToClose {100% {transform: rotate(405deg);}} @-webkit-keyframes closeToPlus {0% {transform: rotate(405deg);}100% {transform: rotate(0deg);}} @-moz-keyframes plusToClose {100% {transform: rotate(405deg);}} @-moz-keyframes closeToPlus {0% {transform: rotate(405deg);}100% {transform: rotate(0deg);}} @keyframes plusToClose {100% {transform: rotate(405deg);}} @keyframes closeToPlus {0% {transform: rotate(405deg);}100% {transform: rotate(0deg);}} /** * Colored Content Box */ .ozy-colored-content-box>section {text-align:center;} .ozy-colored-content-box img {max-width:100%;} .ozy-colored-content-box>section.overlay { position:absolute; width:100%; height:80px; bottom:0; left:0; transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; } .ozy-colored-content-box:hover>section.overlay { bottom:100%; opacity:0; } .ozy-colored-content-box>section>span.caption:after { content: ""; display: table; clear:both; } .ozy-colored-content-box>section>span.tag { display:block; font-size:12px; } .ozy-colored-content-box>section>span.caption { padding:6px 10px; margin-bottom: 10px; display:inline-block !important; } .ozy-colored-content-box:hover>section.overlay-two { top:0; margin-top:0; } .ozy-colored-content-box>section.overlay-two { position:absolute; width:100%; height:100%; top:100%; margin-top:-6px; z-index:1; transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; } /** * Image Box With Caption */ .ozy-image-with-caption section {padding:30px;} .ozy-image-with-caption section span.tag{ display:inline-block; margin-top: 5px; margin-bottom: 5px; padding: 5px 10px; font-size: 12px; line-height: 1.5; } .ozy-image-with-caption figure { overflow:hidden; position:relative; } .ozy-image-with-caption figure>span { position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; opacity:0; -webkit-transition: all .2s; transition: all .2s; } .ozy-image-with-caption:hover figure>span {opacity:1;} .ozy-image-with-caption figure>span>i { font-size:128px; line-height:128px; width:128px; height:128px; position:absolute; top:50%; margin-top:-64px; left:50%; margin-left:-64px; } .ozy-image-with-caption-wrapper.column-2>a, .ozy-image-with-caption-wrapper.column-3>a, .ozy-image-with-caption-wrapper.column-4>a {float:left;} .ozy-image-with-caption-wrapper.column-4>a {width:25%;} .ozy-image-with-caption-wrapper.column-1>a {width:100%;} .ozy-image-with-caption-wrapper.column-2>a {width:50%;} .ozy-image-with-caption-wrapper.column-3>a {width:33.333%;} @media only screen and (max-width: 920px) { .ozy-image-with-caption-wrapper.column-4>a, .ozy-image-with-caption-wrapper.column-2>a, .ozy-image-with-caption-wrapper.column-3>a {width:50%;} } @media only screen and (max-width: 479px) { .ozy-image-with-caption-wrapper.column-4>a, .ozy-image-with-caption-wrapper.column-2>a, .ozy-image-with-caption-wrapper.column-3>a {width:100%;} } /** * Fancy Image Box */ .ozy-colored-content-box, .ozy-image-with-caption, .ozy-fancyimagebox { position: relative; overflow:hidden; display:block; text-decoration:none !important; } .ozy-colored-content-box img, .ozy-image-with-caption img, .ozy-fancyimagebox img { position:relative; display:block; } .ozy-fancyimagebox>section { position:absolute; width:100%; height:100%; top:0; left:0; background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.75) 0, rgba(0,0,0,0.75) 3%, rgba(0, 0, 0, 0) 100%); background: -moz-linear-gradient(0deg, rgba(0,0,0,0.75) 0, rgba(0,0,0,0.75) 3%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(0deg, rgba(0,0,0,0.75) 0, rgba(0,0,0,0.75) 3%, rgba(0, 0, 0, 0) 100%); background-position: 50% 50%; -webkit-background-origin: padding-box; background-origin: padding-box; -webkit-background-clip: border-box; background-clip: border-box; -webkit-background-size: auto auto; background-size: auto auto; } .ozy-fancyimagebox>section>section { position:absolute; bottom:0; width:100%; padding-bottom:40px; text-align:center; } .ozy-fancyimagebox>section>section>span.tag { display:inline-block; padding:3px 9px; border:1px solid red; font-size:80%; background-color:rgba(0,0,0,0.40); } .ozy-fancyimagebox>section>section>span.line { width:50px; height:1px; display:inline-block; border-bottom:1px solid red; } /** * Timeline */ .ozy-timeline-wrapper { position: relative; padding-top: 40px; } .ozy-timeline-wrapper>.timeline-caption { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; text-align: center; font-weight: 300 !important; } .ozy-timeline-wrapper>.timeline-caption>span { padding: 10px 15px; border-radius: 2px; background-color: #222222; color: #fff; } .timeline { list-style: none; padding: 20px 0 20px 0 !important; position: relative; } .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 3px; background-color: #eeeeee; left: 50%; margin-left: -1.5px; } .timeline > li { margin-bottom: 20px; position: relative; } .timeline > li:before, .timeline > li:after { content: " "; display: table; } .timeline > li:after { clear: both; } .timeline > li:before, .timeline > li:after { content: " "; display: table; } .timeline > li:after { clear: both; } .timeline > li > .timeline-panel { width: 46%; float: left; border: 1px solid #d4d4d4; border-radius: 2px; padding: 20px; position: relative; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); } .timeline > li > .timeline-panel:before { position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #ccc; border-right: 0 solid #ccc; border-bottom: 15px solid transparent; content: " "; } .timeline > li > .timeline-panel:after { position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #fff; border-right: 0 solid #fff; border-bottom: 14px solid transparent; content: " "; } .timeline > li > .timeline-badge { color: #fff; width: 50px; height: 50px; line-height: 55px; font-size: 1.5em; text-align: center; position: absolute; top: 16px; left: 50%; margin-left: -25px; background-color: #999999; z-index: 100; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; } .timeline > li.timeline-inverted > .timeline-panel { float: right; } .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } .timeline-title{margin-top: 0;color:inherit;} .timeline-body > p,.timeline-body > ul{margin-bottom: 0;} .timeline-body > p + p{margin-top: 5px;} @media (max-width: 767px) { ul.timeline:before{left: 40px;} ul.timeline > li > .timeline-panel{width: calc(100% - 90px);width: -moz-calc(100% - 90px);width: -webkit-calc(100% - 90px);} ul.timeline > li > .timeline-badge{left:15px;margin-left: 0;top: 16px;} ul.timeline > li > .timeline-panel{float: right;} ul.timeline > li > .timeline-panel:before{border-left-width: 0;border-right-width: 15px;left: -15px;right: auto;} ul.timeline > li > .timeline-panel:after{border-left-width: 0;border-right-width: 14px;left: -14px;right: auto;} } /** * Knockout Text */ .ozy-knockout-text { background-blend-mode: exclusion; background-position: center center; } .ozy-knockout-text>div { mix-blend-mode: screen; text-align: center; background-color: white; margin: 0px; } .ozy-knockout-text>div h2.masked-text { color: black; font-weight:900 !important; } /** * Wide Call to Action */ .ozy-wide-call-to-action { max-height:160px; height:160px; overflow:hidden; position:relative; } .ozy-wide-call-to-action>div.gradient { position:absolute; width: 770px; top: -168px; height: 589px; transform:rotate(-20deg); } .ozy-wide-call-to-action>div.gradient>div { position:absolute; height:115px; font-size:40px; right:150px; top: 230px; transform: rotate(20deg); } .ozy-wide-call-to-action>div.gradient>div>h3 { font-size:30px !important; margin:0 !important; line-height: 1.2em !important; } .ozy-wide-call-to-action>div.bar { height:115px; width:100%; background-color:#000; position:absolute; bottom:0; left:0; } .ozy-wide-call-to-action>div.bar>div { float:right; width:50%; height:115px; } .ozy-wide-call-to-action>div.bar>div>i { font-size:70px; font-weight:100; line-height:115px; } .ozy-wide-call-to-action>div.bar>div>div { position:relative; display:inline-block; width:30%; height:115px; vertical-align:bottom; } .ozy-wide-call-to-action>div.bar>div>div>h5, .ozy-wide-call-to-action>div.bar>div>div>a { position:absolute; top:50%; transform:translateY(-50%); margin:0 !important; } .ozy-wide-call-to-action>div.bar>div>div>a { display:inline-block; padding: 0 17px; height: 44px; line-height: 44px; border-radius: 22px; text-decoration: none; white-space:nowrap !important; font-weight:700; left:50%; transform:translate(-50%, -50%); } .ozy-wide-call-to-action>div.bar>div>div>h5>br{margin:0!important;} @media screen and (max-width:1400px){ .ozy-wide-call-to-action>div.gradient { width: 500px; } .ozy-wide-call-to-action>div.gradient>div { top:190px; } .ozy-wide-call-to-action>div.bar>div>div{ width:42%; } } @media screen and (max-width:1100px){ .ozy-wide-call-to-action { max-height:inherit; height:inherit; } .ozy-wide-call-to-action>div { position:inherit !important; } .ozy-wide-call-to-action>div.gradient { top:inherit; left:inherit; width:100%; height:160px; transform:rotate(0deg); } .ozy-wide-call-to-action>div.bar>div { width:100%; float:none; padding:0 30px; } .ozy-wide-call-to-action>div.gradient>div { top:50%; left:50%; transform:translate(-50%, -50%); text-align:center; } } @media screen and (max-width:479px){ .ozy-wide-call-to-action>div.bar>div>i/*, .ozy-wide-call-to-action>div.bar>div>div.part2*/ { display:none !important; } .ozy-wide-call-to-action>div.bar>div>div.part1, .ozy-wide-call-to-action>div.bar>div>div.part2 { height:auto; padding:20px 0; } .ozy-wide-call-to-action>div.bar>div>div.part1, .ozy-wide-call-to-action>div.bar>div>div.part1>*, .ozy-wide-call-to-action>div.bar>div>div.part2, .ozy-wide-call-to-action>div.bar>div>div.part2>* { width:100%; text-align:center; } .ozy-wide-call-to-action>div.gradient>div { width:100%; height:auto; } .ozy-wide-call-to-action>div.bar, .ozy-wide-call-to-action>div.bar>div { height:auto; } .ozy-wide-call-to-action>div.bar>div>div>h5, .ozy-wide-call-to-action>div.bar>div>div>a { position:inherit; transform:none; left:inherit; top:inherit; } } /** * Hover Card */ .ozy-hover-card { position:relative; transform:translateY(-75px); z-index: 1; } .ozy-hover-card>div { background-color:#fff; -webkit-transition: all 300ms cubic-bezier(0.445, 0.050, 0.550, 0.950); -moz-transition: all 300ms cubic-bezier(0.445, 0.050, 0.550, 0.950); -o-transition: all 300ms cubic-bezier(0.445, 0.050, 0.550, 0.950); transition: all 300ms cubic-bezier(0.445, 0.050, 0.550, 0.950); /* easeInOutSine */ -webkit-box-shadow: 0px 4px 5px 6px rgba(0,0,0,0.02); -moz-box-shadow: 0px 4px 5px 6px rgba(0,0,0,0.02); box-shadow: 0px 4px 5px 6px rgba(0,0,0,0.02); } .ozy-hover-card>div.f { position:absolute; bottom:-20px; opacity:0; z-index:999; } .ozy-hover-card:hover>div.f { bottom:0; opacity:1; padding-bottom:20px; } .ozy-hover-card:hover>div.f a { display:inline-block; padding-top:10px; font-weight:700; text-decoration:none; } .ozy-hover-card>div.f a>span { font-size:11px !important; } .ozy-hover-card:hover>div.f a:hover>span { border-bottom:2px solid #000; } .ozy-hover-card:hover>div.s { transform:translateY(100%;); opacity:0; } .ozy-hover-card>div.s { -webkit-transition: all 600ms cubic-bezier(0.445, 0.050, 0.550, 0.950); -moz-transition: all 600ms cubic-bezier(0.445, 0.050, 0.550, 0.950); -o-transition: all 600ms cubic-bezier(0.445, 0.050, 0.550, 0.950); transition: all 600ms cubic-bezier(0.445, 0.050, 0.550, 0.950); /* easeInOutSine */ z-index:998; } .ozy-hover-card>div>div>h3 { margin:0 !important; font-weight:700 !important; } .ozy-hover-card>div>div { padding:15px 20px; } .ozy-hover-card>div>div>i { font-size:72px !important; } @media screen and (max-width:479px){ .ozy-hover-card { margin:10px 0; transform:none; } .ozy-hover-card>div.f { position:relative; opacity:1; } .ozy-hover-card>div.s { display:none; } } /** * Service Box */ .ozy-service-box { display:inline-block; padding:20px 30px 0 30px; text-align:center; text-decoration:none !important; border:1px solid #dedede; background-color:#fff; } .ozy-service-box>i { display:inline-block; width:100%; font-size:80px; transition:all 200ms linear; } .ozy-service-box>i.s { font-size:64px; } .ozy-service-box>span { display:inherit !important; padding: 20px 0 0 0; font-size:115%; font-weight:700 !important; transition:all 200ms linear; } /** * Primary Menu */ @media screen and (min-width:1120px){ body.classic-menu #top-menu .menu-item-wpml>a, body.classic-menu #top-menu .menu-item-search>a {padding-right:0 !important;} body.classic-menu #top-menu .menu-item-wpml>a {padding-right:17px !important;} body.classic-menu #top-menu .menu-item-wpml>ul{width:140px !important;} body.classic-menu #top-menu .menu-item-wpml>ul>li>a {min-width:140px !important;} body.classic-menu #top-menu .menu-item-wpml>a:before, body.classic-menu #top-menu .menu-item-wpml>a:after {display:none !important;} body.classic-menu #top-menu .menu-item-wpml>a>span, body.classic-menu #top-menu .menu-item-search>a>span { width:44px; height:44px; border:1px solid red; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; display:inline-block; text-align: center; } body.classic-menu #top-menu .menu-item-wpml>a>span>span, body.classic-menu #top-menu .menu-item-search>a>span>span {display:none;} body.classic-menu #top-menu .menu-item-search>a>span {text-indent:4px;} body.classic-menu #top-menu .menu-item-search:last-child {margin-right:17px;} body.classic-menu #top-menu.left .logo { left:inherit; right:0; } body.classic-menu #top-menu.left>ul {float:left;} body.classic-menu #top-menu.left .menu-item-wpml:first-child>a { margin-left:17px; padding-right:0 !important; } } /*logistic logo click mobile menu fix*/ @media screen and (max-width: 1120px) { body.classic-menu #top-menu #head-mobile { z-index:998 !important; } #top-menu, #top-menu .logo { z-index:999 !important; } } /*clickable mobile menu*/ @media screen and (max-width: 1024px) { body.classic-menu #top-menu .logo { z-index:999; /*width:70%; margin-left:15%*/ width: 100%; } } #top-menu .logo{ padding:0 36px; position:absolute; left:0; top:0; z-index: 999; } #top-menu .logo #logo { z-index:999; } #top-menu .logo>a>img {vertical-align:middle;} nav#top-menu{ position:relative; width:100%; } body.classic-menu #top-menu > ul { display:inline-block; float:right; margin-right:19px; position:absolute; top:50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); } body.classic-menu #top-menu, body.classic-menu #top-menu ul, body.classic-menu #top-menu ul li, body.classic-menu #top-menu ul li a, body.classic-menu #top-menu #head-mobile{ border:0; list-style:none; line-height:1; display:block; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } body.classic-menu #top-menu ul ul ul{z-index:1} body.classic-menu #top-menu ul li a>img {padding-right:5px;} body.classic-menu #top-menu:after, body.classic-menu #top-menu > ul:after{ content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; } body.classic-menu #top-menu #head-mobile{display:none} body.classic-menu #top-menu > ul > li{float:left} body.classic-menu #top-menu > ul > li > a{ padding:0 17px; font-size:12px; letter-spacing:1px; text-decoration:none; color:#ddd; font-weight:700; } body.classic-menu #top-menu > ul > li.has-sub > a{padding-right:30px} body.classic-menu #top-menu > ul > li.has-sub > a:after{ position:absolute; top:50%; margin-top:-1px; right:11px; width:8px; height:2px; display:block; background:#ddd; content:''; } body.classic-menu #top-menu > ul > li.has-sub > a:before{ position:absolute; /*top:19px;*/ top:50%; margin-top:-4px; right:14px; display:block; width:2px; height:8px; background:#ddd; content:''; -webkit-transition:all .25s ease; -ms-transition:all .25s ease; transition:all .25s ease; } body.classic-menu #top-menu > ul > li.has-sub:hover > a:before{ margin-top:0px; height:0; } body.classic-menu #top-menu ul ul{ position:absolute; left:-9999px; } body.classic-menu #top-menu ul ul li{ /*height:0;*/ height: auto; -webkit-transition:all .25s ease; -ms-transition:all .25s ease; background:#333; transition:all .25s ease; } body.classic-menu #top-menu li:hover > ul{left:auto} body.classic-menu #top-menu li:hover > ul > li{min-height:35px;} body.classic-menu #top-menu ul ul ul{ margin-left:100%; top:0; } body.classic-menu #top-menu ul ul li a{ border-bottom:1px solid rgba(150,150,150,0.15); padding:11px 15px; min-width:200px; font-size:12px; text-decoration:none; color:#ddd; font-weight:500; } body.classic-menu #top-menu ul ul li:last-child > a, body.classic-menu #top-menu ul ul li.last-item > a{border-bottom:0} body.classic-menu #top-menu ul ul li.has-sub > a:after{ position:absolute; top:16px; right:11px; width:8px; height:2px; display:block; background:#ddd; content:''; } body.classic-menu #top-menu ul ul li.has-sub > a:before{ position:absolute; top:13px; right:14px; display:block; width:2px; height:8px; background:#ddd; content:''; -webkit-transition:all .25s ease; -ms-transition:all .25s ease; transition:all .25s ease; } body.classic-menu #top-menu ul ul > li.has-sub:hover > a:before{top:17px;height:0} body.classic-menu #top-menu ul ul li.has-sub:hover, body.classic-menu #top-menu > ul ul{ box-shadow: 0px 10px 10px 5px rgba(119, 119, 119, 0.05); -moz-box-shadow: 0px 10px 10px 5px rgba(119, 119, 119, 0.05); -webkit-box-shadow: 0px 10px 10px 5px rgba(119, 119, 119, 0.05); } @media screen and (max-width:1280px){ body.classic-menu #top-menu>ul>li.has-sub>a:before, body.classic-menu #top-menu>ul>li.has-sub>a:after{display:none;} body.classic-menu #top-menu>ul>li>a{padding:0 8px !important;font-size:12px!important;} } @media screen and (max-width:1120px){ body.admin-bar #header{margin-top:0px;} #page-title-wrapper{margin-top:72px;}/*add margin to title as same as height of menu bar*/ .logo{ position:absolute; top:0; left: 0; width:100%; height:46px; text-align:center; float:none; } body.overlay-menu .logo{ text-align:inherit; } body.overlay-menu .menu-item-search { top: 14px !important; z-index:9997 !important; } body.overlay-menu .primary-menu-bar-wrapper button { top: 22px !important; z-index:9999 !important; } body.overlay-menu .primary-menu-bar-wrapper nav { z-index:9998 !important; } .logo>a>img { max-height:46px; width:inherit; } .logo2{display:none} nav#top-menu{width:100%;} #top-menu{width:100%} #top-menu, #top-menu .logo { line-height:72px !important; height:72px !important; } body.classic-menu #top-menu ul { width:100%; display:none; } body.classic-menu #top-menu > div { z-index: 1; } body.classic-menu #top-menu > ul{ display: inline-block !important; position: absolute; top: -100vh; height:inherit !important; line-height:inherit !important; margin-right: 0 !important; z-index: 0; transition: all .5s ease; } body.classic-menu #top-menu > ul.open { opacity: 1; top: 108px; } body.classic-menu #top-menu ul li{ width:100%; border-top:1px solid #444; } body.classic-menu #top-menu>ul>li:last-child {border-bottom:1px solid #444;} body.classic-menu #top-menu ul li:hover{background:#363636;} body.classic-menu #top-menu ul ul li, body.classic-menu #top-menu li:hover > ul > li{height:auto} body.classic-menu #top-menu ul li a, body.classic-menu #top-menu ul ul li a{ width:100%; border-bottom:0; } body.classic-menu #top-menu > ul > li{float:none} body.classic-menu #top-menu ul ul li a{padding-left:25px} body.classic-menu #top-menu ul ul ul li a{padding-left:35px} body.classic-menu #top-menu ul ul li a{background:none;} body.classic-menu #top-menu ul ul li:hover > a, body.classic-menu #top-menu ul ul, body.classic-menu #top-menu ul ul ul{ position:relative; left:0; width:100%; margin:0; text-align:left; } body.classic-menu #top-menu > ul > li.has-sub > a:after, body.classic-menu #top-menu > ul > li.has-sub > a:before, body.classic-menu #top-menu ul ul > li.has-sub > a:after, body.classic-menu #top-menu ul ul > li.has-sub > a:before{display:none} body.classic-menu #top-menu #head-mobile{ display:block; padding:23px; color:#ddd; font-size:12px; font-weight:700; } body.classic-menu #top-menu .menu-button{ width:55px; height:46px; position:absolute; right:0; top:14px; cursor:pointer; z-index: 12399994; } body.classic-menu #top-menu .menu-button:after{ position: absolute; top: 22px; right: 20px; display: block; height: 8px; width: 20px; border-top: 2px solid #dddddd; border-bottom: 2px solid #dddddd; content: ''; } body.classic-menu #top-menu .menu-button:before{ -webkit-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; position:absolute; top:16px; right:20px; display:block; height:2px; width:20px; background:#ddd; content:''; } body.classic-menu #top-menu .menu-button.menu-opened:after{ -webkit-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; top:23px; border:0; height:2px; width:19px; background:#fff; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); } body.classic-menu #top-menu .menu-button.menu-opened:before{ top:23px; background:#fff; width:19px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); } body.classic-menu #top-menu .submenu-button{ position:absolute; z-index:99; right:0; top:0; display:block; border-left:1px solid #444; height:46px; width:46px; cursor:pointer; } body.classic-menu #top-menu .submenu-button.submenu-opened{background:#262626} body.classic-menu #top-menu ul ul .submenu-button{ height:34px; width:34px; } body.classic-menu #top-menu .submenu-button:after{ position:absolute; top:22px; right:19px; width:8px; height:2px; display:block; content:''; } body.classic-menu #top-menu ul ul .submenu-button:after{ top:15px; right:13px; } body.classic-menu #top-menu .submenu-button:before{ position:absolute; top:19px; right:22px; display:block; width:2px; height:8px; content:''; } body.classic-menu #top-menu ul ul .submenu-button:before{ top:12px; right:16px; } body.classic-menu #top-menu .submenu-button.submenu-opened:before{display:none} body.classic-menu #top-menu ul ul ul li.active a{border-left:none;} body.classic-menu #top-menu > ul > li.has-sub > ul > li.active > a, body.classic-menu #top-menu > ul ul > li.has-sub > ul > li.active > a{border-top:none} body.classic-menu #top-menu .menu-item-search>a>span>i, body.classic-menu #top-menu .menu-item-wpml>a>span>img {padding-right:5px;} #top-search>form>input[type=text] {font-size:16px;} #top-search i { font-size: 40px !important; margin-top: -22px !important; } } /** * Overlay Menu */ body.overlay-menu.open #top-menu .logo { z-index: 0; } body.overlay-menu .primary-menu-bar-wrapper ul { list-style: none; margin: 0; padding: 0; } body.overlay-menu .primary-menu-bar-wrapper button { background-color: transparent; position: absolute; z-index: 2; top: 45px; left:inherit; right:35px; border: none; width: 36px; height: 25px; outline: none; cursor:pointer; -webkit-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; font-size:40px; } body.overlay-menu .primary-menu-bar-wrapper button.two { top:42px; } body.overlay-menu.open .primary-menu-bar-wrapper button.two {/*prevent double X appears when menu open*/ opacity:0; } body.overlay-menu .primary-menu-bar-wrapper button:before { content: ""; position: absolute; top: -15px; right: 0; bottom: 0; left: 0; margin: auto; /*right: auto;*/ width: 36px; height:4px; background: #fff; box-shadow: 0 0.25em 0 0 #fff, 0 0.5em 0 0 #fff; -webkit-transition: opacity 0.2s ease-out, width 0.2s 0.2s ease-out, background 0.2s ease-out, box-shadow 0.2s ease-out; transition: opacity 0.2s ease-out, width 0.2s 0.2s ease-out, background 0.2s ease-out, box-shadow 0.2s ease-out; } body.overlay-menu .primary-menu-bar-wrapper button:after { opacity: 0; content: '×'; color: white; position: absolute; top: 16px; left: -4px; font-family:initial; font-size: 76px; line-height: 0; -webkit-transition: opacity 0.4s ease-out; transition: opacity 0.4s ease-out; } body.overlay-menu .primary-menu-bar-wrapper button:active { -webkit-transform: translateY(2px); transform: translateY(2px); } body.overlay-menu .primary-menu-bar-wrapper button:hover {opacity: .5} body.overlay-menu.open .primary-menu-bar-wrapper button:before { opacity: 0; width: 0; } body.overlay-menu.open .primary-menu-bar-wrapper button:after { opacity: 1; -webkit-transform: translate3d(0, 0, 0) rotate(360deg); transform: translate3d(0, 0, 0) rotate(360deg); -webkit-transition: opacity 0.4s 1s ease-out, -webkit-transform 0.4s 1s ease-out; transition: opacity 0.4s 1s ease-out, -webkit-transform 0.4s 1s ease-out; transition: transform 0.4s 1s ease-out, opacity 0.4s 1s ease-out; transition: transform 0.4s 1s ease-out, opacity 0.4s 1s ease-out, -webkit-transform 0.4s 1s ease-out; } body.overlay-menu .primary-menu-bar-wrapper nav { z-index: 1; position: fixed; top: -100%; left: 0; width: 100%; height: 100%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } body.overlay-menu .primary-menu-bar-wrapper nav:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: rgba(0, 0, 0, 0.95); width: 100%; height: 0; padding-bottom: 100%; border-radius: 100%; -webkit-transform: scale(0.04), translateY(9999px); transform: scale(0.04), translateY(9999px); overflow: hidden; } body.overlay-menu.open .primary-menu-bar-wrapper nav {top: 0;} body.overlay-menu.open .primary-menu-bar-wrapper nav:before { -webkit-animation: menu-animation 0.8s ease-out forwards; animation: menu-animation 0.8s ease-out forwards; } body.overlay-menu .primary-menu-bar-wrapper ul.menu { position: fixed; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000; color: white; } body.overlay-menu .primary-menu-bar-wrapper ul.menu li { line-height:1.4em !important; opacity: 0; text-align: center; -webkit-transform: translate3d(0, 36px, 0); transform: translate3d(0, 36px, 0); } body.overlay-menu .primary-menu-bar-wrapper ul.menu>li {padding:2px 10px;} body.overlay-menu .primary-menu-bar-wrapper ul.menu li li {padding:2px 5px;} body.overlay-menu .primary-menu-bar-wrapper ul.menu>li>a {letter-spacing:-2px;} body.overlay-menu .primary-menu-bar-wrapper ul.menu li ul>li { font-size:20px; line-height:27px; } body.overlay-menu .primary-menu-bar-wrapper ul.menu li a {text-decoration:none;} body.overlay-menu .primary-menu-bar-wrapper ul.menu li:not(.dropdown):before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; left: auto; background-color: white; height: 100%; width: 0; overflow: hidden; -webkit-transition: width 0.14s ease-out; transition: width 0.14s ease-out; } body.overlay-menu .primary-menu-bar-wrapper ul.menu li:not(.dropdown):hover:before { left: 0; right: auto; width: 100%; } body.overlay-menu.open .primary-menu-bar-wrapper ul.menu li { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out; transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out; transition: transform 0.2s ease-out, opacity 0.2s ease-out; transition: transform 0.2s ease-out, opacity 0.2s ease-out, -webkit-transform 0.2s ease-out; } body.overlay-menu.open .primary-menu-bar-wrapper ul.menu li, body.overlay-menu.open .primary-menu-bar-wrapper #menu-social-icons, body.overlay-menu.open .primary-menu-bar-wrapper #top-search { -webkit-transition-delay: 0.75s; transition-delay: 0.75s; } body.overlay-menu .primary-menu-bar-wrapper #menu-social-icons { position:absolute; bottom:30px; left:50%; height:48px; opacity:0; transform:translateX(-50%); -webkit-transform:translateX(-50%); -webkit-transition: opacity 0.75s; transition: opacity 0.75s; } body.overlay-menu .primary-menu-bar-wrapper #menu-social-icons>div { line-height:1em !important; width:60px; height:2px; background-color:red; /*margin:0 auto 20px auto;*/ margin: 30px auto 0px auto; } body.overlay-menu.open .primary-menu-bar-wrapper #menu-social-icons {line-height:1em !important;opacity:1;text-align: center;} body.overlay-menu .primary-menu-bar-wrapper #menu-social-icons>a { display: inline-block; text-align:center !important; text-decoration: none !important; overflow: hidden; width:30px; height:40px; } body.overlay-menu .primary-menu-bar-wrapper #menu-social-icons>a>span { font-size: 23px !important; line-height: 46px !important; font-weight:300 !important; -webkit-transition: color .4s; transition: color .4s; } body.overlay-menu .primary-menu-bar-wrapper .menu li.dropdown>a:after { font-family:'ozythemes'; content:"\e442"; font-weight:100; font-size:30px; display:table-cell; position:absolute; /*top:8px;*/ top:0; right:-40px; } body.overlay-menu .primary-menu-bar-wrapper .menu li.open.dropdown>a:after {content:"\e50e";} body.overlay-menu .primary-menu-bar-wrapper .menu li>ul {margin:0 auto;} body.overlay-menu .primary-menu-bar-wrapper .menu li { display:table; margin:0 auto; } body.overlay-menu .primary-menu-bar-wrapper .menu>li, body.overlay-menu .primary-menu-bar-wrapper .menu>li>ul>li { width:auto !important; } body.overlay-menu .primary-menu-bar-wrapper .menu li>a {position:relative;} body.overlay-menu .menu-item-search { position:absolute; top:38px; right:100px; line-height:44px !important; } body.overlay-menu .menu-item-search>a { height: 44px; line-height: 44px; font-family: "Raleway"; font-weight: 900; font-size: 13px; } body.overlay-menu .menu-item-search>a>span { width:44px; height:44px; border:1px solid red; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; display:inline-block; text-align: center; } body.overlay-menu #overlay-language-switcher { /*width:100%;*/ display:inline-block; } body.overlay-menu #overlay-language-switcher>li { float:left; } body.overlay-menu #overlay-language-switcher>li:not(:first-child):before { content: ' / '; display:inline-block; padding:0 10px; } @media only screen and (max-height: 800px) { body.overlay-menu .primary-menu-bar-wrapper ul.menu>li {font-size:22px !important;} body.overlay-menu .primary-menu-bar-wrapper ul.menu li ul>li{font-size:16px !important;} body.overlay-menu .primary-menu-bar-wrapper .menu li.dropdown>a:after{ font-size:22px; top:3px; right:-30px; } body.overlay-menu.open .primary-menu-bar-wrapper #menu-social-icons{ width:100% !important; text-align:center !important; } body.overlay-menu .primary-menu-bar-wrapper #menu-social-icons>div{height:1px !important;} body.overlay-menu .primary-menu-bar-wrapper #menu-social-icons>a{width:30px !important;} body.overlay-menu .primary-menu-bar-wrapper #menu-social-icons>a>span { font-size: 26px !important; line-height: 26px !important; } } @-webkit-keyframes menu-animation { 0% { opacity: 0; -webkit-transform: scale(0.04) translateY(300%); transform: scale(0.04) translateY(300%); } 40% { -webkit-transform: scale(0.04) translateY(0); transform: scale(0.04) translateY(0); -webkit-transition: ease-out; transition: ease-out; } 40% { -webkit-transform: scale(0.04) translateY(0); transform: scale(0.04) translateY(0); } 60% { opacity: 1; -webkit-transform: scale(0.02) translateY(0px); transform: scale(0.02) translateY(0px); } 61% { -webkit-transform: scale(0.04); transform: scale(0.04); } 99.9% { height: 0; padding-bottom: 100%; border-radius: 100%; } 100% { -webkit-transform: scale(2); transform: scale(2); height: 100%; padding-bottom: 0; border-radius: 0; } } @keyframes menu-animation { 0% { opacity: 0; -webkit-transform: scale(0.04) translateY(300%); transform: scale(0.04) translateY(300%); } 40% { -webkit-transform: scale(0.04) translateY(0); transform: scale(0.04) translateY(0); -webkit-transition: ease-out; transition: ease-out; } 40% { -webkit-transform: scale(0.04) translateY(0); transform: scale(0.04) translateY(0); } 60% { opacity: 1; -webkit-transform: scale(0.02) translateY(0px); transform: scale(0.02) translateY(0px); } 61% { -webkit-transform: scale(0.04); transform: scale(0.04); } 99.9% { height: 0; padding-bottom: 100%; border-radius: 100%; } 100% { -webkit-transform: scale(2); transform: scale(2); height: 100%; padding-bottom: 0; border-radius: 0; } } /** * Particles Background */ .vc_row.has-particle-background { overflow:hidden; } #particles-js{ position:absolute; top:0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } /** * Responsive Definitions */ @media only screen and (min-width: 1024px) {} @media only screen and (max-width: 1024px) { .ozy-page-model-boxed #main {display: block !important;} .ozy-page-model-full.ozy-page-model-no-sidebar #content>div>article>div>.wpb_row>.parallax-wrapper{ padding-left:0 !important; padding-right:0 !important; } /*mailchimp bottom widget*/ .mc_signup_submit{position:inherit !important;} .mc_merge_var{padding:0 !important;} .mc_merge_var input, .mc_signup_submit #mc_signup_submit { width:100% !important; margin:0 !important; } #footer-wrapper #mc_signup_form .mc_input { border-top-right-radius:30px !important; border-bottom-right-radius:30px !important; } #footer-wrapper #mc_signup_submit { border-top-left-radius:30px !important; border-bottom-left-radius:30px !important; } } @media only screen and (max-width: 920px) { #to-top-button {display: none !important;} .ozy-anything-wrapper {padding: 20px !important;} .ozy-fancyaccordion-feed span.category{display:none;} .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button {margin-bottom: 35px !important;} .wpb_gmaps_widget.wpb_content_element {margin-bottom:0 !important;} #footer-widget-bar, #footer-widget-bar>.container {padding-bottom:0 !important;} #footer-widget-bar{padding-top:20px;} } @media only screen and (max-width: 1024px) and (min-width: 769px) { .ozy-page-model-full .container { width: 100%; -webkit-text-size-adjust: 100%; /* Prevents Mobile Safari from bumping up font sizes in landscape */ } .ozy-page-model-boxed #main>.container{padding: 0;} .ozy-page-model-boxed #main>.container, .ozy-page-model-boxed .container{ width: 100%; -webkit-text-size-adjust: 100%; } #title {height: 60px !important;} #tagline {line-height: 20px !important;} #content {width: 100%;} #sidebar {width: 100%;} .post-content, .post-meta { padding-left: 0 !important; margin-left: 0 !important; } .ozy-latest-posts>a { width: 15.66666666666667%; margin-right: 1%; } .ozy-icon {margin-bottom:20px !important;} .ozy-spinner-list>ul>li>div, .ozy-fancyaccordion-feed>div.panel, .ozy-fancyaccordion-feed>a>span {padding-left:36px; } span.plus-icon {right:36px;} /* page */ #page-title-wrapper {min-height:80px !important;} /* vc */ #footer>footer>.container, #footer-widget-bar>.container, #page-title-wrapper>div, body.page-template-default.ozy-page-model-full #main>.container.no-vc, .ozy-page-model-full.ozy-page-model-no-sidebar #content>div>article>div>.wpb_row:not(.ozy-custom-full-row) { padding-left:20px !important; padding-right:20px !important; } } @media only screen and (max-width: 800px) { #footer-widget-bar>.container>section{padding:0px 20px 0 20px;} div.parallax-wrapper div.parallax-wrapper{ margin-left:0 !important; margin-right:0 !important; } .ozy-page-model-has-sidebar #main>.container #content.left-sidebar {margin-left:0 !important;} /*full page*/ body.page-template-page-row-slider-php .ozy-page-model-full #content>.wpb_row.vc_row-fluid>div.parallax-wrapper, #full-page .wpb_row>div.parallax-wrapper {height:100% !important;} #full-page #content>.wpb_row>div.parallax-wrapper>div.vc_column_container {height:50% !important;} #full-page .ozy-anything-wrapper-x {width:100% !important;} /*fancy accordion*/ .ozy-spinner-list>ul>li>div, .ozy-fancyaccordion-feed>div.panel, .ozy-fancyaccordion-feed>a>span {padding-left:15px; } .ozy-fancyaccordion-feed>a>span>.d {display:none !important;} .ozy-fancyaccordion-feed>a>span>h3.t{margin-left:0 !important;} .ozy-fancyaccordion-feed>div.panel>div{ margin-left:0 !important; border:none !important; padding:20px 0 !important; } span.plus-icon {right:15px;} /*single slider*/ .ozy-owlcarousel.single .owl-item .caption { padding-top:20px !important; } .ozy-owlcarousel.single .owl-item .caption h1 { font-size:20px !important; line-height:1em !important; } /*news box*/ .ozy-news-bar>ul>li{ width:100%; padding:20px 36px; } /*single side navigation & info bar*/ .info-bar, .nav-box{display:none !important;} } @media only screen and (max-width: 768px) and (min-width: 480px) { .ozy-page-model-full .container { width: 100%; -webkit-text-size-adjust: 100%; } .ozy-page-model-boxed #main>.container{padding: 0;} .ozy-page-model-boxed #main>.container, .ozy-page-model-boxed .container{ width: 100%; -webkit-text-size-adjust: 100%; } #content {width: 100%;} #sidebar {width: 100%;} #footer .container {padding-top: 0;} #footer-content { border: 0; padding: 10px; } #single-blog-tags>a { display: inline-block; float: left; margin-bottom: 6px; } /*news box*/ .ozy-news-bar>ul>li{ width:100%; padding:20px 36px; } /*flip box*/ .flip-container .front p, .flip-container .back p, #ozy-share-div>span {display: none !important;} #ozy-share-div>.share-icon {padding: 2px !important;} #ozy-related-posts-wrapper > .newer-older {top: -25px !important;} #ozy-related-posts-wrapper>h4{margin-top: 30px !important;} .post-content, .post-meta { padding-left: 0 !important; margin-left: 0 !important; } .ozy-icon {margin-bottom:20px !important;} /* vc */ body.ozy-page-model-full:not(.page-template-page-row-slider-php) .wpb_row:not(.ozy-custom-full-row) .parallax-wrapper>.vc_column_container { margin-left:0 !important; margin-right:0 !important; padding-left:0 !important; padding-right:0 !important; } .vc_responsive .wpb_row .vc_col-sm-4 { width: 100% !important; padding-bottom:36px; } #page-title-wrapper>div, .ozy-page-model-full .container.no-vc, .ozy-page-model-full.ozy-page-model-no-sidebar #content>div>article>div>.wpb_row:not(.ozy-custom-full-row) { padding-left:36px !important; padding-right:36px !important; } /*layout*/ #footer-widget-bar>.container>section { width: 49% !important; } #footer-widget-bar>.container>section:nth-child(3) { clear:both; } .ozy-spinner-list>ul>li>div, .ozy-fancyaccordion-feed>div.panel, .ozy-fancyaccordion-feed>a>span {padding-left:36px; } span.plus-icon {right:36px;} } @media only screen and (max-width: 479px) { .container { padding: 0 10px !important; width: 100%; -webkit-text-size-adjust: 100%; /* Prevents Mobile Safari from bumping up font sizes in landscape */ } #main>.container {padding: 0 !important;} #page-title-wrapper>div, body.page-template-default.ozy-page-model-full #main>.container.no-vc, .parallax-wrapper .vc_col-sm-12.wpb_column.vc_column_container { padding-left: 20px !important; padding-right: 20px !important; } #page-title-wrapper { max-height:200px !important; overflow:visible !important; } .wpb_row, .ozy-page-model-full #content .wpb_row.ozy-custom-full-row .parallax-wrapper .vc_col-sm-12.wpb_column.vc_column_container { padding-left: 0 !important; padding-right: 0 !important; } .ozy-page-model-boxed.ozy-page-model-no-sidebar #main>.container .wpb_row, .ozy-page-model-full .container.no-vc, .ozy-page-model-full.ozy-page-model-no-sidebar #content>div>article>div>.wpb_row:not(.ozy-custom-full-row) {/*, .ozy-page-model-has-sidebar #main>.container*/ padding-left:0 !important; padding-right:0 !important; } body.has-page-title #main>.container {padding-top: 0 !important;} #tagline {line-height: 20px !important;} #content.left-sidebar, #content.right-sidebar, #content {width: 100%;} #content.no-vc{padding:10px !important;} .ozy-spacer {height:10px !important;} .ozy-owlcarousel .item.item-extended>a .overlay-two>p, .flip-container .front p, .flip-container .back p, .ozy-team_member figcaption p {display:none !important;} .ozy-team_member figcaption {height:170px !important;} .full-tabs.wpb_tabs .wpb_tabs_nav li {display:block !important;margin-top:-1px !important;} #sidebar { padding: 15px; width: 100%; /* 3 columns */ float: none; } #sidebar>ul:first-child>li>h4 {border-bottom: none !important;} #footer-widget-bar .widget-area>.separator{display:none;} #footer .container {padding-top: 0;} #footer .top-social-icons>a{border-color:transparent !important} #footer-content { border: 0; padding: 10px; } #footer>footer>.container{height:100% !important;line-height:1.5em !important;} #footer>footer>.container>div{padding-top:15px !important;width: 100% !important;} .post-content, .post-meta { padding-left: 0 !important; margin-left: 0 !important; } .simple-post-format>div {padding: 10px 10px 5px 10px !important;} .simple-post-format>div>span {display: none !important;} .post-excerpt-quote blockquote, .simple-post-format.post-excerpt-aside>div {max-width: 230px !important;} blockquote { padding: 10px 10px 10px 30px !important; text-align: inherit !important; } blockquote:before { top: 10px !important; left: 10px !important; } blockquote, .post-excerpt-quote blockquote { font-size: 14px !important; line-height: 21px !important; } .post-excerpt-quote blockquote>p {max-width: 190px !important;} .post-excerpt-audio>div>div { margin-left:0 !important; padding-left: 0 !important; max-width: 210px !important; } .post-excerpt-audio>div img {display:none !important;} /* Single */ .ozy-related-posts>li { width: 100% !important; padding-left: 0 !important; margin-bottom: 20px !important; } #ozy-share-div>span {display: none !important;} #ozy-share-div>.share-icon {padding: 2px !important;} #ozy-related-posts-wrapper > .newer-older {top: -25px !important;} #ozy-related-posts-wrapper > .newer-older a {font-size: 80%;} /*layout*/ #footer-widget-bar>.container>section { width: 99% !important; margin-right: 0; } #footer .top-social-icons>a>span{line-height:inherit !important;} .ozy-icon {margin-bottom:20px !important;} .title-with-icon-wrapper.clear>.left-cs.title-with-icon-content.xxlarge{padding-left:0;} /*fancy accordion*/ .ozy-spinner-list>ul>li>div, .ozy-fancyaccordion-feed>div.panel, .ozy-fancyaccordion-feed>a>span {padding-left:15px; } .ozy-fancyaccordion-feed>a>span>.d {display:none !important;} .ozy-fancyaccordion-feed>a>span>h3.t{margin-left:0 !important;} .ozy-fancyaccordion-feed>div.panel>div{ margin-left:0 !important; border:none !important; padding:20px 0 !important; } span.plus-icon {display:none !important;} .ozy-tlt, h1{ font-size:26px !important; line-height:32px !important; } h2{ font-size:22px !important; line-height:30px !important; } h3{ font-size:18px !important; line-height:22px !important; } h6{ font-size:12px !important; line-height:20px !important; letter-spacing:normal !important; } /*news box*/ .ozy-news-bar>ul>li{ width:100%; padding:20px 36px; } /*anything wrapper 2*/ .ozy-anything-wrapper-x {padding:20px !important;} /*single slider*/ .ozy-owlcarousel.single .owl-item .caption{padding:0 !important;} /*vc override*/ .vc_col-xs-1,.vc_col-sm-1,.vc_col-md-1,.vc_col-lg-1,.vc_col-xs-2,.vc_col-sm-2,.vc_col-md-2,.vc_col-lg-2,.vc_col-xs-3,.vc_col-sm-3, .vc_col-md-3,.vc_col-lg-3,.vc_col-xs-4,.vc_col-sm-4,.vc_col-md-4,.vc_col-lg-4,.vc_col-xs-5,.vc_col-sm-5,.vc_col-md-5,.vc_col-lg-5, .vc_col-xs-6,.vc_col-sm-6,.vc_col-md-6,.vc_col-lg-6,.vc_col-xs-7,.vc_col-sm-7,.vc_col-md-7,.vc_col-lg-7,.vc_col-xs-8,.vc_col-sm-8, .vc_col-md-8,.vc_col-lg-8,.vc_col-xs-9,.vc_col-sm-9,.vc_col-md-9,.vc_col-lg-9,.vc_col-xs-10,.vc_col-sm-10,.vc_col-md-10,.vc_col-lg-10, .vc_col-xs-11,.vc_col-sm-11,.vc_col-md-11,.vc_col-lg-11,.vc_col-xs-12,.vc_col-sm-12,.vc_col-md-12,.vc_col-lg-12{padding-left:10px;padding-right:10px;} body.ozy-page-model-full:not(.page-template-page-row-slider-php) .wpb_row:not(.ozy-custom-full-row) .parallax-wrapper>.vc_column_container { margin-left:0 !important; margin-right:0 !important; padding-left:10px !important; padding-right:10px !important; } .vc_responsive .wpb_row .vc_col-sm-4 { width: 100% !important; padding-bottom:20px; } } /* * Visual Composer Row Gap Fix */ .vc_row.vc_column-gap-1>.parallax-wrapper>.vc_column_container{padding:.5px}.vc_row.vc_column-gap-2{margin-left:-16px;margin-right:-16px}.vc_row.vc_column-gap-2>.parallax-wrapper>.vc_column_container{padding:1px}.vc_row.vc_column-gap-3{margin-left:-16.5px;margin-right:-16.5px}.vc_row.vc_column-gap-3>.parallax-wrapper>.vc_column_container{padding:1.5px}.vc_row.vc_column-gap-4{margin-left:-17px;margin-right:-17px}.vc_row.vc_column-gap-4>.parallax-wrapper>.vc_column_container{padding:2px}.vc_row.vc_column-gap-5{margin-left:-17.5px;margin-right:-17.5px}.vc_row.vc_column-gap-5>.parallax-wrapper>.vc_column_container{padding:2.5px}.vc_row.vc_column-gap-10{margin-left:-20px;margin-right:-20px}.vc_row.vc_column-gap-10>.parallax-wrapper>.vc_column_container{padding:5px}.vc_row.vc_column-gap-15{margin-left:-22.5px;margin-right:-22.5px}.vc_row.vc_column-gap-15>.parallax-wrapper>.vc_column_container{padding:7.5px}.vc_row.vc_column-gap-20{margin-left:-25px;margin-right:-25px}.vc_row.vc_column-gap-20>.parallax-wrapper>.vc_column_container{padding:10px}.vc_row.vc_column-gap-25{margin-left:-27.5px;margin-right:-27.5px}.vc_row.vc_column-gap-25>.parallax-wrapper>.vc_column_container{padding:12.5px}.vc_row.vc_column-gap-30{margin-left:-30px;margin-right:-30px}.vc_row.vc_column-gap-30>.parallax-wrapper>.vc_column_container{padding:15px}.vc_row.vc_column-gap-35{margin-left:-32.5px;margin-right:-32.5px}.vc_row.vc_column-gap-35>.parallax-wrapper>.vc_column_container{padding:17.5px} /* Retina media query. Overrides styles for devices with a device-pixel-ratio of 2+, such as iPhone 4. ----------------------------------------------- */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { input, textarea, button, select { -webkit-appearance: none; /*Safari/Chrome*/ -moz-appearance: none; /*Firefox*/ -ms-appearance: none; /*IE*/ -o-appearance: none; /*Opera*/ appearance: none; -webkit-border-radius: 0; } } /** * Animate.css - http://daneden.me/animate * Licensed under the ☺ license (http://licence.visualidiot.com/) */ .animation{-webkit-animation: infinite;-moz-animation: infinite;animation: infinite;}.animated{-webkit-animation-duration:1s; -moz-animation-duration:1s; -o-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both;}.animated.hinge{-webkit-animation-duration:2s; -moz-animation-duration:2s; -o-animation-duration:2s; animation-duration:2s;}@-webkit-keyframes flash{0%, 50%, 100%{opacity:1;} 25%, 75%{opacity:0;} }@-moz-keyframes flash{0%, 50%, 100%{opacity:1;} 25%, 75%{opacity:0;} }@-o-keyframes flash{0%, 50%, 100%{opacity:1;} 25%, 75%{opacity:0;} }@keyframes flash{0%, 50%, 100%{opacity:1;} 25%, 75%{opacity:0;} }.flash{-webkit-animation-name:flash; -moz-animation-name:flash; -o-animation-name:flash; animation-name:flash;} @-webkit-keyframes shake{0%, 100%{-webkit-transform:translateX(0);} 10%, 30%, 50%, 70%, 90%{-webkit-transform:translateX(-10px);} 20%, 40%, 60%, 80%{-webkit-transform:translateX(10px);} }@-moz-keyframes shake{0%, 100%{-moz-transform:translateX(0);} 10%, 30%, 50%, 70%, 90%{-moz-transform:translateX(-10px);} 20%, 40%, 60%, 80%{-moz-transform:translateX(10px);} }@-o-keyframes shake{0%, 100%{-o-transform:translateX(0);} 10%, 30%, 50%, 70%, 90%{-o-transform:translateX(-10px);} 20%, 40%, 60%, 80%{-o-transform:translateX(10px);} }@keyframes shake{0%, 100%{transform:translateX(0);} 10%, 30%, 50%, 70%, 90%{transform:translateX(-10px);} 20%, 40%, 60%, 80%{transform:translateX(10px);} }.shake{-webkit-animation-name:shake; -moz-animation-name:shake; -o-animation-name:shake; animation-name:shake;} @-webkit-keyframes bounce{0%, 20%, 50%, 80%, 100%{-webkit-transform:translateY(0);} 40%{-webkit-transform:translateY(-30px);} 60%{-webkit-transform:translateY(-15px);} }@-moz-keyframes bounce{0%, 20%, 50%, 80%, 100%{-moz-transform:translateY(0);} 40%{-moz-transform:translateY(-30px);} 60%{-moz-transform:translateY(-15px);} }@-o-keyframes bounce{0%, 20%, 50%, 80%, 100%{-o-transform:translateY(0);} 40%{-o-transform:translateY(-30px);} 60%{-o-transform:translateY(-15px);} } @keyframes bounce{0%, 20%, 50%, 80%, 100%{transform:translateY(0);} 40%{transform:translateY(-30px);} 60%{transform:translateY(-15px);} }.bounce{-webkit-animation-name:bounce; -moz-animation-name:bounce; -o-animation-name:bounce; animation-name:bounce;} @-webkit-keyframes tada{0%{-webkit-transform:scale(1);} 10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);} 40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);} 100%{-webkit-transform:scale(1) rotate(0);} }@-moz-keyframes tada{0%{-moz-transform:scale(1);} 10%, 20%{-moz-transform:scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90%{-moz-transform:scale(1.1) rotate(3deg);} 40%, 60%, 80%{-moz-transform:scale(1.1) rotate(-3deg);} 100%{-moz-transform:scale(1) rotate(0);} }@-o-keyframes tada{0%{-o-transform:scale(1);} 10%, 20%{-o-transform:scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90%{-o-transform:scale(1.1) rotate(3deg);} 40%, 60%, 80%{-o-transform:scale(1.1) rotate(-3deg);} 100%{-o-transform:scale(1) rotate(0);} }@keyframes tada{0%{transform:scale(1);} 10%, 20%{transform:scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90%{transform:scale(1.1) rotate(3deg);} 40%, 60%, 80%{transform:scale(1.1) rotate(-3deg);} 100%{transform:scale(1) rotate(0);} }.tada{-webkit-animation-name:tada; -moz-animation-name:tada; -o-animation-name:tada; animation-name:tada;} @-webkit-keyframes swing{20%, 40%, 60%, 80%, 100%{-webkit-transform-origin:top center;} 20%{-webkit-transform:rotate(15deg);} 40%{-webkit-transform:rotate(-10deg);} 60%{-webkit-transform:rotate(5deg);} 80%{-webkit-transform:rotate(-5deg);} 100%{-webkit-transform:rotate(0deg);} }@-moz-keyframes swing{20%{-moz-transform:rotate(15deg);} 40%{-moz-transform:rotate(-10deg);} 60%{-moz-transform:rotate(5deg);} 80%{-moz-transform:rotate(-5deg);} 100%{-moz-transform:rotate(0deg);} }@-o-keyframes swing{20%{-o-transform:rotate(15deg);} 40%{-o-transform:rotate(-10deg);} 60%{-o-transform:rotate(5deg);} 80%{-o-transform:rotate(-5deg);} 100%{-o-transform:rotate(0deg);} }@keyframes swing{20%{transform:rotate(15deg);} 40%{transform:rotate(-10deg);} 60%{transform:rotate(5deg);} 80%{transform:rotate(-5deg);} 100%{transform:rotate(0deg);} }.swing{-webkit-transform-origin:top center; -moz-transform-origin:top center; -o-transform-origin:top center; transform-origin:top center; -webkit-animation-name:swing; -moz-animation-name:swing; -o-animation-name:swing; animation-name:swing;} /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);} 15%{-webkit-transform:translateX(-25%) rotate(-5deg);} 30%{-webkit-transform:translateX(20%) rotate(3deg);} 45%{-webkit-transform:translateX(-15%) rotate(-3deg);} 60%{-webkit-transform:translateX(10%) rotate(2deg);} 75%{-webkit-transform:translateX(-5%) rotate(-1deg);} 100%{-webkit-transform:translateX(0%);} }@-moz-keyframes wobble{0%{-moz-transform:translateX(0%);} 15%{-moz-transform:translateX(-25%) rotate(-5deg);} 30%{-moz-transform:translateX(20%) rotate(3deg);} 45%{-moz-transform:translateX(-15%) rotate(-3deg);} 60%{-moz-transform:translateX(10%) rotate(2deg);} 75%{-moz-transform:translateX(-5%) rotate(-1deg);} 100%{-moz-transform:translateX(0%);} }@-o-keyframes wobble{0%{-o-transform:translateX(0%);} 15%{-o-transform:translateX(-25%) rotate(-5deg);} 30%{-o-transform:translateX(20%) rotate(3deg);} 45%{-o-transform:translateX(-15%) rotate(-3deg);} 60%{-o-transform:translateX(10%) rotate(2deg);} 75%{-o-transform:translateX(-5%) rotate(-1deg);} 100%{-o-transform:translateX(0%);} }@keyframes wobble{0%{transform:translateX(0%);} 15%{transform:translateX(-25%) rotate(-5deg);} 30%{transform:translateX(20%) rotate(3deg);} 45%{transform:translateX(-15%) rotate(-3deg);} 60%{transform:translateX(10%) rotate(2deg);} 75%{transform:translateX(-5%) rotate(-1deg);} 100%{transform:translateX(0%);} }.wobble{-webkit-animation-name:wobble; -moz-animation-name:wobble; -o-animation-name:wobble; animation-name:wobble;} /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);} 50%{-webkit-transform:scale(1.1);} 100%{-webkit-transform:scale(1);} } @-moz-keyframes pulse{0%{-moz-transform:scale(1);} 50%{-moz-transform:scale(1.1);} 100%{-moz-transform:scale(1);} } @-o-keyframes pulse{0%{-o-transform:scale(1);} 50%{-o-transform:scale(1.1);} 100%{-o-transform:scale(1);} } @keyframes pulse{0%{transform:scale(1);} 50%{transform:scale(1.1);} 100%{transform:scale(1);} }.pulse{-webkit-animation-name:pulse; -moz-animation-name:pulse; -o-animation-name:pulse; animation-name:pulse;} @-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(0); -webkit-animation-timing-function:ease-out;} 40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function:ease-out;} 50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function:ease-in;} 80%{-webkit-transform:perspective(400px) rotateY(360deg) scale(.95); -webkit-animation-timing-function:ease-in;} 100%{-webkit-transform:perspective(400px) scale(1); -webkit-animation-timing-function:ease-in;} } @-moz-keyframes flip{0%{-moz-transform:perspective(400px) rotateY(0); -moz-animation-timing-function:ease-out;} 40%{-moz-transform:perspective(400px) translateZ(150px) rotateY(170deg); -moz-animation-timing-function:ease-out;} 50%{-moz-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-animation-timing-function:ease-in;} 80%{-moz-transform:perspective(400px) rotateY(360deg) scale(.95); -moz-animation-timing-function:ease-in;} 100%{-moz-transform:perspective(400px) scale(1); -moz-animation-timing-function:ease-in;} } @-o-keyframes flip{0%{-o-transform:perspective(400px) rotateY(0); -o-animation-timing-function:ease-out;} 40%{-o-transform:perspective(400px) translateZ(150px) rotateY(170deg); -o-animation-timing-function:ease-out;} 50%{-o-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -o-animation-timing-function:ease-in;} 80%{-o-transform:perspective(400px) rotateY(360deg) scale(.95); -o-animation-timing-function:ease-in;} 100%{-o-transform:perspective(400px) scale(1); -o-animation-timing-function:ease-in;} } @keyframes flip{0%{transform:perspective(400px) rotateY(0); animation-timing-function:ease-out;} 40%{transform:perspective(400px) translateZ(150px) rotateY(170deg); animation-timing-function:ease-out;} 50%{transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function:ease-in;} 80%{transform:perspective(400px) rotateY(360deg) scale(.95); animation-timing-function:ease-in;} 100%{transform:perspective(400px) scale(1); animation-timing-function:ease-in;} }.flip{-webkit-backface-visibility:visible !important; -webkit-animation-name:flip; -moz-backface-visibility:visible !important; -moz-animation-name:flip; -o-backface-visibility:visible !important; -o-animation-name:flip; backface-visibility:visible !important; animation-name:flip;} @-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg); opacity:0;} 40%{-webkit-transform:perspective(400px) rotateX(-10deg);} 70%{-webkit-transform:perspective(400px) rotateX(10deg);} 100%{-webkit-transform:perspective(400px) rotateX(0deg); opacity:1;} } @-moz-keyframes flipInX{0%{-moz-transform:perspective(400px) rotateX(90deg); opacity:0;} 40%{-moz-transform:perspective(400px) rotateX(-10deg);} 70%{-moz-transform:perspective(400px) rotateX(10deg);} 100%{-moz-transform:perspective(400px) rotateX(0deg); opacity:1;} } @-o-keyframes flipInX{0%{-o-transform:perspective(400px) rotateX(90deg); opacity:0;} 40%{-o-transform:perspective(400px) rotateX(-10deg);} 70%{-o-transform:perspective(400px) rotateX(10deg);} 100%{-o-transform:perspective(400px) rotateX(0deg); opacity:1;} } @keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg); opacity:0;} 40%{transform:perspective(400px) rotateX(-10deg);} 70%{transform:perspective(400px) rotateX(10deg);} 100%{transform:perspective(400px) rotateX(0deg); opacity:1;} }.flipInX{-webkit-backface-visibility:visible !important; -webkit-animation-name:flipInX; -moz-backface-visibility:visible !important; -moz-animation-name:flipInX; -o-backface-visibility:visible !important; -o-animation-name:flipInX; backface-visibility:visible !important; animation-name:flipInX;} @-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg); opacity:1;} 100%{-webkit-transform:perspective(400px) rotateX(90deg); opacity:0;} }@-moz-keyframes flipOutX{0%{-moz-transform:perspective(400px) rotateX(0deg); opacity:1;} 100%{-moz-transform:perspective(400px) rotateX(90deg); opacity:0;} }@-o-keyframes flipOutX{0%{-o-transform:perspective(400px) rotateX(0deg); opacity:1;} 100%{-o-transform:perspective(400px) rotateX(90deg); opacity:0;} }@keyframes flipOutX{0%{transform:perspective(400px) rotateX(0deg); opacity:1;} 100%{transform:perspective(400px) rotateX(90deg); opacity:0;} }.flipOutX{-webkit-animation-name:flipOutX; -webkit-backface-visibility:visible !important; -moz-animation-name:flipOutX; -moz-backface-visibility:visible !important; -o-animation-name:flipOutX; -o-backface-visibility:visible !important; animation-name:flipOutX; backface-visibility:visible !important;} @-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg); opacity:0;} 40%{-webkit-transform:perspective(400px) rotateY(-10deg);} 70%{-webkit-transform:perspective(400px) rotateY(10deg);} 100%{-webkit-transform:perspective(400px) rotateY(0deg); opacity:1;} } @-moz-keyframes flipInY{0%{-moz-transform:perspective(400px) rotateY(90deg); opacity:0;} 40%{-moz-transform:perspective(400px) rotateY(-10deg);} 70%{-moz-transform:perspective(400px) rotateY(10deg);} 100%{-moz-transform:perspective(400px) rotateY(0deg); opacity:1;} } @-o-keyframes flipInY{0%{-o-transform:perspective(400px) rotateY(90deg); opacity:0;} 40%{-o-transform:perspective(400px) rotateY(-10deg);} 70%{-o-transform:perspective(400px) rotateY(10deg);} 100%{-o-transform:perspective(400px) rotateY(0deg); opacity:1;} } @keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg); opacity:0;} 40%{transform:perspective(400px) rotateY(-10deg);} 70%{transform:perspective(400px) rotateY(10deg);} 100%{transform:perspective(400px) rotateY(0deg); opacity:1;} }.flipInY{-webkit-backface-visibility:visible !important; -webkit-animation-name:flipInY; -moz-backface-visibility:visible !important; -moz-animation-name:flipInY; -o-backface-visibility:visible !important; -o-animation-name:flipInY; backface-visibility:visible !important; animation-name:flipInY;} @-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg); opacity:1;} 100%{-webkit-transform:perspective(400px) rotateY(90deg); opacity:0;} } @-moz-keyframes flipOutY{0%{-moz-transform:perspective(400px) rotateY(0deg); opacity:1;} 100%{-moz-transform:perspective(400px) rotateY(90deg); opacity:0;} } @-o-keyframes flipOutY{0%{-o-transform:perspective(400px) rotateY(0deg); opacity:1;} 100%{-o-transform:perspective(400px) rotateY(90deg); opacity:0;} } @keyframes flipOutY{0%{transform:perspective(400px) rotateY(0deg); opacity:1;} 100%{transform:perspective(400px) rotateY(90deg); opacity:0;} }.flipOutY{-webkit-backface-visibility:visible !important; -webkit-animation-name:flipOutY; -moz-backface-visibility:visible !important; -moz-animation-name:flipOutY; -o-backface-visibility:visible !important; -o-animation-name:flipOutY; backface-visibility:visible !important; animation-name:flipOutY;} @-webkit-keyframes fadeIn{0%{opacity:0;} 100%{opacity:1;} }@-moz-keyframes fadeIn{0%{opacity:0;} 100%{opacity:1;} }@-o-keyframes fadeIn{0%{opacity:0;} 100%{opacity:1;} }@keyframes fadeIn{0%{opacity:0;} 100%{opacity:1;} }.fadeIn{-webkit-animation-name:fadeIn; -moz-animation-name:fadeIn; -o-animation-name:fadeIn; animation-name:fadeIn;} @-webkit-keyframes fadeInUp{0%{opacity:0; -webkit-transform:translateY(20px);} 100%{opacity:1; -webkit-transform:translateY(0);} }@-moz-keyframes fadeInUp{0%{opacity:0; -moz-transform:translateY(20px);} 100%{opacity:1; -moz-transform:translateY(0);} }@-o-keyframes fadeInUp{0%{opacity:0; -o-transform:translateY(20px);} 100%{opacity:1; -o-transform:translateY(0);} }@keyframes fadeInUp{0%{opacity:0; transform:translateY(20px);} 100%{opacity:1; transform:translateY(0);} }.fadeInUp{-webkit-animation-name:fadeInUp; -moz-animation-name:fadeInUp; -o-animation-name:fadeInUp; animation-name:fadeInUp;} @-webkit-keyframes fadeInDown{0%{opacity:0; -webkit-transform:translateY(-20px);} 100%{opacity:1; -webkit-transform:translateY(0);} }@-moz-keyframes fadeInDown{0%{opacity:0; -moz-transform:translateY(-20px);} 100%{opacity:1; -moz-transform:translateY(0);} }@-o-keyframes fadeInDown{0%{opacity:0; -o-transform:translateY(-20px);} 100%{opacity:1; -o-transform:translateY(0);} }@keyframes fadeInDown{0%{opacity:0; transform:translateY(-20px);} 100%{opacity:1; transform:translateY(0);} }.fadeInDown{-webkit-animation-name:fadeInDown; -moz-animation-name:fadeInDown; -o-animation-name:fadeInDown; animation-name:fadeInDown;} @-webkit-keyframes fadeInLeft{0%{opacity:0; -webkit-transform:translateX(-20px);} 100%{opacity:1; -webkit-transform:translateX(0);} }@-moz-keyframes fadeInLeft{0%{opacity:0; -moz-transform:translateX(-20px);} 100%{opacity:1; -moz-transform:translateX(0);} }@-o-keyframes fadeInLeft{0%{opacity:0; -o-transform:translateX(-20px);} 100%{opacity:1; -o-transform:translateX(0);} }@keyframes fadeInLeft{0%{opacity:0; transform:translateX(-20px);} 100%{opacity:1; transform:translateX(0);} }.fadeInLeft{-webkit-animation-name:fadeInLeft; -moz-animation-name:fadeInLeft; -o-animation-name:fadeInLeft; animation-name:fadeInLeft;} @-webkit-keyframes fadeInRight{0%{opacity:0; -webkit-transform:translateX(20px);} 100%{opacity:1; -webkit-transform:translateX(0);} }@-moz-keyframes fadeInRight{0%{opacity:0; -moz-transform:translateX(20px);} 100%{opacity:1; -moz-transform:translateX(0);} }@-o-keyframes fadeInRight{0%{opacity:0; -o-transform:translateX(20px);} 100%{opacity:1; -o-transform:translateX(0);} }@keyframes fadeInRight{0%{opacity:0; transform:translateX(20px);} 100%{opacity:1; transform:translateX(0);} }.fadeInRight{-webkit-animation-name:fadeInRight; -moz-animation-name:fadeInRight; -o-animation-name:fadeInRight; animation-name:fadeInRight;} @-webkit-keyframes fadeInUpBig{0%{opacity:0; -webkit-transform:translateY(2000px);} 100%{opacity:1; -webkit-transform:translateY(0);} }@-moz-keyframes fadeInUpBig{0%{opacity:0; -moz-transform:translateY(2000px);} 100%{opacity:1; -moz-transform:translateY(0);} }@-o-keyframes fadeInUpBig{0%{opacity:0; -o-transform:translateY(2000px);} 100%{opacity:1; -o-transform:translateY(0);} }@keyframes fadeInUpBig{0%{opacity:0; transform:translateY(2000px);} 100%{opacity:1; transform:translateY(0);} }.fadeInUpBig{-webkit-animation-name:fadeInUpBig; -moz-animation-name:fadeInUpBig; -o-animation-name:fadeInUpBig; animation-name:fadeInUpBig;} @-webkit-keyframes fadeInDownBig{0%{opacity:0; -webkit-transform:translateY(-2000px);} 100%{opacity:1; -webkit-transform:translateY(0);} }@-moz-keyframes fadeInDownBig{0%{opacity:0; -moz-transform:translateY(-2000px);} 100%{opacity:1; -moz-transform:translateY(0);} }@-o-keyframes fadeInDownBig{0%{opacity:0; -o-transform:translateY(-2000px);} 100%{opacity:1; -o-transform:translateY(0);} }@keyframes fadeInDownBig{0%{opacity:0; transform:translateY(-2000px);} 100%{opacity:1; transform:translateY(0);} }.fadeInDownBig{-webkit-animation-name:fadeInDownBig; -moz-animation-name:fadeInDownBig; -o-animation-name:fadeInDownBig; animation-name:fadeInDownBig;} @-webkit-keyframes fadeInLeftBig{0%{opacity:0; -webkit-transform:translateX(-2000px);} 100%{opacity:1; -webkit-transform:translateX(0);} } @-moz-keyframes fadeInLeftBig{0%{opacity:0; -moz-transform:translateX(-2000px);} 100%{opacity:1; -moz-transform:translateX(0);} } @-o-keyframes fadeInLeftBig{0%{opacity:0; -o-transform:translateX(-2000px);} 100%{opacity:1; -o-transform:translateX(0);} } @keyframes fadeInLeftBig{0%{opacity:0; transform:translateX(-2000px);} 100%{opacity:1; transform:translateX(0);} }.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig; -moz-animation-name:fadeInLeftBig; -o-animation-name:fadeInLeftBig; animation-name:fadeInLeftBig;} @-webkit-keyframes fadeInRightBig{0%{opacity:0; -webkit-transform:translateX(2000px);} 100%{opacity:1; -webkit-transform:translateX(0);} }@-moz-keyframes fadeInRightBig{0%{opacity:0; -moz-transform:translateX(2000px);} 100%{opacity:1; -moz-transform:translateX(0);} }@-o-keyframes fadeInRightBig{0%{opacity:0; -o-transform:translateX(2000px);} 100%{opacity:1; -o-transform:translateX(0);} }@keyframes fadeInRightBig{0%{opacity:0; transform:translateX(2000px);} 100%{opacity:1; transform:translateX(0);} }.fadeInRightBig{-webkit-animation-name:fadeInRightBig; -moz-animation-name:fadeInRightBig; -o-animation-name:fadeInRightBig; animation-name:fadeInRightBig;} @-webkit-keyframes fadeOut{0%{opacity:1;} 100%{opacity:0;} }@-moz-keyframes fadeOut{0%{opacity:1;} 100%{opacity:0;} }@-o-keyframes fadeOut{0%{opacity:1;} 100%{opacity:0;} }@keyframes fadeOut{0%{opacity:1;} 100%{opacity:0;} }.fadeOut{-webkit-animation-name:fadeOut; -moz-animation-name:fadeOut; -o-animation-name:fadeOut; animation-name:fadeOut;} @-webkit-keyframes fadeOutUp{0%{opacity:1; -webkit-transform:translateY(0);} 100%{opacity:0; -webkit-transform:translateY(-20px);} } @-moz-keyframes fadeOutUp{0%{opacity:1; -moz-transform:translateY(0);} 100%{opacity:0; -moz-transform:translateY(-20px);} } @-o-keyframes fadeOutUp{0%{opacity:1; -o-transform:translateY(0);} 100%{opacity:0; -o-transform:translateY(-20px);} } @keyframes fadeOutUp{0%{opacity:1; transform:translateY(0);} 100%{opacity:0; transform:translateY(-20px);} }.fadeOutUp{-webkit-animation-name:fadeOutUp; -moz-animation-name:fadeOutUp; -o-animation-name:fadeOutUp; animation-name:fadeOutUp;} @-webkit-keyframes fadeOutDown{0%{opacity:1; -webkit-transform:translateY(0);} 100%{opacity:0; -webkit-transform:translateY(20px);} }@-moz-keyframes fadeOutDown{0%{opacity:1; -moz-transform:translateY(0);} 100%{opacity:0; -moz-transform:translateY(20px);} }@-o-keyframes fadeOutDown{0%{opacity:1; -o-transform:translateY(0);} 100%{opacity:0; -o-transform:translateY(20px);} }@keyframes fadeOutDown{0%{opacity:1; transform:translateY(0);} 100%{opacity:0; transform:translateY(20px);} }.fadeOutDown{-webkit-animation-name:fadeOutDown; -moz-animation-name:fadeOutDown; -o-animation-name:fadeOutDown; animation-name:fadeOutDown;} @-webkit-keyframes fadeOutLeft{0%{opacity:1; -webkit-transform:translateX(0);} 100%{opacity:0; -webkit-transform:translateX(-20px);} }@-moz-keyframes fadeOutLeft{0%{opacity:1; -moz-transform:translateX(0);} 100%{opacity:0; -moz-transform:translateX(-20px);} }@-o-keyframes fadeOutLeft{0%{opacity:1; -o-transform:translateX(0);} 100%{opacity:0; -o-transform:translateX(-20px);} }@keyframes fadeOutLeft{0%{opacity:1; transform:translateX(0);} 100%{opacity:0; transform:translateX(-20px);} }.fadeOutLeft{-webkit-animation-name:fadeOutLeft; -moz-animation-name:fadeOutLeft; -o-animation-name:fadeOutLeft; animation-name:fadeOutLeft;} @-webkit-keyframes fadeOutRight{0%{opacity:1; -webkit-transform:translateX(0);} 100%{opacity:0; -webkit-transform:translateX(20px);} }@-moz-keyframes fadeOutRight{0%{opacity:1; -moz-transform:translateX(0);} 100%{opacity:0; -moz-transform:translateX(20px);} }@-o-keyframes fadeOutRight{0%{opacity:1; -o-transform:translateX(0);} 100%{opacity:0; -o-transform:translateX(20px);} }@keyframes fadeOutRight{0%{opacity:1; transform:translateX(0);} 100%{opacity:0; transform:translateX(20px);} }.fadeOutRight{-webkit-animation-name:fadeOutRight; -moz-animation-name:fadeOutRight; -o-animation-name:fadeOutRight; animation-name:fadeOutRight;} @-webkit-keyframes fadeOutUpBig{0%{opacity:1; -webkit-transform:translateY(0);} 100%{opacity:0; -webkit-transform:translateY(-2000px);} }@-moz-keyframes fadeOutUpBig{0%{opacity:1; -moz-transform:translateY(0);} 100%{opacity:0; -moz-transform:translateY(-2000px);} }@-o-keyframes fadeOutUpBig{0%{opacity:1; -o-transform:translateY(0);} 100%{opacity:0; -o-transform:translateY(-2000px);} }@keyframes fadeOutUpBig{0%{opacity:1; transform:translateY(0);} 100%{opacity:0; transform:translateY(-2000px);} }.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig; -moz-animation-name:fadeOutUpBig; -o-animation-name:fadeOutUpBig; animation-name:fadeOutUpBig;} @-webkit-keyframes fadeOutDownBig{0%{opacity:1; -webkit-transform:translateY(0);} 100%{opacity:0; -webkit-transform:translateY(2000px);} }@-moz-keyframes fadeOutDownBig{0%{opacity:1; -moz-transform:translateY(0);} 100%{opacity:0; -moz-transform:translateY(2000px);} }@-o-keyframes fadeOutDownBig{0%{opacity:1; -o-transform:translateY(0);} 100%{opacity:0; -o-transform:translateY(2000px);} }@keyframes fadeOutDownBig{0%{opacity:1; transform:translateY(0);} 100%{opacity:0; transform:translateY(2000px);} }.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig; -moz-animation-name:fadeOutDownBig; -o-animation-name:fadeOutDownBig; animation-name:fadeOutDownBig;} @-webkit-keyframes fadeOutLeftBig{0%{opacity:1; -webkit-transform:translateX(0);} 100%{opacity:0; -webkit-transform:translateX(-2000px);} }@-moz-keyframes fadeOutLeftBig{0%{opacity:1; -moz-transform:translateX(0);} 100%{opacity:0; -moz-transform:translateX(-2000px);} }@-o-keyframes fadeOutLeftBig{0%{opacity:1; -o-transform:translateX(0);} 100%{opacity:0; -o-transform:translateX(-2000px);} }@keyframes fadeOutLeftBig{0%{opacity:1; transform:translateX(0);} 100%{opacity:0; transform:translateX(-2000px);} }.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig; -moz-animation-name:fadeOutLeftBig; -o-animation-name:fadeOutLeftBig; animation-name:fadeOutLeftBig;} @-webkit-keyframes fadeOutRightBig{0%{opacity:1; -webkit-transform:translateX(0);} 100%{opacity:0; -webkit-transform:translateX(2000px);} } @-moz-keyframes fadeOutRightBig{0%{opacity:1; -moz-transform:translateX(0);} 100%{opacity:0; -moz-transform:translateX(2000px);} } @-o-keyframes fadeOutRightBig{0%{opacity:1; -o-transform:translateX(0);} 100%{opacity:0; -o-transform:translateX(2000px);} } @keyframes fadeOutRightBig{0%{opacity:1; transform:translateX(0);} 100%{opacity:0; transform:translateX(2000px);} }.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig; -moz-animation-name:fadeOutRightBig; -o-animation-name:fadeOutRightBig; animation-name:fadeOutRightBig;} @-webkit-keyframes bounceIn{0%{opacity:0; -webkit-transform:scale(.3);} 50%{opacity:1; -webkit-transform:scale(1.05);} 70%{-webkit-transform:scale(.9);} 100%{-webkit-transform:scale(1);} }@-moz-keyframes bounceIn{0%{opacity:0; -moz-transform:scale(.3);} 50%{opacity:1; -moz-transform:scale(1.05);} 70%{-moz-transform:scale(.9);} 100%{-moz-transform:scale(1);} }@-o-keyframes bounceIn{0%{opacity:0; -o-transform:scale(.3);} 50%{opacity:1; -o-transform:scale(1.05);} 70%{-o-transform:scale(.9);} 100%{-o-transform:scale(1);} }@keyframes bounceIn{0%{opacity:0; transform:scale(.3);} 50%{opacity:1; transform:scale(1.05);} 70%{transform:scale(.9);} 100%{transform:scale(1);} }.bounceIn{-webkit-animation-name:bounceIn; -moz-animation-name:bounceIn; -o-animation-name:bounceIn; animation-name:bounceIn;} @-webkit-keyframes bounceInUp{0%{opacity:0; -webkit-transform:translateY(2000px);} 60%{opacity:1; -webkit-transform:translateY(-30px);} 80%{-webkit-transform:translateY(10px);} 100%{-webkit-transform:translateY(0);} } @-moz-keyframes bounceInUp{0%{opacity:0; -moz-transform:translateY(2000px);} 60%{opacity:1; -moz-transform:translateY(-30px);} 80%{-moz-transform:translateY(10px);} 100%{-moz-transform:translateY(0);} }@-o-keyframes bounceInUp{0%{opacity:0; -o-transform:translateY(2000px);} 60%{opacity:1; -o-transform:translateY(-30px);} 80%{-o-transform:translateY(10px);} 100%{-o-transform:translateY(0);} }@keyframes bounceInUp{0%{opacity:0; transform:translateY(2000px);} 60%{opacity:1; transform:translateY(-30px);} 80%{transform:translateY(10px);} 100%{transform:translateY(0);} }.bounceInUp{-webkit-animation-name:bounceInUp; -moz-animation-name:bounceInUp; -o-animation-name:bounceInUp; animation-name:bounceInUp;} @-webkit-keyframes bounceInDown{0%{opacity:0; -webkit-transform:translateY(-2000px);} 60%{opacity:1; -webkit-transform:translateY(30px);} 80%{-webkit-transform:translateY(-10px);} 100%{-webkit-transform:translateY(0);} }@-moz-keyframes bounceInDown{0%{opacity:0; -moz-transform:translateY(-2000px);} 60%{opacity:1; -moz-transform:translateY(30px);} 80%{-moz-transform:translateY(-10px);} 100%{-moz-transform:translateY(0);} }@-o-keyframes bounceInDown{0%{opacity:0; -o-transform:translateY(-2000px);} 60%{opacity:1; -o-transform:translateY(30px);} 80%{-o-transform:translateY(-10px);} 100%{-o-transform:translateY(0);} }@keyframes bounceInDown{0%{opacity:0; transform:translateY(-2000px);} 60%{opacity:1; transform:translateY(30px);} 80%{transform:translateY(-10px);} 100%{transform:translateY(0);} }.bounceInDown{-webkit-animation-name:bounceInDown; -moz-animation-name:bounceInDown; -o-animation-name:bounceInDown; animation-name:bounceInDown;} @-webkit-keyframes bounceInLeft{0%{opacity:0; -webkit-transform:translateX(-2000px);} 60%{opacity:1; -webkit-transform:translateX(30px);} 80%{-webkit-transform:translateX(-10px);} 100%{-webkit-transform:translateX(0);} }@-moz-keyframes bounceInLeft{0%{opacity:0; -moz-transform:translateX(-2000px);} 60%{opacity:1; -moz-transform:translateX(30px);} 80%{-moz-transform:translateX(-10px);} 100%{-moz-transform:translateX(0);} }@-o-keyframes bounceInLeft{0%{opacity:0; -o-transform:translateX(-2000px);} 60%{opacity:1; -o-transform:translateX(30px);} 80%{-o-transform:translateX(-10px);} 100%{-o-transform:translateX(0);} }@keyframes bounceInLeft{0%{opacity:0; transform:translateX(-2000px);} 60%{opacity:1; transform:translateX(30px);} 80%{transform:translateX(-10px);} 100%{transform:translateX(0);} }.bounceInLeft{-webkit-animation-name:bounceInLeft; -moz-animation-name:bounceInLeft; -o-animation-name:bounceInLeft; animation-name:bounceInLeft;} @-webkit-keyframes bounceInRight{0%{opacity:0; -webkit-transform:translateX(2000px);} 60%{opacity:1; -webkit-transform:translateX(-30px);} 80%{-webkit-transform:translateX(10px);} 100%{-webkit-transform:translateX(0);} }@-moz-keyframes bounceInRight{0%{opacity:0; -moz-transform:translateX(2000px);} 60%{opacity:1; -moz-transform:translateX(-30px);} 80%{-moz-transform:translateX(10px);} 100%{-moz-transform:translateX(0);} }@-o-keyframes bounceInRight{0%{opacity:0; -o-transform:translateX(2000px);} 60%{opacity:1; -o-transform:translateX(-30px);} 80%{-o-transform:translateX(10px);} 100%{-o-transform:translateX(0);} }@keyframes bounceInRight{0%{opacity:0; transform:translateX(2000px);} 60%{opacity:1; transform:translateX(-30px);} 80%{transform:translateX(10px);} 100%{transform:translateX(0);} }.bounceInRight{-webkit-animation-name:bounceInRight; -moz-animation-name:bounceInRight; -o-animation-name:bounceInRight; animation-name:bounceInRight;} @-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);} 25%{-webkit-transform:scale(.95);} 50%{opacity:1; -webkit-transform:scale(1.1);} 100%{opacity:0; -webkit-transform:scale(.3);} }@-moz-keyframes bounceOut{0%{-moz-transform:scale(1);} 25%{-moz-transform:scale(.95);} 50%{opacity:1; -moz-transform:scale(1.1);} 100%{opacity:0; -moz-transform:scale(.3);} }@-o-keyframes bounceOut{0%{-o-transform:scale(1);} 25%{-o-transform:scale(.95);} 50%{opacity:1; -o-transform:scale(1.1);} 100%{opacity:0; -o-transform:scale(.3);} }@keyframes bounceOut{0%{transform:scale(1);} 25%{transform:scale(.95);} 50%{opacity:1; transform:scale(1.1);} 100%{opacity:0; transform:scale(.3);} }.bounceOut{-webkit-animation-name:bounceOut; -moz-animation-name:bounceOut; -o-animation-name:bounceOut; animation-name:bounceOut;} @-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);} 20%{opacity:1; -webkit-transform:translateY(20px);} 100%{opacity:0; -webkit-transform:translateY(-2000px);} }@-moz-keyframes bounceOutUp{0%{-moz-transform:translateY(0);} 20%{opacity:1; -moz-transform:translateY(20px);} 100%{opacity:0; -moz-transform:translateY(-2000px);} }@-o-keyframes bounceOutUp{0%{-o-transform:translateY(0);} 20%{opacity:1; -o-transform:translateY(20px);} 100%{opacity:0; -o-transform:translateY(-2000px);} }@keyframes bounceOutUp{0%{transform:translateY(0);} 20%{opacity:1; transform:translateY(20px);} 100%{opacity:0; transform:translateY(-2000px);} }.bounceOutUp{-webkit-animation-name:bounceOutUp; -moz-animation-name:bounceOutUp; -o-animation-name:bounceOutUp; animation-name:bounceOutUp;} @-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);} 20%{opacity:1; -webkit-transform:translateY(-20px);} 100%{opacity:0; -webkit-transform:translateY(2000px);} }@-moz-keyframes bounceOutDown{0%{-moz-transform:translateY(0);} 20%{opacity:1; -moz-transform:translateY(-20px);} 100%{opacity:0; -moz-transform:translateY(2000px);} }@-o-keyframes bounceOutDown{0%{-o-transform:translateY(0);} 20%{opacity:1; -o-transform:translateY(-20px);} 100%{opacity:0; -o-transform:translateY(2000px);} }@keyframes bounceOutDown{0%{transform:translateY(0);} 20%{opacity:1; transform:translateY(-20px);} 100%{opacity:0; transform:translateY(2000px);} }.bounceOutDown{-webkit-animation-name:bounceOutDown; -moz-animation-name:bounceOutDown; -o-animation-name:bounceOutDown; animation-name:bounceOutDown;} @-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);} 20%{opacity:1; -webkit-transform:translateX(20px);} 100%{opacity:0; -webkit-transform:translateX(-2000px);} }@-moz-keyframes bounceOutLeft{0%{-moz-transform:translateX(0);} 20%{opacity:1; -moz-transform:translateX(20px);} 100%{opacity:0; -moz-transform:translateX(-2000px);} }@-o-keyframes bounceOutLeft{0%{-o-transform:translateX(0);} 20%{opacity:1; -o-transform:translateX(20px);} 100%{opacity:0; -o-transform:translateX(-2000px);} }@keyframes bounceOutLeft{0%{transform:translateX(0);} 20%{opacity:1; transform:translateX(20px);} 100%{opacity:0; transform:translateX(-2000px);} }.bounceOutLeft{-webkit-animation-name:bounceOutLeft; -moz-animation-name:bounceOutLeft; -o-animation-name:bounceOutLeft; animation-name:bounceOutLeft;} @-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);} 20%{opacity:1; -webkit-transform:translateX(-20px);} 100%{opacity:0; -webkit-transform:translateX(2000px);} }@-moz-keyframes bounceOutRight{0%{-moz-transform:translateX(0);} 20%{opacity:1; -moz-transform:translateX(-20px);} 100%{opacity:0; -moz-transform:translateX(2000px);} }@-o-keyframes bounceOutRight{0%{-o-transform:translateX(0);} 20%{opacity:1; -o-transform:translateX(-20px);} 100%{opacity:0; -o-transform:translateX(2000px);} }@keyframes bounceOutRight{0%{transform:translateX(0);} 20%{opacity:1; transform:translateX(-20px);} 100%{opacity:0; transform:translateX(2000px);} }.bounceOutRight{-webkit-animation-name:bounceOutRight; -moz-animation-name:bounceOutRight; -o-animation-name:bounceOutRight; animation-name:bounceOutRight;} @-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center; -webkit-transform:rotate(-200deg); opacity:0;} 100%{-webkit-transform-origin:center center; -webkit-transform:rotate(0); opacity:1;} } @-moz-keyframes rotateIn{0%{-moz-transform-origin:center center; -moz-transform:rotate(-200deg); opacity:0;} 100%{-moz-transform-origin:center center; -moz-transform:rotate(0); opacity:1;} } @-o-keyframes rotateIn{0%{-o-transform-origin:center center; -o-transform:rotate(-200deg); opacity:0;} 100%{-o-transform-origin:center center; -o-transform:rotate(0); opacity:1;} } @keyframes rotateIn{0%{transform-origin:center center; transform:rotate(-200deg); opacity:0;} 100%{transform-origin:center center; transform:rotate(0); opacity:1;} }.rotateIn{-webkit-animation-name:rotateIn; -moz-animation-name:rotateIn; -o-animation-name:rotateIn; animation-name:rotateIn;} @-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom; -webkit-transform:rotate(90deg); opacity:0;} 100%{-webkit-transform-origin:left bottom; -webkit-transform:rotate(0); opacity:1;} }@-moz-keyframes rotateInUpLeft{0%{-moz-transform-origin:left bottom; -moz-transform:rotate(90deg); opacity:0;} 100%{-moz-transform-origin:left bottom; -moz-transform:rotate(0); opacity:1;} }@-o-keyframes rotateInUpLeft{0%{-o-transform-origin:left bottom; -o-transform:rotate(90deg); opacity:0;} 100%{-o-transform-origin:left bottom; -o-transform:rotate(0); opacity:1;} }@keyframes rotateInUpLeft{0%{transform-origin:left bottom; transform:rotate(90deg); opacity:0;} 100%{transform-origin:left bottom; transform:rotate(0); opacity:1;} }.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft; -moz-animation-name:rotateInUpLeft; -o-animation-name:rotateInUpLeft; animation-name:rotateInUpLeft;} @-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom; -webkit-transform:rotate(-90deg); opacity:0;} 100%{-webkit-transform-origin:left bottom; -webkit-transform:rotate(0); opacity:1;} }@-moz-keyframes rotateInDownLeft{0%{-moz-transform-origin:left bottom; -moz-transform:rotate(-90deg); opacity:0;} 100%{-moz-transform-origin:left bottom; -moz-transform:rotate(0); opacity:1;} }@-o-keyframes rotateInDownLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(-90deg);opacity:0;}100%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1;}} @keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0;}100%{transform-origin:left bottom;transform:rotate(0);opacity:1;}} .rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;-moz-animation-name:rotateInDownLeft;-o-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;} @-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0;}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1;}} @-moz-keyframes rotateInUpRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0;}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1;}} @-o-keyframes rotateInUpRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(-90deg);opacity:0;}100%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1;}} @keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0;}100%{transform-origin:right bottom;transform:rotate(0);opacity:1;}} .rotateInUpRight{-webkit-animation-name:rotateInUpRight;-moz-animation-name:rotateInUpRight;-o-animation-name:rotateInUpRight;animation-name:rotateInUpRight;} @-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0;}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1;}} @-moz-keyframes rotateInDownRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0;}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1;}} @-o-keyframes rotateInDownRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(90deg);opacity:0;}100%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1;}} @keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(90deg);opacity:0;}100%{transform-origin:right bottom;transform:rotate(0);opacity:1;}} .rotateInDownRight{-webkit-animation-name:rotateInDownRight;-moz-animation-name:rotateInDownRight;-o-animation-name:rotateInDownRight;animation-name:rotateInDownRight;} @-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1;}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(200deg);opacity:0;}} @-moz-keyframes rotateOut{0%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1;}100%{-moz-transform-origin:center center;-moz-transform:rotate(200deg);opacity:0;}} @-o-keyframes rotateOut{0%{-o-transform-origin:center center;-o-transform:rotate(0);opacity:1;}100%{-o-transform-origin:center center;-o-transform:rotate(200deg);opacity:0;}} @keyframes rotateOut{0%{transform-origin:center center;transform:rotate(0);opacity:1;}100%{transform-origin:center center; transform:rotate(200deg);opacity:0;}} .rotateOut{-webkit-animation-name:rotateOut;-moz-animation-name:rotateOut;-o-animation-name:rotateOut;animation-name:rotateOut;} @-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1;}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0;}} @-moz-keyframes rotateOutUpLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1;}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0;}} @-o-keyframes rotateOutUpLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1;}100%{-o-transform-origin:left bottom;-o-transform:rotate(-90deg);opacity:0;}} @keyframes rotateOutUpLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1;}100%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0;}} .rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;-moz-animation-name:rotateOutUpLeft;-o-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;} @-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1;}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0;}} @-moz-keyframes rotateOutDownLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1;}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0;}} @-o-keyframes rotateOutDownLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1;}100%{-o-transform-origin:left bottom;-o-transform:rotate(90deg);opacity:0;}} @keyframes rotateOutDownLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1;}100%{transform-origin:left bottom;transform:rotate(90deg);opacity:0;}} .rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;-moz-animation-name:rotateOutDownLeft;-o-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;} @-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1;}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0;}} @-moz-keyframes rotateOutUpRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1;}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0;}} @-o-keyframes rotateOutUpRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1;}100%{-o-transform-origin:right bottom;-o-transform:rotate(90deg);opacity:0;}} @keyframes rotateOutUpRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1;}100%{transform-origin:right bottom;transform:rotate(90deg);opacity:0;}} .rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;-moz-animation-name:rotateOutUpRight;-o-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;} @-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1;}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0;}} @-moz-keyframes rotateOutDownRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1;}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0;}} @-o-keyframes rotateOutDownRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1;}100%{-o-transform-origin:right bottom;-o-transform:rotate(-90deg);opacity:0;}} @keyframes rotateOutDownRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1;}100%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0;}} .rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;-moz-animation-name:rotateOutDownRight;-o-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;} @-webkit-keyframes hinge{0%{-webkit-transform:rotate(0); -webkit-transform-origin:top left; -webkit-animation-timing-function:ease-in-out;}20%, 60%{-webkit-transform:rotate(80deg); -webkit-transform-origin:top left; -webkit-animation-timing-function:ease-in-out;}40%{-webkit-transform:rotate(60deg); -webkit-transform-origin:top left; -webkit-animation-timing-function:ease-in-out;}80%{-webkit-transform:rotate(60deg) translateY(0); opacity:1; -webkit-transform-origin:top left; -webkit-animation-timing-function:ease-in-out;}100%{-webkit-transform:translateY(700px); opacity:0;}} @-moz-keyframes hinge{0%{-moz-transform:rotate(0); -moz-transform-origin:top left; -moz-animation-timing-function:ease-in-out;}20%, 60%{-moz-transform:rotate(80deg); -moz-transform-origin:top left; -moz-animation-timing-function:ease-in-out;}40%{-moz-transform:rotate(60deg); -moz-transform-origin:top left; -moz-animation-timing-function:ease-in-out;}80%{-moz-transform:rotate(60deg) translateY(0); opacity:1; -moz-transform-origin:top left; -moz-animation-timing-function:ease-in-out;}100%{-moz-transform:translateY(700px); opacity:0;}} @-o-keyframes hinge{0%{-o-transform:rotate(0); -o-transform-origin:top left; -o-animation-timing-function:ease-in-out;}20%, 60%{-o-transform:rotate(80deg); -o-transform-origin:top left; -o-animation-timing-function:ease-in-out;}40%{-o-transform:rotate(60deg); -o-transform-origin:top left; -o-animation-timing-function:ease-in-out;}80%{-o-transform:rotate(60deg) translateY(0); opacity:1; -o-transform-origin:top left; -o-animation-timing-function:ease-in-out;}100%{-o-transform:translateY(700px); opacity:0;}} @keyframes hinge{0%{transform:rotate(0); transform-origin:top left; animation-timing-function:ease-in-out;}20%, 60%{transform:rotate(80deg); transform-origin:top left; animation-timing-function:ease-in-out;} 40%{transform:rotate(60deg); transform-origin:top left; animation-timing-function:ease-in-out;}80%{transform:rotate(60deg) translateY(0); opacity:1; transform-origin:top left; animation-timing-function:ease-in-out;}100%{transform:translateY(700px); opacity:0;}} .hinge{-webkit-animation-name:hinge;-moz-animation-name:hinge;-o-animation-name:hinge;animation-name:hinge;} /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn{0%{opacity:0; -webkit-transform:translateX(-100%) rotate(-120deg);}100%{opacity:1; -webkit-transform:translateX(0px) rotate(0deg);}} @-moz-keyframes rollIn{0%{opacity:0; -moz-transform:translateX(-100%) rotate(-120deg);}100%{opacity:1; -moz-transform:translateX(0px) rotate(0deg);}} @-o-keyframes rollIn{0%{opacity:0; -o-transform:translateX(-100%) rotate(-120deg);}100%{opacity:1; -o-transform:translateX(0px) rotate(0deg);}} @keyframes rollIn{0%{opacity:0; transform:translateX(-100%) rotate(-120deg);}100%{opacity:1; transform:translateX(0px) rotate(0deg);}} .rollIn{-webkit-animation-name:rollIn;-moz-animation-name:rollIn;-o-animation-name:rollIn;animation-name:rollIn;} /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);}} @-moz-keyframes rollOut{0%{opacity:1;-moz-transform:translateX(0px) rotate(0deg);}100%{opacity:0;-moz-transform:translateX(100%) rotate(120deg);}} @-o-keyframes rollOut{0%{opacity:1;-o-transform:translateX(0px) rotate(0deg);}100%{opacity:0;-o-transform:translateX(100%) rotate(120deg);}} @keyframes rollOut{0%{opacity:1;transform:translateX(0px) rotate(0deg);}100%{opacity:0;transform:translateX(100%) rotate(120deg);}} .rollOut{-webkit-animation-name:rollOut;-moz-animation-name:rollOut;-o-animation-name:rollOut;animation-name:rollOut;} /* originally authored by Angelo Rohit - https://github.com/angelorohit */ @-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg); opacity:0;}60%{-webkit-transform:translateX(-20%) skewX(30deg); opacity:1;}80%{-webkit-transform:translateX(0%) skewX(-15deg); opacity:1;}100%{-webkit-transform:translateX(0%) skewX(0deg); opacity:1;}} @-moz-keyframes lightSpeedIn{0%{-moz-transform:translateX(100%) skewX(-30deg); opacity:0;}60%{-moz-transform:translateX(-20%) skewX(30deg); opacity:1;}80%{-moz-transform:translateX(0%) skewX(-15deg); opacity:1;}100%{-moz-transform:translateX(0%) skewX(0deg); opacity:1;}} @-o-keyframes lightSpeedIn{0%{-o-transform:translateX(100%) skewX(-30deg); opacity:0;}60%{-o-transform:translateX(-20%) skewX(30deg); opacity:1;}80%{-o-transform:translateX(0%) skewX(-15deg); opacity:1;} 100%{-o-transform:translateX(0%) skewX(0deg); opacity:1;}} @keyframes lightSpeedIn{0%{transform:translateX(100%) skewX(-30deg); opacity:0;}60%{transform:translateX(-20%) skewX(30deg); opacity:1;}80%{transform:translateX(0%) skewX(-15deg); opacity:1;}100%{transform:translateX(0%) skewX(0deg); opacity:1;}} .lightSpeedIn{-webkit-animation-name:lightSpeedIn;-moz-animation-name:lightSpeedIn;-o-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;} .animated.lightSpeedIn{-webkit-animation-duration:0.5s;-moz-animation-duration:0.5s;-o-animation-duration:0.5s;animation-duration:0.5s;} /* originally authored by Angelo Rohit - https://github.com/angelorohit */ @-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg); opacity:1;}100%{-webkit-transform:translateX(100%) skewX(-30deg); opacity:0;}} @-moz-keyframes lightSpeedOut{0%{-moz-transform:translateX(0%) skewX(0deg); opacity:1;}100%{-moz-transform:translateX(100%) skewX(-30deg); opacity:0;}} @-o-keyframes lightSpeedOut{0%{-o-transform:translateX(0%) skewX(0deg); opacity:1;}100%{-o-transform:translateX(100%) skewX(-30deg); opacity:0;}} @keyframes lightSpeedOut{0%{transform:translateX(0%) skewX(0deg); opacity:1;}100%{transform:translateX(100%) skewX(-30deg); opacity:0;}} .lightSpeedOut{-webkit-animation-name:lightSpeedOut;-moz-animation-name:lightSpeedOut;-o-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in;} .animated.lightSpeedOut{-webkit-animation-duration:0.25s;-moz-animation-duration:0.25s;-o-animation-duration:0.25s;animation-duration:0.25s;} /* originally authored by Angelo Rohit - https://github.com/angelorohit */ @-webkit-keyframes wiggle{0%{-webkit-transform:skewX(9deg);}10%{-webkit-transform:skewX(-8deg);}20%{-webkit-transform:skewX(7deg);}30%{-webkit-transform:skewX(-6deg);}40%{-webkit-transform:skewX(5deg);}50%{-webkit-transform:skewX(-4deg);}60%{-webkit-transform:skewX(3deg);}70%{-webkit-transform:skewX(-2deg);}80%{-webkit-transform:skewX(1deg);}90%{-webkit-transform:skewX(0deg);}100%{-webkit-transform:skewX(0deg);}} @-moz-keyframes wiggle{0%{-moz-transform:skewX(9deg);}10%{-moz-transform:skewX(-8deg);}20%{-moz-transform:skewX(7deg);}30%{-moz-transform:skewX(-6deg);}40%{-moz-transform:skewX(5deg);}50%{-moz-transform:skewX(-4deg);}60%{-moz-transform:skewX(3deg);}70%{-moz-transform:skewX(-2deg);}80%{-moz-transform:skewX(1deg);}90%{-moz-transform:skewX(0deg);}100%{-moz-transform:skewX(0deg);}} @-o-keyframes wiggle{0%{-o-transform:skewX(9deg);}10%{-o-transform:skewX(-8deg);}20%{-o-transform:skewX(7deg);}30%{-o-transform:skewX(-6deg);}40%{-o-transform:skewX(5deg);}50%{-o-transform:skewX(-4deg);}60%{-o-transform:skewX(3deg);}70%{-o-transform:skewX(-2deg);}80%{-o-transform:skewX(1deg);}90%{-o-transform:skewX(0deg);}100%{-o-transform:skewX(0deg);}} @keyframes wiggle{0%{transform:skewX(9deg);} 10%{transform:skewX(-8deg);} 20%{transform:skewX(7deg);} 30%{transform:skewX(-6deg);} 40%{transform:skewX(5deg);} 50%{transform:skewX(-4deg);} 60%{transform:skewX(3deg);} 70%{transform:skewX(-2deg);} 80%{transform:skewX(1deg);} 90%{transform:skewX(0deg);} 100%{transform:skewX(0deg);}} .wiggle{-webkit-animation-name:wiggle;-moz-animation-name:wiggle;-o-animation-name:wiggle;animation-name:wiggle;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in;} .animated.wiggle{-webkit-animation-duration:0.75s;-moz-animation-duration:0.75s;-o-animation-duration:0.75s;animation-duration:0.75s;} /** * Media element */ .wp-video video{width: 100%; height: 100%; max-width: 100%;}.wp-video{width: 100% !important;margin:20px 0;} .mejs-container{display:block;position:relative;margin:0;padding:0;vertical-align:baseline;outline:0;font-size:100%;background:transparent;border:0;text-decoration:none}.mejs-fullscreen{overflow:hidden!important}.mejs-container-fullscreen{overflow:hidden;position:fixed;left:0;top:0;right:0;bottom:0;z-index:1000}.mejs-mediaelement{position:absolute;top:0;left:0;width:100%;height:100%}.mejs-container-fullscreen .mejs-mediaelement,.mejs-container-fullscreen video{width:100%;height:100%}.me-plugin{position:absolute}.mejs-embed,.mejs-embed body{overflow:hidden;width:100%;height:100%;margin:0;padding:0}.mejs-background{position:absolute;top:0;left:0}.me-cannotplay a{color:#fff}.me-cannotplay span{display:block;padding:15px}.mejs-poster{position:absolute;top:0;left:0;background-size:contain;background-position:50% 50%;background-repeat:no-repeat}:root .mejs-poster img{display:none}.mejs-poster img{margin:0;padding:0;border:0}.mejs-overlay{position:absolute;top:0;left:0}.mejs-overlay-play{cursor:pointer}.mejs-overlay-button{position:absolute;top:50%;left:50%;width:100px;height:100px;margin:-50px 0 0 -50px}.mejs-overlay:hover .mejs-overlay-button{background-position:0 -100px !important}.mejs-overlay-loading{position:absolute;width:100%;height:100%;background:#333;background:rgba(51,51,51,.75)}.mejs-overlay-loading span{position:absolute;display:block;top:50%;left:50%;width:80px;height:80px;margin:-40px 0 0 -40px}.mejs-captions-layer{position:absolute;bottom:0;left:0;text-align:center;color:#fff}.mejs-captions-layer a{color:#fff;text-decoration:underline}.mejs-captions-position{position:absolute;width:100%;bottom:15px;left:0}.mejs-captions-position-hover{bottom:45px}.mejs-captions-text{padding:3px 5px;background:#141414;background:rgba(20,20,20,.8)}.mejs-chapters{position:absolute;top:0;left:0;width:10000px;z-index:1;-xborder-right:solid 1px #fff}.mejs-chapter{overflow:hidden;position:absolute;float:left;background:#222;border:0}.mejs-chapter-block{display:block;padding:5px;color:#fff;border-right:solid 1px #333;border-bottom:solid 1px #333;cursor:pointer}.mejs-chapter-block-last{border-right:0}.mejs-chapter-block:hover{background:#666}.mejs-chapter-block .ch-title{display:block;white-space:nowrap;text-overflow:ellipsis;margin:0 0 3px}.mejs-chapter-block .ch-timespan{display:block;white-space:nowrap;text-overflow:ellipsis;margin:3px 0 4px}.mejs-postroll-layer{overflow:hidden;position:absolute;bottom:0;left:0;width:100%;height:100%;background:#323232;background:rgba(50,50,50,.7);z-index:1000}.mejs-postroll-layer-content{width:100%;height:100%}.mejs-postroll-close{position:absolute;right:0;top:0;padding:4px;color:#fff;background:#323232;background:rgba(50,50,50,.7);cursor:pointer;z-index:100}.mejs-controls{position:absolute;list-style-type:none;margin:0;padding:0;bottom:0;left:0;width:100%;height:30px;background:#323232;background:rgba(50,50,50,.7)}.mejs-controls div{display:block;float:left;margin:0;padding:0;width:26px;height:26px;border:0;font-size:11px;line-height:11px}.mejs-button button{display:block;position:absolute;width:16px;height:16px;margin:7px 5px;padding:0;cursor:pointer;border:0;font-size:0;line-height:0;text-decoration:none}.mejs-button button:focus{outline:solid 1px #ff0}.mejs-play button{background-position:0 0 !important}.mejs-pause button{background-position:0 -16px !important}.mejs-stop button{background-position:-112px 0 !important}.mejs-controls .mejs-time{overflow:hidden;display:block;width:auto;height:17px;padding:8px 3px 0;color:#fff;text-align:center;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}.mejs-time span{display:block;float:left;width:auto;margin:1px 2px 0 0;color:#fff}.mejs-controls .mejs-time-rail{direction:ltr;width:200px;padding-top:5px}.mejs-time-rail span{display:block;position:absolute;width:180px;height:10px;cursor:pointer}.mejs-time-rail .mejs-time-total{margin:5px;background:#222}.mejs-time-rail .mejs-time-buffering{width:100%;background-image:-o-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,.15)),color-stop(0.75,rgba(255,255,255,.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:15px 15px;-moz-background-size:15px 15px;-o-background-size:15px 15px;background-size:15px 15px;-webkit-animation:buffering-stripes 2s linear infinite;-moz-animation:buffering-stripes 2s linear infinite;-ms-animation:buffering-stripes 2s linear infinite;-o-animation:buffering-stripes 2s linear infinite;animation:buffering-stripes 2s linear infinite}@-webkit-keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}@-moz-keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}@-ms-keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}@-o-keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}@keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}.mejs-time-rail .mejs-time-loaded{width:0;background:#3caac8}.mejs-time-rail .mejs-time-current{width:0;background:#fff}.mejs-time-rail .mejs-time-handle{display:none;position:absolute;top:-2px;width:10px;margin:0;background:#fff;cursor:pointer;text-align:center}.mejs-time-rail .mejs-time-float{display:none;position:absolute;top:-26px;width:36px;height:17px;margin-left:-18px;color:#111;background:#eee;border:solid 1px #333;text-align:center}.mejs-long-video .mejs-time-rail .mejs-time-float{width:48px}.mejs-time-rail .mejs-time-float-current{display:block;left:0;margin:2px;width:30px;text-align:center}.mejs-long-video .mejs-time-rail .mejs-time-float-current{width:44px}.mejs-time-rail .mejs-time-float-corner{display:block;position:absolute;top:15px;left:13px;width:0;height:0;line-height:0;border:solid 5px #eee;border-color:#eee transparent transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.mejs-long-video .mejs-time-rail .mejs-time-float-corner{left:18px}.mejs-fullscreen-button button{background-position:-32px 0 !important}.mejs-unfullscreen button{background-position:-32px -16px !important}.mejs-controls .mejs-volume-button{position:relative}.mejs-volume-button.mejs-mute button{background-position:-16px -16px !important}.mejs-volume-button.mejs-unmute button{background-position:-16px 0 !important}.mejs-volume-button .mejs-volume-slider{display:none;position:absolute;top:-115px;left:0;width:25px;height:115px;margin:0;background:#323232;background:rgba(50,50,50,.7);z-index:1}.mejs-volume-button .mejs-volume-slider .mejs-volume-total{position:absolute;top:8px;left:11px;width:2px;height:100px;margin:0;background:#ddd}.mejs-volume-button .mejs-volume-slider .mejs-volume-current{position:absolute;top:8px;left:11px;width:2px;height:100px;margin:0;background:#ddd}.mejs-volume-button .mejs-volume-slider .mejs-volume-handle{position:absolute;top:-3px;left:4px;width:16px;height:6px;margin:0;background:#ddd;cursor:N-resize}.mejs-controls .mejs-horizontal-volume-slider{height:26px;width:60px;position:relative}.mejs-horizontal-volume-slider .mejs-horizontal-volume-total{position:absolute;top:11px;left:0;width:50px;height:8px;margin:0;padding:0;font-size:1px;background:#333}.mejs-horizontal-volume-slider .mejs-horizontal-volume-current{position:absolute;top:11px;left:0;width:50px;height:8px;margin:0;padding:0;font-size:1px;background:#fff}.mejs-horizontal-volume-slider .mejs-horizontal-volume-handle{display:none}.mejs-loop-off button{background-position:-64px -16px !important}.mejs-loop-on button{background-position:-64px 0 !important}.mejs-backlight-off button{background-position:-80px -16px !important}.mejs-backlight-on button{background-position:-80px 0 !important}.mejs-controls .mejs-picturecontrols-button{background-position:-96px 0 !important}.mejs-controls .mejs-captions-button{position:relative}.mejs-captions-button button{background-position:-48px 0 !important}.mejs-captions-button .mejs-captions-selector{overflow:hidden;visibility:hidden;position:absolute;bottom:26px;right:-10px;width:130px;height:100px;padding:10px;background:#323232;background:rgba(50,50,50,.7)}.mejs-captions-button .mejs-captions-selector ul{list-style-type:none;overflow:hidden;display:block;margin:0;padding:0}.mejs-captions-button .mejs-captions-selector li{list-style-type:none;overflow:hidden;display:block;margin:0 0 6px;padding:0;color:#fff}.mejs-captions-button .mejs-captions-selector input{clear:both;float:left;margin:3px 3px 0 5px}.mejs-captions-button .mejs-captions-selector label{float:left;width:100px;padding:4px 0 0}.mejs-captions-button .mejs-captions-translations{margin:0 0 5px}.mejs-controls .mejs-sourcechooser-button{position:relative}.mejs-sourcechooser-button button{background-position:-128px 0 !important}.mejs-sourcechooser-selector{overflow:hidden;visibility:hidden;position:absolute;bottom:26px;right:-10px;width:130px;height:100px;padding:10px;background:#323232;background:rgba(50,50,50,.7);border:solid 1px transparent}.mejs-sourcechooser-selector ul{list-style-type:none;overflow:hidden;display:block;margin:0;padding:0}.mejs-sourcechooser-selector li{list-style-type:none;overflow:hidden;display:block;margin:0 0 6px;padding:0;color:#fff}.mejs-sourcechooser-selector li input{clear:both;float:left;margin:3px 3px 0 5px}.mejs-sourcechooser-selector li label{float:left;width:100px;padding:4px 0 0;font-size:10px;line-height:15px}.mejs-clear,.wp-playlist-item{clear:both}.wp-playlist{margin:0 0 1.5rem;padding:1.5rem;border:1px solid #999}.wp-playlist video{display:inline-block;max-width:100%}.wp-playlist audio{display:none;max-width:100%;width:100%}.wp-playlist .mejs-container{margin:0;width:100%}.wp-playlist .mejs-controls .mejs-button button{outline:0}.wp-playlist-caption{max-width:88%;overflow:hidden;text-overflow:ellipsis}.wp-playlist-current-item{margin-bottom:1.5rem}.wp-playlist-current-item img{max-width:60px;height:auto}.ltr .wp-playlist-current-item img{float:left;margin-right:1.5rem}.rtl .wp-playlist-current-item img{float:right;margin-left:1.5rem}.wp-playlist-item-meta{display:block}.wp-playlist-tracks{margin-top:1.5rem}.wp-playlist-item{overflow:hidden;cursor:pointer;margin-bottom:.75rem}.wp-playlist-item:last-child{margin-bottom:0;border-bottom:0}.wp-playlist-playing{font-weight:700}.ltr .wp-playlist-item .wp-playlist-caption{float:left}.rtl .wp-playlist-item .wp-playlist-caption{float:right}.ltr .wp-playlist-item .wp-playlist-item-length{float:right}.rtl .wp-playlist-item .wp-playlist-item-length{float:left}.mejs-contextmenu{position:absolute;top:0;left:0;width:150px;padding:10px;background:#fff;border:solid 1px #999;z-index:1001}.mejs-contextmenu .mejs-contextmenu-separator{height:1px;margin:5px 6px;font-size:0;background:#333}.mejs-contextmenu .mejs-contextmenu-item{padding:4px 6px;font-size:12px;color:#333;cursor:pointer}.mejs-contextmenu .mejs-contextmenu-item:hover{color:#fff;background:#2C7C91}.mejs-overlay-button{background: url( 'images/mediaelement/bigplay.png' ) no-repeat;}.mejs-overlay-loading span{background: transparent url( 'images/mediaelement/loading.gif' ) 50% 50% no-repeat;}.mejs-button button{background: transparent url( 'images/mediaelement/controls.png' ) no-repeat;}